udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/MyExportsPage-C3PjlL4J.js

@@ -0,0 +1,229 @@
+import { useHandleAxiosSnackbar } from "./apiHelpers-Bju2gkBq.js";
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
+import { executeQueryWithParameters } from "./methodUtils-Bgi0VCWP.js";
+import { ActionsRenderer } from "./AmbientGridTemplate-B58pNLnZ.js";
+import { FluentDialog } from "./FluentDialog-DU5BAKwU.js";
+import { TableContainer } from "./TableContainer-DX7ylhSY.js";
+import { AmbientAutoComplete } from "./AmbientAutoComplete-BmBgMVpv.js";
+import { AmbientAlert } from "./AmbientAlert-Daw5MVak.js";
+import { EmptyStateDisplay } from "./EmptyStateDisplay-BMhnBskG.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { DownloadIcon, ErrorIcon, StatusCircleCheckmarkIcon } from "@fluentui/react-icons";
+
+//#region src/UI/templates/ui/renderers/StatusCellRenderer.jsx
+const StatusCellRenderer = (props) => {
+	const { value, getStatus, getLabel } = props;
+	const formattedLabel = (value$1) => {
+		return value$1?.replace(/([a-z])([A-Z])/g, "$1 $2")?.replace(/\b\w/g, (char) => char.toUpperCase());
+	};
+	return /* @__PURE__ */ React.createElement(StatusChip, {
+		status: getStatus(value),
+		label: getLabel ? formattedLabel(getLabel(value)) : formattedLabel(value)
+	});
+};
+
+//#endregion
+//#region src/udp/export/MyExportsPage.jsx
+const MyExportsPage = (props) => {
+	const { productId } = props;
+	const user = useUser();
+	const [product, setProduct] = useState();
+	const [downloadLinkLoading, setDownloadLinkLoading] = useState(false);
+	const [fileResultData, setFileResultData] = useState();
+	const [downloadOpen, setDownloadOpen] = useState(false);
+	const [noDownloadMethod, setNoDownloadMethod] = useState(false);
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const [{ data: products, loading: productsLoading }] = useAxiosGet(ConfigService.tenantV2ApiUrl, `tenant/products?tenantId=${user?.currentTenantId}&isSubscribable=${!user?.can?.CAN_MANAGE_CATALOGS_FOR_UNSUBSCRIBABLE_PRODUCTS}`, {}, !user);
+	const [{ data: apiCatalog, loading: catalogLoading, error: catalogError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${productId ? productId : product?.productId}`, {}, !(product || productId), false);
+	const [{ data: udpJobEntity, loading: jobEntityLoading }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apicatalog/${apiCatalog?.apiCatalogId}/promotedMethodEntities/udpJob/product/${apiCatalog?.productId}?compareSanitizedName=true`, {}, !apiCatalog?.productId || !apiCatalog?.apiCatalogId, false);
+	const refetchfileResultData = useCallback(async (selectedRecord) => {
+		if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {
+			setDownloadLinkLoading(true);
+			await executeQueryWithParameters({ data: { JobId: selectedRecord?.id } }, udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId).then((res) => {
+				setFileResultData(res.data);
+			}).catch((err) => {});
+			setDownloadLinkLoading(false);
+		} else setNoDownloadMethod(true);
+	}, [udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId]);
+	const handleSelectRecord = useCallback((data) => {
+		refetchfileResultData(data);
+		setDownloadOpen(true);
+	}, [refetchfileResultData]);
+	const getOptionLabel = (val) => {
+		return val?.name;
+	};
+	const handleProductChange = useCallback((val) => {
+		setProduct(val);
+	}, []);
+	const 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);
+			setDownloadOpen(false);
+			handleSuccessSnackbar("File successfully downloaded");
+		}
+	}, [fileResultData?.link, handleSuccessSnackbar]);
+	const getJobStatus = (value) => {
+		if (value === 1) return null;
+		else if (value === 2) return "info";
+		else if (value === 3) return "success";
+		else if (value === 4) return "error";
+	};
+	const getJobLabel = (value) => {
+		if (value === 1) return "Pending";
+		else if (value === 2) return "Running";
+		else if (value === 3) return "Completed";
+		else if (value === 4) return "Failed";
+	};
+	useEffect(() => {
+		if (catalogError) handleErrorSnackbar("", "Error fetching catalog for the selected product");
+	}, [catalogError, handleErrorSnackbar]);
+	const filterElements = useMemo(() => {
+		return [{
+			searchField: "jobTypeId",
+			searchOperator: "=",
+			searchValue: 2
+		}];
+	}, []);
+	const actionList = useMemo(() => {
+		return [{
+			id: 1,
+			title: "Download",
+			icon: DownloadIcon,
+			onClick: handleSelectRecord,
+			disabled: false,
+			checkDisabled: (value) => value?.statusId !== 3
+		}];
+	}, [handleSelectRecord]);
+	const columnDefs = useMemo(() => [
+		{
+			headerName: "Id",
+			sortable: true,
+			field: "id",
+			suppressMenu: true
+		},
+		{
+			headerName: "Name",
+			sortable: false,
+			field: "name",
+			minWidth: 140,
+			suppressMenu: true,
+			valueFormatter: (data) => getSanitizedName(data.data.name)
+		},
+		{
+			headerName: "Date",
+			sortable: false,
+			valueFormatter: (data) => new Date(data.data.startTime).toLocaleString(),
+			minWidth: 130,
+			suppressMenu: true
+		},
+		{
+			headerName: "Status",
+			field: "statusId",
+			wrapText: true,
+			autoHeight: true,
+			sortable: false,
+			cellRenderer: "statusCellRenderer",
+			cellRendererParams: {
+				getStatus: getJobStatus,
+				getLabel: getJobLabel
+			},
+			minWidth: 130,
+			maxWidth: 130,
+			suppressMenu: true
+		},
+		{
+			headerName: "Actions",
+			filter: false,
+			pinned: "right",
+			cellRenderer: "actionsRenderer",
+			width: 120,
+			maxWidth: 120,
+			cellRendererParams: {
+				actionList,
+				value: (data) => data
+			},
+			suppressMenu: true,
+			sortable: false,
+			cellStyle: {
+				display: "flex",
+				alignItems: "center"
+			}
+		}
+	], [actionList]);
+	return /* @__PURE__ */ React.createElement("div", null, udpJobEntity && !udpJobEntity?.unityBaseSearchMethod?.apiMethodId && /* @__PURE__ */ React.createElement(AmbientAlert, {
+		alertMessage: "UdpJob's search method must be promoted",
+		showAlert: true,
+		alertSeverity: "error"
+	}), !productId && /* @__PURE__ */ React.createElement("div", { style: { margin: "0px 5px 5px 5px" } }, /* @__PURE__ */ React.createElement(AmbientAutoComplete, {
+		isMultiple: false,
+		id: "product",
+		name: "product",
+		label: "Product",
+		onChange: handleProductChange,
+		options: products,
+		size: "small",
+		getOptionLabelFunction: getOptionLabel,
+		value: product,
+		required: true
+	})), /* @__PURE__ */ React.createElement(TableContainer, {
+		loading: productsLoading || catalogLoading || jobEntityLoading,
+		title: `Exports`,
+		isServerSide: true,
+		eagerLoad: false,
+		logicalSearchOperator: 2,
+		promotedEntity: udpJobEntity,
+		filterElements,
+		actionList,
+		customColumnDefs: columnDefs,
+		frameworkComponents: {
+			statusCellRenderer: StatusCellRenderer,
+			actionsRenderer: ActionsRenderer
+		},
+		hideSearchBar: true,
+		hiddenActionButtons: [
+			"saveView",
+			"views",
+			"insights",
+			"importExport",
+			"group",
+			"filter",
+			"columns",
+			"clearFilters",
+			"fitGrid",
+			"expandGrid"
+		],
+		height: "calc(100vh - 167px)",
+		dynamicSizing: true
+	}), /* @__PURE__ */ React.createElement(FluentDialog, {
+		actionOne: handleFileDownload,
+		actionTwo: () => setDownloadOpen(false),
+		labelOne: "Download",
+		labelTwo: "Cancel",
+		open: downloadOpen,
+		handleClose: () => setDownloadOpen(false),
+		disableOne: noDownloadMethod || downloadLinkLoading,
+		progress: downloadLinkLoading,
+		fullWidth: true
+	}, noDownloadMethod ? /* @__PURE__ */ React.createElement(AmbientAlert, {
+		alertMessage: "UdpJob's get file result method must be promoted",
+		showAlert: true,
+		alertSeverity: "error"
+	}) : downloadLinkLoading ? /* @__PURE__ */ React.createElement(EmptyStateDisplay, { primaryText: "Fetching download link..." }) : /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
+		icon: noDownloadMethod ? ErrorIcon : StatusCircleCheckmarkIcon,
+		primaryText: !noDownloadMethod && "File is ready to download!"
+	})));
+};
+var MyExportsPage_default = MyExportsPage;
+
+//#endregion
+export { MyExportsPage, MyExportsPage_default, StatusCellRenderer };
+//# sourceMappingURL=MyExportsPage-C3PjlL4J.js.map

package/dist/MyExportsPage-C3PjlL4J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyExportsPage-C3PjlL4J.js","names":["value"],"sources":["../src/UI/templates/ui/renderers/StatusCellRenderer.jsx","../src/udp/export/MyExportsPage.jsx"],"sourcesContent":["import React from 'react';\nimport { StatusChip } from '../../../dataDisplay/StatusChip';\n\nexport const StatusCellRenderer = props => {\n  const { value, getStatus, getLabel } = props;\n  const formattedLabel = value => {\n    return value\n      ?.replace(/([a-z])([A-Z])/g, '$1 $2')\n      ?.replace(/\\b\\w/g, char => char.toUpperCase());\n  };\n  return (\n    <StatusChip\n      status={getStatus(value)}\n      label={getLabel ? formattedLabel(getLabel(value)) : formattedLabel(value)}\n    />\n  );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport {\n  StatusCircleCheckmarkIcon,\n  ErrorIcon,\n  DownloadIcon\n} from '@fluentui/react-icons';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { FluentDialog } from '../../UI/feedback/FluentDialog';\nimport { EmptyStateDisplay } from '../../UI/dataDisplay/EmptyStateDisplay';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { AmbientAlert } from '../../UI/feedback/AmbientAlert';\nimport { TableContainer } from '../../maintenanceEngine/tableBrowser/TableContainer';\nimport { StatusCellRenderer } from '../../UI/templates/ui/renderers/StatusCellRenderer';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { executeQueryWithParameters } from '../utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const MyExportsPage = (props) => {\n  const { productId } = props;\n  const user = useUser();\n  const [product, setProduct] = useState();\n  const [downloadLinkLoading, setDownloadLinkLoading] = useState(false);\n  const [fileResultData, setFileResultData] = useState();\n  const [downloadOpen, setDownloadOpen] = useState(false);\n  const [noDownloadMethod, setNoDownloadMethod] = useState(false);\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const [{ data: products, loading: productsLoading }] = useAxiosGet(\n    ConfigService.tenantV2ApiUrl,\n    `tenant/products?tenantId=${user?.currentTenantId}&isSubscribable=${!user\n      ?.can?.CAN_MANAGE_CATALOGS_FOR_UNSUBSCRIBABLE_PRODUCTS}`,\n    {},\n    !user\n  );\n\n  const [{ data: apiCatalog, loading: catalogLoading, error: catalogError }] =\n    useAxiosGet(\n      ConfigService.integrationV1ApiUrl,\n      `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${\n        productId ? productId : product?.productId\n      }`,\n      {},\n      !(product || productId),\n      false\n    );\n\n  const [{ data: udpJobEntity, loading: jobEntityLoading }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${apiCatalog?.apiCatalogId}/promotedMethodEntities/udpJob/product/${apiCatalog?.productId}?compareSanitizedName=true`,\n    {},\n    !apiCatalog?.productId || !apiCatalog?.apiCatalogId,\n    false\n  );\n\n  const refetchfileResultData = useCallback(\n    async (selectedRecord) => {\n      if (udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId) {\n        setDownloadLinkLoading(true);\n        await executeQueryWithParameters(\n          {\n            data: { JobId: selectedRecord?.id }\n          },\n          udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId\n        )\n          .then((res) => {\n            setFileResultData(res.data);\n          })\n          .catch((err) => {});\n        setDownloadLinkLoading(false);\n      } else {\n        setNoDownloadMethod(true);\n      }\n    },\n    [udpJobEntity?.unityBaseGetFileResultMethod?.apiMethodId]\n  );\n\n  const handleSelectRecord = useCallback(\n    (data) => {\n      refetchfileResultData(data);\n      setDownloadOpen(true);\n    },\n    [refetchfileResultData]\n  );\n\n  const getOptionLabel = (val) => {\n    return val?.name;\n  };\n\n  const handleProductChange = useCallback((val) => {\n    setProduct(val);\n  }, []);\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      setDownloadOpen(false);\n      handleSuccessSnackbar('File successfully downloaded');\n    }\n  }, [fileResultData?.link, handleSuccessSnackbar]);\n\n  const getJobStatus = (value) => {\n    if (value === 1) {\n      return null;\n    } else if (value === 2) {\n      return 'info';\n    } else if (value === 3) {\n      return 'success';\n    } else if (value === 4) {\n      return 'error';\n    }\n  };\n\n  const getJobLabel = (value) => {\n    if (value === 1) {\n      return 'Pending';\n    } else if (value === 2) {\n      return 'Running';\n    } else if (value === 3) {\n      return 'Completed';\n    } else if (value === 4) {\n      return 'Failed';\n    }\n  };\n\n  useEffect(() => {\n    if (catalogError) {\n      handleErrorSnackbar(\n        '',\n        'Error fetching catalog for the selected product'\n      );\n    }\n  }, [catalogError, handleErrorSnackbar]);\n\n  const filterElements = useMemo(() => {\n    return [\n      {\n        searchField: 'jobTypeId',\n        searchOperator: '=',\n        searchValue: 2\n      }\n    ];\n  }, []);\n\n  const actionList = useMemo(() => {\n    return [\n      {\n        id: 1,\n        title: 'Download',\n        icon: DownloadIcon,\n        onClick: handleSelectRecord,\n        disabled: false,\n        checkDisabled: (value) => value?.statusId !== 3\n      }\n    ];\n  }, [handleSelectRecord]);\n\n  const columnDefs = useMemo(\n    () => [\n      {\n        headerName: 'Id',\n        sortable: true,\n        field: 'id',\n        suppressMenu: true\n      },\n      {\n        headerName: 'Name',\n        sortable: false,\n        field: 'name',\n        minWidth: 140,\n        suppressMenu: true,\n        valueFormatter: (data) => getSanitizedName(data.data.name)\n      },\n      {\n        headerName: 'Date',\n        sortable: false,\n        valueFormatter: (data) =>\n          new Date(data.data.startTime).toLocaleString(),\n        minWidth: 130,\n        suppressMenu: true\n        //sort: 'desc',\n      },\n      {\n        headerName: 'Status',\n        field: 'statusId',\n        wrapText: true,\n        autoHeight: true,\n        sortable: false,\n        cellRenderer: 'statusCellRenderer',\n        cellRendererParams: { getStatus: getJobStatus, getLabel: getJobLabel },\n        minWidth: 130,\n        maxWidth: 130,\n        suppressMenu: true\n      },\n\n      {\n        headerName: 'Actions',\n        filter: false,\n        pinned: 'right',\n        cellRenderer: 'actionsRenderer',\n        width: 120,\n        maxWidth: 120,\n        cellRendererParams: {\n          actionList: actionList,\n          value: (data) => data\n        },\n        suppressMenu: true,\n        sortable: false,\n        cellStyle: { display: 'flex', alignItems: 'center' }\n      }\n    ],\n    [actionList]\n  );\n\n  return (\n    <div>\n      {udpJobEntity && !udpJobEntity?.unityBaseSearchMethod?.apiMethodId && (\n        <AmbientAlert\n          alertMessage={\"UdpJob's search method must be promoted\"}\n          showAlert={true}\n          alertSeverity={'error'}\n        />\n      )}\n\n      {!productId && (\n        <div style={{ margin: '0px 5px 5px 5px' }}>\n          <AmbientAutoComplete\n            isMultiple={false}\n            id={'product'}\n            name={'product'}\n            label='Product'\n            onChange={handleProductChange}\n            options={products}\n            size='small'\n            getOptionLabelFunction={getOptionLabel}\n            value={product}\n            required\n          />\n        </div>\n      )}\n      <TableContainer\n        loading={productsLoading || catalogLoading || jobEntityLoading}\n        title={`Exports`}\n        isServerSide={true}\n        eagerLoad={false}\n        logicalSearchOperator={2}\n        promotedEntity={udpJobEntity}\n        filterElements={filterElements}\n        actionList={actionList}\n        customColumnDefs={columnDefs}\n        frameworkComponents={{\n          statusCellRenderer: StatusCellRenderer,\n          actionsRenderer: ActionsRenderer\n        }}\n        hideSearchBar\n        hiddenActionButtons={[\n          'saveView',\n          'views',\n          'insights',\n          'importExport',\n          'group',\n          'filter',\n          'columns',\n          'clearFilters',\n          'fitGrid',\n          'expandGrid'\n        ]}\n        height={'calc(100vh - 167px)'}\n        dynamicSizing\n      />\n      <FluentDialog\n        actionOne={handleFileDownload}\n        actionTwo={() => setDownloadOpen(false)}\n        labelOne='Download'\n        labelTwo='Cancel'\n        open={downloadOpen}\n        handleClose={() => setDownloadOpen(false)}\n        disableOne={noDownloadMethod || downloadLinkLoading}\n        progress={downloadLinkLoading}\n        fullWidth\n      >\n        {noDownloadMethod ? (\n          <AmbientAlert\n            alertMessage={\"UdpJob's get file result method must be promoted\"}\n            showAlert={true}\n            alertSeverity={'error'}\n          />\n        ) : downloadLinkLoading ? (\n          <EmptyStateDisplay primaryText={'Fetching download link...'} />\n        ) : (\n          <EmptyStateDisplay\n            icon={noDownloadMethod ? ErrorIcon : StatusCircleCheckmarkIcon}\n            primaryText={!noDownloadMethod && 'File is ready to download!'}\n          />\n        )}\n      </FluentDialog>\n    </div>\n  );\n};\n\nexport default MyExportsPage;\n"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAa,sBAAqB,UAAS;CACzC,MAAM,EAAE,OAAO,WAAW,aAAa;CACvC,MAAM,kBAAiB,YAAS;AAC9B,SAAOA,SACH,QAAQ,mBAAmB,QAAQ,EACnC,QAAQ,UAAS,SAAQ,KAAK,aAAa,CAAC;;AAElD,QACE,oCAAC;EACC,QAAQ,UAAU,MAAM;EACxB,OAAO,WAAW,eAAe,SAAS,MAAM,CAAC,GAAG,eAAe,MAAM;GACzE;;;;;ACMN,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,cAAc;CACtB,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,SAAS,cAAc,UAAU;CACxC,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,CAAC,gBAAgB,qBAAqB,UAAU;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,MAAM;CAE/D,MAAM,EAAE,qBAAqB,0BAC3B,wBAAwB;CAE1B,MAAM,CAAC,EAAE,MAAM,UAAU,SAAS,qBAAqB,YACrD,cAAc,gBACd,4BAA4B,MAAM,gBAAgB,kBAAkB,CAAC,MACjE,KAAK,mDACT,EAAE,EACF,CAAC,KACF;CAED,MAAM,CAAC,EAAE,MAAM,YAAY,SAAS,gBAAgB,OAAO,kBACzD,YACE,cAAc,qBACd,sCAAsC,MAAM,gBAAgB,WAC1D,YAAY,YAAY,SAAS,aAEnC,EAAE,EACF,EAAE,WAAW,YACb,MACD;CAEH,MAAM,CAAC,EAAE,MAAM,cAAc,SAAS,sBAAsB,YAC1D,cAAc,qBACd,cAAc,YAAY,aAAa,yCAAyC,YAAY,UAAU,6BACtG,EAAE,EACF,CAAC,YAAY,aAAa,CAAC,YAAY,cACvC,MACD;CAED,MAAM,wBAAwB,YAC5B,OAAO,mBAAmB;AACxB,MAAI,cAAc,8BAA8B,aAAa;AAC3D,0BAAuB,KAAK;AAC5B,SAAM,2BACJ,EACE,MAAM,EAAE,OAAO,gBAAgB,IAAI,EACpC,EACD,cAAc,8BAA8B,YAC7C,CACE,MAAM,QAAQ;AACb,sBAAkB,IAAI,KAAK;KAC3B,CACD,OAAO,QAAQ,GAAG;AACrB,0BAAuB,MAAM;QAE7B,qBAAoB,KAAK;IAG7B,CAAC,cAAc,8BAA8B,YAAY,CAC1D;CAED,MAAM,qBAAqB,aACxB,SAAS;AACR,wBAAsB,KAAK;AAC3B,kBAAgB,KAAK;IAEvB,CAAC,sBAAsB,CACxB;CAED,MAAM,kBAAkB,QAAQ;AAC9B,SAAO,KAAK;;CAGd,MAAM,sBAAsB,aAAa,QAAQ;AAC/C,aAAW,IAAI;IACd,EAAE,CAAC;CAEN,MAAM,qBAAqB,kBAAkB;AAC3C,MAAI,gBAAgB,MAAM;GACxB,MAAM,OAAO,SAAS,cAAc,IAAI;AACxC,QAAK,OAAO,gBAAgB;AAC5B,QAAK,WAAW;AAChB,YAAS,KAAK,YAAY,KAAK;AAC/B,QAAK,OAAO;AACZ,YAAS,KAAK,YAAY,KAAK;AAC/B,mBAAgB,MAAM;AACtB,yBAAsB,+BAA+B;;IAEtD,CAAC,gBAAgB,MAAM,sBAAsB,CAAC;CAEjD,MAAM,gBAAgB,UAAU;AAC9B,MAAI,UAAU,EACZ,QAAO;WACE,UAAU,EACnB,QAAO;WACE,UAAU,EACnB,QAAO;WACE,UAAU,EACnB,QAAO;;CAIX,MAAM,eAAe,UAAU;AAC7B,MAAI,UAAU,EACZ,QAAO;WACE,UAAU,EACnB,QAAO;WACE,UAAU,EACnB,QAAO;WACE,UAAU,EACnB,QAAO;;AAIX,iBAAgB;AACd,MAAI,aACF,qBACE,IACA,kDACD;IAEF,CAAC,cAAc,oBAAoB,CAAC;CAEvC,MAAM,iBAAiB,cAAc;AACnC,SAAO,CACL;GACE,aAAa;GACb,gBAAgB;GAChB,aAAa;GACd,CACF;IACA,EAAE,CAAC;CAEN,MAAM,aAAa,cAAc;AAC/B,SAAO,CACL;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,SAAS;GACT,UAAU;GACV,gBAAgB,UAAU,OAAO,aAAa;GAC/C,CACF;IACA,CAAC,mBAAmB,CAAC;CAExB,MAAM,aAAa,cACX;EACJ;GACE,YAAY;GACZ,UAAU;GACV,OAAO;GACP,cAAc;GACf;EACD;GACE,YAAY;GACZ,UAAU;GACV,OAAO;GACP,UAAU;GACV,cAAc;GACd,iBAAiB,SAAS,iBAAiB,KAAK,KAAK,KAAK;GAC3D;EACD;GACE,YAAY;GACZ,UAAU;GACV,iBAAiB,SACf,IAAI,KAAK,KAAK,KAAK,UAAU,CAAC,gBAAgB;GAChD,UAAU;GACV,cAAc;GAEf;EACD;GACE,YAAY;GACZ,OAAO;GACP,UAAU;GACV,YAAY;GACZ,UAAU;GACV,cAAc;GACd,oBAAoB;IAAE,WAAW;IAAc,UAAU;IAAa;GACtE,UAAU;GACV,UAAU;GACV,cAAc;GACf;EAED;GACE,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,cAAc;GACd,OAAO;GACP,UAAU;GACV,oBAAoB;IACN;IACZ,QAAQ,SAAS;IAClB;GACD,cAAc;GACd,UAAU;GACV,WAAW;IAAE,SAAS;IAAQ,YAAY;IAAU;GACrD;EACF,EACD,CAAC,WAAW,CACb;AAED,QACE,oCAAC,aACE,gBAAgB,CAAC,cAAc,uBAAuB,eACrD,oCAAC;EACC,cAAc;EACd,WAAW;EACX,eAAe;GACf,EAGH,CAAC,aACA,oCAAC,SAAI,OAAO,EAAE,QAAQ,mBAAmB,IACvC,oCAAC;EACC,YAAY;EACZ,IAAI;EACJ,MAAM;EACN,OAAM;EACN,UAAU;EACV,SAAS;EACT,MAAK;EACL,wBAAwB;EACxB,OAAO;EACP;GACA,CACE,EAER,oCAAC;EACC,SAAS,mBAAmB,kBAAkB;EAC9C,OAAO;EACP,cAAc;EACd,WAAW;EACX,uBAAuB;EACvB,gBAAgB;EACA;EACJ;EACZ,kBAAkB;EAClB,qBAAqB;GACnB,oBAAoB;GACpB,iBAAiB;GAClB;EACD;EACA,qBAAqB;GACnB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,QAAQ;EACR;GACA,EACF,oCAAC;EACC,WAAW;EACX,iBAAiB,gBAAgB,MAAM;EACvC,UAAS;EACT,UAAS;EACT,MAAM;EACN,mBAAmB,gBAAgB,MAAM;EACzC,YAAY,oBAAoB;EAChC,UAAU;EACV;IAEC,mBACC,oCAAC;EACC,cAAc;EACd,WAAW;EACX,eAAe;GACf,GACA,sBACF,oCAAC,qBAAkB,aAAa,8BAA+B,GAE/D,oCAAC;EACC,MAAM,mBAAmB,YAAY;EACrC,aAAa,CAAC,oBAAoB;GAClC,CAES,CACX;;AAIV,4BAAe"}

package/dist/MyExportsPage-DbH8z4-2.js

@@ -0,0 +1,65 @@
+import "./AgTable-0F_xrxvX.js";
+import "./FormButtons-BL9d-T3e.js";
+import "./Field-Idoc1A5M.js";
+import "./form-CiiauVLk.js";
+import "./FluentButton-h_8VjXGT.js";
+import "./CrudBrowserUtilities-Cm_FNdfE.js";
+import "./apiHelpers-Bju2gkBq.js";
+import "./pageEnums-CT6NFA8B.js";
+import "./UnitySessionStorage-DBqfMiK5.js";
+import "./axiosInterceptors-Dn_haR1Q.js";
+import "./useUser-Cn88hlN_.js";
+import "./useAxiosMutate-BiRO7ZCN.js";
+import "./StringUtilities-DyjYA5pU.js";
+import "./FluentIcon-CB-ANF6C.js";
+import "./FluentIconButton-le92OnEc.js";
+import "./entityUtilities-D7_FeTEd.js";
+import "./unitySystemEnums-DXk8yS3v.js";
+import "./UnityFluentIcon-fuqAQh0C.js";
+import "./ActionLoadingDispatchContext-BnmdA_n3.js";
+import "./actionUtils-7dmb-PYX.js";
+import "./inquiryStore-COAx0QBg.js";
+import "./catalogStore-DDyUXvDn.js";
+import "./shellStore-Bqwtbs_K.js";
+import "./useActions-C4qJAr_e.js";
+import "./PrimaryActionButton-CQXyHAeG.js";
+import "./colors-VLk-T125.js";
+import "./colorConverter-sleh0lAZ.js";
+import "./Typography-6jelcyoY.js";
+import "./SearchUtilities-CxVn31Ak.js";
+import "./LayoutUnit-fGVQwt6Y.js";
+import "./StandardTitle-DkEO3oI5.js";
+import "./SideSheetHeader-DomTDjrB.js";
+import "./SideSheet-BhKZOd2G.js";
+import "./useAxiosGet-CAH3ZOZ8.js";
+import "./useId-Dfv7qFlj.js";
+import "./StatusChip-Bw-0wE_B.js";
+import "./methodUtils-Bgi0VCWP.js";
+import "./tenantContext-Bh6_Lj9T.js";
+import "./useTenant-BGWpH8AX.js";
+import "./EnvironmentRibbon-CPm8YnJ4.js";
+import "./AmbientTextField-BHfLW2L3.js";
+import "./Ellipse-q1-sPjh3.js";
+import "./GridGroupingSidebar-nHJQULrr.js";
+import "./AmbientTokenButton-CpdlLmsF.js";
+import "./Token-DOIAu9p4.js";
+import "./AmbientToggleButton-C-7jtLY0.js";
+import "./isValueSelected-BfNYVyaD.js";
+import "./AmbientToggleButtonGroupDefault-JAnbpfxZ.js";
+import "./AmbientGridTemplate-B58pNLnZ.js";
+import "./AmbientChipButton-C2KvNywY.js";
+import "./FluentDialog-DU5BAKwU.js";
+import "./GridFunctions-Dx91xe8e.js";
+import "./useDynamicListCalculation-B4erIwyM.js";
+import "./DynamicContainerWithMenu-CQLpIY2A.js";
+import "./IconButtonWithToolTip-DQacH9wQ.js";
+import "./HintPanel-DkMCmuP2.js";
+import "./SearchOperator-BLSwbmXG.js";
+import "./TableContainer-DX7ylhSY.js";
+import "./SearchServiceDatasource-C-eLl_u3.js";
+import "./AmbientAutoComplete-BmBgMVpv.js";
+import "./AmbientAlert-Daw5MVak.js";
+import "./EmptyStateDisplay-BMhnBskG.js";
+import { MyExportsPage, MyExportsPage_default } from "./MyExportsPage-C3PjlL4J.js";
+
+export { MyExportsPage, MyExportsPage_default as default };

package/dist/NestedGrid-qYvtjvQd.js

@@ -0,0 +1,84 @@
+import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
+import React, { Fragment } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { CalculatorMultiplyIcon, PaddingLeftIcon, PaddingRightIcon, TimerIcon } from "@fluentui/react-icons";
+
+//#region src/UI/surfaces/NestedGrid/NestedGrid.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { marginTop: 32 },
+	nestedWrapper: { display: "grid" },
+	columnAdornment: {
+		borderLeft: `4px solid ${theme.palette.secondary.main}`,
+		borderTop: `4px solid ${theme.palette.secondary.main}`
+	},
+	detailHeader: {
+		padding: theme.spacing(1),
+		color: "white",
+		background: theme.palette.grey.dark
+	},
+	detailHeaderActive: { background: theme.palette.secondary.main },
+	columnHeaderWrapper: { display: "flex" },
+	columnTitle: {
+		flex: 1,
+		display: "flex",
+		paddingTop: theme.spacing(1)
+	},
+	icon: { color: theme.palette.common.white },
+	expandIcon: {
+		marginLeft: theme.spacing(2),
+		marginTop: theme.spacing(-1)
+	}
+}));
+const NestParent = ({ parentTitle, children, showDetail }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, showDetail && /* @__PURE__ */ React.createElement("div", { className: classes.detailHeader }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, " ", parentTitle, " ")), children);
+};
+const NestWrapper = ({ children, columnFr }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classes.nestedWrapper,
+		style: { gridTemplateColumns: `1fr ${columnFr}fr` }
+	}, children);
+};
+const toggleHeader = (type, setShowDetail, setColumnFr) => {
+	if (type === "open") {
+		setShowDetail(true);
+		setColumnFr(4);
+	} else {
+		setShowDetail(false);
+		setColumnFr(0);
+	}
+};
+const NestedGrid = ({ children, setShowDetail, setColumnFr, columnFr, childTitle, showDetail }) => {
+	const classes = useStyles();
+	const toggleHeader$1 = (type) => {
+		if (type === "open") {
+			setShowDetail(true);
+			setColumnFr(4);
+		} else {
+			setShowDetail(false);
+			setColumnFr(0);
+		}
+	};
+	const toggleWide = () => {
+		if (columnFr === 4) setColumnFr(1);
+		else setColumnFr(4);
+	};
+	return /* @__PURE__ */ React.createElement(Fragment, null, showDetail && /* @__PURE__ */ React.createElement("div", { className: classes.columnAdornment }, /* @__PURE__ */ React.createElement("div", { className: clsx(classes.detailHeader, classes.detailHeaderActive) }, /* @__PURE__ */ React.createElement("div", { className: classes.columnHeaderWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.columnTitle }, /* @__PURE__ */ React.createElement(TimerIcon, { style: { marginRight: 8 } }), /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, childTitle), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: clsx(classes.icon, classes.expandIcon),
+		icon: columnFr === 4 ? PaddingRightIcon : PaddingLeftIcon,
+		onClick: toggleWide
+	}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		style: {
+			color: "white",
+			marginRight: 8
+		},
+		icon: CalculatorMultiplyIcon,
+		onClick: () => toggleHeader$1("close")
+	})))), children));
+};
+
+//#endregion
+export { NestParent, NestWrapper, NestedGrid, toggleHeader };
+//# sourceMappingURL=NestedGrid-qYvtjvQd.js.map

package/dist/NestedGrid-qYvtjvQd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedGrid-qYvtjvQd.js","names":["toggleHeader"],"sources":["../src/UI/surfaces/NestedGrid/NestedGrid.jsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport clsx from 'clsx'\nimport {\n  CalculatorMultiplyIcon,\n  TimerIcon,\n  PaddingRightIcon,\n  PaddingLeftIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: 32\n  },\n  nestedWrapper: {\n    display: 'grid'\n  },\n  columnAdornment: {\n    borderLeft: `4px solid ${theme.palette.secondary.main}`,\n    borderTop: `4px solid ${theme.palette.secondary.main}`\n  },\n  detailHeader: {\n    padding: theme.spacing(1),\n    color: 'white',\n    background: theme.palette.grey.dark\n  },\n  detailHeaderActive: {\n    background: theme.palette.secondary.main\n  },\n  columnHeaderWrapper: {\n    display: 'flex'\n  },\n  columnTitle: {\n    flex: 1,\n    display: 'flex',\n    paddingTop: theme.spacing(1)\n  },\n  icon: {\n    color: theme.palette.common.white\n  },\n  expandIcon: {\n    marginLeft: theme.spacing(2),\n    marginTop: theme.spacing(-1)\n  }\n}))\n\nexport const NestParent = ({ parentTitle, children, showDetail }) => {\n  const classes = useStyles()\n  return (\n    <div className={classes.root}>\n      {showDetail && (\n        <div className={classes.detailHeader}>\n          <Typography variant='subtitle2'> {parentTitle} </Typography>\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport const NestWrapper = ({ children, columnFr }) => {\n  const classes = useStyles()\n  return (\n    <div\n      className={classes.nestedWrapper}\n      style={{ gridTemplateColumns: `1fr ${columnFr}fr` }}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport const toggleHeader = (\n  type,\n  setShowDetail,\n  setColumnFr\n  // setSplitGrid\n) => {\n  if (type === 'open') {\n    setShowDetail(true)\n    setColumnFr(4)\n    // setSplitGrid(true)\n  } else {\n    setShowDetail(false)\n    setColumnFr(0)\n  }\n}\n\nexport const NestedGrid = ({\n  children,\n  setShowDetail,\n  setColumnFr,\n  // setSplitGrid,\n  columnFr,\n  childTitle,\n  showDetail\n}) => {\n  const classes = useStyles()\n  const toggleHeader = (type) => {\n    if (type === 'open') {\n      setShowDetail(true)\n      setColumnFr(4)\n      // setSplitGrid(true)\n    } else {\n      setShowDetail(false)\n      setColumnFr(0)\n    }\n  }\n\n  const toggleWide = () => {\n    if (columnFr === 4) {\n      setColumnFr(1)\n    } else {\n      setColumnFr(4)\n    }\n  }\n\n  return (\n    <Fragment>\n      {showDetail && (\n        <div className={classes.columnAdornment}>\n          <div\n            className={clsx(classes.detailHeader, classes.detailHeaderActive)}\n          >\n            <div className={classes.columnHeaderWrapper}>\n              <div className={classes.columnTitle}>\n                <TimerIcon style={{ marginRight: 8 }} />\n                <Typography variant='subtitle2'>{childTitle}</Typography>\n                <div>\n                  <FluentIconButton\n                    className={clsx(classes.icon, classes.expandIcon)}\n                    icon={columnFr === 4 ? PaddingRightIcon : PaddingLeftIcon}\n                    onClick={toggleWide}\n                  />\n                </div>\n              </div>\n              <div>\n                <FluentIconButton\n                  style={{ color: 'white', marginRight: 8 }}\n                  icon={CalculatorMultiplyIcon}\n                  onClick={() => toggleHeader('close')}\n                />\n              </div>\n            </div>\n          </div>\n          {children}\n        </div>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":";;;;;;;AAWA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,WAAW,IACZ;CACD,eAAe,EACb,SAAS,QACV;CACD,iBAAiB;EACf,YAAY,aAAa,MAAM,QAAQ,UAAU;EACjD,WAAW,aAAa,MAAM,QAAQ,UAAU;EACjD;CACD,cAAc;EACZ,SAAS,MAAM,QAAQ,EAAE;EACzB,OAAO;EACP,YAAY,MAAM,QAAQ,KAAK;EAChC;CACD,oBAAoB,EAClB,YAAY,MAAM,QAAQ,UAAU,MACrC;CACD,qBAAqB,EACnB,SAAS,QACV;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACT,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACD,MAAM,EACJ,OAAO,MAAM,QAAQ,OAAO,OAC7B;CACD,YAAY;EACV,YAAY,MAAM,QAAQ,EAAE;EAC5B,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACF,EAAE;AAEH,MAAa,cAAc,EAAE,aAAa,UAAU,iBAAiB;CACnE,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,cACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,SAAQ,eAAY,KAAE,aAAY,IAAc,CACxD,EAEP,SACG;;AAIV,MAAa,eAAe,EAAE,UAAU,eAAe;CACrD,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,qBAAqB,OAAO,SAAS,KAAK;IAElD,SACG;;AAIV,MAAa,gBACX,MACA,eACA,gBAEG;AACH,KAAI,SAAS,QAAQ;AACnB,gBAAc,KAAK;AACnB,cAAY,EAAE;QAET;AACL,gBAAc,MAAM;AACpB,cAAY,EAAE;;;AAIlB,MAAa,cAAc,EACzB,UACA,eACA,aAEA,UACA,YACA,iBACI;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAMA,kBAAgB,SAAS;AAC7B,MAAI,SAAS,QAAQ;AACnB,iBAAc,KAAK;AACnB,eAAY,EAAE;SAET;AACL,iBAAc,MAAM;AACpB,eAAY,EAAE;;;CAIlB,MAAM,mBAAmB;AACvB,MAAI,aAAa,EACf,aAAY,EAAE;MAEd,aAAY,EAAE;;AAIlB,QACE,oCAAC,gBACE,cACC,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC,SACC,WAAW,KAAK,QAAQ,cAAc,QAAQ,mBAAmB,IAEjE,oCAAC,SAAI,WAAW,QAAQ,uBACtB,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,aAAU,OAAO,EAAE,aAAa,GAAG,GAAI,EACxC,oCAAC,cAAW,SAAQ,eAAa,WAAwB,EACzD,oCAAC,aACC,oCAAC;EACC,WAAW,KAAK,QAAQ,MAAM,QAAQ,WAAW;EACjD,MAAM,aAAa,IAAI,mBAAmB;EAC1C,SAAS;GACT,CACE,CACF,EACN,oCAAC,aACC,oCAAC;EACC,OAAO;GAAE,OAAO;GAAS,aAAa;GAAG;EACzC,MAAM;EACN,eAAeA,eAAa,QAAQ;GACpC,CACE,CACF,CACF,EACL,SACG,CAEC"}