udp-react-enterprise-component-library 25.18.1-beta.25 → 25.18.1-beta.27

package/dist/AmbientGridTemplate-BecuOnHe.js

@@ -1,458 +0,0 @@
-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-DcLxzykX.js";
-import { n as useActions } from "./useActions-BbqecXkd.js";
-import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.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-CSzHiVvH.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-BecuOnHe.js.map

package/dist/AmbientGridTemplate-BecuOnHe.js.map

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

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