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

package/dist/inquiryBar-lZ1qPFK6.js

@@ -1,209 +0,0 @@
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
-import { I as TreeViewModeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
-import { t as FluentSearchField } from "./FluentSearchField-DebM7Nzf.js";
-import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-DswviiJB.js";
-import React, { useEffect, useMemo, useState } from "react";
-import { Popper, Typography, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { BulletedTreeListIcon, ChevronFold10Icon, ChevronUnfold10Icon, EraseToolIcon, SkypeMinusIcon, UploadIcon, ViewListTreeIcon } from "@fluentui/react-icons";
-
-//#region src/inquiry/inquiryBar/InquiryControlList.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		justifyContent: "space-between"
-	},
-	icon: {
-		margin: theme.spacing(.5),
-		borderRadius: 2,
-		width: theme.spacing(1),
-		height: theme.spacing(1)
-	}
-}));
-const InquiryControlList = ({ remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, hiddenControls = [], classes: classProps }) => {
-	const classes = useStyles$1();
-	const { inquiryControlListRoot } = classProps || {};
-	const controlList = useMemo(() => {
-		return [
-			{
-				id: "clearAll",
-				label: "Clear All",
-				icon: SkypeMinusIcon,
-				clickFunction: clearAll
-			},
-			{
-				id: "remove",
-				label: "Remove",
-				icon: EraseToolIcon,
-				clickFunction: remove
-			},
-			{
-				id: "collapseAll",
-				label: "Collapse All",
-				icon: ChevronFold10Icon,
-				clickFunction: collapseAll
-			},
-			{
-				id: "expandAll",
-				label: "Expand All",
-				icon: ChevronUnfold10Icon,
-				clickFunction: expandAll
-			},
-			{
-				id: "moveToTop",
-				label: "Move To Top",
-				icon: UploadIcon,
-				clickFunction: moveToTop
-			},
-			{
-				id: "switchTreeViewMode",
-				label: treeViewMode === TreeViewModeEnums.Compact ? "Classic View" : "Compact View",
-				icon: treeViewMode === TreeViewModeEnums.Compact ? ViewListTreeIcon : BulletedTreeListIcon,
-				clickFunction: switchTreeViewMode
-			}
-		];
-	}, [
-		remove,
-		expandAll,
-		moveToTop,
-		clearAll,
-		collapseAll,
-		treeViewMode,
-		switchTreeViewMode
-	]);
-	const filteredControlList = useMemo(() => {
-		if (!controlList) return [];
-		return controlList.filter((control) => !hiddenControls.includes(control.id));
-	}, [controlList, hiddenControls]);
-	const ButtonItem = ({ title, icon, clickFunction }) => {
-		return /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-			id: `udpRecord-InquiryControlList-${title.replace(/\s+/g, "")}`,
-			udprecordid: `udpRecord-InquiryControlList-${title.replace(/\s+/g, "")}`,
-			title,
-			className: classes.icon,
-			size: "medium",
-			onClick: clickFunction,
-			icon
-		});
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, inquiryControlListRoot) }, filteredControlList.map((item) => {
-		return /* @__PURE__ */ React.createElement(ButtonItem, {
-			title: item.label,
-			icon: item.icon,
-			clickFunction: item.clickFunction
-		});
-	}));
-};
-
-//#endregion
-//#region src/inquiry/inquiryBar/InquiryNodeControls.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	upperWrapper: {
-		paddingLeft: theme.spacing(1),
-		paddingRight: theme.spacing(1)
-	},
-	button: {
-		textTransform: "none",
-		textDecorationLine: "underline",
-		padding: 0,
-		height: theme.spacing(3),
-		"&:hover": { backgroundColor: "rgba(0, 0, 0, 0)" }
-	},
-	searchRow: {
-		display: "inline-flex",
-		width: "100%"
-	},
-	searchField: { width: "100%" },
-	entitySelect: {},
-	inputPropRoot: {
-		height: theme.spacing(4),
-		borderRadius: 0
-	},
-	inputPropInput: { marginTop: theme.spacing(-1.75) },
-	formControl: {
-		"& .MuiFormControl-marginDense": { marginTop: 7 },
-		width: theme.spacing(9)
-	},
-	formLabelRoot: { marginTop: -7 }
-}));
-const AutoCompletePopper = (props) => {
-	return /* @__PURE__ */ React.createElement(Popper, {
-		...props,
-		style: { maxWidth: "fit-content" },
-		placement: "bottom-start"
-	});
-};
-const InquiryNodeControls = (props) => {
-	const { children, remove, expandAll, collapseAll, moveToTop, clearAll, switchTreeViewMode, treeViewMode, changeSideBarView, showSearch = true, showControls = true, hiddenControls = [], classes: classProps, entityList, entityValue, setEntityValue, clearSearchStr, setClearSearchStr, isPreloadedTree, treeLoading, ...otherProps } = props;
-	const classes = useStyles(props);
-	const [searchValue, setSearchValue] = useState("");
-	const theme = useTheme();
-	const handleEntityChange = (value) => {
-		setEntityValue(value);
-	};
-	const handleOnChange = (event) => {
-		setSearchValue(event.target.value);
-	};
-	const updatedEntityList = useMemo(() => {
-		if (!entityList) return [];
-		const list = [...entityList];
-		list.unshift({
-			value: "",
-			label: "All"
-		});
-		return list;
-	}, [entityList]);
-	useEffect(() => {
-		if (clearSearchStr) {
-			setSearchValue("");
-			setClearSearchStr(false);
-		}
-	}, [clearSearchStr, setClearSearchStr]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes.upperWrapper }, showSearch && !isPreloadedTree && /* @__PURE__ */ React.createElement("div", { className: classes.searchRow }, /* @__PURE__ */ React.createElement("div", { className: classes.searchField }, /* @__PURE__ */ React.createElement(FluentSearchField, {
-		id: "udpRecord-InquiryNodeControls-Search",
-		udprecordid: "udpRecord-InquiryNodeControls-Search",
-		value: searchValue,
-		onChange: handleOnChange,
-		...otherProps
-	})), !!!hiddenControls.length && /* @__PURE__ */ React.createElement("div", { className: classes.entitySelect }, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
-		id: "udpRecord-InquiryNodeControls-DropDown",
-		udprecordid: "udpRecord-InquiryNodeControls-DropDown",
-		variant: "filled",
-		margin: "normal",
-		size: "small",
-		fullWidth: true,
-		disableClearable: true,
-		customPopper: AutoCompletePopper,
-		inputProps: { disableUnderline: true },
-		classes,
-		options: updatedEntityList,
-		optionKey: "label",
-		value: entityValue || updatedEntityList[0],
-		onChange: handleEntityChange
-	}))), /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		justifyContent: showControls ? "space-between" : "end",
-		height: !!hiddenControls?.length && theme.spacing(3)
-	} }, showControls && /* @__PURE__ */ React.createElement(InquiryControlList, {
-		remove,
-		expandAll,
-		collapseAll,
-		moveToTop,
-		clearAll,
-		switchTreeViewMode,
-		treeViewMode,
-		hiddenControls,
-		classes: classProps
-	}), !!!hiddenControls.length && changeSideBarView && !treeLoading && /* @__PURE__ */ React.createElement(FluentButton, {
-		id: "udpRecord-InquiryNodeControls-AdvSearch",
-		udprecordid: "udpRecord-InquiryNodeControls-AdvSearch",
-		onClick: () => changeSideBarView(1),
-		className: classes.button
-	}, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Adv. Search")))), showControls && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: !!!hiddenControls.length ? 0 : 8 } }), /* @__PURE__ */ React.createElement("div", { className: classes.root }, children));
-};
-
-//#endregion
-export { InquiryControlList as n, InquiryNodeControls as t };
-//# sourceMappingURL=inquiryBar-lZ1qPFK6.js.map

package/dist/inquiryBar-lZ1qPFK6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inquiryBar-lZ1qPFK6.js","names":["useStyles"],"sources":["../src/inquiry/inquiryBar/InquiryControlList.jsx","../src/inquiry/inquiryBar/InquiryNodeControls.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../../UI/inputs/buttons/IconButtonWithToolTip';\nimport {\n  EraseToolIcon,\n  ChevronUnfold10Icon,\n  UploadIcon,\n  SkypeMinusIcon,\n  ChevronFold10Icon,\n  ViewListTreeIcon,\n  BulletedTreeListIcon\n} from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { TreeViewModeEnums } from '../../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'space-between'\n    // width: 170\n  },\n  icon: {\n    margin: theme.spacing(0.5),\n    borderRadius: 2,\n    width: theme.spacing(1),\n    height: theme.spacing(1)\n  }\n}));\n\nexport const InquiryControlList = ({\n  remove,\n  expandAll,\n  collapseAll,\n  moveToTop,\n  clearAll,\n  switchTreeViewMode,\n  treeViewMode,\n  hiddenControls = [],\n  classes: classProps\n}) => {\n  const classes = useStyles();\n  const { inquiryControlListRoot } = classProps || {};\n\n  const controlList = useMemo(() => {\n    return [\n      {\n        id: 'clearAll',\n        label: 'Clear All',\n        icon: SkypeMinusIcon,\n        clickFunction: clearAll\n      },\n      {\n        id: 'remove',\n        label: 'Remove',\n        icon: EraseToolIcon,\n        clickFunction: remove\n      },\n      {\n        id: 'collapseAll',\n        label: 'Collapse All',\n        icon: ChevronFold10Icon,\n        clickFunction: collapseAll\n      },\n      {\n        id: 'expandAll',\n        label: 'Expand All',\n        icon: ChevronUnfold10Icon,\n        clickFunction: expandAll\n      },\n      {\n        id: 'moveToTop',\n        label: 'Move To Top',\n        icon: UploadIcon,\n        clickFunction: moveToTop\n      },\n      {\n        id: 'switchTreeViewMode',\n        label:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? 'Classic View'\n            : 'Compact View',\n        icon:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? ViewListTreeIcon\n            : BulletedTreeListIcon,\n        clickFunction: switchTreeViewMode\n      }\n    ];\n  }, [\n    remove,\n    expandAll,\n    moveToTop,\n    clearAll,\n    collapseAll,\n    treeViewMode,\n    switchTreeViewMode\n  ]);\n\n  const filteredControlList = useMemo(() => {\n    if (!controlList) {\n      return [];\n    }\n    return controlList.filter(\n      (control) => !hiddenControls.includes(control.id)\n    );\n  }, [controlList, hiddenControls]);\n\n  const ButtonItem = ({ title, icon, clickFunction }) => {\n    return (\n      <IconButtonWithTooltip\n        id={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        udprecordid={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        title={title}\n        className={classes.icon}\n        size='medium'\n        onClick={clickFunction}\n        icon={icon}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(classes.root, inquiryControlListRoot)}>\n      {filteredControlList.map((item) => {\n        return (\n          <ButtonItem\n            title={item.label}\n            icon={item.icon}\n            clickFunction={item.clickFunction}\n          />\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useMemo, useState, useEffect } from 'react';\nimport { makeStyles, Typography, Popper, useTheme } from '@material-ui/core';\nimport { InquiryControlList } from './InquiryControlList';\nimport { FluentSearchField } from '../../UI/inputs/textField/FluentSearchField';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  upperWrapper: {\n    paddingLeft: theme.spacing(1),\n    paddingRight: theme.spacing(1)\n  },\n  button: {\n    textTransform: 'none',\n    textDecorationLine: 'underline',\n    padding: 0,\n    height: theme.spacing(3),\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    }\n  },\n  searchRow: {\n    display: 'inline-flex',\n    width: '100%'\n  },\n  searchField: {\n    width: '100%'\n  },\n  entitySelect: {},\n  inputPropRoot: { height: theme.spacing(4), borderRadius: 0 },\n  inputPropInput: { marginTop: theme.spacing(-1.75) },\n  formControl: {\n    '& .MuiFormControl-marginDense': {\n      marginTop: 7\n    },\n    width: theme.spacing(9)\n  },\n  formLabelRoot: {\n    marginTop: -7\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return (\n    <Popper\n      {...props}\n      style={{ maxWidth: 'fit-content' }}\n      placement='bottom-start'\n    />\n  );\n};\n\nexport const InquiryNodeControls = (props) => {\n  const {\n    children,\n    remove,\n    expandAll,\n    collapseAll,\n    moveToTop,\n    clearAll,\n    switchTreeViewMode,\n    treeViewMode,\n    changeSideBarView,\n    showSearch = true,\n    showControls = true,\n    hiddenControls = [],\n    classes: classProps,\n    entityList,\n    entityValue,\n    setEntityValue,\n    clearSearchStr,\n    setClearSearchStr,\n    isPreloadedTree,\n    treeLoading,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const [searchValue, setSearchValue] = useState('');\n  const theme = useTheme();\n\n  const handleEntityChange = (value) => {\n    setEntityValue(value);\n  };\n\n  const handleOnChange = (event) => {\n    setSearchValue(event.target.value);\n  };\n\n  const updatedEntityList = useMemo(() => {\n    if (!entityList) {\n      return [];\n    }\n    const list = [...entityList];\n    list.unshift({ value: '', label: 'All' });\n    return list;\n  }, [entityList]);\n\n  useEffect(() => {\n    if (clearSearchStr) {\n      setSearchValue('');\n      setClearSearchStr(false);\n    }\n  }, [clearSearchStr, setClearSearchStr]);\n\n  return (\n    <>\n      <div className={classes.upperWrapper}>\n        {showSearch && !isPreloadedTree && (\n          <div className={classes.searchRow}>\n            <div className={classes.searchField}>\n              <FluentSearchField\n                id='udpRecord-InquiryNodeControls-Search'\n                udprecordid='udpRecord-InquiryNodeControls-Search'\n                value={searchValue}\n                onChange={handleOnChange}\n                {...otherProps}\n              />\n            </div>\n            {!!!hiddenControls.length && (\n              <div className={classes.entitySelect}>\n                <FluentTextFieldAutoComplete\n                  id='udpRecord-InquiryNodeControls-DropDown'\n                  udprecordid='udpRecord-InquiryNodeControls-DropDown'\n                  variant='filled'\n                  margin='normal'\n                  size='small'\n                  fullWidth\n                  disableClearable={true}\n                  customPopper={AutoCompletePopper}\n                  inputProps={{ disableUnderline: true }}\n                  classes={classes}\n                  options={updatedEntityList}\n                  optionKey='label'\n                  value={entityValue || updatedEntityList[0]}\n                  onChange={handleEntityChange}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: showControls ? 'space-between' : 'end',\n            height: !!hiddenControls?.length && theme.spacing(3)\n          }}\n        >\n          {showControls && (\n            <InquiryControlList\n              remove={remove}\n              expandAll={expandAll}\n              collapseAll={collapseAll}\n              moveToTop={moveToTop}\n              clearAll={clearAll}\n              switchTreeViewMode={switchTreeViewMode}\n              treeViewMode={treeViewMode}\n              hiddenControls={hiddenControls}\n              classes={classProps}\n            />\n          )}\n          {!!!hiddenControls.length && changeSideBarView && !treeLoading && (\n            <FluentButton\n              id='udpRecord-InquiryNodeControls-AdvSearch'\n              udprecordid='udpRecord-InquiryNodeControls-AdvSearch'\n              onClick={() => changeSideBarView(1)}\n              className={classes.button}\n            >\n              <Typography variant='caption'>Adv. Search</Typography>\n            </FluentButton>\n          )}\n        </div>\n      </div>\n      {showControls && (\n        <div\n          style={{\n            // margin: !!!hiddenControls.length ? '0px 8px 4px' : '8px 8px 4px',\n            marginBottom: !!!hiddenControls.length ? 0 : 8\n          }}\n        >\n          {/* <Divider /> */}\n        </div>\n      )}\n      <div className={classes.root}>{children}</div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/layout-BXuf6qmj.js

@@ -1,128 +0,0 @@
-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-CPfKPnRD.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-BXuf6qmj.js.map

package/dist/layout-BXuf6qmj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-BXuf6qmj.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/mapFunctions-DubdBtND.js

@@ -1,32 +0,0 @@
-import { useState } from "react";
-
-//#region src/map-library/functions/mapFunctions.js
-const useControlZoom = (initial) => {
-	const [zoom, setZoom] = useState(initial);
-	const handleSetZoom = (input) => {
-		setZoom(zoom + (input === "in" ? 1 : -1));
-	};
-	const handleSliderChange = (event, newValue) => {
-		setZoom(newValue);
-	};
-	const handleInputChange = (event) => {
-		setZoom(event.target.value === "" ? "" : Number(event.target.value));
-	};
-	return [
-		zoom,
-		handleSetZoom,
-		handleSliderChange,
-		handleInputChange
-	];
-};
-const usePosition = (initial) => {
-	const [center, setCenter] = useState(initial);
-	const handlePosition = (input) => {
-		setCenter(input);
-	};
-	return [center, handlePosition];
-};
-
-//#endregion
-export { usePosition as n, useControlZoom as t };
-//# sourceMappingURL=mapFunctions-DubdBtND.js.map

package/dist/mapFunctions-DubdBtND.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapFunctions-DubdBtND.js","names":[],"sources":["../src/map-library/functions/mapFunctions.js"],"sourcesContent":["import { useState } from 'react'\n\nexport const useControlZoom = (initial) => {\n  const [zoom, setZoom] = useState(initial)\n\n  const handleSetZoom = (input) => {\n    const direction = input === 'in' ? 1 : -1\n    setZoom(zoom + direction)\n  }\n\n  const handleSliderChange = (event, newValue) => {\n    setZoom(newValue)\n  }\n\n  const handleInputChange = (event) => {\n    setZoom(event.target.value === '' ? '' : Number(event.target.value))\n  }\n\n  return [zoom, handleSetZoom, handleSliderChange, handleInputChange]\n}\n\nexport const usePosition = (initial) => {\n  const [center, setCenter] = useState(initial)\n\n  const handlePosition = (input) => {\n    setCenter(input)\n  }\n\n  return [center, handlePosition]\n}\n"],"mappings":";;;AAEA,MAAa,kBAAkB,YAAY;CACzC,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CAEzC,MAAM,iBAAiB,UAAU;AAE/B,UAAQ,QADU,UAAU,OAAO,IAAI,IACd;;CAG3B,MAAM,sBAAsB,OAAO,aAAa;AAC9C,UAAQ,SAAS;;CAGnB,MAAM,qBAAqB,UAAU;AACnC,UAAQ,MAAM,OAAO,UAAU,KAAK,KAAK,OAAO,MAAM,OAAO,MAAM,CAAC;;AAGtE,QAAO;EAAC;EAAM;EAAe;EAAoB;EAAkB;;AAGrE,MAAa,eAAe,YAAY;CACtC,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAE7C,MAAM,kBAAkB,UAAU;AAChC,YAAU,MAAM;;AAGlB,QAAO,CAAC,QAAQ,eAAe"}