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

package/dist/SideSheet-DVvhEo7C.js

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/SimpleTable-lLaKKBvn.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import Table from "@material-ui/core/Table";
+import TableBody from "@material-ui/core/TableBody";
+import TableCell from "@material-ui/core/TableCell";
+import TableContainer from "@material-ui/core/TableContainer";
+import TableHead from "@material-ui/core/TableHead";
+import TableRow from "@material-ui/core/TableRow";
+
+//#region src/UI/widgets/FluentComponents/SimpleTable.jsx
+const useStyles = makeStyles({ table: { minWidth: 350 } });
+let SimpleTable = (props) => {
+	const { columns, rows } = props;
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, {
+		className: classes.table,
+		"aria-label": "simple table",
+		size: "small"
+	}, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, columns.map((column) => /* @__PURE__ */ React.createElement(TableCell, null, column)))), /* @__PURE__ */ React.createElement(TableBody, null, rows.map((row) => /* @__PURE__ */ React.createElement(TableRow, { key: row.name }, row.rowValues.map((rowValue) => /* @__PURE__ */ React.createElement(TableCell, null, rowValue)))))));
+};
+var SimpleTable_default = SimpleTable;
+
+//#endregion
+export { SimpleTable_default as t };
+//# sourceMappingURL=SimpleTable-lLaKKBvn.js.map

package/dist/SimpleTable-lLaKKBvn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable-lLaKKBvn.js","names":[],"sources":["../src/UI/widgets/FluentComponents/SimpleTable.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Table from '@material-ui/core/Table'\nimport TableBody from '@material-ui/core/TableBody'\nimport TableCell from '@material-ui/core/TableCell'\nimport TableContainer from '@material-ui/core/TableContainer'\nimport TableHead from '@material-ui/core/TableHead'\nimport TableRow from '@material-ui/core/TableRow'\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 350\n  }\n})\n\nlet SimpleTable = (props) => {\n  const { columns, rows } = props\n  const classes = useStyles()\n\n  return (\n    <TableContainer>\n      <Table className={classes.table} aria-label='simple table' size='small'>\n        <TableHead>\n          <TableRow>\n            {columns.map((column) => (\n              <TableCell>{column}</TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {rows.map((row) => (\n            <TableRow key={row.name}>\n              {row.rowValues.map((rowValue) => (\n                <TableCell>{rowValue}</TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  )\n}\nexport default SimpleTable\n"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,WAAW,EAC3B,OAAO,EACL,UAAU,KACX,EACF,CAAC;AAEF,IAAI,eAAe,UAAU;CAC3B,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,sBACC,oCAAC;EAAM,WAAW,QAAQ;EAAO,cAAW;EAAe,MAAK;IAC9D,oCAAC,iBACC,oCAAC,gBACE,QAAQ,KAAK,WACZ,oCAAC,iBAAW,OAAmB,CAC/B,CACO,CACD,EACZ,oCAAC,iBACE,KAAK,KAAK,QACT,oCAAC,YAAS,KAAK,IAAI,QAChB,IAAI,UAAU,KAAK,aAClB,oCAAC,iBAAW,SAAqB,CACjC,CACO,CACX,CACQ,CACN,CACO;;AAGrB,0BAAe"}

package/dist/SiteHeaderRightComponent-BwFUg3ur.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/shell/ui/SiteHeaderRightComponent.jsx
+const SiteHeaderRightComponents = createTeleporter({ multiSources: true });
+/**
+* @type {React.FC}
+*/
+const SiteHeaderRightComponentTarget = SiteHeaderRightComponents.Target;
+/**
+* Places a title in the App SubHeader
+*/
+const SiteHeaderRightComponent = (props) => {
+	const { children, className } = props;
+	return /* @__PURE__ */ React.createElement(SiteHeaderRightComponents.Source, null, children);
+};
+
+//#endregion
+export { SiteHeaderRightComponentTarget as n, SiteHeaderRightComponent as t };
+//# sourceMappingURL=SiteHeaderRightComponent-BwFUg3ur.js.map

package/dist/SiteHeaderRightComponent-BwFUg3ur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeaderRightComponent-BwFUg3ur.js","names":[],"sources":["../src/shell/ui/SiteHeaderRightComponent.jsx"],"sourcesContent":["import React from 'react';\nimport { createTeleporter } from 'react-teleporter';\n\nconst SiteHeaderRightComponents = createTeleporter({\n  multiSources: true\n});\n\n/**\n * @type {React.FC}\n */\nexport const SiteHeaderRightComponentTarget = SiteHeaderRightComponents.Target;\n\n/**\n * Places a title in the App SubHeader\n */\nexport const SiteHeaderRightComponent = (props) => {\n  const { children, className } = props;\n\n  return (\n    <SiteHeaderRightComponents.Source>\n      {children}\n    </SiteHeaderRightComponents.Source>\n  );\n};\n"],"mappings":";;;;AAGA,MAAM,4BAA4B,iBAAiB,EACjD,cAAc,MACf,CAAC;;;;AAKF,MAAa,iCAAiC,0BAA0B;;;;AAKxE,MAAa,4BAA4B,UAAU;CACjD,MAAM,EAAE,UAAU,cAAc;AAEhC,QACE,oCAAC,0BAA0B,cACxB,SACgC"}

package/dist/Source-eAe0E-2u.js

@@ -0,0 +1,34 @@
+import * as olSource from "ol/source";
+import { Vector } from "ol/source";
+
+//#region src/maps/openLayerMaps/Source/vector.js
+/**
+* @param {{features: import('ol/Feature').default[]}} props
+* @returns {VectorSource}
+*/
+function vector({ features }) {
+	return new Vector({ features });
+}
+var vector_default = vector;
+
+//#endregion
+//#region src/maps/openLayerMaps/Source/xyz.js
+function xyz({ url, attributions, maxZoom }) {
+	return new olSource.XYZ({
+		url,
+		attributions,
+		maxZoom
+	});
+}
+var xyz_default = xyz;
+
+//#endregion
+//#region src/maps/openLayerMaps/Source/osm.js
+function osm() {
+	return new olSource.OSM();
+}
+var osm_default = osm;
+
+//#endregion
+export { xyz_default as n, vector_default as r, osm_default as t };
+//# sourceMappingURL=Source-eAe0E-2u.js.map

package/dist/Source-eAe0E-2u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Source-eAe0E-2u.js","names":["VectorSource"],"sources":["../src/maps/openLayerMaps/Source/vector.js","../src/maps/openLayerMaps/Source/xyz.js","../src/maps/openLayerMaps/Source/osm.js"],"sourcesContent":["import { Vector as VectorSource } from 'ol/source';\n\n/**\n * @param {{features: import('ol/Feature').default[]}} props\n * @returns {VectorSource}\n */\nfunction vector({ features }) {\n\treturn new VectorSource({\n\t\tfeatures\n\t});\n}\n\nexport default vector;\n","import * as olSource from \"ol/source\";\n\nfunction xyz({ url, attributions, maxZoom }) {\n\treturn new olSource.XYZ({ url, attributions, maxZoom });\n}\n\nexport default xyz;\n","import * as olSource from 'ol/source';\n\nfunction osm() {\n  return new olSource.OSM();\n}\n\nexport default osm;\n"],"mappings":";;;;;;;;AAMA,SAAS,OAAO,EAAE,YAAY;AAC7B,QAAO,IAAIA,OAAa,EACvB,UACA,CAAC;;AAGH,qBAAe;;;;ACVf,SAAS,IAAI,EAAE,KAAK,cAAc,WAAW;AAC5C,QAAO,IAAI,SAAS,IAAI;EAAE;EAAK;EAAc;EAAS,CAAC;;AAGxD,kBAAe;;;;ACJf,SAAS,MAAM;AACb,QAAO,IAAI,SAAS,KAAK;;AAG3B,kBAAe"}

package/dist/SparklineWidget-DdJ6Rinv.js

@@ -0,0 +1,65 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as WidgetCard_default } from "./WidgetCard-BrucW25R.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-pJvqOnuB.js";
+import { t as convertISODate } from "./ConvertISODate-CHm1PEaM.js";
+import React, { Fragment, forwardRef } from "react";
+import { Grid, Typography, makeStyles } from "@material-ui/core";
+import { Sparklines, SparklinesLine } from "react-sparklines";
+
+//#region src/UI/widgets/library/SparklineWidget/SparklineWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const useStyles = makeStyles((theme) => ({ statList: {
+	display: "flex",
+	flexDirection: "row",
+	justifyContent: "space-between"
+} }));
+const SparklineWidget = (props, ref) => {
+	const classes = useStyles();
+	const { children, params, setParam,...other } = props;
+	const { mockData, apiUrl, theme, dateRange } = params;
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		className: classes.root,
+		theme,
+		ref,
+		...other,
+		title: mockData?.title
+	}, mockData ? /* @__PURE__ */ React.createElement(Fragment, null, dateRange && /* @__PURE__ */ React.createElement(Typography, {
+		gutterBottom: true,
+		variant: "caption",
+		component: "h3"
+	}, "From: ", convertISODate(dateRange.from), " to:", " ", convertISODate(dateRange.to)), /* @__PURE__ */ React.createElement("div", { className: classes.statList }, mockData?.stats?.map((stat) => /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		key: stat.label
+	}, /* @__PURE__ */ React.createElement(FluentStatsSnippet_default, {
+		label: stat.label,
+		amount: stat.amount,
+		percent: stat.percent && stat.percent,
+		trend: stat.trend
+	})))), /* @__PURE__ */ React.createElement(Sparklines, {
+		data: mockData?.data,
+		strokeWidth: .5
+	}, /* @__PURE__ */ React.createElement(SparklinesLine, { color: "#067e7e" })), children) : /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Could not retrieve widget data. Please contact support."));
+};
+var SparklineWidget_default = forwardRef(SparklineWidget);
+
+//#endregion
+//#region src/UI/widgets/library/SparklineWidget/index.ts
+var SparklineWidget_exports = /* @__PURE__ */ __export({
+	default: () => SparklineWidget_default,
+	layout: () => layout
+});
+
+//#endregion
+export { SparklineWidget_default as n, layout as r, SparklineWidget_exports as t };
+//# sourceMappingURL=SparklineWidget-DdJ6Rinv.js.map

package/dist/SparklineWidget-DdJ6Rinv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineWidget-DdJ6Rinv.js","names":["WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/SparklineWidget/SparklineWidget.jsx","../src/UI/widgets/library/SparklineWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Typography, makeStyles } from '@material-ui/core'\nimport WidgetCard from '../../WidgetCard'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nconst useStyles = makeStyles((theme) => ({\n  statList: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between'\n  }\n}))\n\nconst SparklineWidget = (props, ref) => {\n  const classes = useStyles()\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n\n  return (\n    <WidgetCard\n      className={classes.root}\n      theme={theme}\n      ref={ref}\n      {...other}\n      title={mockData?.title}\n    >\n      {mockData ? (\n        <Fragment>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              From: {convertISODate(dateRange.from)} to:{' '}\n              {convertISODate(dateRange.to)}\n            </Typography>\n          )}\n          <div className={classes.statList}>\n            {mockData?.stats?.map((stat) => (\n              <Grid item key={stat.label}>\n                <FluentStatsSnippet\n                  label={stat.label}\n                  amount={stat.amount}\n                  percent={stat.percent && stat.percent}\n                  trend={stat.trend}\n                />\n              </Grid>\n            ))}\n          </div>\n\n          <Sparklines data={mockData?.data} strokeWidth={0.5}>\n            <SparklinesLine color='#067e7e' />\n          </Sparklines>\n          {children}\n        </Fragment>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(SparklineWidget)\n","export * from './SparklineWidget';\nexport {default} from './SparklineWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,YAAY,YAAY,WAAW,EACvC,UAAU;CACR,SAAS;CACT,eAAe;CACf,gBAAgB;CACjB,EACF,EAAE;AAEH,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;AAE/C,QACE,oCAACA;EACC,WAAW,QAAQ;EACZ;EACF;EACL,GAAI;EACJ,OAAO,UAAU;IAEhB,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,YACrB,UAAU,OAAO,KAAK,SACrB,oCAAC;EAAK;EAAK,KAAK,KAAK;IACnB,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,SAAS,KAAK,WAAW,KAAK;EAC9B,OAAO,KAAK;GACZ,CACG,CACP,CACE,EAEN,oCAAC;EAAW,MAAM,UAAU;EAAM,aAAa;IAC7C,oCAAC,kBAAe,OAAM,YAAY,CACvB,EACZ,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/SparsePlotWidget-Yq7Kd3JT.js

@@ -0,0 +1,82 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as WidgetCard_default } from "./WidgetCard-BrucW25R.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-pJvqOnuB.js";
+import React, { forwardRef } from "react";
+import { Box, Grid } from "@material-ui/core";
+import { MuiVegaLite } from "@material-vega/material-ui";
+
+//#region src/UI/widgets/library/SparsePlotWidget/SparsePlotWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const params = { mode: { defaultValue: "chart" } };
+const SparsePlotWidget = (props, ref) => {
+	const { children, params: params$1, setParam,...other } = props;
+	const { mockData, apiUrl, theme } = params$1;
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		ref,
+		...other,
+		title: mockData?.title,
+		theme
+	}, /* @__PURE__ */ React.createElement(Grid, { container: true }, mockData?.stats.map((stat) => /* @__PURE__ */ React.createElement(Grid, {
+		item: true,
+		xs: 3,
+		key: stat.label
+	}, /* @__PURE__ */ React.createElement(FluentStatsSnippet_default, {
+		label: stat.label,
+		amount: stat.currentValue,
+		prevAmount: stat.previousValue
+	})))), /* @__PURE__ */ React.createElement(Box, {
+		clone: true,
+		flex: 1,
+		mt: 1,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(MuiVegaLite, {
+		spec: {
+			$schema: "https://vega.github.io/schema/vega-lite/v4.json",
+			width: "container",
+			height: "container",
+			data: mockData?.data,
+			mark: {
+				type: "point",
+				line: true,
+				point: true
+			},
+			encoding: {
+				x: {
+					field: "xAxis",
+					type: mockData?.xAxisType
+				},
+				y: {
+					field: "yAxis",
+					type: mockData?.yAxisType
+				}
+			}
+		},
+		variant: "scatterplotChart",
+		autoResize: true,
+		actions: false
+	})), children);
+};
+var SparsePlotWidget_default = forwardRef(SparsePlotWidget);
+
+//#endregion
+//#region src/UI/widgets/library/SparsePlotWidget/index.ts
+var SparsePlotWidget_exports = /* @__PURE__ */ __export({
+	default: () => SparsePlotWidget_default,
+	layout: () => layout,
+	params: () => params
+});
+
+//#endregion
+export { params as i, SparsePlotWidget_default as n, layout as r, SparsePlotWidget_exports as t };
+//# sourceMappingURL=SparsePlotWidget-Yq7Kd3JT.js.map

package/dist/SparsePlotWidget-Yq7Kd3JT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparsePlotWidget-Yq7Kd3JT.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/SparsePlotWidget/SparsePlotWidget.jsx","../src/UI/widgets/library/SparsePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Grid, Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n  mode: {\n    defaultValue: 'chart'\n  }\n}\n\nconst SparsePlotWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme } = params\n\n  return (\n    <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n      <Grid container>\n        {mockData?.stats.map((stat) => (\n          <Grid item xs={3} key={stat.label}>\n            <FluentStatsSnippet\n              label={stat.label}\n              amount={stat.currentValue}\n              prevAmount={stat.previousValue}\n            />\n          </Grid>\n        ))}\n      </Grid>\n      <Box clone flex={1} mt={1} overflow='hidden'>\n        <MuiVegaLite\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n            width: 'container',\n            height: 'container',\n            data: mockData?.data,\n            mark: { type: 'point', line: true, point: true },\n            encoding: {\n              x: { field: 'xAxis', type: mockData?.xAxisType },\n              y: { field: 'yAxis', type: mockData?.yAxisType }\n            }\n          }}\n          variant='scatterplotChart'\n          autoResize\n          actions={false}\n        />\n      </Box>\n      {children}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(SparsePlotWidget)\n","export * from './SparsePlotWidget';\nexport {default} from './SparsePlotWidget';\n"],"mappings":";;;;;;;;AAMA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,oBAAoB,OAAO,QAAQ;CACvC,MAAM,EAAE,UAAU,kBAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EACP,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,MAAM,UAAU;GAChB,MAAM;IAAE,MAAM;IAAS,MAAM;IAAM,OAAO;IAAM;GAChD,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;EACD,SAAQ;EACR;EACA,SAAS;GACT,CACE,EACL,SACU;;AAIjB,+BAAe,WAAW,iBAAiB"}