udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.38

package/dist/inquiry/dashboard/index.js

@@ -1,4 +1,4 @@
-import { t as InquiryDashboard } from "../../dashboard-BJKV1aQB.js";
-import { t as RecentlyLoadedNodesTable } from "../../RecentlyLoadedNodesTable-CK3mVYCX.js";
+import { t as InquiryDashboard } from "../../InquiryDashboard-BeXOeKII.js";
+import { t as RecentlyLoadedNodesTable } from "../../RecentlyLoadedNodesTable-CIR8D1c4.js";
 
 export { InquiryDashboard, RecentlyLoadedNodesTable };

package/dist/inquiry/index.js

@@ -1,7 +1,8 @@
-import { a as NodeList, c as NodeDetails, d as FilterSearch, f as ExecuteApiDialog, g as AlertFlag, h as ItemDescription, i as InquiryContainer, l as InquiryWrapper, m as AmbientListItem, n as Inquiry, o as InquiryTreeMenu, p as AmbientSummaryListHeader, r as NodeColumnHeader, s as InquiryTreeMenuItem, t as ToggleButton, u as FlagBlock } from "../inquiry-D-x5PZRJ.js";
-import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../search-DRxUjlyc.js";
-import { t as InquiryDashboard } from "../dashboard-BJKV1aQB.js";
-import { n as InquiryControlList, t as InquiryNodeControls } from "../inquiryBar-lZ1qPFK6.js";
-import { t as RecentlyLoadedNodesTable } from "../RecentlyLoadedNodesTable-CK3mVYCX.js";
+import { a as AmbientSummaryListHeader, c as AlertFlag, i as FilterSearch, n as NodeColumnHeader, o as AmbientListItem, r as FlagBlock, s as ItemDescription, t as ToggleButton } from "../inquiry-CKJOeOAS.js";
+import { a as InquiryTreeMenuItem, c as ExecuteApiDialog, i as InquiryTreeMenu, n as InquiryContainer, o as NodeDetails, r as NodeList, s as InquiryWrapper, t as Inquiry } from "../Inquiry-BQSrQkZK.js";
+import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../InquirySearchContainer-BIpngula.js";
+import { t as InquiryDashboard } from "../InquiryDashboard-BeXOeKII.js";
+import { n as InquiryControlList, t as InquiryNodeControls } from "../InquiryNodeControls-B677QFu4.js";
+import { t as RecentlyLoadedNodesTable } from "../RecentlyLoadedNodesTable-CIR8D1c4.js";
 
 export { AlertFlag, AmbientListItem, AmbientSummaryListHeader, ExecuteApiDialog, FilterSearch, FlagBlock, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryControlList, InquiryDashboard, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, ItemDescription, NodeColumnHeader, NodeDetails, NodeList, RecentlyLoadedNodesTable, ToggleButton };

package/dist/inquiry/inquiryBar/index.js

@@ -1,3 +1,3 @@
-import { n as InquiryControlList, t as InquiryNodeControls } from "../../inquiryBar-lZ1qPFK6.js";
+import { n as InquiryControlList, t as InquiryNodeControls } from "../../InquiryNodeControls-B677QFu4.js";
 
 export { InquiryControlList, InquiryNodeControls };

package/dist/inquiry/search/index.js

@@ -1,3 +1,3 @@
-import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../../search-DRxUjlyc.js";
+import { a as InquiryAdvancedSearchForm, i as InquiryAdvancedSearch, n as InquirySearchTable, r as InquirySearchDatasource, t as InquirySearchContainer } from "../../InquirySearchContainer-BIpngula.js";
 
 export { InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable };

package/dist/inquiry-CKJOeOAS.js

@@ -0,0 +1,319 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as fluentLibraryIcons } from "./LibraryData-D8Uai7Yd.js";
+import { t as useFluentIcon } from "./useFluentIcon-Dy-hy_aD.js";
+import React, { useMemo } from "react";
+import { Typography, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
+
+//#region src/inquiry/AlertFlag.jsx
+const useStyles$7 = makeStyles((theme) => ({
+	labelRoot: {
+		display: "flex",
+		alignItems: "center",
+		flexDirection: "column"
+	},
+	labelText: {
+		fontWeight: "inherit",
+		flexGrow: 1,
+		lineHeight: "1.25rem"
+	},
+	iconContainer: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		flexDirection: "column",
+		marginTop: theme.spacing(.5),
+		width: theme.spacing(4),
+		height: theme.spacing(4)
+	},
+	labelOverflow: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	},
+	iconsContainer: {
+		display: "flex",
+		alignItems: "flex-start",
+		justifyContent: "center",
+		gap: theme.spacing(.75)
+	}
+}));
+/**
+* `AlertFlag` component
+*/
+const AlertFlag = (props) => {
+	const { iconName = "none", secondaryIconName = "none", secondaryIconColor = "#008383", link = false, label, iconSize = "medium", iconType = "", iconColor = "", variant = "caption", style = {} } = props;
+	const theme = useTheme();
+	const classes = useStyles$7(props);
+	const { icon: IconComponent } = useFluentIcon(iconName);
+	const { icon: SubIconComponent } = useFluentIcon(secondaryIconName);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.labelRoot }, /* @__PURE__ */ React.createElement("div", { className: classes.iconsContainer }, IconComponent && /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		color: iconColor || theme.palette.primary.main,
+		type: iconType,
+		icon: IconComponent,
+		customSize: true,
+		size: iconSize,
+		styles: {
+			color: iconColor,
+			...style
+		}
+	}), link && SubIconComponent && /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		size: "small",
+		color: secondaryIconColor,
+		icon: SubIconComponent || "",
+		style: {
+			color: secondaryIconColor,
+			marginTop: theme.spacing(.4)
+		}
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(Typography, {
+		variant,
+		className: clsx(classes.labelText, classes.labelOverflow),
+		style
+	}, label));
+};
+
+//#endregion
+//#region src/inquiry/ItemDescription.jsx
+const useStyles$6 = makeStyles((theme) => ({
+	labelRoot: {
+		display: "flex",
+		alignItems: "center"
+	},
+	labelText: {
+		fontWeight: "inherit",
+		flexGrow: 1,
+		lineHeight: "1.25rem"
+	},
+	iconContainer: {
+		display: "flex",
+		alignItems: "flex-start",
+		justifyContent: "center",
+		width: theme.spacing(4)
+	},
+	labelContainer: { width: `calc(100% - ${theme.spacing(1)}px)` }
+}));
+/**
+* `ItemDescription` component
+*/
+const ItemDescription = (props) => {
+	const { iconName = "none", label, iconSize = "medium", iconType = "", iconColor = "", variant = "caption", style = {} } = props;
+	const theme = useTheme();
+	const classes = useStyles$6(props);
+	const IconComponent = useMemo(() => {
+		if (!iconName || iconName === "none") return null;
+		return fluentLibraryIcons.find((item) => item.id.toLowerCase().includes(iconName.toLowerCase()))?.icon || null;
+	}, [iconName]);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.labelRoot }, IconComponent && /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		size: iconSize,
+		color: iconColor || theme.palette.primary.main,
+		type: iconType,
+		icon: IconComponent,
+		styles: {
+			color: iconColor,
+			...style
+		}
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.labelContainer }, /* @__PURE__ */ React.createElement(Typography, {
+		variant,
+		className: classes.labelText,
+		style
+	}, label)));
+};
+
+//#endregion
+//#region src/inquiry/AmbientListItem.jsx
+const useStyles$5 = makeStyles((theme) => ({
+	headerRoot: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center",
+		boxSizing: "border-box",
+		height: theme.spacing(5),
+		borderBottom: "1px solid rgba(0, 0, 0, 0.12)",
+		flexGrow: "0",
+		paddingRight: theme.spacing(2),
+		gap: theme.spacing(1.5),
+		background: (props) => props?.Alert?.toLowerCase() === "true" ? props?.style?.background ? props?.style?.background : "#FDF7F6" : theme.palette.background.paper
+	},
+	labelText: {
+		fontWeight: "inherit",
+		flexGrow: 1,
+		lineHeight: "1.25rem"
+	},
+	labelOverflow: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	}
+}));
+/**
+* `AmbientListItem` component
+*/
+const AmbientListItem = (props) => {
+	const { dataList = [], paid, paidLabel = "none", handleClick, style = {} } = props;
+	const classes = useStyles$5(props);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classes.headerRoot,
+		style
+	}, dataList?.map((data, index) => /* @__PURE__ */ React.createElement(ItemDescription, {
+		key: `${data.id}${index}`,
+		iconName: data?.icon,
+		label: data?.label,
+		style: data?.style
+	})), paid?.toLowerCase() === "true" && /* @__PURE__ */ React.createElement(StatusChip, {
+		status: "success",
+		label: paidLabel,
+		onClick: handleClick
+	}));
+};
+
+//#endregion
+//#region src/inquiry/AmbientSummaryListHeader.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	headerRoot: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-between",
+		alignItems: "center",
+		paddingTop: theme.spacing(1),
+		paddingRight: theme.spacing(2),
+		paddingBottom: theme.spacing(1),
+		paddingLeft: theme.spacing(2),
+		gap: theme.spacing(1.5),
+		borderWidth: "1px 0px",
+		borderStyle: "solid",
+		boxSizing: "border-box",
+		background: (props) => props.style?.background ? props.style.background : theme.palette.background.paper,
+		borderColor: (props) => props.style?.borderColor ? props.style.borderColor : "rgba(0, 0, 0, 0.12)"
+	},
+	labelText: {
+		fontWeight: "inherit",
+		flexGrow: 1,
+		lineHeight: "1.25rem"
+	},
+	labelOverflow: {
+		whiteSpace: "nowrap",
+		overflow: "hidden",
+		textOverflow: "ellipsis"
+	}
+}));
+/**
+* `AmbientSummaryListHeader` component
+*/
+const AmbientSummaryListHeader = (props) => {
+	const { columns, style = {} } = props;
+	const classes = useStyles$4(props);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classes.headerRoot,
+		style
+	}, columns.map((column, index) => /* @__PURE__ */ React.createElement("div", { key: index }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "caption",
+		className: clsx(classes.labelText, classes.labelOverflow)
+	}, column.label.toUpperCase()))));
+};
+
+//#endregion
+//#region src/inquiry/FilterSearch.jsx
+const useStyles$3 = makeStyles((theme) => ({ root: {
+	background: "#eeeeee",
+	width: "100%",
+	height: "100vh"
+} }));
+const FilterSearch = ({ children }) => {
+	const classes = useStyles$3();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, " ", children, " ");
+};
+
+//#endregion
+//#region src/inquiry/FlagBlock.jsx
+const AlertTypeEnum = {
+	default: { backgroundColor: "none" },
+	success: { backgroundColor: "#F3FAF3" },
+	error: { backgroundColor: "#FDF7F6" }
+};
+const useStyles$2 = makeStyles((theme) => ({
+	rootContainer: {
+		boxSizing: "border-box",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		alignItems: "center",
+		gap: theme.spacing(1.25),
+		width: (props) => props?.width ? props?.width : "100%",
+		height: (props) => props?.height ? props?.height : "77px",
+		backgroundColor: (props) => AlertTypeEnum[props?.alertType?.toLowerCase()]?.backgroundColor || theme.palette.background.paper,
+		borderWidth: "0px 1px",
+		borderStyle: "solid",
+		borderColor: "rgba(0, 0, 0, 0.12)"
+	},
+	textContainer: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		padding: "0px"
+	}
+}));
+/**
+* `FlagBlock` component
+*/
+const FlagBlock = (props) => {
+	const { children, style } = props;
+	const classes = useStyles$2(props);
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classes.rootContainer,
+		style
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.textContainer }, children));
+};
+
+//#endregion
+//#region src/inquiry/NodeColumnHeader.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: { position: "relative" },
+	title: { margin: theme.spacing(2) },
+	iconButton: {
+		position: "absolute",
+		right: 4,
+		top: 4,
+		zIndex: theme.zIndex.appBar
+	}
+}));
+const NodeColumnHeader = ({ children, toggleView, expanded }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", { className: classes.iconButton }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon: expanded ? ChevronLeftIcon : ChevronRightIcon,
+		onClick: toggleView
+	})));
+};
+
+//#endregion
+//#region src/inquiry/ToggleButton.jsx
+const useStyles = makeStyles((theme) => ({ button: {
+	borderRadius: theme.spacing(5),
+	width: (props) => props.width || "100%",
+	backgroundColor: (props) => props.disabled ? "none" : props.color ? theme.palette[props.color]?.main ? theme.palette[props.color].main : props.color : theme.palette.secondary.main,
+	borderColor: (props) => props.disabled && theme.palette.grey[300],
+	color: (props) => props.disabled ? "#000 !important" : "#fff",
+	"&:hover": { color: "#000" }
+} }));
+/**
+* `ToggleButton` component
+*/
+const ToggleButton = (props) => {
+	const { variant = "", onClick, children, ...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement(FluentButton, {
+		onClick,
+		className: classes.button,
+		variant,
+		...otherProps
+	}, children);
+};
+
+//#endregion
+export { AmbientSummaryListHeader as a, AlertFlag as c, FilterSearch as i, NodeColumnHeader as n, AmbientListItem as o, FlagBlock as r, ItemDescription as s, ToggleButton as t };
+//# sourceMappingURL=inquiry-CKJOeOAS.js.map

package/dist/inquiry-CKJOeOAS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inquiry-CKJOeOAS.js","names":["useStyles","useStyles","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/inquiry/AlertFlag.jsx","../src/inquiry/ItemDescription.jsx","../src/inquiry/AmbientListItem.jsx","../src/inquiry/AmbientSummaryListHeader.jsx","../src/inquiry/FilterSearch.jsx","../src/inquiry/FlagBlock.jsx","../src/inquiry/NodeColumnHeader.jsx","../src/inquiry/ToggleButton.jsx"],"sourcesContent":["import React from 'react';\nimport { LayoutUnit } from '../layout/LayoutUnit';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { Typography, useTheme, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport { useFluentIcon } from '../hooks/useFluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'column'\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    flexGrow: 1,\n    lineHeight: '1.25rem'\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    marginTop: theme.spacing(0.5),\n    width: theme.spacing(4),\n    height: theme.spacing(4)\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  },\n  iconsContainer: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    gap: theme.spacing(0.75)\n  }\n}));\n\n/**\n * `AlertFlag` component\n */\nexport const AlertFlag = (props) => {\n  const {\n    iconName = 'none',\n    secondaryIconName = 'none',\n    secondaryIconColor = '#008383',\n    link = false,\n    label,\n    iconSize = 'medium',\n    iconType = '',\n    iconColor = '',\n    variant = 'caption',\n    style = {}\n  } = props;\n\n  const theme = useTheme();\n  const classes = useStyles(props);\n  const { icon: IconComponent } = useFluentIcon(iconName);\n  const { icon: SubIconComponent } = useFluentIcon(secondaryIconName);\n\n  return (\n    <div className={classes.labelRoot}>\n      <div className={classes.iconsContainer}>\n        {IconComponent && (\n          <UnityFluentIcon\n            color={iconColor || theme.palette.primary.main}\n            type={iconType}\n            icon={IconComponent}\n            customSize={true}\n            size={iconSize}\n            styles={{\n              color: iconColor,\n              ...style\n            }}\n          />\n        )}\n        {link && SubIconComponent && (\n          <UnityFluentIcon\n            size='small'\n            color={secondaryIconColor}\n            icon={SubIconComponent || ''}\n            style={{\n              color: secondaryIconColor,\n              marginTop: theme.spacing(0.4)\n            }}\n          />\n        )}\n      </div>\n      <LayoutUnit unit='nudge' />\n      <Typography\n        variant={variant}\n        className={clsx(classes.labelText, classes.labelOverflow)}\n        style={style}\n      >\n        {label}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { fluentLibraryIcons } from '../assets/unityIcons/LibraryData';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { Typography, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    flexGrow: 1,\n    lineHeight: '1.25rem'\n  },\n  iconContainer: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    width: theme.spacing(4)\n  },\n  labelContainer: {\n    width: `calc(100% - ${theme.spacing(1.0)}px)`\n  }\n}));\n\n/**\n * `ItemDescription` component\n */\nexport const ItemDescription = (props) => {\n  const {\n    iconName = 'none',\n    label,\n    iconSize = 'medium',\n    iconType = '',\n    iconColor = '',\n    variant = 'caption',\n    style = {}\n  } = props;\n\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const IconComponent = useMemo(() => {\n    if (!iconName || iconName === 'none') {\n      return null;\n    }\n\n    const result = fluentLibraryIcons.find((item) =>\n      item.id.toLowerCase().includes(iconName.toLowerCase())\n    );\n    return result?.icon || null;\n  }, [iconName]);\n\n  return (\n    <div className={classes.labelRoot}>\n      {IconComponent && (\n        <div className={classes.iconContainer}>\n          <UnityFluentIcon\n            size={iconSize}\n            color={iconColor || theme.palette.primary.main}\n            type={iconType}\n            icon={IconComponent}\n            styles={{\n              color: iconColor,\n              ...style\n            }}\n          />\n        </div>\n      )}\n      <div className={classes.labelContainer}>\n        <Typography\n          variant={variant}\n          className={classes.labelText}\n          style={style}\n        >\n          {label}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { ItemDescription } from './ItemDescription';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  headerRoot: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    height: theme.spacing(5),\n    borderBottom: '1px solid rgba(0, 0, 0, 0.12)',\n    flexGrow: '0',\n    paddingRight: theme.spacing(2),\n    gap: theme.spacing(1.5),\n    background: (props) =>\n      props?.Alert?.toLowerCase() === 'true'\n        ? props?.style?.background\n          ? props?.style?.background\n          : '#FDF7F6'\n        : theme.palette.background.paper\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    flexGrow: 1,\n    lineHeight: '1.25rem'\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  }\n}));\n\n/**\n * `AmbientListItem` component\n */\nexport const AmbientListItem = (props) => {\n  const {\n    dataList = [],\n    paid,\n    paidLabel = 'none',\n    handleClick,\n    style = {}\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.headerRoot} style={style}>\n      {dataList?.map((data, index) => (\n        <ItemDescription\n          key={`${data.id}${index}`}\n          iconName={data?.icon}\n          label={data?.label}\n          style={data?.style}\n        />\n      ))}\n      {paid?.toLowerCase() === 'true' && (\n        <StatusChip status='success' label={paidLabel} onClick={handleClick} />\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n  headerRoot: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingTop: theme.spacing(1),\n    paddingRight: theme.spacing(2),\n    paddingBottom: theme.spacing(1),\n    paddingLeft: theme.spacing(2),\n    gap: theme.spacing(1.5),\n    borderWidth: '1px 0px',\n    borderStyle: 'solid',\n    boxSizing: 'border-box',\n    background: props =>\n      props.style?.background\n        ? props.style.background\n        : theme.palette.background.paper,\n    borderColor: props =>\n      props.style?.borderColor\n        ? props.style.borderColor\n        : 'rgba(0, 0, 0, 0.12)',\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    flexGrow: 1,\n    lineHeight: '1.25rem',\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n}));\n\n/**\n * `AmbientSummaryListHeader` component\n */\nexport const AmbientSummaryListHeader = props => {\n  const { columns, style = {} } = props;\n\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.headerRoot} style={style}>\n      {columns.map((column, index) => (\n        <div key={index}>\n          <Typography\n            variant=\"caption\"\n            className={clsx(classes.labelText, classes.labelOverflow)}\n          >\n            {column.label.toUpperCase()}\n          </Typography>\n        </div>\n      ))}\n    </div>\n  );\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    background: '#eeeeee',\n    width: '100%',\n    height: '100vh'\n  }\n}))\n\nexport const FilterSearch = ({ children }) => {\n  const classes = useStyles()\n\n  return <div className={classes.root}> {children} </div>\n}\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst AlertTypeEnum = {\n  default: {\n    backgroundColor: 'none'\n  },\n  success: {\n    backgroundColor: '#F3FAF3'\n  },\n  error: {\n    backgroundColor: '#FDF7F6'\n  }\n};\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    gap: theme.spacing(1.25),\n    width: (props) => (props?.width ? props?.width : '100%'),\n    height: (props) => (props?.height ? props?.height : '77px'),\n    backgroundColor: (props) =>\n      AlertTypeEnum[props?.alertType?.toLowerCase()]?.backgroundColor ||\n      theme.palette.background.paper,\n    borderWidth: '0px 1px',\n    borderStyle: 'solid',\n    borderColor: 'rgba(0, 0, 0, 0.12)'\n  },\n  textContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    padding: '0px'\n  }\n}));\n\n/**\n * `FlagBlock` component\n */\nexport const FlagBlock = (props) => {\n  const { children, style } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.rootContainer} style={style}>\n      <div className={classes.textContainer}>{children}</div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentIconButton } from '../UI/inputs/buttons/FluentIconButton';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative'\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  iconButton: {\n    position: 'absolute',\n    right: 4,\n    top: 4,\n    zIndex: theme.zIndex.appBar\n  }\n}));\n\nexport const NodeColumnHeader = ({ children, toggleView, expanded }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <div>{children}</div>\n      <div className={classes.iconButton}>\n        <FluentIconButton\n          icon={expanded ? ChevronLeftIcon : ChevronRightIcon}\n          onClick={toggleView}\n        />\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\n\nconst useStyles = makeStyles((theme) => ({\n  button: {\n    borderRadius: theme.spacing(5),\n    width: (props) => props.width || '100%',\n    backgroundColor: (props) =>\n      props.disabled\n        ? 'none'\n        : props.color\n        ? theme.palette[props.color]?.main\n          ? theme.palette[props.color].main\n          : props.color\n        : theme.palette.secondary.main,\n    borderColor: (props) => props.disabled && theme.palette.grey[300],\n    color: (props) => (props.disabled ? '#000 !important' : '#fff'),\n    '&:hover': {\n      color: '#000'\n    }\n  }\n}));\n\n/**\n * `ToggleButton` component\n */\nexport const ToggleButton = (props) => {\n  const { variant = '', onClick, children, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <FluentButton\n      onClick={onClick}\n      className={classes.button}\n      variant={variant}\n      {...otherProps}\n    >\n      {children}\n    </FluentButton>\n  );\n};\n"],"mappings":"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"}

package/dist/layout/index.js

@@ -1,5 +1,5 @@
 import { t as LayoutUnit } from "../LayoutUnit-D4jJvonh.js";
-import { n as GridUnit, r as getRatio, t as GridRow } from "../GridRow-CPfKPnRD.js";
-import { n as HeaderLayout, r as GridGroup, t as SideBarTemplate } from "../layout-BXuf6qmj.js";
+import { n as GridUnit, r as getRatio, t as GridRow } from "../GridRow-14yfTur2.js";
+import { n as HeaderLayout, r as GridGroup, t as SideBarTemplate } from "../layout-Do6o2q2R.js";
 
 export { GridGroup, GridRow, GridUnit, HeaderLayout, LayoutUnit, SideBarTemplate, getRatio };

package/dist/layout-Do6o2q2R.js

@@ -0,0 +1,128 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
+import { n as GridUnit, r as getRatio, t as GridRow } from "./GridRow-14yfTur2.js";
+import React, { Children, useState } from "react";
+import { Box, Fade, makeStyles, useTheme } from "@material-ui/core";
+import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
+
+//#region src/layout/GridGroup.jsx
+const GridGroup = ({ col1, col2, col3, col4, col5, col6, ratio, highlight }) => {
+	const theme = useTheme();
+	const cnt = Children.toArray(col1).length;
+	const cnt2 = Children.toArray(col2).length;
+	const cnt3 = Children.toArray(col3).length;
+	const cnt4 = Children.toArray(col4).length;
+	const cnt5 = Children.toArray(col5).length;
+	const cnt6 = Children.toArray(col6).length;
+	const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;
+	const width = theme.spacing(154) / number / 8;
+	const ratioArr = getRatio(ratio);
+	const staticDisplay = /* @__PURE__ */ React.createElement(GridRow, { highlight }, number >= 1 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col1), number >= 2 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col2), number >= 3 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col3), number >= 4 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col4), number >= 5 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col5), number >= 6 && /* @__PURE__ */ React.createElement(GridUnit, {
+		width: theme.spacing(width),
+		columnPadding: 8 * number - 8,
+		r1: ratioArr[0],
+		r2: ratioArr[1]
+	}, col6));
+	return /* @__PURE__ */ React.createElement("div", null, " ", staticDisplay, " ");
+};
+
+//#endregion
+//#region src/layout/HeaderLayout.jsx
+const HeaderLayout = ({ children }) => {
+	return /* @__PURE__ */ React.createElement(AmbientCard, {
+		style: {
+			marginTop: 0,
+			padding: 0
+		},
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column"
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		style: { padding: "0px" }
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		style: {
+			padding: "0px",
+			width: "100%",
+			gap: "10px"
+		}
+	}, children))));
+};
+
+//#endregion
+//#region src/layout/templates/SideBarTemplate.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		width: "100%",
+		position: "relative"
+	},
+	column: {
+		display: "flex",
+		flexDirection: "row",
+		flex: 1
+	},
+	content: { flex: 1 },
+	sideBar: {
+		height: "100vh",
+		background: theme.palette.primary.light
+	}
+}));
+const SideBarTemplate = ({ children, sidebar }) => {
+	const classes = useStyles();
+	const [open, setOpen] = useState(true);
+	const toggleSidebar = () => {
+		setOpen(!open);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.column }, /* @__PURE__ */ React.createElement("div", { className: classes.content }, children), /* @__PURE__ */ React.createElement("div", { style: {
+		position: "absolute",
+		top: 0,
+		right: open ? 300 : 0
+	} }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		color: "primary",
+		icon: open ? ChevronRightIcon : ChevronLeftIcon,
+		onClick: toggleSidebar
+	})), open && /* @__PURE__ */ React.createElement(Fade, {
+		in: open,
+		timeout: {
+			enter: 1e3,
+			exit: 1e3
+		}
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.sideBar }, sidebar))));
+};
+
+//#endregion
+export { HeaderLayout as n, GridGroup as r, SideBarTemplate as t };
+//# sourceMappingURL=layout-Do6o2q2R.js.map

package/dist/layout-Do6o2q2R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-Do6o2q2R.js","names":[],"sources":["../src/layout/GridGroup.jsx","../src/layout/HeaderLayout.jsx","../src/layout/templates/SideBarTemplate.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { GridUnit } from './GridUnit';\nimport { GridRow } from './GridRow';\nimport { getRatio } from './getRatio';\n\nexport const GridGroup = ({\n  col1,\n  col2,\n  col3,\n  col4,\n  col5,\n  col6,\n  ratio,\n  highlight\n}) => {\n  const theme = useTheme();\n\n  const cnt = Children.toArray(col1).length;\n  const cnt2 = Children.toArray(col2).length;\n  const cnt3 = Children.toArray(col3).length;\n  const cnt4 = Children.toArray(col4).length;\n  const cnt5 = Children.toArray(col5).length;\n  const cnt6 = Children.toArray(col6).length;\n\n  const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;\n  const width = theme.spacing(154) / number / 8;\n\n  const ratioArr = getRatio(ratio);\n  const staticDisplay = (\n    <GridRow highlight={highlight}>\n      {number >= 1 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col1}\n        </GridUnit>\n      )}\n\n      {number >= 2 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col2}\n        </GridUnit>\n      )}\n      {number >= 3 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col3}\n        </GridUnit>\n      )}\n      {number >= 4 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col4}\n        </GridUnit>\n      )}\n      {number >= 5 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col5}\n        </GridUnit>\n      )}\n      {number >= 6 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col6}\n        </GridUnit>\n      )}\n    </GridRow>\n  );\n\n  return <div> {staticDisplay} </div>;\n};\n","import React from 'react';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { Box } from '@material-ui/core';\n\nexport const HeaderLayout = ({ children }) => {\n  return (\n    <AmbientCard style={{ marginTop: 0, padding: 0 }} fullWidth>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          style={{\n            padding: '0px',\n          }}\n        >\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            style={{\n              padding: '0px',\n              width: '100%',\n              gap: '10px',\n            }}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Box>\n    </AmbientCard>\n  );\n};\n","import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/maintenanceEngine/crudBrowser/index.js

@@ -1,4 +1,4 @@
-import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../../CrudBrowserContainer-C9184dly.js";
-import { t as CrudTableSidePanel } from "../../CrudTableSidePanel-Bmw3Xftc.js";
+import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../../CrudBrowserContainer-9L9qohOP.js";
+import { t as CrudTableSidePanel } from "../../CrudTableSidePanel-dEAXYWDm.js";
 
 export { CrudBrowserContainer, CrudTableColumnDefs, CrudTableSidePanel, mapDotNetTypeToAgGridType };

package/dist/maintenanceEngine/index.js

@@ -1,6 +1,6 @@
-import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../TableContainer-DugYuSJF.js";
-import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../CrudBrowserContainer-C9184dly.js";
-import { n as UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, t as CrudTableSidePanel } from "../CrudTableSidePanel-Bmw3Xftc.js";
-import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../VirtualBrowser-CLXEdKAF.js";
+import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../TableContainer-CcBkqd33.js";
+import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../CrudBrowserContainer-9L9qohOP.js";
+import { n as UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, t as CrudTableSidePanel } from "../CrudTableSidePanel-dEAXYWDm.js";
+import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../VirtualBrowser-C8re1h7C.js";
 
 export { CrudBrowserContainer, CrudTableColumnDefs, CrudTableSidePanel, TableColumnDefs, TableContainer, UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, VirtualBrowser, VirtualTableColumnDefs, VirtualTableSidePanel, defaultColActionsDef, defaultColumnActionsDef, mapDotNetTypeToAgGridType };

package/dist/maintenanceEngine/tableBrowser/index.js

@@ -1,3 +1,3 @@
-import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../../TableContainer-DugYuSJF.js";
+import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../../TableContainer-CcBkqd33.js";
 
 export { TableColumnDefs, TableContainer, defaultColumnActionsDef };

package/dist/maintenanceEngine/virtualBrowser/index.js

@@ -1,3 +1,3 @@
-import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../../VirtualBrowser-CLXEdKAF.js";
+import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../../VirtualBrowser-C8re1h7C.js";
 
 export { VirtualBrowser, VirtualTableColumnDefs, VirtualTableSidePanel, defaultColActionsDef };

package/dist/map-library/Controls/index.js

@@ -1,5 +1,5 @@
-import { n as FullScreenControl, r as Controls, t as ZoomControl } from "../../ZoomControl-CcWbdYvZ.js";
-import { t as MapContext_default } from "../../MapContext-yiglsAhp.js";
+import { n as FullScreenControl, r as Controls, t as ZoomControl } from "../../ZoomControl-DbHM53-Q.js";
+import { t as MapContext_default } from "../../MapContext-BTffhXDx.js";
 import React, { useContext, useEffect, useState } from "react";
 import { Control } from "ol/control";
 import { createPortal } from "react-dom";

package/dist/map-library/Layers/index.js

@@ -1,3 +1,3 @@
-import { i as ImageLayer, n as TileLayer, r as Layers, t as VectorLayer } from "../../VectorLayer-Bljx-Jsy.js";
+import { i as ImageLayer, n as TileLayer, r as Layers, t as VectorLayer } from "../../VectorLayer-DAs614Y5.js";
 
 export { ImageLayer, Layers, TileLayer, VectorLayer };

package/dist/map-library/Map/index.js

@@ -1,3 +1,3 @@
-import { t as Map } from "../../Map-CE3qoHyj.js";
+import { t as Map } from "../../Map-hSsJLY_s.js";
 
 export { Map };

package/dist/map-library/functions/index.js

@@ -1,3 +1,3 @@
-import { n as usePosition, t as useControlZoom } from "../../mapFunctions-DubdBtND.js";
+import { n as usePosition, t as useControlZoom } from "../../mapFunctions-DnxxckCS.js";
 
 export { useControlZoom, usePosition };

package/dist/map-library/geoLocation/index.js

@@ -1,3 +1,3 @@
-import { n as FreeFormField } from "../../GeoLocation-gIfRzkS9.js";
+import { n as FreeFormField } from "../../GeoLocation-DlkUrlLs.js";
 
 export { FreeFormField };

package/dist/map-library/ui/index.js

@@ -1,3 +1,3 @@
-import { n as MapSheet, r as MapFilterBar, t as TileDisplay } from "../../TileDisplay-DqMdnf8Z.js";
+import { n as MapSheet, r as MapFilterBar, t as TileDisplay } from "../../TileDisplay-Bl4OQPvw.js";
 
 export { MapFilterBar, MapSheet, TileDisplay };