udp-react-enterprise-component-library 25.14.1-beta.8 → 25.16.0

package/dist/StatusChip-Bw-0wE_B.js

@@ -1,75 +0,0 @@
-import React from "react";
-import { Chip, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-
-//#region src/UI/dataDisplay/StatusChip.jsx
-const useStyles = makeStyles((theme) => ({
-	smallChip: {
-		height: theme.spacing(2.5),
-		fontSize: "0.7rem",
-		"& .MuiChip-label": {
-			paddingLeft: theme.spacing(.75),
-			paddingRight: theme.spacing(.75)
-		}
-	},
-	actionable: { cursor: "pointer" },
-	success: {
-		backgroundColor: theme.palette.success.main,
-		color: "#FFF",
-		"&.MuiChip-outlined": {
-			color: theme.palette.success.main,
-			borderColor: theme.palette.success.main,
-			backgroundColor: "transparent"
-		}
-	},
-	warning: {
-		backgroundColor: theme.palette.warning.main,
-		color: "#FFF",
-		"&.MuiChip-outlined": {
-			color: theme.palette.warning.main,
-			borderColor: theme.palette.warning.main,
-			backgroundColor: "transparent"
-		}
-	},
-	error: {
-		backgroundColor: theme.palette.error.main,
-		color: "#FFF",
-		"&.MuiChip-outlined": {
-			color: theme.palette.error.main,
-			borderColor: theme.palette.error.main,
-			backgroundColor: "transparent"
-		}
-	},
-	info: {
-		backgroundColor: theme.palette.info.main,
-		color: theme.palette.getContrastText(theme.palette.info.main),
-		"&.MuiChip-outlined": {
-			color: theme.palette.info.main,
-			borderColor: theme.palette.info.main,
-			backgroundColor: "transparent"
-		}
-	}
-}));
-const StatusChip = ({ status, label, useSmallChip = false, isActionable = false, icon, variant = "default", onClick }) => {
-	const classes = useStyles();
-	const chipClass = clsx({
-		[classes.smallChip]: useSmallChip,
-		[classes.actionable]: isActionable,
-		[classes.success]: status === "success",
-		[classes.warning]: status === "warning",
-		[classes.error]: status === "error",
-		[classes.info]: status === "info"
-	});
-	return /* @__PURE__ */ React.createElement(Chip, {
-		className: chipClass,
-		label,
-		size: "small",
-		icon: icon || null,
-		variant,
-		onClick: isActionable ? onClick : null
-	});
-};
-
-//#endregion
-export { StatusChip };
-//# sourceMappingURL=StatusChip-Bw-0wE_B.js.map

package/dist/StatusChip-Bw-0wE_B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusChip-Bw-0wE_B.js","names":[],"sources":["../src/UI/dataDisplay/StatusChip.jsx"],"sourcesContent":["import React from 'react';\nimport { Chip, makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  smallChip: {\n    height: theme.spacing(2.5),\n    fontSize: '0.7rem',\n    '& .MuiChip-label': {\n      paddingLeft: theme.spacing(0.75),\n      paddingRight: theme.spacing(0.75)\n    }\n  },\n  actionable: {\n    cursor: 'pointer'\n  },\n  success: {\n    backgroundColor: theme.palette.success.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.success.main,\n      borderColor: theme.palette.success.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  warning: {\n    backgroundColor: theme.palette.warning.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.warning.main,\n      borderColor: theme.palette.warning.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  error: {\n    backgroundColor: theme.palette.error.main,\n    color: '#FFF',\n    '&.MuiChip-outlined': {\n      color: theme.palette.error.main,\n      borderColor: theme.palette.error.main,\n      backgroundColor: 'transparent'\n    }\n  },\n  info: {\n    backgroundColor: theme.palette.info.main,\n    color: theme.palette.getContrastText(theme.palette.info.main),\n    '&.MuiChip-outlined': {\n      color: theme.palette.info.main,\n      borderColor: theme.palette.info.main,\n      backgroundColor: 'transparent'\n    }\n  }\n}));\n\nexport const StatusChip = ({\n  status,\n  label,\n  useSmallChip = false,\n  isActionable = false,\n  icon,\n  variant = 'default',\n  onClick,\n}) => {\n  const classes = useStyles();\n\n  const chipClass = clsx({\n    [classes.smallChip]: useSmallChip,\n    [classes.actionable]: isActionable,\n    [classes.success]: status === 'success',\n    [classes.warning]: status === 'warning',\n    [classes.error]: status === 'error',\n    [classes.info]: status === 'info'\n  });\n\n  return (\n    <Chip\n      className={chipClass}\n      label={label}\n      size='small'\n      icon={icon || null}\n      variant={variant}\n      onClick={isActionable ? onClick : null}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,QAAQ,MAAM,QAAQ,IAAI;EAC1B,UAAU;EACV,oBAAoB;GAClB,aAAa,MAAM,QAAQ,IAAK;GAChC,cAAc,MAAM,QAAQ,IAAK;GAClC;EACF;CACD,YAAY,EACV,QAAQ,WACT;CACD,SAAS;EACP,iBAAiB,MAAM,QAAQ,QAAQ;EACvC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,QAAQ;GAC7B,aAAa,MAAM,QAAQ,QAAQ;GACnC,iBAAiB;GAClB;EACF;CACD,SAAS;EACP,iBAAiB,MAAM,QAAQ,QAAQ;EACvC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,QAAQ;GAC7B,aAAa,MAAM,QAAQ,QAAQ;GACnC,iBAAiB;GAClB;EACF;CACD,OAAO;EACL,iBAAiB,MAAM,QAAQ,MAAM;EACrC,OAAO;EACP,sBAAsB;GACpB,OAAO,MAAM,QAAQ,MAAM;GAC3B,aAAa,MAAM,QAAQ,MAAM;GACjC,iBAAiB;GAClB;EACF;CACD,MAAM;EACJ,iBAAiB,MAAM,QAAQ,KAAK;EACpC,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,KAAK;EAC7D,sBAAsB;GACpB,OAAO,MAAM,QAAQ,KAAK;GAC1B,aAAa,MAAM,QAAQ,KAAK;GAChC,iBAAiB;GAClB;EACF;CACF,EAAE;AAEH,MAAa,cAAc,EACzB,QACA,OACA,eAAe,OACf,eAAe,OACf,MACA,UAAU,WACV,cACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,YAAY,KAAK;GACpB,QAAQ,YAAY;GACpB,QAAQ,aAAa;GACrB,QAAQ,UAAU,WAAW;GAC7B,QAAQ,UAAU,WAAW;GAC7B,QAAQ,QAAQ,WAAW;GAC3B,QAAQ,OAAO,WAAW;EAC5B,CAAC;AAEF,QACE,oCAAC;EACC,WAAW;EACJ;EACP,MAAK;EACL,MAAM,QAAQ;EACL;EACT,SAAS,eAAe,UAAU;GAClC"}

package/dist/Sticky-BDcWUrzq.js

@@ -1,50 +0,0 @@
-import { colors as colors$1 } from "./colors-VLk-T125.js";
-import { Token } from "./Token-DOIAu9p4.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-import { CalendarIcon, OpenInNewTabIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/components/dataDisplay/Sticky.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "inline-flex",
-		alignItems: "center",
-		background: (props) => {
-			if (colors$1.unity.hasOwnProperty(props.color)) return colors$1.unity[props.color].hint;
-			else return colors$1.unity.info.hint;
-		},
-		borderRadius: (props) => props.size === "large" ? 56 / 2 : 48 / 2,
-		margin: theme.spacing(1)
-	},
-	stickyChild: { display: "inline-table" }
-}), { name: "FluentListItem" });
-const Sticky = (props) => {
-	const classes = useStyles(props);
-	const { text, size, color } = props;
-	const typographyVariant = size === "large" ? "body2" : "body1";
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: CalendarIcon,
-		size,
-		color
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.stickyChild,
-		variant: typographyVariant
-	}, text ?? ""), /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: OpenInNewTabIcon,
-		variant: "filled",
-		size,
-		color
-	}));
-};
-Sticky.propTypes = {
-	text: PropTypes.string,
-	size: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { Sticky };
-//# sourceMappingURL=Sticky-BDcWUrzq.js.map

package/dist/Sticky-BDcWUrzq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticky-BDcWUrzq.js","names":["colors"],"sources":["../src/UI/components/dataDisplay/Sticky.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles, Divider } from '@material-ui/core'\nimport { Token } from './Token'\nimport { OpenInNewTabIcon, CalendarIcon } from '@fluentui/react-icons'\nimport { colors } from '../../../utilities/style/colors';\nimport PropTypes from 'prop-types';\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      background: (props) => {\n        if (colors.unity.hasOwnProperty(props.color)) {\n          return colors.unity[props.color].hint;\n        } else {\n          return colors.unity.info.hint;\n        }\n      },\n      borderRadius: props => props.size === \"large\" ? 56 / 2.0 : 48 / 2.0,\n      margin: theme.spacing(1)\n    },\n    stickyChild: {\n      display: 'inline-table'\n    },\n  }),\n  { name: 'FluentListItem' }\n)\n\nexport const Sticky = (props) => {\n  const classes = useStyles(props)\n  const {\n    text,\n    size,\n    color\n  } = props\n\n  const typographyVariant = (size === \"large\") ? \"body2\" : \"body1\"\n\n  return (\n    <div className={classes.root}>\n      <Token className={classes.stickyChild} icon={CalendarIcon} size={size} color={color} />\n      <Typography className={classes.stickyChild} variant={typographyVariant}>\n        { text ?? \"\" }\n      </Typography>\n      <Token className={classes.stickyChild} icon={OpenInNewTabIcon} variant=\"filled\" size={size} color={color} />\n    </div>\n  )\n}\n\nSticky.propTypes = {\n  text: PropTypes.string,\n  size: PropTypes.string,\n  color: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,aAAa,UAAU;AACrB,OAAIA,SAAO,MAAM,eAAe,MAAM,MAAM,CAC1C,QAAOA,SAAO,MAAM,MAAM,OAAO;OAEjC,QAAOA,SAAO,MAAM,KAAK;;EAG7B,eAAc,UAAS,MAAM,SAAS,UAAU,KAAK,IAAM,KAAK;EAChE,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,aAAa,EACX,SAAS,gBACV;CACF,GACD,EAAE,MAAM,kBAAkB,CAC3B;AAED,MAAa,UAAU,UAAU;CAC/B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,MACA,MACA,UACE;CAEJ,MAAM,oBAAqB,SAAS,UAAW,UAAU;AAEzD,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAoB;EAAa;GAAS,EACvF,oCAAC;EAAW,WAAW,QAAQ;EAAa,SAAS;IACjD,QAAQ,GACC,EACb,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAkB,SAAQ;EAAe;EAAa;GAAS,CACxG;;AAIV,OAAO,YAAY;CACjB,MAAM,UAAU;CAChB,MAAM,UAAU;CAChB,OAAO,UAAU;CAClB"}

package/dist/StringUtilities-DyjYA5pU.js

@@ -1,30 +0,0 @@
-//#region src/utilities/input/StringUtilities.js
-const removeWhiteSpace = (str) => {
-	if (!str) return "";
-	return str.replace(/\s/g, "");
-};
-const camelToPascalCaseWithSpace = (str) => {
-	return (str.charAt(0).toUpperCase() + str.slice(1)).replace(/([a-z0-9])([A-Z])/g, "$1 $2");
-};
-const trimStringAfter = (str, character) => {
-	const lastIndex = str.lastIndexOf(character);
-	return str.substring(0, lastIndex === -1 ? str.length : lastIndex);
-};
-const toLowerFirstChar = (field) => {
-	return field?.charAt(0)?.toLowerCase() + field?.slice(1);
-};
-const toUpperFirstChar = (field) => {
-	return field?.charAt(0)?.toUpperCase() + field?.slice(1);
-};
-const toTitleCase = (str) => {
-	const result = str.replace(/([A-Z][a-z]+)/g, " $1").replace(/([A-Z]+)\b/g, " $1").replace(/_/g, " ").trim();
-	return result.charAt(0).toUpperCase() + result.slice(1);
-};
-const pluralize = (str) => {
-	if (str.charAt(str.length - 1) === "s") return str;
-	else return `${str}s`;
-};
-
-//#endregion
-export { camelToPascalCaseWithSpace, pluralize, removeWhiteSpace, toLowerFirstChar, toTitleCase, toUpperFirstChar, trimStringAfter };
-//# sourceMappingURL=StringUtilities-DyjYA5pU.js.map

package/dist/StringUtilities-DyjYA5pU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StringUtilities-DyjYA5pU.js","names":[],"sources":["../src/utilities/input/StringUtilities.js"],"sourcesContent":["export const removeWhiteSpace = (str) => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\nexport const camelToPascalCaseWithSpace = (str) => {\n  const capitalizedStr = str.charAt(0).toUpperCase() + str.slice(1);\n  return capitalizedStr.replace(/([a-z0-9])([A-Z])/g, '$1 $2');\n};\n\nexport const trimStringAfter = (str, character) => {\n  const lastIndex = str.lastIndexOf(character);\n  return str.substring(0, lastIndex === -1 ? str.length : lastIndex);\n};\n\nexport const toLowerFirstChar = (field) => {\n  return field?.charAt(0)?.toLowerCase() + field?.slice(1);\n};\n\nexport const toUpperFirstChar = (field) => {\n  return field?.charAt(0)?.toUpperCase() + field?.slice(1);\n};\n\nexport const toTitleCase = (str) => {\n  const result = str\n    .replace(/([A-Z][a-z]+)/g, ' $1')\n    .replace(/([A-Z]+)\\b/g, ' $1')\n    .replace(/_/g, ' ')\n    .trim();\n  return result.charAt(0).toUpperCase() + result.slice(1);\n};\n\nexport const pluralize = (str) => {\n  const last = str.charAt(str.length - 1);\n  if (last === 's') {\n    return str;\n  } else {\n    return `${str}s`;\n  }\n};\n"],"mappings":";AAAA,MAAa,oBAAoB,QAAQ;AACvC,KAAI,CAAC,IACH,QAAO;AAET,QAAO,IAAI,QAAQ,OAAO,GAAG;;AAG/B,MAAa,8BAA8B,QAAQ;AAEjD,SADuB,IAAI,OAAO,EAAE,CAAC,aAAa,GAAG,IAAI,MAAM,EAAE,EAC3C,QAAQ,sBAAsB,QAAQ;;AAG9D,MAAa,mBAAmB,KAAK,cAAc;CACjD,MAAM,YAAY,IAAI,YAAY,UAAU;AAC5C,QAAO,IAAI,UAAU,GAAG,cAAc,KAAK,IAAI,SAAS,UAAU;;AAGpE,MAAa,oBAAoB,UAAU;AACzC,QAAO,OAAO,OAAO,EAAE,EAAE,aAAa,GAAG,OAAO,MAAM,EAAE;;AAG1D,MAAa,oBAAoB,UAAU;AACzC,QAAO,OAAO,OAAO,EAAE,EAAE,aAAa,GAAG,OAAO,MAAM,EAAE;;AAG1D,MAAa,eAAe,QAAQ;CAClC,MAAM,SAAS,IACZ,QAAQ,kBAAkB,MAAM,CAChC,QAAQ,eAAe,MAAM,CAC7B,QAAQ,MAAM,IAAI,CAClB,MAAM;AACT,QAAO,OAAO,OAAO,EAAE,CAAC,aAAa,GAAG,OAAO,MAAM,EAAE;;AAGzD,MAAa,aAAa,QAAQ;AAEhC,KADa,IAAI,OAAO,IAAI,SAAS,EAAE,KAC1B,IACX,QAAO;KAEP,QAAO,GAAG,IAAI"}

package/dist/StylizedTitle-Y_hYLsug.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { Typography, lighten, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/typography/FormHeaders.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { fontWeight: 500 },
-	header: { fontSize: 18 },
-	subHeader: {
-		fontSize: 14,
-		color: lighten(theme.palette.common.black, .5)
-	}
-}));
-const FormHeader = (props) => {
-	const { children } = props;
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Typography, { className: clsx(classes.header, classes.root) }, children);
-};
-const FormSubHeader = (props) => {
-	const { children } = props;
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Typography, { className: clsx(classes.subHeader, classes.root) }, children);
-};
-
-//#endregion
-//#region src/UI/dataDisplay/typography/StylizedTitle.jsx
-const StylizedTitle = ({ children, color, component = "h2" }) => {
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement("div", { style: {
-		borderLeft: `4px solid ${color || theme.palette.secondary.main}`,
-		paddingLeft: 8
-	} }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		component
-	}, children));
-};
-StylizedTitle.propTypes = {
-	children: PropTypes.node.isRequired,
-	color: PropTypes.string,
-	component: PropTypes.string
-};
-StylizedTitle.defaultProps = { component: "h2" };
-
-//#endregion
-export { FormHeader, FormSubHeader, StylizedTitle };
-//# sourceMappingURL=StylizedTitle-Y_hYLsug.js.map

package/dist/StylizedTitle-Y_hYLsug.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StylizedTitle-Y_hYLsug.js","names":[],"sources":["../src/UI/dataDisplay/typography/FormHeaders.jsx","../src/UI/dataDisplay/typography/StylizedTitle.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, lighten } from '@material-ui/core'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    fontWeight: 500\n  },\n  header: {\n    fontSize: 18\n  },\n  subHeader: {\n    fontSize: 14,\n    color: lighten(theme.palette.common.black, 0.5)\n  }\n}))\n\nexport const FormHeader = (props) => {\n  const { children } = props\n  const classes = useStyles()\n  return (\n    <Typography className={clsx(classes.header, classes.root)}>\n      {children}\n    </Typography>\n  )\n}\nexport const FormSubHeader = (props) => {\n  const { children } = props\n  const classes = useStyles()\n  return (\n    <Typography className={clsx(classes.subHeader, classes.root)}>\n      {children}\n    </Typography>\n  )\n}\n","import React from 'react'\nimport { Typography, useTheme } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nexport const StylizedTitle = ({ children, color, component = 'h2' }) => {\n  const theme = useTheme()\n\n  return (\n    <div\n      style={{\n        borderLeft: `4px solid ${color || theme.palette.secondary.main}`,\n        paddingLeft: 8\n      }}\n    >\n      <Typography variant='h6' component={component}>\n        {children}\n      </Typography>\n    </div>\n  )\n}\n\nStylizedTitle.propTypes = {\n  /**\n   * Wraps the title\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Provides a color block\n   */\n  color: PropTypes.string,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nStylizedTitle.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,YAAY,KACb;CACD,QAAQ,EACN,UAAU,IACX;CACD,WAAW;EACT,UAAU;EACV,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAChD;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,EAAE,aAAa;CACrB,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,cAAW,WAAW,KAAK,QAAQ,QAAQ,QAAQ,KAAK,IACtD,SACU;;AAGjB,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,aAAa;CACrB,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,cAAW,WAAW,KAAK,QAAQ,WAAW,QAAQ,KAAK,IACzD,SACU;;;;;AC5BjB,MAAa,iBAAiB,EAAE,UAAU,OAAO,YAAY,WAAW;CACtE,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,SACC,OAAO;EACL,YAAY,aAAa,SAAS,MAAM,QAAQ,UAAU;EAC1D,aAAa;EACd,IAED,oCAAC;EAAW,SAAQ;EAAgB;IACjC,SACU,CACT;;AAIV,cAAc,YAAY;CAIxB,UAAU,UAAU,KAAK;CAIzB,OAAO,UAAU;CAIjB,WAAW,UAAU;CACtB;AAED,cAAc,eAAe,EAC3B,WAAW,MACZ"}

package/dist/SubHeaderAction-Cp5e8IwG.js

@@ -1,28 +0,0 @@
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import React, { Children, useEffect } from "react";
-import { createTeleporter } from "react-teleporter";
-
-//#region src/utilities/utilityBar/SubHeaderAction.jsx
-const SubHeaderActions = createTeleporter({ multiSources: true });
-/**
-* @param {any} props
-*/
-function SubHeaderActionsTarget(props) {
-	return /* @__PURE__ */ React.createElement(SubHeaderActions.Target, props);
-}
-/**
-* Places a button in the App SubHeader
-*/
-const SubHeaderAction = (props) => {
-	const { children, className,...buttonProps } = props;
-	const setSubHeaderActionHasChildren = useShellStore((state) => state.setSubHeaderActionHasChildren);
-	useEffect(() => {
-		const hasChildren = Children.count(children) > 0;
-		setSubHeaderActionHasChildren(hasChildren);
-	}, [children, setSubHeaderActionHasChildren]);
-	return /* @__PURE__ */ React.createElement(SubHeaderActions.Source, null, children);
-};
-
-//#endregion
-export { SubHeaderAction, SubHeaderActionsTarget };
-//# sourceMappingURL=SubHeaderAction-Cp5e8IwG.js.map

package/dist/SubHeaderAction-Cp5e8IwG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubHeaderAction-Cp5e8IwG.js","names":[],"sources":["../src/utilities/utilityBar/SubHeaderAction.jsx"],"sourcesContent":["import React, { Children, useEffect } from 'react';\nimport { createTeleporter } from 'react-teleporter';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst SubHeaderActions = createTeleporter({\n  multiSources: true\n});\n\n/**\n * @param {any} props\n */\nexport function SubHeaderActionsTarget(props) {\n  return <SubHeaderActions.Target {...props} />;\n}\n\n/**\n * Places a button in the App SubHeader\n */\nexport const SubHeaderAction = (props) => {\n  const { children, className, ...buttonProps } = props;\n\n  const setSubHeaderActionHasChildren = useShellStore(\n    (state) => state.setSubHeaderActionHasChildren\n  );\n\n  useEffect(() => {\n    const hasChildren = Children.count(children) > 0;\n    setSubHeaderActionHasChildren(hasChildren);\n  }, [children, setSubHeaderActionHasChildren]);\n\n  return <SubHeaderActions.Source>{children}</SubHeaderActions.Source>;\n};\n"],"mappings":";;;;;AAIA,MAAM,mBAAmB,iBAAiB,EACxC,cAAc,MACf,CAAC;;;;AAKF,SAAgB,uBAAuB,OAAO;AAC5C,QAAO,oCAAC,iBAAiB,QAAW,MAAS;;;;;AAM/C,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;CAEhD,MAAM,gCAAgC,eACnC,UAAU,MAAM,8BAClB;AAED,iBAAgB;EACd,MAAM,cAAc,SAAS,MAAM,SAAS,GAAG;AAC/C,gCAA8B,YAAY;IACzC,CAAC,UAAU,8BAA8B,CAAC;AAE7C,QAAO,oCAAC,iBAAiB,cAAQ,SAAmC"}

package/dist/SummaryBlock-BUKWxmJe.js

@@ -1,98 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { getEllipseColor } from "./colorConverter-sleh0lAZ.js";
-import { useSplitDecimal } from "./useSplitDecimal-DWG5FyYU.js";
-import React from "react";
-import { Box, Typography, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { PropTypes as PropTypes$1 } from "prop-types";
-import { grey } from "@material-ui/core/colors";
-
-//#region src/UI/dataDisplay/SummaryBlock.jsx
-const useStyles = makeStyles((theme) => ({
-	rootContainer: {
-		backgroundColor: (props) => props?.backgroundColor || theme.palette.background.paper,
-		borderLeft: (props) => props?.noLeftBorder ? "0px" : "solid 1px",
-		borderRight: (props) => props?.noRightBorder ? "0px" : "solid 1px",
-		height: (props) => props?.height,
-		width: (props) => props?.width
-	},
-	labelOverflow: {
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis",
-		fontWeight: "400"
-	},
-	labelValue: {
-		fontWeight: "400",
-		fontSize: "16px"
-	},
-	labelText: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "flex-start",
-		padding: "0px 10px",
-		color: grey[500],
-		fontSize: (props) => props?.labelVariant === "caption" && "12px",
-		fontWeight: (props) => props?.labelVariant === "caption" ? "400" : "500"
-	},
-	iconWrapper: { marginLeft: theme.spacing(1) }
-}));
-/**
-* `SummaryBlock` component
-*/
-const SummaryBlock = (props) => {
-	const { value, startLabel, label, icon, style, primary, secondary, textVariant, labelVariant = "caption", children, valueIsDecimal = true, iconColor } = props;
-	const { textValue } = useSplitDecimal(value);
-	const theme = useTheme();
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "center",
-		alignItems: "center",
-		className: classes.rootContainer,
-		style: {
-			gap: "2px",
-			...style
-		}
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center",
-		alignSelf: "stretch"
-	}, primary ? primary : /* @__PURE__ */ React.createElement(React.Fragment, null, startLabel && /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: clsx(classes.labelOverflow)
-	}, startLabel), /* @__PURE__ */ React.createElement(Typography, {
-		variant: textVariant,
-		className: clsx(textVariant ? {} : classes.labelValue, classes.labelOverflow),
-		style: style?.mainLabel
-	}, textValue.mainLabel), valueIsDecimal && textValue.decimalLabel && /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: clsx(classes.labelOverflow)
-	}, ".", textValue.decimalLabel), icon && /* @__PURE__ */ React.createElement("div", { className: classes.iconWrapper }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon,
-		color: iconColor ? getEllipseColor(theme, iconColor) : null
-	})))), secondary ? secondary : /* @__PURE__ */ React.createElement(Typography, {
-		variant: labelVariant,
-		className: clsx(classes.labelText, classes.labelOverflow),
-		style: style?.label
-	}, label), children);
-};
-SummaryBlock.propTypes = {
-	value: PropTypes$1.string.isRequired,
-	label: PropTypes$1.string,
-	startLabel: PropTypes$1.string,
-	icon: PropTypes$1.elementType,
-	style: PropTypes$1.object,
-	primary: PropTypes$1.elementType,
-	secondary: PropTypes$1.elementType,
-	textVariant: PropTypes$1.string,
-	labelVariant: PropTypes$1.string,
-	backgroundColor: PropTypes$1.string,
-	children: PropTypes$1.elementType
-};
-
-//#endregion
-export { SummaryBlock };
-//# sourceMappingURL=SummaryBlock-BUKWxmJe.js.map

package/dist/SummaryBlock-BUKWxmJe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SummaryBlock-BUKWxmJe.js","names":["PropTypes"],"sources":["../src/UI/dataDisplay/SummaryBlock.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Box, useTheme } from '@material-ui/core';\nimport { PropTypes } from 'prop-types';\nimport { useSplitDecimal } from '../../hooks/useSplitDecimal';\nimport { grey } from '@material-ui/core/colors';\nimport clsx from 'clsx';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { getEllipseColor } from '../../utilities/style/colorConverter';\n\nconst useStyles = makeStyles(theme => ({\n  rootContainer: {\n    backgroundColor: props =>\n      props?.backgroundColor || theme.palette.background.paper,\n    borderLeft: props => (props?.noLeftBorder ? '0px' : 'solid 1px'),\n    borderRight: props => (props?.noRightBorder ? '0px' : 'solid 1px'),\n    height: props => props?.height,\n    width: props => props?.width\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    fontWeight: '400',\n  },\n  labelValue: {\n    fontWeight: '400',\n    fontSize: '16px',\n  },\n  labelText: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: '0px 10px',\n    color: grey[500],\n    fontSize: props => props?.labelVariant === 'caption' && '12px',\n    fontWeight: props => (props?.labelVariant === 'caption' ? '400' : '500'),\n  },\n  iconWrapper: {\n    marginLeft: theme.spacing(1),\n  },\n}));\n\n/**\n * `SummaryBlock` component\n */\nexport const SummaryBlock = props => {\n  const {\n    value,\n    startLabel,\n    label,\n    icon,\n    style,\n    primary,\n    secondary,\n    textVariant,\n    labelVariant = 'caption',\n    children,\n    valueIsDecimal = true,\n    iconColor,\n  } = props;\n\n  const { textValue } = useSplitDecimal(value);\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      className={classes.rootContainer}\n      style={{ gap: '2px', ...style }}\n    >\n      <Box\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        alignSelf=\"stretch\"\n      >\n        {primary ? (\n          primary\n        ) : (\n          <>\n            {startLabel && (\n              <Typography\n                variant=\"caption\"\n                className={clsx(classes.labelOverflow)}\n              >\n                {startLabel}\n              </Typography>\n            )}\n            <Typography\n              variant={textVariant}\n              className={clsx(\n                textVariant ? {} : classes.labelValue,\n                classes.labelOverflow\n              )}\n              style={style?.mainLabel}\n            >\n              {textValue.mainLabel}\n            </Typography>\n            {valueIsDecimal && textValue.decimalLabel && (\n              <Typography\n                variant=\"caption\"\n                className={clsx(classes.labelOverflow)}\n              >\n                .{textValue.decimalLabel}\n              </Typography>\n            )}\n            {icon && (\n              <div className={classes.iconWrapper}>\n                <FluentIcon\n                  component={icon}\n                  color={iconColor ? getEllipseColor(theme, iconColor) : null}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </Box>\n      {secondary ? (\n        secondary\n      ) : (\n        <Typography\n          variant={labelVariant}\n          className={clsx(classes.labelText, classes.labelOverflow)}\n          style={style?.label}\n        >\n          {label}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  );\n};\n\nSummaryBlock.propTypes = {\n  /** @type {?string} main label, if you pass a number with decimals the card will show the decimals in the left side */\n  value: PropTypes.string.isRequired,\n\n  /** @type {?string} label showed in the bottom part of the block summary */\n  label: PropTypes.string,\n\n  /** @type {?string} optional symbol to put at the right side of the value */\n  startLabel: PropTypes.string,\n\n  /** @type {?elementType} optional icon to display in the left side of the value */\n  icon: PropTypes.elementType,\n\n  /** @type {?object} optional additional css properties */\n  style: PropTypes.object,\n\n  /** @type {?object}  render prop if you want to pass a custom react element instead of the predefined value */\n  primary: PropTypes.elementType,\n\n  /** @type {?object} render prop if you want to pass a custom react element instead of the predefined label*/\n  secondary: PropTypes.elementType,\n\n  /** @type {?string} optional variant for the main text e.g ['caption', 'subtitle'] */\n  textVariant: PropTypes.string,\n\n  /** @type {?string} optional variant for the label e.g ['caption', 'subtitle'] */\n  labelVariant: PropTypes.string,\n\n  /** @type {?string} optional background color for the full content */\n  backgroundColor: PropTypes.string,\n\n  /** @type {?elementType} optional children element */\n  children: PropTypes.elementType,\n};\n"],"mappings":";;;;;;;;;;AASA,MAAM,YAAY,YAAW,WAAU;CACrC,eAAe;EACb,kBAAiB,UACf,OAAO,mBAAmB,MAAM,QAAQ,WAAW;EACrD,aAAY,UAAU,OAAO,eAAe,QAAQ;EACpD,cAAa,UAAU,OAAO,gBAAgB,QAAQ;EACtD,SAAQ,UAAS,OAAO;EACxB,QAAO,UAAS,OAAO;EACxB;CACD,eAAe;EACb,YAAY;EACZ,UAAU;EACV,cAAc;EACd,YAAY;EACb;CACD,YAAY;EACV,YAAY;EACZ,UAAU;EACX;CACD,WAAW;EACT,SAAS;EACT,eAAe;EACf,YAAY;EACZ,SAAS;EACT,OAAO,KAAK;EACZ,WAAU,UAAS,OAAO,iBAAiB,aAAa;EACxD,aAAY,UAAU,OAAO,iBAAiB,YAAY,QAAQ;EACnE;CACD,aAAa,EACX,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACF,EAAE;;;;AAKH,MAAa,gBAAe,UAAS;CACnC,MAAM,EACJ,OACA,YACA,OACA,MACA,OACA,SACA,WACA,aACA,eAAe,WACf,UACA,iBAAiB,MACjB,cACE;CAEJ,MAAM,EAAE,cAAc,gBAAgB,MAAM;CAC5C,MAAM,QAAQ,UAAU;CACxB,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EACC,SAAQ;EACR,eAAc;EACd,gBAAe;EACf,YAAW;EACX,WAAW,QAAQ;EACnB,OAAO;GAAE,KAAK;GAAO,GAAG;GAAO;IAE/B,oCAAC;EACC,SAAQ;EACR,gBAAe;EACf,YAAW;EACX,WAAU;IAET,UACC,UAEA,0DACG,cACC,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,cAAc;IAErC,WACU,EAEf,oCAAC;EACC,SAAS;EACT,WAAW,KACT,cAAc,EAAE,GAAG,QAAQ,YAC3B,QAAQ,cACT;EACD,OAAO,OAAO;IAEb,UAAU,UACA,EACZ,kBAAkB,UAAU,gBAC3B,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,cAAc;IACvC,KACG,UAAU,aACD,EAEd,QACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC;EACC,WAAW;EACX,OAAO,YAAY,gBAAgB,OAAO,UAAU,GAAG;GACvD,CACE,CAEP,CAED,EACL,YACC,YAEA,oCAAC;EACC,SAAS;EACT,WAAW,KAAK,QAAQ,WAAW,QAAQ,cAAc;EACzD,OAAO,OAAO;IAEb,MACU,EAEd,SACG;;AAIV,aAAa,YAAY;CAEvB,OAAOA,YAAU,OAAO;CAGxB,OAAOA,YAAU;CAGjB,YAAYA,YAAU;CAGtB,MAAMA,YAAU;CAGhB,OAAOA,YAAU;CAGjB,SAASA,YAAU;CAGnB,WAAWA,YAAU;CAGrB,aAAaA,YAAU;CAGvB,cAAcA,YAAU;CAGxB,iBAAiBA,YAAU;CAG3B,UAAUA,YAAU;CACrB"}