udp-react-enterprise-component-library 25.18.1-beta.4 → 25.18.1-beta.41

package/dist/ShortcutContentFinder-DV4VXUyJ.js

@@ -1,123 +0,0 @@
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { N as UdpEnums, a as EntityAttributeEnums, d as LogicalSearchOperatorEnums } from "./unitySystemEnums-DQSkCr3D.js";
-import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useActionState } from "./useActions-CBGNxEKr.js";
-import { r as getSearchObject } from "./SearchUtilities-Df1gkDw9.js";
-import { a as getBaseMethod, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
-import { t as useTenantStore } from "./tenantStore-OMCaM0Mv.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Chip, Divider, List, ListItem, ListItemText, TextField, makeStyles } from "@material-ui/core";
-import { useTranslation } from "react-i18next";
-
-//#region src/udp/ShortcutContent/ListSearch.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	input: {
-		height: 34,
-		padding: 0
-	},
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 },
-	chipContainer: { marginRight: theme.spacing(1) },
-	divider: { width: "100%" }
-}));
-const ListSearch = (props) => {
-	const { items, onClick, contentKey = "content", tagKey = "code", includeTags = "false", searchLabel = "Search", maxHeight = 400 } = props;
-	const [searchText, setSearchText] = useState("");
-	const classes = useStyles(props);
-	const { t } = useTranslation();
-	const filteredItems = useMemo(() => {
-		if (!items.length) return [];
-		return items?.filter((item) => {
-			if (item[contentKey]?.toLowerCase().includes(searchText?.toLowerCase())) return true;
-			if (includeTags && item[tagKey]?.toLowerCase().includes(searchText?.toLowerCase())) return true;
-			return false;
-		});
-	}, [
-		searchText,
-		items,
-		contentKey,
-		tagKey,
-		includeTags
-	]);
-	const handleSearchChange = (event) => {
-		setSearchText(event.target.value);
-	};
-	const handleOnClick = useCallback((value) => {
-		if (onClick) onClick(value);
-	}, [onClick]);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(TextField, {
-		label: t(`${searchLabel}`),
-		value: searchText,
-		onChange: handleSearchChange,
-		fullWidth: true,
-		variant: "outlined",
-		size: "small",
-		margin: "dense",
-		InputProps: { classes: {
-			root: classes?.input,
-			input: classes?.formTextInput
-		} },
-		InputLabelProps: { classes: { root: classes?.labelRoot } }
-	}), /* @__PURE__ */ React.createElement(List, { style: {
-		maxHeight,
-		overflow: "auto",
-		overflowX: "hidden"
-	} }, filteredItems.map((item, index) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
-		button: true,
-		onClick: () => handleOnClick(item[contentKey]),
-		key: index,
-		disableGutters: true
-	}, includeTags && /* @__PURE__ */ React.createElement("div", { className: classes.chipContainer }, /* @__PURE__ */ React.createElement(Chip, {
-		label: item[tagKey],
-		color: "primary",
-		variant: "outlined"
-	})), /* @__PURE__ */ React.createElement(ListItemText, { primary: item[contentKey] })), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { orientation: "horizontal" }))))));
-};
-
-//#endregion
-//#region src/udp/ShortcutContent/ShortcutContentFinder.jsx
-const ShortcutContentFinder = (props) => {
-	const { onSelect } = props;
-	const [shortcutContentOptions, setShortCutContentOptions] = useState([]);
-	const { catalogPromotedEntities } = useActionState();
-	const shellHidden = useShellStore((state) => state.shellHidden);
-	const user = useUser();
-	const isProductTenant = useTenantStore((state) => state.isProductTenant);
-	const shortcutContentSearchApiMethod = useMemo(() => {
-		return getBaseMethod(UdpEnums.Udp_Shortcut_Content, "unityBaseSearchMethod", catalogPromotedEntities);
-	}, [catalogPromotedEntities]);
-	useEffect(() => {
-		const getTemplateOptions = async () => {
-			let options = [];
-			if (shortcutContentSearchApiMethod) {
-				const filterElements = [];
-				if (isProductTenant) filterElements.push({
-					searchField: EntityAttributeEnums.Is_Product_ShortcutContent,
-					searchValue: true,
-					searchOperator: "="
-				});
-				const shortcutContentResponse = await executeQueryAdHoc({ data: getSearchObject(filterElements, LogicalSearchOperatorEnums.Or, 200, true) }, shortcutContentSearchApiMethod.apiMethodId);
-				if (shortcutContentResponse?.status === 200) options = shortcutContentResponse.data?.pageList;
-			}
-			setShortCutContentOptions(options);
-		};
-		getTemplateOptions();
-	}, [
-		shortcutContentSearchApiMethod,
-		setShortCutContentOptions,
-		user,
-		isProductTenant
-	]);
-	return /* @__PURE__ */ React.createElement(ListSearch, {
-		items: shortcutContentOptions,
-		onClick: onSelect,
-		searchLabel: "Filter Shortcuts",
-		includeTags: true,
-		maxHeight: `calc(100vh - ${shellHidden ? "614px" : "669px"})`
-	});
-};
-
-//#endregion
-export { ListSearch as n, ShortcutContentFinder as t };
-//# sourceMappingURL=ShortcutContentFinder-DV4VXUyJ.js.map

package/dist/ShortcutContentFinder-DV4VXUyJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShortcutContentFinder-DV4VXUyJ.js","names":[],"sources":["../src/udp/ShortcutContent/ListSearch.jsx","../src/udp/ShortcutContent/ShortcutContentFinder.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  TextField,\n  List,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Chip,\n  Divider\n} from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  chipContainer: {\n    marginRight: theme.spacing(1)\n  },\n  divider: { width: '100%' }\n}));\n\nexport const ListSearch = (props) => {\n  const {\n    items,\n    onClick,\n    contentKey = 'content',\n    tagKey = 'code',\n    includeTags = 'false',\n    searchLabel = 'Search',\n    maxHeight = 400\n  } = props;\n  const [searchText, setSearchText] = useState('');\n  const classes = useStyles(props);\n\n  const { t } = useTranslation();\n\n  const filteredItems = useMemo(() => {\n    if (!items.length) {\n      return [];\n    }\n    return items?.filter((item) => {\n      if (item[contentKey]?.toLowerCase().includes(searchText?.toLowerCase())) {\n        return true;\n      }\n      if (\n        includeTags &&\n        item[tagKey]?.toLowerCase().includes(searchText?.toLowerCase())\n      ) {\n        return true;\n      }\n      return false;\n    });\n  }, [searchText, items, contentKey, tagKey, includeTags]);\n\n  const handleSearchChange = (event) => {\n    setSearchText(event.target.value);\n  };\n\n  const handleOnClick = useCallback(\n    (value) => {\n      if (onClick) {\n        onClick(value);\n      }\n    },\n    [onClick]\n  );\n\n  return (\n    <div className={classes.root}>\n      <TextField\n        label={t(`${searchLabel}`)}\n        value={searchText}\n        onChange={handleSearchChange}\n        fullWidth\n        variant='outlined'\n        size='small'\n        margin='dense'\n        InputProps={{\n          classes: {\n            root: classes?.input,\n            input: classes?.formTextInput\n          }\n        }}\n        InputLabelProps={{\n          classes: {\n            root: classes?.labelRoot\n          }\n        }}\n      />\n      <List\n        style={{ maxHeight: maxHeight, overflow: 'auto', overflowX: 'hidden' }}\n      >\n        {filteredItems.map((item, index) => (\n          <>\n            <ListItem\n              button\n              onClick={() => handleOnClick(item[contentKey])}\n              key={index}\n              disableGutters\n            >\n              {includeTags && (\n                <div className={classes.chipContainer}>\n                  <Chip\n                    label={item[tagKey]}\n                    color='primary'\n                    variant='outlined'\n                  />\n                </div>\n              )}\n              <ListItemText primary={item[contentKey]} />\n            </ListItem>\n            <div className={classes.divider}>\n              <Divider orientation='horizontal' />\n            </div>\n          </>\n        ))}\n      </List>\n    </div>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { ListSearch } from './ListSearch';\nimport {\n  EntityAttributeEnums,\n  LogicalSearchOperatorEnums,\n  UdpEnums\n} from '../../enums/unitySystemEnums';\nimport { getBaseMethod, executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { getSearchObject } from '../../utilities/search/SearchUtilities';\nimport { useTenantStore } from '../../stores/tenantStore';\n\nexport const ShortcutContentFinder = (props) => {\n  const { onSelect } = props;\n  const [shortcutContentOptions, setShortCutContentOptions] = useState([]);\n  const actionState = useActionState();\n  const { catalogPromotedEntities } = actionState;\n  const shellHidden = useShellStore((state) => state.shellHidden);\n  const user = useUser();\n  const isProductTenant = useTenantStore((state) => state.isProductTenant);\n\n  const shortcutContentSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Shortcut_Content,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  useEffect(() => {\n    const getTemplateOptions = async () => {\n      let options = [];\n      if (shortcutContentSearchApiMethod) {\n        const filterElements = [];\n        if (isProductTenant) {\n          filterElements.push({\n            searchField: EntityAttributeEnums.Is_Product_ShortcutContent,\n            searchValue: true,\n            searchOperator: '='\n          });\n        }\n        const searchObject = getSearchObject(\n          filterElements,\n          LogicalSearchOperatorEnums.Or,\n          200,\n          true\n        );\n        const data = { data: searchObject };\n        const shortcutContentResponse = await executeQueryAdHoc(\n          data,\n          shortcutContentSearchApiMethod.apiMethodId\n        );\n        if (shortcutContentResponse?.status === 200) {\n          options = shortcutContentResponse.data?.pageList;\n        }\n      }\n\n      setShortCutContentOptions(options);\n    };\n    getTemplateOptions();\n  }, [\n    shortcutContentSearchApiMethod,\n    setShortCutContentOptions,\n    user,\n    isProductTenant\n  ]);\n\n  return (\n    <ListSearch\n      items={shortcutContentOptions}\n      onClick={onSelect}\n      searchLabel='Filter Shortcuts'\n      includeTags={true}\n      maxHeight={`calc(100vh - ${shellHidden ? '614px' : '669px'})`}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/SideBarTemplate-BmBoBYZO.js

@@ -1,128 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { t as AmbientCard } from "./AmbientCard-blAjLcmr.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=SideBarTemplate-BmBoBYZO.js.map

package/dist/SideBarTemplate-BmBoBYZO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideBarTemplate-BmBoBYZO.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/SideSheet-DVvhEo7C.js

@@ -1,82 +0,0 @@
-import { t as SideSheetHeader } from "./SideSheetHeader-BS0A6YT-.js";
-import React from "react";
-import { CardContent, Drawer, LinearProgress, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/surfaces/SideSheet.jsx
-const useStyles = makeStyles((theme) => ({
-	paper: {
-		width: "100%",
-		[theme.breakpoints.up("sm")]: { width: (props) => props.width || 320 },
-		background: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[700] : "#f4f4f4"
-	},
-	container: {
-		height: (props) => props.contentHeight ? props.contentHeight : "",
-		overflowY: (props) => props.contentHeight ? "auto" : "",
-		padding: (props) => props.noPadding ? 0 : ""
-	}
-}));
-/**
-* Base right hand side sheet with no contents
-*/
-const BaseSideSheet = (props) => {
-	const classes = useStyles(props);
-	const { anchor = "right", width, children, onClose, noBackdrop, buttonLabel,...drawerProps } = props;
-	return /* @__PURE__ */ React.createElement(Drawer, {
-		classes: { paper: classes.paper },
-		variant: "temporary",
-		anchor,
-		onClose,
-		...drawerProps,
-		BackdropProps: { invisible: noBackdrop }
-	}, children);
-};
-/**
-* A right hand material side sheet
-*/
-const SideSheet = (props) => {
-	const classes = useStyles(props);
-	const { children, title, progress, progressColor, buttonLabel, noPadding, onSubmit, variant = "determinate", buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, buttonOneDisabled, buttonTwoDisabled, id, udprecordid,...otherProps } = props;
-	const { onClose } = props;
-	return /* @__PURE__ */ React.createElement(BaseSideSheet, otherProps, /* @__PURE__ */ React.createElement(SideSheetHeader, {
-		id,
-		udprecordid,
-		onClose,
-		title,
-		buttonLabel,
-		onSubmit,
-		buttonTwoLabel,
-		buttonTwoIcon,
-		buttonTwoAction,
-		buttonTwoProgress,
-		isSticky: true,
-		buttonOneDisabled,
-		buttonTwoDisabled,
-		...otherProps
-	}), progress && /* @__PURE__ */ React.createElement(LinearProgress, {
-		variant,
-		color: progressColor,
-		value: progress
-	}), /* @__PURE__ */ React.createElement(CardContent, { classes: { root: classes.container } }, children));
-};
-SideSheet.propTypes = {
-	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-	title: PropTypes.string.isRequired,
-	onClose: PropTypes.func,
-	open: PropTypes.bool,
-	progress: PropTypes.any,
-	progressColor: PropTypes.string,
-	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-	anchor: PropTypes.string,
-	buttonLabel: PropTypes.string,
-	noPadding: PropTypes.string,
-	contentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-SideSheet.defaultProps = {
-	anchor: "right",
-	progressColor: "secondary"
-};
-
-//#endregion
-export { SideSheet as n, BaseSideSheet as t };
-//# sourceMappingURL=SideSheet-DVvhEo7C.js.map

package/dist/SideSheet-DVvhEo7C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideSheet-DVvhEo7C.js","names":[],"sources":["../src/UI/surfaces/SideSheet.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  Drawer,\n  LinearProgress,\n  CardContent\n} from '@material-ui/core';\nimport { SideSheetHeader } from '../dataDisplay/typography/SideSheetHeader';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    // width: (props) => props.width || 320,\n    width: '100%',\n    [theme.breakpoints.up('sm')]: {\n      width: (props) => props.width || 320\n    },\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[700]\n        : '#f4f4f4'\n  },\n  container: {\n    height: (props) => (props.contentHeight ? props.contentHeight : ''),\n    overflowY: (props) => (props.contentHeight ? 'auto' : ''),\n    padding: (props) => (props.noPadding ? 0 : '')\n  }\n}));\n\n/**\n * Base right hand side sheet with no contents\n */\nexport const BaseSideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    anchor = 'right',\n    width,\n    children,\n    onClose,\n    noBackdrop,\n    buttonLabel,\n    ...drawerProps\n  } = props;\n\n  return (\n    <Drawer\n      classes={{ paper: classes.paper }}\n      variant='temporary'\n      anchor={anchor}\n      onClose={onClose}\n      {...drawerProps}\n      BackdropProps={{ invisible: noBackdrop }}\n    >\n      {children}\n    </Drawer>\n  );\n};\n\n/**\n * A right hand material side sheet\n */\nexport const SideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    title,\n    progress,\n    progressColor,\n    buttonLabel,\n    noPadding,\n    onSubmit,\n    variant = 'determinate',\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    id,\n    udprecordid,\n    ...otherProps\n  } = props;\n  const { onClose } = props;\n  return (\n    <BaseSideSheet {...otherProps}>\n      <SideSheetHeader\n        id={id}\n        udprecordid={udprecordid}\n        onClose={onClose}\n        title={title}\n        buttonLabel={buttonLabel}\n        onSubmit={onSubmit}\n        buttonTwoLabel={buttonTwoLabel}\n        buttonTwoIcon={buttonTwoIcon}\n        buttonTwoAction={buttonTwoAction}\n        buttonTwoProgress={buttonTwoProgress}\n        isSticky={true}\n        buttonOneDisabled={buttonOneDisabled}\n        buttonTwoDisabled={buttonTwoDisabled}\n        {...otherProps}\n      />\n      {progress && (\n        <LinearProgress\n          variant={variant}\n          color={progressColor}\n          value={progress}\n        />\n      )}\n      <CardContent classes={{ root: classes.container }}>\n        {children}\n      </CardContent>\n    </BaseSideSheet>\n  );\n};\n\nSideSheet.propTypes = {\n  /**\n   * Main content for the modal view\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * SideSheet title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Function to close SideSheet\n   */\n  onClose: PropTypes.func,\n  /**\n   * Determins the open or closed state of the SideSheet\n   */\n  open: PropTypes.bool,\n  /**\n   * Value for progress loading\n   */\n  progress: PropTypes.any, // ToDo: add fix for hiding 0 progress\n  /**\n   * Progress loading color\n   */\n  progressColor: PropTypes.string,\n  /**\n   * Width of the SideSheet\n   */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /**\n   * Anchor orgin of card (right, left, top, bottom)\n   */\n  anchor: PropTypes.string,\n  /**\n   * Label for top action button (global only)\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Option to override container padding\n   */\n  noPadding: PropTypes.string,\n  /**\n   * Progress loading color\n   */\n  contentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nSideSheet.defaultProps = {\n  anchor: 'right',\n  progressColor: 'secondary'\n};\n"],"mappings":";;;;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EAEL,OAAO;GACN,MAAM,YAAY,GAAG,KAAK,GAAG,EAC5B,QAAQ,UAAU,MAAM,SAAS,KAClC;EACD,YACE,OAAO,cAAc,EAAE,SAAS,SAC5B,MAAM,QAAQ,KAAK,OACnB;EACP;CACD,WAAW;EACT,SAAS,UAAW,MAAM,gBAAgB,MAAM,gBAAgB;EAChE,YAAY,UAAW,MAAM,gBAAgB,SAAS;EACtD,UAAU,UAAW,MAAM,YAAY,IAAI;EAC5C;CACF,EAAE;;;;AAKH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,SAAS,SACT,OACA,UACA,SACA,YACA,YACA,GAAG,gBACD;AAEJ,QACE,oCAAC;EACC,SAAS,EAAE,OAAO,QAAQ,OAAO;EACjC,SAAQ;EACA;EACC;EACT,GAAI;EACJ,eAAe,EAAE,WAAW,YAAY;IAEvC,SACM;;;;;AAOb,MAAa,aAAa,UAAU;CAClC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,UACA,OACA,UACA,eACA,aACA,WACA,UACA,UAAU,eACV,gBACA,eACA,iBACA,mBACA,mBACA,mBACA,IACA,YACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY;AACpB,QACE,oCAAC,eAAkB,YACjB,oCAAC;EACK;EACS;EACJ;EACF;EACM;EACH;EACM;EACD;EACE;EACE;EACnB,UAAU;EACS;EACA;EACnB,GAAI;GACJ,EACD,YACC,oCAAC;EACU;EACT,OAAO;EACP,OAAO;GACP,EAEJ,oCAAC,eAAY,SAAS,EAAE,MAAM,QAAQ,WAAW,IAC9C,SACW,CACA;;AAIpB,UAAU,YAAY;CAIpB,UAAU,UAAU,UAAU,CAC5B,UAAU,QAAQ,UAAU,KAAK,EACjC,UAAU,KACX,CAAC;CAIF,OAAO,UAAU,OAAO;CAIxB,SAAS,UAAU;CAInB,MAAM,UAAU;CAIhB,UAAU,UAAU;CAIpB,eAAe,UAAU;CAIzB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;CAIhE,QAAQ,UAAU;CAIlB,aAAa,UAAU;CAIvB,WAAW,UAAU;CAIrB,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;CACzE;AAED,UAAU,eAAe;CACvB,QAAQ;CACR,eAAe;CAChB"}

package/dist/SideSheetHeader-BS0A6YT-.js

@@ -1,79 +0,0 @@
-import { t as FluentButton } from "./FluentButton-3xMbN_Vs.js";
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { t as StandardTitle } from "./StandardTitle-UHYnVDSe.js";
-import React from "react";
-import { CircularProgress, makeStyles } from "@material-ui/core";
-import { ChromeCloseIcon } from "@fluentui/react-icons";
-
-//#region src/UI/dataDisplay/typography/SideSheetHeader.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(1),
-		paddingLeft: 0,
-		background: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.common.white,
-		position: ({ isSticky }) => isSticky ? "sticky" : "relative",
-		top: ({ isSticky }) => isSticky ? 0 : "auto",
-		zIndex: ({ isSticky }) => isSticky ? 1200 : "auto"
-	},
-	title: {
-		display: "flex",
-		flex: 1,
-		alignItems: "center",
-		marginLeft: theme.spacing(1.5)
-	},
-	actionButton: {
-		marginRight: theme.spacing(1),
-		position: "relative"
-	},
-	fabProgress: {
-		position: "absolute",
-		top: 4,
-		left: "35%",
-		zIndex: 1
-	}
-}));
-const SideSheetHeader = ({ isSticky = false,...props }) => {
-	const classes = useStyles({ isSticky });
-	const { title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid = "", buttonOneDisabled, buttonTwoDisabled,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		id: id + "-Close",
-		udprecordid: udprecordid + "-Close",
-		icon: ChromeCloseIcon,
-		onClick: onClose,
-		"aria-label": "Close Panel"
-	}), /* @__PURE__ */ React.createElement(StandardTitle, { className: classes.title }, title)), buttonTwoLabel && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentButton, {
-		color: "secondary",
-		onClick: buttonTwoAction,
-		disabled: buttonTwoDisabled,
-		...otherProps
-	}, buttonTwoProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
-		size: 24,
-		color: "secondary",
-		className: classes.fabProgress
-	}), buttonTwoIcon && /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: buttonTwoIcon,
-		style: { marginRight: 8 }
-	}), buttonTwoLabel)), buttonLabel && /* @__PURE__ */ React.createElement("div", { className: classes.actionButton }, /* @__PURE__ */ React.createElement(FluentButton, {
-		id: id + "-CreateView",
-		udprecordid: udprecordid + "-CreateView",
-		variant: "contained",
-		color: "secondary",
-		onClick: onSubmit,
-		disabled: buttonOneDisabled,
-		...otherProps
-	}, buttonProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
-		id: id + "-ButtonProgress",
-		udprecordid: udprecordid + "-ButtonProgress",
-		size: 24,
-		color: "secondary",
-		className: classes.fabProgress
-	}), buttonLabel)));
-};
-
-//#endregion
-export { SideSheetHeader as t };
-//# sourceMappingURL=SideSheetHeader-BS0A6YT-.js.map

package/dist/SideSheetHeader-BS0A6YT-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideSheetHeader-BS0A6YT-.js","names":[],"sources":["../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    paddingLeft: 0,\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.common.white,\n    position: ({ isSticky }) => (isSticky ? 'sticky' : 'relative'),\n    top: ({ isSticky }) => (isSticky ? 0 : 'auto'),\n    zIndex: ({ isSticky }) => (isSticky ? 1200 : 'auto')\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  actionButton: {\n    marginRight: theme.spacing(1),\n    position: 'relative'\n  },\n  fabProgress: {\n    position: 'absolute',\n    top: 4,\n    left: '35%',\n    zIndex: 1\n  }\n}));\n\nexport const SideSheetHeader = ({ isSticky = false, ...props }) => {\n  const classes = useStyles({ isSticky });\n  const {\n    title,\n    onClose,\n    buttonLabel,\n    onSubmit,\n    buttonProgress,\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    id,\n    udprecordid = '',\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <FluentIconButton\n          id={id + '-Close'}\n          udprecordid={udprecordid + '-Close'}\n          icon={ChromeCloseIcon}\n          onClick={onClose}\n          aria-label='Close Panel'\n        />\n        <StandardTitle className={classes.title}>{title}</StandardTitle>\n      </div>\n      {buttonTwoLabel && (\n        <div>\n          <FluentButton\n            // variant='contained'\n            color='secondary'\n            onClick={buttonTwoAction}\n            disabled={buttonTwoDisabled}\n            {...otherProps}\n          >\n            {buttonTwoProgress && (\n              <CircularProgress\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonTwoIcon && (\n              <FluentIcon\n                size='small'\n                component={buttonTwoIcon}\n                style={{ marginRight: 8 }}\n              />\n            )}\n            {buttonTwoLabel}\n          </FluentButton>\n        </div>\n      )}\n      {buttonLabel && (\n        <div className={classes.actionButton}>\n          <FluentButton\n            id={id + '-CreateView'}\n            udprecordid={udprecordid + '-CreateView'}\n            variant='contained'\n            color='secondary'\n            onClick={onSubmit}\n            disabled={buttonOneDisabled}\n            {...otherProps}\n          >\n            {buttonProgress && (\n              <CircularProgress\n                id={id + '-ButtonProgress'}\n                udprecordid={udprecordid + '-ButtonProgress'}\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonLabel}\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,SAAS,MAAM,QAAQ,EAAE;EACzB,aAAa;EACb,YACE,OAAO,cAAc,EAAE,SAAS,SAC5B,MAAM,QAAQ,KAAK,OACnB,MAAM,QAAQ,OAAO;EAC3B,WAAW,EAAE,eAAgB,WAAW,WAAW;EACnD,MAAM,EAAE,eAAgB,WAAW,IAAI;EACvC,SAAS,EAAE,eAAgB,WAAW,OAAO;EAC9C;CACD,OAAO;EACL,SAAS;EACT,MAAM;EACN,YAAY;EACZ,YAAY,MAAM,QAAQ,IAAI;EAC/B;CACD,cAAc;EACZ,aAAa,MAAM,QAAQ,EAAE;EAC7B,UAAU;EACX;CACD,aAAa;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,mBAAmB,EAAE,WAAW,MAAO,GAAG,YAAY;CACjE,MAAM,UAAU,UAAU,EAAE,UAAU,CAAC;CACvC,MAAM,EACJ,OACA,SACA,aACA,UACA,gBACA,gBACA,eACA,iBACA,mBACA,IACA,cAAc,IACd,mBACA,kBACA,GAAG,eACD;AAEJ,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC;EACC,IAAI,KAAK;EACT,aAAa,cAAc;EAC3B,MAAM;EACN,SAAS;EACT,cAAW;GACX,EACF,oCAAC,iBAAc,WAAW,QAAQ,SAAQ,MAAsB,CAC5D,EACL,kBACC,oCAAC,aACC,oCAAC;EAEC,OAAM;EACN,SAAS;EACT,UAAU;EACV,GAAI;IAEH,qBACC,oCAAC;EACC,MAAM;EACN,OAAM;EACN,WAAW,QAAQ;GACnB,EAEH,iBACC,oCAAC;EACC,MAAK;EACL,WAAW;EACX,OAAO,EAAE,aAAa,GAAG;GACzB,EAEH,eACY,CACX,EAEP,eACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC;EACC,IAAI,KAAK;EACT,aAAa,cAAc;EAC3B,SAAQ;EACR,OAAM;EACN,SAAS;EACT,UAAU;EACV,GAAI;IAEH,kBACC,oCAAC;EACC,IAAI,KAAK;EACT,aAAa,cAAc;EAC3B,MAAM;EACN,OAAM;EACN,WAAW,QAAQ;GACnB,EAEH,YACY,CACX,CAEJ"}

package/dist/SidebarCollapseButton-DarQbYU9.js

@@ -1,64 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import React from "react";
-import { makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { ChevronRightIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-
-//#region src/shell/ui/SidebarCollapseButton.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		justifyContent: "flex-start",
-		height: 48,
-		width: "100%",
-		paddingLeft: 0
-	},
-	iconButton: {
-		width: 48,
-		height: 48,
-		marginLeft: 16 - 24 / 2
-	},
-	expanded: {},
-	icon: {
-		width: 14,
-		height: 14,
-		margin: 8 / 2,
-		transition: theme?.transitions?.create("transform", {
-			easing: theme?.transitions?.easing?.sharp,
-			duration: theme?.transitions?.duration?.shortest
-		}),
-		"$expanded &": { transform: "scaleX(-1)" }
-	},
-	switch: {
-		margin: 8 / 2,
-		transition: theme?.transitions?.create("transform", {
-			easing: theme?.transitions?.easing?.sharp,
-			duration: theme?.transitions?.duration?.shortest
-		}),
-		"$expanded &": { transform: "scaleX(-1)" }
-	}
-}), { name: "SidebarCollapseButton" });
-/**
-* Custom styled button used for expanding/collapsing sidebars
-*/
-const SidebarCollapseButton = (props) => {
-	const classes = useStyles(props);
-	const { expanded, className, id, udprecordid,...other } = props;
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", {
-		...other,
-		className: clsx(className, classes.root, { [classes.expanded]: expanded })
-	}, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		id,
-		udprecordid,
-		color: "inherit",
-		className: clsx(classes.iconButton, classes.switch),
-		"aria-label": expanded ? t("mainMenuAria.collapseNavigation") : t("mainMenuAria.expandNavigation"),
-		icon: ChevronRightIcon
-	}));
-};
-
-//#endregion
-export { SidebarCollapseButton as t };
-//# sourceMappingURL=SidebarCollapseButton-DarQbYU9.js.map

package/dist/SidebarCollapseButton-DarQbYU9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarCollapseButton-DarQbYU9.js","names":[],"sources":["../src/shell/ui/SidebarCollapseButton.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      justifyContent: 'flex-start',\n      height: 48,\n      width: '100%',\n      paddingLeft: 0,\n    },\n    iconButton: {\n      width: 48,\n      height: 48,\n      marginLeft: 16 - (48 - 24) / 2\n    },\n    expanded: {},\n    icon: {\n      width: 14,\n      height: 14,\n      margin: (24 - 16) / 2,\n      transition: theme?.transitions?.create('transform', {\n        easing: theme?.transitions?.easing?.sharp,\n        duration: theme?.transitions?.duration?.shortest\n      }),\n      '$expanded &': {\n        transform: 'scaleX(-1)'\n      }\n    },\n    switch: {\n      margin: (24 - 16) / 2,\n      transition: theme?.transitions?.create('transform', {\n        easing: theme?.transitions?.easing?.sharp,\n        duration: theme?.transitions?.duration?.shortest\n      }),\n      '$expanded &': {\n        transform: 'scaleX(-1)'\n      }\n    }\n  }),\n  { name: 'SidebarCollapseButton' }\n)\n\n/**\n * Custom styled button used for expanding/collapsing sidebars\n */\nexport const SidebarCollapseButton = (props) => {\n  const classes = useStyles(props)\n  const { expanded, className, id, udprecordid, ...other } = props\n  const { t } = useTranslation()\n\n  return (\n    <div\n      {...other}\n      className={clsx(className, classes.root, {\n        [classes.expanded]: expanded\n      })}\n    >\n      <FluentIconButton\n        id={id}\n        udprecordid={udprecordid}\n        color='inherit'\n        className={clsx(classes.iconButton, classes.switch)}\n        aria-label={\n          expanded\n            ? t('mainMenuAria.collapseNavigation')\n            : t('mainMenuAria.expandNavigation')\n        }\n        icon={ChevronRightIcon}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACP,aAAa;EACd;CACD,YAAY;EACV,OAAO;EACP,QAAQ;EACR,YAAY,KAAM,KAAW;EAC9B;CACD,UAAU,EAAE;CACZ,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACD,QAAQ;EACN,QAAS,IAAW;EACpB,YAAY,OAAO,aAAa,OAAO,aAAa;GAClD,QAAQ,OAAO,aAAa,QAAQ;GACpC,UAAU,OAAO,aAAa,UAAU;GACzC,CAAC;EACF,eAAe,EACb,WAAW,cACZ;EACF;CACF,GACD,EAAE,MAAM,yBAAyB,CAClC;;;;AAKD,MAAa,yBAAyB,UAAU;CAC9C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,WAAW,IAAI,YAAa,GAAG,UAAU;CAC3D,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,WAAW,QAAQ,MAAM,GACtC,QAAQ,WAAW,UACrB,CAAC;IAEF,oCAAC;EACK;EACS;EACb,OAAM;EACN,WAAW,KAAK,QAAQ,YAAY,QAAQ,OAAO;EACnD,cACE,WACI,EAAE,kCAAkC,GACpC,EAAE,gCAAgC;EAExC,MAAM;GACN,CACE"}

package/dist/SidebarHeader-shbZ7FPo.js

@@ -1,82 +0,0 @@
-import { t as FluentButton } from "./FluentButton-3xMbN_Vs.js";
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { t as StandardTitle } from "./StandardTitle-UHYnVDSe.js";
-import React from "react";
-import { CircularProgress, Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { ChromeCloseIcon } from "@fluentui/react-icons";
-
-//#region src/UI/dataDisplay/typography/SidebarHeader.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(1),
-		paddingLeft: 0,
-		background: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.common.white
-	},
-	title: {
-		display: "flex",
-		flex: 1,
-		alignItems: "center",
-		marginLeft: theme.spacing(1.5)
-	},
-	actionButton: {
-		marginRight: theme.spacing(1),
-		position: "relative"
-	},
-	fabProgress: {
-		position: "absolute",
-		top: 4,
-		left: "35%",
-		zIndex: 1
-	}
-}));
-const SidebarHeader = (props) => {
-	const { title, onClose, buttonLabel, buttonProgress, buttonVariant = "contained", buttonIcon = null, onSubmit, secondaryButtonLabel, secondaryButtonProgress, secondaryButtonVariant = "contained", secondaryButtonIcon = "", secondaryOnSubmit = () => {}, additionalInputs, classes: classProps, hideCloseButton,...otherProps } = props;
-	const classes = useStyles(props);
-	const { root, actionButton } = classProps || {};
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, root) }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, !hideCloseButton && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		id: "udpRecord-SidebarHeader-ClosePanel",
-		udprecordid: "udpRecord-SidebarHeader-ClosePanel",
-		icon: ChromeCloseIcon,
-		onClick: onClose,
-		"aria-label": "Close Panel"
-	}), /* @__PURE__ */ React.createElement(StandardTitle, { className: classes.title }, title)), additionalInputs, secondaryButtonLabel && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.actionButton, actionButton) }, /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: secondaryButtonVariant,
-		color: "secondary",
-		onClick: secondaryOnSubmit,
-		height: theme.spacing(5.25),
-		...otherProps
-	}, secondaryButtonProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
-		size: theme.spacing(3),
-		color: "secondary",
-		className: classes.fabProgress
-	}), secondaryButtonIcon && /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: secondaryButtonIcon,
-		color: "primary",
-		style: { marginRight: theme.spacing(1) }
-	}), /* @__PURE__ */ React.createElement(Typography, null, secondaryButtonLabel))), buttonLabel && /* @__PURE__ */ React.createElement("div", { className: clsx(classes.actionButton, actionButton) }, /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: buttonVariant,
-		color: "secondary",
-		onClick: onSubmit,
-		height: theme.spacing(5.25),
-		...otherProps
-	}, buttonProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
-		size: theme.spacing(3),
-		color: "secondary",
-		className: classes.fabProgress
-	}), buttonIcon && /* @__PURE__ */ React.createElement(FluentIcon, {
-		size: "small",
-		component: buttonIcon,
-		color: "primary",
-		style: { marginRight: theme.spacing(1) }
-	}), /* @__PURE__ */ React.createElement(Typography, null, buttonLabel))));
-};
-
-//#endregion
-export { SidebarHeader as t };
-//# sourceMappingURL=SidebarHeader-shbZ7FPo.js.map

package/dist/SidebarHeader-shbZ7FPo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarHeader-shbZ7FPo.js","names":[],"sources":["../src/UI/dataDisplay/typography/SidebarHeader.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  CircularProgress,\n  useTheme,\n  Typography,\n  lighten\n} from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    paddingLeft: 0,\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.common.white\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  actionButton: {\n    marginRight: theme.spacing(1),\n    position: 'relative'\n  },\n  fabProgress: {\n    position: 'absolute',\n    top: 4,\n    left: '35%',\n    zIndex: 1\n  }\n}));\n\nexport const SidebarHeader = (props) => {\n  const {\n    title,\n    onClose,\n    buttonLabel,\n    buttonProgress,\n    buttonVariant = 'contained',\n    buttonIcon = null,\n    onSubmit,\n    secondaryButtonLabel,\n    secondaryButtonProgress,\n    secondaryButtonVariant = 'contained',\n    secondaryButtonIcon = '',\n    secondaryOnSubmit = () => {},\n    additionalInputs,\n    classes: classProps,\n    hideCloseButton,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { root, actionButton } = classProps || {};\n  const theme = useTheme();\n\n  return (\n    <div className={clsx(classes.root, root)}>\n      <div className={classes.title}>\n        {!hideCloseButton && (\n          <FluentIconButton\n            id='udpRecord-SidebarHeader-ClosePanel'\n            udprecordid='udpRecord-SidebarHeader-ClosePanel'\n            icon={ChromeCloseIcon}\n            onClick={onClose}\n            aria-label='Close Panel'\n          />\n        )}\n        <StandardTitle className={classes.title}>{title}</StandardTitle>\n      </div>\n      {additionalInputs}\n      {secondaryButtonLabel && (\n        <div className={clsx(classes.actionButton, actionButton)}>\n          <FluentButton\n            variant={secondaryButtonVariant}\n            color='secondary'\n            onClick={secondaryOnSubmit}\n            height={theme.spacing(5.25)}\n            {...otherProps}\n          >\n            {secondaryButtonProgress && (\n              <CircularProgress\n                size={theme.spacing(3)}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {secondaryButtonIcon && (\n              <FluentIcon\n                size='small'\n                component={secondaryButtonIcon}\n                color='primary'\n                style={{\n                  marginRight: theme.spacing(1)\n                }}\n              />\n            )}\n            <Typography>{secondaryButtonLabel}</Typography>\n          </FluentButton>\n        </div>\n      )}\n      {buttonLabel && (\n        <div className={clsx(classes.actionButton, actionButton)}>\n          <FluentButton\n            variant={buttonVariant}\n            color='secondary'\n            onClick={onSubmit}\n            height={theme.spacing(5.25)}\n            {...otherProps}\n          >\n            {buttonProgress && (\n              <CircularProgress\n                size={theme.spacing(3)}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonIcon && (\n              <FluentIcon\n                size='small'\n                component={buttonIcon}\n                color='primary'\n                style={{\n                  marginRight: theme.spacing(1)\n                }}\n              />\n            )}\n            <Typography>{buttonLabel}</Typography>\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,SAAS,MAAM,QAAQ,EAAE;EACzB,aAAa;EACb,YACE,OAAO,cAAc,EAAE,SAAS,SAC5B,MAAM,QAAQ,KAAK,OACnB,MAAM,QAAQ,OAAO;EAC5B;CACD,OAAO;EACL,SAAS;EACT,MAAM;EACN,YAAY;EACZ,YAAY,MAAM,QAAQ,IAAI;EAC/B;CACD,cAAc;EACZ,aAAa,MAAM,QAAQ,EAAE;EAC7B,UAAU;EACX;CACD,aAAa;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,EACJ,OACA,SACA,aACA,gBACA,gBAAgB,aAChB,aAAa,MACb,UACA,sBACA,yBACA,yBAAyB,aACzB,sBAAsB,IACtB,0BAA0B,IAC1B,kBACA,SAAS,YACT,gBACA,GAAG,eACD;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,iBAAiB,cAAc,EAAE;CAC/C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,KAAK,IACtC,oCAAC,SAAI,WAAW,QAAQ,SACrB,CAAC,mBACA,oCAAC;EACC,IAAG;EACH,aAAY;EACZ,MAAM;EACN,SAAS;EACT,cAAW;GACX,EAEJ,oCAAC,iBAAc,WAAW,QAAQ,SAAQ,MAAsB,CAC5D,EACL,kBACA,wBACC,oCAAC,SAAI,WAAW,KAAK,QAAQ,cAAc,aAAa,IACtD,oCAAC;EACC,SAAS;EACT,OAAM;EACN,SAAS;EACT,QAAQ,MAAM,QAAQ,KAAK;EAC3B,GAAI;IAEH,2BACC,oCAAC;EACC,MAAM,MAAM,QAAQ,EAAE;EACtB,OAAM;EACN,WAAW,QAAQ;GACnB,EAEH,uBACC,oCAAC;EACC,MAAK;EACL,WAAW;EACX,OAAM;EACN,OAAO,EACL,aAAa,MAAM,QAAQ,EAAE,EAC9B;GACD,EAEJ,oCAAC,kBAAY,qBAAkC,CAClC,CACX,EAEP,eACC,oCAAC,SAAI,WAAW,KAAK,QAAQ,cAAc,aAAa,IACtD,oCAAC;EACC,SAAS;EACT,OAAM;EACN,SAAS;EACT,QAAQ,MAAM,QAAQ,KAAK;EAC3B,GAAI;IAEH,kBACC,oCAAC;EACC,MAAM,MAAM,QAAQ,EAAE;EACtB,OAAM;EACN,WAAW,QAAQ;GACnB,EAEH,cACC,oCAAC;EACC,MAAK;EACL,WAAW;EACX,OAAM;EACN,OAAO,EACL,aAAa,MAAM,QAAQ,EAAE,EAC9B;GACD,EAEJ,oCAAC,kBAAY,YAAyB,CACzB,CACX,CAEJ"}