udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/EmailDisplay-CvNTnoXz.js

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

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

@@ -0,0 +1,66 @@
+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-CVeCBelv.js.map

package/dist/EmptyStateDisplay-CVeCBelv.js.map

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

package/dist/EntitySideBarContent-Bp0saKq_.js

@@ -0,0 +1,84 @@
+import { a as getPrimaryKeyValues, r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import { useSnackbar } from "notistack";
+import { useTranslation } from "react-i18next";
+
+//#region src/actions/sidebar/EntitySideBarContent.jsx
+const useStyles = makeStyles((theme) => ({ dataRoot: { marginTop: theme.spacing(2) } }));
+const EntitySideBarContent = (props) => {
+	const { action, executeAction, entityAttributes, selectedNodeObj, apiCatalogId, entityName, sidebarEntity, menuNodeList, closeSplitScreen } = props;
+	const classes = useStyles(props);
+	const [data, setData] = useState(null);
+	const { enqueueSnackbar } = useSnackbar();
+	const { t } = useTranslation();
+	const [{ data: selectedEntity }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!apiCatalogId || !!!entityName || !!sidebarEntity, false);
+	const entity = useMemo(() => {
+		return selectedEntity || sidebarEntity;
+	}, [selectedEntity, sidebarEntity]);
+	const showError = useCallback(() => {
+		enqueueSnackbar(t(`Invalid action value.`), {
+			variant: "error",
+			anchorOrigin: {
+				vertical: "top",
+				horizontal: "center"
+			}
+		});
+	}, [enqueueSnackbar, t]);
+	const onGet = useCallback(async (data$1) => {
+		if (entity?.unityBaseGetMethod && action?.value) if (entity.unityBaseGetMethod.apiMethodId === action.value) return await executeAction(data$1, action.value);
+		else showError();
+	}, [
+		action,
+		executeAction,
+		entity,
+		showError
+	]);
+	const handleOnGet = useCallback(async (value) => {
+		if (entity?.unityBaseGetMethod) {
+			const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);
+			const response = await onGet({ data: { ...getPathObject(entity?.unityBaseGetMethod?.pathParameters, primaryKeyValues) } }).catch((res) => {
+				enqueueSnackbar(res.message, {
+					variant: "error",
+					anchorOrigin: {
+						vertical: "top",
+						horizontal: "center"
+					}
+				});
+			});
+			if (response?.status === 200) setData(response.data);
+		}
+	}, [
+		enqueueSnackbar,
+		entityAttributes,
+		onGet,
+		entity
+	]);
+	const renderData = useCallback((schemaAttribute) => {
+		if (!data || schemaAttribute?.extendedProperties?.childEntity) return null;
+		return /* @__PURE__ */ React.createElement("div", { className: classes.dataRoot }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle2",
+			style: { marginTop: 8 }
+		}, toTitleCase(schemaAttribute?.name)), /* @__PURE__ */ React.createElement(Typography, null, data[toLowerFirstChar(schemaAttribute.name)]));
+	}, [classes, data]);
+	const cardContent = useMemo(() => {
+		return /* @__PURE__ */ React.createElement("div", null, entityAttributes?.map((schemaAttribute, index) => {
+			return !schemaAttribute?.extendedProperties?.identifier && /* @__PURE__ */ React.createElement(React.Fragment, { key: `${schemaAttribute.name}-${index}` }, renderData(schemaAttribute));
+		}));
+	}, [entityAttributes, renderData]);
+	useEffect(() => {
+		if (!data) handleOnGet(selectedNodeObj);
+	}, [
+		handleOnGet,
+		selectedNodeObj,
+		data
+	]);
+	return /* @__PURE__ */ React.createElement("div", null, cardContent);
+};
+
+//#endregion
+export { EntitySideBarContent as t };
+//# sourceMappingURL=EntitySideBarContent-Bp0saKq_.js.map

package/dist/EntitySideBarContent-Bp0saKq_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitySideBarContent-Bp0saKq_.js","names":["data"],"sources":["../src/actions/sidebar/EntitySideBarContent.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  getPathObject,\n  getPrimaryKeyValues\n} from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport {\n  toLowerFirstChar,\n  toTitleCase\n} from '../../utilities/input/StringUtilities';\nimport { useSnackbar } from 'notistack';\nimport { useTranslation } from 'react-i18next';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  dataRoot: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nexport const EntitySideBarContent = (props) => {\n  const {\n    action,\n    executeAction,\n    entityAttributes,\n    selectedNodeObj,\n    apiCatalogId,\n    entityName,\n    sidebarEntity,\n    menuNodeList,\n    closeSplitScreen\n  } = props;\n  const classes = useStyles(props);\n  const [data, setData] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const { t } = useTranslation();\n\n  const [{ data: selectedEntity }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!apiCatalogId || !!!entityName || !!sidebarEntity,\n    false\n  );\n\n  const entity = useMemo(() => {\n    return selectedEntity || sidebarEntity;\n  }, [selectedEntity, sidebarEntity]);\n\n  const showError = useCallback(() => {\n    enqueueSnackbar(t(`Invalid action value.`), {\n      variant: 'error',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      }\n    });\n  }, [enqueueSnackbar, t]);\n\n  const onGet = useCallback(\n    async (data) => {\n      if (entity?.unityBaseGetMethod && action?.value) {\n        if (entity.unityBaseGetMethod.apiMethodId === action.value) {\n          return await executeAction(data, action.value);\n        } else {\n          showError();\n        }\n      }\n    },\n    [action, executeAction, entity, showError]\n  );\n\n  const handleOnGet = useCallback(\n    async (value) => {\n      if (entity?.unityBaseGetMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = getPrimaryKeyValues(entityAttributes, value);\n        const pathObject = getPathObject(\n          entity?.unityBaseGetMethod?.pathParameters,\n          primaryKeyValues\n        );\n\n        const data = { ...pathObject };\n        const response = await onGet({ data }).catch((res) => {\n          enqueueSnackbar(res.message, {\n            variant: 'error',\n            anchorOrigin: {\n              vertical: 'top',\n              horizontal: 'center'\n            }\n          });\n        });\n\n        if (response?.status === 200) {\n          setData(response.data);\n        }\n      }\n    },\n    [enqueueSnackbar, entityAttributes, onGet, entity]\n  );\n\n  const renderData = useCallback(\n    (schemaAttribute) => {\n      if (!data || schemaAttribute?.extendedProperties?.childEntity) {\n        return null;\n      }\n\n      return (\n        <div className={classes.dataRoot}>\n          <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n            {toTitleCase(schemaAttribute?.name)}\n          </Typography>\n          <Typography>\n            {data[toLowerFirstChar(schemaAttribute.name)]}\n          </Typography>\n        </div>\n      );\n    },\n    [classes, data]\n  );\n\n  const cardContent = useMemo(() => {\n    return (\n      <div>\n        {entityAttributes?.map((schemaAttribute, index) => {\n          return (\n            !schemaAttribute?.extendedProperties?.identifier && (\n              <React.Fragment key={`${schemaAttribute.name}-${index}`}>\n                {renderData(schemaAttribute)}\n              </React.Fragment>\n            )\n          );\n        })}\n      </div>\n    );\n  }, [entityAttributes, renderData]);\n\n  useEffect(() => {\n    if (!data) {\n      handleOnGet(selectedNodeObj);\n    }\n  }, [handleOnGet, selectedNodeObj, data]);\n\n  return <div>{cardContent}</div>;\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAM,YAAY,YAAY,WAAW,EACvC,UAAU,EACR,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EACJ,QACA,eACA,kBACA,iBACA,cACA,YACA,eACA,cACA,qBACE;CACJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,EAAE,MAAM,oBAAoB,YACjC,cAAc,qBACd,cAAc,aAAa,0BAA0B,WAAW,WAAW,cAAc,OAAO,oBAChG,EAAE,EACF,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,eACtC,MACD;CAED,MAAM,SAAS,cAAc;AAC3B,SAAO,kBAAkB;IACxB,CAAC,gBAAgB,cAAc,CAAC;CAEnC,MAAM,YAAY,kBAAkB;AAClC,kBAAgB,EAAE,wBAAwB,EAAE;GAC1C,SAAS;GACT,cAAc;IACZ,UAAU;IACV,YAAY;IACb;GACF,CAAC;IACD,CAAC,iBAAiB,EAAE,CAAC;CAExB,MAAM,QAAQ,YACZ,OAAO,WAAS;AACd,MAAI,QAAQ,sBAAsB,QAAQ,MACxC,KAAI,OAAO,mBAAmB,gBAAgB,OAAO,MACnD,QAAO,MAAM,cAAcA,QAAM,OAAO,MAAM;MAE9C,YAAW;IAIjB;EAAC;EAAQ;EAAe;EAAQ;EAAU,CAC3C;CAED,MAAM,cAAc,YAClB,OAAO,UAAU;AACf,MAAI,QAAQ,oBAAoB;GAE9B,MAAM,mBAAmB,oBAAoB,kBAAkB,MAAM;GAOrE,MAAM,WAAW,MAAM,MAAM,EAAE,MADlB,EAAE,GALI,cACjB,QAAQ,oBAAoB,gBAC5B,iBACD,EAE6B,EACO,CAAC,CAAC,OAAO,QAAQ;AACpD,oBAAgB,IAAI,SAAS;KAC3B,SAAS;KACT,cAAc;MACZ,UAAU;MACV,YAAY;MACb;KACF,CAAC;KACF;AAEF,OAAI,UAAU,WAAW,IACvB,SAAQ,SAAS,KAAK;;IAI5B;EAAC;EAAiB;EAAkB;EAAO;EAAO,CACnD;CAED,MAAM,aAAa,aAChB,oBAAoB;AACnB,MAAI,CAAC,QAAQ,iBAAiB,oBAAoB,YAChD,QAAO;AAGT,SACE,oCAAC,SAAI,WAAW,QAAQ,YACtB,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,YAAY,iBAAiB,KAAK,CACxB,EACb,oCAAC,kBACE,KAAK,iBAAiB,gBAAgB,KAAK,EACjC,CACT;IAGV,CAAC,SAAS,KAAK,CAChB;CAED,MAAM,cAAc,cAAc;AAChC,SACE,oCAAC,aACE,kBAAkB,KAAK,iBAAiB,UAAU;AACjD,UACE,CAAC,iBAAiB,oBAAoB,cACpC,oCAAC,MAAM,YAAS,KAAK,GAAG,gBAAgB,KAAK,GAAG,WAC7C,WAAW,gBAAgB,CACb;IAGrB,CACE;IAEP,CAAC,kBAAkB,WAAW,CAAC;AAElC,iBAAgB;AACd,MAAI,CAAC,KACH,aAAY,gBAAgB;IAE7B;EAAC;EAAa;EAAiB;EAAK,CAAC;AAExC,QAAO,oCAAC,aAAK,YAAkB"}

package/dist/ExportSidesheet-DBww0zIt.js

@@ -0,0 +1,334 @@
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-Cwo_kmVX.js";
+import { t as AmbientCard } from "./AmbientCard-DK9abODq.js";
+import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-Bi2neP26.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DM2DNWCe.js";
+import { t as FluentListItem } from "./FluentListItem-CUy9SYvA.js";
+import { t as AmbientAlert } from "./AmbientAlert-LVJtZhxz.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CVeCBelv.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Box, Chip, Slide } from "@material-ui/core";
+import { useHistory } from "react-router-dom";
+import { StatusCircleCheckmarkIcon } from "@fluentui/react-icons";
+import { Skeleton } from "@material-ui/lab";
+
+//#region src/udp/export/useUdpExport.js
+const useUdpExport = (apiCatalogId, productId) => {
+	const [entity, setEntity] = useState();
+	const [searchObject, setSearchObject] = useState();
+	const [fileFormat, setFileFormat] = useState(".XLSX");
+	const [numRowsToExport, setNumRowsToExport] = useState(null);
+	const [validSearch, setValidSearch] = useState(false);
+	const [errorList, setErrorList] = useState([]);
+	const [activeExportJob, setActiveExportJob] = useState();
+	const [exportLoading, setExportLoading] = useState(false);
+	const [fileResultData, setFileResultData] = useState();
+	const { data: selectedEntity, loading: entityLoading } = usePromotedMethodEntity(entity, true, apiCatalogId, productId);
+	const { data: udpJobEntity } = usePromotedMethodEntity("udpJob", true, apiCatalogId, productId);
+	const refetchActiveJobData = useCallback(async () => {
+		if (udpJobEntity?.unityBaseGetMethod?.apiMethodId) await executeQueryWithParameters({ data: { id: activeExportJob?.id } }, udpJobEntity?.unityBaseGetMethod?.apiMethodId).then((res) => {
+			setActiveExportJob(res.data);
+		}).catch((err) => {
+			addErrorIfNotExists("jobstatus", "Error getting job status ", "error");
+		});
+	}, [activeExportJob?.id, udpJobEntity?.unityBaseGetMethod?.apiMethodId]);
+	const refetchfileResultData = useCallback(async () => {
+		if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) await executeQueryWithParameters({ data: { JobId: activeExportJob?.id } }, udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId).then((res) => {
+			setFileResultData(res.data);
+		}).catch((err) => {
+			addErrorIfNotExists("fileError", "Error getting file ", "error");
+		});
+	}, [activeExportJob?.id, udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId]);
+	const clearParameters = useCallback(() => {
+		setEntity(null);
+		setSearchObject(null);
+		setNumRowsToExport(null);
+		setActiveExportJob(null);
+		setErrorList([]);
+	}, []);
+	const updateExportParameters = useCallback((entity$1, searchObject$1) => {
+		setEntity(entity$1);
+		setSearchObject(searchObject$1);
+	}, []);
+	const addErrorIfNotExists = (id, message, severity = "error") => {
+		setErrorList((prev) => {
+			if (!prev.some((error) => error.id === id)) return [...prev, {
+				id,
+				message,
+				severity
+			}];
+			return prev;
+		});
+	};
+	const initialSearchWithParams = useCallback(async () => {
+		await executeQueryAdHoc({ data: {
+			...searchObject,
+			pageSize: 1
+		} }, selectedEntity?.unityBaseSearchMethod?.apiMethodId).then((res) => {
+			setNumRowsToExport(res?.data?.total);
+		}).catch((err) => {
+			addErrorIfNotExists("searchObject", "Error fetching row count", "error");
+		});
+	}, [searchObject, selectedEntity]);
+	const createExport = useCallback(async () => {
+		if (selectedEntity?.unityBaseExportMethod?.apiMethodId) {
+			setExportLoading(true);
+			await executeQueryWithParameters({ data: { requestBody: {
+				debug: true,
+				exportAcrossAssociations: false,
+				exportOnAllAssociations: false,
+				exportSiblings: false,
+				search: searchObject
+			} } }, selectedEntity?.unityBaseExportMethod?.apiMethodId).then((res) => {
+				setActiveExportJob(res?.data);
+				setExportLoading(false);
+			}).catch((err) => {
+				addErrorIfNotExists("exportRequest", "Error creating the export job", "error");
+				setExportLoading(false);
+			});
+		}
+	}, [searchObject, selectedEntity?.unityBaseExportMethod?.apiMethodId]);
+	useEffect(() => {
+		if (!entityLoading) {
+			if (selectedEntity?.unityBaseSearchMethod === null) addErrorIfNotExists("search", `${getSanitizedName(entity)}'s search method must be promoted`, "error");
+			else initialSearchWithParams();
+			if (selectedEntity?.unityBaseExportMethod === null) addErrorIfNotExists("export", `${getSanitizedName(entity)}'s export method must be promoted`, "error");
+		}
+	}, [
+		initialSearchWithParams,
+		selectedEntity,
+		entity,
+		entityLoading
+	]);
+	useEffect(() => {
+		if (entity) {
+			if (udpJobEntity && !udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) addErrorIfNotExists("fileResultGet", `UdpJob's GetFileResult must be promoted to download the file`, "warning");
+			if (udpJobEntity && !udpJobEntity?.unityBaseGetMethod?.apiMethodId) addErrorIfNotExists("fileBaseGet", `UdpJob's Get method must be promoted to view job status`, "warning");
+		}
+	}, [entity, udpJobEntity]);
+	useEffect(() => {
+		let isValid = true;
+		errorList?.forEach((item) => {
+			if (item.severity === "error") isValid = false;
+		});
+		setValidSearch(isValid);
+	}, [errorList]);
+	useEffect(() => {
+		if (!activeExportJob || activeExportJob?.statusId === 3 || activeExportJob?.statusId === 4) return;
+		const intervalId = setInterval(() => {
+			refetchActiveJobData();
+		}, 5e3);
+		return () => clearInterval(intervalId);
+	}, [activeExportJob, refetchActiveJobData]);
+	useEffect(() => {
+		if (activeExportJob?.statusId === 3) refetchfileResultData();
+	}, [activeExportJob?.statusId, refetchfileResultData]);
+	return {
+		updateExportParameters,
+		createExport,
+		entity,
+		searchObject,
+		fileFormat,
+		numRowsToExport,
+		validSearch,
+		errorList,
+		activeExportJob,
+		exportLoading,
+		handleFileDownload: useCallback(() => {
+			if (fileResultData?.link) {
+				const link = document.createElement("a");
+				link.href = fileResultData?.link;
+				link.download = "";
+				document.body.appendChild(link);
+				link.click();
+				document.body.removeChild(link);
+			}
+		}, [fileResultData?.link]),
+		clearParameters
+	};
+};
+
+//#endregion
+//#region src/udp/export/VisualSearchObject.jsx
+const VisualSearchObject = ({ searchObject }) => {
+	const { filterElements = [], filterGroups = [], logicalSearchOperator = 1 } = searchObject || {};
+	const filtersByGroup = useMemo(() => {
+		return filterElements.reduce((acc, fe) => {
+			const gid = fe.groupId ?? 0;
+			(acc[gid] = acc[gid] || []).push(fe);
+			return acc;
+		}, {});
+	}, [filterElements]);
+	const groupLookup = useMemo(() => {
+		const lookup = {};
+		filterGroups.forEach((g) => {
+			lookup[g.groupId] = {
+				...g,
+				children: []
+			};
+		});
+		filterGroups.forEach((g) => {
+			if (g.parentGroupId && lookup[g.parentGroupId]) lookup[g.parentGroupId].children.push(lookup[g.groupId]);
+		});
+		return lookup;
+	}, [filterGroups]);
+	const rootGroup = {
+		groupId: 0,
+		logicalSearchOperator,
+		children: useMemo(() => {
+			return filterGroups.filter((g) => !g.parentGroupId).map((g) => groupLookup[g.groupId]);
+		}, [filterGroups, groupLookup])
+	};
+	const OpLabel = {
+		1: "AND",
+		2: "OR"
+	};
+	const renderGroup = (group, level = 0) => /* @__PURE__ */ React.createElement(Box, {
+		key: group.groupId,
+		border: 1,
+		borderColor: "grey.300",
+		borderRadius: 4,
+		p: 1,
+		ml: level * 2,
+		mb: 1,
+		bgcolor: level === 0 ? "grey.100" : "transparent"
+	}, /* @__PURE__ */ React.createElement(Box, { mb: 1 }, /* @__PURE__ */ React.createElement(StatusChip, {
+		label: OpLabel[group.logicalSearchOperator] || "AND",
+		status: "info",
+		size: "small"
+	})), /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexWrap: "wrap",
+		mb: group.children.length ? 1 : 0
+	}, (filtersByGroup[group.groupId] || []).map((fe, i) => /* @__PURE__ */ React.createElement(Chip, {
+		key: `g${group.groupId}-f${i}`,
+		size: "small",
+		label: `${fe.searchField} ${fe.searchOperator} ${fe.searchValue}`,
+		style: {
+			marginRight: 4,
+			marginBottom: 4
+		}
+	}))), group.children.map((c) => renderGroup(c, level + 1)));
+	if (!(filterElements.length > 0 || filterGroups.length > 0)) return null;
+	return /* @__PURE__ */ React.createElement(Box, null, renderGroup(rootGroup));
+};
+
+//#endregion
+//#region src/udp/export/ExportSidesheet.jsx
+const ExportSidesheet = (props) => {
+	const { entity, numRowsToExport, fileFormat, searchObject, errorList, activeExportJob, handleFileDownload, exportSidesheetOpen, handleCloseExportSidesheet, createExport, exportLoading, validSearch } = props;
+	const history = useHistory();
+	const [page, setPage] = useState("exportSummary");
+	useEffect(() => {
+		if (activeExportJob?.id) setPage("transition");
+	}, [activeExportJob?.id]);
+	const handleSummaryExited = () => {
+		setPage("exportProgress");
+	};
+	const getJobStatus = (value) => {
+		if (value === 1) return {
+			status: null,
+			label: "Pending"
+		};
+		else if (value === 2) return {
+			status: "info",
+			label: "Running"
+		};
+		else if (value === 3) return {
+			status: "success",
+			label: "Completed"
+		};
+		else if (value === 4) return {
+			status: "error",
+			label: "Failed"
+		};
+	};
+	const onCloseSidesheet = () => {
+		setPage("exportSummary");
+		handleCloseExportSidesheet();
+	};
+	return /* @__PURE__ */ React.createElement(SideSheet, {
+		open: exportSidesheetOpen,
+		onClose: onCloseSidesheet,
+		width: "50%",
+		onSubmit: createExport,
+		buttonLabel: "Create Export",
+		buttonTwoLabel: "My Exports",
+		buttonTwoAction: () => history.push("/myexports"),
+		progress: exportLoading,
+		buttonOneDisabled: !validSearch || activeExportJob
+	}, /* @__PURE__ */ React.createElement("div", null, errorList?.map((error) => /* @__PURE__ */ React.createElement(AmbientAlert, {
+		alertMessage: error.message,
+		showAlert: true,
+		alertSeverity: error.severity
+	})), /* @__PURE__ */ React.createElement(Slide, {
+		in: page === "exportSummary",
+		onExited: handleSummaryExited,
+		direction: "right",
+		unmountOnExit: true,
+		appear: false
+	}, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 10
+	} }, /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: "Export Summary",
+		fullWidth: true,
+		removeTopLayoutUnit: true
+	}, /* @__PURE__ */ React.createElement(Typography$1, null, "You are about to export all records from this table using your search criteria."), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 16 } }, /* @__PURE__ */ React.createElement(FluentListItem, {
+		subject: "Table",
+		value: getSanitizedName(entity)
+	}), /* @__PURE__ */ React.createElement(FluentListItem, {
+		subject: "Number of Rows",
+		value: numRowsToExport ?? /* @__PURE__ */ React.createElement(Skeleton, {
+			width: 40,
+			height: 26
+		})
+	}))), /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: "Applied Filters",
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(VisualSearchObject, { searchObject })), /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: "Export Options",
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(FluentListItem, {
+		subject: "File Format",
+		value: fileFormat
+	})))), /* @__PURE__ */ React.createElement(Slide, {
+		in: page === "exportProgress",
+		direction: "left",
+		mountOnEnter: true
+	}, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 10
+	} }, /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: `Job Details`,
+		fullWidth: true,
+		removeTopLayoutUnit: true
+	}, /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 25 } }, /* @__PURE__ */ React.createElement(Typography$1, null, "Exports are handled in the background. You can safely close this window.")), /* @__PURE__ */ React.createElement(FluentListItem, {
+		subject: "Job Id",
+		value: activeExportJob?.id
+	}), /* @__PURE__ */ React.createElement(FluentListItem, {
+		subject: "Status",
+		value: /* @__PURE__ */ React.createElement(StatusChip, {
+			status: getJobStatus(activeExportJob?.statusId)?.status,
+			label: getJobStatus(activeExportJob?.statusId)?.label
+		})
+	})), /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: `Export ${getJobStatus(activeExportJob?.statusId)?.label}`,
+		fullWidth: true,
+		removeTopLayoutUnit: true
+	}, (activeExportJob?.statusId === 1 || activeExportJob?.statusId === 2) && /* @__PURE__ */ React.createElement(LinearProgress$1, null), activeExportJob?.statusId === 3 && (!errorList.some((err) => err?.id === "fileResultGet") ? /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
+		icon: StatusCircleCheckmarkIcon,
+		primaryText: "File is ready!",
+		actionLabel: "Download",
+		action: handleFileDownload && (() => handleFileDownload())
+	}) : /* @__PURE__ */ React.createElement(Typography$1, null, "To download the file, please go to the My Exports page.")))))));
+};
+
+//#endregion
+export { VisualSearchObject as n, useUdpExport as r, ExportSidesheet as t };
+//# sourceMappingURL=ExportSidesheet-DBww0zIt.js.map