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

package/dist/floorplans-c_VQn4Rz.js

@@ -1,154 +0,0 @@
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { SideSheet } from "./SideSheet-BhKZOd2G.js";
-import { DraggableSidebarTemplate } from "./DraggableSidebarTemplate-Dhrbn1H1.js";
-import { AmbientGridTemplate } from "./AmbientGridTemplate-B58pNLnZ.js";
-import { FluentDialog } from "./FluentDialog-DU5BAKwU.js";
-import { SubHeaderAction } from "./SubHeaderAction-vXEAp3A2.js";
-import { HeaderExpander } from "./HeaderExpander-Ai4mICeo.js";
-import { AmbientToast } from "./AmbientToast-7aYv2gtH.js";
-import { AmbientAlert } from "./AmbientAlert-Daw5MVak.js";
-import React, { useMemo } from "react";
-import { Card, CardContent, Slide, makeStyles, useMediaQuery, useTheme } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/floorplans/CoreLayoutFloorplan.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	cardDisplay: { marginBottom: theme.spacing(2) },
-	padding: { padding: (props) => !props.noPadding && theme.spacing(1) },
-	splitScreen: {
-		width: "100%",
-		height: "100%"
-	}
-}), { name: "CoreLayoutFloorplan" });
-const CoreLayoutFloorplan = (props) => {
-	const { PrimaryActionHeader, children, footer, gridData, groupData, columnDefinitions, expandedData, splitScreen, splitScreenContent, splitScreenWidth, setSplitScreenWidth, sideSheetTitle, sideSheetButton, sideSheetDisabled, sideSheetProgress, sideSheetOpen, setSideSheetOpen, setSideSheetClose, sideSheetContent, dialogActionOne, dialogActionTwo, dialogClose, dialogOpen, dialogTitle, dialogMessage, dialogLabelOne, dialogLabelTwo, notice, alertButton, alertMessage, alertType, closeNotice, noticeOpen, noticeAction, noticeType, noticeMessage, noticeButton, alertSeverity, showAlert, closeAlert, DialogLoadingvariant = "determinate", disableDialogAction, compactHeader, headerExpanded, expanderLeftContainer, gridTemplateTitle, removePadding, removeHeader, hideSidebarButton, defaultAutoSize, hideGrid = false, useSubHeaderAction = true,...otherProps } = props;
-	const theme = useTheme();
-	const desktop = useMediaQuery(theme.breakpoints.up("sm"));
-	useMediaQuery(theme.breakpoints.down("sm"));
-	const classes = useStyles(props);
-	const actionHeader = useMemo(() => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AmbientAlert, {
-		alertMessage,
-		alertButton,
-		alertSeverity,
-		showAlert,
-		closeAlert
-	}), PrimaryActionHeader), [
-		alertMessage,
-		alertButton,
-		alertSeverity,
-		showAlert,
-		closeAlert,
-		PrimaryActionHeader
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(DraggableSidebarTemplate, {
-		width: splitScreenWidth,
-		setWidth: setSplitScreenWidth,
-		removePadding,
-		hide: hideSidebarButton,
-		...otherProps,
-		body: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, !useSubHeaderAction && !!PrimaryActionHeader && /* @__PURE__ */ React.createElement(Card, { variant: "outlined" }, actionHeader), useSubHeaderAction && !!PrimaryActionHeader && /* @__PURE__ */ React.createElement(SubHeaderAction, null, actionHeader), !removeHeader && /* @__PURE__ */ React.createElement(HeaderExpander, {
-			toggleLabel: "Data Visualization",
-			sectionOpen: headerExpanded,
-			compact: compactHeader,
-			options: expanderLeftContainer
-		}, /* @__PURE__ */ React.createElement("div", { className: classes.padding }, " ", expandedData, " ")), !removeHeader && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), children, !hideGrid && /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
-			...otherProps,
-			title: gridTemplateTitle,
-			data: gridData,
-			columnDefs: columnDefinitions,
-			groupingData: groupData,
-			defaultAutoSize
-		}))),
-		sidebar: /* @__PURE__ */ React.createElement(Slide, {
-			in: splitScreen && splitScreen,
-			direction: "left"
-		}, /* @__PURE__ */ React.createElement("div", { style: { height: "100%" } }, splitScreen && /* @__PURE__ */ React.createElement("div", { className: classes.splitScreen }, /* @__PURE__ */ React.createElement(Card, {
-			square: true,
-			style: { height: "100%" }
-		}, /* @__PURE__ */ React.createElement(CardContent, null, splitScreenContent)))))
-	}), /* @__PURE__ */ React.createElement(SideSheet, {
-		key: "sideSheet",
-		title: sideSheetTitle,
-		width: !desktop ? 350 : 500,
-		buttonLabel: sideSheetButton,
-		open: sideSheetOpen,
-		onClose: setSideSheetClose,
-		disabled: sideSheetDisabled,
-		progress: sideSheetProgress,
-		buttonProgress: true,
-		children: sideSheetContent
-	}), /* @__PURE__ */ React.createElement(FluentDialog, {
-		title: dialogTitle,
-		message: dialogMessage,
-		labelOne: dialogLabelOne,
-		actionOne: dialogActionOne,
-		labelTwo: dialogLabelTwo,
-		actionTwo: dialogActionTwo,
-		open: dialogOpen,
-		handleClose: dialogClose,
-		progress: 20,
-		variant: DialogLoadingvariant,
-		disableTwo: disableDialogAction
-	}), /* @__PURE__ */ React.createElement(AmbientToast, {
-		noticeType,
-		noticeMessage,
-		noticeButton,
-		closeNotice,
-		noticeOpen,
-		noticeAction,
-		alertSeverity
-	}), footer);
-};
-CoreLayoutFloorplan.propTypes = {
-	PrimaryActionHeader: PropTypes.node,
-	children: PropTypes.object,
-	splitScreenContent: PropTypes.node,
-	gridData: PropTypes.array,
-	groupData: PropTypes.array,
-	columnDefinitions: PropTypes.arrayOf(PropTypes.object),
-	expandedData: PropTypes.string,
-	splitScreen: PropTypes.string,
-	splitScreenWidth: PropTypes.string,
-	setSplitScreenWidth: PropTypes.string,
-	sideSheetTitle: PropTypes.string,
-	sideSheetButton: PropTypes.string,
-	sideSheetDisabled: PropTypes.string,
-	sideSheetProgress: PropTypes.number,
-	sideSheetOpen: PropTypes.bool,
-	setSideSheetOpen: PropTypes.string,
-	setSideSheetClose: PropTypes.string,
-	setSideSheetContent: PropTypes.string,
-	dialogActionOne: PropTypes.string,
-	dialogActionTwo: PropTypes.string,
-	dialogClose: PropTypes.string,
-	dialogOpen: PropTypes.string,
-	dialogTitle: PropTypes.string,
-	dialogMessage: PropTypes.string,
-	dialogLabelOne: PropTypes.string,
-	dialogLableTwo: PropTypes.string,
-	notice: PropTypes.string,
-	alertButton: PropTypes.string,
-	alertMessage: PropTypes.string,
-	alertType: PropTypes.string,
-	closeNotice: PropTypes.string,
-	noticeOpen: PropTypes.string,
-	noticeAction: PropTypes.string,
-	noticeType: PropTypes.string,
-	noticeMessage: PropTypes.string,
-	noticeButton: PropTypes.string,
-	alertSeverity: PropTypes.string,
-	showAlert: PropTypes.string,
-	closeAlert: PropTypes.string,
-	DialogLoadingvariant: PropTypes.string,
-	disableDialogAction: PropTypes.string,
-	compactHeader: PropTypes.string,
-	headerExpanded: PropTypes.string,
-	expanderLeftContainer: PropTypes.string,
-	defaultAutoSize: PropTypes.bool,
-	useSubHeaderAction: PropTypes.bool
-};
-
-//#endregion
-export { CoreLayoutFloorplan };
-//# sourceMappingURL=floorplans-c_VQn4Rz.js.map

package/dist/floorplans-c_VQn4Rz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floorplans-c_VQn4Rz.js","names":[],"sources":["../src/UI/floorplans/CoreLayoutFloorplan.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\n// MUI\nimport {\n  Card,\n  CardContent,\n  useTheme,\n  useMediaQuery,\n  makeStyles,\n  Slide\n} from '@material-ui/core';\n\n//FLuent library\nimport { SubHeaderAction } from '../../utilities/utilityBar/SubHeaderAction';\nimport { FluentDialog } from '../feedback/FluentDialog';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { AmbientGridTemplate } from '../templates/AmbientGridTemplate';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport { HeaderExpander } from '../dataDisplay/HeaderExpander';\nimport { DraggableSidebarTemplate } from '../templates/DraggableSidebarTemplate';\nimport { AmbientToast } from '../feedback/AmbientToast';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    cardDisplay: {\n      marginBottom: theme.spacing(2)\n    },\n    padding: {\n      padding: (props) => !props.noPadding && theme.spacing(1)\n    },\n    splitScreen: {\n      width: '100%',\n      height: '100%'\n    }\n  }),\n  { name: 'CoreLayoutFloorplan' }\n);\n\nexport const CoreLayoutFloorplan = (props) => {\n  const {\n    PrimaryActionHeader,\n    children,\n    footer,\n    gridData,\n    groupData,\n    columnDefinitions,\n    expandedData,\n    splitScreen,\n    splitScreenContent,\n    splitScreenWidth,\n    setSplitScreenWidth,\n    sideSheetTitle,\n    sideSheetButton,\n    sideSheetDisabled,\n    sideSheetProgress,\n    sideSheetOpen,\n    setSideSheetOpen,\n    setSideSheetClose,\n    sideSheetContent,\n    dialogActionOne,\n    dialogActionTwo,\n    dialogClose,\n    dialogOpen,\n    dialogTitle,\n    dialogMessage,\n    dialogLabelOne,\n    dialogLabelTwo,\n    notice,\n    alertButton,\n    alertMessage,\n    alertType,\n    closeNotice,\n    noticeOpen,\n    noticeAction,\n    noticeType,\n    noticeMessage,\n    noticeButton,\n    alertSeverity,\n    showAlert,\n    closeAlert,\n    DialogLoadingvariant = 'determinate',\n    disableDialogAction,\n    compactHeader,\n    headerExpanded,\n    expanderLeftContainer,\n    gridTemplateTitle,\n    removePadding,\n    removeHeader,\n    hideSidebarButton,\n    defaultAutoSize,\n    hideGrid = false,\n    useSubHeaderAction = true,\n    ...otherProps\n  } = props;\n  const theme = useTheme();\n  const desktop = useMediaQuery(theme.breakpoints.up('sm'));\n  const mobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const classes = useStyles(props);\n\n  const actionHeader = useMemo(\n    () => (\n      <>\n        <AmbientAlert\n          alertMessage={alertMessage}\n          alertButton={alertButton}\n          alertSeverity={alertSeverity}\n          showAlert={showAlert}\n          closeAlert={closeAlert}\n        />\n        {PrimaryActionHeader}\n      </>\n    ),\n    [\n      alertMessage,\n      alertButton,\n      alertSeverity,\n      showAlert,\n      closeAlert,\n      PrimaryActionHeader\n    ]\n  );\n\n  return (\n    <div>\n      <DraggableSidebarTemplate\n        width={splitScreenWidth}\n        setWidth={setSplitScreenWidth}\n        // @todo: remove padding hack\n        removePadding={removePadding}\n        hide={hideSidebarButton}\n        {...otherProps}\n        body={\n          <div>\n            <div>\n              {!useSubHeaderAction && !!PrimaryActionHeader && (\n                <Card variant='outlined'>{actionHeader}</Card>\n              )}\n              {useSubHeaderAction && !!PrimaryActionHeader && (\n                <SubHeaderAction>{actionHeader}</SubHeaderAction>\n              )}\n              {!removeHeader && (\n                <HeaderExpander\n                  toggleLabel='Data Visualization'\n                  sectionOpen={headerExpanded}\n                  compact={compactHeader}\n                  options={expanderLeftContainer}\n                >\n                  <div className={classes.padding}> {expandedData} </div>\n                </HeaderExpander>\n              )}\n\n              {!removeHeader && <LayoutUnit unit='xxs' />}\n\n              {children}\n              {!hideGrid && (\n                <AmbientGridTemplate\n                  {...otherProps}\n                  title={gridTemplateTitle}\n                  data={gridData}\n                  columnDefs={columnDefinitions}\n                  groupingData={groupData}\n                  defaultAutoSize={defaultAutoSize}\n                />\n              )}\n            </div>\n          </div>\n        }\n        sidebar={\n          <Slide in={splitScreen && splitScreen} direction='left'>\n            <div style={{ height: '100%' }}>\n              {splitScreen && (\n                <div className={classes.splitScreen}>\n                  <Card square style={{ height: '100%' }}>\n                    <CardContent>{splitScreenContent}</CardContent>\n                  </Card>\n                </div>\n              )}\n            </div>\n          </Slide>\n        }\n      />\n\n      <SideSheet\n        key={'sideSheet'}\n        title={sideSheetTitle}\n        width={!desktop ? 350 : 500}\n        buttonLabel={sideSheetButton}\n        open={sideSheetOpen}\n        onClose={setSideSheetClose}\n        disabled={sideSheetDisabled}\n        progress={sideSheetProgress}\n        buttonProgress\n        children={sideSheetContent}\n      />\n\n      <FluentDialog\n        title={dialogTitle}\n        message={dialogMessage}\n        labelOne={dialogLabelOne}\n        actionOne={dialogActionOne}\n        labelTwo={dialogLabelTwo}\n        actionTwo={dialogActionTwo}\n        open={dialogOpen}\n        handleClose={dialogClose}\n        progress={20}\n        variant={DialogLoadingvariant}\n        disableTwo={disableDialogAction}\n      />\n      <AmbientToast\n        noticeType={noticeType}\n        noticeMessage={noticeMessage}\n        noticeButton={noticeButton}\n        closeNotice={closeNotice}\n        noticeOpen={noticeOpen}\n        noticeAction={noticeAction}\n        alertSeverity={alertSeverity}\n      />\n      {footer}\n    </div>\n  );\n};\n\nCoreLayoutFloorplan.propTypes = {\n  /**\n   * Container to add Primary Action Header to page\n   */\n  PrimaryActionHeader: PropTypes.node,\n  /**\n   * Additional open area on page to add content. Adds a space above the grid area.\n   */\n  children: PropTypes.object,\n  /**\n   * Content that shows up in the split screen area.\n   */\n  splitScreenContent: PropTypes.node,\n  /**\n   * Data for AgGrid.\n   */\n  gridData: PropTypes.array,\n  /**\n   * Accepts an array of data to build out the buttons and functions to group data on the grid.\n   */\n  groupData: PropTypes.array,\n  /**\n   * Grid definitions to define keys for AgGrid.\n   */\n  columnDefinitions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Content area for top expanded section.\n   */\n  expandedData: PropTypes.string,\n  /**\n   * shows or hides split screen (default: false)\n   */\n  splitScreen: PropTypes.string,\n  /**\n   * The width the split screen displays at.\n   */\n  splitScreenWidth: PropTypes.string,\n  /**\n   * To connect function to update state for split screen width.\n   */\n  setSplitScreenWidth: PropTypes.string,\n  /**\n   * Used to set side sheet title.\n   */\n  sideSheetTitle: PropTypes.string,\n  /**\n   * Lable for the side sheet action button.\n   */\n  sideSheetButton: PropTypes.string,\n  /**\n   * Disable Toggle for the side sheet button.\n   */\n  sideSheetDisabled: PropTypes.string,\n  /**\n   * Allows progress indication for the side sheet.\n   */\n  sideSheetProgress: PropTypes.number,\n  /**\n   * When true sets the side sheet open (default: false)\n   */\n  sideSheetOpen: PropTypes.bool,\n  /**\n   * State function to set the side sheet state true or false.\n   */\n  setSideSheetOpen: PropTypes.string,\n  /**\n   * Function to set the side sheet closed.\n   */\n  setSideSheetClose: PropTypes.string,\n  /**\n   * Content that displays in the side sheet.\n   */\n  setSideSheetContent: PropTypes.string,\n  /**\n   * Action for the first button in the dialog.\n   */\n  dialogActionOne: PropTypes.string,\n  /**\n   * Action for the second button in the dialog.\n   */\n  dialogActionTwo: PropTypes.string,\n  /**\n   * Function to canel open dialog.\n   */\n  dialogClose: PropTypes.string,\n  /**\n   * If true will cause the dialog to open.\n   */\n  dialogOpen: PropTypes.string,\n  /**\n   * Main title of the dialog.\n   */\n  dialogTitle: PropTypes.string,\n  /**\n   * Dialog message.\n   */\n  dialogMessage: PropTypes.string,\n  /**\n   * Label for first button of dialog.\n   */\n  dialogLabelOne: PropTypes.string,\n  /**\n   * Label for second button of dialog.\n   */\n  dialogLableTwo: PropTypes.string,\n  /**\n   * If true will display the notice message.\n   */\n  notice: PropTypes.string,\n  /**\n   * Label for alert button.\n   */\n  alertButton: PropTypes.string,\n  /**\n   * Message that displays in alert.\n   */\n  alertMessage: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertType: PropTypes.string,\n  /**\n   * Function to close notice.\n   */\n  closeNotice: PropTypes.string,\n  /**\n   * If true the notice will be displayed.\n   */\n  noticeOpen: PropTypes.string,\n  /**\n   * Optional action assigned to notice.\n   */\n  noticeAction: PropTypes.string,\n  /**\n   * The type of notice: error, warning, success, info (toast).\n   */\n  noticeType: PropTypes.string,\n  /**\n   * The message contained in the notice (toast).\n   */\n  noticeMessage: PropTypes.string,\n  /**\n   * The label for the notice button (toast).\n   */\n  noticeButton: PropTypes.string,\n  /**\n   * Sets the severity of the alert (info, warning, error, success).\n   */\n  alertSeverity: PropTypes.string,\n  /**\n   * If true the alert will display.\n   */\n  showAlert: PropTypes.string,\n  /**\n   * Function to close alert.\n   */\n  closeAlert: PropTypes.string,\n  /**\n   * Sets the type of the progress indicator for the dialog.\n   */\n  DialogLoadingvariant: PropTypes.string,\n  /**\n   * sets the action button on the dialog to disabled.\n   */\n  disableDialogAction: PropTypes.string,\n  /**\n   * Allows for a smaller tab version of the expandable drawer.\n   */\n  compactHeader: PropTypes.string,\n  /**\n   * If true, the header expander will be open (default: true)\n   */\n  headerExpanded: PropTypes.string,\n  /**\n   * Section in expander to allow for additional content within the tab area.\n   */\n  expanderLeftContainer: PropTypes.string,\n  /**\n   * Sets the grid default to expaned size if true. The default is 'size to fit'.\n   */\n  defaultAutoSize: PropTypes.bool,\n  /**\n   * Sets the teleporter for primary action header if it's true\n   */\n  useSubHeaderAction: PropTypes.bool\n};\n"],"mappings":"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"}

package/dist/fluentTimeline-DSUMhWcD.js

@@ -1,156 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { UnityFluentIcon } from "./UnityFluentIcon-fuqAQh0C.js";
-import { getIconFromName } from "./TreeUtilities-BxV5PMJ8.js";
-import React, { useState } from "react";
-import { Avatar, MenuItem, Popover, Typography, alpha, makeStyles } from "@material-ui/core";
-import { MoreVerticalIcon } from "@fluentui/react-icons";
-
-//#region src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	customTimelineHeader: {
-		backgroundColor: alpha(theme.palette.secondary.main, .1),
-		borderRadius: theme.spacing(4),
-		padding: theme.spacing(.5, 2, .5, .5),
-		display: "flex",
-		alignItems: "center"
-	},
-	customTimelineHeaderAvatar: {
-		marginRight: theme.spacing(1),
-		height: theme.spacing(4),
-		width: theme.spacing(4)
-	},
-	flexDescription: {
-		fontSize: "0.875rem",
-		marginLeft: theme.spacing(2)
-	}
-}));
-const FluentTimelineHeader = (props) => {
-	const { title, date, iconName } = props;
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.customTimelineHeader }, /* @__PURE__ */ React.createElement(Avatar, { className: classes.customTimelineHeaderAvatar }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
-		size: "medium",
-		icon: getIconFromName(iconName ?? "PageListIcon"),
-		type: ""
-	})), /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, title), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		color: "textSecondary",
-		className: classes.flexDescription
-	}, date));
-};
-
-//#endregion
-//#region src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx
-const useStyles = makeStyles((theme) => ({
-	flexCol: {
-		flexGrow: 1,
-		fontSize: "0.875rem",
-		marginLeft: theme.spacing(1)
-	},
-	customTimelineContent: {
-		display: "flex",
-		borderLeft: "1px solid " + theme.palette.grey[300],
-		paddingLeft: theme.spacing(3),
-		paddingTop: theme.spacing(.5),
-		paddingBottom: theme.spacing(.5),
-		marginLeft: theme.spacing(2.5),
-		alignItems: "center"
-	},
-	customTimelineContentDate: {
-		marginLeft: theme.spacing(3),
-		marginRight: theme.spacing(2),
-		minWidth: theme.spacing(5),
-		fontWeight: 400,
-		textAlign: "right",
-		fontSize: "12px"
-	},
-	customTimelineDot: {
-		marginLeft: theme.spacing(-3.55),
-		width: theme.spacing(1),
-		height: theme.spacing(1),
-		backgroundColor: theme.palette.grey[400],
-		borderRadius: "100%"
-	},
-	flexDescription: { fontSize: "0.875rem" }
-}));
-const FluentTimelineContent = (props) => {
-	const { data, title, description, date, actions, category } = props;
-	const classes = useStyles();
-	const [openMenu, setOpenMenu] = useState(false);
-	const [anchorEl, setAnchorEl] = useState(null);
-	const handlePopoverClick = (event) => {
-		setOpenMenu(true);
-		setAnchorEl(event.currentTarget);
-	};
-	const handlePopoverClose = (event) => {
-		setOpenMenu(false);
-		setAnchorEl(null);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.customTimelineContent }, /* @__PURE__ */ React.createElement("div", { className: classes.customTimelineDot }), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body2",
-		noWrap: true,
-		className: classes.flexCol
-	}, title), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body2",
-		noWrap: true,
-		className: classes.flexDescription
-	}, description), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		color: "textSecondary",
-		className: classes.customTimelineContentDate
-	}, date), actions?.length > 0 && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon: MoreVerticalIcon,
-		size: "small",
-		onClick: handlePopoverClick,
-		id: "udpRecord-FluentTimelineContent-MoreAction-" + category + "-" + typeof title === "string" && title.replace(/\s+/g, ""),
-		udprecordid: "udpRecord-FluentTimelineContent-MoreAction-" + category + "-" + typeof title === "string" && title.replace(/\s+/g, "")
-	}), /* @__PURE__ */ React.createElement(Popover, {
-		id: "fluentTimelineContentPopover",
-		open: openMenu,
-		anchorEl,
-		onClose: handlePopoverClose,
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: "right"
-		},
-		transformOrigin: {
-			vertical: "top",
-			horizontal: "right"
-		}
-	}, actions?.map((action) => /* @__PURE__ */ React.createElement(MenuItem, {
-		id: "udpRecord-FluentTimelineContent-MenuItem-" + action?.label?.replace(/ /g, "-"),
-		udprecordid: "udpRecord-FluentTimelineContent-MenuItem-" + action?.label?.replace(/ /g, "-"),
-		onClick: () => {
-			if (action.onClick) action.onClick(data);
-		},
-		style: {
-			display: "flex",
-			justifyContent: "space-between"
-		}
-	}, /* @__PURE__ */ React.createElement(Typography, null, action?.label), action?.icon && /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: action?.icon,
-		style: { marginLeft: 7 }
-	})))));
-};
-
-//#endregion
-//#region src/UI/timeline/fluentTimeline/FluentTimeline.jsx
-const FluentTimeline = (props) => {
-	const { data, dataConfig, actions } = props;
-	return /* @__PURE__ */ React.createElement("div", null, data?.map((timeline) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FluentTimelineHeader, {
-		title: timeline?.[dataConfig?.type],
-		date: timeline?.[dataConfig?.typeDate],
-		iconName: timeline?.[dataConfig?.typeIconName]
-	}), timeline?.[dataConfig?.events]?.map((item) => /* @__PURE__ */ React.createElement(FluentTimelineContent, {
-		data: item,
-		title: item?.[dataConfig?.eventTitle],
-		description: item?.[dataConfig?.eventDescription],
-		date: item?.[dataConfig?.eventDate],
-		actions,
-		category: timeline?.[dataConfig?.type]
-	})))));
-};
-
-//#endregion
-export { FluentTimeline, FluentTimelineContent, FluentTimelineHeader };
-//# sourceMappingURL=fluentTimeline-DSUMhWcD.js.map

package/dist/fluentTimeline-DSUMhWcD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fluentTimeline-DSUMhWcD.js","names":["useStyles"],"sources":["../src/UI/timeline/fluentTimeline/FluentTimelineHeader.jsx","../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx","../src/UI/timeline/fluentTimeline/FluentTimeline.jsx"],"sourcesContent":["import React from 'react';\nimport { Typography, Avatar, makeStyles, alpha } from '@material-ui/core';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  customTimelineHeader: {\n    backgroundColor: alpha(theme.palette.secondary.main, 0.1),\n    borderRadius: theme.spacing(4),\n    padding: theme.spacing(0.5, 2, 0.5, 0.5),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  customTimelineHeaderAvatar: {\n    marginRight: theme.spacing(1),\n    height: theme.spacing(4),\n    width: theme.spacing(4)\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const FluentTimelineHeader = (props) => {\n  const { title, date, iconName } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.customTimelineHeader}>\n      <Avatar className={classes.customTimelineHeaderAvatar}>\n        <UnityFluentIcon\n          size='medium'\n          icon={getIconFromName(iconName ?? 'PageListIcon')}\n          type=''\n        />\n      </Avatar>\n      <Typography variant='subtitle2'>{title}</Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.flexDescription}\n      >\n        {date}\n      </Typography>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n","import React from 'react';\nimport { FluentTimelineHeader } from './FluentTimelineHeader';\nimport { FluentTimelineContent } from './FluentTimelineContent';\n\nexport const FluentTimeline = (props) => {\n  const { data, dataConfig, actions } = props;\n\n  return (\n    <div>\n      {data?.map((timeline) => (\n        <>\n          <FluentTimelineHeader\n            title={timeline?.[dataConfig?.type]}\n            date={timeline?.[dataConfig?.typeDate]}\n            iconName={timeline?.[dataConfig?.typeIconName]}\n          />\n          {timeline?.[dataConfig?.events]?.map((item) => (\n            <FluentTimelineContent\n              data={item}\n              title={item?.[dataConfig?.eventTitle]}\n              description={item?.[dataConfig?.eventDescription]}\n              date={item?.[dataConfig?.eventDate]}\n              actions={actions}\n              category={timeline?.[dataConfig?.type]}\n            />\n          ))}\n        </>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/form-CiiauVLk.js

@@ -1,76 +0,0 @@
-import { createDecorator_default } from "./FormButtons-BL9d-T3e.js";
-import React, { useEffect } from "react";
-import { Typography } from "@material-ui/core";
-import { FormSpy, useField, useForm, useFormState } from "react-final-form";
-import arrayMutators from "final-form-arrays";
-
-//#region src/utilities/form/FormError.tsx
-/**
-* Displays form-wide validation and submit errors in a MUI Typography error element
-*/
-const FormError = (props) => {
-	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
-		error: true,
-		submitError: true
-	} }, ({ error, submitError }) => {
-		if (error || submitError) return /* @__PURE__ */ React.createElement(Typography, {
-			component: "p",
-			paragraph: true,
-			...props,
-			color: "error"
-		}, error || submitError);
-		return null;
-	});
-};
-
-//#endregion
-//#region src/utilities/form/useFieldChangeListener.ts
-/**
-* Form helper hook that runs a callback when the value of a field has changed
-* Usefull for creating effects where changes to one field affect the value of another field imperatively
-*/
-function useFieldChangeListener(name, cb) {
-	const form = useForm();
-	useEffect(() => {
-		let lastValue = form.getFieldState(name)?.value;
-		return form.subscribe(({ values }) => {
-			const value = values[name];
-			if (value !== lastValue) cb(form, value, lastValue);
-			lastValue = values[name];
-		}, { values: true });
-	}, [
-		form,
-		name,
-		cb
-	]);
-}
-
-//#endregion
-//#region src/utilities/form/FormSpy.tsx
-createDecorator_default();
-/**
-* final-form Form Spy wrapper
-*/
-const FormSpy$1 = ({ render: renderProp, children,...props }) => {
-	const render = renderProp || children;
-	return /* @__PURE__ */ React.createElement(FormSpy, props, (params) => /* @__PURE__ */ React.createElement(React.Fragment, null, typeof render === "function" ? render(params) : render));
-};
-
-//#endregion
-//#region src/utilities/form/formHooks.js
-/**
-* @returns {any}
-*/
-const useForm$1 = () => useForm();
-/**
-* @returns {any}
-*/
-const useField$1 = () => useField();
-/**
-* @returns {any}
-*/
-const useFormState$1 = () => useFormState();
-
-//#endregion
-export { FormError, FormSpy$1 as FormSpy, arrayMutators, useField$1 as useField, useFieldChangeListener, useForm$1 as useForm, useFormState$1 as useFormState };
-//# sourceMappingURL=form-CiiauVLk.js.map

package/dist/form-CiiauVLk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-CiiauVLk.js","names":["FormError: FC<FormErrorProps>","createDecorator","FormSpy: FC<FormSpyProps>","FinalFormSpy","useForm","useFinalForm","useField","useFinalField","useFormState","useFinalFormState"],"sources":["../src/utilities/form/FormError.tsx","../src/utilities/form/useFieldChangeListener.ts","../src/utilities/form/FormSpy.tsx","../src/utilities/form/formHooks.js"],"sourcesContent":["import { Typography, TypographyProps } from '@material-ui/core';\nimport React, { FC } from 'react';\nimport { FormSpy } from 'react-final-form';\n\nexport type FormErrorProps = TypographyProps<'p', {}>;\n\n/**\n * Displays form-wide validation and submit errors in a MUI Typography error element\n */\nexport const FormError: FC<FormErrorProps> = props => {\n  return (\n    <FormSpy subscription={{ error: true, submitError: true }}>\n      {({ error, submitError }) => {\n        if (error || submitError) {\n          return (\n            <Typography component=\"p\" paragraph {...props} color=\"error\">\n              {error || submitError}\n            </Typography>\n          );\n        }\n\n        return null;\n      }}\n    </FormSpy>\n  );\n};\n","import { useEffect } from 'react';\nimport { useForm } from 'react-final-form';\nimport { FormApi } from 'final-form';\n\nexport type FieldChangeCallback<T> = (\n  form: FormApi,\n  value: T,\n  prevValue: T\n) => void;\n\n/**\n * Form helper hook that runs a callback when the value of a field has changed\n * Usefull for creating effects where changes to one field affect the value of another field imperatively\n */\nexport function useFieldChangeListener<T>(\n  name: string,\n  cb: FieldChangeCallback<T>\n) {\n  const form = useForm();\n\n  useEffect(() => {\n    let lastValue = form.getFieldState(name)?.value;\n\n    const unsubscribe = form.subscribe(\n      ({ values }) => {\n        const value = values[name];\n        if (value !== lastValue) {\n          cb(form, value, lastValue);\n        }\n\n        lastValue = values[name];\n      },\n      { values: true }\n    );\n    return unsubscribe;\n  }, [form, name, cb]);\n}\n","import React, { FC } from 'react';\nimport {\n  AnyObject,\n  FormSpy as FinalFormSpy,\n  FormSpyProps as FinalFormSpyProps,\n  FormSpyRenderProps\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormSpyProps<FormValues = AnyObject>\n  extends FinalFormSpyProps<FormValues> {\n  children?: (props: FormSpyRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\n\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form Spy wrapper\n */\nexport const FormSpy: FC<FormSpyProps> = ({\n  render: renderProp,\n  children,\n  ...props\n}) => {\n  const render = renderProp || children;\n  return (\n    <FinalFormSpy {...props}>\n      {(params) => (\n        <>{typeof render === 'function' ? render(params) : render}</>\n      )}\n    </FinalFormSpy>\n  );\n};\n","import {\n  useForm as useFinalForm,\n  useField as useFinalField,\n  useFormState as useFinalFormState\n} from 'react-final-form';\n/**\n * @returns {any}\n */\nexport const useForm = () => useFinalForm();\n/**\n * @returns {any}\n */\nexport const useField = () => useFinalField();\n/**\n * @returns {any}\n */\nexport const useFormState = () => useFinalFormState();\n"],"mappings":";;;;;;;;;;AASA,MAAaA,aAAgC,UAAS;AACpD,QACE,oCAAC,WAAQ,cAAc;EAAE,OAAO;EAAM,aAAa;EAAM,KACrD,EAAE,OAAO,kBAAkB;AAC3B,MAAI,SAAS,YACX,QACE,oCAAC;GAAW,WAAU;GAAI;GAAU,GAAI;GAAO,OAAM;KAClD,SAAS,YACC;AAIjB,SAAO;GAED;;;;;;;;;ACTd,SAAgB,uBACd,MACA,IACA;CACA,MAAM,OAAO,SAAS;AAEtB,iBAAgB;EACd,IAAI,YAAY,KAAK,cAAc,KAAK,EAAE;AAa1C,SAXoB,KAAK,WACtB,EAAE,aAAa;GACd,MAAM,QAAQ,OAAO;AACrB,OAAI,UAAU,UACZ,IAAG,MAAM,OAAO,UAAU;AAG5B,eAAY,OAAO;KAErB,EAAE,QAAQ,MAAM,CACjB;IAEA;EAAC;EAAM;EAAM;EAAG,CAAC;;;;;ACpBAC,yBAAiB;;;;AAKvC,MAAaC,aAA6B,EACxC,QAAQ,YACR,SACA,GAAG,YACC;CACJ,MAAM,SAAS,cAAc;AAC7B,QACE,oCAACC,SAAiB,QACd,WACA,0DAAG,OAAO,WAAW,aAAa,OAAO,OAAO,GAAG,OAAU,CAElD;;;;;;;;ACvBnB,MAAaC,kBAAgBC,SAAc;;;;AAI3C,MAAaC,mBAAiBC,UAAe;;;;AAI7C,MAAaC,uBAAqBC,cAAmB"}

package/dist/formatBytes-D6vdwZ2k.js

@@ -1,23 +0,0 @@
-//#region src/utilities/uploader/formatBytes.js
-const formatBytes = (bytes, decimals = 2) => {
-	if (bytes === 0) return "0 Bytes";
-	const k = 1024;
-	const dm = decimals < 0 ? 0 : decimals;
-	const sizes = [
-		"Bytes",
-		"KB",
-		"MB",
-		"GB",
-		"TB",
-		"PB",
-		"EB",
-		"ZB",
-		"YB"
-	];
-	const i = Math.floor(Math.log(bytes) / Math.log(k));
-	return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-};
-
-//#endregion
-export { formatBytes };
-//# sourceMappingURL=formatBytes-D6vdwZ2k.js.map

package/dist/formatBytes-D6vdwZ2k.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatBytes-D6vdwZ2k.js","names":[],"sources":["../src/utilities/uploader/formatBytes.js"],"sourcesContent":["export const formatBytes = (bytes, decimals = 2) => {\n    if (bytes === 0) return '0 Bytes'\n\n    const k = 1024\n    const dm = decimals < 0 ? 0 : decimals\n    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n    const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n  }"],"mappings":";AAAA,MAAa,eAAe,OAAO,WAAW,MAAM;AAChD,KAAI,UAAU,EAAG,QAAO;CAExB,MAAM,IAAI;CACV,MAAM,KAAK,WAAW,IAAI,IAAI;CAC9B,MAAM,QAAQ;EAAC;EAAS;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAM;EAAK;CAEvE,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AAEnD,QAAO,YAAY,QAAQ,KAAK,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,GAAG,MAAM,MAAM"}