this.onSubGridEditorValueChange(colProps, timeValue)}\r\n disabled={colProps.readonly}\r\n InputProps={{ disableUnderline: colProps.disableUnderline, readOnly: colProps.readonly }}\r\n inputProps={{ style: colProps.style }} />\r\n );\r\n }\r\n\r\n getSubGridCellRenderer(type) {\r\n switch (type) {\r\n case 'text':\r\n return this.subGridTextFieldEditor;\r\n case 'int':\r\n return this.subGridIntegerEditor;\r\n case 'dec':\r\n return this.subGridDecimalEditor;\r\n case 'checkbox':\r\n return this.subGridCheckboxEditor;\r\n case 'date':\r\n return this.subGridDateEditor;\r\n case 'time':\r\n return this.subGridTimeEditor;\r\n case 'combo':\r\n return this.subGridComboEditor;\r\n default:\r\n return this.subGridTextFieldEditor;\r\n }\r\n }\r\n\r\n getSubGridDSPosition = (dataRow) => {\r\n var dataMatched = false,\r\n hierarchicalPos = 0;\r\n\r\n var childKey = this.state.childKey;\r\n\r\n this.state.childrenDataSource.forEach(function (childData) {\r\n if (dataMatched) return;\r\n\r\n if (childData[childKey] === dataRow[childKey]) {\r\n dataMatched = true;\r\n } else {\r\n hierarchicalPos++;\r\n }\r\n });\r\n\r\n return { dataMatched: dataMatched, hierarchicalPos: hierarchicalPos };\r\n }\r\n\r\n childRowClassName(rowData) {\r\n const rowEditorStatus = rowData.ModelState;\r\n const isDeleted = (rowEditorStatus === ModelState.Deleted);\r\n return isDeleted ? { 'deleted-row': true } : { 'restored-row': true };\r\n }\r\n\r\n renderChildren = (data) => {\r\n const dynamicColumns = this.state.subTableConfig.template.map((col) => {\r\n const colConf = { ...this.defaultColumnProps, ...col, editable: this.state.subTableConfig.editable || col.editable };\r\n\r\n return (\r\n \r\n );\r\n });\r\n\r\n var filteredChildren = this.state.childrenDataSource.filter(child => child[this.state.linker].toString() === data[this.state.linker].toString());\r\n\r\n const {\r\n id, header, footer, style, className, tableStyle, tableClassName, paginator, paginatorPosition,\r\n alwaysShowPaginator, paginatorTemplate, additionalFooter, showAdd, showDelete, showRestore,\r\n paginatorRight, pageLinkSize, rowsPerPageOptions, currentPageReportTemplate, first, rows, totalRecords,\r\n lazy, sortField, sortOrder, multiSortMeta, sortMode, defaultSortOrder, emptyMessage, selectionMode, selection, onSelectionChange, contextMenuSelection, onContextMenuSelectionChange, compareSelectionBy, metaKeySelection, headerColumnGroup, footerColumnGroup, frozenHeaderColumnGroup, frozenFooterColumnGroup, responsive, resizableColumns, columnResizeMode, reorderableColumns, filters, globalFilter, scrollable, scrollHeight, virtualScroll, virtualScrollDelay,\r\n virtualRowHeight, frozenWidth, frozenValue, csvSeparator, exportFilename, rowGroupMode, autoLayout,\r\n rowClassName, rowGroupHeaderTemplate, rowGroupFooterTemplate, loading, loadingIcon, tabIndex, stateKey, stateStorage,\r\n onColumnResizeEnd, onSort, onPage, onFilter, onVirtualScroll, onRowClick, onRowDoubleClick, onRowSelect, onContextMenu, onColReorder, onRowReorder, onValueChange, editable\r\n } = this.state.subTableConfig;\r\n\r\n var currentChildTable =\r\n this.childrenTables[data[this.state.linker].toString()] = el} id={id} value={filteredChildren} header={header} footer={footer} style={style} className={className} tableStyle={tableStyle} tableClassName={tableClassName} paginator={paginator} paginatorPosition={paginatorPosition} alwaysShowPaginator={alwaysShowPaginator} paginatorTemplate={paginatorTemplate} paginatorLeft={(additionalFooter || showAdd || showDelete || this.state.tableConfig.subTableConfig || showRestore) && this.getPaginatorLeft('sub', data[this.state.linker])} paginatorRight={paginatorRight} pageLinkSize={pageLinkSize} rowsPerPageOptions={rowsPerPageOptions} currentPageReportTemplate={currentPageReportTemplate} first={first} rows={rows} totalRecords={totalRecords} lazy={lazy} sortField={sortField} sortOrder={sortOrder} multiSortMeta={multiSortMeta} sortMode={sortMode} defaultSortOrder={defaultSortOrder} emptyMessage={emptyMessage} selectionMode={selectionMode} selection={selection ? selection : this.state.selectedChild} onSelectionChange={onSelectionChange ? onSelectionChange : e => this.setState({ selectedChild: e.value })} contextMenuSelection={contextMenuSelection} onContextMenuSelectionChange={onContextMenuSelectionChange} compareSelectionBy={compareSelectionBy} dataKey={this.state.childKey} metaKeySelection={metaKeySelection} headerColumnGroup={headerColumnGroup} footerColumnGroup={footerColumnGroup} frozenHeaderColumnGroup={frozenHeaderColumnGroup} frozenFooterColumnGroup={frozenFooterColumnGroup} responsive={responsive} resizableColumns={resizableColumns} columnResizeMode={columnResizeMode} reorderableColumns={reorderableColumns} filters={filters} globalFilter={globalFilter} scrollable={scrollable} scrollHeight={scrollHeight} virtualScroll={virtualScroll} virtualScrollDelay={virtualScrollDelay} virtualRowHeight={virtualRowHeight} frozenWidth={frozenWidth} frozenValue={frozenValue} csvSeparator={csvSeparator} exportFilename={exportFilename} rowGroupMode={rowGroupMode} autoLayout={autoLayout} rowClassName={rowClassName ? rowClassName : this.childRowClassName} rowGroupHeaderTemplate={rowGroupHeaderTemplate} rowGroupFooterTemplate={rowGroupFooterTemplate} loading={loading} loadingIcon={loadingIcon} tabIndex={tabIndex} stateKey={stateKey} stateStorage={stateStorage} onColumnResizeEnd={onColumnResizeEnd} onSort={onSort} onPage={onPage} onFilter={onFilter} onVirtualScroll={onVirtualScroll} onRowClick={onRowClick} onRowDoubleClick={onRowDoubleClick} onRowSelect={onRowSelect} onContextMenu={onContextMenu} onColReorder={onColReorder} onRowReorder={onRowReorder} onValueChange={onValueChange} editable={editable}>\r\n {dynamicColumns}\r\n \r\n \r\n ;\r\n\r\n return (\r\n \r\n
\r\n {currentChildTable}\r\n
\r\n
{finderTitle ? finderTitle : parent.baseComponent.current.commonNotifications['msgDialogHeader']}
;\r\n\r\n this.finderConfig = finderConfig;\r\n if (this.finderConfig.onRowDoubleClick) {\r\n this._onRowDoubleClick = this.finderConfig.onRowDoubleClick.bind(null);\r\n }\r\n\r\n this.dataSourceConfig = dataSourceConfig;\r\n this.additionalDataModel = additionalDataModel;\r\n\r\n this.state = {\r\n maxWidth: this.props.maxWidth ? this.props.maxWidth : 'md',\r\n mountResizer: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.finderConfig.onRowDoubleClick) {\r\n this.onRowDoubleClick = (event) => {\r\n const rowData = event.data;\r\n\r\n this.parent.baseComponent.current.load(\r\n this.parent,\r\n this.dataSourceConfig.modelLoaderController ? this.dataSourceConfig.modelLoaderController : this.dataSourceConfig.controller,\r\n `${this.dataSourceConfig.modelLoader}/${rowData[this.parent.state.keyProp]}`,\r\n {},\r\n // {\r\n // [this.parent.state.keyProp]: rowData[this.parent.state.keyProp]\r\n // },\r\n this.additionalDataModel, this.finderConfig.beforeLoad, this.finderConfig.afterLoad, this);\r\n }\r\n } else {\r\n this.onRowDoubleClick = (event) => {\r\n if (this.dataSourceConfig.extraData) {\r\n this._onRowDoubleClick(event, this.dataSourceConfig.extraData);\r\n } else {\r\n this._onRowDoubleClick(event);\r\n }\r\n }\r\n }\r\n\r\n this.onRowSelect = (event) => {\r\n this.setState({\r\n onMsgDialogOKClick: this.onRowDoubleClick.bind(\r\n null,\r\n event\r\n )\r\n });\r\n }\r\n\r\n this.finderConfig.onRowDoubleClick = this.onRowDoubleClick;\r\n this.finderConfig.onRowSelect = this.onRowSelect;\r\n\r\n this.closeMessageDialog = () => {\r\n this.parent.baseComponent.current.setState({ showFinder: false });\r\n }\r\n\r\n this.handleMaxWidthChange = event => {\r\n this.setState({ maxWidth: event.target.value });\r\n };\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n};\r\n","import React from 'react';\r\nimport { ButtonGroup } from 'reactstrap';\r\nimport Button from 'components/Core/Button/index';\r\nimport IntlMessages from 'util/IntlMessages';\r\nimport ClientRequestService from 'services/ClientRequestService';\r\nimport 'react-notifications/lib/notifications.css';\r\n\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nimport Finder from 'components/Finder/index';\r\n\r\nimport LoadingOverlay from 'react-loading-overlay';\r\nimport BounceLoader from 'react-spinners/BounceLoader';\r\n\r\nconst ModelState = {\r\n Added: 'Added',\r\n Modified: 'Modified',\r\n Deleted: 'Deleted',\r\n Unchanged: 'Unchanged',\r\n Detached: 'Detached',\r\n Archived: 'Archived'\r\n};\r\n\r\nclass BaseComponent extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.baseProps = {\r\n ModelState: ModelState.Unchanged,\r\n RowVersion: 0\r\n };\r\n\r\n this.buttonPrivileges = {\r\n ...{\r\n showNew: true,\r\n showSearch: true,\r\n showClear: true,\r\n showDelete: true,\r\n showCreate: true,\r\n showUpdate: true\r\n },\r\n ...this.props.buttonPrivileges\r\n };\r\n\r\n this.state = {\r\n ...this.baseProps,\r\n showFinder: false,\r\n showLoader: false,\r\n mountLocalizedComponents: false,\r\n buttonPrivileges: { ...this.buttonPrivileges }\r\n };\r\n\r\n this.dataHandlerService = new ClientRequestService(\r\n this.props.module ? this.props.module : 'SHOMOSHTEE'\r\n );\r\n\r\n this.saveSuccessMsg = React.createRef();\r\n this.loadSuccessMsg = React.createRef();\r\n this.deleteSuccessMsg = React.createRef();\r\n this.modelNotLoadedWarningMsg = React.createRef();\r\n\r\n this.successMsgHeader = React.createRef();\r\n this.infoMsgHeader = React.createRef();\r\n this.warningMsgHeader = React.createRef();\r\n this.errorMsgHeader = React.createRef();\r\n\r\n this.confirmMsgHeader = React.createRef();\r\n this.confirmMsg = React.createRef();\r\n this.msgDialogHeader = React.createRef();\r\n this.msgDialog = React.createRef();\r\n this.confirmDeleteMsgHeader = React.createRef();\r\n this.confirmDeleteMsg = React.createRef();\r\n\r\n this.labelName = React.createRef();\r\n this.labelDepartment = React.createRef();\r\n this.labelSequenceNo = React.createRef();\r\n this.labelCode = React.createRef();\r\n this.labelShortName = React.createRef();\r\n this.labelActive = React.createRef();\r\n this.labelPrefix = React.createRef();\r\n\r\n this.labelButtonClear = React.createRef();\r\n this.labelButtonDelete = React.createRef();\r\n this.labelButtonUpdate = React.createRef();\r\n this.labelButtonSearch = React.createRef();\r\n this.labelButtonSave = React.createRef();\r\n this.labelButtonCreate = React.createRef();\r\n this.labelButtonNew = React.createRef();\r\n this.labelButtonYes = React.createRef();\r\n this.labelButtonNo = React.createRef();\r\n this.labelButtonOK = React.createRef();\r\n this.labelButtonCancel = React.createRef();\r\n }\r\n\r\n componentDidMount() {\r\n\r\n //Remove all notification or error message\r\n this.dataHandlerService.util.hideNotificationMsg();\r\n\r\n this.commonNotifications = {\r\n saveSuccess: this.saveSuccessMsg.current.innerText,\r\n loadSuccess: this.loadSuccessMsg.current.innerText,\r\n deleteSuccess: this.deleteSuccessMsg.current.innerText,\r\n modelNotLoadedWarning: this.modelNotLoadedWarningMsg.current.innerText,\r\n confirmMsg: this.confirmMsg.current.innerText,\r\n msgDialog: this.msgDialog.current.innerText,\r\n successHeader: this.successMsgHeader.current.innerText,\r\n infoHeader: this.infoMsgHeader.current.innerText,\r\n warningHeader: this.warningMsgHeader.current.innerText,\r\n errorHeader: this.errorMsgHeader.current.innerText,\r\n confirmMsgHeader: this.confirmMsgHeader.current.innerText,\r\n msgDialogHeader: this.msgDialogHeader.current.innerText,\r\n confirmDeleteMsgHeader: this.confirmDeleteMsgHeader.current.innerText,\r\n confirmDeleteMsg: this.confirmDeleteMsg.current.innerText\r\n };\r\n\r\n this.commonLabels = {\r\n name: this.labelName.current.innerText,\r\n department: this.labelDepartment.current.innerText,\r\n sequenceNo: this.labelSequenceNo.current.innerText,\r\n code: this.labelCode.current.innerText,\r\n shortName: this.labelShortName.current.innerText,\r\n active: this.labelActive.current.innerText,\r\n prefix: this.labelPrefix.current.innerText,\r\n buttonClear: this.labelButtonClear.current.innerText,\r\n buttonDelete: this.labelButtonDelete.current.innerText,\r\n buttonUpdate: this.labelButtonUpdate.current.innerText,\r\n buttonSearch: this.labelButtonSearch.current.innerText,\r\n buttonSave: this.labelButtonSave.current.innerText,\r\n buttonCreate: this.labelButtonCreate.current.innerText,\r\n buttonNew: this.labelButtonNew.current.innerText,\r\n buttonYes: this.labelButtonYes.current.innerText,\r\n buttonNo: this.labelButtonNo.current.innerText,\r\n buttonOK: this.labelButtonOK.current.innerText,\r\n buttonCancel: this.labelButtonCancel.current.innerText\r\n };\r\n\r\n this.confirmDialogStates = {\r\n openConfirmDialog: false,\r\n confirmDialogTitle: this.commonNotifications['confirmMsgHeader'],\r\n confirmDialogContentText: this.commonNotifications['confirmMsg']\r\n };\r\n\r\n this.messageDialogStates = {\r\n openMessageDialog: false,\r\n messageDialogTitle: this.commonNotifications['msgDialogHeader'],\r\n messageDialogContentText: this.commonNotifications['msgDialog']\r\n };\r\n\r\n this.setState({\r\n ...this.messageDialogStates,\r\n ...this.confirmDialogStates,\r\n mountLocalizedComponents: true\r\n });\r\n }\r\n\r\n ShowWait() {\r\n this.setState({ showLoader: true });\r\n }\r\n\r\n HideWait() {\r\n this.setState({ showLoader: false });\r\n }\r\n\r\n closeMessageDialog = () => {\r\n this.setState({ ...this.messageDialogStates });\r\n };\r\n\r\n openMessageDialog = (title, body, onMsgDialogOKClick) => {\r\n this.setState({\r\n ...this.messageDialogStates,\r\n openMessageDialog: true,\r\n messageDialogTitle: title ? title : this.state.messageDialogTitle,\r\n messageDialogContentText: body\r\n ? body\r\n : this.state.messageDialogContentText,\r\n onMsgDialogOKClick: onMsgDialogOKClick\r\n ? onMsgDialogOKClick\r\n : this.closeMessageDialog\r\n });\r\n };\r\n\r\n closeConfirmDialog = () => {\r\n this.setState({ ...this.confirmDialogStates });\r\n };\r\n\r\n openConfirmDialog = (\r\n title,\r\n body,\r\n onConfirmDialogYesClick,\r\n onConfirmDialogNoClick\r\n ) => {\r\n this.setState({\r\n ...this.confirmDialogStates,\r\n openConfirmDialog: true,\r\n confirmDialogTitle: title ? title : this.state.confirmDialogTitle,\r\n confirmDialogContentText: body\r\n ? body\r\n : this.state.confirmDialogContentText,\r\n onConfirmDialogYesClick: onConfirmDialogYesClick\r\n ? onConfirmDialogYesClick\r\n : this.closeConfirmDialog,\r\n onConfirmDialogNoClick: onConfirmDialogNoClick\r\n ? onConfirmDialogNoClick\r\n : this.closeConfirmDialog\r\n });\r\n };\r\n\r\n showSaveSuccess() {\r\n this.dataHandlerService.util.showNotificationMsg(\r\n this.commonNotifications['saveSuccess'],\r\n 'success'\r\n );\r\n }\r\n\r\n showLoadSuccess() {\r\n this.dataHandlerService.util.showNotificationMsg(\r\n this.commonNotifications['loadSuccess'],\r\n 'success'\r\n );\r\n }\r\n\r\n showDeleteSuccess() {\r\n this.dataHandlerService.util.showNotificationMsg(\r\n this.commonNotifications['deleteSuccess'],\r\n 'success'\r\n );\r\n this.closeConfirmDialog();\r\n }\r\n\r\n showModelNotLoadedWarning() {\r\n this.dataHandlerService.util.showNotificationMsg(\r\n this.commonNotifications['modelNotLoadedWarning'],\r\n 'warning'\r\n );\r\n }\r\n\r\n setButtonPrivileges = buttonPrivileges => {\r\n this.setState({\r\n buttonPrivileges: { ...this.state.buttonPrivileges, ...buttonPrivileges }\r\n });\r\n };\r\n\r\n setModel = (model, completedAction = 'save') => {\r\n const { ModelState, RowVersion } = model;\r\n\r\n this.setState({ ModelState, RowVersion }, () => {\r\n switch (completedAction) {\r\n case 'save':\r\n this.showSaveSuccess();\r\n break;\r\n case 'load':\r\n this.showLoadSuccess();\r\n break;\r\n case 'delete':\r\n this.showDeleteSuccess();\r\n break;\r\n default:\r\n this.showSaveSuccess();\r\n break;\r\n }\r\n });\r\n };\r\n\r\n setModelState = (keyProp, modelState) => {\r\n return new Promise(resolve => {\r\n this.setState(\r\n {\r\n ModelState: modelState\r\n ? modelState\r\n : !keyProp || keyProp === 0\r\n ? ModelState.Added\r\n : ModelState.Modified\r\n },\r\n () => resolve()\r\n );\r\n });\r\n };\r\n\r\n save = (\r\n parent,\r\n url,\r\n withModule,\r\n additionalDataModel,\r\n beforeSave,\r\n afterSave\r\n ) => {\r\n if (!this.props.isValidForm) return;\r\n\r\n parent.setState({ stateToFormData: true });\r\n let keyModel = parent.state[parent.state.keyModel];\r\n\r\n parent.baseComponent.current\r\n .setModelState(\r\n keyModel ? keyModel[parent.state.keyProp] : null,\r\n parent.baseComponent.current.state.ModelState === ModelState.Added\r\n ? ModelState.Added\r\n : null\r\n )\r\n .then(() => {\r\n const { ModelState, RowVersion } = parent.baseComponent.current.state;\r\n keyModel = { ...keyModel, ModelState, RowVersion };\r\n\r\n let postData = additionalDataModel\r\n ? { ...additionalDataModel, [parent.state.keyModel]: keyModel }\r\n : keyModel;\r\n\r\n if (typeof (beforeSave) === 'function') {\r\n var processedData;\r\n Promise.resolve(beforeSave(postData)).then(\r\n (data) => {\r\n processedData = data;\r\n\r\n if (processedData === false) {\r\n return false;\r\n }\r\n\r\n postData = processedData ? processedData : postData;\r\n this.saveModel(parent, url, withModule, postData, afterSave);\r\n }\r\n );\r\n } else {\r\n this.saveModel(parent, url, withModule, postData, afterSave);\r\n }\r\n });\r\n };\r\n\r\n saveModel = (parent, url, withModule, postData, afterSave) => {\r\n let method = 'Post';\r\n if (parent.baseComponent.current.state.ModelState === ModelState.Modified)\r\n method = 'Put';\r\n const headers = {\r\n menuprivilege: JSON.stringify(this.props.privileges || {}),\r\n menuparameter: this.props.parameters\r\n };\r\n this.ShowWait();\r\n this.dataHandlerService[method]({\r\n url,\r\n withModule,\r\n data: postData,\r\n headers\r\n }).then(viewModel => {\r\n this.HideWait();\r\n if (viewModel) {\r\n let modelData = viewModel.hasOwnProperty(parent.state.keyModel)\r\n ? viewModel[parent.state.keyModel]\r\n : viewModel;\r\n parent.setState({ [parent.state.keyModel]: { ...parent.state[parent.state.keyModel], ...modelData } });\r\n\r\n parent.baseComponent.current.setModel(modelData);\r\n parent.baseComponent.current.setModelState(\r\n modelData[parent.state.keyProp]\r\n );\r\n\r\n if (parent.minifinder) {\r\n parent.minifinder.minifinder.refreshTable();\r\n }\r\n\r\n if (parent.state.stateToFormData) {\r\n parent.setState({ stateToFormData: false });\r\n }\r\n\r\n parent.setState({ isValidForm: true });\r\n\r\n if (afterSave) {\r\n afterSave(viewModel);\r\n }\r\n }\r\n });\r\n };\r\n\r\n load = (\r\n parent,\r\n controller,\r\n action,\r\n params,\r\n additionalDataModel,\r\n beforeLoad,\r\n afterload,\r\n finderRef\r\n ) => {\r\n parent.setState({ stateToFormData: true });\r\n let doesNotContainAdditionalDataModel = !additionalDataModel;\r\n\r\n let postData = additionalDataModel\r\n ? { ...additionalDataModel, ...params }\r\n : params;\r\n\r\n if (typeof (beforeLoad) === 'function') {\r\n let processedData = beforeLoad(postData);\r\n if (processedData === false) return false;\r\n postData = processedData ? processedData : postData;\r\n this.loadModel(\r\n parent,\r\n controller,\r\n action,\r\n postData,\r\n afterload,\r\n doesNotContainAdditionalDataModel,\r\n finderRef\r\n );\r\n } else {\r\n this.loadModel(\r\n parent,\r\n controller,\r\n action,\r\n postData,\r\n afterload,\r\n doesNotContainAdditionalDataModel,\r\n finderRef\r\n );\r\n }\r\n };\r\n\r\n loadModel = (\r\n parent,\r\n controller,\r\n action,\r\n postData,\r\n afterload,\r\n doesNotContainAdditionalDataModel,\r\n finderRef\r\n ) => {\r\n let method = 'Post';\r\n if (doesNotContainAdditionalDataModel) method = 'Get';\r\n const headers = {\r\n menuprivilege: JSON.stringify(this.props.privileges || {}),\r\n menuparameter: this.props.parameters\r\n };\r\n\r\n this.dataHandlerService[method]({\r\n url: `${controller}/${action}`,\r\n withModule: false,\r\n data: postData,\r\n headers\r\n })\r\n .then(viewModel => {\r\n if (viewModel) {\r\n let modelData = viewModel.hasOwnProperty(parent.state.keyModel)\r\n ? viewModel[parent.state.keyModel]\r\n : viewModel;\r\n parent.setState({ [parent.state.keyModel]: { ...parent.state[parent.state.keyModel], ...modelData } });\r\n\r\n parent.baseComponent.current.setModel(modelData, 'load');\r\n parent.baseComponent.current.setModelState(\r\n modelData[parent.state.keyProp]\r\n );\r\n\r\n if (finderRef) {\r\n finderRef.closeMessageDialog();\r\n }\r\n\r\n if (parent.state.stateToFormData) {\r\n parent.setState({ stateToFormData: false });\r\n }\r\n\r\n parent.setState({ isValidForm: true });\r\n\r\n if (afterload) {\r\n afterload(viewModel);\r\n }\r\n }\r\n })\r\n .catch(error => this.HideWait());;\r\n };\r\n\r\n delete = (\r\n parent,\r\n url,\r\n withModule,\r\n additionalDataModel,\r\n beforeDelete,\r\n afterDelete\r\n ) => {\r\n if (!this.props.isValidForm) return;\r\n\r\n const keyModel = parent.state[parent.state.keyModel];\r\n const modelExists = keyModel\r\n ? keyModel[parent.state.keyProp] !== null &&\r\n keyModel[parent.state.keyProp] !== 0\r\n ? true\r\n : false\r\n : false;\r\n\r\n if (!modelExists) {\r\n this.showModelNotLoadedWarning();\r\n return;\r\n }\r\n\r\n this.openConfirmDialog(\r\n this.commonNotifications['confirmDeleteMsgHeader'],\r\n this.commonNotifications['confirmDeleteMsg'],\r\n this.prepareDeleteModel.bind(\r\n null,\r\n parent,\r\n url,\r\n withModule,\r\n additionalDataModel,\r\n beforeDelete,\r\n afterDelete\r\n )\r\n );\r\n };\r\n\r\n prepareDeleteModel = (\r\n parent,\r\n url,\r\n withModule,\r\n additionalDataModel,\r\n beforeDelete,\r\n afterDelete\r\n ) => {\r\n let keyModel = parent.state[parent.state.keyModel];\r\n\r\n parent.baseComponent.current\r\n .setModelState(keyModel[parent.state.keyProp], ModelState.Deleted)\r\n .then(() => {\r\n keyModel = { ...keyModel, ...parent.baseComponent.current.state };\r\n let postData = additionalDataModel\r\n ? { ...additionalDataModel, [parent.state.keyModel]: keyModel }\r\n : keyModel;\r\n\r\n if (typeof (beforeDelete) === 'function') {\r\n var processedData;\r\n Promise.resolve(beforeDelete(postData)).then(\r\n (data) => {\r\n processedData = data;\r\n\r\n if (processedData === false) {\r\n parent.baseComponent.current.setState({ openConfirmDialog: false, ModelState: ModelState.Modified });\r\n return false;\r\n }\r\n\r\n postData = processedData ? processedData : postData;\r\n this.deleteModel(parent, url, withModule, postData, afterDelete);\r\n }\r\n );\r\n } else {\r\n this.deleteModel(parent, url, withModule, postData, afterDelete);\r\n }\r\n });\r\n };\r\n\r\n deleteModel = (parent, url, withModule, postData, afterDelete) => {\r\n const headers = {\r\n menuprivilege: JSON.stringify(this.props.privileges || {}),\r\n menuparameter: this.props.parameters\r\n };\r\n this.ShowWait();\r\n this.dataHandlerService\r\n .Delete({ url, withModule, data: postData, headers })\r\n .then(res => {\r\n this.HideWait();\r\n if (res && res.data && res.data.ResponseCode === 'DELETED') {\r\n this.showDeleteSuccess();\r\n parent.actionMethods.clear();\r\n\r\n if (typeof (afterDelete) === 'function') {\r\n afterDelete(res.data.Result);\r\n }\r\n\r\n if (parent.minifinder) {\r\n parent.minifinder.minifinder.refreshTable();\r\n }\r\n }\r\n })\r\n .catch(error => { this.HideWait(); this.closeConfirmDialog(); });\r\n };\r\n\r\n clear = (parent, beforeClear, afterClear) => {\r\n const keyModel = parent[parent.state.keyModel];\r\n\r\n if (beforeClear) {\r\n beforeClear();\r\n }\r\n\r\n parent.setState({ [parent.state.keyModel]: keyModel, clear: true });\r\n\r\n parent.baseComponent.current.setState({\r\n ...parent.baseComponent.current.baseProps,\r\n mountLocalizedComponents: true\r\n });\r\n parent.baseComponent.current.setModelState(keyModel[parent.state.keyProp]);\r\n\r\n if (parent.state.stateToFormData) {\r\n parent.setState({ stateToFormData: false });\r\n }\r\n\r\n if (afterClear) {\r\n afterClear();\r\n }\r\n };\r\n\r\n new = (parent, beforeNew, afterNew) => {\r\n const keyModel = parent[parent.state.keyModel];\r\n\r\n if (beforeNew) {\r\n beforeNew();\r\n }\r\n\r\n parent.setState({ [parent.state.keyModel]: keyModel, clear: true });\r\n\r\n parent.baseComponent.current.setState({\r\n ...parent.baseComponent.current.baseProps,\r\n mountLocalizedComponents: true\r\n });\r\n parent.baseComponent.current.setModelState(null, ModelState.Added);\r\n\r\n if (parent.state.stateToFormData) {\r\n parent.setState({ stateToFormData: false });\r\n }\r\n\r\n if (afterNew) {\r\n afterNew();\r\n }\r\n };\r\n\r\n search = searchSettings => {\r\n if (searchSettings.finderConfig.template) {\r\n if (!searchSettings.finderConfig.filters) {\r\n searchSettings.finderConfig.filters = {};\r\n }\r\n\r\n searchSettings.finderConfig.template\r\n .filter(col => col.filter)\r\n .forEach(col => {\r\n searchSettings.finderConfig.filters[col.field] = { value: '' };\r\n });\r\n }\r\n\r\n this.finder = ;\r\n this.setState({ showFinder: true });\r\n };\r\n\r\n render() {\r\n const { privileges } = this.props;\r\n\r\n let actionMethods = { ...this.props.actionMethods };\r\n let hiddenDiv = (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n\r\n // new, create/update, search, clear, delete\r\n\r\n let clearAtRightMost = !this.state.buttonPrivileges.showDelete;\r\n let searchAtRightMost = !this.state.buttonPrivileges.showDelete && !this.state.buttonPrivileges.showClear;\r\n let createAtRightMost = !this.state.buttonPrivileges.showDelete && !this.state.buttonPrivileges.showClear && !this.state.buttonPrivileges.showSearch;\r\n let updateAtRightMost = createAtRightMost;\r\n let newAtRightMost = !this.state.buttonPrivileges.showDelete && !this.state.buttonPrivileges.showClear && !this.state.buttonPrivileges.showSearch && !this.state.buttonPrivileges.showCreate && !this.state.buttonPrivileges.showUpdate;\r\n\r\n return privileges.CanRead ||\r\n privileges.CanDelete ||\r\n privileges.CanUpdate ||\r\n privileges.CanCreate ? (\r\n \r\n {hiddenDiv}\r\n\r\n {\r\n this.state.mountLocalizedComponents &&\r\n (\r\n \r\n )\r\n }\r\n\r\n {\r\n this.state.mountLocalizedComponents &&\r\n (\r\n \r\n )\r\n }\r\n\r\n {\r\n this.state.showFinder &&\r\n this.finder\r\n }\r\n\r\n {\r\n this.state.mountLocalizedComponents && (\r\n }\r\n styles={{\r\n overlay: (base) => ({\r\n ...base,\r\n background: 'rgba(244, 244, 244, 0.6)'\r\n })\r\n }}>\r\n \r\n {\r\n privileges.CanRead &&\r\n this.state.buttonPrivileges.showPrint && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanCreate &&\r\n this.state.buttonPrivileges.showNew && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanCreate &&\r\n this.state.buttonPrivileges.showCreate &&\r\n this.state.ModelState === ModelState.Added && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanUpdate &&\r\n this.state.buttonPrivileges.showUpdate &&\r\n this.state.ModelState === ModelState.Modified && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanRead &&\r\n this.state.buttonPrivileges.showSearch && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanRead &&\r\n this.state.buttonPrivileges.showClear && (\r\n \r\n )\r\n }\r\n {\r\n privileges.CanDelete &&\r\n this.state.buttonPrivileges.showDelete && (\r\n \r\n )\r\n }\r\n \r\n \r\n )\r\n }\r\n
\r\n ) : (\r\n {hiddenDiv}
\r\n );\r\n\r\n }\r\n}\r\n\r\nexport default BaseComponent;\r\n","import { useEffect, useState, useCallback } from 'react';\r\nimport validator from 'validator';\r\nimport dot from 'dot-object';\r\n\r\nimport isEqual from 'lodash/isEqual';\r\nimport intersectionWith from 'lodash/intersectionWith';\r\n\r\n/** errors outsourced outside of our hooks\r\n as we don't really need them in the state */\r\nlet formErrors = [];\r\nlet parentRef;\r\n\r\nfunction handleError(name, isValid) {\r\n if (!isValid) {\r\n formErrors.push(name);\r\n } else {\r\n const index = formErrors.findIndex(error => error === name);\r\n if (index > -1) formErrors.splice(index, 1);\r\n }\r\n\r\n formErrors = [...new Set(formErrors)];\r\n\r\n parentRef.setState({ isValidForm: !formErrors.length });\r\n}\r\n\r\nexport function useFormInput({\r\n name,\r\n validation = '',\r\n tooltip = '',\r\n onChange,\r\n values: formData,\r\n setValues: setFormData,\r\n defaultInvalidAttr\r\n}) {\r\n const formFieldValue = dot.pick(name, formData) || '';\r\n\r\n const [value, setValue] = useState(formFieldValue);\r\n const [isValid, setIsValid] = useState(true);\r\n const [isTouched, setIsTouched] = useState(false);\r\n const [isFocused, setIsFocused] = useState(false);\r\n\r\n const [validationRules] = useState(validation);\r\n\r\n const handleValidation = useCallback(\r\n () => {\r\n const isValid = validate(value, validationRules);\r\n setIsValid(isValid);\r\n handleError(name, isValid);\r\n }, [setIsValid, validationRules, name, value]\r\n );\r\n\r\n // watch for external parent data changes\r\n useEffect(() => {\r\n if (value !== formFieldValue) {\r\n setValue(formFieldValue);\r\n setIsTouched(false);\r\n setIsFocused(false);\r\n }\r\n }, [formFieldValue, value, setValue, setIsFocused, setIsTouched]);\r\n\r\n // validate on value change\r\n useEffect(() => {\r\n handleValidation();\r\n }, [handleValidation, name]);\r\n\r\n // rewrite self and parent's value\r\n const handleChange = useCallback((event) => {\r\n if (typeof (onChange) === 'function') {\r\n onChange(event);\r\n }\r\n\r\n const { value, checked, type } = event.target;\r\n const newValue = type === 'checkbox' ? checked : value;\r\n\r\n // using dot helps us change nested values\r\n let data;\r\n const isNested = name.includes('.');\r\n if (isNested) {\r\n dot.override = true;\r\n data = dot.str(name, newValue, { ...formData });\r\n }\r\n else data = { ...formData, [name]: newValue };\r\n\r\n setValue(newValue);\r\n setFormData(data);\r\n }, [setValue, formData, setFormData, name, onChange]);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsTouched(true);\r\n setIsFocused(true);\r\n handleValidation();\r\n }, [setIsTouched, setIsFocused, handleValidation]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsFocused(false);\r\n }, [setIsFocused]);\r\n\r\n const showError = !isValid && isTouched && !isFocused;\r\n const invalidAttr = showError ? defaultInvalidAttr : null;\r\n\r\n return {\r\n value,\r\n name,\r\n helperText: isFocused && tooltip ? tooltip : '',\r\n onChange: handleChange,\r\n onFocus: handleFocus,\r\n onBlur: handleBlur,\r\n ...invalidAttr\r\n };\r\n}\r\n\r\nexport function useFormDate({\r\n name,\r\n validation = '',\r\n tooltip = '',\r\n onChange,\r\n values: formData,\r\n setValues: setFormData,\r\n defaultInvalidAttr\r\n}) {\r\n const formFieldValue = dot.pick(name, formData) || null;\r\n\r\n const [value, setValue] = useState(formFieldValue);\r\n const [isValid, setIsValid] = useState(true);\r\n const [isTouched, setIsTouched] = useState(false);\r\n const [isFocused, setIsFocused] = useState(false);\r\n\r\n const [validationRules] = useState(validation);\r\n\r\n const handleValidation = useCallback(() => {\r\n const isValid = validate(value, validationRules);\r\n setIsValid(isValid);\r\n handleError(name, isValid);\r\n }, [setIsValid, validationRules, name, value]);\r\n\r\n // watch for external parent data changes\r\n useEffect(() => {\r\n if (value !== formFieldValue) {\r\n setValue(formFieldValue);\r\n setIsTouched(false);\r\n setIsFocused(false);\r\n }\r\n }, [formFieldValue, value, setValue, setIsFocused, setIsTouched]);\r\n\r\n // validate on value change\r\n useEffect(() => {\r\n handleValidation();\r\n }, [handleValidation, name]);\r\n\r\n // rewrite self and parent's value\r\n const handleChange = useCallback((target) => {\r\n if (typeof (onChange) === 'function') {\r\n onChange(target);\r\n }\r\n\r\n const newValue = target;\r\n\r\n // using dot helps us change nested values\r\n let data;\r\n const isNested = name.includes('.');\r\n if (isNested) {\r\n dot.override = true;\r\n data = dot.str(name, newValue, { ...formData });\r\n }\r\n else data = { ...formData, [name]: newValue };\r\n\r\n setValue(newValue);\r\n setFormData(data);\r\n }, [setValue, formData, setFormData, name, onChange]);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsTouched(true);\r\n setIsFocused(true);\r\n handleValidation();\r\n }, [setIsTouched, setIsFocused, handleValidation]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsFocused(false);\r\n }, [setIsFocused]);\r\n\r\n const showError = !isValid && isTouched && !isFocused;\r\n const invalidAttr = showError ? defaultInvalidAttr : null;\r\n\r\n return {\r\n value,\r\n name,\r\n helperText: isFocused && tooltip ? tooltip : '',\r\n onChange: handleChange,\r\n onFocus: handleFocus,\r\n onBlur: handleBlur,\r\n ...invalidAttr\r\n };\r\n}\r\n\r\nexport function useFormCheckbox({\r\n name,\r\n onChange,\r\n values: formData,\r\n setValues: setFormData\r\n}) {\r\n const formFieldValue = dot.pick(name, formData) || false;\r\n\r\n const [checked, setChecked] = useState(formFieldValue);\r\n\r\n // watch for external parent data changes\r\n useEffect(() => {\r\n if (checked !== formFieldValue) {\r\n setChecked(formFieldValue);\r\n }\r\n }, [formFieldValue, checked, setChecked]);\r\n\r\n // rewrite self and parent's value\r\n const handleChange = useCallback((event) => {\r\n if (typeof (onChange) === 'function') {\r\n onChange(event);\r\n }\r\n\r\n const { checked } = event.target;\r\n\r\n // using dot helps us change nested values\r\n let data;\r\n const isNested = name.includes('.');\r\n if (isNested) {\r\n dot.override = true;\r\n data = dot.str(name, checked, { ...formData });\r\n }\r\n else data = { ...formData, [name]: checked };\r\n\r\n setChecked(checked);\r\n setFormData(data);\r\n }, [setChecked, formData, setFormData, name, onChange]);\r\n\r\n return {\r\n checked,\r\n name,\r\n onChange: handleChange\r\n };\r\n}\r\n\r\nexport function useFormRadioGroup({\r\n name,\r\n onChange,\r\n values: formData,\r\n setValues: setFormData\r\n}) {\r\n const formFieldValue = dot.pick(name, formData) || false;\r\n\r\n const [value, setValue] = useState(formFieldValue);\r\n\r\n // watch for external parent data changes\r\n useEffect(() => {\r\n if (value !== formFieldValue) {\r\n setValue(formFieldValue);\r\n }\r\n }, [formFieldValue, value, setValue]);\r\n\r\n // rewrite self and parent's value\r\n const handleChange = useCallback((event) => {\r\n if (typeof (onChange) === 'function') {\r\n onChange(event);\r\n }\r\n\r\n const { value } = event.target;\r\n\r\n // using dot helps us change nested values\r\n let data;\r\n const isNested = name.includes('.');\r\n if (isNested) {\r\n dot.override = true;\r\n data = dot.str(name, value, { ...formData });\r\n }\r\n else data = { ...formData, [name]: value };\r\n\r\n setValue(value);\r\n setFormData(data);\r\n }, [setValue, formData, setFormData, name, onChange]);\r\n\r\n return {\r\n name,\r\n value,\r\n onChange: handleChange\r\n };\r\n}\r\n\r\nexport function useForm(parent, defaultValues, invalidAttr = { error: true }) {\r\n parentRef = parent;\r\n\r\n const [values, setValues] = useState(defaultValues);\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n const keyProp = parent.state.keyProp;\r\n const parentKeyModel = parent.state[parent.state.keyModel];\r\n\r\n if ((!parent.state.keyPropChangeable && values[keyProp] !== defaultValues[keyProp]) || parent.state.clear) {\r\n setValues(defaultValues);\r\n parent.setState({ clear: false });\r\n } else {\r\n let changedProps = {};\r\n\r\n Object.keys(values).every(key => {\r\n if (parentKeyModel.hasOwnProperty(key) && parentKeyModel[key] !== values[key]) {\r\n changedProps[key] = parent.state.stateToFormData ? defaultValues[key] : values[key];\r\n }\r\n\r\n return true;\r\n });\r\n\r\n if (Object.keys(changedProps).length > 0) {\r\n parent.setState({\r\n [parent.state.keyModel]: { ...values, ...changedProps },\r\n stateToFormData: false\r\n });\r\n\r\n setValues({ ...values, ...changedProps });\r\n }\r\n }\r\n\r\n if (!mounted) {\r\n setMounted(true);\r\n }\r\n\r\n return () => {\r\n formErrors = intersectionWith(\r\n Object.keys(defaultValues),\r\n formErrors,\r\n isEqual\r\n );\r\n };\r\n }, [mounted, defaultValues, values, setValues, parent]);\r\n\r\n const useInput = (name, validation, tooltip, onChange) => useFormInput({\r\n name,\r\n validation,\r\n tooltip,\r\n onChange,\r\n values,\r\n setValues,\r\n defaultInvalidAttr: invalidAttr\r\n });\r\n\r\n const useDate = (name, validation, tooltip, onChange) => useFormDate({\r\n name,\r\n validation,\r\n tooltip,\r\n onChange,\r\n values,\r\n setValues,\r\n defaultInvalidAttr: invalidAttr\r\n });\r\n\r\n const useCheckbox = (name, onChange) => useFormCheckbox({\r\n name,\r\n onChange,\r\n values,\r\n setValues\r\n });\r\n\r\n const useRadioGroup = (name, onChange) => useFormRadioGroup({\r\n name,\r\n onChange,\r\n values,\r\n setValues\r\n });\r\n\r\n return {\r\n values,\r\n setValues,\r\n useInput,\r\n useDate,\r\n useCheckbox,\r\n useRadioGroup,\r\n errors: formErrors,\r\n isValid: mounted && !formErrors.length\r\n };\r\n}\r\n\r\n/**\r\n * Returns either unmet rule, or null\r\n * @param value\r\n * @param validation\r\n * @returns {*}\r\n */\r\nexport function validate(value, validation) {\r\n value = value ? value.toString() : '';\r\n const fields = [];\r\n\r\n let trimmedValidation;\r\n let validatingFields;\r\n\r\n switch (typeof validation) {\r\n case 'object':\r\n Object.keys(validation).forEach(property => {\r\n fields.push({\r\n rule: property,\r\n options: validation[property]\r\n });\r\n });\r\n break;\r\n\r\n case 'string':\r\n default:\r\n if (!validation.length) return true;\r\n trimmedValidation = validation.replace(/ /g, '');\r\n validatingFields = trimmedValidation.split(',');\r\n validatingFields.forEach(fieldName => {\r\n fields.push({\r\n rule: fieldName\r\n });\r\n });\r\n }\r\n\r\n let isValid = true;\r\n\r\n fields.forEach(field => {\r\n const { rule, options = null } = field;\r\n\r\n switch (rule.trim()) {\r\n case 'isRequired':\r\n if (!value) isValid = false;\r\n break;\r\n default:\r\n if (isValid) {\r\n if (options) isValid = validator[rule](value, options);\r\n else isValid = validator[rule](value);\r\n }\r\n\r\n break;\r\n }\r\n });\r\n\r\n return isValid;\r\n}\r\n","import AuthUserService from './AuthUserService';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nexport class Util {\r\n constructor(module) {\r\n this.module = module ? module : 'shomoshtee';\r\n this.baseUrl = require('../app/config.json') && require('../app/config.json').baseUrl;\r\n }\r\n\r\n getBaseUrl() {\r\n return this.baseUrl;\r\n }\r\n\r\n getModule() {\r\n return this.module;\r\n }\r\n\r\n hideWait = function () {\r\n\r\n };\r\n\r\n showWait = function () {\r\n this.hideWait();\r\n };\r\n\r\n showNotificationMsg = function (msg, level = 'info', timeOut, callback, priority) {\r\n if (level !== 'error') {\r\n NotificationManager.listNotify.forEach(n => NotificationManager.remove({ id: n.id }));\r\n }\r\n\r\n timeOut = timeOut ? timeOut : 1500;\r\n\r\n switch (level) {\r\n case 'info':\r\n NotificationManager.info(msg, 'info', timeOut, callback, priority);\r\n break;\r\n case 'success':\r\n NotificationManager.success(msg, 'success', timeOut, callback, priority);\r\n break;\r\n case 'warning':\r\n NotificationManager.warning(msg, 'warning', timeOut, callback, priority);\r\n break;\r\n case 'error':\r\n NotificationManager.error(msg, 'error', 0, callback, priority);\r\n break;\r\n default:\r\n NotificationManager.info(msg, 'info', timeOut, callback, priority);\r\n }\r\n }\r\n \r\n hideNotificationMsg = function () {\r\n NotificationManager.listNotify.forEach(n => NotificationManager.remove({ id: n.id }));\r\n };\r\n\r\n hasException = function (res) {\r\n if (res.data && res.data.ResponseCode) {\r\n switch (res.data.ResponseCode) {\r\n case 'UNAUTHORIZED':\r\n new AuthUserService().logOut();\r\n window.location.href = '/';\r\n return true;\r\n case 'APP_ERROR':\r\n case 'BAD_REQUEST':\r\n case 'NOT_FOUND':\r\n case 'NO_CONTENT':\r\n case 'INTERNAL_ERROR':\r\n case 'CONNECT_ERROR':\r\n case 'FAILURE':\r\n case 'SERVICE_UNAVAILABLE':\r\n case 'CONNECT_TIMEOUT':\r\n case 'VALIDATION':\r\n if (res.data.Message) this.showNotificationMsg(res.data.Message, 'error');\r\n return true;\r\n default:\r\n return false;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n parseError = function (responseText) {\r\n if (typeof responseText === 'object') {\r\n let msg = '';\r\n responseText.forEach(value => {\r\n msg += `${value}`;\r\n });\r\n\r\n return msg;\r\n } else {\r\n let findex = responseText.indexOf('');\r\n let sindex = responseText.indexOf('');\r\n return responseText.substring(findex + 7, sindex).replace('924', '');\r\n }\r\n };\r\n\r\n errorCallback = function (error, handleException = true) {\r\n if (!handleException) throw error;\r\n\r\n if (error && (error.toString() === 'Network Error' || error.status === -1))\r\n this.showNotificationMsg('Server not found....', 'error');\r\n else if (error.data) this.showNotificationMsg(this.parseError(error.data), 'error');\r\n else this.showNotificationMsg('Internal server error....', 'error');\r\n };\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/SHOMOSHTEE-LOGO.5980d31f.png\";","import React from 'react';\r\n\r\nimport 'date-fns';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardTimePicker\r\n} from '@material-ui/pickers';\r\n\r\nconst TimePicker = (props) => {\r\n props = { ...defaultProps, ...props };\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst defaultProps = {\r\n fullWidth: true,\r\n variant: 'inline',\r\n autoOk: true,\r\n margin: 'normal'\r\n}\r\n\r\nexport default TimePicker;\r\n","import decode from 'jwt-decode';\r\n\r\nexport default class AuthUserService {\r\n\r\n setToken(token) {\r\n localStorage.setItem('Shomoshtee_Token', token);\r\n }\r\n\r\n getToken() {\r\n return localStorage.getItem('Shomoshtee_Token');\r\n }\r\n\r\n setUser(authUser) {\r\n localStorage.setItem('Shomoshtee_AuthUser', JSON.stringify(authUser));\r\n }\r\n\r\n getUser() {\r\n let user = localStorage.getItem('Shomoshtee_AuthUser');\r\n if (user) return JSON.parse(user);\r\n else return null;\r\n }\r\n\r\n loggedIn() {\r\n const token = this.getToken();\r\n return !!token && !this.isTokenExpired(token);\r\n }\r\n\r\n logOut() {\r\n localStorage.removeItem('Shomoshtee_Token');\r\n localStorage.removeItem('Shomoshtee_AuthUser');\r\n localStorage.removeItem('Shomoshtee_DateFormat');\r\n }\r\n\r\n isTokenExpired(token) {\r\n try {\r\n const decoded = decode(token);\r\n return decoded.exp < Date.now() / 1000;\r\n } catch (e) {\r\n return false;\r\n }\r\n }\r\n}\r\n\r\n","import React from 'react';\r\nimport MatTextField from '@material-ui/core/TextField';\r\n\r\nconst TextField = (props) => {\r\n props = { ...defaultProps, ...props };\r\n return ;\r\n}\r\n\r\nconst defaultProps = {\r\n fullWidth: true,\r\n margin: 'none'\r\n}\r\n\r\nexport default TextField;\r\n","import React from 'react';\r\nimport { Button } from 'primereact/button';\r\n\r\nconst PrimeButton = (props) => {\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default PrimeButton;\r\n","import React from 'react';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nconst Home = () => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport default Home;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nconst Error404 = () => (\r\n \r\n
\r\n
404
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {\r\n this.props.menuList.map((menu, index) =>\r\n - \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n
\r\n
\r\n
\r\n
![\"User\"](\"https://via.placeholder.com/150x150\"\r\n)
\r\n
\r\n
Chris Harris
\r\n Administrator\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
{\r\n console.log(\"Try to logoput\");\r\n this.props.userSignOut()\r\n }}>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n :\r\n \r\n \r\n \r\n }\r\n\r\n \r\n ![\"Government]({require(\"assets/images/app_logo.png\")} "\\"Government")
\r\n \r\n \r\n {new AuthUserService().getUser().CompanyName}\r\n {new AuthUserService().getUser().ApplicationName}\r\n
\r\n\r\n {/* */}\r\n\r\n {\r\n (navigationStyle === HORIZONTAL_NAVIGATION && horizontalNavPosition === INSIDE_THE_HEADER) && \r\n }\r\n\r\n \r\n - \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* - \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
*/}\r\n\r\n {\r\n navigationStyle === HORIZONTAL_NAVIGATION &&\r\n - \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n
\r\n \r\n ![\"Shomoshtee]({require(\"assets/images/shomoshtee_header_img.png\")} "\\"Shomoshtee\\"")
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { drawerType, locale, navigationStyle, horizontalNavPosition } = settings;\r\n return { drawerType, locale, navigationStyle, horizontalNavPosition }\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, { toggleCollapsedNav, switchLanguage })(Header));\r\n","import React from 'react';\r\nimport Avatar from '@material-ui/core/Avatar'\r\nimport { connect } from 'react-redux'\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { userSignOut } from 'actions/Auth';\r\nimport IntlMessages from 'util/IntlMessages';\r\nimport AuthUserService from '../../services/AuthUserService';\r\n\r\nclass UserInfo extends React.Component {\r\n state = {\r\n anchorEl: null,\r\n open: false,\r\n };\r\n\r\n handleClick = event => {\r\n this.setState({ open: true, anchorEl: event.currentTarget });\r\n };\r\n\r\n handleRequestClose = () => {\r\n this.setState({ open: false });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n
\r\n
\r\n {new AuthUserService().getUser().UserName}\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n// {submenus.map((item, index) => (\r\n// \r\n// ))}\r\n//
\r\n// \r\n// ) : null;\r\n// };\r\n// const MenuItemChildrenMemoized = React.memo(MenuItemChildren);\r\n// return (\r\n// <>\r\n// \r\n// \r\n// \r\n// );\r\n// };\r\nvar AppMenuItem = function (props) {\r\n var name = props.name, link = props.link, Icon = props.Icon, parent = props.parent, _a = props.submenus, submenus = _a === void 0 ? [] : _a;\r\n var classes = useStyles();\r\n var isExpandable = submenus && submenus.length > 0;\r\n // const [open, setOpen] = React.useState(parent && parent.state.menuState[name] ? parent.state.menuState[name] : false);\r\n var open = React.useState(parent && parent.state.menuState[name] ? parent.state.menuState[name] : false)[0];\r\n function handleClick() {\r\n var _a;\r\n // setOpen(!open);\r\n var menuState = parent.state.menuState;\r\n var updatedMenuState = Object.keys(menuState).reduce(function (updatingMenuState, key) {\r\n updatingMenuState[key] = false;\r\n return updatingMenuState;\r\n }, {});\r\n parent.setState({ menuState: __assign(__assign({}, updatedMenuState), (_a = {}, _a[name] = !open, _a)) });\r\n }\r\n var MenuItemRoot = (\r\n // \r\n React.createElement(AppMenuItemComponent, { className: classes.menuItem + \" \" + (\r\n // (parent && parent.state.activeMenu === name && open) ||\r\n window.location\r\n .toString()\r\n .split('/')\r\n .slice(-1)\r\n .pop() === link\r\n ? classes.activeMenu\r\n : ''), link: link, onClick: handleClick },\r\n !!Icon && (\r\n // \r\n React.createElement(ListItemIcon, null,\r\n React.createElement(Icon, { className: classes.menuItemIcon }))),\r\n React.createElement(ListItemText, { className: classes.listItemText, primary: name, inset: !Icon }),\r\n isExpandable && !open && React.createElement(IconExpandMore, null),\r\n isExpandable && open && React.createElement(IconExpandLess, null)));\r\n var MenuItemChildren = isExpandable ? (\r\n // \r\n React.createElement(Collapse, { in: open, timeout: \"auto\" },\r\n React.createElement(Divider, null),\r\n React.createElement(List, { component: \"div\", disablePadding: true }, submenus.map(function (item, index) { return (React.createElement(AppMenuItem, __assign({}, item, { key: index }))); })))) : null;\r\n return (React.createElement(React.Fragment, null,\r\n MenuItemRoot,\r\n MenuItemChildren));\r\n};\r\n\r\n// React runtime PropTypes\r\nvar AppMenuPropTypes = {\r\n menuList: PropTypes.array.isRequired,\r\n parent: PropTypes.any,\r\n};\r\n// const drawerWidth = 240;\r\nvar useStyles$1 = makeStyles(function (theme) {\r\n return createStyles({\r\n appMenu: {\r\n width: '100%',\r\n padding: theme.spacing(0),\r\n },\r\n });\r\n});\r\nvar AppMenu = function (props) {\r\n var _a = props.menuList, menuList = _a === void 0 ? [] : _a, parent = props.parent;\r\n var classes = useStyles$1();\r\n var AppMenuRoot = function (props) {\r\n var menuList = props.menuList, parent = props.parent, classes = props.classes;\r\n return (React.createElement(List, { component: \"nav\", className: classes.appMenu, disablePadding: true }, menuList.map(function (menu, index) { return (React.createElement(AppMenuItem, __assign({}, menu, { key: index, parent: parent }))); })));\r\n };\r\n var AppMenuRootMemoized = React.memo(AppMenuRoot, function () { return true; });\r\n return React.createElement(AppMenuRootMemoized, { menuList: menuList, parent: parent, classes: classes });\r\n // return (\r\n // \r\n // {menuList.map((menu, index) => (\r\n // \r\n // ))}\r\n //
\r\n // );\r\n};\r\n\r\nexport { AppMenu };\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport Drawer from '@material-ui/core/Drawer';\r\n// import SidenavContent from './SidenavContent';\r\nimport UserInfo from 'components/UserInfo';\r\nimport { COLLAPSED_DRAWER, FIXED_DRAWER, HORIZONTAL_NAVIGATION } from 'constants/ActionTypes';\r\nimport { toggleCollapsedNav, updateWindowWidth } from 'actions/Setting';\r\n\r\nimport { AppMenu } from 'lib/index';\r\n// import IntlMessages from 'util/IntlMessages';\r\n// import IconDashboard from '@material-ui/icons/Dashboard';\r\nimport SecurityIcon from '@material-ui/icons/Security';\r\nimport HomeWorkIcon from '@material-ui/icons/HomeWork';\r\nimport ReceiptIcon from '@material-ui/icons/Receipt';\r\nimport SyncAltIcon from '@material-ui/icons/SyncAlt';\r\nimport BarChartIcon from '@material-ui/icons/BarChart';\r\n\r\nclass SideNav extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n menuState: {},\r\n // activeMenu: ''\r\n }\r\n }\r\n\r\n iconArray = [\r\n { name: 'SecurityIcon', component: SecurityIcon },\r\n { name: 'HomeWorkIcon', component: HomeWorkIcon },\r\n { name: 'ReceiptIcon', component: ReceiptIcon },\r\n { name: 'SyncAltIcon', component: SyncAltIcon },\r\n { name: 'BarChartIcon', component: BarChartIcon }\r\n ];\r\n\r\n makeMenu = (parentList, menuList) => {\r\n var menuString = [];\r\n\r\n parentList.forEach((parentMenu, index) => {\r\n menuString.push({ name: parentMenu.Description, Icon: this.iconArray.find(icon => icon.name === parentMenu.IconName).component });\r\n\r\n var childString = this.makeSubmenu(menuList, parentMenu.MenuID);\r\n if (childString.length) {\r\n menuString[index].submenus = childString;\r\n }\r\n });\r\n\r\n return menuString;\r\n }\r\n\r\n makeSubmenu = (menuList, parentID) => {\r\n var childList = menuList.filter(menu => menu.ParentID === parentID);\r\n var menuString = [];\r\n\r\n childList.forEach((childMenu, index) => {\r\n menuString.push({ name: childMenu.Description, link: childMenu.RouteName });\r\n\r\n if (!childMenu.RouteName && !childMenu.ViewName) {\r\n var childString = this.makeSubmenu(menuList, childMenu.MenuID);\r\n\r\n if (childString.length) {\r\n menuString[index].submenus = childString;\r\n }\r\n }\r\n });\r\n\r\n return menuString;\r\n }\r\n\r\n onToggleCollapsedNav = (e) => {\r\n const val = !this.props.navCollapsed;\r\n this.props.toggleCollapsedNav(val);\r\n };\r\n\r\n componentDidMount() {\r\n window.addEventListener('resize', () => {\r\n this.props.updateWindowWidth(window.innerWidth)\r\n });\r\n }\r\n\r\n render() {\r\n const { navCollapsed, drawerType, width, navigationStyle } = this.props;\r\n\r\n let drawerStyle = drawerType.includes(FIXED_DRAWER) ? 'd-xl-flex' : drawerType.includes(COLLAPSED_DRAWER) ? '' : 'd-flex';\r\n let type = 'permanent';\r\n\r\n if (drawerType.includes(COLLAPSED_DRAWER) || (drawerType.includes(FIXED_DRAWER) && width < 1200)) {\r\n type = 'temporary';\r\n }\r\n\r\n if (navigationStyle === HORIZONTAL_NAVIGATION) {\r\n drawerStyle = '';\r\n type = 'temporary';\r\n }\r\n\r\n let menuList = this.makeMenu(\r\n this.props.menuList.filter(menu => menu.MenuID === menu.ParentID),\r\n this.props.menuList.filter(menu => menu.MenuID !== menu.ParentID)\r\n );\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n {/* menu.MenuID !== menu.ParentID)} /> */}\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n {\r\n (navigationStyle === HORIZONTAL_NAVIGATION && horizontalNavPosition === ABOVE_THE_HEADER) &&\r\n menu.MenuID !== menu.ParentID)} styleName=\"app-top-header\" />\r\n }\r\n\r\n \r\n\r\n {\r\n (navigationStyle === HORIZONTAL_NAVIGATION && horizontalNavPosition === BELOW_THE_HEADER) &&\r\n menu.MenuID !== menu.ParentID)} />\r\n }\r\n \r\n {\r\n loader &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n \r\n {\r\n menuList.map((menu, index) =>\r\n import(`./routes/${menu.ViewName}`),\r\n {\r\n MenuID: menu.MenuID, CanCreate: menu.CanCreate, CanRead: menu.CanRead, CanUpdate: menu.CanUpdate, CanDelete: menu.CanDelete\r\n }, menu.Parameters)\r\n }\r\n />\r\n )\r\n }\r\n\r\n \r\n {\r\n menuList.length &&\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
} "SHOMOSHTEE")
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n\r\n {\r\n loader &&\r\n
\r\n \r\n
\r\n }\r\n\r\n {\r\n showMessage &&\r\n NotificationManager.error(alertMessage)\r\n }\r\n\r\n
\r\n
\r\n
\r\n
\r\n
![\"SHOMOSHTEE\"]({require(\"assets/images/SHOMOSHTEE-LOGO.png\")} "\\"SHOMOSHTEE\\"")
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n }\r\n {\r\n showMessage && NotificationManager.error(alertMessage)\r\n }\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, authUser } = auth;\r\n return { loader, alertMessage, showMessage, authUser }\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n userSignUp,\r\n hideMessage,\r\n showAuthLoader,\r\n userFacebookSignIn,\r\n userGoogleSignIn,\r\n userGithubSignIn,\r\n userTwitterSignIn\r\n})(SignUp);\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom'\r\nimport { connect } from 'react-redux';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\nimport IntlMessages from 'util/IntlMessages';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport {\r\n hideMessage\r\n ,showAuthLoader\r\n //,resetPassword\r\n} from 'actions/Auth';\r\nimport ClientRequestService from 'services/ClientRequestService';\r\n\r\n//import AuthUserService from 'services/AuthUserService';\r\n\r\nclass ResetPassword extends React.Component {\r\n constructor() {\r\n super();\r\n this.dataHandlerService = new ClientRequestService('Security');\r\n this.state = {\r\n Email: \"\",\r\n UserName: \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener('keydown', ({ key }) => {\r\n if (key === 'Enter') {\r\n this.handleSubmit(this.state);\r\n }\r\n });\r\n }\r\n\r\n componentDidUpdate() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 100);\r\n }\r\n\r\n /*if (new AuthUserService().loggedIn()) {\r\n this.props.history.push('/');\r\n }*/\r\n }\r\n\r\n handleSubmit = ({ Email, UserName }) => {\r\n //this.props.showAuthLoader();\r\n //this.props.resetPassword({ Email, UserName });\r\n this.dataHandlerService.Put({\r\n url: `User/ResetPassword`,\r\n data: { Email: Email, UserName: UserName }\r\n }).then(() => {\r\n this.dataHandlerService.util.showNotificationMsg('Password reset successfully; new password sent to email.', 'success');\r\n this.setState({ Email: \"\", UserName: \"\" });\r\n this.props.history.push('/SignIn');\r\n });\r\n }\r\n\r\n render() {\r\n const { Email, UserName } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n\r\n {\r\n loader &&\r\n
\r\n \r\n
\r\n }\r\n\r\n {\r\n showMessage &&\r\n NotificationManager.error(alertMessage)\r\n }\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n import('components/Home'))} />\r\n import('components/Error404'))} />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, auth }) => {\r\n const { sideNavColor, locale, isDirectionRTL } = settings;\r\n const { authUser, initURL } = auth;\r\n return { sideNavColor, locale, isDirectionRTL, authUser, initURL }\r\n};\r\n\r\nexport default connect(mapStateToProps, { setInitUrl })(App);\r\n","import React from 'react';\r\nimport { ConnectedRouter } from 'connected-react-router'\r\nimport { Provider } from 'react-redux';\r\nimport { Route, Switch } from 'react-router-dom';\r\n\r\nimport configureStore, { history } from './store';\r\n// import './firebase/firebase';\r\nimport App from './containers/App';\r\n\r\nexport const store = configureStore();\r\n\r\nconst MainApp = () =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n ;\r\n\r\n\r\nexport default MainApp;","import { combineReducers } from 'redux';\r\nimport { connectRouter } from 'connected-react-router'\r\nimport Settings from './Settings';\r\nimport Auth from './Auth';\r\n\r\nexport default (history) => combineReducers({\r\n router: connectRouter(history),\r\n settings: Settings,\r\n auth: Auth\r\n});\r\n","import React from 'react';\r\nimport {FormattedMessage, injectIntl} from 'react-intl';\r\n\r\nconst InjectMassage = props => ;\r\nexport default injectIntl(InjectMassage, {\r\n withRef: false\r\n});\r\n"],"sourceRoot":""}