React_Client_App_Access/node_modules/.cache/babel-loader/9ee9f35db85aa0189b780d9f45e16c18.json

{"ast":null,"code":"import _classCallCheck from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _inherits from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nvar _jsxFileName = \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/shared/components/form/BOMTableSet.tsx\";\nimport React, { Component } from 'react';\nimport BOMTable from \"./BOMTable\";\nimport FormRow from './FormRow';\n\nvar BOMTableSet = /*#__PURE__*/function (_Component) {\n  _inherits(BOMTableSet, _Component);\n\n  function BOMTableSet(props) {\n    var _this;\n\n    _classCallCheck(this, BOMTableSet);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(BOMTableSet).call(this, props));\n\n    _this.setActiveTab = function (tabId) {\n      _this.setState({\n        activeTab: tabId\n      });\n    };\n\n    _this.state = {\n      activeTab: 'Motor'\n    };\n    return _this;\n  }\n\n  _createClass(BOMTableSet, [{\n    key: \"render\",\n    value: function render() {\n      var _this2 = this;\n\n      var applicationsTab = this.props.applicationsTab;\n      var changeHandler = this.props.handleAppChange;\n      var activeTab = this.state.activeTab;\n      var _this$props = this.props,\n          deleteBomItem = _this$props.deleteBomItem,\n          formDisabled = _this$props.formDisabled,\n          formStatus = _this$props.formStatus,\n          emptyBomRow = _this$props.emptyBomRow,\n          handleNewRowChange = _this$props.handleNewRowChange,\n          addNewBomRecord = _this$props.addNewBomRecord,\n          tempBomData = _this$props.tempBomData;\n      return /*#__PURE__*/React.createElement(\"div\", {\n        className: \"bom-tab-set\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 42,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(\"div\", {\n        className: \"bom-tab-group\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 17\n        }\n      }, this.props.bomData.map(function (bomGroup, index) {\n        return /*#__PURE__*/React.createElement(\"div\", {\n          key: index,\n          className: \"bom-tab \" + (activeTab === bomGroup.tabName ? 'active' : ''),\n          onClick: function onClick() {\n            return _this2.setActiveTab(bomGroup.tabName);\n          },\n          __self: _this2,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 48,\n            columnNumber: 33\n          }\n        }, bomGroup.tabName);\n      })), this.props.bomData.map(function (bom, index) {\n        return /*#__PURE__*/React.createElement(\"div\", {\n          key: index,\n          \"data-tabName\": activeTab,\n          className: \"bom-tab-data \" + (activeTab === bom.tabName ? 'active' : ''),\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 64,\n            columnNumber: 29\n          }\n        }, bom.tabName === \"Applications\" ? /*#__PURE__*/React.createElement(\"div\", {\n          className: \"border-top\",\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 68,\n            columnNumber: 45\n          }\n        }, /*#__PURE__*/React.createElement(FormRow, {\n          handleChange: function handleChange(e) {\n            return changeHandler ? changeHandler(e) : console.error('no handler assigned.....');\n          },\n          formDirection: \"horizontal\",\n          formLayout: \"quarter\",\n          formData: applicationsTab.formData,\n          formDisabled: formDisabled,\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 49\n          }\n        })) : /*#__PURE__*/React.createElement(BOMTable, {\n          activeTab: activeTab,\n          tempBomData: tempBomData,\n          addNewBomRecord: addNewBomRecord,\n          handleNewRowChange: handleNewRowChange,\n          emptyBomRow: emptyBomRow,\n          formStatus: formStatus,\n          deleteBomItem: deleteBomItem,\n          formDisabled: formDisabled,\n          boms: bom.parts,\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 80,\n            columnNumber: 45\n          }\n        }));\n      }));\n    }\n  }]);\n\n  return BOMTableSet;\n}(Component);\n\nexport default BOMTableSet;","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/shared/components/form/BOMTableSet.tsx"],"names":["React","Component","BOMTable","FormRow","BOMTableSet","props","setActiveTab","tabId","setState","activeTab","state","applicationsTab","changeHandler","handleAppChange","deleteBomItem","formDisabled","formStatus","emptyBomRow","handleNewRowChange","addNewBomRecord","tempBomData","bomData","map","bomGroup","index","tabName","bom","e","console","error","formData","parts"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport BOMTable from \"./BOMTable\";\nimport FormRow from './FormRow';\nimport { CardBody } from 'reactstrap';\n\nimport { Bom } from '../../../shared/interfaces/Index'\ninterface BOMTableSetProps { // TODO: Remove ?s after everything is set to ensure compatibility\n    bomData: any,\n    formStatus: string,\n    formDisabled: boolean,\n    applicationsTab?: any\n    deleteBomItem?: any,\n    emptyBomRow?: Bom,\n    handleNewRowChange?: any\n    addNewBomRecord?: any\n    activeTab?: any,\n    tempBomData?: Bom[]\n    handleAppChange?: Function\n}\ninterface BOMTableSetState {\n    activeTab: string;\n\n}\n\nclass BOMTableSet extends Component<BOMTableSetProps, BOMTableSetState> {\n\n    constructor(props: BOMTableSetProps) {\n        super(props);\n        this.state = { activeTab: 'Motor' };\n    }\n\n    setActiveTab = (tabId: string) => {\n        this.setState({ activeTab: tabId });\n    }\n\n    render() {\n        const applicationsTab = this.props.applicationsTab;\n        const changeHandler = this.props.handleAppChange;\n        const { activeTab } = this.state;\n        const { deleteBomItem, formDisabled, formStatus, emptyBomRow, handleNewRowChange, addNewBomRecord, tempBomData } = this.props\n        return (\n            <div className=\"bom-tab-set\">\n                <div className=\"bom-tab-group\">\n                    {/* Render the clickable Tabs to move between motor - electrical - plumbing -instructions - applicaitons. */}\n                    {\n                        this.props.bomData.map((bomGroup: any, index: number) => {\n                            return (\n                                <div\n                                    key={index}\n                                    className={\"bom-tab \" + (activeTab === bomGroup.tabName ? 'active' : '')}\n                                    onClick={() => this.setActiveTab(bomGroup.tabName)}\n                                >\n                                    {bomGroup.tabName}\n                                </div>\n                            );\n                        })\n                    }\n                </div>\n\n                {/* Render the content concerned with each tab. */}\n                {\n                    this.props.bomData.map(function (bom: any, index: number) {\n                        return (\n                            <div key={index} data-tabName={activeTab} className={\"bom-tab-data \" + (activeTab === bom.tabName ? 'active' : '')}>\n                                {\n                                    bom.tabName === \"Applications\" ?\n                                        (\n                                            <div className=\"border-top\">\n                                                <FormRow\n                                                    handleChange={(e: any) => changeHandler ? changeHandler(e) : console.error('no handler assigned.....')}\n                                                    formDirection=\"horizontal\"\n                                                    formLayout=\"quarter\"\n                                                    formData={applicationsTab.formData}\n                                                    formDisabled={formDisabled}\n                                                />\n                                            </div>\n                                        )\n                                        :\n                                        (\n                                            <BOMTable\n                                                activeTab={activeTab}\n                                                tempBomData={tempBomData}\n                                                addNewBomRecord={addNewBomRecord}\n                                                handleNewRowChange={handleNewRowChange}\n                                                emptyBomRow={emptyBomRow}\n                                                formStatus={formStatus}\n                                                deleteBomItem={deleteBomItem}\n                                                formDisabled={formDisabled}\n                                                boms={bom.parts}\n                                            />\n                                        )\n                                }\n                            </div>\n                        );\n                    })\n                }\n            </div>\n        );\n    }\n\n}\n\nexport default BOMTableSet;\n"]},"metadata":{},"sourceType":"module"}