udp-react-enterprise-component-library 25.18.0 → 25.18.1-beta.10

package/dist/AmbientGridTemplate-CDj051YK.js

@@ -0,0 +1,458 @@
+import { r as useAgGridApi, t as AgTable } from "./AgTable-B2xTzAm2.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-q_ZpG98Z.js";
+import { n as useActions } from "./useActions-CBGNxEKr.js";
+import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
+import { t as GridGroupingSidebar } from "./GridGroupingSidebar-D-ozXbff.js";
+import { a as GridActionBar, i as GridPrimaryBar, n as ChipSection, r as SaveViewFormDialog, t as BulkActionsGridButton } from "./BulkActionsGridButton-C2Nwb7c6.js";
+import { i as onFirstDataRendered } from "./GridFunctions-BmV2e-nR.js";
+import { t as FilterOperators } from "./SearchOperator-D9838PIe.js";
+import React, { useCallback, useEffect, useState } from "react";
+import { Grow, LinearProgress, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import "./style.css";
+import { ServerSideRowModelModule } from "@ag-grid-enterprise/server-side-row-model";
+import invariant from "invariant";
+
+//#region src/UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	pab: {
+		display: "flex",
+		[theme.breakpoints.between("xs", "sm")]: {
+			position: "fixed",
+			bottom: theme.spacing(2),
+			right: theme.spacing(2),
+			zIndex: theme.zIndex.appBar
+		}
+	},
+	groupSideBar: { width: 225 },
+	gridApi: { display: "flex" }
+}));
+const AmbientGridTemplate = (props) => {
+	const { additionalFilters, api, apiMethod, applicationName, bulkActionFunctions, clearGridConfig, columnApi, columnDefs, data, defaultAutoSize, deleteGridConfig, disablePagination, disableDynamicSizing, disableRowSelection, entityName, filterChips = [], filters, frameworkComponents, gridReady, gridId, groupingData, height, hideFitGrid, hideExpandGrid, hideExportGrid, hideRemoveFilters, hideFilterTab, hideGroupTab, hideColumnTab, hideSearchBar, hiddenLabels, hiddenActionButtons = [], kpiValues = [], loading = false, onRowSelected, onSearch, onPrimaryActionClick, paginationPageSize = 20, primaryActionButton, primaryActionDisabled, primaryActionLabel, primaryActionIcon, rowModelType = "clientSide", rowNodeIdName, saveGridConfig, scrollToTopOnStateChange, secondaryActionButtons, title, tenantName, hideHeader, useNewHeader, insightsClick, user, id, udprecordid, additionalGridOptions = {}, headerBackgroundColor, onSearchKeyDown, ...otherGridProps } = props;
+	const classes = useStyles();
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const [isVisible, setIsVisible] = useState();
+	const [sidebarIsVisible, setSidebarIsVisible] = useState(false);
+	const [showGroupOptions, setShowGroupOptions] = useState(false);
+	const [selectedRow, setSelectedRow] = useState(null);
+	const [value, setValue] = useState(0);
+	const [saveViewOpen, setSaveViewOpen] = useState(false);
+	const [defaultViews, setDefaultViews] = useState([]);
+	const [viewsOpen, setViewsOpen] = useState(false);
+	const [agGridOptions, setAgGridOptions] = useState({
+		frameworkComponents,
+		suppressScrollOnNewData: !scrollToTopOnStateChange,
+		...additionalGridOptions
+	});
+	const gApi = api || gridApi;
+	const gcApi = columnApi || gridColumnApi;
+	const [viewChips, setViewChips] = useState([]);
+	const [additionalFilterChips, setAdditionalFilterChips] = useState(additionalFilters);
+	const [columnDefsValues, setColumnDefsValues] = useState(null);
+	const [selectedView, setSelectedView] = useState(null);
+	const [viewsRowData, setViewsRowData] = useState(null);
+	const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();
+	const [numSelectedRows, setNumSelectedRows] = useState(0);
+	const [domain, setDomain] = useState(null);
+	const [apiCatalogId, setApiCatalogId] = useState(null);
+	const { triggerAction } = useActions();
+	useEffect(() => {
+		if (apiMethod) {
+			setDomain(apiMethod.entityName);
+			setApiCatalogId(apiMethod.apiCatalogId);
+		}
+	}, [
+		apiMethod,
+		setDomain,
+		setApiCatalogId
+	]);
+	const defaultColActionsDef = {
+		resizable: true,
+		editable: false,
+		sortable: true,
+		filter: true,
+		floatingFilter: false,
+		enableRowGroup: true,
+		filterParams: { filterOptions: rowModelType === "serverSide" ? Object.keys(FilterOperators) : void 0 }
+	};
+	const handleChange = (event, newValue) => {
+		event.preventDefault();
+		setValue((preValue) => {
+			if (newValue === preValue && newValue !== 1) gApi.setSideBarVisible(!gApi.isSideBarVisible());
+			else if (newValue === 0) {
+				gApi.setSideBarVisible(true);
+				gApi.openToolPanel("filters");
+				setShowGroupOptions(false);
+			} else if (newValue === 1) {
+				showGrouping();
+				gApi.setSideBarVisible(false);
+			} else {
+				gApi.setSideBarVisible(true);
+				gApi.openToolPanel("columns");
+				setShowGroupOptions(false);
+			}
+			return newValue;
+		});
+	};
+	const onFilterClick = (event) => {
+		event.preventDefault();
+		gApi.setSideBarVisible(!gApi.isSideBarVisible());
+		gApi.openToolPanel("filters");
+		setShowGroupOptions(false);
+		setValue(0);
+		setSidebarIsVisible(!sidebarIsVisible);
+	};
+	const onColumnsClick = (event) => {
+		event.preventDefault();
+		gApi.setSideBarVisible(!gApi.isSideBarVisible());
+		gApi.openToolPanel("columns");
+		setShowGroupOptions(false);
+		setValue(2);
+		setSidebarIsVisible(!sidebarIsVisible);
+	};
+	const emptyArr = [];
+	const handleRowSelected = useCallback((event) => {
+		if (!gApi) return;
+		const selectedRows = gApi.getSelectedRows();
+		setNumSelectedRows(selectedRows.length);
+		const row = selectedRows.length && selectedRows[0];
+		setSelectedRow(row);
+		if (onRowSelected) onRowSelected(event, row);
+	}, [gApi, onRowSelected]);
+	const setSideBarInvisible = () => {
+		if (gApi.isSideBarVisible()) {
+			gApi.setSideBarVisible(false);
+			setIsVisible(false);
+		} else {
+			gApi.setSideBarVisible(true);
+			gApi.openToolPanel("filters");
+			setShowGroupOptions(false);
+			setIsVisible(true);
+		}
+	};
+	const handleFilterChange = (event) => {
+		gApi.setQuickFilter(event.target.value);
+	};
+	const groupGridItems = (groupItem) => {
+		gcApi.setRowGroupColumns([groupItem]);
+		gApi.expandAll();
+	};
+	const restoreGridDefault = () => {
+		gApi.setQuickFilter("");
+		gcApi.setRowGroupColumns([]);
+		gApi.setFilterModel(null);
+		gApi.setQuickFilter("");
+		gcApi.resetColumnState();
+	};
+	const showGrouping = () => {
+		setShowGroupOptions(!showGroupOptions);
+		gApi.setSideBarVisible(false);
+	};
+	const expandGroupedGrid = () => {
+		gApi.expandAll();
+	};
+	const collapseGroupedGrid = () => {
+		gApi.collapseAll();
+	};
+	const fitToSpace = () => {
+		gApi.sizeColumnsToFit();
+	};
+	const exportGrid = () => {
+		gApi.exportDataAsCsv({
+			allColumns: true,
+			fileName: "export"
+		});
+	};
+	const openSaveView = () => {
+		setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));
+		setSaveViewOpen(true);
+	};
+	const closeSaveView = () => {
+		setSaveViewOpen(false);
+	};
+	const openViews = useCallback(() => {
+		setViewsOpen(true);
+	}, []);
+	const handleTriggerAction = useCallback((actionId) => {
+		if (triggerAction && gApi) triggerAction(actionId, gApi.getSelectedRows());
+	}, [triggerAction, gApi]);
+	const autoSizeAll = useCallback((skipHeader) => {
+		invariant(gcApi, `gridColumnApi not ready`);
+		const allColumnIds = [];
+		gcApi.getAllColumns().forEach((column) => {
+			allColumnIds.push(column.getColId());
+		});
+		gcApi.autoSizeColumns(allColumnIds, skipHeader);
+	}, [gcApi]);
+	const autoSizeAllWithoutHeader = useCallback(() => autoSizeAll(false), [autoSizeAll]);
+	const firstDataRendered = useCallback((params) => {
+		!defaultAutoSize && params?.api.sizeColumnsToFit();
+		defaultAutoSize && autoSizeAllWithoutHeader();
+	}, [defaultAutoSize, autoSizeAllWithoutHeader]);
+	useEffect(() => {
+		if (!gApi) return;
+		setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);
+		selectedRow && gApi.ensureNodeVisible(selectedRow);
+	}, [gApi, selectedRow]);
+	const handleChipDelete = (chipType, chipIndex) => {
+		switch (chipType) {
+			case "view":
+				setViewChips((prevChips) => prevChips.filter((_, index) => index !== chipIndex));
+				setSelectedView(null);
+				gcApi.resetColumnState();
+				gApi.sizeColumnsToFit();
+				break;
+			case "additionalFilter":
+				setAdditionalFilterChips((prevChips) => {
+					if (prevChips[chipIndex]?.onUntoggle) prevChips[chipIndex]?.onUntoggle();
+					return prevChips.filter((_, index) => index !== chipIndex);
+				});
+				break;
+			default: break;
+		}
+	};
+	useEffect(() => {
+		if (viewsRowData?.length > 0) {
+			const DefaultViews = viewsRowData.reduce((acc, row) => {
+				if (row.isDefault) return [...acc, row];
+				return acc;
+			}, []);
+			const nonDefaultViews = viewsRowData.reduce((acc, row) => {
+				if (!row.isDefault) return [...acc, row];
+				return acc;
+			}, []);
+			setDefaultViews(DefaultViews);
+			setNonDefaultViewsRowData(nonDefaultViews);
+		}
+	}, [viewsRowData]);
+	const setView = useCallback((value$1) => {
+		const columnState = value$1?.gridViewGridViewGridConfiguration.map((ele) => ele.gridViewGridConfigurationGridConfiguration);
+		setViewChips((prevChips) => [{ label: value$1?.name }]);
+		onFirstDataRendered(gApi, gcApi, columnState);
+	}, [
+		setViewChips,
+		gApi,
+		gcApi
+	]);
+	const setFilter = (value$1) => {};
+	const [{ data: views }, refetch] = useAxiosGet(ConfigService.tenantV2ApiUrl, `GridView/getFromUser/${user?.id}/${gridId}`, { params: {
+		domainName: domain,
+		apiCatalogId
+	} }, !!!ConfigService.tenantV2ApiUrl || !!!gridId || !!!user);
+	const [{ data: bulkActions }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `action/grid/${gridId}`, {}, !!!ConfigService.integrationV2ApiUrl || !!!gridId);
+	useEffect(() => {
+		setViewsRowData(views);
+	}, [openViews, views]);
+	const getView = useCallback(async () => {
+		await apiMutate(ConfigService.tenantV2ApiUrl, `GridView/${selectedView.gridViewId}/PartiallyFull`, { method: "get" }).then((response) => {
+			setView(response.data);
+		}).catch((error) => {
+			console.log(error);
+		});
+	}, [selectedView, setView]);
+	useEffect(() => {
+		if (!selectedView?.gridViewId) {
+			gcApi?.resetColumnState();
+			gApi?.sizeColumnsToFit();
+			return;
+		}
+		getView();
+	}, [
+		setSelectedView,
+		selectedView,
+		gcApi,
+		gApi,
+		getView
+	]);
+	useEffect(() => {
+		if (additionalFilters) setAdditionalFilterChips(additionalFilters);
+	}, [additionalFilters]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, !hideHeader && useNewHeader && gApi && /* @__PURE__ */ React.createElement(GridPrimaryBar, {
+		title,
+		showFilter: setSideBarInvisible,
+		selected: isVisible,
+		onChange: onSearch || handleFilterChange,
+		showGroup: showGrouping,
+		value,
+		saveViewClick: openSaveView,
+		viewsClick: openViews,
+		handleChange,
+		fitClick: fitToSpace,
+		expandClick: autoSizeAllWithoutHeader,
+		exportClick: exportGrid,
+		insightsClick,
+		clearClick: restoreGridDefault,
+		filterClick: onFilterClick,
+		columnsClick: onColumnsClick,
+		hideSearchBar,
+		secondaryActionButtons: secondaryActionButtons || [],
+		onPrimaryActionClick,
+		primaryActionDisabled,
+		primaryActionLabel,
+		primaryActionIcon,
+		hiddenActionButtons: hiddenActionButtons || [],
+		hiddenLabels: hiddenLabels || [],
+		background: headerBackgroundColor,
+		onSearchKeyDown
+	}), useNewHeader && (kpiValues?.length > 0 || filterChips?.length > 0 || filters?.length > 0 || viewChips?.length > 0 || additionalFilterChips?.length > 0) && /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "row",
+		height: 40
+	} }, /* @__PURE__ */ React.createElement(Grow, {
+		in: bulkActions && numSelectedRows > 0,
+		unmountOnExit: true
+	}, /* @__PURE__ */ React.createElement(BulkActionsGridButton, {
+		bulkActions,
+		numSelectedRows,
+		triggerAction: handleTriggerAction,
+		domain
+	})), /* @__PURE__ */ React.createElement(ChipSection, {
+		filterChips,
+		viewChips,
+		additionalFilterChips,
+		kpiValues,
+		handleDelete: handleChipDelete,
+		setAdditionalFilterChips,
+		setViewChips,
+		setFilter
+	})), !hideHeader && !useNewHeader && /* @__PURE__ */ React.createElement(GridActionBar, {
+		title,
+		showFilter: setSideBarInvisible,
+		selected: isVisible,
+		onChange: onSearch || handleFilterChange,
+		showGroup: showGrouping,
+		value,
+		handleChange,
+		fitClick: fitToSpace,
+		expandClick: autoSizeAllWithoutHeader,
+		exportClick: exportGrid,
+		clearClick: restoreGridDefault,
+		saveGridConfig,
+		deleteGridConfig,
+		clearGridConfig,
+		hideFitGrid,
+		hideExpandGrid,
+		hideExportGrid,
+		hideRemoveFilters,
+		hideFilterTab,
+		hideGroupTab,
+		hideColumnTab,
+		hideSearchBar
+	}, primaryActionButton && /* @__PURE__ */ React.createElement("div", { className: classes.pab }, primaryActionButton)), loading && /* @__PURE__ */ React.createElement(LinearProgress, null), /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(AgTable, {
+		...agGridOptions,
+		columnDefs,
+		dynamicSizing: !disableDynamicSizing,
+		rowData: data || emptyArr,
+		onGridReady: gridReady || onGridReady,
+		onRowSelected: handleRowSelected,
+		suppressCellSelection: true,
+		suppressRowClickSelection: false,
+		defaultColDef: defaultColActionsDef,
+		enableRangeSelection: true,
+		enableColResize: true,
+		sideBar: sidebarIsVisible,
+		pivotMode: false,
+		pivotPanelShow: "never",
+		groupSelectsChildren: true,
+		animateRows: false,
+		pagination: !disablePagination,
+		showOpenedGroup: true,
+		paginateChildRows: true,
+		paginationPageSize,
+		modules: rowModelType === "serverSide" ? [ServerSideRowModelModule] : [],
+		onFirstDataRendered: firstDataRendered,
+		rowModelType,
+		rowClassRules: { "first-row-in-group": (params) => params.node.rowIndex !== 0 && params.node.firstChild },
+		height,
+		api: gApi,
+		rowSelection: !disableRowSelection && (bulkActions ? "multiple" : "single"),
+		hideHeader,
+		...otherGridProps
+	})), showGroupOptions && /* @__PURE__ */ React.createElement("div", { className: classes.groupSideBar }, /* @__PURE__ */ React.createElement(GridGroupingSidebar, {
+		groupItem: (item) => groupGridItems(item),
+		closeClick: () => groupGridItems(""),
+		expandClick: expandGroupedGrid,
+		collapseClick: collapseGroupedGrid,
+		groupingData,
+		height
+	})), !hiddenActionButtons?.includes("saveView") && /* @__PURE__ */ React.createElement(SaveViewFormDialog, {
+		open: saveViewOpen,
+		handleClose: closeSaveView,
+		application: applicationName,
+		tenant: tenantName,
+		user,
+		columnDefsValues,
+		refetchViews: refetch,
+		gApi,
+		gcApi,
+		setSelectedView: setView,
+		gridId,
+		domain,
+		apiCatalogId
+	})));
+};
+AmbientGridTemplate.propTypes = {
+	columnDefs: PropTypes.array,
+	handleRowSelected: PropTypes.func,
+	data: PropTypes.array,
+	title: PropTypes.string,
+	groupingData: PropTypes.array,
+	frameworkComponents: PropTypes.object,
+	loading: PropTypes.bool,
+	primaryActionButton: PropTypes.object,
+	rowNodeIdName: PropTypes.string,
+	defaultAutoSize: PropTypes.bool,
+	scrollToTopOnStateChange: PropTypes.bool,
+	disableDynamicSizing: PropTypes.bool,
+	filters: PropTypes.arrayOf(PropTypes.shape({
+		label: PropTypes.string.isRequired,
+		value: PropTypes.string.isRequired
+	})),
+	views: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string.isRequired })),
+	additionalFilters: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string.isRequired })),
+	kpis: PropTypes.arrayOf(PropTypes.shape({
+		label: PropTypes.string.isRequired,
+		value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+	})),
+	useNewHeader: PropTypes.bool,
+	insightsClick: PropTypes.func,
+	hiddenActionButtons: PropTypes.arrayOf(PropTypes.oneOf([
+		"saveView",
+		"views",
+		"insights",
+		"importExport",
+		"group",
+		"filter",
+		"columns",
+		"fitGrid",
+		"expandGrid",
+		"clearFilters"
+	])),
+	hiddenLabels: PropTypes.arrayOf(PropTypes.oneOf([
+		"saveView",
+		"views",
+		"insights",
+		"importExport",
+		"group",
+		"filter",
+		"columns",
+		"fitGrid",
+		"expandGrid",
+		"clearFilters"
+	])),
+	onPrimaryActionClick: PropTypes.func,
+	primaryActionLabel: PropTypes.string,
+	primaryActionIcon: PropTypes.elementType,
+	secondaryActionButtons: PropTypes.array,
+	applicationName: PropTypes.string,
+	entityName: PropTypes.string,
+	tenantName: PropTypes.string,
+	user: PropTypes.object,
+	kpiValues: PropTypes.array
+};
+
+//#endregion
+export { AmbientGridTemplate as t };
+//# sourceMappingURL=AmbientGridTemplate-CDj051YK.js.map

package/dist/AmbientGridTemplate-CDj051YK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientGridTemplate-CDj051YK.js","names":["value"],"sources":["../src/UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { makeStyles, LinearProgress, Grow } from '@material-ui/core';\nimport '../../../../style.css';\nimport { GridGroupingSidebar } from '../../ui/GridGroupingSidebar';\nimport { ServerSideRowModelModule } from '@ag-grid-enterprise/server-side-row-model';\nimport invariant from 'invariant';\nimport PropTypes from 'prop-types';\nimport { AgTable, useAgGridApi } from '../../../../utilities/aggrid/AgTable';\nimport { GridActionBar } from '../../../utilityDisplay/GridActionBar';\nimport { GridPrimaryBar } from '../../../utilityDisplay/GridPrimaryBar.jsx';\nimport { SaveViewFormDialog } from '../../../utilityDisplay/SaveViewFormDialog.jsx';\nimport { ChipSection } from '../../../utilityDisplay/ChipSection.jsx';\n// import GridViewsSideSheet from '../utilityDisplay/GridViewsSideSheet.jsx';\nimport { useAxiosGet } from '../../../../utilities/useAxiosGet';\nimport { apiMutate } from '../../../../utilities/useAxiosMutate';\nimport { onFirstDataRendered } from '../../../../utilities/aggrid/GridFunctions';\nimport { BulkActionsGridButton } from '../../../utilityDisplay/BulkActionsGridButton';\nimport { useActions } from '../../../../hooks/useActions';\nimport { FilterOperators } from '../../../../models/SearchOperator';\nimport { ConfigService } from '../../../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  pab: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      position: 'fixed',\n      bottom: theme.spacing(2),\n      right: theme.spacing(2),\n      zIndex: theme.zIndex.appBar\n    }\n  },\n  groupSideBar: {\n    width: 225\n  },\n  gridApi: {\n    display: 'flex'\n  }\n}));\nexport const AmbientGridTemplate = (props) => {\n  const {\n    additionalFilters,\n    api,\n    apiMethod,\n    applicationName,\n    bulkActionFunctions,\n    clearGridConfig,\n    columnApi,\n    columnDefs,\n    data,\n    defaultAutoSize,\n    deleteGridConfig,\n    disablePagination,\n    disableDynamicSizing,\n    disableRowSelection,\n    entityName,\n    filterChips = [],\n    filters,\n    frameworkComponents,\n    gridReady,\n    gridId,\n    groupingData,\n    height,\n    hideFitGrid,\n    hideExpandGrid,\n    hideExportGrid,\n    hideRemoveFilters,\n    hideFilterTab,\n    hideGroupTab,\n    hideColumnTab,\n    hideSearchBar,\n    hiddenLabels,\n    hiddenActionButtons = [],\n    kpiValues = [],\n    loading = false,\n    onRowSelected,\n    onSearch,\n    onPrimaryActionClick,\n    paginationPageSize = 20,\n    primaryActionButton,\n    primaryActionDisabled,\n    primaryActionLabel,\n    primaryActionIcon,\n    rowModelType = 'clientSide',\n    rowNodeIdName,\n    saveGridConfig,\n    scrollToTopOnStateChange,\n    secondaryActionButtons,\n    title,\n    tenantName,\n    hideHeader,\n    useNewHeader,\n    insightsClick,\n    user,\n    id,\n    udprecordid,\n    additionalGridOptions = {},\n    headerBackgroundColor,\n    onSearchKeyDown,\n    ...otherGridProps\n  } = props;\n\n  const classes = useStyles();\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const [isVisible, setIsVisible] = useState();\n  const [sidebarIsVisible, setSidebarIsVisible] = useState(false);\n  const [showGroupOptions, setShowGroupOptions] = useState(false);\n  const [selectedRow, setSelectedRow] = useState(null);\n  const [value, setValue] = useState(0);\n  const [saveViewOpen, setSaveViewOpen] = useState(false);\n  const [defaultViews, setDefaultViews] = useState([]);\n  const [viewsOpen, setViewsOpen] = useState(false);\n  const [agGridOptions, setAgGridOptions] = useState({\n    frameworkComponents: frameworkComponents,\n    suppressScrollOnNewData: !scrollToTopOnStateChange,\n    ...additionalGridOptions\n  });\n  const gApi = api || gridApi;\n  const gcApi = columnApi || gridColumnApi;\n\n  const [viewChips, setViewChips] = useState([]);\n  const [additionalFilterChips, setAdditionalFilterChips] =\n    useState(additionalFilters);\n  const [columnDefsValues, setColumnDefsValues] = useState(null);\n  const [selectedView, setSelectedView] = useState(null);\n  const [viewsRowData, setViewsRowData] = useState(null);\n  const [nonDefaultViewsRowData, setNonDefaultViewsRowData] = useState();\n  const [numSelectedRows, setNumSelectedRows] = useState(0);\n  const [domain, setDomain] = useState(null);\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n\n  const { triggerAction } = useActions();\n\n  useEffect(() => {\n    if (apiMethod) {\n      setDomain(apiMethod.entityName);\n      setApiCatalogId(apiMethod.apiCatalogId);\n    }\n  }, [apiMethod, setDomain, setApiCatalogId]);\n\n  const defaultColActionsDef = {\n    resizable: true,\n    editable: false,\n    sortable: true,\n    filter: true,\n    floatingFilter: false,\n    enableRowGroup: true,\n    filterParams: {\n      filterOptions: rowModelType === 'serverSide' ? Object.keys(FilterOperators) : undefined\n    }\n  };\n\n  const handleChange = (event, newValue) => {\n    event.preventDefault();\n    setValue((preValue) => {\n      if (newValue === preValue && newValue !== 1) {\n        gApi.setSideBarVisible(!gApi.isSideBarVisible());\n      } else if (newValue === 0) {\n        gApi.setSideBarVisible(true);\n        gApi.openToolPanel('filters');\n        setShowGroupOptions(false);\n      } else if (newValue === 1) {\n        showGrouping();\n        gApi.setSideBarVisible(false);\n      } else {\n        gApi.setSideBarVisible(true);\n        gApi.openToolPanel('columns');\n        setShowGroupOptions(false);\n      }\n\n      return newValue;\n    });\n  };\n\n  const onFilterClick = (event) => {\n    event.preventDefault();\n    gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    gApi.openToolPanel('filters');\n    setShowGroupOptions(false);\n    setValue(0);\n    setSidebarIsVisible(!sidebarIsVisible);\n  };\n\n  const onGroupClick = (event) => {\n    // event.preventDefault();\n    // // gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    // showGrouping();\n    // setValue(1);\n    alert('Group button clicked');\n  };\n\n  const onColumnsClick = (event) => {\n    event.preventDefault();\n    gApi.setSideBarVisible(!gApi.isSideBarVisible());\n    gApi.openToolPanel('columns');\n    setShowGroupOptions(false);\n    setValue(2);\n    setSidebarIsVisible(!sidebarIsVisible);\n  };\n\n  const emptyArr = [];\n\n  const handleRowSelected = useCallback(\n    (event) => {\n      if (!gApi) return;\n      const selectedRows = gApi.getSelectedRows();\n      setNumSelectedRows(selectedRows.length); //for bulk actions ui\n      const row = selectedRows.length && selectedRows[0];\n      setSelectedRow(row);\n      if (onRowSelected) {\n        onRowSelected(event, row);\n      }\n    },\n    [gApi, onRowSelected]\n  );\n\n  const setSideBarInvisible = () => {\n    if (gApi.isSideBarVisible()) {\n      gApi.setSideBarVisible(false);\n      setIsVisible(false);\n    } else {\n      gApi.setSideBarVisible(true);\n      gApi.openToolPanel('filters');\n      setShowGroupOptions(false);\n      setIsVisible(true);\n    }\n  };\n\n  const handleFilterChange = (event) => {\n    gApi.setQuickFilter(event.target.value);\n  };\n\n  // Sets Grouping on grid based on passed filter string\n  const groupGridItems = (groupItem) => {\n    gcApi.setRowGroupColumns([groupItem]);\n    gApi.expandAll();\n    // setToggleFlag(groupItem)\n  };\n\n  const restoreGridDefault = () => {\n    gApi.setQuickFilter('');\n    gcApi.setRowGroupColumns([]);\n    gApi.setFilterModel(null);\n    gApi.setQuickFilter('');\n    gcApi.resetColumnState();\n  };\n\n  const showGrouping = () => {\n    setShowGroupOptions(!showGroupOptions);\n    gApi.setSideBarVisible(false);\n  };\n\n  const expandGroupedGrid = () => {\n    gApi.expandAll();\n  };\n\n  const collapseGroupedGrid = () => {\n    gApi.collapseAll();\n  };\n\n  const fitToSpace = () => {\n    gApi.sizeColumnsToFit();\n  };\n\n  const exportGrid = () => {\n    gApi.exportDataAsCsv({\n      allColumns: true,\n      fileName: 'export'\n    });\n  };\n\n  const openSaveView = () => {\n    setColumnDefsValues(JSON.stringify(gcApi.getColumnState()));\n    setSaveViewOpen(true);\n  };\n\n  const closeSaveView = () => {\n    setSaveViewOpen(false);\n  };\n\n  const openViews = useCallback(() => {\n    setViewsOpen(true);\n  },[]);\n\n  const closeViews = () => {\n    setViewsOpen(false);\n  };\n\n  const handleTriggerAction = useCallback(\n    (actionId) => {\n      if (triggerAction && gApi) {\n        triggerAction(actionId, gApi.getSelectedRows());\n      }\n    },\n    [triggerAction, gApi]\n  );\n\n  const autoSizeAll = useCallback(\n    (skipHeader) => {\n      invariant(gcApi, `gridColumnApi not ready`);\n      const allColumnIds = [];\n      gcApi.getAllColumns().forEach((column) => {\n        allColumnIds.push(column.getColId());\n      });\n      gcApi.autoSizeColumns(allColumnIds, skipHeader);\n    },\n    [gcApi]\n  );\n\n  const autoSizeAllWithoutHeader = useCallback(\n    () => autoSizeAll(false),\n    [autoSizeAll]\n  );\n\n  const firstDataRendered = useCallback(\n    (params) => {\n      // Size columns to fit after the first data render\n      !defaultAutoSize && params?.api.sizeColumnsToFit();\n\n      defaultAutoSize && autoSizeAllWithoutHeader();\n    },\n    [defaultAutoSize, autoSizeAllWithoutHeader]\n  );\n\n  useEffect(() => {\n    if (!gApi) return;\n\n    setSelectedRow(gApi.getSelectedRows()?.length && gApi.getSelectedRows()[0]);\n    selectedRow && gApi.ensureNodeVisible(selectedRow);\n  }, [gApi, selectedRow]);\n\n  const handleChipDelete = (chipType, chipIndex) => {\n    switch (chipType) {\n      case 'view':\n        setViewChips((prevChips) =>\n          prevChips.filter((_, index) => index !== chipIndex)\n        );\n        setSelectedView(null);\n        gcApi.resetColumnState();\n        gApi.sizeColumnsToFit();\n        break;\n      case 'additionalFilter':\n        setAdditionalFilterChips((prevChips) => {\n          if (prevChips[chipIndex]?.onUntoggle) {\n            prevChips[chipIndex]?.onUntoggle();\n          }\n          return prevChips.filter((_, index) => index !== chipIndex);\n        });\n        break;\n      default:\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (viewsRowData?.length > 0) {\n      const DefaultViews = viewsRowData.reduce((acc, row) => {\n        if (row.isDefault) {\n          return [...acc, row];\n        }\n        return acc;\n      }, []);\n\n      const nonDefaultViews = viewsRowData.reduce((acc, row) => {\n        if (!row.isDefault) {\n          return [...acc, row];\n        }\n        return acc;\n      }, []);\n      setDefaultViews(DefaultViews);\n      setNonDefaultViewsRowData(nonDefaultViews);\n    }\n  }, [viewsRowData]);\n\n  // Function to handle closing the side sheet\n  // const handleSideSheetClose = () => {\n  //   setIsSideSheetOpen(false);\n  // };\n\n  const setView = useCallback(\n    (value) => {\n      const columnState = value?.gridViewGridViewGridConfiguration.map(\n        (ele) => ele.gridViewGridConfigurationGridConfiguration\n      );\n      setViewChips((prevChips) => [{ label: value?.name }]);\n      onFirstDataRendered(gApi, gcApi, columnState);\n    },\n    [setViewChips, gApi, gcApi]\n  );\n\n  const setFilter = (value) => {\n    // todo: filter will come from the ApiMethodInstance endpoint\n  };\n\n  const [{ data: views }, refetch] = useAxiosGet(\n    ConfigService.tenantV2ApiUrl,\n    `GridView/getFromUser/${user?.id}/${gridId}`,\n    {\n      params: {\n        domainName: domain,\n        apiCatalogId: apiCatalogId\n      }\n    },\n    !!!ConfigService.tenantV2ApiUrl || !!!gridId || !!!user\n  );\n\n  const [{ data: bulkActions }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `action/grid/${gridId}`,\n    {},\n    !!!ConfigService.integrationV2ApiUrl || !!!gridId\n  );\n\n  useEffect(() => {\n    setViewsRowData(views);\n  }, [openViews, views]);\n\n  const getView = useCallback(async () => {\n    await apiMutate(\n      ConfigService.tenantV2ApiUrl,\n      `GridView/${selectedView.gridViewId}/PartiallyFull`,\n      {\n        method: 'get'\n      }\n    )\n      .then((response) => {\n        setView(response.data);\n      })\n      .catch((error) => {\n        console.log(error);\n      });\n  }, [selectedView, setView]);\n\n  useEffect(() => {\n    if (!selectedView?.gridViewId) {\n      gcApi?.resetColumnState();\n      gApi?.sizeColumnsToFit();\n      return undefined;\n    }\n    getView();\n\n    // No cleanup function needed, so return undefined\n    return undefined;\n  }, [setSelectedView, selectedView, gcApi, gApi, getView]);\n\n  useEffect(() => {\n    if (additionalFilters) {\n      setAdditionalFilterChips(additionalFilters);\n    }\n  }, [additionalFilters]);\n\n  return (\n    <>\n      {/* Must wait for gApi to be instantiated before rendering primary bar */}\n      {!hideHeader && useNewHeader && gApi && (\n        <GridPrimaryBar\n          title={title}\n          showFilter={setSideBarInvisible}\n          selected={isVisible}\n          onChange={onSearch || handleFilterChange}\n          showGroup={showGrouping}\n          value={value}\n          saveViewClick={openSaveView}\n          viewsClick={openViews}\n          handleChange={handleChange}\n          fitClick={fitToSpace}\n          expandClick={autoSizeAllWithoutHeader}\n          exportClick={exportGrid}\n          insightsClick={insightsClick}\n          clearClick={restoreGridDefault}\n          filterClick={onFilterClick}\n          columnsClick={onColumnsClick}\n          // groupClick={onGroupClick}\n          hideSearchBar={hideSearchBar}\n          secondaryActionButtons={secondaryActionButtons || []}\n          onPrimaryActionClick={onPrimaryActionClick}\n          primaryActionDisabled={primaryActionDisabled}\n          primaryActionLabel={primaryActionLabel}\n          primaryActionIcon={primaryActionIcon}\n          hiddenActionButtons={hiddenActionButtons || []}\n          hiddenLabels={hiddenLabels || []}\n          background={headerBackgroundColor}\n          onSearchKeyDown={onSearchKeyDown}\n        />\n      )}\n      {useNewHeader &&\n        (kpiValues?.length > 0 ||\n          filterChips?.length > 0 ||\n          filters?.length > 0 ||\n          viewChips?.length > 0 ||\n          additionalFilterChips?.length > 0) && (\n          <div style={{ display: 'flex', flexDirection: 'row', height: 40 }}>\n            <Grow in={bulkActions && numSelectedRows > 0} unmountOnExit>\n              <BulkActionsGridButton\n                bulkActions={bulkActions}\n                numSelectedRows={numSelectedRows}\n                triggerAction={handleTriggerAction}\n                domain={domain}\n              />\n            </Grow>\n\n            <ChipSection\n              filterChips={filterChips}\n              viewChips={viewChips}\n              additionalFilterChips={additionalFilterChips}\n              kpiValues={kpiValues}\n              handleDelete={handleChipDelete}\n              setAdditionalFilterChips={setAdditionalFilterChips}\n              setViewChips={setViewChips}\n              setFilter={setFilter}\n            />\n          </div>\n        )}\n\n      {/* {useNewHeader && gApi && gcApi && (\n        <GridViewsSideSheet\n          open={viewsOpen}\n          onClose={closeViews}\n          openSaveView={openSaveView}\n          setViewChips={setViewChips}\n          setFilter={setView}\n          rowData={views}\n          setSelectedView={setSelectedView}\n        />\n      )} */}\n\n      {!hideHeader && !useNewHeader && (\n        <GridActionBar\n          title={title}\n          showFilter={setSideBarInvisible}\n          selected={isVisible}\n          onChange={onSearch || handleFilterChange}\n          showGroup={showGrouping}\n          value={value}\n          handleChange={handleChange}\n          fitClick={fitToSpace}\n          expandClick={autoSizeAllWithoutHeader}\n          exportClick={exportGrid}\n          clearClick={restoreGridDefault}\n          saveGridConfig={saveGridConfig}\n          deleteGridConfig={deleteGridConfig}\n          clearGridConfig={clearGridConfig}\n          hideFitGrid={hideFitGrid}\n          hideExpandGrid={hideExpandGrid}\n          hideExportGrid={hideExportGrid}\n          hideRemoveFilters={hideRemoveFilters}\n          hideFilterTab={hideFilterTab}\n          hideGroupTab={hideGroupTab}\n          hideColumnTab={hideColumnTab}\n          hideSearchBar={hideSearchBar}\n        >\n          {primaryActionButton && (\n            <div className={classes.pab}>{primaryActionButton}</div>\n          )}\n        </GridActionBar>\n      )}\n\n      {loading && <LinearProgress />}\n      <div style={{ display: 'flex' }}>\n        <div style={{ width: '100%' }}>\n          <AgTable\n            {...agGridOptions}\n            columnDefs={columnDefs}\n            dynamicSizing={!disableDynamicSizing}\n            rowData={data || emptyArr}\n            onGridReady={gridReady || onGridReady}\n            onRowSelected={handleRowSelected}\n            suppressCellSelection={true}\n            suppressRowClickSelection={false}\n            defaultColDef={defaultColActionsDef}\n            enableRangeSelection={true}\n            enableColResize\n            sideBar={sidebarIsVisible}\n            pivotMode={false}\n            pivotPanelShow='never'\n            groupSelectsChildren={true}\n            animateRows={false}\n            pagination={!disablePagination}\n            showOpenedGroup={true}\n            paginateChildRows={true}\n            paginationPageSize={paginationPageSize}\n            modules={\n              rowModelType === 'serverSide' ? [ServerSideRowModelModule] : []\n            }\n            onFirstDataRendered={firstDataRendered}\n            rowModelType={rowModelType}\n            rowClassRules={{\n              'first-row-in-group': (params) =>\n                params.node.rowIndex !== 0 && params.node.firstChild\n            }}\n            height={height}\n            api={gApi}\n            rowSelection={\n              !disableRowSelection && (bulkActions ? 'multiple' : 'single')\n            }\n            hideHeader={hideHeader}\n            {...otherGridProps}\n          />\n        </div>\n        {showGroupOptions && (\n          <div className={classes.groupSideBar}>\n            <GridGroupingSidebar\n              groupItem={(item) => groupGridItems(item)}\n              closeClick={() => groupGridItems('')}\n              expandClick={expandGroupedGrid}\n              collapseClick={collapseGroupedGrid}\n              groupingData={groupingData}\n              height={height}\n            />\n          </div>\n        )}\n        {!hiddenActionButtons?.includes('saveView') && (\n          <SaveViewFormDialog\n            open={saveViewOpen}\n            handleClose={closeSaveView}\n            application={applicationName}\n            tenant={tenantName}\n            user={user}\n            columnDefsValues={columnDefsValues}\n            refetchViews={refetch}\n            gApi={gApi}\n            gcApi={gcApi}\n            setSelectedView={setView}\n            gridId={gridId}\n            domain={domain}\n            apiCatalogId={apiCatalogId}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nAmbientGridTemplate.propTypes = {\n  /**\n   * Column Definitions for Ag Grid\n   */\n  columnDefs: PropTypes.array,\n  /**\n   * AG Grid function for onRowSelected\n   */\n  handleRowSelected: PropTypes.func,\n  /**\n   * Data array for AG Grid\n   */\n  data: PropTypes.array,\n  /**\n   * Title of the grid\n   */\n  title: PropTypes.string,\n  /**\n   * Array of data to allow for custom grouping, example: {groupItem: 'instructors', label: 'Instructors', value: 'instructors'}\n   */\n  groupingData: PropTypes.array,\n  /**\n   * Grid Options\n   */\n  frameworkComponents: PropTypes.object,\n  /**\n   * Handle loading status with progress animation\n   */\n  loading: PropTypes.bool,\n  /**\n   * Primary Action Button Component\n   */\n  primaryActionButton: PropTypes.object,\n  /**\n   * name of the property for the id\n   */\n  rowNodeIdName: PropTypes.string,\n  /**\n   * Sets the grid default to expaned size if true. The default is 'size to fit'.\n   */\n  defaultAutoSize: PropTypes.bool,\n  /**\n   * Scrolls the grid back to the top on state change if true, otherwise maintains scroll position. The default is false.\n   */\n  scrollToTopOnStateChange: PropTypes.bool,\n  /**\n   * Disable dynamicSizing so that the grid size stays the same regardless of the window size if true. The default is false.\n   */\n  disableDynamicSizing: PropTypes.bool,\n  /**\n   * An array of filter chips.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of view chips.\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of additional filter chips.\n   */\n  additionalFilters: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired\n    })\n  ),\n  /**\n   * An array of KPI values.\n   */\n  kpis: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired\n    })\n  ),\n  /**\n   * Enable the new header for data grids v2 if true. The default is false.\n   */\n  useNewHeader: PropTypes.bool,\n  /**\n   * Passes function that executes on the insights button click\n   */\n  insightsClick: PropTypes.func,\n  /*\n   * Specifies which action buttons to hide\n   */\n  hiddenActionButtons: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /*\n   * Specifies which action button labels to hide\n   */\n  hiddenLabels: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'saveView',\n      'views',\n      'insights',\n      'importExport',\n      'group',\n      'filter',\n      'columns',\n      'fitGrid',\n      'expandGrid',\n      'clearFilters'\n    ])\n  ),\n  /**\n   * Passes function that executes on the primary action button click\n   */\n  onPrimaryActionClick: PropTypes.func,\n  /**\n   * Specifies the label for the primary action button\n   */\n  primaryActionLabel: PropTypes.string,\n  /**\n   * Specifies the icon for the primary action button\n   */\n  primaryActionIcon: PropTypes.elementType,\n  /**\n   * An array of objects that will be used to create the secondary action buttons. The default is an empty array.\n   */\n  secondaryActionButtons: PropTypes.array,\n  /**\n   * The name of the application that the grid is being used in\n   */\n  applicationName: PropTypes.string,\n  /**\n   * The name of the entity that the data in the grid is associated with\n   */\n  entityName: PropTypes.string,\n  /**\n   * The name of the tenant that is currently logged in\n   */\n  tenantName: PropTypes.string,\n  /**\n   * User object (optional)\n   */\n  user: PropTypes.object,\n  /**\n   * Array of KPI values (optional)\n   */\n  kpiValues: PropTypes.array\n};\n"],"mappings":"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"}

package/dist/AmbientList-Dtxq1B-8.js

@@ -0,0 +1,141 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as EmptyStateDisplay } from "./EmptyStateDisplay-CVeCBelv.js";
+import React from "react";
+import { Avatar, Box, Divider, Link, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, Typography, makeStyles, useTheme } from "@material-ui/core";
+import clsx from "clsx";
+import { ErrorIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/dataDisplay/FluentListElement.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {},
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(1),
+		lineHeight: 2
+	},
+	value: { flex: 1 }
+}));
+const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.value,
+		variant: "body2"
+	}, subject, " ", subject && ":"), status && /* @__PURE__ */ React.createElement(StatusChip, {
+		status,
+		label: value
+	}), anchor && href ? /* @__PURE__ */ React.createElement(Link, {
+		href,
+		variant: "body2",
+		underline: "hover",
+		target: "_blank",
+		rel: "noopener noreferrer"
+	}, /* @__PURE__ */ React.createElement("strong", null, value)) : !status ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, value)) : null), /* @__PURE__ */ React.createElement(Divider, null));
+};
+
+//#endregion
+//#region src/UI/dataDisplay/AmbientList.jsx
+const useStyles = makeStyles((theme) => ({
+	avatar: {
+		backgroundColor: theme.palette.secondary.light,
+		color: theme.palette.getContrastText(theme.palette.secondary.light)
+	},
+	denseAvatar: {
+		width: theme.spacing(3.75),
+		height: theme.spacing(3.75),
+		margin: "4px 0px"
+	},
+	list: {
+		width: "100%",
+		backgroundColor: theme.palette.background.paper,
+		padding: "0px",
+		maxHeight: (props) => props?.maxHeight || 343,
+		overflow: "auto",
+		height: (props) => props?.listHeight
+	},
+	listItem: { padding: "0px 15px" },
+	status: { marginLeft: theme.spacing(1) },
+	noDataMessage: {
+		height: (props) => props?.noDataHeight,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "10px"
+	}
+}));
+const DefaultFieldConfig = {
+	primaryText: "primaryText",
+	secondaryText: "secondaryText"
+};
+const AmbientList = (props) => {
+	const theme = useTheme();
+	const classes = useStyles(props);
+	const { data, useAvatar = true, getItemIcon = () => {}, getItemStatus = () => {}, onItemClick = () => {}, fieldConfig = DefaultFieldConfig, noDataMessage = "No data available" } = props;
+	if (!data || data.length === 0) return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
+		icon: ErrorIcon,
+		primaryText: noDataMessage
+	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
+	return /* @__PURE__ */ React.createElement(List, { className: classes?.list }, data?.map((item, index) => {
+		const status = getItemStatus(item);
+		const icon = getItemIcon(item);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
+			button: true,
+			className: classes.listItem,
+			onClick: () => onItemClick(item)
+		}, useAvatar && icon ? /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, {
+			className: clsx(classes.avatar, { [classes.denseAvatar]: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] }),
+			sizes: "large"
+		}, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: icon,
+			size: "small"
+		}))) : /* @__PURE__ */ React.createElement("div", null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: icon,
+			size: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] ? "medium" : "large",
+			color: theme.palette.secondary.main
+		}))), /* @__PURE__ */ React.createElement(ListItemText, {
+			primary: item?.[fieldConfig?.primaryText],
+			secondary: item?.[fieldConfig?.secondaryText],
+			primaryTypographyProps: {
+				variant: "body2",
+				color: "textPrimary"
+			},
+			secondaryTypographyProps: {
+				variant: "body1",
+				color: "textSecondary"
+			}
+		}), /* @__PURE__ */ React.createElement(ListItemText, { disableTypography: true }, /* @__PURE__ */ React.createElement(Typography, { align: "right" }, item?.[fieldConfig?.subText])), status?.label && /* @__PURE__ */ React.createElement(Box, {
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			alignItems: "flex-end",
+			className: classes.status
+		}, /* @__PURE__ */ React.createElement(StatusChip, {
+			status: status?.status ?? "info",
+			label: status?.label
+		}))), /* @__PURE__ */ React.createElement(Divider, null));
+	}));
+};
+AmbientList.propTypes = {
+	data: PropTypes.arrayOf(PropTypes.object),
+	useAvatar: PropTypes.bool,
+	getItemIcon: PropTypes.func,
+	getItemStatus: PropTypes.func,
+	onItemClick: PropTypes.func,
+	fieldConfig: PropTypes.shape({
+		primaryText: PropTypes.string,
+		secondaryText: PropTypes.string,
+		subText: PropTypes.string
+	}),
+	noDataMessage: PropTypes.string,
+	maxHeight: PropTypes.number,
+	listHeight: PropTypes.string,
+	noDataHeight: PropTypes.string
+};
+
+//#endregion
+export { FluentListElement as n, AmbientList as t };
+//# sourceMappingURL=AmbientList-Dtxq1B-8.js.map