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

package/dist/Ellipse-q1-sPjh3.js

@@ -1,113 +0,0 @@
-import React from "react";
-import { makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/utilities/style/utils/styleUtils.js
-const getEllipseColor = (theme, color) => {
-	if (!theme) return "";
-	let ellipseColor = theme.palette.primary.main;
-	switch (color) {
-		case "action":
-			ellipseColor = theme.palette.systemIcon?.action?.main;
-			break;
-		case "sequence":
-			ellipseColor = theme.palette.systemIcon?.sequence?.main;
-			break;
-		case "trigger":
-			ellipseColor = theme.palette.systemIcon?.trigger?.main;
-			break;
-		case "condition":
-			ellipseColor = theme.palette.systemIcon?.condition?.main;
-			break;
-		case "primary":
-			ellipseColor = theme.palette.primary.main;
-			break;
-		case "secondary":
-			ellipseColor = theme.palette.secondary.main;
-			break;
-		case "info":
-			ellipseColor = theme.palette.info.main;
-			break;
-		case "warning":
-			ellipseColor = theme.palette.warning.main;
-			break;
-		case "error":
-			ellipseColor = theme.palette.error.main;
-			break;
-		case "success":
-			ellipseColor = theme.palette.success.main;
-			break;
-		default:
-			ellipseColor = theme.palette.secondary.main;
-			break;
-	}
-	return ellipseColor;
-};
-const getEllipseHintColor = (theme, color) => {
-	if (!theme) return "";
-	let ellipseHintColor = theme.palette.primary.main;
-	switch (color) {
-		case "action":
-			ellipseHintColor = theme.palette.systemIcon?.action?.hint;
-			break;
-		case "sequence":
-			ellipseHintColor = theme.palette.systemIcon?.sequence?.hint;
-			break;
-		case "trigger":
-			ellipseHintColor = theme.palette.systemIcon?.trigger?.hint;
-			break;
-		case "condition":
-			ellipseHintColor = theme.palette.systemIcon?.condition?.hint;
-			break;
-		case "primary":
-			ellipseHintColor = theme.palette.primary.hint;
-			break;
-		case "secondary":
-			ellipseHintColor = theme.palette.secondary.hint;
-			break;
-		case "info":
-			ellipseHintColor = theme.palette.unity?.info?.hint;
-			break;
-		case "warning":
-			ellipseHintColor = theme.palette.unity?.warning?.hint;
-			break;
-		case "error":
-			ellipseHintColor = theme.palette.unity?.error?.hint;
-			break;
-		case "success":
-			ellipseHintColor = theme.palette.unity?.success?.hint;
-			break;
-		default:
-			ellipseHintColor = theme.palette.common.white;
-			break;
-	}
-	return ellipseHintColor;
-};
-
-//#endregion
-//#region src/UI/components/dataDisplay/Ellipse.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "center",
-	width: (props) => props.size === "small" ? theme.spacing(4) : theme.spacing(5),
-	height: (props) => props.size === "small" ? theme.spacing(4) : theme.spacing(5),
-	borderRadius: 50,
-	border: (props) => props.variant === "filled" ? "none" : `2px solid`,
-	backgroundColor: (props) => props.variant === "filled" && getEllipseHintColor(theme, props.color),
-	borderColor: (props) => getEllipseColor(theme, props.color)
-} }));
-const Ellipse = (props) => {
-	const { children } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, children);
-};
-Ellipse.propTypes = {
-	color: PropTypes.string,
-	size: PropTypes.string,
-	variant: PropTypes.string
-};
-
-//#endregion
-export { Ellipse, getEllipseColor, getEllipseHintColor };
-//# sourceMappingURL=Ellipse-q1-sPjh3.js.map

package/dist/Ellipse-q1-sPjh3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Ellipse-q1-sPjh3.js","names":[],"sources":["../src/utilities/style/utils/styleUtils.js","../src/UI/components/dataDisplay/Ellipse.jsx"],"sourcesContent":["export const getEllipseColor = (theme, color) => {\n  if (!theme) {\n    return '';\n  }\n  let ellipseColor = theme.palette.primary.main;\n  switch (color) {\n    case 'action':\n      ellipseColor = theme.palette.systemIcon?.action?.main;\n      break;\n    case 'sequence':\n      ellipseColor = theme.palette.systemIcon?.sequence?.main;\n      break;\n    case 'trigger':\n      ellipseColor = theme.palette.systemIcon?.trigger?.main;\n      break;\n    case 'condition':\n      ellipseColor = theme.palette.systemIcon?.condition?.main;\n      break;\n    case 'primary':\n      ellipseColor = theme.palette.primary.main;\n      break;\n    case 'secondary':\n      ellipseColor = theme.palette.secondary.main;\n      break;\n    case 'info':\n      ellipseColor = theme.palette.info.main;\n      break;\n    case 'warning':\n      ellipseColor = theme.palette.warning.main;\n      break;\n    case 'error':\n      ellipseColor = theme.palette.error.main;\n      break;\n    case 'success':\n      ellipseColor = theme.palette.success.main;\n      break;\n    default:\n      ellipseColor = theme.palette.secondary.main;\n      break;\n  }\n  return ellipseColor;\n};\n\nexport const getEllipseHintColor = (theme, color) => {\n  if (!theme) {\n    return '';\n  }\n  let ellipseHintColor = theme.palette.primary.main;\n  switch (color) {\n    case 'action':\n      ellipseHintColor = theme.palette.systemIcon?.action?.hint;\n      break;\n    case 'sequence':\n      ellipseHintColor = theme.palette.systemIcon?.sequence?.hint;\n      break;\n    case 'trigger':\n      ellipseHintColor = theme.palette.systemIcon?.trigger?.hint;\n      break;\n    case 'condition':\n      ellipseHintColor = theme.palette.systemIcon?.condition?.hint;\n      break;\n    case 'primary':\n      ellipseHintColor = theme.palette.primary.hint;\n      break;\n    case 'secondary':\n      ellipseHintColor = theme.palette.secondary.hint;\n      break;\n    case 'info':\n      ellipseHintColor = theme.palette.unity?.info?.hint;\n      break;\n    case 'warning':\n      ellipseHintColor = theme.palette.unity?.warning?.hint;\n      break;\n    case 'error':\n      ellipseHintColor = theme.palette.unity?.error?.hint;\n      break;\n    case 'success':\n      ellipseHintColor = theme.palette.unity?.success?.hint;\n      break;\n    default:\n      ellipseHintColor = theme.palette.common.white;\n      break;\n  }\n\n  return ellipseHintColor;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport {\n  getEllipseColor,\n  getEllipseHintColor\n} from '../../../utilities/style/utils/styleUtils';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: (props) =>\n      props.size === 'small' ? theme.spacing(4) : theme.spacing(5),\n    height: (props) =>\n      props.size === 'small' ? theme.spacing(4) : theme.spacing(5),\n    borderRadius: 50,\n    border: (props) => (props.variant === 'filled' ? 'none' : `2px solid`),\n    backgroundColor: (props) =>\n      props.variant === 'filled' && getEllipseHintColor(theme, props.color),\n    borderColor: (props) => getEllipseColor(theme, props.color)\n  }\n}));\n\nexport const Ellipse = (props) => {\n  const { children } = props;\n  const classes = useStyles(props);\n\n  return <div className={classes.root}>{children}</div>;\n};\n\nEllipse.propTypes = {\n  color: PropTypes.string,\n  size: PropTypes.string,\n  variant: PropTypes.string\n};\n"],"mappings":";;;;;AAAA,MAAa,mBAAmB,OAAO,UAAU;AAC/C,KAAI,CAAC,MACH,QAAO;CAET,IAAI,eAAe,MAAM,QAAQ,QAAQ;AACzC,SAAQ,OAAR;EACE,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY,QAAQ;AACjD;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY,UAAU;AACnD;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY,SAAS;AAClD;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,YAAY,WAAW;AACpD;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,UAAU;AACvC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,KAAK;AAClC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,MAAM;AACnC;EACF,KAAK;AACH,kBAAe,MAAM,QAAQ,QAAQ;AACrC;EACF;AACE,kBAAe,MAAM,QAAQ,UAAU;AACvC;;AAEJ,QAAO;;AAGT,MAAa,uBAAuB,OAAO,UAAU;AACnD,KAAI,CAAC,MACH,QAAO;CAET,IAAI,mBAAmB,MAAM,QAAQ,QAAQ;AAC7C,SAAQ,OAAR;EACE,KAAK;AACH,sBAAmB,MAAM,QAAQ,YAAY,QAAQ;AACrD;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,YAAY,UAAU;AACvD;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,YAAY,SAAS;AACtD;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,YAAY,WAAW;AACxD;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,QAAQ;AACzC;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,UAAU;AAC3C;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,OAAO,MAAM;AAC9C;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,OAAO,SAAS;AACjD;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,OAAO,OAAO;AAC/C;EACF,KAAK;AACH,sBAAmB,MAAM,QAAQ,OAAO,SAAS;AACjD;EACF;AACE,sBAAmB,MAAM,QAAQ,OAAO;AACxC;;AAGJ,QAAO;;;;;AC5ET,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,QAAQ,UACN,MAAM,SAAS,UAAU,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE;CAC9D,SAAS,UACP,MAAM,SAAS,UAAU,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE;CAC9D,cAAc;CACd,SAAS,UAAW,MAAM,YAAY,WAAW,SAAS;CAC1D,kBAAkB,UAChB,MAAM,YAAY,YAAY,oBAAoB,OAAO,MAAM,MAAM;CACvE,cAAc,UAAU,gBAAgB,OAAO,MAAM,MAAM;CAC5D,EACF,EAAE;AAEH,MAAa,WAAW,UAAU;CAChC,MAAM,EAAE,aAAa;CACrB,MAAM,UAAU,UAAU,MAAM;AAEhC,QAAO,oCAAC,SAAI,WAAW,QAAQ,QAAO,SAAe;;AAGvD,QAAQ,YAAY;CAClB,OAAO,UAAU;CACjB,MAAM,UAAU;CAChB,SAAS,UAAU;CACpB"}

package/dist/EmailDisplay-Bglp_poX.js

@@ -1,116 +0,0 @@
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { PrimaryActionHeader } from "./PrimaryActionHeader-D9vn0zfH.js";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { Box, Card, Grow, makeStyles } from "@material-ui/core";
-import { CancelIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-import PhoneImage from "./assets/images/phone.png";
-import ReactHtmlParser from "react-html-parser";
-
-//#region src/UI/components/dataDisplay/SmsDisplay.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	messages: {
-		flex: "1",
-		margin: "0 20px",
-		overflow: "hidden"
-	},
-	messagesBox: {
-		paddingRight: "3%",
-		paddingLeft: "3%",
-		width: "23vw",
-		height: "88%",
-		overflowY: "auto",
-		boxSizing: "border-box",
-		display: "flex",
-		justifyContent: "center"
-	},
-	message: {
-		backgroundColor: "#E9E9EB",
-		borderRadius: "10px",
-		padding: "10px",
-		marginBottom: "10px",
-		alignSelf: "flex-start",
-		overflowWrap: "break-word",
-		margin: theme.spacing(1)
-	},
-	messageSection: {
-		flex: "1",
-		overflowY: "auto",
-		padding: "20px",
-		backgroundImage: `url(${PhoneImage})`,
-		backgroundSize: "contain",
-		backgroundRepeat: "no-repeat",
-		backgroundPosition: "center",
-		position: "relative",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center",
-		height: "calc(100vh - 140px)"
-	}
-}));
-const SmsDisplay = (props) => {
-	const { messages = [], to, from, title, handleClose } = props;
-	const classes = useStyles$1();
-	const [messagesList, setMessagesList] = useState(messages);
-	const { t } = useTranslation();
-	const messagesBoxRef = useRef(null);
-	const secondaryButtons = useMemo(() => {
-		const buttons = [];
-		if (handleClose) buttons.push({
-			label: t("Close"),
-			component: CancelIcon,
-			click: () => handleClose()
-		});
-		return buttons;
-	}, [t, handleClose]);
-	useEffect(() => {
-		if (messagesBoxRef.current) messagesBoxRef.current.scrollTop = messagesBoxRef.current.scrollHeight;
-	}, [messagesList]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Card, { square: true }, /* @__PURE__ */ React.createElement(PrimaryActionHeader, {
-		hidePAB: true,
-		title,
-		subheader: `To: ${to} . From: ${from}`,
-		secondaryButtons
-	})), /* @__PURE__ */ React.createElement(Box, { className: classes.messages }, /* @__PURE__ */ React.createElement(Box, { className: classes.messageSection }, /* @__PURE__ */ React.createElement(Box, {
-		className: classes.messagesBox,
-		ref: messagesBoxRef
-	}, messagesList.map((message, index) => /* @__PURE__ */ React.createElement(Grow, {
-		key: index,
-		in: true,
-		timeout: 800
-	}, /* @__PURE__ */ React.createElement(Box, {
-		className: classes.message,
-		dangerouslySetInnerHTML: { __html: message }
-	})))))));
-};
-
-//#endregion
-//#region src/UI/components/dataDisplay/EmailDisplay.jsx
-const useStyles = makeStyles((theme) => ({ htmlContainer: {
-	display: "flex",
-	justifyContent: "center"
-} }));
-const EmailDisplay = (props) => {
-	const { html = "", to, from, title, handleClose } = props;
-	const classes = useStyles();
-	const { t } = useTranslation();
-	const secondaryButtons = useMemo(() => {
-		const buttons = [];
-		if (handleClose) buttons.push({
-			label: t("Close"),
-			component: CancelIcon,
-			click: () => handleClose()
-		});
-		return buttons;
-	}, [t, handleClose]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Card, { square: true }, /* @__PURE__ */ React.createElement(PrimaryActionHeader, {
-		hidePAB: true,
-		title,
-		subheader: `To: ${to} . From: ${from}`,
-		secondaryButtons
-	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "sm" }), /* @__PURE__ */ React.createElement("div", { className: classes.htmlContainer }, ReactHtmlParser(html)));
-};
-
-//#endregion
-export { EmailDisplay, SmsDisplay };
-//# sourceMappingURL=EmailDisplay-Bglp_poX.js.map

package/dist/EmailDisplay-Bglp_poX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay-Bglp_poX.js","names":["useStyles"],"sources":["../src/UI/components/dataDisplay/SmsDisplay.jsx","../src/UI/components/dataDisplay/EmailDisplay.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { makeStyles, Box, Grow, Card } from '@material-ui/core';\nimport PhoneImage from '../../../assets/images/phone.png';\nimport { PrimaryActionHeader } from '../../utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { useTranslation } from 'react-i18next';\nimport { CancelIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  messages: {\n    flex: '1',\n    // height: '100%',\n    margin: '0 20px',\n    overflow: 'hidden'\n  },\n  messagesBox: {\n    paddingRight: '3%',\n    paddingLeft: '3%',\n    width: '23vw',\n    height: '88%',\n    overflowY: 'auto',\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'center'\n  },\n  message: {\n    backgroundColor: '#E9E9EB',\n    borderRadius: '10px',\n    padding: '10px',\n    marginBottom: '10px',\n    alignSelf: 'flex-start',\n    overflowWrap: 'break-word',\n    margin: theme.spacing(1)\n  },\n  messageSection: {\n    flex: '1',\n    overflowY: 'auto',\n    padding: '20px',\n    backgroundImage: `url(${PhoneImage})`,\n    backgroundSize: 'contain',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 'calc(100vh - 140px)' // Ensures the container takes full viewport height\n  }\n}));\n\nexport const SmsDisplay = (props) => {\n  const { messages = [], to, from, title, handleClose } = props;\n  const classes = useStyles();\n  const [messagesList, setMessagesList] = useState(messages);\n  const { t } = useTranslation();\n\n  const messagesBoxRef = useRef(null);\n\n  const secondaryButtons = useMemo(() => {\n    const buttons = [];\n    if (handleClose) {\n      buttons.push({\n        label: t('Close'),\n        component: CancelIcon,\n        click: () => handleClose()\n      });\n    }\n    return buttons;\n  }, [t, handleClose]);\n\n  useEffect(() => {\n    if (messagesBoxRef.current) {\n      messagesBoxRef.current.scrollTop = messagesBoxRef.current.scrollHeight;\n    }\n  }, [messagesList]);\n\n  return (\n    <>\n      <Card square>\n        <PrimaryActionHeader\n          //   key={`${selectedNode?.id}-${inSearch}`}\n          //   title={headerTitle}\n          //   buttonLabel={'Load'}\n          //   secondaryButtons={secondaryButtons}\n          //   handleClick={handlePrimaryAction}\n          //   single\n          hidePAB={true}\n          title={title}\n          subheader={`To: ${to} . From: ${from}`}\n          secondaryButtons={secondaryButtons}\n        />\n      </Card>\n      <Box className={classes.messages}>\n        <Box className={classes.messageSection}>\n          <Box className={classes.messagesBox} ref={messagesBoxRef}>\n            {messagesList.map((message, index) => (\n              <Grow key={index} in={true} timeout={800}>\n                <Box\n                  className={classes.message}\n                  dangerouslySetInnerHTML={{ __html: message }}\n                />\n              </Grow>\n            ))}\n          </Box>\n        </Box>\n      </Box>\n    </>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { makeStyles, Card } from '@material-ui/core';\nimport ReactHtmlParser from 'react-html-parser';\nimport { PrimaryActionHeader } from '../../utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { useTranslation } from 'react-i18next';\nimport { CancelIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  htmlContainer: { display: 'flex', justifyContent: 'center' }\n}));\n\nexport const EmailDisplay = (props) => {\n  const { html = '', to, from, title, handleClose } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const secondaryButtons = useMemo(() => {\n    const buttons = [];\n    if (handleClose) {\n      buttons.push({\n        label: t('Close'),\n        component: CancelIcon,\n        click: () => handleClose()\n      });\n    }\n    return buttons;\n  }, [t, handleClose]);\n\n  return (\n    <>\n      <Card square>\n        <PrimaryActionHeader\n          //   key={`${selectedNode?.id}-${inSearch}`}\n          //   title={headerTitle}\n          //   buttonLabel={'Load'}\n          //   secondaryButtons={secondaryButtons}\n          //   handleClick={handlePrimaryAction}\n          //   single\n          hidePAB={true}\n          title={title}\n          subheader={`To: ${to} . From: ${from}`}\n          secondaryButtons={secondaryButtons}\n        />\n      </Card>\n      <LayoutUnit unit='sm' />\n      <div className={classes.htmlContainer}>{ReactHtmlParser(html)}</div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;AAOA,MAAMA,cAAY,YAAY,WAAW;CACvC,UAAU;EACR,MAAM;EAEN,QAAQ;EACR,UAAU;EACX;CACD,aAAa;EACX,cAAc;EACd,aAAa;EACb,OAAO;EACP,QAAQ;EACR,WAAW;EACX,WAAW;EACX,SAAS;EACT,gBAAgB;EACjB;CACD,SAAS;EACP,iBAAiB;EACjB,cAAc;EACd,SAAS;EACT,cAAc;EACd,WAAW;EACX,cAAc;EACd,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,gBAAgB;EACd,MAAM;EACN,WAAW;EACX,SAAS;EACT,iBAAiB,OAAO,WAAW;EACnC,gBAAgB;EAChB,kBAAkB;EAClB,oBAAoB;EACpB,UAAU;EACV,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,cAAc,UAAU;CACnC,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,MAAM,OAAO,gBAAgB;CACxD,MAAM,UAAUA,aAAW;CAC3B,MAAM,CAAC,cAAc,mBAAmB,SAAS,SAAS;CAC1D,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,mBAAmB,cAAc;EACrC,MAAM,UAAU,EAAE;AAClB,MAAI,YACF,SAAQ,KAAK;GACX,OAAO,EAAE,QAAQ;GACjB,WAAW;GACX,aAAa,aAAa;GAC3B,CAAC;AAEJ,SAAO;IACN,CAAC,GAAG,YAAY,CAAC;AAEpB,iBAAgB;AACd,MAAI,eAAe,QACjB,gBAAe,QAAQ,YAAY,eAAe,QAAQ;IAE3D,CAAC,aAAa,CAAC;AAElB,QACE,0DACE,oCAAC,QAAK,gBACJ,oCAAC;EAOC,SAAS;EACF;EACP,WAAW,OAAO,GAAG,WAAW;EACd;GAClB,CACG,EACP,oCAAC,OAAI,WAAW,QAAQ,YACtB,oCAAC,OAAI,WAAW,QAAQ,kBACtB,oCAAC;EAAI,WAAW,QAAQ;EAAa,KAAK;IACvC,aAAa,KAAK,SAAS,UAC1B,oCAAC;EAAK,KAAK;EAAO,IAAI;EAAM,SAAS;IACnC,oCAAC;EACC,WAAW,QAAQ;EACnB,yBAAyB,EAAE,QAAQ,SAAS;GAC5C,CACG,CACP,CACE,CACF,CACF,CACL;;;;;ACjGP,MAAM,YAAY,YAAY,WAAW,EACvC,eAAe;CAAE,SAAS;CAAQ,gBAAgB;CAAU,EAC7D,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EAAE,OAAO,IAAI,IAAI,MAAM,OAAO,gBAAgB;CACpD,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,mBAAmB,cAAc;EACrC,MAAM,UAAU,EAAE;AAClB,MAAI,YACF,SAAQ,KAAK;GACX,OAAO,EAAE,QAAQ;GACjB,WAAW;GACX,aAAa,aAAa;GAC3B,CAAC;AAEJ,SAAO;IACN,CAAC,GAAG,YAAY,CAAC;AAEpB,QACE,0DACE,oCAAC,QAAK,gBACJ,oCAAC;EAOC,SAAS;EACF;EACP,WAAW,OAAO,GAAG,WAAW;EACd;GAClB,CACG,EACP,oCAAC,cAAW,MAAK,OAAO,EACxB,oCAAC,SAAI,WAAW,QAAQ,iBAAgB,gBAAgB,KAAK,CAAO,CACnE"}

package/dist/EmptyStateDisplay-DK2wby5o.js

@@ -1,66 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import React from "react";
-import { Box, Typography, makeStyles } from "@material-ui/core";
-import { ErrorIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/EmptyStateDisplay.jsx
-const useStyles = makeStyles((theme) => ({
-	container: {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		height: "100%",
-		width: "100%"
-	},
-	secondaryText: { color: theme.palette.text.secondary },
-	image: { width: (props) => props?.imageWidth }
-}));
-const EmptyStateDisplay = (props) => {
-	const { icon, iconSize = 48, customIconSize = true, imageSrc, imageWidth = "100px", primaryText, secondaryText, actionLabel, action } = props;
-	const classes = useStyles({ imageWidth });
-	return /* @__PURE__ */ React.createElement("div", { className: classes.container }, imageSrc ? /* @__PURE__ */ React.createElement("img", {
-		src: imageSrc,
-		alt: "logo",
-		className: classes.image
-	}) : /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon ?? ErrorIcon,
-		size: iconSize,
-		customSize: customIconSize
-	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), primaryText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle2",
-		align: "center"
-	}, primaryText)), secondaryText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.secondaryText,
-		align: "center"
-	}, secondaryText)), (primaryText || secondaryText) && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), action && /* @__PURE__ */ React.createElement("div", { className: primaryText || secondaryText ? classes.buttonWrapper : "" }, /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: action,
-		variant: "outlined",
-		color: "secondary",
-		id: "udpRecord-EmptyStateDisplay-" + primaryText.replace(/\s+/g, "") + "-" + actionLabel.replace(/\s+/g, ""),
-		udprecordid: "udpRecord-EmptyStateDisplay-" + primaryText.replace(/\s+/g, "") + "-" + actionLabel.replace(/\s+/g, "")
-	}, actionLabel)));
-};
-EmptyStateDisplay.propTypes = {
-	icon: PropTypes.elementType,
-	iconSize: PropTypes.number,
-	customIconSize: PropTypes.bool,
-	imageSrc: PropTypes.string,
-	imageWidth: PropTypes.string,
-	primaryText: PropTypes.string,
-	secondaryText: PropTypes.string,
-	actionLabel: PropTypes.string,
-	action: PropTypes.func
-};
-EmptyStateDisplay.defaultProps = {
-	iconSize: 48,
-	customIconSize: true,
-	imageWidth: "100px"
-};
-
-//#endregion
-export { EmptyStateDisplay };
-//# sourceMappingURL=EmptyStateDisplay-DK2wby5o.js.map

package/dist/EmptyStateDisplay-DK2wby5o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyStateDisplay-DK2wby5o.js","names":[],"sources":["../src/UI/dataDisplay/EmptyStateDisplay.jsx"],"sourcesContent":["import { ErrorIcon } from '@fluentui/react-icons';\nimport { Typography, makeStyles, Box } from '@material-ui/core';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { FluentButton } from '../inputs/buttons/FluentButton';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  secondaryText: {\n    color: theme.palette.text.secondary,\n  },\n  image: {\n    width: props => props?.imageWidth,\n  },\n}));\n\nexport const EmptyStateDisplay = props => {\n  const {\n    icon,\n    iconSize = 48,\n    customIconSize = true,\n    imageSrc,\n    imageWidth = '100px',\n    primaryText,\n    secondaryText,\n    actionLabel,\n    action,\n  } = props;\n  const classes = useStyles({ imageWidth });\n\n  return (\n    <div className={classes.container}>\n      {imageSrc ? (\n        <img src={imageSrc} alt='logo' className={classes.image} />\n      ) : (\n        <FluentIcon\n          component={icon ?? ErrorIcon}\n          size={iconSize}\n          customSize={customIconSize}\n        />\n      )}\n      <LayoutUnit unit=\"xxs\" />\n      {primaryText && (\n        <div>\n          <Typography variant='subtitle2' align='center'>\n            {primaryText}\n          </Typography>\n        </div>\n      )}\n      {secondaryText && (\n        <div>\n          <Typography className={classes.secondaryText} align='center'>\n            {secondaryText}\n          </Typography>\n        </div>\n      )}\n      {(primaryText || secondaryText) && <LayoutUnit unit=\"xxs\" />}\n      {action && (\n        <div\n          className={primaryText || secondaryText ? classes.buttonWrapper : ''}\n        >\n          <FluentButton\n            onClick={action}\n            variant='outlined'\n            color='secondary'\n            id={\n              'udpRecord-EmptyStateDisplay-' +\n              primaryText.replace(/\\s+/g, '') +\n              '-' +\n              actionLabel.replace(/\\s+/g, '')\n            }\n            udprecordid={\n              'udpRecord-EmptyStateDisplay-' +\n              primaryText.replace(/\\s+/g, '') +\n              '-' +\n              actionLabel.replace(/\\s+/g, '')\n            }\n          >\n            {actionLabel}\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n\nEmptyStateDisplay.propTypes = {\n  icon: PropTypes.elementType,\n  iconSize: PropTypes.number,\n  customIconSize: PropTypes.bool,\n  imageSrc: PropTypes.string,\n  imageWidth: PropTypes.string,\n  primaryText: PropTypes.string,\n  secondaryText: PropTypes.string,\n  actionLabel: PropTypes.string,\n  action: PropTypes.func\n};\n\nEmptyStateDisplay.defaultProps = {\n  iconSize: 48,\n  customIconSize: true,\n  imageWidth: '100px'\n};\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAW,WAAU;CACrC,WAAW;EACT,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACR;CACD,eAAe,EACb,OAAO,MAAM,QAAQ,KAAK,WAC3B;CACD,OAAO,EACL,QAAO,UAAS,OAAO,YACxB;CACF,EAAE;AAEH,MAAa,qBAAoB,UAAS;CACxC,MAAM,EACJ,MACA,WAAW,IACX,iBAAiB,MACjB,UACA,aAAa,SACb,aACA,eACA,aACA,WACE;CACJ,MAAM,UAAU,UAAU,EAAE,YAAY,CAAC;AAEzC,QACE,oCAAC,SAAI,WAAW,QAAQ,aACrB,WACC,oCAAC;EAAI,KAAK;EAAU,KAAI;EAAO,WAAW,QAAQ;GAAS,GAE3D,oCAAC;EACC,WAAW,QAAQ;EACnB,MAAM;EACN,YAAY;GACZ,EAEJ,oCAAC,cAAW,MAAK,QAAQ,EACxB,eACC,oCAAC,aACC,oCAAC;EAAW,SAAQ;EAAY,OAAM;IACnC,YACU,CACT,EAEP,iBACC,oCAAC,aACC,oCAAC;EAAW,WAAW,QAAQ;EAAe,OAAM;IACjD,cACU,CACT,GAEN,eAAe,kBAAkB,oCAAC,cAAW,MAAK,QAAQ,EAC3D,UACC,oCAAC,SACC,WAAW,eAAe,gBAAgB,QAAQ,gBAAgB,MAElE,oCAAC;EACC,SAAS;EACT,SAAQ;EACR,OAAM;EACN,IACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;EAEjC,aACE,iCACA,YAAY,QAAQ,QAAQ,GAAG,GAC/B,MACA,YAAY,QAAQ,QAAQ,GAAG;IAGhC,YACY,CACX,CAEJ;;AAIV,kBAAkB,YAAY;CAC5B,MAAM,UAAU;CAChB,UAAU,UAAU;CACpB,gBAAgB,UAAU;CAC1B,UAAU,UAAU;CACpB,YAAY,UAAU;CACtB,aAAa,UAAU;CACvB,eAAe,UAAU;CACzB,aAAa,UAAU;CACvB,QAAQ,UAAU;CACnB;AAED,kBAAkB,eAAe;CAC/B,UAAU;CACV,gBAAgB;CAChB,YAAY;CACb"}