{"ast":null,"code":"import _regeneratorRuntime from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _objectSpread from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread\";\nimport _asyncToGenerator from \"/Users/michielcarman/Projects/React Access/React_Client_App_Access/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _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/containers/Manage/ProductionMaterial/ProductionMaterial.tsx\";\nimport React, { Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport { ProductionMaterialsHeaderObjects } from '../../../shared/components/TableHeaderObjects'; //MockData\n//import { ProductionMaterialsMockData } from '../../../shared/components/mockdata/ProductionMaterialMockData'\n\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable';\nimport axios from 'axios'; // interface ProductionMaterialsListState {\n//     blankRows: number,\n//     newInput: Object,\n//     tableData: any,\n//     entryForm: boolean\n//     pagination: object,\n//     isLoading: boolean\n// }\n// export default class ProductionMaterialsList extends Component<{}, ProductionMaterialsListState> {\n//     constructor(props: any) {\n//         super(props)\n//         this.state = {\n//             isLoading: true,\n//             blankRows: 0,\n//             newInput: {\n//                 primaryUser: '',\n//                 description: '',\n//                 vendor: '',\n//                 vendorPN: 0,\n//                 note: ''\n//             },\n//             tableData: {\n//                 heads: ProductionMaterialsHeaderObjects,\n//                 rows: []\n//             },\n//             pagination: {\n//                 size: 1000,\n//                 i: 0,\n//             },\n//             entryForm: false\n//         }\n//     }\n\nvar ProductionMaterial = /*#__PURE__*/function (_Component) {\n  _inherits(ProductionMaterial, _Component);\n\n  function ProductionMaterial(props) {\n    var _this;\n\n    _classCallCheck(this, ProductionMaterial);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(ProductionMaterial).call(this, props));\n    _this.state = {\n      isLoading: true,\n      tableData: {\n        heads: ProductionMaterialsHeaderObjects,\n        rows: []\n      },\n      pagination: {\n        size: 1000,\n        i: 0\n      }\n    };\n    return _this;\n  }\n\n  _createClass(ProductionMaterial, [{\n    key: \"componentDidMount\",\n    value: function () {\n      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {\n        var ProductionMaterialsList, _this$state$paginatio, size, i;\n\n        return _regeneratorRuntime.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _this$state$paginatio = this.state.pagination, size = _this$state$paginatio.size, i = _this$state$paginatio.i;\n                _context.next = 3;\n                return axios.get(\"/api/productionmaterial/productionmateriallist?size=\".concat(size, \"&i=\").concat(i)).then(function (res) {\n                  return ProductionMaterialsList = res.data.items.records;\n                }).catch(function (err) {\n                  return console.error(err);\n                });\n\n              case 3:\n                this.setState(_objectSpread({}, this.state, {\n                  isLoading: false,\n                  tableData: {\n                    heads: ProductionMaterialsHeaderObjects,\n                    rows: ProductionMaterialsList\n                  }\n                })); // console.log('Prod Material Table Data', `${this.state.tableData.rows}`);\n\n              case 4:\n              case \"end\":\n                return _context.stop();\n            }\n          }\n        }, _callee, this);\n      }));\n\n      function componentDidMount() {\n        return _componentDidMount.apply(this, arguments);\n      }\n\n      return componentDidMount;\n    }()\n  }, {\n    key: \"render\",\n    value: function render() {\n      //     let editButton;\n      //     editButton = <button\n      //     disabled={this.state.formStatus == 'edit' ||  this.state.isLoading}\n      //     type=\"submit\"\n      //     className=\"btn btn-primary heading-button\"\n      //     onClick={() => this.makeCopyForEdit()}\n      //   >{PencilIcon} &nbsp; Edit</button>;\n      return /*#__PURE__*/React.createElement(Container, {\n        className: \"dashboard\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 90,\n          columnNumber: 13\n        }\n      }, /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        md: 12,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 92,\n          columnNumber: 21\n        }\n      }, /*#__PURE__*/React.createElement(\"h3\", {\n        className: \"page-title\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 25\n        }\n      }, \"Production Material \", /*#__PURE__*/React.createElement(\"span\", {\n        className: \"lnr lnr-chevron-right\",\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 72\n        }\n      }), \"  All\"))), /*#__PURE__*/React.createElement(Row, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 96,\n          columnNumber: 17\n        }\n      }, /*#__PURE__*/React.createElement(Col, {\n        md: 12,\n        lg: 12,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 97,\n          columnNumber: 21\n        }\n      }, /*#__PURE__*/React.createElement(Card, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 98,\n          columnNumber: 25\n        }\n      }, /*#__PURE__*/React.createElement(CardBody, {\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 99,\n          columnNumber: 29\n        }\n      }, /*#__PURE__*/React.createElement(RPMTable, {\n        heads: this.state.tableData.heads,\n        rows: this.state.tableData.rows,\n        tableType: \"productionmaterial\",\n        isLoading: this.state.isLoading,\n        __self: this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 100,\n          columnNumber: 33\n        }\n      }))))));\n    }\n  }]);\n\n  return ProductionMaterial;\n}(Component); //     submit = () => {\n//         //Get info from inputState\n//         this.setState({\n//             ...this.state,\n//             tableData: {\n//                 heads: [...this.state.tableData.heads],\n//                 rows: [...this.state.tableData.rows, this.state.newInput],\n//             },\n//             entryForm: false\n//         })\n//     }\n//     onChange = (e: any) => {\n//         //Parsing as integer where necessaryh\n//         let newVal;\n//         if (e.target.id === 'vendorPN') {\n//             newVal = parseInt(e.target.value)\n//         } else {\n//             newVal = e.target.value\n//         }\n//         this.setState({\n//             newInput: {\n//                 ...this.state.newInput,\n//                 [e.target.id]: newVal\n//             }\n//         })\n//     }\n//     toggleEntry = () => {\n//         this.setState({\n//             entryForm: !this.state.entryForm\n//         })\n//     }\n//     render() {\n//         const { rows } = this.state.tableData\n//         return (<Container>\n//             <Row>\n//                 <Col md={12}>\n//                     <h3 className=\"page-title\">Production Material <span className=\"lnr lnr-chevron-right\" /> All</h3>\n//                 </Col>\n//             </Row>\n//             <Row>\n//                 <Col md={12}>\n//                     <Card>\n//                         <CardBody>\n//                             <RPMTable\n//                                 tableType='ProductionMaterials'\n//                                 heads={this.state.tableData.heads}\n//                                 rows={rows}\n//                                 isLoading={this.state.isLoading}\n//                             />\n//                         </CardBody>\n//                     </Card>\n//                     <BlankCards onChange={this.onChange} visible={this.state.entryForm} submit={this.submit} blanks={this.state.blankRows} />\n//                     <button className=\"btn btn-primary\"><i className=\"fas fa-save fa-fw\"></i> Save</button>\n//                     <Link to={'/manage/production-material'} className=\"btn btn-link red no-hover\"><i className=\"fas fa-times-circle fa-fw\"></i> Discard Changes</Link>\n//                     <button className=\"btn btn-create\"><span onClick={this.toggleEntry}>Create</span></button>\n//                 </Col>\n//             </Row>\n//         </Container>\n//         )\n//     }\n// }\n// interface BlankProps {\n//     blanks: number\n//     submit: any\n//     visible: boolean\n//     onChange: any\n// }\n// class BlankCards extends React.Component<BlankProps>{\n//     constructor(props: any) {\n//         super(props)\n//     }\n//     render() {\n//         let emptyArray = new Array(this.props.blanks)\n//         for (let i = 0; i < emptyArray.length; i++) {\n//             emptyArray[i] = ''\n//         }\n//         let preRender = this.props.visible ?\n//             <Card>\n//                 <CardBody>\n//                     <table>\n//                         <thead>\n//                             <tr>\n//                                 <th>Primary User</th>\n//                                 <th>Description</th>\n//                                 <th>Vendor</th>\n//                                 <th>Vendor Part Number</th>\n//                                 <th>Note</th>\n//                             </tr>\n//                         </thead>\n//                         <tbody>\n//                             {\n//                                 <tr>\n//                                     <BlankEntrySet onChange={this.props.onChange} submit={this.props.submit} />\n//                                 </tr>\n//                             }\n//                         </tbody>\n//                     </table>\n//                 </CardBody>\n//             </Card>\n//             : null;\n//         return (<>{preRender}</>)\n//     }\n// }\n// interface BlankEntrySetProps {\n//     submit: any\n//     onChange: any\n// }\n// class BlankEntrySet extends React.Component<BlankEntrySetProps>{\n//     constructor(props: any) {\n//         super(props)\n//     }\n//     render() {\n//         return (\n//             <>\n//                 <td><input id=\"primaryUser\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='1' type='text'></input></td>\n//                 <td><input id=\"description\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='2' type='text'></input></td>\n//                 <td><input id=\"vendor\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='3' type='text'></input></td>\n//                 <td><input id=\"vendorPN\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='4' type='text'></input></td>\n//                 <td><input id=\"note\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='5' type='text'></input></td>\n//                 <td><button className=\"btn btn-primary\" onClick={this.props.submit}>Submit To Table</button></td>\n//             </>\n//         )\n//     }\n\n\nexport { ProductionMaterial as default };","map":{"version":3,"sources":["/Users/michielcarman/Projects/React Access/React_Client_App_Access/src/containers/Manage/ProductionMaterial/ProductionMaterial.tsx"],"names":["React","Component","Card","CardBody","Col","Container","Row","ProductionMaterialsHeaderObjects","RPMTable","axios","ProductionMaterial","props","state","isLoading","tableData","heads","rows","pagination","size","i","get","then","res","ProductionMaterialsList","data","items","records","catch","err","console","error","setState"],"mappings":"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","sourcesContent":["import React, { PureComponent, Component } from 'react';\nimport { Card, CardBody, Col, Container, Row } from 'reactstrap';\nimport EditTable from '../../../shared/components/table/EditTable'\n//import RPMTable from '../../../shared/components/rpm-table/RpmTable'\nimport { Link } from 'react-router-dom';\nimport { ProductionMaterialsHeaderObjects } from '../../../shared/components/TableHeaderObjects'\n//MockData\n//import { ProductionMaterialsMockData } from '../../../shared/components/mockdata/ProductionMaterialMockData'\nimport RPMTable from '../../../shared/components/rpm-table/RpmTable';\nimport axios from 'axios';\n\n// interface ProductionMaterialsListState {\n//     blankRows: number,\n//     newInput: Object,\n//     tableData: any,\n//     entryForm: boolean\n//     pagination: object,\n//     isLoading: boolean\n// }\n\n// export default class ProductionMaterialsList extends Component<{}, ProductionMaterialsListState> {\n//     constructor(props: any) {\n//         super(props)\n//         this.state = {\n//             isLoading: true,\n//             blankRows: 0,\n//             newInput: {\n//                 primaryUser: '',\n//                 description: '',\n//                 vendor: '',\n//                 vendorPN: 0,\n//                 note: ''\n//             },\n//             tableData: {\n//                 heads: ProductionMaterialsHeaderObjects,\n//                 rows: []\n//             },\n//             pagination: {\n//                 size: 1000,\n//                 i: 0,\n//             },\n//             entryForm: false\n//         }\n//     }\n\nexport default class ProductionMaterial extends Component<any, any> {\n    constructor(props: any) {\n        super(props)\n        this.state = {\n            isLoading: true,\n            tableData: {\n                heads: ProductionMaterialsHeaderObjects,\n                rows: [],\n            },\n            pagination: {\n                size: 1000,\n                i: 0\n            }\n        }\n    }\n\n    async componentDidMount() {\n        let ProductionMaterialsList;\n        const { size, i } = this.state.pagination\n        await axios.get(`/api/productionmaterial/productionmateriallist?size=${size}&i=${i}`)\n            .then(res => ProductionMaterialsList = res.data.items.records)\n            .catch(err => console.error(err))\n\n        this.setState({\n            ...this.state,\n            isLoading: false,\n            tableData: {\n                heads: ProductionMaterialsHeaderObjects,\n                rows: ProductionMaterialsList\n            }\n        })\n        // console.log('Prod Material Table Data', `${this.state.tableData.rows}`);\n    }\n\n    render() {\n        //     let editButton;\n        //     editButton = <button\n        //     disabled={this.state.formStatus == 'edit' ||  this.state.isLoading}\n        //     type=\"submit\"\n        //     className=\"btn btn-primary heading-button\"\n        //     onClick={() => this.makeCopyForEdit()}\n        //   >{PencilIcon} &nbsp; Edit</button>;\n\n        return (\n            <Container className=\"dashboard\">\n                <Row>\n                    <Col md={12}>\n                        <h3 className=\"page-title\">Production Material <span className=\"lnr lnr-chevron-right\"></span>  All</h3>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col md={12} lg={12}>\n                        <Card>\n                            <CardBody>\n                                <RPMTable heads={this.state.tableData.heads} rows={this.state.tableData.rows} tableType=\"productionmaterial\" isLoading={this.state.isLoading} />\n                            </CardBody>\n                        </Card>\n                    </Col>\n                </Row>\n            </Container>\n        );\n    }\n\n}\n\n\n//     submit = () => {\n//         //Get info from inputState\n//         this.setState({\n//             ...this.state,\n//             tableData: {\n//                 heads: [...this.state.tableData.heads],\n//                 rows: [...this.state.tableData.rows, this.state.newInput],\n//             },\n//             entryForm: false\n//         })\n//     }\n//     onChange = (e: any) => {\n//         //Parsing as integer where necessaryh\n//         let newVal;\n//         if (e.target.id === 'vendorPN') {\n//             newVal = parseInt(e.target.value)\n//         } else {\n//             newVal = e.target.value\n//         }\n\n//         this.setState({\n//             newInput: {\n//                 ...this.state.newInput,\n//                 [e.target.id]: newVal\n//             }\n//         })\n//     }\n//     toggleEntry = () => {\n//         this.setState({\n//             entryForm: !this.state.entryForm\n//         })\n//     }\n\n//     render() {\n//         const { rows } = this.state.tableData\n//         return (<Container>\n//             <Row>\n//                 <Col md={12}>\n//                     <h3 className=\"page-title\">Production Material <span className=\"lnr lnr-chevron-right\" /> All</h3>\n//                 </Col>\n//             </Row>\n//             <Row>\n//                 <Col md={12}>\n//                     <Card>\n//                         <CardBody>\n//                             <RPMTable\n//                                 tableType='ProductionMaterials'\n//                                 heads={this.state.tableData.heads}\n//                                 rows={rows}\n//                                 isLoading={this.state.isLoading}\n//                             />\n//                         </CardBody>\n//                     </Card>\n//                     <BlankCards onChange={this.onChange} visible={this.state.entryForm} submit={this.submit} blanks={this.state.blankRows} />\n//                     <button className=\"btn btn-primary\"><i className=\"fas fa-save fa-fw\"></i> Save</button>\n//                     <Link to={'/manage/production-material'} className=\"btn btn-link red no-hover\"><i className=\"fas fa-times-circle fa-fw\"></i> Discard Changes</Link>\n//                     <button className=\"btn btn-create\"><span onClick={this.toggleEntry}>Create</span></button>\n//                 </Col>\n//             </Row>\n//         </Container>\n//         )\n//     }\n// }\n// interface BlankProps {\n//     blanks: number\n//     submit: any\n//     visible: boolean\n//     onChange: any\n// }\n// class BlankCards extends React.Component<BlankProps>{\n//     constructor(props: any) {\n//         super(props)\n//     }\n\n//     render() {\n//         let emptyArray = new Array(this.props.blanks)\n//         for (let i = 0; i < emptyArray.length; i++) {\n//             emptyArray[i] = ''\n//         }\n\n//         let preRender = this.props.visible ?\n//             <Card>\n//                 <CardBody>\n//                     <table>\n//                         <thead>\n//                             <tr>\n//                                 <th>Primary User</th>\n//                                 <th>Description</th>\n//                                 <th>Vendor</th>\n//                                 <th>Vendor Part Number</th>\n//                                 <th>Note</th>\n//                             </tr>\n//                         </thead>\n//                         <tbody>\n//                             {\n//                                 <tr>\n//                                     <BlankEntrySet onChange={this.props.onChange} submit={this.props.submit} />\n//                                 </tr>\n//                             }\n//                         </tbody>\n//                     </table>\n//                 </CardBody>\n//             </Card>\n//             : null;\n\n//         return (<>{preRender}</>)\n//     }\n// }\n// interface BlankEntrySetProps {\n//     submit: any\n//     onChange: any\n// }\n// class BlankEntrySet extends React.Component<BlankEntrySetProps>{\n//     constructor(props: any) {\n//         super(props)\n//     }\n\n//     render() {\n//         return (\n//             <>\n//                 <td><input id=\"primaryUser\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='1' type='text'></input></td>\n//                 <td><input id=\"description\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='2' type='text'></input></td>\n//                 <td><input id=\"vendor\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='3' type='text'></input></td>\n//                 <td><input id=\"vendorPN\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='4' type='text'></input></td>\n//                 <td><input id=\"note\" onChange={(event) => this.props.onChange(event)} className='newInput' placeholder='5' type='text'></input></td>\n//                 <td><button className=\"btn btn-primary\" onClick={this.props.submit}>Submit To Table</button></td>\n//             </>\n//         )\n//     }\n"]},"metadata":{},"sourceType":"module"}