{"version":3,"sources":["components/UnitsOfMeasure/FormView.jsx","containers/UnitsOfMeasure/FormView.js"],"names":["FormView","React","constructor","props","_this","super","this","state","getItemId","_this$state$item","_this$props$linkTarge","item","id","linkTargetRecord","unitsOfMeasureId","find","Boolean","fetchItem","async","itemId","arguments","length","undefined","responses","Promise","all","getItem","catch","error","_this$props$onCancel","_this$props","onCancel","call","resourceNotFound","newItem","getSettings","type","settingsType","setState","value","data","fieldSettings","showError","setItemValue","name","produce","draft","set","form","setFieldsValue","handleSubmit","createHandleSubmit","componentDidMount","render","_jsx","_Spin","createLabel","createLabelFactory","createFieldDecorator","createFieldFactory","readOnly","isReadOnly","_jsxs","_Form","layout","colon","onSubmit","stopEvent","children","className","ValidationError","errors","validationErrors","Item","label","_Input","autoFocus","Checkbox","onChange","e","target","checked","inactive","FormButtons","saveButtonLoading","saveAndCloseButtonLoading","create","createFormViewContainer","actions","Component"],"mappings":"8RAUA,MAAMA,UAAiBC,YAGrBC,YAAYC,GAAQ,IAADC,EACjBC,MAAMF,GAAMC,EAAAE,KAAA,KAHdC,MAAQ,CAAC,EAAC,KAYVC,UAAY,SAAAC,EAAAC,EAAA,MAAM,CAAgB,QAAhBD,EAACH,KAAKC,MAAMI,YAAI,IAAAF,OAAA,EAAfA,EAAiBG,GAA+B,QAA7BF,EAAEJ,KAAKH,MAAMU,wBAAgB,IAAAH,OAAA,EAA3BA,EAA6BI,kBAAkBC,KAAKC,QAAQ,OAEpGC,UAAYC,iBAA+C,IAAxC,OAAEC,EAASf,EAAKI,aAAaY,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EAClD,IACE,MAAMG,QAAkBC,QAAQC,IAAI,CAClCN,EACIf,EAAKD,MAAMuB,QAAQP,GAAQQ,OAAOC,IAAW,IAADC,EAAAC,EAE1C,MADmB,QAAnBD,GAAAC,EAAA1B,EAAKD,OAAM4B,gBAAQ,IAAAF,GAAnBA,EAAAG,KAAAF,GACMF,CAAK,IAEZxB,EAAKD,MAAMU,iBAEVoB,YAAiB7B,GADjBA,EAAKD,MAAM+B,QAAQ,CAAC,GAE1B9B,EAAKD,MAAMgC,YAAY,CAAEC,KAAMhC,EAAKD,MAAMkC,iBAG5CjC,EAAKkC,SAAS,CACZ3B,KAAMY,EAAU,GAAGgB,MAAMC,KACzBC,cAAelB,EAAU,GAAGgB,MAAMC,KAAKC,eAE3C,CAAE,MAAOb,GACPc,YAAU,CAAEd,SACd,CACF,EAAC,KAEDe,aAAe,CAACC,EAAML,IACpBjC,KAAKgC,SACHO,aAASC,IACPC,cAAID,EAAMnC,KAAMiC,EAAML,GAEtBjC,KAAKH,MAAM6C,KAAKC,eAAe,CAAE,CAACL,GAAOL,GAAQ,KArCrDjC,KAAK4C,aAAeC,YAAmB7C,KACzC,CAEA8C,oBACE9C,KAAKW,WACP,CAoCAoC,SACE,MAAM,KAAE1C,EAAI,cAAE8B,GAAkBnC,KAAKC,MAErC,IAAKI,IAAS8B,EACZ,OAAOa,cAAAC,IAAA,IAGT,MAAMC,EAAcC,YAAmBhB,GACjCiB,EAAuBC,YAAmBrD,KAAKH,MAAM6C,KAAMrC,EAAM8B,GACjEmB,EAAWC,YAAWvD,MAE5B,OACEwD,eAAAC,IAAA,CAAMC,OAAO,WAAWC,OAAO,EAAOC,SAAUN,EAAWO,IAAY7D,KAAK4C,aAAakB,SAAA,CACvFN,eAAA,OAAKO,UAAU,uBAAsBD,SAAA,CACnCd,cAACgB,IAAe,CAACC,OAAQjE,KAAKC,MAAMiE,mBACpClB,cAAAS,IAAMU,KAAI,CAACC,MAAOlB,EAAY,eAAeY,SAC1CV,EAAqB,cAArBA,CAAoCJ,cAAAqB,IAAA,CAAOf,SAAUA,EAAUgB,WAAS,OAE3EtB,cAAAS,IAAMU,KAAI,CAAAL,SACRd,cAACuB,IAAQ,CACPC,SAAWC,GAAMzE,KAAKqC,aAAa,YAAaoC,EAAEC,OAAOC,SACzDA,SAAUtE,EAAKuE,SACftB,SAAUA,EAASQ,SAElBZ,EAAY,mBAInBF,cAAA,OAAKe,UAAU,yBAAwBD,SACrCd,cAAC6B,IAAW,CACVvB,SAAUA,EACV7B,SAAUzB,KAAKH,MAAM4B,SACrBmC,SAAU5D,KAAK4C,aACfkC,kBAAmB9E,KAAKC,MAAM6E,kBAC9BC,0BAA2B/E,KAAKC,MAAM8E,gCAKhD,EAGatB,UAAKuB,QAALvB,CAAc/D,GC/FduF,sBAAwB,CAAEC,aAA1BD,CAAqCE,E","file":"static/js/62.f99df799.chunk.js","sourcesContent":["import * as React from 'react'\r\nimport { Form, Input, Spin } from 'antd'\r\nimport { set } from 'lodash'\r\nimport produce from 'immer'\r\nimport { showError, resourceNotFound, ValidationError } from 'helpers/errors'\r\nimport { createLabelFactory, createFieldFactory, createHandleSubmit, isReadOnly } from 'helpers/formViews'\r\nimport { stopEvent } from 'helpers/events'\r\nimport Checkbox from 'elements/Checkbox'\r\nimport FormButtons from 'elements/FormButtons'\r\n\r\nclass FormView extends React.Component {\r\n  state = {}\r\n\r\n  constructor(props) {\r\n    super(props)\r\n\r\n    this.handleSubmit = createHandleSubmit(this)\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.fetchItem()\r\n  }\r\n\r\n  getItemId = () => [this.state.item?.id, this.props.linkTargetRecord?.unitsOfMeasureId].find(Boolean)\r\n\r\n  fetchItem = async ({ itemId = this.getItemId() } = {}) => {\r\n    try {\r\n      const responses = await Promise.all([\r\n        itemId\r\n          ? this.props.getItem(itemId).catch((error) => {\r\n              this.props.onCancel?.()\r\n              throw error\r\n            })\r\n          : !this.props.linkTargetRecord\r\n            ? this.props.newItem({})\r\n            : resourceNotFound(this),\r\n        this.props.getSettings({ type: this.props.settingsType }),\r\n      ])\r\n\r\n      this.setState({\r\n        item: responses[0].value.data,\r\n        fieldSettings: responses[1].value.data.fieldSettings,\r\n      })\r\n    } catch (error) {\r\n      showError({ error })\r\n    }\r\n  }\r\n\r\n  setItemValue = (name, value) =>\r\n    this.setState(\r\n      produce((draft) => {\r\n        set(draft.item, name, value)\r\n\r\n        this.props.form.setFieldsValue({ [name]: value })\r\n      })\r\n    )\r\n\r\n  render() {\r\n    const { item, fieldSettings } = this.state\r\n\r\n    if (!item || !fieldSettings) {\r\n      return <Spin />\r\n    }\r\n\r\n    const createLabel = createLabelFactory(fieldSettings)\r\n    const createFieldDecorator = createFieldFactory(this.props.form, item, fieldSettings)\r\n    const readOnly = isReadOnly(this)\r\n\r\n    return (\r\n      <Form layout=\"vertical\" colon={false} onSubmit={readOnly ? stopEvent : this.handleSubmit}>\r\n        <div className=\"form-items-container\">\r\n          <ValidationError errors={this.state.validationErrors} />\r\n          <Form.Item label={createLabel('description')}>\r\n            {createFieldDecorator('description')(<Input readOnly={readOnly} autoFocus />)}\r\n          </Form.Item>\r\n          <Form.Item>\r\n            <Checkbox\r\n              onChange={(e) => this.setItemValue('inactive', !e.target.checked)}\r\n              checked={!item.inactive}\r\n              readOnly={readOnly}\r\n            >\r\n              {createLabel('inactive')}\r\n            </Checkbox>\r\n          </Form.Item>\r\n        </div>\r\n        <div className=\"form-buttons-container\">\r\n          <FormButtons\r\n            readOnly={readOnly}\r\n            onCancel={this.props.onCancel}\r\n            onSubmit={this.handleSubmit}\r\n            saveButtonLoading={this.state.saveButtonLoading}\r\n            saveAndCloseButtonLoading={this.state.saveAndCloseButtonLoading}\r\n          />\r\n        </div>\r\n      </Form>\r\n    )\r\n  }\r\n}\r\n\r\nexport default Form.create()(FormView)\r\n","import actions from 'actions/unitsOfMeasure'\r\nimport { createFormViewContainer } from 'factories/FormView'\r\nimport Component from 'components/UnitsOfMeasure/FormView'\r\n\r\nexport default createFormViewContainer({ actions })(Component)\r\n"],"sourceRoot":""}