udp-react-enterprise-component-library 25.18.1-beta.24 → 25.18.1-beta.26

package/dist/PDFViewer-DJxLIH-L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDFViewer-DJxLIH-L.js","names":["useStyles","Typography","PDFViewer: FC<PDFContainerProps>","numPages","ControlPanel","LinearProgress"],"sources":["../src/UI/fileViewer/pdfViewer/ControlPanel.tsx","../src/UI/fileViewer/pdfViewer/PDFViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport FirstPageIcon from '@material-ui/icons/esm/FirstPage';\nimport NavigateBeforeIcon from '@material-ui/icons/esm/NavigateBefore';\nimport NavigateNextIcon from '@material-ui/icons/esm/NavigateNext';\nimport LastPageIcon from '@material-ui/icons/esm/LastPage';\nimport ZoomInIcon from '@material-ui/icons/esm/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/esm/ZoomOut';\nimport CloudDownloadOutlinedIcon from '@material-ui/icons/esm/CloudDownloadOutlined';\nimport HighlightOffOutlinedIcon from '@material-ui/icons/esm/HighlightOffOutlined';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  controlPanel: {\n    fontSize: '16px',\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '5px',\n    width: 'fit-content',\n    padding: theme.spacing(1),\n    margin: '8px auto',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageActions: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageNumber: {\n    display: 'flex',\n    gap: 5,\n    minWidth: '125px'\n  }\n}));\n\nconst ControlPanel = (props: any) => {\n  const {\n    pageNumber,\n    numPages,\n    setPageNumber,\n    scale,\n    setScale,\n    file,\n    closePDF,\n    onClickDownload\n  } = props;\n\n  const isFirstPage = pageNumber === 1;\n  const isLastPage = pageNumber === numPages;\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  const goToFirstPage = () => {\n    if (!isFirstPage) setPageNumber(1);\n  };\n  const goToPreviousPage = () => {\n    if (!isFirstPage) setPageNumber(pageNumber - 1);\n  };\n  const goToNextPage = () => {\n    if (!isLastPage) setPageNumber(pageNumber + 1);\n  };\n  const goToLastPage = () => {\n    if (!isLastPage) setPageNumber(numPages);\n  };\n\n  const onPageChange = (e: any) => {\n    const { value } = e.target;\n    setPageNumber(Number(value));\n  };\n\n  const isMinZoom = scale < 0.6;\n  const isMaxZoom = scale >= 2.0;\n\n  const zoomOut = () => {\n    if (!isMinZoom) setScale(scale - 0.1);\n  };\n\n  const zoomIn = () => {\n    if (!isMaxZoom) setScale(scale + 0.1);\n  };\n\n  return (\n    <div className={classes.controlPanel}>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={goToFirstPage} disabled={isFirstPage}>\n          <FirstPageIcon />\n        </IconButton>\n\n        <IconButton\n          size='small'\n          onClick={goToPreviousPage}\n          disabled={isFirstPage}\n        >\n          <NavigateBeforeIcon />\n        </IconButton>\n\n        <div>\n          <div className={classes.pageNumber}>\n            <Typography>{t('Page')} </Typography>\n            <input\n              name='pageNumber'\n              type='number'\n              min={1}\n              max={numPages || 1}\n              style={{\n                padding: 0,\n                paddingLeft: 1,\n                margin: 0,\n                textAlign: 'end'\n              }}\n              value={pageNumber}\n              onChange={onPageChange}\n            />{' '}\n            <Typography>of {numPages}</Typography>\n          </div>\n        </div>\n\n        <IconButton size='small' onClick={goToNextPage} disabled={isLastPage}>\n          <NavigateNextIcon />\n        </IconButton>\n\n        <IconButton size='small' onClick={goToLastPage} disabled={isLastPage}>\n          <LastPageIcon />\n        </IconButton>\n      </div>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={zoomOut} disabled={isMinZoom}>\n          <ZoomOutIcon />\n        </IconButton>\n\n        <Typography>{(scale * 100).toFixed()}%</Typography>\n\n        <IconButton size='small' onClick={zoomIn} disabled={isMaxZoom}>\n          <ZoomInIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton href={file} size='small' onClick={onClickDownload}>\n          <CloudDownloadOutlinedIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton size='small' onClick={closePDF}>\n          <HighlightOffOutlinedIcon />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default ControlPanel;\n","import React, { FC, useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport ControlPanel from './ControlPanel';\nimport { LinearProgress } from '../../loading/LinearProgress';\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  pdfSection: (props: PDFContainerProps) => ({\n    minWidth: props?.minWidth,\n  }),\n  documentContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  },\n  loadingBox: {\n    width: '100%',\n  },\n}));\n\ninterface PDFContainerProps {\n  isPDFOpen?: boolean;\n  fileUrl?: string;\n  blobPDF?: Blob;\n  closePDF?: () => void;\n  onClickDownload?: () => void;\n  minWidth?: number | string;\n}\n\nexport const PDFViewer: FC<PDFContainerProps> = ({\n  isPDFOpen = true,\n  fileUrl,\n  blobPDF,\n  closePDF,\n  onClickDownload,\n  minWidth\n}) => {\n  const [scale, setScale] = useState(1.0);\n  const [numPages, setNumPages] = useState(null);\n  const [pageNumber, setPageNumber] = useState(1);\n  const classes = useStyles({minWidth});\n\n  useEffect(() => {\n    pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n  });\n\n  function onDocumentLoadSuccess({ numPages }: any) {\n    setNumPages(numPages);\n  }\n\n  return (\n    <div>\n    {isPDFOpen && (\n      <div id='pdf-section' className={classes.pdfSection}>\n        <ControlPanel\n          scale={scale}\n          setScale={setScale}\n          numPages={numPages}\n          pageNumber={pageNumber}\n          setPageNumber={setPageNumber}\n          file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n          closePDF={closePDF}\n          onClickDownload={onClickDownload}\n        />\n        <div className={classes.documentContainer}>\n          <Document\n            file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n            onLoadSuccess={onDocumentLoadSuccess}\n          >\n            <Page\n              pageNumber={pageNumber}\n              scale={scale}\n              loading={\n                <div className={classes.loadingBox}>\n                  <LinearProgress />\n                </div>\n              }\n            />\n          </Document>\n        </div>\n      </div>\n    )}\n  </div>\n  );\n};\n"],"mappings":"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"}

package/dist/PageActionWrapper-CrN4S2HJ.js

@@ -0,0 +1,55 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { r as useActionStore } from "./inquiryStore-BMYKf5MP.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as useActionState } from "./useActions-C4vaudH3.js";
+import { t as ActionSplitScreen } from "./ActionSplitScreen-CtAOjowI.js";
+import { n as PageSubHeaderActionsTarget } from "./PageSubHeaderAction-Cd6MlbR8.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useSnackbar } from "notistack";
+
+//#region src/actions/PageActionWrapper.jsx
+const PageActionWrapper = (props) => {
+	const { children, forPageContainer = false, splitScreenStateKey = "pageSplitScreen" } = props;
+	const [actionPanel, setActionPanel] = useState(null);
+	const { enqueueSnackbar } = useSnackbar();
+	const actionState = useActionState();
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const currentContainerId = useShellStore((state) => state.currentContainerId);
+	const action = useMemo(() => {
+		let selectedAction = null;
+		if (actionState) {
+			if (actionState.pageSplitScreen?.action) selectedAction = actionState.pageSplitScreen.action;
+		}
+		return selectedAction;
+	}, [actionState]);
+	const executeAction = useCallback(async (data, id) => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${id}`, { method: "post" }, data), []);
+	useEffect(() => {
+		if (action && actionState) setActionPanel(actionState?.actionPanels[currentContainerId || 0]?.find((ap) => ap.panelActions.find((pa) => pa.actionId === action.actionId)));
+	}, [
+		action,
+		actionState,
+		currentContainerId
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageSubHeaderActionsTarget, null), /* @__PURE__ */ React.createElement(ActionSplitScreen, {
+		body: children,
+		open: actionState?.[splitScreenStateKey]?.open,
+		action: actionState?.[splitScreenStateKey]?.action,
+		type: actionState?.[splitScreenStateKey]?.type,
+		params: actionState?.[splitScreenStateKey]?.params,
+		executeAction,
+		actionPanel,
+		enqueueSnackbar,
+		selectedNodeObj: selectedNode?.nodeObj,
+		menuNodeList: actionState?.menuListState?.menuList,
+		forPage: true,
+		forPageContainer,
+		selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
+		selectedNodeParent: actionState?.inquiryParams[currentContainerId || 0]?.selectedNodeParent,
+		refreshTree: actionState?.inquiryParams[currentContainerId || 0]?.refreshTree
+	}));
+};
+
+//#endregion
+export { PageActionWrapper as t };
+//# sourceMappingURL=PageActionWrapper-CrN4S2HJ.js.map

package/dist/PageActionWrapper-CrN4S2HJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageActionWrapper-CrN4S2HJ.js","names":[],"sources":["../src/actions/PageActionWrapper.jsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useMemo } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { ActionSplitScreen } from './ActionSplitScreen';\nimport { useActionState } from '../hooks/useActions';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { PageSubHeaderActionsTarget } from '../utilities/page/PageSubHeaderAction';\nimport { useActionStore } from '../stores/actionStore';\nimport { useShellStore } from '../stores/shellStore';\nimport { ConfigService } from '../configService';\n\nexport const PageActionWrapper = (props) => {\n  const {\n    children,\n    forPageContainer = false,\n    splitScreenStateKey = 'pageSplitScreen'\n  } = props;\n  const [actionPanel, setActionPanel] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const actionState = useActionState();\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  return (\n    <>\n      <PageSubHeaderActionsTarget />\n      <ActionSplitScreen\n        body={children}\n        open={actionState?.[splitScreenStateKey]?.open}\n        action={actionState?.[splitScreenStateKey]?.action}\n        type={actionState?.[splitScreenStateKey]?.type}\n        params={actionState?.[splitScreenStateKey]?.params}\n        executeAction={executeAction}\n        actionPanel={actionPanel}\n        enqueueSnackbar={enqueueSnackbar}\n        selectedNodeObj={selectedNode?.nodeObj}\n        menuNodeList={actionState?.menuListState?.menuList}\n        forPage={true}\n        forPageContainer={forPageContainer}\n        selectedNode={\n          actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n        }\n        selectedNodeParent={\n          actionState?.inquiryParams[currentContainerId || 0]\n            ?.selectedNodeParent\n        }\n        refreshTree={\n          actionState?.inquiryParams[currentContainerId || 0]?.refreshTree\n        }\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EACJ,UACA,mBAAmB,OACnB,sBAAsB,sBACpB;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,cAAc,gBAAgB;CACpC,MAAM,eAAe,gBAAgB,UAAU,MAAM,aAAa;CAClE,MAAM,qBAAqB,eAAe,UAAU,MAAM,mBAAmB;CAE7E,MAAM,SAAS,cAAc;EAC3B,IAAI,iBAAiB;AACrB,MAAI,aACF;OAAI,YAAY,iBAAiB,OAC/B,kBAAiB,YAAY,gBAAgB;;AAIjD,SAAO;IACN,CAAC,YAAY,CAAC;CAEjB,MAAM,gBAAgB,YACpB,OAAO,MAAM,OACX,UACE,cAAc,qBACd,wCAAwC,MACxC,EACE,QAAQ,QACT,EACD,KACD,EACH,EAAE,CACH;AAED,iBAAgB;AACd,MAAI,UAAU,YACZ,gBACE,aAAa,aAAa,sBAAsB,IAAI,MAAM,OACxD,GAAG,aAAa,MAAM,OAAO,GAAG,aAAa,OAAO,SAAS,CAC9D,CACF;IAEF;EAAC;EAAQ;EAAa;EAAmB,CAAC;AAE7C,QACE,0DACE,oCAAC,iCAA6B,EAC9B,oCAAC;EACC,MAAM;EACN,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC5C,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC7B;EACF;EACI;EACjB,iBAAiB,cAAc;EAC/B,cAAc,aAAa,eAAe;EAC1C,SAAS;EACS;EAClB,cACE,aAAa,cAAc,sBAAsB,IAAI;EAEvD,oBACE,aAAa,cAAc,sBAAsB,IAC7C;EAEN,aACE,aAAa,cAAc,sBAAsB,IAAI;GAEvD,CACD"}

package/dist/PageNotFoundRoute-DQHEEDki.js

@@ -0,0 +1,4 @@
+import "./PageStatus-CMPUSx1o.js";
+import { n as PageNotFoundRoute_default, t as PageNotFoundRoute } from "./PageNotFoundRoute-TBmPL3Ws.js";
+
+export { PageNotFoundRoute, PageNotFoundRoute_default as default };

package/dist/PageNotFoundRoute-TBmPL3Ws.js

@@ -0,0 +1,24 @@
+import { t as PageStatus } from "./PageStatus-CMPUSx1o.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/components/PageNotFoundRoute.jsx
+const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageNotFoundRoute = () => {
+	const classes = useStyles();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
+		statusCode: 404,
+		title: t("Page Not Found"),
+		subheader: t("Sorry, we can't find the page you are looking for."),
+		message: t("You may have typed the address incorrectly or you may have used an outdated link."),
+		to: "/",
+		buttonLabel: t("Back to Home Page")
+	}));
+};
+var PageNotFoundRoute_default = PageNotFoundRoute;
+
+//#endregion
+export { PageNotFoundRoute_default as n, PageNotFoundRoute as t };
+//# sourceMappingURL=PageNotFoundRoute-TBmPL3Ws.js.map

package/dist/PageNotFoundRoute-TBmPL3Ws.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFoundRoute-TBmPL3Ws.js","names":[],"sources":["../src/routes/components/PageNotFoundRoute.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PageStatus } from './PageStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageNotFoundRoute = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        statusCode={404}\n        title={t('Page Not Found')}\n        subheader={t(\"Sorry, we can't find the page you are looking for.\")}\n        message={t(\n          'You may have typed the address incorrectly or you may have used an outdated link.'\n        )}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n      />\n    </div>\n  );\n};\n\nexport default PageNotFoundRoute;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,0BAA0B;CACrC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,YAAY;EACZ,OAAO,EAAE,iBAAiB;EAC1B,WAAW,EAAE,qDAAqD;EAClE,SAAS,EACP,oFACD;EACD,IAAG;EACH,aAAa,EAAE,oBAAoB;GACnC,CACE;;AAIV,gCAAe"}

package/dist/PageRenderer-C9eqTDgk.js

@@ -0,0 +1,29 @@
+import { t as withEngineComponent } from "./withEngineComponent-sMtO2PAT.js";
+import { cloneElement, useCallback } from "react";
+import PropTypes from "prop-types";
+
+//#region src/componentSystems/pageRenderer/PageRenderer.js
+const PageRenderer = (props) => {
+	const { viewBuilderMetaData, setSideSheetOpen, sideSheetOpen, sideSheetComponent, setSideSheetComponent } = props;
+	return useCallback(() => {
+		if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;
+		return (viewBuilderMetaData && viewBuilderMetaData.map((item, index) => item?.map((subItem) => withEngineComponent(subItem.component)({
+			propsComponent: subItem,
+			setSideSheetOpen,
+			sideSheetOpen,
+			sideSheetComponent,
+			setSideSheetComponent
+		}))))?.flat() || [];
+	}, [
+		setSideSheetComponent,
+		setSideSheetOpen,
+		sideSheetComponent,
+		sideSheetOpen,
+		viewBuilderMetaData
+	])()?.map((component, index) => cloneElement(component));
+};
+PageRenderer.propTypes = { viewBuilderMetaData: PropTypes.array.isRequired };
+
+//#endregion
+export { PageRenderer as t };
+//# sourceMappingURL=PageRenderer-C9eqTDgk.js.map

package/dist/PageRenderer-C9eqTDgk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRenderer-C9eqTDgk.js","names":[],"sources":["../src/componentSystems/pageRenderer/PageRenderer.js"],"sourcesContent":["import { useCallback, cloneElement } from 'react';\nimport { withEngineComponent } from './hocs/withEngineComponent';\nimport PropTypes from 'prop-types';\n\nexport const PageRenderer = (props) => {\n  const {\n    viewBuilderMetaData,\n    setSideSheetOpen,\n    sideSheetOpen,\n    sideSheetComponent,\n    setSideSheetComponent\n  } = props;\n\n  // useCallback is used to prevent an error due to a nested useEffect inside useMemo\n  const RenderPageComponentTree = useCallback(() => {\n    if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;\n\n    const componentsList =\n      viewBuilderMetaData &&\n      viewBuilderMetaData.map((item, index) =>\n        item?.map((subItem) =>\n          withEngineComponent(subItem.component)({\n            propsComponent: subItem,\n            setSideSheetOpen,\n            sideSheetOpen,\n            sideSheetComponent,\n            setSideSheetComponent\n          })\n        )\n      );\n\n    // viewBuilderMetaData.map(item => {\n    //   item.map(subItem => {\n    //     console.log('subItem', subItem);\n    //   });\n    // });\n\n    return componentsList?.flat() || [];\n  }, [\n    setSideSheetComponent,\n    setSideSheetOpen,\n    sideSheetComponent,\n    sideSheetOpen,\n    viewBuilderMetaData\n  ]);\n\n  return RenderPageComponentTree()?.map(\n    (component, index) => cloneElement(component)\n    //cloneElement(component, { key: index })\n  );\n};\n\nPageRenderer.propTypes = {\n  /**\n   * View Builder Meta Data\n   */\n  viewBuilderMetaData: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;AAIA,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,qBACA,kBACA,eACA,oBACA,0BACE;AAmCJ,QAhCgC,kBAAkB;AAChD,MAAI,CAAC,uBAAuB,CAAC,oBAAoB,OAAQ;AAsBzD,UAnBE,uBACA,oBAAoB,KAAK,MAAM,UAC7B,MAAM,KAAK,YACT,oBAAoB,QAAQ,UAAU,CAAC;GACrC,gBAAgB;GAChB;GACA;GACA;GACA;GACD,CAAC,CACH,CACF,GAQoB,MAAM,IAAI,EAAE;IAClC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC,EAE8B,EAAE,KAC/B,WAAW,UAAU,aAAa,UAAU,CAE9C;;AAGH,aAAa,YAAY,EAIvB,qBAAqB,UAAU,MAAM,YACtC"}