udp-react-enterprise-component-library 25.18.1-beta.25 → 25.18.1-beta.27

package/dist/inquiryBar-Dzmswo8F.js

@@ -1,209 +0,0 @@
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
-import { M as TreeViewModeEnums } from "./unitySystemEnums-DQSkCr3D.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-Dzmswo8F.js.map

package/dist/inquiryBar-Dzmswo8F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inquiryBar-Dzmswo8F.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/menuPage-DPvDtKpN.js

@@ -1,98 +0,0 @@
-import { t as MenuPage_default } from "./MenuPage-D-GljLi1.js";
-import React from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/menuPage/CustomMenuPage.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	flexGrow: 1,
-	padding: theme.spacing(1)
-} }));
-function buildInnerMenuFromItems(items = [], menuTitle, idPrefix = "custom", showItemCount = false, itemCountAccessor = null) {
-	const idMap = {};
-	const views = (items || []).map((item, idx) => {
-		const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;
-		const menuStructureId = `${idPrefix}-${itemKey}`;
-		let itemCount = null;
-		if (showItemCount && typeof itemCountAccessor === "function") try {
-			const cnt = itemCountAccessor(item);
-			if (cnt !== void 0 && cnt !== null) itemCount = cnt;
-		} catch (e) {}
-		idMap[menuStructureId] = item;
-		item.__menuStructureId = menuStructureId;
-		item.__itemKey = itemKey;
-		const parametersObj = {
-			FluentIcon: "PageListIcon",
-			PageId: "",
-			defaultDisplay: "expanded"
-		};
-		if (itemCount !== null && itemCount !== void 0) parametersObj.itemCount = itemCount;
-		return {
-			menuStructureId,
-			menuItemInstance: {
-				menuItemInstanceId: `${idPrefix}-item-${itemKey}`,
-				clusterId: null,
-				menuItemId: null,
-				name: item.name ?? "",
-				parameters: JSON.stringify(parametersObj),
-				isActive: true,
-				roleIds: [],
-				groupIds: [],
-				tenantSsoId: null,
-				parentMenuItemInstanceId: null,
-				items: null
-			},
-			title: item.name ?? "",
-			order: idx,
-			parentId: null,
-			unsubscribed: false,
-			menuItemInstanceStructures: []
-		};
-	});
-	return {
-		innerMenu: {
-			name: menuTitle ? menuTitle : "",
-			menuItemInstanceStructureViews: views
-		},
-		idMap
-	};
-}
-const CustomMenuPage = ({ items = [], className = "", menuTitle, mainContent: clientMainContent, idPrefix = "custom", showItemCount = false, itemCountAccessor = null, allowMissingPageParam = false, searchParamsTransformer = null }) => {
-	const classes = useStyles();
-	const { innerMenu, idMap } = buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor);
-	const clientContent = clientMainContent ? ({ selectedNode, menuItemsList }) => clientMainContent({
-		selectedNode,
-		menuItemsList,
-		idMap,
-		items,
-		classes,
-		className
-	}) : ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` });
-	const composedMainContent = ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` }, clientContent({
-		selectedNode,
-		menuItemsList
-	}));
-	return /* @__PURE__ */ React.createElement(MenuPage_default, {
-		innerMenuOverride: innerMenu,
-		mainContent: composedMainContent,
-		menuTitle,
-		allowMissingPageParam,
-		searchParamsTransformer
-	});
-};
-CustomMenuPage.propTypes = {
-	items: PropTypes.array,
-	className: PropTypes.string,
-	menuTitle: PropTypes.string,
-	mainContent: PropTypes.func,
-	idPrefix: PropTypes.string,
-	showItemCount: PropTypes.bool,
-	itemCountAccessor: PropTypes.func,
-	allowMissingPageParam: PropTypes.bool,
-	searchParamsTransformer: PropTypes.func
-};
-var CustomMenuPage_default = CustomMenuPage;
-
-//#endregion
-export { CustomMenuPage_default as t };
-//# sourceMappingURL=menuPage-DPvDtKpN.js.map

package/dist/menuPage-DPvDtKpN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuPage-DPvDtKpN.js","names":["MenuPage"],"sources":["../src/menuPage/CustomMenuPage.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuPage from './MenuPage';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    flexGrow: 1,\n    padding: theme.spacing(1),\n  },\n}));\n\n\nfunction buildInnerMenuFromItems(items = [], menuTitle, idPrefix = 'custom', showItemCount = false, itemCountAccessor = null) {\n  const idMap = {};\n  const views = (items || []).map((item, idx) => {\n    const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;\n    const menuStructureId = `${idPrefix}-${itemKey}`;\n\n    // compute optional count using accessor\n    let itemCount = null;\n    if (showItemCount && typeof itemCountAccessor === 'function') {\n      try {\n        const cnt = itemCountAccessor(item);\n        if (cnt !== undefined && cnt !== null) {\n          itemCount = cnt;\n        }\n      } catch (e) {\n      }\n    }\n\n    idMap[menuStructureId] = item;\n    item.__menuStructureId = menuStructureId;\n    item.__itemKey = itemKey;\n\n    const parametersObj = { FluentIcon: 'PageListIcon', PageId: '', defaultDisplay: 'expanded' };\n    if (itemCount !== null && itemCount !== undefined) {\n      parametersObj.itemCount = itemCount;\n    }\n\n    return {\n      menuStructureId,\n      menuItemInstance: {\n        menuItemInstanceId: `${idPrefix}-item-${itemKey}`,\n        clusterId: null,\n        menuItemId: null,\n        name: item.name ?? '',\n        parameters: JSON.stringify(parametersObj),\n        isActive: true,\n        roleIds: [],\n        groupIds: [],\n        tenantSsoId: null,\n        parentMenuItemInstanceId: null,\n        items: null,\n      },\n      title: item.name ?? '',\n      order: idx,\n      parentId: null,\n      unsubscribed: false,\n      menuItemInstanceStructures: [],\n    };\n  });\n\n  const innerMenu = {\n    // set the inner menu name only when client provided a menuTitle; leave blank when not provided\n    name: menuTitle ? menuTitle : '',\n    menuItemInstanceStructureViews: views,\n  };\n\n  return { innerMenu, idMap };\n}\n\nconst CustomMenuPage = ({\n  items = [],\n  className = '',\n  menuTitle,\n  mainContent: clientMainContent,\n  idPrefix = 'custom',\n  showItemCount = false,\n  itemCountAccessor = null,\n  allowMissingPageParam = false,\n  searchParamsTransformer = null,\n}) => {\n  const classes = useStyles();\n\n  const { innerMenu, idMap } = buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor);\n\n  // Expect client application to provide mainContent. If not provided, render an empty container.\n  const clientContent = clientMainContent\n    ? ({ selectedNode, menuItemsList }) =>\n        clientMainContent({ selectedNode, menuItemsList, idMap, items, classes, className })\n    : ({ selectedNode, menuItemsList }) => <div className={`${classes.root} ${className}`} />;\n\n  const composedMainContent = ({ selectedNode, menuItemsList }) => (\n    <div className={`${classes.root} ${className}`}>\n      {clientContent({ selectedNode, menuItemsList })}\n    </div>\n  );\n\n  return (\n    <MenuPage\n      innerMenuOverride={innerMenu}\n      mainContent={composedMainContent}\n      menuTitle={menuTitle}\n      allowMissingPageParam={allowMissingPageParam}\n      searchParamsTransformer={searchParamsTransformer}\n    />\n  );\n};\n\nCustomMenuPage.propTypes = {\n  items: PropTypes.array,\n  className: PropTypes.string,\n  menuTitle: PropTypes.string,\n  mainContent: PropTypes.func,\n  idPrefix: PropTypes.string,\n  showItemCount: PropTypes.bool,\n  itemCountAccessor: PropTypes.func,\n  allowMissingPageParam: PropTypes.bool,\n  searchParamsTransformer: PropTypes.func,\n};\n\nexport default CustomMenuPage;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU,EACrC,MAAM;CACJ,UAAU;CACV,SAAS,MAAM,QAAQ,EAAE;CAC1B,EACF,EAAE;AAGH,SAAS,wBAAwB,QAAQ,EAAE,EAAE,WAAW,WAAW,UAAU,gBAAgB,OAAO,oBAAoB,MAAM;CAC5H,MAAM,QAAQ,EAAE;CAChB,MAAM,SAAS,SAAS,EAAE,EAAE,KAAK,MAAM,QAAQ;EAC7C,MAAM,UAAU,KAAK,MAAM,KAAK,MAAM,KAAK,WAAW;EACtD,MAAM,kBAAkB,GAAG,SAAS,GAAG;EAGvC,IAAI,YAAY;AAChB,MAAI,iBAAiB,OAAO,sBAAsB,WAChD,KAAI;GACF,MAAM,MAAM,kBAAkB,KAAK;AACnC,OAAI,QAAQ,UAAa,QAAQ,KAC/B,aAAY;WAEP,GAAG;AAId,QAAM,mBAAmB;AACzB,OAAK,oBAAoB;AACzB,OAAK,YAAY;EAEjB,MAAM,gBAAgB;GAAE,YAAY;GAAgB,QAAQ;GAAI,gBAAgB;GAAY;AAC5F,MAAI,cAAc,QAAQ,cAAc,OACtC,eAAc,YAAY;AAG5B,SAAO;GACL;GACA,kBAAkB;IAChB,oBAAoB,GAAG,SAAS,QAAQ;IACxC,WAAW;IACX,YAAY;IACZ,MAAM,KAAK,QAAQ;IACnB,YAAY,KAAK,UAAU,cAAc;IACzC,UAAU;IACV,SAAS,EAAE;IACX,UAAU,EAAE;IACZ,aAAa;IACb,0BAA0B;IAC1B,OAAO;IACR;GACD,OAAO,KAAK,QAAQ;GACpB,OAAO;GACP,UAAU;GACV,cAAc;GACd,4BAA4B,EAAE;GAC/B;GACD;AAQF,QAAO;EAAE,WANS;GAEhB,MAAM,YAAY,YAAY;GAC9B,gCAAgC;GACjC;EAEmB;EAAO;;AAG7B,MAAM,kBAAkB,EACtB,QAAQ,EAAE,EACV,YAAY,IACZ,WACA,aAAa,mBACb,WAAW,UACX,gBAAgB,OAChB,oBAAoB,MACpB,wBAAwB,OACxB,0BAA0B,WACtB;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,EAAE,WAAW,UAAU,wBAAwB,OAAO,WAAW,UAAU,eAAe,kBAAkB;CAGlH,MAAM,gBAAgB,qBACjB,EAAE,cAAc,oBACf,kBAAkB;EAAE;EAAc;EAAe;EAAO;EAAO;EAAS;EAAW,CAAC,IACrF,EAAE,cAAc,oBAAoB,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,cAAe;CAE3F,MAAM,uBAAuB,EAAE,cAAc,oBAC3C,oCAAC,SAAI,WAAW,GAAG,QAAQ,KAAK,GAAG,eAChC,cAAc;EAAE;EAAc;EAAe,CAAC,CAC3C;AAGR,QACE,oCAACA;EACC,mBAAmB;EACnB,aAAa;EACF;EACY;EACE;GACzB;;AAIN,eAAe,YAAY;CACzB,OAAO,UAAU;CACjB,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,aAAa,UAAU;CACvB,UAAU,UAAU;CACpB,eAAe,UAAU;CACzB,mBAAmB,UAAU;CAC7B,uBAAuB,UAAU;CACjC,yBAAyB,UAAU;CACpC;AAED,6BAAe"}

package/dist/menuUtilities-58E3hJ9u.js

@@ -1,71 +0,0 @@
-import { n as UdpPageEnums } from "./pageEnums-DHCYa0ey.js";
-import { i as DeviceTypeEnums, m as MenuItemEnums } from "./unitySystemEnums-DQSkCr3D.js";
-import * as Icons from "@fluentui/react-icons";
-import { isDesktop, isMobileOnly, isTablet } from "react-device-detect";
-
-//#region src/utilities/menus/menuUtilities.js
-const getMenuItemsRecursively = (menuItems, activeOnly, user, getAccessToken, checkDeviceSize = true) => {
-	return menuItems.reduce((formattedItems, item) => {
-		try {
-			if (activeOnly && !item.menuItemInstance.isActive) return formattedItems;
-			const { FluentIcon, WorkFlowIcon, AppIcon, Label, Slug, RedirectURL, AppendTokenToURL, DevicesHiddenOn, appendCurrentTenant, ...otherParams } = JSON.parse(item.menuItemInstance.parameters);
-			let redirectInfo = "";
-			if (RedirectURL) {
-				redirectInfo = RedirectURL;
-				if (appendCurrentTenant) redirectInfo = `${RedirectURL}?tenantId=${user?.currentTenantId || ""}`;
-			}
-			const formattedParameters = {
-				id: item.menuItemInstance.menuItemInstanceId,
-				label: Label ?? "",
-				link: getFormattedSlug(Slug, { ...otherParams }) ?? "",
-				redirectInfo,
-				getAccessToken: getAccessToken && AppendTokenToURL ? getAccessToken : null,
-				menuItemId: item.menuItemInstance.menuItemId,
-				menuStructureId: item.menuStructureId,
-				parentId: item.parentId,
-				productId: item.menuItemInstance.productId,
-				isActive: item.menuItemInstance.isActive,
-				roleIds: item.menuItemInstance.roleIds,
-				tenantSsoId: item?.menuItemInstance?.tenantSsoId,
-				devicesHiddenOn: DevicesHiddenOn || [],
-				params: { ...otherParams }
-			};
-			let iconName = "";
-			if (FluentIcon) iconName = FluentIcon;
-			else if (WorkFlowIcon) iconName = WorkFlowIcon;
-			formattedParameters.icon = iconName ? Icons[iconName] : null;
-			formattedParameters.iconName = iconName ? iconName : null;
-			formattedParameters["items"] = item.menuItemInstanceStructures.length ? getMenuItemsRecursively(item.menuItemInstanceStructures, activeOnly, user, getAccessToken, checkDeviceSize) : [];
-			if (checkDeviceSize) {
-				if (!(isDesktop && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Desktop)) && !(isTablet && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Tablet)) && !(isMobileOnly && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Mobile))) formattedItems.push(formattedParameters);
-			} else formattedItems.push(formattedParameters);
-		} catch {}
-		return formattedItems;
-	}, []);
-};
-const getFormattedSlug = (slug, params) => {
-	let formattedSlug = slug;
-	if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) formattedSlug = `${slug}${params?.entityName ? `?entityName=${params?.entityName}` : ""}`;
-	else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) formattedSlug = `${slug}?queryId=${params?.queryId}`;
-	return formattedSlug;
-};
-const getRouteRolesMapAndMenuActiveMap = (menu) => {
-	const updatedRolesMap = /* @__PURE__ */ new Map();
-	const updatedisMenuActiveMap = /* @__PURE__ */ new Map();
-	menu[0].menuItemInstanceStructureViews.map((menuItemInstanceStructureView) => {
-		let menuItemInstance = menuItemInstanceStructureView.menuItemInstance;
-		if (menuItemInstance.menuItemId == MenuItemEnums.Route) {
-			let formattedMenuItemName = menuItemInstance.name.toLowerCase().replaceAll(" ", "");
-			updatedRolesMap.set(formattedMenuItemName, menuItemInstance.roleIds);
-			updatedisMenuActiveMap.set(formattedMenuItemName, menuItemInstance.isActive);
-		}
-	});
-	return {
-		rolesMap: updatedRolesMap,
-		menuActiveMap: updatedisMenuActiveMap
-	};
-};
-
-//#endregion
-export { getRouteRolesMapAndMenuActiveMap as n, getMenuItemsRecursively as t };
-//# sourceMappingURL=menuUtilities-58E3hJ9u.js.map

package/dist/menuUtilities-58E3hJ9u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuUtilities-58E3hJ9u.js","names":[],"sources":["../src/utilities/menus/menuUtilities.js"],"sourcesContent":["import * as Icons from '@fluentui/react-icons';\nimport { UdpPageEnums } from '../../enums/pageEnums';\nimport { isMobileOnly, isTablet, isDesktop } from 'react-device-detect';\nimport { DeviceTypeEnums,MenuItemEnums } from '../../enums/unitySystemEnums';\n\nexport const getMenuItemsRecursively = (\n  menuItems,\n  activeOnly,\n  user,\n  getAccessToken,\n  checkDeviceSize = true\n) => {\n  return menuItems.reduce((formattedItems, item) => {\n    try {\n      if (activeOnly && !item.menuItemInstance.isActive) {\n        return formattedItems;\n      }\n      const parameters = JSON.parse(item.menuItemInstance.parameters);\n      const {\n        FluentIcon,\n        WorkFlowIcon,\n        AppIcon,\n        Label,\n        Slug,\n        RedirectURL,\n        AppendTokenToURL,\n        DevicesHiddenOn,\n        appendCurrentTenant,\n        ...otherParams\n      } = parameters;\n      let redirectInfo = '';\n      if (RedirectURL) {\n        redirectInfo = RedirectURL;\n        if (appendCurrentTenant) {\n          redirectInfo = `${RedirectURL}?tenantId=${\n            user?.currentTenantId || ''\n          }`;\n        }\n      }\n      const formattedParameters = {\n        id: item.menuItemInstance.menuItemInstanceId,\n        label: Label ?? '',\n        link: getFormattedSlug(Slug, { ...otherParams }) ?? '',\n        redirectInfo: redirectInfo,\n        getAccessToken:\n          getAccessToken && AppendTokenToURL ? getAccessToken : null,\n        menuItemId: item.menuItemInstance.menuItemId,\n        menuStructureId: item.menuStructureId,\n        parentId: item.parentId,\n        productId: item.menuItemInstance.productId,\n        isActive: item.menuItemInstance.isActive,\n        roleIds: item.menuItemInstance.roleIds,\n        tenantSsoId: item?.menuItemInstance?.tenantSsoId,\n        devicesHiddenOn: DevicesHiddenOn || [],\n        params: { ...otherParams }\n      };\n\n      let iconName = '';\n      if (FluentIcon) {\n        iconName = FluentIcon;\n      } else if (WorkFlowIcon) {\n        iconName = WorkFlowIcon;\n      }\n      formattedParameters.icon = iconName ? Icons[iconName] : null;\n      formattedParameters.iconName = iconName ? iconName : null;\n\n      formattedParameters['items'] = item.menuItemInstanceStructures.length\n        ? getMenuItemsRecursively(\n            item.menuItemInstanceStructures,\n            activeOnly,\n            user,\n            getAccessToken,\n            checkDeviceSize\n          )\n        : [];\n      if (checkDeviceSize) {\n        if (\n          !(\n            isDesktop &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Desktop\n            )\n          ) &&\n          !(\n            isTablet &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Tablet\n            )\n          ) &&\n          !(\n            isMobileOnly &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Mobile\n            )\n          )\n        ) {\n          formattedItems.push(formattedParameters);\n        }\n      } else {\n        formattedItems.push(formattedParameters);\n      }\n    } catch {\n      // catching parse error\n    }\n    return formattedItems;\n  }, []);\n};\n\nconst getFormattedSlug = (slug, params) => {\n  let formattedSlug = slug;\n  if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) {\n    formattedSlug = `${slug}${\n      params?.entityName ? `?entityName=${params?.entityName}` : ''\n    }`;\n  } else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) {\n    formattedSlug = `${slug}?queryId=${params?.queryId}`;\n  }\n\n  return formattedSlug;\n};\n\nexport const getRouteRolesMapAndMenuActiveMap = (menu) => {\n  const updatedRolesMap = new Map()\n  const updatedisMenuActiveMap = new Map()\n  menu[0].menuItemInstanceStructureViews.map((menuItemInstanceStructureView) => {\n    let menuItemInstance = menuItemInstanceStructureView.menuItemInstance\n    if (menuItemInstance.menuItemId == MenuItemEnums.Route) {\n      let formattedMenuItemName = menuItemInstance.name.toLowerCase().replaceAll(\" \", \"\")\n      updatedRolesMap.set(formattedMenuItemName, menuItemInstance.roleIds)\n      updatedisMenuActiveMap.set(formattedMenuItemName, menuItemInstance.isActive)\n    }\n  })\n  return {rolesMap: updatedRolesMap, menuActiveMap: updatedisMenuActiveMap}\n}\n"],"mappings":";;;;;;AAKA,MAAa,2BACX,WACA,YACA,MACA,gBACA,kBAAkB,SACf;AACH,QAAO,UAAU,QAAQ,gBAAgB,SAAS;AAChD,MAAI;AACF,OAAI,cAAc,CAAC,KAAK,iBAAiB,SACvC,QAAO;GAGT,MAAM,EACJ,YACA,cACA,SACA,OACA,MACA,aACA,kBACA,iBACA,qBACA,GAAG,gBAXc,KAAK,MAAM,KAAK,iBAAiB,WAAW;GAa/D,IAAI,eAAe;AACnB,OAAI,aAAa;AACf,mBAAe;AACf,QAAI,oBACF,gBAAe,GAAG,YAAY,YAC5B,MAAM,mBAAmB;;GAI/B,MAAM,sBAAsB;IAC1B,IAAI,KAAK,iBAAiB;IAC1B,OAAO,SAAS;IAChB,MAAM,iBAAiB,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI;IACtC;IACd,gBACE,kBAAkB,mBAAmB,iBAAiB;IACxD,YAAY,KAAK,iBAAiB;IAClC,iBAAiB,KAAK;IACtB,UAAU,KAAK;IACf,WAAW,KAAK,iBAAiB;IACjC,UAAU,KAAK,iBAAiB;IAChC,SAAS,KAAK,iBAAiB;IAC/B,aAAa,MAAM,kBAAkB;IACrC,iBAAiB,mBAAmB,EAAE;IACtC,QAAQ,EAAE,GAAG,aAAa;IAC3B;GAED,IAAI,WAAW;AACf,OAAI,WACF,YAAW;YACF,aACT,YAAW;AAEb,uBAAoB,OAAO,WAAW,MAAM,YAAY;AACxD,uBAAoB,WAAW,WAAW,WAAW;AAErD,uBAAoB,WAAW,KAAK,2BAA2B,SAC3D,wBACE,KAAK,4BACL,YACA,MACA,gBACA,gBACD,GACD,EAAE;AACN,OAAI,iBACF;QACE,EACE,aACA,qBAAqB,iBAAiB,SACpC,gBAAgB,QACjB,KAEH,EACE,YACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,KAEH,EACE,gBACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,EAGH,gBAAe,KAAK,oBAAoB;SAG1C,gBAAe,KAAK,oBAAoB;UAEpC;AAGR,SAAO;IACN,EAAE,CAAC;;AAGR,MAAM,oBAAoB,MAAM,WAAW;CACzC,IAAI,gBAAgB;AACpB,KAAI,QAAQ,WAAW,aAAa,4BAClC,iBAAgB,GAAG,OACjB,QAAQ,aAAa,eAAe,QAAQ,eAAe;UAEpD,QAAQ,WAAW,aAAa,sBACzC,iBAAgB,GAAG,KAAK,WAAW,QAAQ;AAG7C,QAAO;;AAGT,MAAa,oCAAoC,SAAS;CACxD,MAAM,kCAAkB,IAAI,KAAK;CACjC,MAAM,yCAAyB,IAAI,KAAK;AACxC,MAAK,GAAG,+BAA+B,KAAK,kCAAkC;EAC5E,IAAI,mBAAmB,8BAA8B;AACrD,MAAI,iBAAiB,cAAc,cAAc,OAAO;GACtD,IAAI,wBAAwB,iBAAiB,KAAK,aAAa,CAAC,WAAW,KAAK,GAAG;AACnF,mBAAgB,IAAI,uBAAuB,iBAAiB,QAAQ;AACpE,0BAAuB,IAAI,uBAAuB,iBAAiB,SAAS;;GAE9E;AACF,QAAO;EAAC,UAAU;EAAiB,eAAe;EAAuB"}