udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.39

package/dist/Directory-DvGh-Lfv.js

@@ -1,52 +0,0 @@
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-
-//#region src/UI/dataDisplay/directory/DirectoryListItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	divider: { marginTop: theme.spacing(1) },
-	content: { marginLeft: theme.spacing(4) }
-}));
-const DirectoryListItem = ({ children, letter }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, letter)), /* @__PURE__ */ React.createElement("div", { className: classes.content }, children, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }))));
-};
-
-//#endregion
-//#region src/UI/dataDisplay/directory/Directory.jsx
-const useStyles = makeStyles((theme) => ({ root: {} }));
-const Directory = ({ data, success, warning, error, info, key, statusKey }) => {
-	const classes = useStyles();
-	const dataTransform = data.reduce((r, e) => {
-		const alphabet = e.name[0];
-		if (!r[alphabet]) r[alphabet] = {
-			alphabet,
-			record: [e]
-		};
-		else r[alphabet].record.push(e);
-		return r;
-	}, {});
-	const result = Object.values(dataTransform);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, result.map((item) => {
-		return /* @__PURE__ */ React.createElement(DirectoryListItem, {
-			key,
-			letter: item.alphabet
-		}, item.record.map((item$1) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				style: { marginBottom: 8 },
-				key: statusKey
-			}, /* @__PURE__ */ React.createElement(StatusChip, {
-				success,
-				warning,
-				error,
-				info,
-				label: item$1.name,
-				status: item$1.status
-			}));
-		}));
-	}));
-};
-
-//#endregion
-export { DirectoryListItem as n, Directory as t };
-//# sourceMappingURL=Directory-DvGh-Lfv.js.map

package/dist/Directory-DvGh-Lfv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Directory-DvGh-Lfv.js","names":["useStyles","item"],"sources":["../src/UI/dataDisplay/directory/DirectoryListItem.jsx","../src/UI/dataDisplay/directory/Directory.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  divider: {\n    marginTop: theme.spacing(1)\n  },\n  content: {\n    marginLeft: theme.spacing(4)\n  }\n}))\n\nexport const DirectoryListItem = ({ children, letter }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Typography variant='h4'>{letter}</Typography>\n      </div>\n      <div className={classes.content}>\n        {children}\n        <div>\n          <Divider className={classes.divider} />\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { DirectoryListItem } from './DirectoryListItem'\nimport { StatusChip } from '../status/StatusChip'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {}\n}))\n\nexport const Directory = ({\n  data,\n  success,\n  warning,\n  error,\n  info,\n  key,\n  statusKey\n}) => {\n  const classes = useStyles()\n\n  const dataTransform = data.reduce((r, e) => {\n    const alphabet = e.name[0]\n    if (!r[alphabet]) r[alphabet] = { alphabet, record: [e] }\n    else r[alphabet].record.push(e)\n    return r\n  }, {})\n\n  const result = Object.values(dataTransform)\n\n  return (\n    <div className={classes.root}>\n      {result.map((item) => {\n        return (\n          <DirectoryListItem key={key} letter={item.alphabet}>\n            {item.record.map((item) => {\n              return (\n                <div style={{ marginBottom: 8 }} key={statusKey}>\n                  <StatusChip\n                    success={success}\n                    warning={warning}\n                    error={error}\n                    info={info}\n                    label={item.name}\n                    status={item.status}\n                  />\n                </div>\n              )\n            })}\n          </DirectoryListItem>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,SAAS,EACP,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACF,EAAE;AAEH,MAAa,qBAAqB,EAAE,UAAU,aAAa;CACzD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAM,OAAoB,CAC1C,EACN,oCAAC,SAAI,WAAW,QAAQ,WACrB,UACD,oCAAC,aACC,oCAAC,WAAQ,WAAW,QAAQ,UAAW,CACnC,CACF,CACF;;;;;ACrBV,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EAAE,EACT,EAAE;AAEH,MAAa,aAAa,EACxB,MACA,SACA,SACA,OACA,MACA,KACA,gBACI;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,KAAK,QAAQ,GAAG,MAAM;EAC1C,MAAM,WAAW,EAAE,KAAK;AACxB,MAAI,CAAC,EAAE,UAAW,GAAE,YAAY;GAAE;GAAU,QAAQ,CAAC,EAAE;GAAE;MACpD,GAAE,UAAU,OAAO,KAAK,EAAE;AAC/B,SAAO;IACN,EAAE,CAAC;CAEN,MAAM,SAAS,OAAO,OAAO,cAAc;AAE3C,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,OAAO,KAAK,SAAS;AACpB,SACE,oCAAC;GAAuB;GAAK,QAAQ,KAAK;KACvC,KAAK,OAAO,KAAK,WAAS;AACzB,UACE,oCAAC;IAAI,OAAO,EAAE,cAAc,GAAG;IAAE,KAAK;MACpC,oCAAC;IACU;IACA;IACF;IACD;IACN,OAAOC,OAAK;IACZ,QAAQA,OAAK;KACb,CACE;IAER,CACgB;GAEtB,CACE"}

package/dist/Divider-DNtKMiBL.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { Divider } from "@material-ui/core";
-
-//#region src/UI/utilityDisplay/Divider.jsx
-const Divider$1 = (props) => {
-	return /* @__PURE__ */ React.createElement(Divider, props);
-};
-
-//#endregion
-export { Divider$1 as t };
-//# sourceMappingURL=Divider-DNtKMiBL.js.map

package/dist/Divider-DNtKMiBL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-DNtKMiBL.js","names":["Divider","MuiDivider"],"sources":["../src/UI/utilityDisplay/Divider.jsx"],"sourcesContent":["import React from \"react\";\nimport { Divider as MuiDivider } from \"@material-ui/core\";\n\nexport const Divider = props => {\n  return (<MuiDivider {...props}/>)\n}"],"mappings":";;;;AAGA,MAAaA,aAAU,UAAS;AAC9B,QAAQ,oCAACC,SAAe,MAAQ"}

package/dist/DonutChartWidget-mKcG-bWw.js

@@ -1,161 +0,0 @@
-import { t as __export } from "./chunk-B4enJp2Q.js";
-import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
-import { t as ChartSummaryToggle_default } from "./ChartSummaryToggle-x9LKkWUM.js";
-import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
-import React, { Fragment, forwardRef } from "react";
-import { Box, Grid, Typography } from "@material-ui/core";
-import { MuiVegaLite } from "@material-vega/material-ui";
-
-//#region src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx
-const layout = {
-	w: {
-		default: 2,
-		min: 0,
-		max: 4
-	},
-	h: {
-		default: 2,
-		min: 0,
-		max: 4
-	}
-};
-const DonutChartWidget = (props, ref) => {
-	const { children, params, setParam, ...other } = props;
-	const { mockData, apiUrl, theme, dateRange } = params;
-	let body = /* @__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(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, {
-		variant: "donutChart",
-		style: {
-			overflow: "auto",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			padding: 0
-		},
-		spec: {
-			$schema: "https://vega.github.io/schema/vega/v5.json",
-			width: 200,
-			height: 200,
-			data: [{
-				name: "table",
-				values: mockData?.data,
-				transform: [{
-					type: "pie",
-					field: "value"
-				}]
-			}, {
-				name: "used",
-				source: "table",
-				transform: [
-					{
-						type: "formula",
-						expr: "datum.id === 'Other' ? 'Other' : 'Main'",
-						as: "id"
-					},
-					{
-						type: "aggregate",
-						fields: ["field"],
-						groupby: ["id"],
-						ops: ["sum"],
-						as: ["sum"]
-					},
-					{
-						type: "pivot",
-						field: "label",
-						value: "sum"
-					}
-				]
-			}],
-			scales: [{
-				name: "color",
-				type: "ordinal",
-				domain: {
-					data: "table",
-					field: "label"
-				},
-				range: { scheme: "greys" }
-			}],
-			marks: [{
-				type: "arc",
-				from: { data: "table" },
-				encode: {
-					enter: {
-						fill: {
-							scale: "color",
-							field: "label"
-						},
-						x: { signal: "width / 2" },
-						y: { signal: "height / 2" },
-						padAngle: { value: .01 }
-					},
-					update: {
-						startAngle: { field: "startAngle" },
-						endAngle: { field: "endAngle" },
-						innerRadius: { signal: "width / 2 - 10" },
-						outerRadius: { signal: "width / 2" }
-					}
-				}
-			}, {
-				type: "text",
-				from: { data: "used" },
-				style: ["percent"],
-				encode: { enter: {
-					x: { signal: "width / 2" },
-					y: { signal: "height / 2" },
-					align: { value: "center" },
-					baseline: { value: "middle" },
-					fontSize: { value: 24 }
-				} }
-			}],
-			legends: [{
-				fill: "color",
-				direction: "vertical",
-				encode: { labels: {
-					name: "legendLabel",
-					enter: { text: { field: "label" } }
-				} },
-				orient: "right",
-				labelColor: theme === "dark" ? "white" : "rgba(0, 0, 0, 0.87)"
-			}]
-		}
-	})), children);
-	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
-		theme,
-		ref,
-		headerActions: /* @__PURE__ */ React.createElement(ChartSummaryToggle_default, {
-			value: params.mode,
-			onChange: (value) => setParam("mode", value)
-		}),
-		...other,
-		title: mockData?.title
-	}, mockData ? body : /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Could not retrieve widget data. Please contact support."));
-};
-var DonutChartWidget_default = forwardRef(DonutChartWidget);
-
-//#endregion
-//#region src/UI/widgets/library/DonutChartWidget/index.ts
-var DonutChartWidget_exports = /* @__PURE__ */ __export({
-	default: () => DonutChartWidget_default,
-	layout: () => layout
-});
-
-//#endregion
-export { DonutChartWidget_default as n, layout as r, DonutChartWidget_exports as t };
-//# sourceMappingURL=DonutChartWidget-mKcG-bWw.js.map

package/dist/DonutChartWidget-mKcG-bWw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DonutChartWidget-mKcG-bWw.js","names":["FluentStatsSnippet","WidgetCard","ChartSummaryToggle"],"sources":["../src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx","../src/UI/widgets/library/DonutChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport ChartSummaryToggle from '../../FluentComponents/ChartSummaryToggle'\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 DonutChartWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n\n  let body = (\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      <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          variant='donutChart'\n          style={{\n            overflow: 'auto',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 0\n          }}\n          spec={{\n            $schema: 'https://vega.github.io/schema/vega/v5.json',\n            width: 200,\n            height: 200,\n            data: [\n              {\n                name: 'table',\n                values: mockData?.data,\n                transform: [\n                  {\n                    type: 'pie',\n                    field: 'value'\n                  }\n                ]\n              },\n              {\n                name: 'used',\n                source: 'table',\n                transform: [\n                  {\n                    type: 'formula',\n                    expr: \"datum.id === 'Other' ? 'Other' : 'Main'\",\n                    as: 'id'\n                  },\n                  {\n                    type: 'aggregate',\n                    fields: ['field'],\n                    groupby: ['id'],\n                    ops: ['sum'],\n                    as: ['sum']\n                  },\n                  {\n                    type: 'pivot',\n                    field: 'label',\n                    value: 'sum'\n                  }\n                ]\n              }\n            ],\n            scales: [\n              {\n                name: 'color',\n                type: 'ordinal',\n                domain: { data: 'table', field: 'label' },\n                range: { scheme: 'greys' }\n              }\n            ],\n            marks: [\n              {\n                type: 'arc',\n                from: { data: 'table' },\n                encode: {\n                  enter: {\n                    fill: { scale: 'color', field: 'label' },\n                    x: { signal: 'width / 2' },\n                    y: { signal: 'height / 2' },\n                    padAngle: { value: 0.01 }\n                  },\n                  update: {\n                    startAngle: { field: 'startAngle' },\n                    endAngle: { field: 'endAngle' },\n                    innerRadius: { signal: 'width / 2 - 10' },\n                    outerRadius: { signal: 'width / 2' }\n                  }\n                }\n              },\n              {\n                type: 'text',\n                from: { data: 'used' },\n                style: ['percent'],\n                encode: {\n                  enter: {\n                    x: { signal: 'width / 2' },\n                    y: { signal: 'height / 2' },\n                    align: { value: 'center' },\n                    baseline: { value: 'middle' },\n                    fontSize: { value: 24 }\n                  }\n                }\n              }\n            ],\n            legends: [\n              {\n                fill: 'color',\n                direction: 'vertical',\n                encode: {\n                  labels: {\n                    name: 'legendLabel',\n                    enter: { text: { field: 'label' } }\n                  }\n                },\n                orient: 'right',\n                labelColor: theme === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)'\n              }\n            ]\n          }}\n        />\n      </Box>\n      {children}\n    </Fragment>\n  )\n\n  return (\n    <WidgetCard\n      theme={theme}\n      ref={ref}\n      headerActions={\n        <ChartSummaryToggle\n          value={params.mode}\n          onChange={(value) => setParam('mode', value)}\n        />\n      }\n      {...other}\n      title={mockData?.title}\n    >\n      {mockData ? (\n        body\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(DonutChartWidget)\n","export * from './DonutChartWidget';\nexport {default} from './DonutChartWidget';\n"],"mappings":"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"}

package/dist/DragDropFileUpload-TFHchivz.js

@@ -1,89 +0,0 @@
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { t as formatBytes } from "./formatBytes-Cq2rh3hB.js";
-import React, { useMemo } from "react";
-import { Typography, lighten, makeStyles } from "@material-ui/core";
-import { PageIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { useTranslation } from "react-i18next";
-import { useDropzone } from "react-dropzone";
-
-//#region src/uploader/DragDropFileUpload.jsx
-const useStyles = makeStyles((theme) => ({
-	btnWrapper: {
-		display: "flex",
-		justifyContent: "center",
-		gap: theme.spacing(2),
-		marginTop: theme.spacing(1),
-		marginBottom: theme.spacing(1)
-	},
-	dndWrapper: {
-		backgroundColor: lighten(theme.palette.secondary.light, .8),
-		height: "100%",
-		minHeight: (props) => props?.minHeight,
-		maxHeight: (props) => props?.maxHeight,
-		display: "flex",
-		alignItems: "center",
-		textAlign: "center",
-		border: `dashed 2px ${lighten(theme.palette.secondary.light, .4)}`,
-		overflow: "hidden"
-	},
-	fileNameWrapper: {
-		display: "flex",
-		gap: theme.spacing(1),
-		alignItems: "center",
-		textAlign: "center",
-		justifyContent: "center"
-	},
-	dndContent: {
-		flexGrow: 1,
-		textAlign: "center"
-	},
-	textWrapper: {
-		overflow: "hidden",
-		marginRight: theme.spacing(2),
-		marginLeft: theme.spacing(2)
-	}
-}));
-const DragDropFileUpload = (props) => {
-	const { title, handleUploadFile, hideSelectFileButton = false, hideFilePreview = false, minHeight, maxHeight, multiple = false, ...otherDropZoneProps } = props;
-	const { t } = useTranslation();
-	const classes = useStyles({
-		minHeight,
-		maxHeight
-	});
-	const { open, acceptedFiles, getRootProps, getInputProps } = useDropzone({
-		noClick: true,
-		noKeyboard: true,
-		multiple,
-		onDrop: handleUploadFile,
-		...otherDropZoneProps
-	});
-	const files = useMemo(() => {
-		return acceptedFiles.map((file) => /* @__PURE__ */ React.createElement("div", { className: classes.fileNameWrapper }, /* @__PURE__ */ React.createElement(FluentIcon, {
-			size: "small",
-			component: PageIcon
-		}), /* @__PURE__ */ React.createElement(Typography, null, ` ${file?.path} (${formatBytes(file?.size)})`)));
-	}, [acceptedFiles]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-		...getRootProps({ className: "dropzone" }),
-		className: classes.dndWrapper
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.dndContent }, /* @__PURE__ */ React.createElement("input", getInputProps()), /* @__PURE__ */ React.createElement(Typography, { className: classes.textWrapper }, title ? title : multiple ? t("Drag and drop files here or select files") : t("Drag and drop a file here or select a file")), !hideSelectFileButton && /* @__PURE__ */ React.createElement("div", { className: classes.btnWrapper }, /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: open,
-		color: "secondary",
-		variant: "contained"
-	}, /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, multiple ? t("Select Files") : t("Select a File")))), !hideFilePreview && /* @__PURE__ */ React.createElement("div", null, files))));
-};
-DragDropFileUpload.propTypes = {
-	title: PropTypes.string,
-	handleUploadFile: PropTypes.func,
-	hideSelectFileButton: PropTypes.bool,
-	hideFilePreview: PropTypes.bool,
-	minHeight: PropTypes.string | PropTypes.number,
-	maxHeight: PropTypes.string | PropTypes.number,
-	multiple: PropTypes.bool
-};
-
-//#endregion
-export { DragDropFileUpload as t };
-//# sourceMappingURL=DragDropFileUpload-TFHchivz.js.map

package/dist/DragDropFileUpload-TFHchivz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragDropFileUpload-TFHchivz.js","names":[],"sources":["../src/uploader/DragDropFileUpload.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useDropzone } from 'react-dropzone';\nimport { useTranslation } from 'react-i18next';\nimport { FluentButton } from '../UI/inputs/buttons/FluentButton';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { formatBytes } from '../utilities/uploader/formatBytes';\nimport { PageIcon } from '@fluentui/react-icons';\nimport { Typography, lighten, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  btnWrapper: {\n    display: 'flex',\n    justifyContent: 'center',\n    gap: theme.spacing(2),\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1)\n  },\n  dndWrapper: {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.8),\n    height: '100%',\n    minHeight: (props) => props?.minHeight,\n    maxHeight: (props) => props?.maxHeight,\n    display: 'flex',\n    alignItems: 'center',\n    textAlign: 'center',\n    border: `dashed 2px ${lighten(theme.palette.secondary.light, 0.4)}`,\n    overflow: 'hidden'\n  },\n  fileNameWrapper: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    textAlign: 'center',\n    justifyContent: 'center'\n  },\n  dndContent: {\n    flexGrow: 1,\n    textAlign: 'center'\n  },\n  textWrapper: {\n    overflow: 'hidden',\n    marginRight: theme.spacing(2),\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const DragDropFileUpload = (props) => {\n  const {\n    title,\n    handleUploadFile,\n    hideSelectFileButton = false,\n    hideFilePreview = false,\n    minHeight,\n    maxHeight,\n    multiple = false,\n    ...otherDropZoneProps\n  } = props;\n  const { t } = useTranslation();\n  const classes = useStyles({ minHeight, maxHeight });\n\n  const { open, acceptedFiles, getRootProps, getInputProps } = useDropzone({\n    noClick: true,\n    noKeyboard: true,\n    multiple: multiple,\n    onDrop: handleUploadFile,\n    ...otherDropZoneProps\n  });\n\n  const files = useMemo(() => {\n    return acceptedFiles.map((file) => (\n      <div className={classes.fileNameWrapper}>\n        <FluentIcon size='small' component={PageIcon} />\n        <Typography>{` ${file?.path} (${formatBytes(file?.size)})`}</Typography>\n      </div>\n    ));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [acceptedFiles]);\n\n  return (\n    <div>\n      <div\n        {...getRootProps({ className: 'dropzone' })}\n        className={classes.dndWrapper}\n      >\n        <div className={classes.dndContent}>\n          <input {...getInputProps()} />\n          <Typography className={classes.textWrapper}>\n            {title\n              ? title\n              : multiple\n              ? t('Drag and drop files here or select files')\n              : t('Drag and drop a file here or select a file')}\n          </Typography>\n          {!hideSelectFileButton && (\n            <div className={classes.btnWrapper}>\n              <FluentButton\n                onClick={open}\n                color='secondary'\n                variant='contained'\n              >\n                <Typography noWrap>\n                  {multiple ? t('Select Files') : t('Select a File')}\n                </Typography>\n              </FluentButton>\n            </div>\n          )}\n          {!hideFilePreview && <div>{files}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nDragDropFileUpload.propTypes = {\n  /**\n   * Optional, title\n   */\n  title: PropTypes.string,\n\n  /**\n   * Optional, event handler that accept a param (an array of files) when drop or select files.\n   * can use other props to handle this event such as onDropAccepted, onDropRejected.\n   * https://react-dropzone.js.org/#section-components\n   */\n  handleUploadFile: PropTypes.func,\n\n  /**\n   * Optional, hide or show the select file button (default is false)\n   */\n  hideSelectFileButton: PropTypes.bool,\n\n  /**\n   * Optional, hide or show the file sneak preview (default is false)\n   */\n  hideFilePreview: PropTypes.bool,\n\n  /**\n   * Optional, minimum height\n   */\n  minHeight: PropTypes.string | PropTypes.number,\n\n  /**\n   * Optional, maximum height\n   */\n  maxHeight: PropTypes.string | PropTypes.number,\n\n  /**\n   * Optional, allow to add multiple files at a time (default is false)\n   */\n  multiple: PropTypes.bool\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,YAAY;EACV,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,EAAE;EACrB,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,YAAY;EACV,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,QAAQ;EACR,YAAY,UAAU,OAAO;EAC7B,YAAY,UAAU,OAAO;EAC7B,SAAS;EACT,YAAY;EACZ,WAAW;EACX,QAAQ,cAAc,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EACjE,UAAU;EACX;CACD,iBAAiB;EACf,SAAS;EACT,KAAK,MAAM,QAAQ,EAAE;EACrB,YAAY;EACZ,WAAW;EACX,gBAAgB;EACjB;CACD,YAAY;EACV,UAAU;EACV,WAAW;EACZ;CACD,aAAa;EACX,UAAU;EACV,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,OACA,kBACA,uBAAuB,OACvB,kBAAkB,OAClB,WACA,WACA,WAAW,OACX,GAAG,uBACD;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,UAAU;EAAE;EAAW;EAAW,CAAC;CAEnD,MAAM,EAAE,MAAM,eAAe,cAAc,kBAAkB,YAAY;EACvE,SAAS;EACT,YAAY;EACF;EACV,QAAQ;EACR,GAAG;EACJ,CAAC;CAEF,MAAM,QAAQ,cAAc;AAC1B,SAAO,cAAc,KAAK,SACxB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;GAAW,MAAK;GAAQ,WAAW;IAAY,EAChD,oCAAC,kBAAY,IAAI,MAAM,KAAK,IAAI,YAAY,MAAM,KAAK,CAAC,GAAgB,CACpE,CACN;IAED,CAAC,cAAc,CAAC;AAEnB,QACE,oCAAC,aACC,oCAAC;EACC,GAAI,aAAa,EAAE,WAAW,YAAY,CAAC;EAC3C,WAAW,QAAQ;IAEnB,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAU,eAAe,CAAI,EAC9B,oCAAC,cAAW,WAAW,QAAQ,eAC5B,QACG,QACA,WACA,EAAE,2CAA2C,GAC7C,EAAE,6CAA6C,CACxC,EACZ,CAAC,wBACA,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,SAAS;EACT,OAAM;EACN,SAAQ;IAER,oCAAC,cAAW,gBACT,WAAW,EAAE,eAAe,GAAG,EAAE,gBAAgB,CACvC,CACA,CACX,EAEP,CAAC,mBAAmB,oCAAC,aAAK,MAAY,CACnC,CACF,CACF;;AAIV,mBAAmB,YAAY;CAI7B,OAAO,UAAU;CAOjB,kBAAkB,UAAU;CAK5B,sBAAsB,UAAU;CAKhC,iBAAiB,UAAU;CAK3B,WAAW,UAAU,SAAS,UAAU;CAKxC,WAAW,UAAU,SAAS,UAAU;CAKxC,UAAU,UAAU;CACrB"}

package/dist/EmailDisplay-CvNTnoXz.js

@@ -1,116 +0,0 @@
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as PrimaryActionHeader } from "./PrimaryActionHeader-DbGQNveI.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 { SmsDisplay as n, EmailDisplay as t };
-//# sourceMappingURL=EmailDisplay-CvNTnoXz.js.map

package/dist/EmailDisplay-CvNTnoXz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmailDisplay-CvNTnoXz.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-Dpho9v6S.js

@@ -1,66 +0,0 @@
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.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 as t };
-//# sourceMappingURL=EmptyStateDisplay-Dpho9v6S.js.map

package/dist/EmptyStateDisplay-Dpho9v6S.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyStateDisplay-Dpho9v6S.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"}