\r\n \r\n
);\r\n }\r\n\r\n getButton(key, hasBadge, badgeField, icon, iconProps, badgeProps, buttonProps) {\r\n if (hasBadge) {\r\n return (\r\n \r\n \r\n \r\n {this.props.itemObject.footer1label} \r\n {this.props.itemObject.footer1value} \r\n \r\n \r\n {this.props.itemObject.footer2label} \r\n {this.props.itemObject.footer2value} \r\n \r\n \r\n {this.props.itemObject.footer3label} \r\n {this.props.itemObject.footer3value} \r\n \r\n \r\n {this.props.itemObject.footer4label} \r\n {this.props.itemObject.footer4value} \r\n \r\n \r\n
\r\n \r\n\r\n\r\n
\r\n\r\n \r\n
\r\n {this.props.itemObject.code}
\r\n {this.props.itemObject.title}
\r\n \r\n {this.props.itemProps?.buttons.map((bt, index) => {\r\n return (\r\n this.getButton(index, bt.hasbadge, bt.badgefield, bt.icon, bt.iconprops, bt.badgeprops, bt.props)\r\n );\r\n })}\r\n
\r\n {this.props.itemObject.subtitle}
\r\n \r\n\r\n \r\n {scaff}\r\n
\r\n );\r\n }\r\n\r\n\r\n}\r\n\r\nexport default ListViewCustomTemplate; ","import React, { Component } from \"react\";\r\nimport { SwipeableList, SwipeableListItem } from '@sandstreamdev/react-swipeable-list';\r\nimport '@sandstreamdev/react-swipeable-list/dist/styles.css';\r\nimport ListViewTaskTemplate from \"../ControlTemplates/ListViewItem/listViewTaskTemplate\";\r\nimport './factsSwipeList.css';\r\n// import store from \"../../../AppRedux/store\";\r\nimport { ExecuteLayoutEventMethods, objectMatchAll, GetControlPropertyFromStoreOrRefData } from '../../../General/commonFunctions'\r\n// import Icon from \"@material-ui/core/Icon\";\r\nimport Icon from \"@mui/material/Icon\";\r\nimport ListViewCustomTemplate from \"../ControlTemplates/ListViewItem/listViewCustomTemplate\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n// import { IconButton } from \"@material-ui/core\";\r\nimport { IconButton } from \"@mui/material\";\r\n\r\nclass FactsSwipeList extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n listds: [],\r\n currentPage: 0\r\n };\r\n }\r\n ripOffControlSpecificAttributes() {\r\n const excluded = [\"dset\", \"filterto\", \"refData\", \"content\", \"left\", \"right\", \"itemprops\"];\r\n return (\r\n Object.keys(this.props)\r\n .filter((t) => !excluded.includes(t))\r\n .reduce((obj, key) => {\r\n obj[key] = this.props[key];\r\n return obj;\r\n }, {}));\r\n }\r\n filterDataset(listData) {\r\n if (this.props.filterto && listData) {\r\n let filterTo = GetControlPropertyFromStoreOrRefData(this.props.filterto, this.props.refData);\r\n if (filterTo) {\r\n return listData.filter(it => {\r\n return objectMatchAll(it, filterTo, this.props.satisfy ?? \"every\", this.props.filtermode, this.props.filterignorecase);\r\n });\r\n }\r\n else return listData;\r\n }\r\n else return listData;\r\n }\r\n componentDidMount() {\r\n this.mounted = true;\r\n if (this.props.dset) {\r\n let listData = ownStore.getState(this.props.dset);\r\n this.setState({\r\n currentPage: 0,\r\n listds: this.filterDataset(listData)\r\n });\r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if (storeInfo.dset === \"this\" || storeInfo.dset === this.props.dset ||\r\n this.props.watch?.includes(storeInfo.dset)) {\r\n let listData = ownStore.getState(this.props.dset);\r\n let filteredData = this.filterDataset(listData);\r\n // if (JSON.stringify(filteredData) !== JSON.stringify(this.state.listds)) {\r\n this.setState({\r\n currentPage: 0 ,\r\n listds: filteredData\r\n });\r\n // }\r\n }\r\n }\r\n });\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n if (this.unsubscribe) this.unsubscribe();\r\n }\r\n render() {\r\n let newProps = this.ripOffControlSpecificAttributes();\r\n let renderList = this.state.listds;\r\n let pageCount = 0;\r\n let renderStartIndex = 0 ; \r\n if (this.props.paging) {\r\n pageCount = Math.ceil(renderList?.length / this.props.paging?.pagesize);\r\n if (isNaN(pageCount)) pageCount = 0;\r\n renderStartIndex = this.state.currentPage * this.props.paging?.pagesize ?? 20; \r\n let renderEndIndex = renderStartIndex + this.props.paging?.pagesize ?? 20; \r\n renderList = renderList?.slice(renderStartIndex, renderEndIndex);\r\n }\r\n return (\r\n {\r\n renderList && renderList?.length > 0 ?\r\n <>\r\n \r\n {\r\n renderList.map && renderList.map((item, index) => {\r\n let contentTemplate = this.getContentTemplate(this.props.content, item, index);\r\n let leftSwipe = this.props.left;\r\n let rightSwipe = this.props.right;\r\n let disLeft = GetControlPropertyFromStoreOrRefData(this.props.itemprops?.disableleft, item);\r\n if (disLeft) leftSwipe = null;\r\n let disRight = GetControlPropertyFromStoreOrRefData(this.props.itemprops?.disableright, item);\r\n if (disRight) rightSwipe = null;\r\n return (\r\n
\r\n );\r\n })\r\n }\r\n \r\n {this.props.paging && pageCount > 0 &&\r\n \r\n \r\n {leftSwipe.icon} \r\n {leftSwipe.text}\r\n
,\r\n action: async () => {\r\n await ExecuteLayoutEventMethods(leftSwipe.props.whenswipe, item);\r\n }\r\n }}\r\n swipeLeft={rightSwipe && {\r\n content:\r\n \r\n {rightSwipe.text}\r\n {rightSwipe.icon} \r\n
,\r\n action: async () => {\r\n await ExecuteLayoutEventMethods(rightSwipe.props.whenswipe, item);\r\n }\r\n }}\r\n // onSwipeProgress={progress => console.info(`Swipe progress: ${progress}%`)}\r\n >\r\n {contentTemplate}\r\n \r\n {this.props?.emptytext}
\r\n }\r\n );\r\n }\r\n getContentTemplate(content, item, index) {\r\n switch (content.template) {\r\n case \"lvitask\":\r\n return (\r\n\r\n
);\r\n }\r\n\r\n\r\n}\r\n\r\nexport default ListViewBubbleTemplate; ","import React, { Component } from \"react\";\r\nimport { FixedSizeList } from \"react-window\";\r\nimport { ChangePageDataSetState } from \"../../../General/commonFunctions\";\r\n// import store from \"../../../AppRedux/store\";\r\nimport ListViewBubbleTemplate from \"../ControlTemplates/ListViewItem/listViewBubbleTemplate\";\r\nimport AutoSizer from \"react-virtualized-auto-sizer\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nclass FactsVirtualList extends Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n currentDS: {}\r\n };\r\n this.divRef = React.createRef();\r\n }\r\n\r\n getCurrentDataSet() {\r\n let listds = ChangePageDataSetState(this.props.datasets);\r\n return listds[this.props.datasets[0]];\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true; \r\n if (this.props.datasets && this.props.datasets.length > 0) {\r\n this.setState({\r\n currentDS: this.getCurrentDataSet()\r\n });\r\n this.scrollToDown();\r\n\r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if(this.mounted) { \r\n if (storeInfo.dset === \"this\" || storeInfo.dset === this.props.datasets[0]) {\r\n let newData = this.getCurrentDataSet();\r\n if (JSON.stringify(this.state.currentDS) !== JSON.stringify(newData)) {\r\n this.setState({\r\n currentDS: newData\r\n });\r\n this.scrollToDown();\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n }\r\n\r\n scrollToDown() {\r\n if (this.props.scrolldown === true) {\r\n setTimeout(t => {\r\n if (this.divRef?.current)\r\n this.divRef.current.scrollTo(1000);\r\n else this.scrollToDown();\r\n }, 100);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false; \r\n if (this.unsubscribe) this.unsubscribe();\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n return (\r\n {this.props.itemObject.head}
\r\n {this.props.itemObject.title}
\r\n {this.props.itemObject.foot}
\r\n \r\n\r\n \r\n {contentTemplate}\r\n
\r\n );\r\n }\r\n\r\n getContentTemplate(content, dsets) {\r\n switch (content.template) {\r\n case \"lvibubble\":\r\n return ( this.handleListScroll()}\r\n >\r\n {\r\n\r\n pagelistArray && pagelistArray.map &&\r\n (pagelistArray.map((it, index) => {\r\n let propValue = (typeof it=== \"string\" ? {\"propvalue\" : it} : it); \r\n return this.getContentTemplate(this.props.content,\r\n {\r\n propkey: it.propkey ?? index,\r\n \"proptype\": this.getValueType(it),\r\n ...propValue\r\n }, it.propkey ?? index, newProps);\r\n // let isLastItem = ind >= (this.state.currentDS.length -1)\r\n }))\r\n\r\n }\r\n \r\n {pageCount > 0 &&\r\n {\r\n this.setState({currentPage: v});\r\n ExecuteLayoutEventMethods(newProps?.pageprops?.whenchange, { ...this.props.refData, currentPage: v });\r\n\r\n } }\r\n />\r\n }\r\n
\r\n );\r\n\r\n }\r\n\r\n convertToArrayIfObject(currentList) {\r\n if (currentList && !Array.isArray(currentList)) {\r\n return Object.keys(currentList).map((t) => {\r\n return { \"propkey\": t, \"propval\": currentList[t], \"proptype\": this.getValueType(currentList[t]) }\r\n })\r\n }\r\n return currentList;\r\n\r\n }\r\n\r\n getValueType(val) {\r\n if (val === null) return \"null\";\r\n if (typeof val === \"string\") return \"string\";\r\n if (typeof val === \"boolean\") return \"boolean\";\r\n if (typeof val === \"object\") {\r\n if (Array.isArray(val)) return \"array\";\r\n else return \"object\";\r\n }\r\n }\r\n\r\n\r\n getContentTemplate(content, item, index, parentProps) {\r\n switch (content.template) {\r\n case \"lvibubble\":\r\n return (\r\n \r\n \r\n close) : newProps.children} \r\n onClick={() => this.handleClick()} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsFABMulti; ","import React, { Component } from \"react\";\r\nimport { Grid } from \"@mui/material\";\r\nimport { getProcessedDynamic } from \"../../../General/commonFunctions\";\r\n// import store from \"../../../AppRedux/store\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nclass FactsSection extends Component{\r\n constructor(props) {\r\n super(props);\r\n let _propsRedux = null;\r\n if (props.appendprops) _propsRedux = getProcessedDynamic(props.appendprops, this.props.refData);\r\n this.state = {\r\n propsRedux: _propsRedux\r\n }\r\n }\r\n\r\n ripOffControlSpecificAttributes() {\r\n\r\n const excluded = [ \"appendprops\", \"refData\"];\r\n return (Object.keys(this.props)\r\n .filter((t) => !excluded.includes(t))\r\n .reduce((obj, key) => {\r\n obj[key] = this.props[key];\r\n return obj;\r\n }, {}));\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n if (this.props.appendprops) {\r\n this.unsubscribe = ownStore.subscribe(() => {\r\n if (this.mounted) {\r\n let newState = getProcessedDynamic(this.props.appendprops, this.props.refData);\r\n if (JSON.stringify(this.state.propsRedux) !== JSON.stringify(newState)) {\r\n\r\n this.setState({\r\n propsRedux: newState\r\n });\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n if (this.unsubscribe) this.unsubscribe();\r\n }\r\n\r\n\r\n render(){\r\n let newProps = this.ripOffControlSpecificAttributes();\r\n return(\r\n this.setState({showSubs: false})}> \r\n {subScaff}\r\n
\r\n \r\n // {contentTemplate}\r\n //
\r\n // );\r\n // }\r\n\r\n getContentTemplate(listArrayToRender, nodeId, rootPropKey = \"\") {\r\n if (listArrayToRender && listArrayToRender.map) {\r\n return (listArrayToRender.map((it, index) => {\r\n\r\n let currentNodeId = nodeId + index.toString();\r\n let scaff = null;\r\n var resItemProps = getProcessedDynamic(this.props.content.itemprops, it);\r\n\r\n if (typeof it[this.props.datafield] === \"object\" && (resItemProps?.expandable ?? true)) {\r\n var listToRender = this.convertToArrayIfObject(it[this.props.datafield], rootPropKey + it.propkey + \".\");\r\n scaff = this.getContentTemplate(listToRender, currentNodeId, rootPropKey + it.propkey + \".\");\r\n }\r\n return (\r\n \r\n data_object \r\n {this.props.type}\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FactsDesignerDummy; ","import React, { Component } from 'react'; \r\nimport { Tab, Tabs, Box } from \"@mui/material\";\r\nimport { dsFiller, getProcessedDynamic } from '../../../General/commonFunctions';\r\nimport PureJSComponentFactory from '../../Pages/Factory/pureJSComponentFactory';\r\n \r\n\r\nclass FactsTabControl extends Component {\r\n constructor(props){\r\n super(props); \r\n this.tabData =props?.data?.map(t=>{\r\n let singleTabProps = getProcessedDynamic( this.props.content, t); \r\n return singleTabProps; \r\n }); \r\n\r\n this.state = {\r\n tabIndex: 0,\r\n currentTabData: null\r\n }; \r\n }\r\n\r\n async componentDidMount(){\r\n let curTabData = null; \r\n if(this.tabData?.length > 0 ){\r\n curTabData = this.tabData[0]; \r\n await this.fillLayoutData(curTabData); \r\n this.setState({currentTabData : curTabData });\r\n }\r\n }\r\n\r\n fillLayoutData =async (curTabData) => {\r\n if(!curTabData.chld && curTabData?.layout?.doctype && curTabData?.layout?.docno){ \r\n let sServerDataSet = await dsFiller({\r\n args : {\r\n proc : \"PWA.LoadLayout\", \r\n args : {\r\n doctype: curTabData.layout?.doctype, \r\n docno: curTabData.layout?.docno \r\n }\r\n }\r\n });\r\n if(sServerDataSet.length > 0 && sServerDataSet[0]?.layoutinfo){ \r\n let layoutParsed = JSON.parse(sServerDataSet[0].layoutinfo); \r\n curTabData.chld = layoutParsed?.layout ?? layoutParsed;\r\n }\r\n }\r\n }\r\n\r\n handlTabChange = async (event, newValue) =>{\r\n let curTabData = null; \r\n if(this.tabData?.length > newValue){ \r\n curTabData = this.tabData[newValue]; \r\n await this.fillLayoutData(curTabData); \r\n this.setState({\r\n tabIndex : newValue,\r\n currentTabData: curTabData\r\n }); \r\n }\r\n }\r\n\r\n render() {\r\n let scaff = new PureJSComponentFactory().scaffoldComponent(this.state.currentTabData?.chld);\r\n return (\r\n \r\n \r\n \r\n {this.tabData?.map((t, i)=>{\r\n let {buttonProps} = t; \r\n return \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsTabControl; ","import React, { Component } from \"react\";\r\nimport { ExecuteLayoutEventMethods, GetControlPropertyFromStoreOrRefData } from \"../../../General/commonFunctions\";\r\n// import store from \"../../../AppRedux/store\";\r\n// import HtmlEditor, {\r\n// Toolbar, MediaResizing, ImageUpload, Item,\r\n// } from 'devextreme-react/html-editor'; \r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\n\r\n// import 'devextreme/dist/css/dx.common.css';\r\n// import 'devextreme/dist/css/dx.light.css';\r\n\r\n\r\n// const sizeValues = [\"8pt\", \"10pt\", \"12pt\", \"14pt\", \"18pt\", \"24pt\", \"36pt\"];\r\n// const fontValues = [\r\n// \"Arial\",\r\n// \"Courier New\",\r\n// \"Georgia\",\r\n// \"Impact\",\r\n// \"Lucida Console\",\r\n// \"Tahoma\",\r\n// \"Times New Roman\",\r\n// \"Verdana\"\r\n// ];\r\n// const headerValues = [false, 1, 2, 3, 4, 5];\r\n\r\n\r\n\r\nclass FactsHtmlEditor extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.rowIndex = GetControlPropertyFromStoreOrRefData(props.rowindex, props.refData) ?? \"\";\r\n\r\n let textValueFromState = props.initialvalue;\r\n\r\n if (this.props.dset && this.props.bind) {\r\n textValueFromState = GetControlPropertyFromStoreOrRefData(\"[\" + props.dset + \".\" +\r\n (this.rowIndex === \"\" ? \"\" : (this.rowIndex + \".\"))\r\n + props.bind + \"]\", props.refData);\r\n }\r\n this.state = {\r\n textValue: (textValueFromState === null ? \"\" : textValueFromState)\r\n }\r\n this.finalValue = (textValueFromState === null ? \"\" : textValueFromState);\r\n\r\n // this.valueChanged = this.valueChanged.bind(this);\r\n \r\n }\r\n\r\n \r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if ([storeInfo.dset, \"raw\"].includes(this.props.dset) &&\r\n (storeInfo.field ?? this.props.bind) === this.props.bind) {\r\n\r\n if (this.props.dset && this.props.bind) {\r\n let newState = GetControlPropertyFromStoreOrRefData(\"[\" + this.props.dset + \".\" +\r\n (this.rowIndex === \"\" ? \"\" : (this.rowIndex + \".\"))\r\n + this.props.bind + \"]\", this.props.refData);\r\n\r\n if (this.finalValue !== newState) {\r\n\r\n if (newState === null) newState = \"\";\r\n this.finalValue = newState;\r\n\r\n this.setState({\r\n textValue: this.finalValue\r\n });\r\n\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unsubscribe) this.unsubscribe();\r\n this.mounted = false;\r\n\r\n }\r\n\r\n // bindingEscapeValue(val) { //?Escaping handled at ExecuteEventArgs by sending args noprocess as true; Check above code\r\n // if ( val?.startsWith && val.startsWith(\"[\") && val.endsWith(\"]\")) return \" \" + val + \" \"; //Added to escape texts which mimics inner binding\r\n // else\r\n // return val;\r\n // }\r\n \r\n async saveCurrentTextToDataset() {\r\n\r\n this.finalValue = this.state.textValue;\r\n\r\n if (this.props.dset && this.props.bind) {\r\n if (this.rowIndex !== \"\") {\r\n let rowData = GetControlPropertyFromStoreOrRefData(\"[\" + this.props.dset + \".\" + this.rowIndex + \"]\", this.props.refData);\r\n\r\n await ExecuteLayoutEventMethods([\r\n {\r\n exec: \"mergedatasetarray\",\r\n args: {\r\n noprocess: true,\r\n dset: this.props.dset,\r\n index: parseInt(this.rowIndex),\r\n data:\r\n {\r\n ...rowData,\r\n [this.props.bind]: this.state.textValue\r\n }\r\n }\r\n }]);\r\n }\r\n else {\r\n await ExecuteLayoutEventMethods([\r\n\r\n {\r\n exec: \"setdatasetfield\",\r\n args: {\r\n noprocess: true,\r\n dset: this.props.dset,\r\n fieldname: this.props.bind,\r\n data: this.state.textValue\r\n }\r\n }\r\n ]);\r\n }\r\n }\r\n }\r\n \r\n // valueChanged(e) {\r\n // this.setState({\r\n // textValue: e.value,\r\n // }, async () => {\r\n // // this.isBlurDirty = true;\r\n // await this.saveCurrentTextToDataset();\r\n // // this.isBlurDirty = false;\r\n // });\r\n // }\r\n \r\n // handleOnFocus(e) {\r\n // e.preventDefault();\r\n // const { target } = e;\r\n\r\n // target.select();\r\n // }\r\n \r\n handleOnReady(e) {\r\n // console.log(\"Ready Function defined here \",e)\r\n } \r\n\r\n // ripOffControlSpecificAttributes() {\r\n // const excluded = [\"resolveprops\", \"acceptTab\", \"format\", \"refData\", \"rowindex\"];\r\n // return (\r\n // Object.keys(this.props)\r\n // .filter((t) => !excluded.includes(t))\r\n // .reduce((obj, key) => {\r\n // obj[key] = this.props[key];\r\n // return obj;\r\n // }, {}));\r\n\r\n // }\r\n \r\n render() {\r\n // let newProps = this.ripOffControlSpecificAttributes(); \r\n return (\r\n // \r\n {scaff}\r\n
\r\n \r\n {this.state.scaff}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsRenderer; ","\r\n// ############# JSON SNIPPET ######################\r\n// {\r\n// \"type\" : \"view\", \r\n// \"props\" : {\r\n// \"contenttype\" : \"json\" (or) \"html\", [OPTIONAL; DEFAULT html]\r\n// \"includerefdata\" : true, [OPTIONAL] \r\n// \"style\" :{}, [OPTIONAL]\r\n// \"content\" : \"jsonArray []\" (or) \"<>html\" (or) \"[binding-dataset]\" [REQUIRED]\r\n// }\r\n// }\r\n// ############# JSON SNIPPET ######################\r\n\r\nimport React, { Component } from \"react\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n// import store from \"../../../AppRedux/store\";\r\nimport { GetControlPropertyFromStoreOrRefData } from \"../../../General/commonFunctions\";\r\nimport PureJSComponentFactory from \"../../Pages/Factory/pureJSComponentFactory\";\r\n\r\nclass FactsHTMLView extends Component {\r\n constructor(props) {\r\n super(props);\r\n let contentJSON = props.content;\r\n if (props.binding) contentJSON = GetControlPropertyFromStoreOrRefData(contentJSON, props.refData);\r\n if(typeof contentJSON === \"object\" ) contentJSON = JSON.stringify(contentJSON); \r\n\r\n if (props.contenttype === \"json\") contentJSON = JSON.parse(contentJSON);\r\n\r\n this.state = {\r\n content: contentJSON\r\n }\r\n\r\n }\r\n\r\n ripOffControlSpecificAttributes() {\r\n\r\n const excluded = [\"refData\", \"content\", \"contenttype\"];\r\n return (\r\n Object.keys(this.props)\r\n .filter((t) => !excluded.includes(t))\r\n .reduce((obj, key) => {\r\n obj[key] = this.props[key];\r\n return obj;\r\n }, {}));\r\n\r\n }\r\n\r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n\r\n this.unsubscribe = ownStore.subscribe(() => {\r\n\r\n if (this.mounted) {\r\n let contentJSON = this.props.content;\r\n if (this.props.binding) contentJSON = GetControlPropertyFromStoreOrRefData(contentJSON, this.props.refData);\r\n if(typeof contentJSON === \"object\" ) contentJSON = JSON.stringify(contentJSON); \r\n\r\n if (JSON.stringify(this.state.content) !== contentJSON) {\r\n if (this.props.contenttype === \"json\" ) contentJSON = JSON.parse(contentJSON);\r\n this.setState({\r\n content: contentJSON\r\n });\r\n }\r\n }\r\n });\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n this.mounted = false;\r\n if (this.unsubscribe) this.unsubscribe();\r\n }\r\n\r\n\r\n \r\n\r\n render() {\r\n let props = this.ripOffControlSpecificAttributes();\r\n\r\n if (this.props.contenttype === \"json\") {\r\n let scaff = new PureJSComponentFactory().scaffoldComponent(this.state.content);\r\n return (\r\n <>{scaff}\r\n );\r\n }\r\n else {\r\n return (\r\n \r\n );\r\n }\r\n }\r\n\r\n}\r\n\r\nexport default FactsHTMLView;","import React, { Component } from \"react\";\r\n// import { ExecuteLayoutEventMethods } from \"../../../General/commonFunctions\";\r\n// import PureJSComponentFactory from \"../../Pages/Factory/pureJSComponentFactory\";\r\n\r\nclass FactsDragSource extends Component {\r\n\r\n handleDrag = (ev) => {\r\n ev.dataTransfer.setData(\"dragData\", this.data);\r\n }\r\n \r\n ripOffControlSpecificAttributes() {\r\n\r\n const excluded = [\"layout\", \"refData\", \"whenclick\"];\r\n return (Object.keys(this.props)\r\n .filter((t) => !excluded.includes(t))\r\n .reduce((obj, key) => {\r\n obj[key] = this.props[key];\r\n return obj;\r\n }, {}));\r\n\r\n }\r\n\r\n render() {\r\n // let scaff = new PureJSComponentFactory().scaffoldComponent(this.props.layout, this.props.refData);\r\n let newProps = this.ripOffControlSpecificAttributes();\r\n return (\r\n this.handleDrag(e)}>\r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsDragSource; ","import { DataGrid } from \"devextreme-react\";\r\nimport {\r\n Column,\r\n Editing,\r\n Grouping,\r\n GroupPanel,\r\n Sorting,\r\n Summary,\r\n TotalItem,\r\n GroupItem,\r\n} from \"devextreme-react/data-grid\";\r\nimport React, { useRef, useEffect, useState } from \"react\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\nimport {\r\n ChangePageDataSetState,\r\n ExecuteLayoutEventMethods,\r\n GetControlPropertyFromStoreOrRefData,\r\n} from \"../../../General/commonFunctions\";\r\nimport PureJSComponentFactory from \"../../Pages/Factory/pureJSComponentFactory\";\r\nimport { formatNumber, _formatDateTime } from \"../../../General/funcExecutor\";\r\n\r\nexport const FactsDevGrid = (props) => {\r\n const gridRef = useRef(null);\r\n\r\n const getCurrentDataSet = () => {\r\n let listds = ChangePageDataSetState(props.datasets);\r\n if (!listds) return null;\r\n return listds[props.datasets[0]];\r\n };\r\n\r\n const getCurrentColumns = (data) => {\r\n let columninfo =\r\n props?.columnspecs ??\r\n GetControlPropertyFromStoreOrRefData(\"[\" + props.columninfo?.dset + \"]\");\r\n if (!columninfo) return null;\r\n return columninfo;\r\n };\r\n\r\n const getSummaryItems = (data) => {\r\n let summaryIteminfo = props?.summaryItems;\r\n if (!summaryIteminfo) return null;\r\n return summaryIteminfo;\r\n };\r\n\r\n const getSummaryGroupItems = (data) => {\r\n let summaryGroupIteminfo = props?.summaryGroupItems;\r\n if (!summaryGroupIteminfo) return null;\r\n return summaryGroupIteminfo;\r\n };\r\n\r\n const [autoExpandAll, setAutoExpandAll] = useState(true);\r\n const [data, setData] = useState(getCurrentDataSet());\r\n const [columns, setColumns] = useState(getCurrentColumns(data));\r\n const [summaryItems, setSummaryItems] = useState(getSummaryItems(data));\r\n const [summaryGroupItems, setSummaryGroupItems] = useState(getSummaryGroupItems(data));\r\n const dsRowIndex = GetControlPropertyFromStoreOrRefData(\"[[raw.dsDevGridIndex[pagemenuinfo.doctype]]]\");\r\n // const [focusedRowKey, setFocusedRowKey] = useState(dsRowIndex ?? 0);\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n\r\n useEffect(() => {\r\n let unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (\r\n props.datasets[0] === storeInfo.dset ||\r\n props.datasets[0] === \"this\" ||\r\n props.watch?.includes(storeInfo.dset)\r\n ) {\r\n let newDS = getCurrentDataSet();\r\n setData(newDS);\r\n }\r\n });\r\n return () => {\r\n if (unsubscribe) unsubscribe();\r\n };\r\n });\r\n\r\n //conditional formatting based on cell\r\n const onCellPrepared = (e) => {\r\n if (e.rowType === \"data\") {\r\n let cellrenderedConditionally = false;\r\n if (props.conditionalFormat) {\r\n props.conditionalFormat.map((t) => {\r\n if (t.fieldName == e.column.Data) {\r\n let flag = GetControlPropertyFromStoreOrRefData(\r\n t.condition,\r\n e.data\r\n );\r\n if (flag) {\r\n cellrenderedConditionally = true;\r\n if (t.appearance) {\r\n Object.assign(e.cellElement.style, t.appearance);\r\n }\r\n }\r\n }\r\n });\r\n }\r\n if (cellrenderedConditionally == false) {\r\n if (e.column.cssClass != \"\") {\r\n e.cellElement.classList.add(e.column.cssClass);\r\n } else if (e.column.appearance) {\r\n Object.assign(e.cellElement.style, e.column.appearance);\r\n }\r\n }\r\n }\r\n };\r\n\r\n //conditional formatting based on row\r\n const onRowPrepared = (e) => {\r\n if (props.conditionalFormat) {\r\n props.conditionalFormat.map((t) => {\r\n if (t?.applyToRow) {\r\n if (t.applyToRow == true) {\r\n let flag = GetControlPropertyFromStoreOrRefData(\r\n t.condition,\r\n e.data\r\n );\r\n if (flag) {\r\n if (t.appearance) {\r\n // for(let apKey of Object.keys(e.columns[i].appearance)){\r\n // e.rowElement.style[apKey] = e.columns[i].appearance[apKey];\r\n // }\r\n Object.assign(e.rowElement.style, t.appearance);\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleRowClicked = async (data) => {\r\n if (props?.whenrowclick) {\r\n await ExecuteLayoutEventMethods(props.whenrowclick, data);\r\n }\r\n if (props.events?.onRowClick != null) {\r\n await ExecuteLayoutEventMethods(props.events?.onRowClick, data);\r\n }\r\n };\r\n\r\n const handleRowDblClicked = async (data) => {\r\n if (props?.whenrowdblclick) {\r\n await ExecuteLayoutEventMethods(props.whenrowdblclick, data);\r\n }\r\n if (props.events?.onRowDblClick != null) {\r\n await ExecuteLayoutEventMethods(props.events?.onRowDblClick, data);\r\n }\r\n };\r\n\r\n const onCellClicked = async (e, data) => {\r\n if (!e.event.timeOutHandler)\r\n e.event.timeOutHandler = setTimeout(() => {\r\n e.event.timeOutHandler = null;\r\n }, 300);\r\n if (e.column?.events?.onCellClick != null) {\r\n await ExecuteLayoutEventMethods(e.column.events.onCellClick, data);\r\n }\r\n };\r\n\r\n const onCellDblClicked = async (e, data) => {\r\n clearTimeout(e.event.timeOutHandler);\r\n e.event.timeOutHandler = null;\r\n if (e.column?.events?.onCellDblClick != null) {\r\n await ExecuteLayoutEventMethods(e.column.events.onCellDblClick, data);\r\n e.event.stopImmediatePropagation();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n ExecuteLayoutEventMethods(props.whenselectionchange, selectedRows);\r\n }, [selectedRows]);\r\n\r\n const handleSelectionChange = async (data) => {\r\n if (data != null) {\r\n setSelectedRows(data.selectedRowsData ?? []);\r\n }\r\n };\r\n\r\n const handleFocusedRowChanged = async (index, data) => {\r\n // if (data != null) {\r\n // setFocusedRowKey(data.propkey);\r\n // }\r\n // await ExecuteLayoutEventMethods([{\r\n // exec: \"setdataset\",\r\n // args: {\r\n // dset:\"[raw.dsDevGridIndex[pagemenuinfo.doctype]]\",\r\n // data: index ?? 0\r\n // }\r\n // }], data);\r\n await ExecuteLayoutEventMethods(props.whenfocusedrowchanged, data);\r\n };\r\n let exportThingy = undefined;\r\n if (props.export)\r\n exportThingy = { ...props.export, formats: Array.isArray(props.export?.formats) ? props.export?.formats : [props.export?.formats ?? \"xlsx\"] }\r\n props = { ...props, export: exportThingy };\r\n const otherprops = { ...props };\r\n delete otherprops.focusedRowIndex;\r\n delete otherprops.keyExpr;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsDevDatePicker;\r\n","import React, { Component } from \"react\";\r\nimport Lookup from 'devextreme-react/lookup';\r\nimport { ExecuteLayoutEventMethods, GetControlPropertyFromStoreOrRefData } from \"../../../General/commonFunctions\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\n\r\nclass FactsDevLookup extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.rowIndex = GetControlPropertyFromStoreOrRefData(props.rowindex, props.refData) ?? \"\";\r\n\r\n let _listData = ownStore.getState(this.props.listdset);\r\n\r\n let selectValueFromState = props.initialvalue;\r\n if (this.props.dset && this.props.bind) {\r\n selectValueFromState = GetControlPropertyFromStoreOrRefData(\"[\" + props.dset + \".\" +\r\n (this.rowIndex === \"\" ? \"\" : (this.rowIndex + \".\"))\r\n + props.bind + \"]\", props.refData);\r\n }\r\n this.state = {\r\n selectValue: this.emptyIfValueNotValid(selectValueFromState),\r\n listData: _listData\r\n }\r\n\r\n }\r\n\r\n emptyIfValueNotValid(value) {\r\n if (this.props?.SelectProps?.multiple && !Array.isArray(value)) return [];\r\n else return value;\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n\r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if ([storeInfo.dset, \"raw\"].includes(this.props.dset) &&\r\n (storeInfo.field ?? this.props.bind) === this.props.bind) {\r\n\r\n if (this.props.dset && this.props.bind) {\r\n let newState = GetControlPropertyFromStoreOrRefData(\"[\" + this.props.dset + \".\" +\r\n (this.rowIndex === \"\" ? \"\" : (this.rowIndex + \".\"))\r\n + this.props.bind + \"]\", this.props.refData);\r\n\r\n if (this.state.selectValue !== newState) {\r\n this.setState({\r\n selectValue: this.emptyIfValueNotValid(newState)\r\n });\r\n\r\n }\r\n }\r\n }\r\n\r\n if (storeInfo.dset === \"this\" || storeInfo.dset === this.props.listdset) {\r\n let newList = ownStore.getState(this.props.listdset);\r\n let thisListString = JSON.stringify(this.state.listData);\r\n let newListString = JSON.stringify(newList);\r\n if (thisListString !== newListString) {\r\n this.setState({\r\n listData: newList\r\n });\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unsubscribe) this.unsubscribe();\r\n this.mounted = false;\r\n\r\n }\r\n\r\n async saveCurrentTextToDataset() {\r\n if (this.props.dset && this.props.bind) {\r\n if (this.rowIndex !== \"\") {\r\n let rowData = GetControlPropertyFromStoreOrRefData(\"[\" + this.props.dset + \".\" + this.rowIndex + \"]\", this.props.refData);\r\n\r\n await ExecuteLayoutEventMethods([\r\n {\r\n exec: \"mergedatasetarray\",\r\n args: {\r\n noprocess: true,\r\n dset: this.props.dset,\r\n index: parseInt(this.rowIndex),\r\n data:\r\n {\r\n ...rowData,\r\n [this.props.bind]: this.state.selectValue\r\n }\r\n }\r\n }]);\r\n }\r\n else {\r\n await ExecuteLayoutEventMethods([\r\n\r\n {\r\n exec: \"setdatasetfield\",\r\n args: {\r\n noprocess: true,\r\n dset: this.props.dset,\r\n fieldname: this.props.bind,\r\n data: this.state.selectValue\r\n }\r\n }\r\n ]);\r\n }\r\n }\r\n\r\n }\r\n\r\n async runCustomOnChangeEvents() {\r\n\r\n await this.saveCurrentTextToDataset();\r\n await ExecuteLayoutEventMethods(this.props.whenchange, this.state);\r\n\r\n }\r\n async handleOnChange(e) {\r\n this.setState({\r\n selectValue: e.target.value\r\n }, () => {\r\n this.runCustomOnChangeEvents();\r\n });\r\n }\r\n\r\n async handleValueChange() {\r\n }\r\n\r\n\r\n async handleOnClick(item) {\r\n await ExecuteLayoutEventMethods(this.props.whenitemclick, item);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n this.handleOnChange(date)}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsDevLookup;\r\n","import React, { Component } from \"react\";\r\nimport {\r\n CircularGauge,\r\n RangeContainer,\r\n Range,\r\n} from 'devextreme-react/circular-gauge';\r\n\r\nclass FactsDevCircularGauge extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.otherprops = { ...this.props };\r\n delete this.otherprops.rangeContainer;\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FactsDevBarGauge;\r\n","import React, { Component } from \"react\";\r\nimport NumberBox from \"devextreme-react/number-box\";\r\nimport {\r\n ExecuteLayoutEventMethods,\r\n GetControlPropertyFromStoreOrRefData,\r\n} from \"../../../General/commonFunctions\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nclass FactsDevNumberBox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.rowIndex =\r\n GetControlPropertyFromStoreOrRefData(props.rowindex, props.refData) ?? \"\";\r\n\r\n let numberValueFromState = props.initialvalue;\r\n\r\n if (this.props.dset && this.props.bind) {\r\n numberValueFromState = GetControlPropertyFromStoreOrRefData(\r\n \"[\" +\r\n props.dset +\r\n \".\" +\r\n (this.rowIndex === \"\" ? \"\" : this.rowIndex + \".\") +\r\n props.bind +\r\n \"]\",\r\n props.refData\r\n );\r\n }\r\n this.state = {\r\n numberValue: numberValueFromState === null ? \"\" : numberValueFromState,\r\n };\r\n this.finalValue = numberValueFromState === null ? \"\" : numberValueFromState;\r\n this.isChangeDirty = false;\r\n this.isBlurDirty = false;\r\n }\r\n\r\n componentDidMount() {\r\n this.mounted = true;\r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if (\r\n [storeInfo.dset, \"raw\"].includes(this.props.dset) &&\r\n (storeInfo.field ?? this.props.bind) === this.props.bind\r\n ) {\r\n if (this.props.dset && this.props.bind) {\r\n let newState = GetControlPropertyFromStoreOrRefData(\r\n \"[\" +\r\n this.props.dset +\r\n \".\" +\r\n (this.rowIndex === \"\" ? \"\" : this.rowIndex + \".\") +\r\n this.props.bind +\r\n \"]\",\r\n this.props.refData\r\n );\r\n\r\n if (this.finalValue !== newState) {\r\n if (newState === null) newState = \"\";\r\n this.finalValue = newState;\r\n\r\n this.setState({\r\n numberValue: newState,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.unsubscribe) this.unsubscribe();\r\n this.mounted = false;\r\n }\r\n\r\n handleOnValueOnChange(e) {\r\n this.setState(\r\n {\r\n numberValue: e.value,\r\n },\r\n async () => {\r\n await this.changeBinding();\r\n await ExecuteLayoutEventMethods(this.props.whenchange, {\r\n ...this.props.refData,\r\n ...this.state,\r\n });\r\n }\r\n );\r\n // }\r\n }\r\n\r\n async changeBinding() {\r\n if (this.props.dset && this.props.bind) {\r\n if (this.rowIndex !== \"\") {\r\n let rowData = GetControlPropertyFromStoreOrRefData(\r\n \"[\" + this.props.dset + \".\" + this.rowIndex + \"]\",\r\n this.props.refData\r\n );\r\n await ExecuteLayoutEventMethods([\r\n {\r\n exec: \"mergedatasetarray\",\r\n args: {\r\n noprocess: true,\r\n dset: this.props.dset,\r\n index: parseInt(this.rowIndex),\r\n data: {\r\n ...rowData,\r\n [this.props.bind]: this.state.numberValue,\r\n },\r\n },\r\n },\r\n ]);\r\n } else {\r\n await ExecuteLayoutEventMethods([\r\n {\r\n exec: \"setdatasetfield\",\r\n args: {\r\n dset: this.props.dset,\r\n fieldname: this.props.bind,\r\n data: this.state.numberValue,\r\n },\r\n },\r\n ]);\r\n }\r\n }\r\n }\r\n handleOnFocusOut = async (data) => {\r\n await ExecuteLayoutEventMethods(this.props?.onFocusOut, data);\r\n };\r\n\r\n handleOnFocusIn = async (data) => {\r\n await ExecuteLayoutEventMethods(this.props?.onFocusIn, data);\r\n };\r\n\r\n handleOnChange = async (data) => {\r\n await ExecuteLayoutEventMethods(this.props?.onChange, data);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n {this.props?.checkboxPanelEnabled ? (\r\n \r\n {this.state.gaugeDataActivity.map((status, i) => (\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\nexport default FactsDevNumberBox;\r\n","import React from 'react';\r\n\r\nimport { ButtonGroup, Icon } from '@mui/material';\r\n\r\nimport FactsDataGrid from '../../Parts/ControlsERP/factsDataGrid';\r\n\r\nimport FactsExpansionPanel from '../../Parts/Controls/factsExpansionPanel';\r\nimport FactsSwipeList from '../../Parts/Controls/factsSwipeList';\r\nimport FactsButton from '../../Parts/Controls/factsButton';\r\nimport FactsEntry from '../../Parts/Controls/factsEntry';\r\nimport FactsFAB from '../../Parts/Controls/factsFAB';\r\nimport FactsDropDown from '../../Parts/Controls/factsDropDown';\r\nimport FactsVirtualList from '../../Parts/Controls/factsVirtualList';\r\nimport { GetControlPropertyFromStoreOrRefData, getProcessedArgs } from '../../../General/commonFunctions';\r\nimport FactsList from '../../Parts/Controls/factsList';\r\n\r\nimport FactsLabel from '../../Parts/Controls/factsLabel';\r\nimport FactsIconButton from '../../Parts/Controls/factsIconButton';\r\nimport FactsDatePicker from '../../Parts/Controls/factsDatePicker';\r\nimport FactsLookup from '../../Parts/Controls/factsLookup';\r\nimport FactsTimePicker from '../../Parts/Controls/factsTimePicker';\r\nimport FactsDevList from '../../Parts/Controls/factsDevList';\r\nimport FactsClickRecognizer from '../../Parts/Controls/factsClickRecognizer';\r\nimport FactsFileButton from '../../Parts/Controls/factsFileButton';\r\nimport FactsImage from '../../Parts/Controls/factsImage';\r\nimport FactsAvatar from '../../Parts/Controls/factsAvatar';\r\nimport FactsHidden from '../../Parts/Controls/factsHidden';\r\n// import FactsPDFPreview from '../../Parts/Controls/factsPDFPreview';\r\nimport FactsERPChart from '../../Parts/ControlsERP/factsERPChart';\r\nimport FactsCanvas from '../../Parts/Controls/factsCanvas';\r\nimport FactsExtraContent from '../../Parts/Controls/factsExtraContent';\r\nimport FactsRenderer from '../../Parts/Controls/factsRenderer';\r\nimport FactsCheckbox from '../../Parts/Controls/factsCheckbox';\r\nimport FactsFABMulti from '../../Parts/Controls/factsFABMulti';\r\nimport FactsSection from '../../Parts/Controls/factsSection';\r\nimport FactsTreeview from '../../Parts/Controls/factsTreeview';\r\nimport FactsQRCode from '../../Parts/Controls/factsQRCode';\r\nimport FactsBarCode from '../../Parts/Controls/factsBarCode';\r\nimport FactsDevScheduler from '../../Parts/Controls/factsDevScheduler';\r\nimport FactsHTMLView from '../../Parts/Controls/factsHTMLView';\r\nimport FactsDraw from '../../Parts/Controls/factsDraw';\r\nimport FactsSlider from '../../Parts/Controls/factsSlider';\r\nimport FactsRadioGroup from '../../Parts/Controls/factsRadioGroup';\r\nimport FactsDragSource from '../../Parts/Controls/factsDragSource';\r\nimport { FactsDevGrid } from '../../Parts/Controls/factsDevGrid';\r\nimport FactsTabControl from '../../Parts/Controls/factsTabControl';\r\nimport FactsHtmlEditor from '../../Parts/Controls/factsHtmlEditor';\r\nimport PieChartComponent from '../../Parts/Charts/pieChartComponent';\r\nimport LineChartComponent from '../../Parts/Charts/lineChartComponent';\r\nimport AreaChartComponent from '../../Parts/Charts/areaChartComponent';\r\nimport BarChartComponent from '../../Parts/Charts/barChartComponent';\r\nimport FactsDevDatePicker from '../../Parts/Controls/factsDevDatePicker';\r\nimport FactsDevLookup from '../../Parts/Controls/factsDevLookup';\r\nimport FactsDevCircularGauge from '../../Parts/Controls/factsDevCircularGauge';\r\nimport { FactsDevGanttChart } from '../../Parts/Controls/factsDevGanttChart';\r\nimport FactsDevLinearGauge from '../../Parts/Controls/factsDevLinearGauge';\r\nimport FactsDevBarGauge from '../../Parts/Controls/factsDevBarGauge';\r\nimport FactsDevNumberBox from '../../Parts/Controls/factsDevNumberBox';\r\n\r\n// import { Suspense } from 'react';\r\n// const FactsList = React.lazy(() => import('../../Parts/Controls/factsList'));\r\n// const FactsVirtualList = React.lazy(() => import('../../Parts/Controls/factsVirtualList'));\r\n// const FactsDropDown = React.lazy(() => import( '../../Parts/Controls/factsDropDown'));\r\n// const FactsFAB = React.lazy(() => import( '../../Parts/Controls/factsFAB'));\r\n// const FactsDataGrid = React.lazy(() => import('../../Parts/ControlsERP/factsDataGrid'));\r\n \r\n// const FactsExpansionPanel =React.lazy(() => import( '../../Parts/Controls/factsExpansionPanel'));\r\n// const FactsSwipeList = React.lazy(() => import('../../Parts/Controls/factsSwipeList'));\r\n// const FactsButton =React.lazy(() => import( '../../Parts/Controls/factsButton'));\r\n// const FactsEntry = React.lazy(() => import('../../Parts/Controls/factsEntry')); \r\n// const FactsLabel = React.lazy(() => import( '../../Parts/Controls/factsLabel'));\r\n// const FactsIconButton = React.lazy(() => import( '../../Parts/Controls/factsIconButton'));\r\n// const FactsDatePicker = React.lazy(() => import( '../../Parts/Controls/factsDatePicker'));\r\n// const FactsLookup = React.lazy(() => import( '../../Parts/Controls/factsLookup'));\r\n// const FactsTimePicker = React.lazy(() => import( '../../Parts/Controls/factsTimePicker'));\r\n// const FactsDevList = React.lazy(() => import( '../../Parts/Controls/factsDevList'));\r\n// const FactsClickRecognizer = React.lazy(() => import( '../../Parts/Controls/factsClickRecognizer'));\r\n// const FactsFileButton = React.lazy(() => import( '../../Parts/Controls/factsFileButton'));\r\n// const FactsImage = React.lazy(() => import( '../../Parts/Controls/factsImage'));\r\n// const FactsAvatar = React.lazy(() => import( '../../Parts/Controls/factsAvatar'));\r\n// const FactsHidden = React.lazy(() => import( '../../Parts/Controls/factsHidden'));\r\n// const FactsERPChart = React.lazy(() => import( '../../Parts/ControlsERP/factsERPChart'));\r\n// const FactsCanvas = React.lazy(() => import('../../Parts/Controls/factsCanvas'));\r\n// const FactsExtraContent = React.lazy(() => import('../../Parts/Controls/factsExtraContent'));\r\n// const FactsRenderer = React.lazy(() => import( '../../Parts/Controls/factsRenderer'));\r\n// const FactsCheckbox = React.lazy(() => import('../../Parts/Controls/factsCheckbox'));\r\n// const FactsFABMulti = React.lazy(() => import('../../Parts/Controls/factsFABMulti'));\r\n// const FactsSection = React.lazy(() => import('../../Parts/Controls/factsSection'));\r\n// const FactsTreeview = React.lazy(() => import('../../Parts/Controls/factsTreeview'));\r\n// const FactsQRCode = React.lazy(() => import('../../Parts/Controls/factsQRCode'));\r\n// const FactsBarCode = React.lazy(() => import('../../Parts/Controls/factsBarCode'));\r\n\r\nclass PureJSComponentFactory {\r\n\r\n scaffoldComponent(layout, refData = null, indexPrefix = \"\", scaffID = \"\") {\r\n let layoutArray = layout;\r\n if (typeof layout === \"string\") layoutArray = GetControlPropertyFromStoreOrRefData(layout, refData);\r\n\r\n if (layoutArray && Array.isArray(layoutArray)) {\r\n return (\r\n layoutArray.map(\r\n (ctrl, index) => {\r\n let newIndex = indexPrefix.toString() + index.toString(); \r\n let currentCtrl = ctrl; \r\n if (typeof ctrl === \"string\") currentCtrl = GetControlPropertyFromStoreOrRefData(ctrl, refData);\r\n\r\n \r\n let ctrlChildren = null;\r\n if (currentCtrl?.chld) {\r\n\r\n if (Array.isArray(currentCtrl.chld)) {\r\n ctrlChildren = this.scaffoldComponent(currentCtrl.chld, refData, newIndex);\r\n }\r\n else if (typeof currentCtrl.chld === \"string\") {\r\n ctrlChildren = GetControlPropertyFromStoreOrRefData(currentCtrl.chld, refData);\r\n\r\n if (Array.isArray(ctrlChildren)) {\r\n ctrlChildren = this.scaffoldComponent(ctrlChildren, refData, newIndex);\r\n }\r\n }\r\n }\r\n if(!currentCtrl) return (<>);\r\n // let typeClassSplit = currentCtrl.type.split(\"$\"); \r\n let controlType = this._getControlTypeFromKey( currentCtrl.type); //typeClassSplit[0]);\r\n // let typeClass = typeClassSplit?.length > 1 ? typeClassSplit[1] : undefined; \r\n let resolvedProps = {};\r\n if (currentCtrl.props && currentCtrl.props?.resolveprops) {\r\n resolvedProps = {\r\n // className : typeClass, \r\n \"resolveprops\": undefined, ...getProcessedArgs(currentCtrl.props, refData, undefined, true), \r\n ...currentCtrl.props.whenclick ? {\"whenclick\": currentCtrl.props.whenclick} : {}\r\n }; //! Setting whenclick to original must be to avoid the processing of args inside it. But why? Why other events are not considered?? \r\n }\r\n\r\n let styleProps = {};\r\n if (currentCtrl.props?.style && currentCtrl.props?.resolvestyles) {\r\n styleProps = { \"resolvestyles\": undefined, style: getProcessedArgs(currentCtrl.props.style, refData) };\r\n }\r\n // let ctrlProps = currentCtrl.props ? { key: index, ...currentCtrl.props, ...styleProps } : { key: index, ...styleProps };\r\n let ctrlProps = { key: `ctr${scaffID}${newIndex}` , ...currentCtrl.props, ...resolvedProps, ...styleProps };\r\n if (ctrlProps.includerefdata) ctrlProps = { refData: refData, ...ctrlProps, \"includerefdata\": undefined };\r\n return (React.createElement(controlType, ctrlProps, ctrlChildren)); \r\n }\r\n )\r\n );\r\n }\r\n }\r\n\r\n // _resolvestyles(styles, refData) { //TODO Need to refactor; Now using getProcessedArgs\r\n // let newStyles = {};\r\n // Object.keys(styles).forEach(t => {\r\n // newStyles = {\r\n // ...newStyles,\r\n // [t]: GetControlPropertyFromStoreOrRefData(styles[t], refData)\r\n // };\r\n\r\n // });\r\n\r\n // return newStyles;\r\n // }\r\n\r\n _getControlTypeFromKey(elementKey) {\r\n switch (elementKey.toLowerCase()) {\r\n //Charts\r\n case \"echart\": return (FactsERPChart);\r\n case \"entry\": return (FactsEntry);\r\n case \"chbox\": return (FactsCheckbox);\r\n case \"dtpick\": return (FactsDatePicker);\r\n case \"tmpick\": return (FactsTimePicker);\r\n case \"lbl\": return (FactsLabel);\r\n case \"imgr\": return (FactsImage);\r\n case \"canv\": return (FactsCanvas);\r\n // case \"pdf\": return (FactsPDFPreview);\r\n case \"sect\": return (FactsSection);\r\n case \"ftbl\": return (FactsDataGrid);\r\n case \"expanel\": return (FactsExpansionPanel);\r\n case \"swplist\": return (FactsSwipeList);\r\n case \"btngroup\": return (ButtonGroup);\r\n case \"hide\": return (FactsHidden);\r\n case \"btn\": return (FactsButton);\r\n case \"filebtn\": return (FactsFileButton);\r\n case \"icbtn\": return (FactsIconButton);\r\n case \"fab\": return (FactsFAB);\r\n case \"mfab\": return (FactsFABMulti);\r\n case \"icon\": return (Icon);\r\n case \"ddl\": return (FactsDropDown);\r\n case \"lkup\": return (FactsLookup);\r\n case \"dxlist\": return (FactsDevList);\r\n case \"dxgrid\": return (FactsDevGrid);\r\n case \"vlist\": return (FactsVirtualList);\r\n case \"list\": return (FactsList);\r\n case \"click\": return (FactsClickRecognizer);\r\n case \"favatar\": return (FactsAvatar);\r\n case 'xcnt': return (FactsExtraContent);\r\n case \"render\": return (FactsRenderer);\r\n case \"tree\": return (FactsTreeview);\r\n case \"qrscan\": return (FactsQRCode);\r\n case \"bcscan\": return (FactsBarCode);\r\n case \"dxsched\": return (FactsDevScheduler);\r\n case \"view\": return (FactsHTMLView);\r\n case \"draw\": return (FactsDraw);\r\n case \"slider\": return (FactsSlider);\r\n case \"radio\": return (FactsRadioGroup);\r\n case \"drag\": return (FactsDragSource);\r\n case \"fragment\": return (React.Fragment);\r\n case \"tab\": return (FactsTabControl);\r\n case \"htmleditor\": return (FactsHtmlEditor);\r\n case \"chartpie\": return (PieChartComponent);\r\n case \"chartbar\": return (BarChartComponent);\r\n case \"chartarea\": return (AreaChartComponent);\r\n case \"chartline\": return (LineChartComponent);\r\n case \"dxdtpick\": return (FactsDevDatePicker);\r\n case \"dxlookup\": return (FactsDevLookup);\r\n case \"dxcircgauge\": return (FactsDevCircularGauge);\r\n case \"dxganttchart\": return (FactsDevGanttChart);\r\n case \"dxlingauge\": return (FactsDevLinearGauge);\r\n case \"dxbargauge\": return (FactsDevBarGauge);\r\n case \"dxnumberbox\": return (FactsDevNumberBox);\r\n default: return elementKey;\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\nexport default PureJSComponentFactory; ","import React, { Component } from \"react\";\r\nimport PureJSComponentFactory from \"./Factory/pureJSComponentFactory\";\r\n\r\nclass GenericPageComponent extends Component {\r\n\r\n render() {\r\n let scaff = new PureJSComponentFactory().scaffoldComponent(\r\n this.props.pageInfo?.layout,\"\",(this.props.pageInfo?.id ?? (Math.random() * 10000).toFixed()) //Need id in the scaffold to uniquely identify each controls (Needed by React as key), Otherwise we use here a random number to generate one (For backward compatibility)\r\n );\r\n\r\n return (<>{scaff});\r\n }\r\n\r\n\r\n\r\n}\r\n\r\nexport default GenericPageComponent; ","import { AppBar, Toolbar, IconButton, Typography, Icon } from \"@mui/material\";\r\nimport React, { Component } from \"react\";\r\nimport { ExecuteLayoutEventMethods, GetControlPropertyFromStoreOrRefData } from \"../../General/commonFunctions\";\r\nimport { appTheme, appPlatform } from \"../../General/globals\";\r\nimport PureJSComponentFactory from \"../Pages/Factory/pureJSComponentFactory\";\r\n\r\nclass AppBarInnerComponent extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n let myTitle = GetControlPropertyFromStoreOrRefData(props.title);\r\n this.state = {\r\n title: myTitle\r\n }\r\n\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n let myTitle = GetControlPropertyFromStoreOrRefData(nextProps.title);\r\n if (this.state.title !== myTitle) {\r\n\r\n this.setState({\r\n title: myTitle\r\n });\r\n }\r\n }\r\n async handleBackClick(clickArgs) {\r\n await ExecuteLayoutEventMethods(\r\n [...(clickArgs ?? [{\r\n \"exec\": \"setdatasetfield\",\r\n \"args\": {\r\n \"dset\": \"popupinfo\",\r\n \"fieldname\": this.props.popupName,\r\n \"data\": null\r\n }\r\n }])], { name: this.props.popupName, title: this.props.title });\r\n\r\n }\r\n\r\n showBackClick() {\r\n if (appPlatform == \"win\") {\r\n if (this.props.whenbackclick) {\r\n return true;\r\n }\r\n else {\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n async handleSubAppbarBackClick() {\r\n await ExecuteLayoutEventMethods(this.props?.whenSubAppbarbackclick);\r\n }\r\n\r\n render() {\r\n let scaff = new PureJSComponentFactory().scaffoldComponent(this.props.chld);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n this.handleOnValueOnChange(e)}\r\n onFocusOut={(e) => this.handleOnFocusOut(e)}\r\n onFocusIn={(e) => this.handleOnFocusIn(e)}\r\n onChange={(e) => this.handleOnChange(e)}\r\n />\r\n
\r\n \r\n {Object.keys(this.state.popupInfo).map((popupName, index) => {\r\n let popup = this.state.popupInfo && this.state.popupInfo[popupName];\r\n if (popup) {\r\n return (
\r\n : <>\r\n );\r\n\r\n\r\n }\r\n}\r\n\r\nexport default PopupComponent;\r\n\r\n\r\nconst SinglePopup = React.memo(function SingPop(props) {\r\n let popup = props?.popup; \r\n let popupName = props?.popupName; \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {this.pageFooter}\r\n \r\n
\r\n \r\n
\r\n - \r\n {this.props.userMenu?.\r\n filter(t => t.parentid?.toString() === '0' && t.showinmenu.toString() === \"1\")?.\r\n map((menuItem, index) => (\r\n this.getmenuItem(menuItem, index, 0)\r\n ))}\r\n
\r\n ![\"FACTS\"\r\n](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AcGCgEBtcH0+QAAAzBJREFUOMtNk0tvG2UYhZ/3mxnf4jixg+3EkKRZQC8gLlEpqhAEFakskZDaHb+Bn8IWiV8AQgIBEmGDqEAIsqlQKbAozYWQ2I4v8dge2/PNfC+LpFGPdDav9J7NeY6MRiMAUUVE8IwQ+J7JBIHkMaYIWtJUK6MoqXZCu3zcjRu7zUl5NElaH7xV+9wXIV8o+EWQMs6Vp7Gr9Ia22j6NV467s8ZRb/Zs59TWe0Nb7Q9teThJi9E0zTSWsv+8/2btN98munbvfm/ruDu7cXJqL3WHttYf2ko4TkrRLM3H1vmpA+VMAiiK50kBJe+HUfLSF/daHx12ZledU3GqOMeFRM5sRC5uqoKAATW+QD11Wk5SFYCMb1ivF9hYKZDPGoZRyuPjMYcnU5LUXQTpuX0R8UUQVWWtlufWZpXVWo6XN4p0Bpb7j0KuX14kjCzbO232mtGTAFFFjIJNU9KNlQLvblZ5uBciqmREqZU8TkeWT77e4/FRxIe3V7n5YgVVUKeqivpJ4sbl+cBeWS/x3U6b+bzHldU5cI7ACDevLbK90+b7nTa7zYi77zRQhaPOxCmkJk5cfHm16Fq9KYcnE8rzAdnAoCiqMJfzyGU9jBH+3h/x+6OQrVeWyPhGnVNnsoHJ/nUw8pYrOS4tF+gMYiZxiiAYI4RRQjRNUZQ3ri7y6vMLfPNLk6lNjQie8TxTGIys/+ufPW5fr1Kv5Phjb4Qaw8QqPz/oM5fzuLPV4L0bNb786ZiHu0OMiAcEvkDgeeLtNyds77S5tVnF8zwiC71hwmq9wLWNEv+2J3z67T7t/gwxgpy34KtqoqoqRmj2Znz2w380nsnxXDVHPusRjhP2WxEngxgUjBGcXpApvkLLM9IPPKmnTk3ilP1mdNH3EwpFzjl+ClIAv1TwH9zZqn/c7MevdwZ2rX+2haXBOFkYT9P8zLpMkqo4fepLFcABqR/4cvD2a5WvQH5EddFaVw7HyVI3tLVWP15p9mYrnUFc7w2TWje0S+E4mR9OkoJTHSWp9n1VpuNxMlOlBxhjCObzXlApBbkX1ucKIEVUF2zslgbjpHoyiOsH7eliL7TdXMbs/g/Z+L2xtJFi0QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNy0wNlQxMDowMTowMS0wNDowMJiycesAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDctMDZUMTA6MDE6MDEtMDQ6MDDp78lXAAAAAElFTkSuQmCC\")
\r\n\r\n \r\n FACTS LLC © {this.thisYear} All Rights Reserved\r\n
\r\n\r\n \r\n {/*
\r\n \r\n {this.toggleDrawer(false);this.props.setWidthFunc(false)}}>\r\n \r\n
*/}\r\n \r\n
\r\n \r\n {this.loginSettings?.username}\r\n
\r\n \r\n {this.loginSettings?.userdesig}\r\n
\r\n - \r\n {this.props.userMenu\r\n ?.filter(\r\n (t) =>\r\n t.parentid?.toString() === \"0\" &&\r\n t.showinmenu.toString() === \"1\"\r\n )\r\n ?.map((menuItem, index) =>\r\n this.getmenuItem(menuItem, index, 0)\r\n )}\r\n
\r\n 
\r\n \r\n FACTS LLC © {this.thisYear} All Rights Reserved\r\n \r\n
\r\n \r\n - \r\n {this.props.userMenu?.\r\n filter(t => t.parentid?.toString() === menuItem.menuid && t.showinmenu.toString() === \"1\")?.\r\n map((submenuItem, subIndex) => (\r\n this.getmenuItem(submenuItem, subIndex, menuLevel + 1)\r\n ))}\r\n
\r\n \r\n {currentOptions?.map((t, index) => {\r\n return (\r\n {t.icon}}\r\n onClick={() => this.menuItemClick(t)}\r\n />\r\n );\r\n })}\r\n\r\n \r\n
: <>\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default PageFooterSection; ","import React, { Component } from \"react\";\r\nimport { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button } from \"@mui/material\";\r\nimport { HideDialog } from \"../../../General/globalFunctions\";\r\nimport { ExecuteLayoutEventMethods } from \"../../../General/commonFunctions\";\r\nimport PureJSComponentFactory from \"../../Pages/Factory/pureJSComponentFactory\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nclass AppDialog extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dialogInfo: { open: false }\r\n };\r\n }\r\n componentDidMount() {\r\n this.mounted = true; \r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if (storeInfo.dset === \"dialoginfo\") {\r\n let dsDialogInfo = ownStore.getState(\"dialoginfo\")\r\n this.setState({\r\n dialogInfo: dsDialogInfo\r\n });\r\n }\r\n }\r\n });\r\n }\r\n\r\n async firstButtonClick() {\r\n HideDialog();\r\n\r\n if (this.state.dialogInfo?.btn1?.props?.whenclick)\r\n await ExecuteLayoutEventMethods(this.state.dialogInfo?.btn1?.props?.whenclick);\r\n }\r\n async secondButtonClick() {\r\n HideDialog();\r\n\r\n if (this.state.dialogInfo?.btn2?.props?.whenclick)\r\n await ExecuteLayoutEventMethods(this.state.dialogInfo?.btn2?.props?.whenclick);\r\n\r\n }\r\n onDialogClose() {\r\n HideDialog();\r\n }\r\n render() {\r\n\r\n let scaff = this.state.dialogInfo?.description; \r\n if( this.state.dialogInfo?.content) scaff = new PureJSComponentFactory().scaffoldComponent( this.state.dialogInfo?.content, \"\", (Math.random() * 10000).toFixed());\r\n return (\r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default AppDialog; ","import React, { Component } from \"react\";\r\nimport { Snackbar } from \"@mui/material\";\r\nimport MuiAlert from '@mui/lab/Alert';\r\nimport { HideSnackBar } from \"../../../General/globalFunctions\";\r\nimport { ownStore } from \"../../../AppOwnState/ownState\";\r\n\r\nclass AppSnackBar extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n snackInfo: { open: false }\r\n };\r\n }\r\n componentDidMount() {\r\n this.mounted = true; \r\n this.unsubscribe = ownStore.subscribe((storeInfo) => {\r\n if (this.mounted) {\r\n if (storeInfo.dset === \"snackinfo\") {\r\n let dsSnackInfo = ownStore.getState(\"snackinfo\")\r\n this.setState({\r\n snackInfo: dsSnackInfo\r\n });\r\n }\r\n }\r\n });\r\n }\r\n\r\n onSnackClose(source) {\r\n HideSnackBar();\r\n }\r\n\r\n componentWillUnmount(){\r\n if(this.unsubscribe) this.unsubscribe(); \r\n this.mounted = false; \r\n\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n //onClose={this.onSnackClose.bind(this, \"snack\")} //Removed from Snackbar\r\n