{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/shared/components/form/FormRow.tsx\";\n\nimport React from 'react';\nimport FormGroup from './FormGroup';\n\nvar FormRow = function FormRow(props) {\n  var handleChange = props.handleChange,\n      toggleCheckbox = props.toggleCheckbox;\n  var formLayout = 'form__' + props.formLayout;\n  var formDirection = 'form form--' + props.formDirection;\n  var formDisabled = props.formDisabled;\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"form\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 21,\n      columnNumber: 9\n    }\n  }, props.formData.map(function (sect, index) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      className: formLayout,\n      key: index,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 24,\n        columnNumber: 21\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: formDirection,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 25\n      }\n    }, sect.map(function (field, index) {\n      return /*#__PURE__*/React.createElement(FormGroup, {\n        handleChange: handleChange,\n        toggleCheckbox: toggleCheckbox,\n        key: index,\n        inputType: field.inputType,\n        inputLabel: field.inputLabel,\n        inputClass: field.inputClass,\n        inputId: field.inputId,\n        defaultValue: field.defaultValue,\n        selectOpts: field.opts ? field.opts : [\"Needs to be Set...\"],\n        inputDisabled: formDisabled,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 28,\n          columnNumber: 37\n        }\n      });\n    })));\n  }));\n};\n\nexport default FormRow;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/shared/components/form/FormRow.tsx"],"names":["React","FormGroup","FormRow","props","handleChange","toggleCheckbox","formLayout","formDirection","formDisabled","formData","map","sect","index","field","inputType","inputLabel","inputClass","inputId","defaultValue","opts"],"mappings":";;;AAAA,OAAOA,KAAP,MAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,aAAtB;;AAWA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAA0B;AAAA,MAC9BC,YAD8B,GACGD,KADH,CAC9BC,YAD8B;AAAA,MAChBC,cADgB,GACGF,KADH,CAChBE,cADgB;AAGtC,MAAMC,UAAU,GAAG,WAAWH,KAAK,CAACG,UAApC;AACA,MAAMC,aAAa,GAAG,gBAAgBJ,KAAK,CAACI,aAA5C;AACA,MAAMC,YAAY,GAAGL,KAAK,CAACK,YAA3B;AAEA,sBACI;AAAK,IAAA,SAAS,EAAC,MAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACKL,KAAK,CAACM,QAAN,CAAeC,GAAf,CAAmB,UAAUC,IAAV,EAAqBC,KAArB,EAAoC;AACpD,wBACI;AAAK,MAAA,SAAS,EAAEN,UAAhB;AAA4B,MAAA,GAAG,EAAEM,KAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACI;AAAK,MAAA,SAAS,EAAEL,aAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACKI,IAAI,CAACD,GAAL,CAAS,UAAUG,KAAV,EAAsBD,KAAtB,EAAqC;AAC3C,0BACI,oBAAC,SAAD;AACI,QAAA,YAAY,EAAER,YADlB;AAEI,QAAA,cAAc,EAAEC,cAFpB;AAGI,QAAA,GAAG,EAAEO,KAHT;AAII,QAAA,SAAS,EAAEC,KAAK,CAACC,SAJrB;AAKI,QAAA,UAAU,EAAED,KAAK,CAACE,UALtB;AAMI,QAAA,UAAU,EAAEF,KAAK,CAACG,UANtB;AAOI,QAAA,OAAO,EAAEH,KAAK,CAACI,OAPnB;AAQI,QAAA,YAAY,EAAEJ,KAAK,CAACK,YARxB;AASI,QAAA,UAAU,EAAEL,KAAK,CAACM,IAAN,GAAaN,KAAK,CAACM,IAAnB,GAA0B,CAAC,oBAAD,CAT1C;AAUI,QAAA,aAAa,EAAEX,YAVnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QADJ;AAcH,KAfA,CADL,CADJ,CADJ;AAsBH,GAvBA,CADL,CADJ;AA6BH,CApCD;;AAsCA,eAAeN,OAAf","sourcesContent":["import React, { Component } from 'react';\nimport FormGroup from './FormGroup';\n\ninterface FormRowpProps {\n    handleChange?: any\n    toggleCheckbox?: Function,\n    formDirection: string,\n    formLayout: string,\n    formData: any,\n    formDisabled: boolean,\n}\n\nconst FormRow = (props: FormRowpProps) => {\n    const { handleChange, toggleCheckbox } = props\n\n    const formLayout = 'form__' + props.formLayout;\n    const formDirection = 'form form--' + props.formDirection;\n    const formDisabled = props.formDisabled;\n\n    return (\n        <div className=\"form\">\n            {props.formData.map(function (sect: any, index: number) {\n                return (\n                    <div className={formLayout} key={index}>\n                        <div className={formDirection}>\n                            {sect.map(function (field: any, index: number) {\n                                return (\n                                    <FormGroup\n                                        handleChange={handleChange}\n                                        toggleCheckbox={toggleCheckbox}\n                                        key={index}\n                                        inputType={field.inputType}\n                                        inputLabel={field.inputLabel}\n                                        inputClass={field.inputClass}\n                                        inputId={field.inputId}\n                                        defaultValue={field.defaultValue}\n                                        selectOpts={field.opts ? field.opts : [\"Needs to be Set...\"]}\n                                        inputDisabled={formDisabled}\n                                    />\n                                );\n                            })}\n                        </div>\n                    </div>\n                );\n            })}\n\n        </div>\n    );\n}\n\nexport default FormRow;"]},"metadata":{},"sourceType":"module"}