|
- {"ast":null,"code":"var _this = this,\n _jsxFileName = \"/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/shared/components/form/BOMTable.tsx\";\n\nimport React from 'react';\n\nvar BOMTable = function BOMTable(props) {\n var formDisabled = props.formDisabled,\n addNewBomRecord = props.addNewBomRecord,\n handleNewRowChange = props.handleNewRowChange,\n emptyBomRow = props.emptyBomRow,\n activeTab = props.activeTab,\n handleBomChange = props.handleBomChange;\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 }, /*#__PURE__*/React.createElement(\"table\", {\n className: \"table table-striped\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"thead\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"th\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 25\n }\n }, \"Old\"), /*#__PURE__*/React.createElement(\"th\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 25\n }\n }, \"New\"), /*#__PURE__*/React.createElement(\"th\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 25\n }\n }, \"Part Number\"), /*#__PURE__*/React.createElement(\"th\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 25\n }\n }, \"Part Description\"), /*#__PURE__*/React.createElement(\"th\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 25\n }\n }, \"Actions\"))), /*#__PURE__*/React.createElement(\"tbody\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 17\n }\n }, props.boms ? props.boms.map(function (bom, index) {\n return /*#__PURE__*/React.createElement(\"tr\", {\n id: \"bom-\".concat(bom.id || index),\n key: index,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 37\n }\n }, /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 41\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.bOld || \"\",\n name: \"bOld\",\n className: \"input-small\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 45\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 41\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.bNew || \"\",\n name: \"bNew\",\n className: \"input-small\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 45\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 41\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.partNumber || \"\",\n name: \"partNumber\",\n className: \"input-medium\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 45\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 41\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.description || \"\",\n name: \"description\",\n className: \"input-large\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 45\n }\n })), !formDisabled ? /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 58\n }\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"btn btn-danger btn-inline\",\n disabled: formDisabled,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 62\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fas fa-times\",\n onClick: function onClick(e) {\n return props.deleteBomItem(e);\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 134\n }\n }))) : /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 228\n }\n }));\n }) : null, props.tempBomData ? props.tempBomData.map(function (bom, index) {\n if (bom.name === activeTab) {\n return /*#__PURE__*/React.createElement(\"tr\", {\n id: \"temp-\".concat(index),\n key: index,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 41\n }\n }, /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.bOld || \"\",\n name: \"bOld\",\n className: \"input-small\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 49\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.bNew || \"\",\n name: \"bNew\",\n className: \"input-small\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 49\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.partNumber || \"\",\n name: \"partNumber\",\n className: \"input-medium\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 49\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n type: \"text\",\n value: bom.description || \"\",\n name: \"description\",\n className: \"input-large\",\n disabled: formDisabled,\n onChange: handleBomChange,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 49\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 45\n }\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"btn btn-danger btn-inline\",\n disabled: formDisabled,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 49\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"fas fa-times\",\n onClick: function onClick(e) {\n return props.deleteBomItem(e);\n },\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 121\n }\n }))));\n }\n }) : null, /*#__PURE__*/React.createElement(NewBomRow, {\n tempBomCount: props.tempBomCount,\n visible: props.formStatus === 'edit',\n emptyBomRow: emptyBomRow,\n handleNewRowChange: handleNewRowChange,\n submitNewBomRecord: addNewBomRecord,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 21\n }\n }))));\n};\n\nvar NewBomRow = function NewBomRow(props) {\n var tempBomCount = props.tempBomCount;\n var InputControlsVisisble = props.visible;\n\n if (InputControlsVisisble) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"tr\", {\n id: \"temp-\".concat(tempBomCount),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n name: \"bOld\",\n type: \"text\",\n onChange: function onChange(e) {\n return props.handleNewRowChange(e);\n },\n value: props.emptyBomRow.bOld,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n name: \"bNew\",\n type: \"text\",\n onChange: function onChange(e) {\n return props.handleNewRowChange(e);\n },\n value: props.emptyBomRow.bNew,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n name: \"partNumber\",\n type: \"text\",\n onChange: function onChange(e) {\n return props.handleNewRowChange(e);\n },\n value: props.emptyBomRow.partNumber,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"input\", {\n name: \"description\",\n type: \"text\",\n onChange: function onChange(e) {\n return props.handleNewRowChange(e);\n },\n value: props.emptyBomRow.description,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"button\", {\n className: \"btn btn-primary\",\n onClick: props.submitNewBomRecord,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 25\n }\n }, \"Add Part\"))));\n }\n\n return null;\n};\n\nexport default BOMTable;","map":{"version":3,"sources":["/Users/michielcarman/Server Code/Repository/clients-rpm-kit-manager/code/RPM.KitManager/RPM.KitManager.Web/ClientApp/src/shared/components/form/BOMTable.tsx"],"names":["React","BOMTable","props","formDisabled","addNewBomRecord","handleNewRowChange","emptyBomRow","activeTab","handleBomChange","boms","map","bom","index","id","bOld","bNew","partNumber","description","e","deleteBomItem","tempBomData","name","tempBomCount","formStatus","NewBomRow","InputControlsVisisble","visible","submitNewBomRecord"],"mappings":"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","sourcesContent":["import React, { Component, ChangeEvent } from 'react';\n\nimport { Bom } from '../../../shared/interfaces/Index'\n\nexport interface BOMTableProps {\n formStatus?: string,\n formDisabled?: boolean,\n boms: Bom[],\n handleBomChange?: (event: ChangeEvent<HTMLInputElement>) => void,\n tempBomData?: Bom[]\n tempBomCount?: number,\n addNewBomRecord?: any, //TODO: Remove optional once finished with other ECO componenets\n emptyBomRow?: Bom,\n handleNewRowChange?: any,\n deleteBomItem?: any\n activeTab?: any\n}\nconst BOMTable = (props: BOMTableProps) => {\n const { formDisabled, addNewBomRecord, handleNewRowChange, emptyBomRow, activeTab, handleBomChange } = props;\n return (\n <div className=\"form\">\n <table className=\"table table-striped\">\n <thead>\n <tr>\n <th>Old</th>\n <th>New</th>\n <th>Part Number</th>\n <th>Part Description</th>\n <th>Actions</th>\n </tr>\n </thead>\n <tbody>\n\n {\n props.boms ?\n props.boms.map(function (bom: Bom, index: number) {\n return (\n <tr id={`bom-${bom.id || index}`} key={index}>\n <td><input type=\"text\" value={bom.bOld || \"\"} name=\"bOld\" className=\"input-small\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.bNew || \"\"} name=\"bNew\" className=\"input-small\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.partNumber || \"\"} name=\"partNumber\" className=\"input-medium\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.description || \"\"} name=\"description\" className=\"input-large\" disabled={formDisabled} onChange={handleBomChange} /></td>\n {!formDisabled ? <td><button className=\"btn btn-danger btn-inline\" disabled={formDisabled} ><i className=\"fas fa-times\" onClick={(e: any) => props.deleteBomItem(e)}></i></button></td> : <td></td>}\n </tr>\n );\n })\n :\n null\n }\n {\n props.tempBomData ?\n props.tempBomData.map(function (bom: Bom, index: number) {\n if (bom.name === activeTab) {\n return (\n <tr id={`temp-${index}`} key={index}>\n <td><input type=\"text\" value={bom.bOld || \"\"} name=\"bOld\" className=\"input-small\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.bNew || \"\"} name=\"bNew\" className=\"input-small\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.partNumber || \"\"} name=\"partNumber\" className=\"input-medium\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><input type=\"text\" value={bom.description || \"\"} name=\"description\" className=\"input-large\" disabled={formDisabled} onChange={handleBomChange} /></td>\n <td><button className=\"btn btn-danger btn-inline\" disabled={formDisabled} ><i className=\"fas fa-times\" onClick={(e: any) => props.deleteBomItem(e)}></i></button></td>\n </tr>\n );\n }\n })\n : null\n }\n\n\n\n <NewBomRow\n tempBomCount={props.tempBomCount}\n visible={props.formStatus === 'edit'}\n emptyBomRow={emptyBomRow}\n handleNewRowChange={handleNewRowChange}\n submitNewBomRecord={addNewBomRecord}\n />\n </tbody>\n </table>\n </div>\n )\n}\ninterface NewBomProps {\n visible: boolean\n tempBomCount: any\n emptyBomRow: any\n handleNewRowChange: any\n submitNewBomRecord: any\n}\n\nconst NewBomRow = (props: NewBomProps) => {\n let tempBomCount = props.tempBomCount\n let InputControlsVisisble = props.visible;\n if (InputControlsVisisble) {\n return (\n <>\n <tr id={`temp-${tempBomCount}`}>\n <td><input name=\"bOld\" type=\"text\" onChange={(e) => props.handleNewRowChange(e)} value={props.emptyBomRow.bOld}></input></td>\n <td><input name=\"bNew\" type=\"text\" onChange={(e) => props.handleNewRowChange(e)} value={props.emptyBomRow.bNew}></input></td>\n <td><input name=\"partNumber\" type=\"text\" onChange={(e) => props.handleNewRowChange(e)} value={props.emptyBomRow.partNumber}></input></td>\n <td><input name=\"description\" type=\"text\" onChange={(e) => props.handleNewRowChange(e)} value={props.emptyBomRow.description}></input></td>\n <td>\n <button\n className=\"btn btn-primary\"\n onClick={props.submitNewBomRecord}\n >Add Part</button>\n </td>\n </tr>\n </>\n )\n }\n return null;\n}\nexport default BOMTable;"]},"metadata":{},"sourceType":"module"}
|