udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/UtilityBar-DosDheWu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityBar-DosDheWu.js","names":[],"sources":["../src/UI/utilityDisplay/UtilityBar.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Card, Collapse, Divider } from '@material-ui/core';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { SubHeaderActionsTarget } from '../../utilities/utilityBar/SubHeaderAction';\nimport { InquiryHeaderTitleTarget } from '../../utilities/utilityBar/InquiryHeaderTitle';\nimport { InquiryHeaderControlTarget } from '../../utilities/utilityBar/InquiryHeaderControl';\nimport { InquiryHeaderSecondaryTarget } from '../../utilities/utilityBar/InquiryHeaderSecondary';\nimport { InquiryHeaderSecondaryAlertTarget } from '../../utilities/utilityBar/InquiryHeaderSecondaryAlert';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    bar: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    gutters: {\n      paddingLeft: theme.spacing(2)\n    },\n    content: {\n      flex: 1,\n      width: '100%'\n    },\n    collapsed: {\n      height: 0,\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    expanded: {\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeIn,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    open: {\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    toggleButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1)\n    },\n    cardRoot: {\n      '&:last-child': {\n        paddingBottom: theme.spacing(1)\n      }\n    },\n    chevronButtonOpen: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosed: {\n      position: 'absolute',\n      left: '50%',\n      top: 11,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosedLower: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    inquiryHeader: {\n      display: 'flex',\n      flexDirection: 'column'\n      // alignItems: 'center'\n    }\n  }),\n\n  { name: 'UtilityBar' }\n);\n\nexport const UtilityBar = (props) => {\n  // const [expanded, setExpanded] = useState(false)\n  // const [expandedSecondary, setExpandedSecondary] = useState(false)\n\n  const classes = useStyles(props);\n  // const { expanded = true, gutters = true, className } = props\n  const {\n    className,\n    gutters = true,\n    expander,\n    toggleOne,\n    toggleTwo,\n    closePrimary = false,\n    closeSecondary = false,\n    expanded = true,\n    expandedSecondary,\n    setExpanded,\n    setExpandedSecondary\n  } = props;\n\n  const actionState = useActionState();\n  const { pageSplitScreen } = actionState || {};\n\n  const shaHasChildren = useShellStore(\n    (state) => state.subHeaderActionHasChildren\n  );\n\n  return (\n    <div className={clsx(classes.bar, gutters && classes.gutters, className)}>\n      <div\n        className={classes.content}\n        style={{ zIndex: pageSplitScreen?.open ? 1100 : '' }}\n      >\n        {!expander && (\n          <Card variant={`${shaHasChildren ? 'outlined' : ''}`}>\n            <SubHeaderActionsTarget className={classes.actions} />\n          </Card>\n        )}\n        {expander && (\n          <div>\n            <Card className={classes.card} square>\n              {/* <CardContent classes={{ root: classes.cardRoot }}> */}\n              <div>\n                <InquiryHeaderTitleTarget />\n\n                {/* <Collapse in={expanded || closePrimary} timeout='auto'> */}\n                <Collapse in={closePrimary} timeout='auto'>\n                  <SubHeaderActionsTarget className={classes.actions} />\n                </Collapse>\n\n                {toggleOne && (\n                  <div\n                    className={clsx(\n                      expanded\n                        ? classes.chevronButtonOpen\n                        : classes.chevronButtonClosed\n                    )}\n                  >\n                    <FluentIconButton\n                      // onClick={() => setExpanded(!expanded)}\n                      onClick={setExpanded}\n                      icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                      className={classes.icon}\n                      // rounded={!expanded}\n                    />\n                  </div>\n                )}\n              </div>\n              <Divider />\n              {/* </CardContent> */}\n              {/* <Collapse in={expandedSecondary || closeSecondary} timeout='auto'> */}\n              <Collapse in={closeSecondary} timeout='auto'>\n                <div className={classes.inquiryHeader}>\n                  <InquiryHeaderSecondaryTarget className={classes.actions} />\n                  <InquiryHeaderSecondaryAlertTarget\n                    className={classes.actions}\n                  />\n                </div>\n              </Collapse>\n              <InquiryHeaderControlTarget />\n              {toggleTwo && (\n                <div\n                  className={clsx(\n                    expandedSecondary\n                      ? classes.chevronButtonOpen\n                      : classes.chevronButtonClosedLower\n                  )}\n                >\n                  <FluentIconButton\n                    // onClick={() => setExpandedSecondary(!expandedSecondary)}\n                    onClick={setExpandedSecondary}\n                    icon={expandedSecondary ? ChevronUpIcon : ChevronDownIcon}\n                    className={classes.icon}\n                    // rounded={!expandedSecondary}\n                  />\n                </div>\n              )}\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,YACf,WAAW;CACV,MAAM,EAAE;CACR,KAAK;EACH,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EACP,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,WAAW;EACT,QAAQ;EACR,YAAY,MAAM,YAAY,OAAO,UAAU;GAC7C,QAAQ,MAAM,YAAY,OAAO;GACjC,UAAU,MAAM,YAAY,SAAS;GACtC,CAAC;EACH;CACD,UAAU,EACR,YAAY,MAAM,YAAY,OAAO,UAAU;EAC7C,QAAQ,MAAM,YAAY,OAAO;EACjC,UAAU,MAAM,YAAY,SAAS;EACtC,CAAC,EACH;CACD,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,EAAE;EACvB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,UAAU,EACR,gBAAgB,EACd,eAAe,MAAM,QAAQ,EAAE,EAChC,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,qBAAqB;EACnB,UAAU;EACV,MAAM;EACN,KAAK;EACL,QAAQ,MAAM,OAAO;EACtB;CACD,0BAA0B;EACxB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,eAAe;EACb,SAAS;EACT,eAAe;EAEhB;CACF,GAED,EAAE,MAAM,cAAc,CACvB;AAED,MAAa,cAAc,UAAU;CAInC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EACJ,WACA,UAAU,MACV,UACA,WACA,WACA,eAAe,OACf,iBAAiB,OACjB,WAAW,MACX,mBACA,aACA,yBACE;CAGJ,MAAM,EAAE,oBADY,gBAAgB,IACO,EAAE;CAE7C,MAAM,iBAAiB,eACpB,UAAU,MAAM,2BAClB;AAED,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,WAAW,QAAQ,SAAS,UAAU,IACtE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,OAAO,IAAI;IAEnD,CAAC,YACA,oCAAC,QAAK,SAAS,GAAG,iBAAiB,aAAa,QAC9C,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CACjD,EAER,YACC,oCAAC,aACC,oCAAC;EAAK,WAAW,QAAQ;EAAM;IAE7B,oCAAC,aACC,oCAAC,+BAA2B,EAG5B,oCAAC;EAAS,IAAI;EAAc,SAAQ;IAClC,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CAC7C,EAEV,aACC,oCAAC,SACC,WAAW,KACT,WACI,QAAQ,oBACR,QAAQ,oBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GAEnB,CACE,CAEJ,EACN,oCAAC,cAAU,EAGX,oCAAC;EAAS,IAAI;EAAgB,SAAQ;IACpC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,gCAA6B,WAAW,QAAQ,UAAW,EAC5D,oCAAC,qCACC,WAAW,QAAQ,UACnB,CACE,CACG,EACX,oCAAC,iCAA6B,EAC7B,aACC,oCAAC,SACC,WAAW,KACT,oBACI,QAAQ,oBACR,QAAQ,yBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,oBAAoB,gBAAgB;EAC1C,WAAW,QAAQ;GAEnB,CACE,CAEH,CACH,CAEJ,CACF"}

package/dist/UtilityBarInport-BkkjGmSO.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/utilityBar/UtilityBarInport.jsx
+const UtilityBarInports = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function UtilityBarInportTarget(props) {
+	return /* @__PURE__ */ React.createElement(UtilityBarInports.Target, props);
+}
+/**
+* Places a Control in the App SubHeader
+*/
+const UtilityBarInport = (props) => {
+	const { children, className, ...buttonProps } = props;
+	return /* @__PURE__ */ React.createElement(UtilityBarInports.Source, null, children);
+};
+
+//#endregion
+export { UtilityBarInportTarget as n, UtilityBarInport as t };
+//# sourceMappingURL=UtilityBarInport-BkkjGmSO.js.map

package/dist/UtilityBarInport-BkkjGmSO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityBarInport-BkkjGmSO.js","names":[],"sources":["../src/utilities/utilityBar/UtilityBarInport.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst UtilityBarInports = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function UtilityBarInportTarget(props) {\n  return <UtilityBarInports.Target {...props} />\n}\n\n/**\n * Places a Control in the App SubHeader\n */\nexport const UtilityBarInport = (props) => {\n  const { children, className, ...buttonProps } = props\n\n  return <UtilityBarInports.Source>{children}</UtilityBarInports.Source>\n}\n"],"mappings":";;;;AAGA,MAAM,oBAAoB,iBAAiB,EACzC,cAAc,MACf,CAAC;;;;AAKF,SAAgB,uBAAuB,OAAO;AAC5C,QAAO,oCAAC,kBAAkB,QAAW,MAAS;;;;;AAMhD,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,UAAU,WAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,kBAAkB,cAAQ,SAAoC"}

package/dist/UtilitySideBar-CkymNmr-.js

@@ -0,0 +1,95 @@
+import { t as AmbientCard } from "./AmbientCard-DK9abODq.js";
+import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
+import { t as SidebarCollapseButton } from "./SidebarCollapseButton-pxq7unTx.js";
+import { n as UtilityBarInportTarget } from "./UtilityBarInport-BkkjGmSO.js";
+import React, { useCallback, useEffect, useState } from "react";
+import { Typography, makeStyles, useTheme } from "@material-ui/core";
+import { ResizableBox } from "react-resizable";
+
+//#region src/UI/utilityDisplay/UtilitySideBar.jsx
+const EXPANDED_WIDTH = 288;
+const COLLAPSED_WIDTH = 78;
+const MAX_WIDTH = 700;
+const useStyles = makeStyles((theme) => ({
+	root: {
+		paddingTop: (props) => props.removePadding || props.sidebarHidden ? 0 : 40,
+		overflow: "hidden",
+		height: "100%"
+	},
+	titleWrapper: {
+		display: (props) => props.hideTitleBar ? "none" : "flex",
+		width: "100%",
+		paddingLeft: theme.spacing(1)
+	},
+	button: { marginTop: -8 },
+	title: {
+		flex: 1,
+		width: "100%",
+		marginTop: 8
+	},
+	expandedWidth: { width: 288 },
+	handle: {
+		top: 0,
+		right: theme.spacing(-.75),
+		width: theme.spacing(.75),
+		zIndex: 1e4,
+		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
+		display: "inline-block",
+		position: "absolute",
+		"&:hover": { cursor: "col-resize" }
+	}
+}));
+const UtilitySideBar = (props) => {
+	const { onUtilitySidebarToggleExpandClick, resizable, title, utilitySidebarToggleOverride, isUsingChildren = false, removeTopLayoutUnit = false, collapsedWidth, children, sidebarHidden, handleResize = null, hideTitleBar } = props;
+	const buildEnv = useBuildEnvironment();
+	const classes = useStyles({
+		...props,
+		appRibbbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
+	});
+	const [expanded, setExpanded] = useState(true);
+	const [width, setWidth] = useState(EXPANDED_WIDTH);
+	const _collapsedWidth = collapsedWidth ?? COLLAPSED_WIDTH;
+	const theme = useTheme();
+	const onResize = (event, { element, size, handle }) => {
+		setWidth(size.width);
+		if (handleResize) handleResize(size.width);
+	};
+	const handleToggleClick = useCallback(() => {
+		if (onUtilitySidebarToggleExpandClick) onUtilitySidebarToggleExpandClick();
+		setExpanded((expanded$1) => !expanded$1);
+	}, [onUtilitySidebarToggleExpandClick]);
+	useEffect(() => {
+		if (typeof utilitySidebarToggleOverride === "boolean") setExpanded(utilitySidebarToggleOverride);
+	}, [utilitySidebarToggleOverride]);
+	return /* @__PURE__ */ React.createElement(ResizableBox, {
+		width: expanded ? width : _collapsedWidth,
+		resizeHandles: resizable && expanded ? ["e"] : [],
+		axis: "x",
+		minConstraints: expanded ? [EXPANDED_WIDTH] : [_collapsedWidth],
+		maxConstraints: [MAX_WIDTH],
+		onResize,
+		handle: expanded && /* @__PURE__ */ React.createElement("div", { className: classes.handle }),
+		style: { position: "relative" }
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: classes.root,
+		style: { width: expanded ? width : _collapsedWidth }
+	}, /* @__PURE__ */ React.createElement(AmbientCard, {
+		fullWidth: true,
+		removePadding: true,
+		lastChildBottomPadding: 12,
+		removeTopLayoutUnit: removeTopLayoutUnit || sidebarHidden
+	}, /* @__PURE__ */ React.createElement("div", { style: {
+		display: hideTitleBar ? "none" : "flex",
+		width: "100%",
+		paddingLeft: theme.spacing(1)
+	} }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, expanded && /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, " ", title, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.button }, /* @__PURE__ */ React.createElement(SidebarCollapseButton, {
+		id: "udpRecord-UtilitySideBar",
+		udprecordid: "udpRecord-UtilitySideBar",
+		expanded,
+		onClick: handleToggleClick
+	}))), !isUsingChildren && /* @__PURE__ */ React.createElement(UtilityBarInportTarget, null), isUsingChildren && children)));
+};
+
+//#endregion
+export { UtilitySideBar as t };
+//# sourceMappingURL=UtilitySideBar-CkymNmr-.js.map

package/dist/UtilitySideBar-CkymNmr-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilitySideBar-CkymNmr-.js","names":["expanded"],"sources":["../src/UI/utilityDisplay/UtilitySideBar.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { makeStyles, Typography, useTheme } from '@material-ui/core';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { SidebarCollapseButton } from '../../shell/ui/SidebarCollapseButton';\nimport { UtilityBarInportTarget } from '../../utilities/utilityBar/UtilityBarInport';\nimport { ResizableBox } from 'react-resizable';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../../shell/ui/useBuildEnvironment';\n\nconst EXPANDED_WIDTH = 288;\nconst COLLAPSED_WIDTH = 78;\nconst MAX_WIDTH = 700;\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: (props) =>\n      props.removePadding || props.sidebarHidden ? 0 : 40,\n    overflow: 'hidden',\n    height: '100%'\n  },\n  titleWrapper: {\n    display: (props) => (props.hideTitleBar ? 'none' : 'flex'),\n    width: '100%',\n    paddingLeft: theme.spacing(1)\n  },\n  button: {\n    marginTop: -8\n  },\n  title: {\n    flex: 1,\n    width: '100%',\n    marginTop: 8\n  },\n  expandedWidth: {\n    width: 288\n  },\n  handle: {\n    top: 0,\n    right: theme.spacing(-0.75),\n    width: theme.spacing(0.75),\n    zIndex: 10000,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'inline-block',\n    position: 'absolute',\n    '&:hover': {\n      cursor: 'col-resize'\n    }\n  }\n}));\n\nexport const UtilitySideBar = (props) => {\n  const {\n    onUtilitySidebarToggleExpandClick,\n    resizable,\n    title,\n    utilitySidebarToggleOverride,\n    isUsingChildren = false,\n    removeTopLayoutUnit = false,\n    collapsedWidth,\n    children,\n    sidebarHidden,\n    handleResize = null,\n    hideTitleBar\n  } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const [expanded, setExpanded] = useState(true);\n  const [width, setWidth] = useState(EXPANDED_WIDTH);\n  const _collapsedWidth = collapsedWidth ?? COLLAPSED_WIDTH;\n\n  const theme = useTheme();\n\n  const onResize = (event, { element, size, handle }) => {\n    setWidth(size.width);\n    if (handleResize) {\n      handleResize(size.width);\n    }\n  };\n\n  const handleToggleClick = useCallback(() => {\n    if (onUtilitySidebarToggleExpandClick) {\n      onUtilitySidebarToggleExpandClick();\n    }\n    setExpanded((expanded) => !expanded);\n  }, [onUtilitySidebarToggleExpandClick]);\n\n  useEffect(() => {\n    if (typeof utilitySidebarToggleOverride === 'boolean') {\n      setExpanded(utilitySidebarToggleOverride);\n    }\n  }, [utilitySidebarToggleOverride]);\n  return (\n    <ResizableBox\n      width={expanded ? width : _collapsedWidth}\n      resizeHandles={resizable && expanded ? ['e'] : []}\n      axis='x'\n      minConstraints={expanded ? [EXPANDED_WIDTH] : [_collapsedWidth]}\n      maxConstraints={[MAX_WIDTH]}\n      onResize={onResize}\n      handle={expanded && <div className={classes.handle} />}\n      style={{ position: 'relative' }}\n    >\n      <div\n        className={classes.root}\n        style={{ width: expanded ? width : _collapsedWidth }}\n      >\n        <AmbientCard\n          fullWidth\n          removePadding\n          lastChildBottomPadding={12}\n          removeTopLayoutUnit={removeTopLayoutUnit || sidebarHidden}\n        >\n          <div\n            style={{\n              display: hideTitleBar ? 'none' : 'flex',\n              width: '100%',\n              paddingLeft: theme.spacing(1)\n            }}\n          >\n            <div className={classes.title}>\n              {expanded && <Typography variant='h6'> {title} </Typography>}\n            </div>\n            <div className={classes.button}>\n              <SidebarCollapseButton\n                id={'udpRecord-UtilitySideBar'}\n                udprecordid={'udpRecord-UtilitySideBar'}\n                expanded={expanded}\n                onClick={handleToggleClick}\n              />\n            </div>\n          </div>\n          {!isUsingChildren && <UtilityBarInportTarget />}\n          {isUsingChildren && children}\n        </AmbientCard>\n      </div>\n    </ResizableBox>\n  );\n};\n"],"mappings":";;;;;;;;;AAWA,MAAM,iBAAiB;AACvB,MAAM,kBAAkB;AACxB,MAAM,YAAY;AAElB,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,aAAa,UACX,MAAM,iBAAiB,MAAM,gBAAgB,IAAI;EACnD,UAAU;EACV,QAAQ;EACT;CACD,cAAc;EACZ,UAAU,UAAW,MAAM,eAAe,SAAS;EACnD,OAAO;EACP,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,QAAQ,EACN,WAAW,IACZ;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACP,WAAW;EACZ;CACD,eAAe,EACb,OAAO,KACR;CACD,QAAQ;EACN,KAAK;EACL,OAAO,MAAM,QAAQ,KAAM;EAC3B,OAAO,MAAM,QAAQ,IAAK;EAC1B,QAAQ;EACR,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACpE,SAAS;EACT,UAAU;EACV,WAAW,EACT,QAAQ,cACT;EACF;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,mCACA,WACA,OACA,8BACA,kBAAkB,OAClB,sBAAsB,OACtB,gBACA,UACA,eACA,eAAe,MACf,iBACE;CACJ,MAAM,WAAW,qBAAqB;CACtC,MAAM,UAAU,UAAU;EACxB,GAAG;EACH,iBAAiB,WAAW,mBAAmB;EAChD,CAAC;CACF,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,OAAO,YAAY,SAAS,eAAe;CAClD,MAAM,kBAAkB,kBAAkB;CAE1C,MAAM,QAAQ,UAAU;CAExB,MAAM,YAAY,OAAO,EAAE,SAAS,MAAM,aAAa;AACrD,WAAS,KAAK,MAAM;AACpB,MAAI,aACF,cAAa,KAAK,MAAM;;CAI5B,MAAM,oBAAoB,kBAAkB;AAC1C,MAAI,kCACF,oCAAmC;AAErC,eAAa,eAAa,CAACA,WAAS;IACnC,CAAC,kCAAkC,CAAC;AAEvC,iBAAgB;AACd,MAAI,OAAO,iCAAiC,UAC1C,aAAY,6BAA6B;IAE1C,CAAC,6BAA6B,CAAC;AAClC,QACE,oCAAC;EACC,OAAO,WAAW,QAAQ;EAC1B,eAAe,aAAa,WAAW,CAAC,IAAI,GAAG,EAAE;EACjD,MAAK;EACL,gBAAgB,WAAW,CAAC,eAAe,GAAG,CAAC,gBAAgB;EAC/D,gBAAgB,CAAC,UAAU;EACjB;EACV,QAAQ,YAAY,oCAAC,SAAI,WAAW,QAAQ,SAAU;EACtD,OAAO,EAAE,UAAU,YAAY;IAE/B,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,OAAO,WAAW,QAAQ,iBAAiB;IAEpD,oCAAC;EACC;EACA;EACA,wBAAwB;EACxB,qBAAqB,uBAAuB;IAE5C,oCAAC,SACC,OAAO;EACL,SAAS,eAAe,SAAS;EACjC,OAAO;EACP,aAAa,MAAM,QAAQ,EAAE;EAC9B,IAED,oCAAC,SAAI,WAAW,QAAQ,SACrB,YAAY,oCAAC,cAAW,SAAQ,QAAK,KAAE,OAAM,IAAc,CACxD,EACN,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,IAAI;EACJ,aAAa;EACH;EACV,SAAS;GACT,CACE,CACF,EACL,CAAC,mBAAmB,oCAAC,6BAAyB,EAC9C,mBAAmB,SACR,CACV,CACO"}

package/dist/VectorLayer-Bljx-Jsy.js

@@ -0,0 +1,72 @@
+import { t as MapContext_default } from "./MapContext-yiglsAhp.js";
+import React, { useContext, useEffect } from "react";
+import OLImageLayer from "ol/layer/Image";
+import OLTileLayer from "ol/layer/Tile";
+import OLVectorLayer from "ol/layer/Vector";
+
+//#region src/map-library/Layers/ImageLayer.js
+const ImageLayer = ({ source, zIndex = 0 }) => {
+	const { map } = useContext(MapContext_default);
+	useEffect(() => {
+		if (!map) return;
+		const imageLayer = new OLImageLayer({
+			source,
+			zIndex
+		});
+		map.addLayer(imageLayer);
+		imageLayer.setZIndex(zIndex);
+		return () => {
+			if (map) map.removeLayer(imageLayer);
+		};
+	}, [map, source]);
+	return null;
+};
+
+//#endregion
+//#region src/map-library/Layers/Layers.jsx
+const Layers = ({ children }) => {
+	return /* @__PURE__ */ React.createElement("div", null, children);
+};
+
+//#endregion
+//#region src/map-library/Layers/TileLayer.js
+const TileLayer = ({ source, zIndex = 0 }) => {
+	const { map } = useContext(MapContext_default);
+	useEffect(() => {
+		if (!map) return;
+		const tileLayer = new OLTileLayer({
+			source,
+			zIndex
+		});
+		map.addLayer(tileLayer);
+		tileLayer.setZIndex(zIndex);
+		return () => {
+			if (map) map.removeLayer(tileLayer);
+		};
+	}, [map, source]);
+	return null;
+};
+
+//#endregion
+//#region src/map-library/Layers/VectorLayer.js
+const VectorLayer = ({ source, style, zIndex = 0, ...otherProps }) => {
+	const { map } = useContext(MapContext_default);
+	useEffect(() => {
+		if (!map) return;
+		const vectorLayer = new OLVectorLayer({
+			source,
+			style,
+			...otherProps
+		});
+		map.addLayer(vectorLayer);
+		vectorLayer.setZIndex(zIndex);
+		return () => {
+			if (map) map.removeLayer(vectorLayer);
+		};
+	}, [map, source]);
+	return null;
+};
+
+//#endregion
+export { ImageLayer as i, TileLayer as n, Layers as r, VectorLayer as t };
+//# sourceMappingURL=VectorLayer-Bljx-Jsy.js.map

package/dist/VectorLayer-Bljx-Jsy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorLayer-Bljx-Jsy.js","names":["MapContext","MapContext","MapContext"],"sources":["../src/map-library/Layers/ImageLayer.js","../src/map-library/Layers/Layers.jsx","../src/map-library/Layers/TileLayer.js","../src/map-library/Layers/VectorLayer.js"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLImageLayer from 'ol/layer/Image'\n\nexport const ImageLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const imageLayer = new OLImageLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(imageLayer)\n    imageLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(imageLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import React from 'react'\n\nexport const Layers = ({ children }) => {\n  return <div>{children}</div>\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLTileLayer from 'ol/layer/Tile'\n\nexport const TileLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const tileLayer = new OLTileLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(tileLayer)\n    tileLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(tileLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLVectorLayer from 'ol/layer/Vector'\n\nexport const VectorLayer = ({ source, style, zIndex = 0, ...otherProps }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const vectorLayer = new OLVectorLayer({\n      source,\n      style,\n      ...otherProps\n    })\n\n    map.addLayer(vectorLayer)\n    vectorLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(vectorLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n"],"mappings":";;;;;;;AAIA,MAAa,cAAc,EAAE,QAAQ,SAAS,QAAQ;CACpD,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,aAAa,IAAI,aAAa;GAClC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,WAAW;AACxB,aAAW,UAAU,OAAO;AAE5B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,WAAW;;IAG9B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACvBT,MAAa,UAAU,EAAE,eAAe;AACtC,QAAO,oCAAC,aAAK,SAAe;;;;;ACC9B,MAAa,aAAa,EAAE,QAAQ,SAAS,QAAQ;CACnD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,YAAY,IAAI,YAAY;GAChC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,UAAU;AACvB,YAAU,UAAU,OAAO;AAE3B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,UAAU;;IAG7B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,eAAe,EAAE,QAAQ,OAAO,SAAS,GAAG,GAAG,iBAAiB;CAC3E,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,cAAc,IAAI,cAAc;GACpC;GACA;GACA,GAAG;GACJ,CAAC;AAEF,MAAI,SAAS,YAAY;AACzB,cAAY,UAAU,OAAO;AAE7B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,YAAY;;IAG/B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO"}

package/dist/VirtualBrowser-a9n_ceNs.js

@@ -0,0 +1,3 @@
+import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-xUyUFhkU.js";
+
+export { VirtualBrowser, VirtualBrowser_default as default };

package/dist/VirtualBrowser-xUyUFhkU.js

@@ -0,0 +1,427 @@
+import { r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { n as useAxiosMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { a as toTitleCase } from "./StringUtilities-u-cxAW6-.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { F as UdpEnums } from "./unitySystemEnums-DtVX3A-I.js";
+import { n as PrimaryActionButton_default } from "./PrimaryActionButton-Dk8zvDAW.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
+import { t as PageContainer } from "./PageContainer-N4d5KO-T.js";
+import { i as executeQueryWithParameters } from "./methodUtils-Cwo_kmVX.js";
+import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-_nVDm-nz.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
+import { t as VirtualForm } from "./VirtualForm-BQrYKgn3.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Divider, Typography, makeStyles } from "@material-ui/core";
+import { useLocation } from "react-router-dom";
+import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { cloneDeep } from "lodash";
+import { useTranslation } from "react-i18next";
+import { Skeleton } from "@material-ui/lab";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { format } from "date-fns";
+
+//#region src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js
+const defaultGridColumn = {
+	headerName: "",
+	field: "",
+	minWidth: 80,
+	autoHeight: false,
+	sortable: true
+};
+const VirtualTableColumnDefs = (tableDescription, actionList, columnName = "Actions", crudTableActionRenderName = "actionsRenderer", panelDirection = "right") => {
+	let columnDefs = tableDescription?.reduce((defs, element) => {
+		defs.push({
+			...defaultGridColumn,
+			headerName: toTitleCase(element?.name || ""),
+			field: element?.name
+		});
+		return defs;
+	}, []) || [];
+	columnDefs.push({
+		headerName: crudTableActionRenderName === "actionsRenderer" ? "Actions" : columnName,
+		filter: false,
+		pinned: panelDirection,
+		width: 150,
+		maxWidth: 180,
+		cellRenderer: crudTableActionRenderName,
+		cellRendererParams: { actionList },
+		valueGetter: (params) => params.data,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	});
+	return columnDefs;
+};
+const defaultColActionsDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true,
+	floatingFilter: false,
+	enableRowGroup: true
+};
+
+//#endregion
+//#region src/maintenanceEngine/virtualBrowser/VirtualTableSidePanel.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	divider: { marginTop: theme.spacing(2) }
+}));
+const FIELD_NUMBER = 10;
+const VirtualTableSidePanel = (props) => {
+	const { tableDescription, value, crudTableEditionData, closeSideSheet, onCreate, onUpdate, pageId, setSideSheetWidth, setSideSheetButtonLabel, setSideSheetOnSubmit, setSideSheetProps } = props;
+	const user = useUser();
+	const classes = useStyles();
+	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${pageId}`, {}, !!!pageId, false);
+	const skeleton = useMemo(() => {
+		const skeletonArr = [];
+		for (let i = 0; i < FIELD_NUMBER; i++) skeletonArr.push(/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Skeleton, {
+			key: i,
+			variant: "rect",
+			className: classes.skeleton
+		}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" })));
+		return skeletonArr;
+	}, [classes]);
+	const sideSheetContent = useMemo(() => {
+		if (page) return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(PageContainer, {
+			user,
+			key: pageId,
+			pageData: page,
+			widgetParams: {
+				pageId: page?.pageId,
+				nodeObj: crudTableEditionData,
+				setSideSheetWidth,
+				setSideSheetButtonLabel,
+				setSideSheetOnSubmit,
+				closeSideSheet,
+				setSideSheetProps,
+				onCreate,
+				onUpdate
+			},
+			disableMargins: true
+		}));
+		else return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(VirtualForm, {
+			tableDescription,
+			rowValue: value,
+			closeSideSheet,
+			onCreate,
+			onUpdate
+		}), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, null)));
+	}, [
+		page,
+		user,
+		pageId,
+		crudTableEditionData,
+		setSideSheetWidth,
+		setSideSheetButtonLabel,
+		setSideSheetOnSubmit,
+		setSideSheetProps,
+		closeSideSheet,
+		onCreate,
+		onUpdate,
+		classes,
+		tableDescription,
+		value
+	]);
+	return /* @__PURE__ */ React.createElement("div", null, loadingPage ? /* @__PURE__ */ React.createElement(React.Fragment, null, skeleton.map((sk) => sk), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "md" }), /* @__PURE__ */ React.createElement(Skeleton, {
+		variant: "rect",
+		className: classes.skeletonButton
+	})) : sideSheetContent);
+};
+VirtualTableSidePanel.propTypes = {
+	tableDescription: PropTypes.array,
+	crudTableEditionData: PropTypes.array,
+	closeSideSheet: PropTypes.func,
+	onCreate: PropTypes.func,
+	onUpdate: PropTypes.func
+};
+
+//#endregion
+//#region src/maintenanceEngine/virtualBrowser/VirtualBrowser.jsx
+const useSearchParams = () => {
+	const { search } = useLocation();
+	return useMemo(() => new URLSearchParams(search), [search]);
+};
+const VirtualBrowser = (props) => {
+	const { ...other } = props;
+	const urlSearchParams = useSearchParams();
+	const location = useLocation();
+	const { value, promotedEntity } = location.state || {};
+	const parts = location?.pathname?.split("/");
+	const virtualId = value ? value?.id : parts ? parts[parts.length - 1] : null;
+	const user = useUser();
+	const buildEnv = useBuildEnvironment();
+	const [isSheetOpen, setSheetOpen] = useState(false);
+	const [sideSheetWidth, setSideSheetWidth] = useState(600);
+	const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState("");
+	const [otherSideSheetProps, setOtherSideSheetProps] = useState({});
+	const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(() => () => console.warn("onSubmit not set"));
+	const [selectedEntity, setSelectedEntity] = useState(promotedEntity);
+	const { t } = useTranslation();
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const setLocationState = useSetLocationState();
+	const closeSheet = useCallback(() => {
+		setSheetOpen(false);
+	}, []);
+	const entityName = useMemo(() => {
+		if (selectedEntity) return selectedEntity.entityName || "";
+		else return urlSearchParams.has("entityName") === true ? urlSearchParams.get("entityName") : "";
+	}, [selectedEntity, urlSearchParams]);
+	const createApiMethodPageId = useMemo(() => {
+		return selectedEntity?.unityBaseCreateMethod?.pageId;
+	}, [selectedEntity]);
+	const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user || !!promotedEntity, false);
+	const [{ data: promotedMethodEntities }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${tpacb?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!tpacb || !!!user || !!!entityName, false);
+	const [{ data: entityData, loading: isLoading }, fetchEntityData] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseGetDataMethod?.apiMethodId}`, { method: "post" });
+	const [{ data: tableDescription, loading: tableDescriptionLoading }, fetchTableDescription] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDescribeMethod?.apiMethodId}`, { method: "post" });
+	const constructVirtualValuesForRequest = useCallback((values) => {
+		if (!tableDescription) return [];
+		const bodyArr = [];
+		tableDescription.forEach((column) => {
+			const valueExist = typeof values[column.name] == "boolean" || values[column.name];
+			if (column.name || valueExist) switch (getSanitizedName(entityName?.toLowerCase())) {
+				case UdpEnums.Udp_Lookup.toLowerCase():
+					bodyArr.push({
+						lookupColumnId: column.id,
+						value: values[column.name]
+					});
+					break;
+				default:
+			}
+		});
+		return bodyArr;
+	}, [tableDescription, entityName]);
+	const handleOnCreate = useCallback(async (values) => {
+		if (selectedEntity?.unityBaseVirtualCreateMethod) {
+			if ((await executeQueryWithParameters({ data: {
+				requestBody: constructVirtualValuesForRequest(values),
+				id: virtualId
+			} }, selectedEntity.unityBaseVirtualCreateMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			}))?.status === 200) {
+				handleSuccessSnackbar(t(`Row has been created`));
+				fetchEntityData({ data: { id: virtualId } });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId,
+		constructVirtualValuesForRequest
+	]);
+	const handleOnUpdate = useCallback(async (values) => {
+		if (selectedEntity?.unityBaseVirtualUpdateMethod) {
+			const primaryKeyValues = [virtualId, values.udpVirtualRowId];
+			const pathObject = getPathObject(selectedEntity.unityBaseVirtualUpdateMethod.pathParameters, primaryKeyValues);
+			const requestArr = constructVirtualValuesForRequest(values);
+			let data = { requestBody: requestArr };
+			if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+				data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+			});
+			else data = {
+				...pathObject,
+				requestBody: requestArr
+			};
+			if ((await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			}))?.status === 200) {
+				handleSuccessSnackbar(t(`Row has been updated`));
+				fetchEntityData({ data: { id: virtualId } });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId,
+		constructVirtualValuesForRequest
+	]);
+	const handleOnDelete = useCallback(async (value$1) => {
+		if (selectedEntity?.unityBaseVirtualDeleteMethod) {
+			const primaryKeyValues = [virtualId, value$1.udpVirtualRowId];
+			const pathObject = getPathObject(selectedEntity?.unityBaseVirtualDeleteMethod.pathParameters, primaryKeyValues);
+			let data = {};
+			if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+				data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+			});
+			else data = { ...pathObject };
+			if ((await executeQueryWithParameters({ data }, selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId).catch((res) => {
+				handleErrorSnackbar(res.message);
+			}))?.status === 200) {
+				handleSuccessSnackbar(t(`Row has been deleted`));
+				fetchEntityData({ data: { id: virtualId } });
+			}
+		}
+	}, [
+		selectedEntity,
+		t,
+		fetchEntityData,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		virtualId
+	]);
+	const actionList = useMemo(() => {
+		if (!selectedEntity) return;
+		return [{
+			id: 1,
+			title: selectedEntity?.unityBaseVirtualUpdateMethod ? t("Edit") : t("Edit Method Not Accessible"),
+			icon: EditIcon,
+			onClick: null,
+			opens: "sideSheet",
+			view: {
+				component: VirtualTableSidePanel,
+				properties: {
+					tableDescription,
+					onUpdate: handleOnUpdate,
+					valuePropName: "value",
+					closeSideSheet: null,
+					closeSideSheetPropName: "closeSideSheet",
+					pageId: selectedEntity?.unityBaseVirtualUpdateMethod?.pageId,
+					isNewEntry: false
+				}
+			},
+			disabled: !!!selectedEntity?.unityBaseVirtualUpdateMethod
+		}, {
+			id: 2,
+			title: selectedEntity?.unityBaseVirtualDeleteMethod ? t("Delete") : t("Delete Method Not Accessible"),
+			icon: DeleteIcon,
+			onClick: null,
+			opens: "dialog",
+			view: {
+				component: null,
+				properties: {
+					title: t("Delete"),
+					message: t("Are you sure you want to delete this row?"),
+					labelOne: t("Cancel"),
+					actionTwo: handleOnDelete,
+					labelTwo: t("Confirm")
+				}
+			},
+			disabled: !!!selectedEntity?.unityBaseVirtualDeleteMethod
+		}];
+	}, [
+		selectedEntity,
+		t,
+		handleOnUpdate,
+		handleOnDelete,
+		tableDescription
+	]);
+	const columnDefs = useMemo(() => {
+		if (tableDescription?.length) return VirtualTableColumnDefs(tableDescription, actionList);
+		return [];
+	}, [actionList, tableDescription]);
+	const groupData = useMemo(() => {
+		return columnDefs?.map((item) => {
+			return {
+				groupItem: item.field,
+				label: item.headerName,
+				value: item.field
+			};
+		});
+	}, [columnDefs]);
+	useEffect(() => {
+		if (promotedMethodEntities) setSelectedEntity(promotedMethodEntities);
+	}, [promotedMethodEntities]);
+	useEffect(() => {
+		if (virtualId) {
+			const queryData = { id: virtualId };
+			if (selectedEntity?.unityBaseGetDataMethod?.apiMethodId) fetchEntityData({ data: queryData });
+			if (selectedEntity?.unityBaseDescribeMethod?.apiMethodId) fetchTableDescription({ data: queryData });
+		}
+	}, [
+		selectedEntity,
+		fetchEntityData,
+		virtualId,
+		fetchTableDescription
+	]);
+	useEffect(() => {
+		setLocationState({ label: t(value?.name) || t("Virtual Lookup") });
+	}, [
+		setLocationState,
+		t,
+		value
+	]);
+	const pab = /* @__PURE__ */ React.createElement(PrimaryActionButton_default, { onClick: () => setSheetOpen && setSheetOpen(true) }, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, "Add"), /* @__PURE__ */ React.createElement(AddIcon, null));
+	const SideOptionList = useMemo(() => /* @__PURE__ */ React.createElement(SideSheet, {
+		open: isSheetOpen,
+		onClose: closeSheet,
+		title: `Add new ${entityName}`,
+		width: sideSheetWidth,
+		buttonLabel: sideSheetButtonLabel,
+		onSubmit: sideSheetOnSubmit,
+		...otherSideSheetProps
+	}, /* @__PURE__ */ React.createElement(VirtualTableSidePanel, {
+		onCreate: handleOnCreate,
+		closeSideSheet: closeSheet,
+		pageId: createApiMethodPageId,
+		setSideSheetWidth,
+		setSideSheetButtonLabel,
+		setSideSheetOnSubmit,
+		setSideSheetProps: setOtherSideSheetProps,
+		tableDescription
+	})), [
+		isSheetOpen,
+		closeSheet,
+		entityName,
+		sideSheetWidth,
+		sideSheetButtonLabel,
+		sideSheetOnSubmit,
+		handleOnCreate,
+		createApiMethodPageId,
+		otherSideSheetProps,
+		tableDescription
+	]);
+	const formatData = useCallback(() => {
+		if (entityData?.data && tableDescription) {
+			let formattedEntityData = cloneDeep(entityData?.data);
+			const datetimeFields = tableDescription?.reduce((fields, element) => {
+				if (element?.type === "datetime") fields.push(element?.name);
+				return fields;
+			}, []);
+			if (datetimeFields.length) formattedEntityData.forEach((e) => {
+				Object.keys(e).forEach((key) => {
+					if (datetimeFields.find((field) => field === key)) {
+						if (e[key] === null) return;
+						e[key] = format(new Date(e[key]), "yyyy/MM/dd kk:mm:ss");
+					}
+				});
+			});
+			return formattedEntityData;
+		}
+		return [];
+	}, [entityData, tableDescription]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		title: value?.name || entityData?.name,
+		data: entityData ? formatData(entityData?.data) : [],
+		columnDefs,
+		groupingData: groupData,
+		primaryActionButton: pab,
+		frameworkComponents: { actionsRenderer: ActionsRenderer },
+		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
+		disableRowSelection: true,
+		loading: isLoading,
+		...other
+	}), SideOptionList);
+};
+var VirtualBrowser_default = VirtualBrowser;
+
+//#endregion
+export { defaultColActionsDef as a, VirtualTableColumnDefs as i, VirtualBrowser_default as n, VirtualTableSidePanel as r, VirtualBrowser as t };
+//# sourceMappingURL=VirtualBrowser-xUyUFhkU.js.map