udp-react-enterprise-component-library 25.18.1-beta.5 → 25.18.1-beta.50

package/dist/EntitySideBarContent-CBckqx1w.js

@@ -1,84 +0,0 @@
-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-BMoXHfLN.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-CBckqx1w.js.map

package/dist/EntitySideBarContent-CBckqx1w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntitySideBarContent-CBckqx1w.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/ExpandRenderer-BnoGfmmX.js

@@ -1,20 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import React from "react";
-import { IconButton, Tooltip, makeStyles } from "@material-ui/core";
-import { ChevronRightIcon } from "@fluentui/react-icons";
-
-//#region src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx
-const useStyles = makeStyles((theme) => ({ icon: { margin: theme.spacing(.5) } }));
-const ExpandRenderer = ({ openNestedGrid, title, icon }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(IconButton, {
-		"aria-label": title,
-		className: classes.icon,
-		size: "small",
-		onClick: openNestedGrid
-	}, /* @__PURE__ */ React.createElement(FluentIcon, { component: icon ? icon : ChevronRightIcon })));
-};
-
-//#endregion
-export { ExpandRenderer as t };
-//# sourceMappingURL=ExpandRenderer-BnoGfmmX.js.map

package/dist/ExpandRenderer-BnoGfmmX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandRenderer-BnoGfmmX.js","names":[],"sources":["../src/UI/surfaces/NestedGrid/ui/ExpandRenderer.jsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, makeStyles, Tooltip } from '@material-ui/core'\nimport { FluentIcon } from '../../../../utilities/iconLibrary/FluentIcon'\nimport { ChevronRightIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  icon: {\n    margin: theme.spacing(0.5)\n  }\n}))\n\nexport const ExpandRenderer = ({ openNestedGrid, title, icon }) => {\n  const classes = useStyles()\n\n  return (\n    <Tooltip title={title}>\n      <IconButton\n        aria-label={title}\n        className={classes.icon}\n        size='small'\n        onClick={openNestedGrid}\n      >\n        <FluentIcon component={icon ? icon : ChevronRightIcon} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,QAAQ,MAAM,QAAQ,GAAI,EAC3B,EACF,EAAE;AAEH,MAAa,kBAAkB,EAAE,gBAAgB,OAAO,WAAW;CACjE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,WAAe,SACd,oCAAC;EACC,cAAY;EACZ,WAAW,QAAQ;EACnB,MAAK;EACL,SAAS;IAET,oCAAC,cAAW,WAAW,OAAO,OAAO,mBAAoB,CAC9C,CACL"}

package/dist/Expander-8ICaaf4Y.js

@@ -1,81 +0,0 @@
-import React, { useState } from "react";
-import { Typography, lighten, makeStyles } from "@material-ui/core";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-import MuiExpansionPanel from "@material-ui/core/ExpansionPanel";
-import MuiExpansionPanelSummary from "@material-ui/core/ExpansionPanelSummary";
-import MuiExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
-
-//#region src/UI/navigation/menus/ExpanderItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		width: "100%"
-	},
-	title: {
-		width: "100%",
-		flex: 1
-	}
-}));
-const ExpanderItem = ({ label, expanded }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, label)), !expanded && /* @__PURE__ */ React.createElement(ChevronDownIcon, null), expanded && /* @__PURE__ */ React.createElement(ChevronUpIcon, null));
-};
-
-//#endregion
-//#region src/UI/navigation/menus/Expander.jsx
-const useStyles = makeStyles((theme) => ({
-	rootPanel: {
-		boxShadow: "none",
-		padding: 0,
-		minWidth: 300,
-		"&:not(:last-child)": { borderBottom: 0 },
-		"&$expanded": { margin: "auto" }
-	},
-	expanded: { minHeight: 40 },
-	root: {
-		background: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .4),
-		color: (props) => props.accent && theme.palette.common.white,
-		marginBottom: -1,
-		minHeight: 40,
-		"&$expanded": {
-			minHeight: 40,
-			height: 20,
-			paddingTop: 25,
-			backgroundColor: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .7)
-		}
-	},
-	content: { "&$expanded": { margin: "12px 0" } },
-	detailsRoot: {
-		padding: 0,
-		flexDirection: (props) => props.single ? "column" : "row"
-	}
-}));
-const Block = (props) => {
-	const [expanded, setExpanded] = useState("panel1");
-	const classes = useStyles(props);
-	const { label, children, number, id,...otherProps } = props;
-	const handleChange = (panel) => (event, newExpanded) => {
-		setExpanded(newExpanded ? panel : false);
-	};
-	return /* @__PURE__ */ React.createElement(MuiExpansionPanel, {
-		classes: { root: classes.rootPanel },
-		...otherProps,
-		square: true,
-		expanded: expanded === `panel${number}`,
-		onChange: handleChange(`panel${number}`),
-		id
-	}, /* @__PURE__ */ React.createElement(MuiExpansionPanelSummary, {
-		classes: {
-			root: classes.root,
-			expanded: classes.expanded
-		},
-		"aria-controls": "panel3d-content"
-	}, /* @__PURE__ */ React.createElement(ExpanderItem, {
-		label,
-		expanded: expanded === `panel${number}`
-	})), /* @__PURE__ */ React.createElement(MuiExpansionPanelDetails, { classes: { root: classes.detailsRoot } }, children));
-};
-
-//#endregion
-export { ExpanderItem as n, Block as t };
-//# sourceMappingURL=Expander-8ICaaf4Y.js.map

package/dist/Expander-8ICaaf4Y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander-8ICaaf4Y.js","names":["useStyles"],"sources":["../src/UI/navigation/menus/ExpanderItem.jsx","../src/UI/navigation/menus/Expander.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    width: '100%'\n  },\n  title: {\n    width: '100%',\n    flex: 1\n  }\n}))\n\nexport const ExpanderItem = ({ label, expanded }) => {\n  const classes = useStyles()\n  // const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <Typography variant='subtitle2'>{label}</Typography>\n      </div>\n\n      {!expanded && <ChevronDownIcon />}\n      {expanded && <ChevronUpIcon />}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { lighten, makeStyles } from '@material-ui/core'\nimport MuiExpansionPanel from '@material-ui/core/ExpansionPanel'\nimport MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'\nimport MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'\nimport { ExpanderItem } from './ExpanderItem'\n\nconst useStyles = makeStyles((theme) => ({\n  rootPanel: {\n    boxShadow: 'none',\n    padding: 0,\n    minWidth: 300,\n    '&:not(:last-child)': {\n      borderBottom: 0\n    },\n    '&$expanded': {\n      margin: 'auto'\n    }\n  },\n  expanded: {\n    minHeight: 40\n  },\n  root: {\n    background: (props) =>\n      props.accent\n        ? theme.palette.primary.main\n        : lighten(theme.palette.primary.light, 0.4),\n\n    color: (props) => props.accent && theme.palette.common.white,\n    marginBottom: -1,\n    minHeight: 40,\n    '&$expanded': {\n      minHeight: 40,\n      height: 20,\n      paddingTop: 25,\n      backgroundColor: (props) =>\n        props.accent\n          ? theme.palette.primary.main\n          : lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  content: {\n    '&$expanded': {\n      margin: '12px 0'\n    }\n  },\n  detailsRoot: {\n    padding: 0,\n    flexDirection: (props) => (props.single ? 'column' : 'row')\n  }\n}))\n\nexport const Block = (props) => {\n  const [expanded, setExpanded] = useState('panel1')\n  const classes = useStyles(props)\n\n  const { label, children, number, id, ...otherProps } = props\n\n  const handleChange = (panel) => (event, newExpanded) => {\n    setExpanded(newExpanded ? panel : false)\n  }\n  return (\n    <MuiExpansionPanel\n      classes={{ root: classes.rootPanel }}\n      {...otherProps}\n      square\n      expanded={expanded === `panel${number}`}\n      onChange={handleChange(`panel${number}`)}\n      id={id}\n    >\n      <MuiExpansionPanelSummary\n        classes={{ root: classes.root, expanded: classes.expanded }}\n        aria-controls='panel3d-content'\n      >\n        <ExpanderItem label={label} expanded={expanded === `panel${number}`} />\n      </MuiExpansionPanelSummary>\n      <MuiExpansionPanelDetails classes={{ root: classes.detailsRoot }}>\n        {children}\n      </MuiExpansionPanelDetails>\n    </MuiExpansionPanel>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACF,EAAE;AAEH,MAAa,gBAAgB,EAAE,OAAO,eAAe;CACnD,MAAM,UAAUA,aAAW;AAG3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,eAAa,MAAmB,CAChD,EAEL,CAAC,YAAY,oCAAC,sBAAkB,EAChC,YAAY,oCAAC,oBAAgB,CAC1B;;;;;ACpBV,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,WAAW;EACX,SAAS;EACT,UAAU;EACV,sBAAsB,EACpB,cAAc,GACf;EACD,cAAc,EACZ,QAAQ,QACT;EACF;CACD,UAAU,EACR,WAAW,IACZ;CACD,MAAM;EACJ,aAAa,UACX,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAE/C,QAAQ,UAAU,MAAM,UAAU,MAAM,QAAQ,OAAO;EACvD,cAAc;EACd,WAAW;EACX,cAAc;GACZ,WAAW;GACX,QAAQ;GACR,YAAY;GACZ,kBAAkB,UAChB,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;GAChD;EACF;CACD,SAAS,EACP,cAAc,EACZ,QAAQ,UACT,EACF;CACD,aAAa;EACX,SAAS;EACT,gBAAgB,UAAW,MAAM,SAAS,WAAW;EACtD;CACF,EAAE;AAEH,MAAa,SAAS,UAAU;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,SAAS;CAClD,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAE,OAAO,UAAU,QAAQ,GAAI,GAAG,eAAe;CAEvD,MAAM,gBAAgB,WAAW,OAAO,gBAAgB;AACtD,cAAY,cAAc,QAAQ,MAAM;;AAE1C,QACE,oCAAC;EACC,SAAS,EAAE,MAAM,QAAQ,WAAW;EACpC,GAAI;EACJ;EACA,UAAU,aAAa,QAAQ;EAC/B,UAAU,aAAa,QAAQ,SAAS;EACpC;IAEJ,oCAAC;EACC,SAAS;GAAE,MAAM,QAAQ;GAAM,UAAU,QAAQ;GAAU;EAC3D,iBAAc;IAEd,oCAAC;EAAoB;EAAO,UAAU,aAAa,QAAQ;GAAY,CAC9C,EAC3B,oCAAC,4BAAyB,SAAS,EAAE,MAAM,QAAQ,aAAa,IAC7D,SACwB,CACT"}

package/dist/ExportSidesheet-W2A8XzwY.js

@@ -1,334 +0,0 @@
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
-import { n as SideSheet } from "./SideSheet-DVvhEo7C.js";
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import { i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
-import { t as AmbientCard } from "./AmbientCard-blAjLcmr.js";
-import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-wRBkHT3x.js";
-import { t as LinearProgress$1 } from "./LinearProgress-CpIjJmyf.js";
-import { t as FluentListItem } from "./FluentListItem-5WyrkkC4.js";
-import { t as AmbientAlert } from "./AmbientAlert-Dt_6PYSs.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-8tzDAwMl.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-W2A8XzwY.js.map

package/dist/ExportSidesheet-W2A8XzwY.js.map

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

package/dist/ExtenderToggle-h0uJXXsa.js

@@ -1,48 +0,0 @@
-import { t as Token } from "./Token-2qpMI6YU.js";
-import React from "react";
-import { Typography, makeStyles } from "@material-ui/core";
-import { ChevronDownIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/templates/ui/ExtenderToggle.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		borderRadius: "0px 0px 25px 25px ",
-		paddingRight: (props) => props.toggleLabel && theme.spacing(2),
-		background: (props) => props.color,
-		cursor: "pointer"
-	},
-	label: {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "flex-end",
-		color: (props) => theme?.palette?.getContrastText(props.color ? theme.palette?.secondary?.main : props.color)
-	},
-	token: { transform: (props) => props.open ? "rotateZ(-180deg)" : "rotateZ(0deg)" }
-}));
-const ExtenderToggle = (props) => {
-	const classes = useStyles(props);
-	const { onClick, toggleLabel, compact } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		className: !compact && classes.root,
-		onClick
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.token }, /* @__PURE__ */ React.createElement(Token, {
-		icon: ChevronDownIcon,
-		color: "default",
-		size: "small",
-		variant: "filled",
-		type: "icon",
-		compact
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", toggleLabel, " ")));
-};
-ExtenderToggle.propTypes = {
-	onClick: PropTypes.func,
-	toggleLabel: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { ExtenderToggle as t };
-//# sourceMappingURL=ExtenderToggle-h0uJXXsa.js.map