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

package/dist/UtilityBar-XWmjM6xO.js.map

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

package/dist/UtilityBarInport-Dei5BcYo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilityBarInport-Dei5BcYo.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-CTYzpnie.js

@@ -0,0 +1,95 @@
+import { t as SidebarCollapseButton } from "./SidebarCollapseButton-RZB7hk6o.js";
+import { t as AmbientCard } from "./AmbientCard-Bl34OCRH.js";
+import { r as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./EnvironmentRibbon-CRhI4qRC.js";
+import { n as UtilityBarInportTarget } from "./UtilityBarInport-Dei5BcYo.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-CTYzpnie.js.map

package/dist/UtilitySideBar-CTYzpnie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UtilitySideBar-CTYzpnie.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-lxWaAEEB.js

@@ -0,0 +1,72 @@
+import { t as MapContext_default } from "./MapContext-DyuJF6vT.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-lxWaAEEB.js.map

package/dist/VectorLayer-lxWaAEEB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorLayer-lxWaAEEB.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-BcE288WI.js

@@ -0,0 +1,76 @@
+import "./AgTable-qA_zuj8l.js";
+import "./FormButtons-3-Do6TqZ.js";
+import "./Field-Cpjv208h.js";
+import "./form-Cenkgcue.js";
+import "./FluentButton-3xMbN_Vs.js";
+import "./CrudBrowserUtilities-BXQ52z0n.js";
+import "./apiHelpers-CaBH4Wqe.js";
+import "./pageEnums-DtccKpw_.js";
+import "./UnitySessionStorage-DFfZhXMh.js";
+import "./axiosInterceptors-KQjcnNLO.js";
+import "./useUser--tP6DN4i.js";
+import "./useAxiosMutate-C_CLzTKW.js";
+import "./DateTimeField-U74kkJm-.js";
+import "./FluentToggle-C2u7hxkz.js";
+import "./propertyTypeEnums-6Agj3u8g.js";
+import "./StringUtilities-PL6_BoI4.js";
+import "./FluentIcon-iRSVzrph.js";
+import "./FluentIconButton-AN9tZKVl.js";
+import "./entityUtilities-DOZQpeXw.js";
+import "./unitySystemEnums-C3qeqk7V.js";
+import "./UnityFluentIcon-B8B1Sov8.js";
+import "./ActionLoadingDispatchContext-DgevJS7v.js";
+import "./actionUtils-Dyk4rqeA.js";
+import "./inquiryStore-Kq3nlMze.js";
+import "./catalogStore-CxNrmjOl.js";
+import "./shellStore-B_6P0cep.js";
+import "./useActions-V6oRdjcy.js";
+import "./PrimaryActionButton-Dp7s1CMW.js";
+import "./colors-DvKUCcrv.js";
+import "./colorConverter-82j_Nyao.js";
+import "./Typography-CZuoQGNi.js";
+import "./teleporterStore-CHOtFki6.js";
+import "./AmbientPopoverMenuItem-xvRiIMUe.js";
+import "./LayoutUnit-DBF2yb1h.js";
+import "./StandardTitle-C0d5197m.js";
+import "./SideSheetHeader-CPq_nmJd.js";
+import "./SideSheet-t6uVFYIJ.js";
+import "./useAxiosGet-5JQU4EkT.js";
+import "./DashboardWidget-yDqUSPg4.js";
+import "./FUICard-DiRXnOSN.js";
+import "./FUISquareIconButton-DPMLIXy_.js";
+import "./FluentCard-CnizGWYx.js";
+import "./useId-BzmZUUnN.js";
+import "./FUIMenuItem-DpUjPthR.js";
+import "./PageContainer-D6cKoXv1.js";
+import "./PrimaryActionHeader-Dn1lPb0q.js";
+import "./StatusChip-4NHp2t6B.js";
+import "./UdpTabs-PhxBvjk0.js";
+import "./PageContext-eAdaXnSC.js";
+import "./useSetLocationState-rHUPN6XU.js";
+import "./methodUtils-DwkBQ6fj.js";
+import "./tenantContext-CMEUzypH.js";
+import "./useTenant-aZVmdg7S.js";
+import "./EnvironmentRibbon-CRhI4qRC.js";
+import "./AmbientTextField-RjyecRyE.js";
+import "./Ellipse-BTNKEUgW.js";
+import "./GridGroupingSidebar-C4Bvi13s.js";
+import "./AmbientTokenButton-DQNVUPwr.js";
+import "./Token-BZVY3HNd.js";
+import "./AmbientToggleButton-DRQxx7qu.js";
+import "./isValueSelected-CZWKLr9c.js";
+import "./AmbientToggleButtonGroupDefault-D7-wAXFU.js";
+import "./AmbientGridTemplate-Cbl9GXcd.js";
+import "./AmbientChipButton-CcCk0Eaj.js";
+import "./FluentDialog-CXnECDfH.js";
+import "./GridFunctions-BpMkkPTk.js";
+import "./useDynamicListCalculation-DRMw8WEp.js";
+import "./DynamicContainerWithMenu-u2hlPBNw.js";
+import "./IconButtonWithToolTip-C8Gr_PHd.js";
+import "./HintPanel-C6R_3C7z.js";
+import "./SearchOperator-D9838PIe.js";
+import "./virtualActions-CVQjzQ44.js";
+import "./VirtualForm-yknhCBI8.js";
+import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-MrJ2WyXZ.js";
+
+export { VirtualBrowser, VirtualBrowser_default as default };