udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.3

package/dist/UtilityBar-CoBkrOKT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilityBar-CoBkrOKT.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-BZbPE650.js

@@ -1,22 +0,0 @@
-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 { UtilityBarInport, UtilityBarInportTarget };
-//# sourceMappingURL=UtilityBarInport-BZbPE650.js.map

package/dist/UtilityBarInport-BZbPE650.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilityBarInport-BZbPE650.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,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,kBAAkB,cAAQ,SAAoC"}

package/dist/UtilitySideBar-otYqGPhu.js

@@ -1,95 +0,0 @@
-import { SidebarCollapseButton } from "./SidebarCollapseButton-B6H3WAMn.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { APP_RIBBON_SPACE, useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
-import { UtilityBarInportTarget } from "./UtilityBarInport-BZbPE650.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 };
-//# sourceMappingURL=UtilitySideBar-otYqGPhu.js.map

package/dist/UtilitySideBar-otYqGPhu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilitySideBar-otYqGPhu.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/EnvironmentRibbon';\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-DvXP_PbI.js

@@ -1,72 +0,0 @@
-import { MapContext_default } from "./MapContext-CUKty8Mr.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, Layers, TileLayer, VectorLayer };
-//# sourceMappingURL=VectorLayer-DvXP_PbI.js.map

package/dist/VectorLayer-DvXP_PbI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VectorLayer-DvXP_PbI.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,EAAG,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-79SyTCIe.js

@@ -1,426 +0,0 @@
-import { getPathObject } from "./CrudBrowserUtilities-Cm_FNdfE.js";
-import { useHandleAxiosSnackbar } from "./apiHelpers-Bju2gkBq.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { useAxiosMutate } from "./useAxiosMutate-BiRO7ZCN.js";
-import { toTitleCase } from "./StringUtilities-DyjYA5pU.js";
-import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
-import { UdpEnums } from "./unitySystemEnums-DXk8yS3v.js";
-import { PrimaryActionButton_default } from "./PrimaryActionButton-CQXyHAeG.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { SideSheet } from "./SideSheet-BhKZOd2G.js";
-import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
-import { PageContainer } from "./PageContainer-BI8ve3o2.js";
-import { useSetLocationState } from "./useSetLocationState-BGgFvNVh.js";
-import { executeQueryWithParameters } from "./methodUtils-Bgi0VCWP.js";
-import { useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
-import { ActionsRenderer, AmbientGridTemplate } from "./AmbientGridTemplate-B58pNLnZ.js";
-import { VirtualForm } from "./VirtualForm-CZWtQ2vU.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-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 { VirtualBrowser, VirtualBrowser_default, VirtualTableColumnDefs, VirtualTableSidePanel, defaultColActionsDef };
-//# sourceMappingURL=VirtualBrowser-79SyTCIe.js.map