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

package/dist/SiteHeaderRightComponent-zuiawaq3.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 { SiteHeaderRightComponent, SiteHeaderRightComponentTarget };
+//# sourceMappingURL=SiteHeaderRightComponent-zuiawaq3.js.map

package/dist/SiteHeaderRightComponent-zuiawaq3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeaderRightComponent-zuiawaq3.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-BUBwrbaZ.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 { osm_default, vector_default, xyz_default };
+//# sourceMappingURL=Source-BUBwrbaZ.js.map

package/dist/Source-BUBwrbaZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Source-BUBwrbaZ.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/StandardTitle-DkEO3oI5.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/typography/StandardTitle.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	marginTop: (props) => props?.removeMarginTop ? 0 : theme.spacing(1),
+	whiteSpace: "nowrap",
+	textOverflow: "ellipsis"
+} }));
+const StandardTitle = (props) => {
+	const classes = useStyles(props);
+	const { children,...other } = props;
+	return /* @__PURE__ */ React.createElement(Typography, {
+		component: "h2",
+		variant: "h6",
+		className: classes.root,
+		...other
+	}, children);
+};
+
+//#endregion
+export { StandardTitle };
+//# sourceMappingURL=StandardTitle-DkEO3oI5.js.map

package/dist/StandardTitle-DkEO3oI5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardTitle-DkEO3oI5.js","names":[],"sources":["../src/UI/dataDisplay/typography/StandardTitle.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: props => props?.removeMarginTop ? 0 : theme.spacing(1),\n    whiteSpace: 'nowrap',\n    // overflow: 'hidden',\n    textOverflow: 'ellipsis'\n  }\n}))\n\nexport const StandardTitle = (props) => {\n  const classes = useStyles(props)\n  const { children, ...other } = props\n\n  return (\n    <Typography component='h2' variant='h6' className={classes.root} {...other}>\n      {children}\n    </Typography>\n  )\n}\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,YAAW,UAAS,OAAO,kBAAkB,IAAI,MAAM,QAAQ,EAAE;CACjE,YAAY;CAEZ,cAAc;CACf,EACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAW,WAAU;EAAK,SAAQ;EAAK,WAAW,QAAQ;EAAM,GAAI;IAClE,SACU"}

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

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

@@ -0,0 +1 @@
+{"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/StringUtilities-DyjYA5pU.js

@@ -0,0 +1,30 @@
+//#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

@@ -0,0 +1 @@
+{"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/SubHeaderAction-vXEAp3A2.js

@@ -0,0 +1,27 @@
+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(() => {
+		setSubHeaderActionHasChildren(Children.count(children) > 0);
+	}, [children, setSubHeaderActionHasChildren]);
+	return /* @__PURE__ */ React.createElement(SubHeaderActions.Source, null, children);
+};
+
+//#endregion
+export { SubHeaderAction, SubHeaderActionsTarget };
+//# sourceMappingURL=SubHeaderAction-vXEAp3A2.js.map

package/dist/SubHeaderAction-vXEAp3A2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubHeaderAction-vXEAp3A2.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;AAEd,gCADoB,SAAS,MAAM,SAAS,GAAG,EACL;IACzC,CAAC,UAAU,8BAA8B,CAAC;AAE7C,QAAO,oCAAC,iBAAiB,cAAQ,SAAmC"}

package/dist/SummaryBlock-BUKWxmJe.js

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

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