udp-react-enterprise-component-library 25.16.1 → 25.16.2-beta.2

package/dist/PrimaryActionHeader-D9vn0zfH.js

@@ -1,547 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import { PrimaryActionButton } from "./PrimaryActionButton-CQXyHAeG.js";
-import { useTeleporterStore } from "./teleporterStore-hSgRrvso.js";
-import { AmbientPopoverMenuItem, ToolBarButton } from "./AmbientPopoverMenuItem-Dy3rQ7sp.js";
-import { StandardTitle } from "./StandardTitle-DkEO3oI5.js";
-import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
-import { UdpTabs } from "./UdpTabs-C7pvmyRq.js";
-import React, { Fragment, useMemo, useState } from "react";
-import { Collapse, Divider, LinearProgress, Popover, Slide, Typography, lighten, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { ArrowUpRightIcon, ChevronFold10Icon, ChevronRightIcon, ChevronUnfold10Icon, ClearIcon, DeleteIcon, ExcelDocumentIcon, FilterIcon, GroupListIcon, MaximumValueIcon, MoreVerticalIcon, PDFIcon, SaveIcon, SearchIcon, TextDocumentIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import ArrowBackIcon from "@material-ui/icons/esm/ArrowBack";
-
-//#region src/UI/utilityDisplay/utilityHeader/ui/PAHExport.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {},
-	popoverRoot: {},
-	icon: { color: theme.palette.secondary.main }
-}));
-const PAHExport = ({ exportCSV, exportExcel, exportPDF }) => {
-	const classes = useStyles$1();
-	const [anchorEl, setAnchorEl] = useState(null);
-	const handleClick = (event) => {
-		setAnchorEl(event.currentTarget);
-	};
-	const handleClose = () => {
-		setAnchorEl(null);
-	};
-	const open = Boolean(anchorEl);
-	const id = open ? "simple-popover" : void 0;
-	const gridControlsExport = [{
-		label: "Export CSV",
-		component: TextDocumentIcon,
-		click: exportCSV,
-		key: 1
-	}, {
-		label: "Export Excel",
-		component: ExcelDocumentIcon,
-		click: exportExcel,
-		key: 2
-	}];
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		className: classes.icon,
-		icon: ArrowUpRightIcon,
-		onClick: handleClick
-	}), /* @__PURE__ */ React.createElement(Popover, {
-		classes: { root: classes.popoverRoot },
-		square: true,
-		elevation: 1,
-		id,
-		open,
-		anchorEl,
-		onClose: handleClose,
-		anchorOrigin: {
-			vertical: "bottom",
-			horizontal: "left"
-		},
-		transformOrigin: {
-			vertical: "top",
-			horizontal: "left"
-		}
-	}, /* @__PURE__ */ React.createElement("div", { style: { width: 140 } }, /* @__PURE__ */ React.createElement("div", null, gridControlsExport.map((item) => {
-		return /* @__PURE__ */ React.createElement(AmbientPopoverMenuItem, {
-			label: item.label,
-			component: item.component,
-			click: item.click
-		});
-	})))));
-};
-
-//#endregion
-//#region src/UI/utilityDisplay/utilityHeader/ui/teleporter.ts
-const useAllTeleporters = () => {
-	const teleporterMap = useTeleporterStore((state) => state.teleporterMap);
-	return useMemo(() => {
-		const result = [];
-		for (const [targetId, locationMap] of teleporterMap.entries()) for (const [location, entry] of locationMap.entries()) result.push([
-			targetId,
-			location,
-			entry.teleporter
-		]);
-		return result;
-	}, [teleporterMap]);
-};
-
-//#endregion
-//#region src/UI/utilityDisplay/utilityHeader/PrimaryActionHeader.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		[theme.breakpoints.between("xs", "sm")]: { height: 50 }
-	},
-	title: { margin: theme.spacing(2) },
-	titleWrapper: {
-		paddingLeft: theme.spacing(2),
-		paddingRight: (props) => props.single ? theme.spacing(2) : 0,
-		display: "flex",
-		alignItems: "center"
-	},
-	subHeaderWrapper: {
-		width: "100%",
-		marginTop: 0,
-		[theme.breakpoints.down("xs")]: { justifyContent: "flex-start" }
-	},
-	subHeader: {
-		minWidth: (props) => props.subheader && 320,
-		marginLeft: theme.spacing(2),
-		[theme.breakpoints.between("sm", "lg")]: { display: "none" },
-		[theme.breakpoints.down("xs")]: { display: "none" }
-	},
-	denseSubtitle: {
-		marginTop: theme.spacing(1.2),
-		marginLeft: theme.spacing(2)
-	},
-	actionRow: {
-		display: "flex",
-		flex: 1,
-		alignItems: "center"
-	},
-	secondaryButtons: {
-		display: "flex",
-		[theme.breakpoints.down("sm")]: { display: "none" },
-		alignItems: "center"
-	},
-	secondaryButtonsMobile: {
-		display: "flex",
-		padding: theme.spacing(1),
-		background: theme.palette.divider,
-		[theme.breakpoints.up("sm")]: { display: "none" }
-	},
-	search: {
-		marginRight: theme.spacing(2),
-		marginTop: theme.spacing(3),
-		flex: 1
-	},
-	close: { marginRight: theme.spacing(2) },
-	pab: {
-		display: "flex",
-		[theme.breakpoints.between("xs", "sm")]: {
-			position: "fixed",
-			bottom: theme.spacing(2),
-			right: theme.spacing(2),
-			zIndex: theme.zIndex.appBar
-		}
-	},
-	titleOnly: { paddingBottom: theme.spacing(1) },
-	advancedOptions: {
-		backgroundColor: "#EEEEEE",
-		width: "100%"
-	},
-	tabPageButtons: {
-		height: 50,
-		borderTop: `1px solid ${theme.palette.divider}`,
-		paddingLeft: theme.spacing(2),
-		backgroundColor: "#EEEEEE"
-	},
-	divider: {
-		height: 25,
-		marginLeft: theme.spacing(1),
-		marginRight: theme.spacing(2)
-	},
-	functionIcons: {
-		fontSize: 18,
-		color: theme.palette.secondary.main
-	},
-	tabRow: {
-		maxWidth: 500,
-		[theme.breakpoints.down("sm")]: { width: 300 },
-		minHeight: "48px"
-	},
-	fullTabs: {
-		[theme.breakpoints.down("xl")]: { maxWidth: 700 },
-		[theme.breakpoints.down("lg")]: { maxWidth: 500 },
-		[theme.breakpoints.down("sm")]: { maxWidth: "100vw" },
-		minHeight: "48px"
-	},
-	iconButton: {
-		marginTop: 9,
-		marginLeft: 4
-	},
-	titleWrapperBack: {
-		display: "flex",
-		flex: (props) => props.title && 1
-	},
-	buttomButtonRow: {
-		display: "flex",
-		width: "100%"
-	},
-	bottomButtonsLeft: {
-		display: "flex",
-		flex: 1,
-		justifyContent: "flex-start"
-	},
-	bottomButtonsRigth: {
-		display: "flex",
-		justifyContent: "flex-end"
-	},
-	single: { display: "flex" },
-	containerStyle: {
-		background: lighten(theme.palette.secondary.light, .9),
-		padding: theme.spacing(1),
-		paddingLeft: theme.spacing(2),
-		borderTop: `1px solid ${theme.palette.divider} `
-	},
-	gridControlLineUp: {
-		display: "flex",
-		alignItems: "center",
-		marginRight: theme.spacing(2)
-	},
-	additionalTitleComponent: { marginLeft: theme.spacing(2) }
-}));
-const PrimaryActionHeader = (props) => {
-	const classes = useStyles(props);
-	const { buttonLabel, title, subheader, handleClick, secondaryButtons, hidePAB = false, search, searchField, expandOptions, handleMouseLeave, expandedContent, handleChange, value, tabList, tabs, resizeGrid, collapse, expandAllItems, groups, showGroups, grid, clickBack, topRowSecondary, bottomRowSecondary, bottomRowSecondaryRight, loading, openGroups, openFilter, altInputs, loadingVal, exportGrid, openSearch = false, styleSearch, stepper, pabDisabled, switcher, single, lowerTray, lowerTraySearch, lowerTrayGrid, upperTrayGrid, exportCSV, exportExcel, exportPDF, expand, expandGrid, collapseGrid, resize, gridApi, saveGridConfig, deleteGridConfig, clearGridConfig, hideActionRow = false, allowAdditionalTitleComponent = false, allowAdditionalRightComponent = true, StatusChipProps = null, tabProps, tabVariant, additionalComponentId = "",...otherProps } = props;
-	const [searchExpanded, setSearchExpanded] = useState(openSearch);
-	const currentContainerId = useShellStore((state) => state.currentContainerId);
-	const allTeleporters = useAllTeleporters();
-	const expandSearch = () => {
-		setSearchExpanded(!searchExpanded);
-	};
-	const gridControlsExpand = [{
-		label: "",
-		aria: "expand",
-		component: ChevronUnfold10Icon,
-		click: expandGrid,
-		id: 1
-	}];
-	const gridControlsResize = [{
-		label: "",
-		aria: "resize",
-		component: MaximumValueIcon,
-		click: resizeGrid,
-		id: 2
-	}];
-	const gridControlsCollapse = [{
-		label: "",
-		aria: "collapse",
-		component: ChevronFold10Icon,
-		click: collapseGrid,
-		id: 3
-	}];
-	const gridControlsGroup = [{
-		label: "Group",
-		component: GroupListIcon,
-		click: openGroups,
-		id: 4
-	}];
-	const gridControlsFilter = [{
-		label: "Filter",
-		component: FilterIcon,
-		click: openFilter,
-		id: 5
-	}];
-	const gridControlsSave = [{
-		label: "Save Grid Configuration",
-		component: SaveIcon,
-		click: saveGridConfig,
-		id: 6
-	}];
-	const gridControlsDelete = [{
-		label: "Delete Grid Configuration",
-		component: DeleteIcon,
-		click: deleteGridConfig,
-		id: 7
-	}];
-	const gridControlsClear = [{
-		label: "Clear Grid Configuration",
-		component: ClearIcon,
-		click: clearGridConfig,
-		id: 8
-	}];
-	const gridControlsExport = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(PAHExport, {
-		exportCSV: exportCSV || (() => gridApi?.exportDataAsCsv()),
-		exportExcel: exportExcel || (() => gridApi?.exportDataAsExcel()),
-		exportPDF
-	}));
-	const gridControlExpand = gridControlsExpand && /* @__PURE__ */ React.createElement("div", null, gridControlsExpand.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const gridControlResize = gridControlsResize && /* @__PURE__ */ React.createElement("div", null, gridControlsResize.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const gridControlCollapse = gridControlsCollapse && /* @__PURE__ */ React.createElement("div", null, gridControlsCollapse.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const gridControlSave = gridControlsSave && /* @__PURE__ */ React.createElement("div", null, gridControlsSave.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const gridControlDelete = gridControlsDelete && /* @__PURE__ */ React.createElement("div", null, gridControlsDelete.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const gridControlClear = gridControlsClear && /* @__PURE__ */ React.createElement("div", null, gridControlsClear.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}));
-	const searchToggle = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, searchExpanded && /* @__PURE__ */ React.createElement(FluentIconButton, {
-		click: expandSearch,
-		"aria-label": "close search",
-		className: classes.close,
-		icon: ChevronRightIcon,
-		onClick: expandSearch,
-		size: "small"
-	})), /* @__PURE__ */ React.createElement("div", {
-		className: classes.search,
-		style: { flex: 1 }
-	}, /* @__PURE__ */ React.createElement("div", null, searchExpanded && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Slide, {
-		direction: "left",
-		in: expandSearch,
-		mountOnEnter: true,
-		unmountOnExit: true
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.searchWrapper }, searchField))))));
-	const LowerTrayShell = ({ children }) => {
-		return /* @__PURE__ */ React.createElement("div", { className: classes.containerStyle }, children);
-	};
-	const GridControlLineUp = () => {
-		return /* @__PURE__ */ React.createElement("div", { className: classes.gridControlLineUp }, saveGridConfig && gridControlSave, deleteGridConfig && gridControlDelete, clearGridConfig && gridControlClear, expandGrid && gridControlExpand, resizeGrid && gridControlResize, collapseGrid && gridControlCollapse, exportGrid && gridControlsExport);
-	};
-	const additionalTitleTeleportedComponents = useMemo(() => {
-		const components = [];
-		allTeleporters.forEach(([targetId, location, teleporter]) => {
-			const Target = teleporter.Target;
-			if (targetId === additionalComponentId && location === "title") components.push(/* @__PURE__ */ React.createElement("div", {
-				key: targetId,
-				className: "teleport-target"
-			}, /* @__PURE__ */ React.createElement(Target, null)));
-		});
-		return components;
-	}, [additionalComponentId, allTeleporters]);
-	return /* @__PURE__ */ React.createElement("div", { key: currentContainerId }, /* @__PURE__ */ React.createElement("div", { className: single && classes.single }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapperBack }, clickBack && /* @__PURE__ */ React.createElement("div", { className: classes.iconButton }, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		icon: ArrowBackIcon,
-		onClick: clickBack
-	})), title && /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(StandardTitle, { removeMarginTop: single }, title), single && subheader && /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.denseSubtitle,
-		variant: "subtitle1",
-		component: "h2"
-	}, subheader), allowAdditionalTitleComponent && /* @__PURE__ */ React.createElement("div", { className: classes.additionalTitleComponent }, additionalTitleTeleportedComponents.map((value$1) => {
-		return value$1;
-	})))), !title && allowAdditionalTitleComponent && /* @__PURE__ */ React.createElement("div", { className: classes.additionalTitleComponent }, additionalTitleTeleportedComponents.map((value$1) => {
-		return value$1;
-	})), StatusChipProps && /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(StatusChip, {
-		label: StatusChipProps?.label,
-		status: StatusChipProps?.status
-	})))), /* @__PURE__ */ React.createElement("div", { className: classes.subHeaderWrapper }, stepper, !hideActionRow && /* @__PURE__ */ React.createElement("div", { className: classes.actionRow }, !single && subheader && /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.denseSubtitle,
-		variant: "subtitle1",
-		component: "h2"
-	}, subheader), /* @__PURE__ */ React.createElement("div", { className: grid ? classes.tabRow : classes.fullTabs }, tabList?.length > 0 && /* @__PURE__ */ React.createElement(UdpTabs, {
-		value,
-		onChange: handleChange,
-		tabList,
-		variant: tabVariant
-	})), search && searchToggle, /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtons }, !searchExpanded && search && /* @__PURE__ */ React.createElement(ToolBarButton, {
-		label: "Search",
-		component: SearchIcon,
-		click: expandSearch
-	}), search && /* @__PURE__ */ React.createElement(Divider, {
-		orientation: "vertical",
-		className: classes.divider
-	}), (expandGrid || resizeGrid || collapseGrid || exportGrid || saveGridConfig || deleteGridConfig || clearGridConfig) && upperTrayGrid && /* @__PURE__ */ React.createElement(GridControlLineUp, { expand }), grid && openFilter && gridControlsFilter.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}), grid && openGroups && gridControlsGroup.map((item) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			title: item.label,
-			expanded: true,
-			component: item.component,
-			click: item.click,
-			aria: item.aria,
-			key: item.id
-		});
-	}), grid && searchExpanded && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		id: "udpRecord-PrimaryActionHeader-ClosePanel",
-		udprecordid: "udpRecord-PrimaryActionHeader-ClosePanel",
-		icon: MoreVerticalIcon,
-		"aria-label": "Close Panel"
-	})), secondaryButtons && !tabs && secondaryButtons.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			expanded: searchExpanded,
-			component: item.component,
-			click: item.click,
-			key: item.id ?? index,
-			aria: item.label,
-			disabled: item.disabled
-		});
-	})), /* @__PURE__ */ React.createElement("div", null, allowAdditionalRightComponent && allTeleporters.map(([targetId, location, teleporter]) => {
-		const Target = teleporter.Target;
-		if (targetId === additionalComponentId && location === "right") return /* @__PURE__ */ React.createElement("div", {
-			key: targetId,
-			className: "teleport-target"
-		}, /* @__PURE__ */ React.createElement(Target, null));
-		else return null;
-	})), !hidePAB && /* @__PURE__ */ React.createElement("div", { className: classes.pab }, topRowSecondary && topRowSecondary.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			expanded: searchExpanded,
-			component: item.component,
-			click: item.click,
-			key: item.id ?? index,
-			aria: item.label
-		});
-	}), /* @__PURE__ */ React.createElement(PrimaryActionButton, {
-		disabled: pabDisabled,
-		onClick: handleClick,
-		...otherProps
-	}, buttonLabel)))), /* @__PURE__ */ React.createElement("div", { className: clsx(classes.secondaryButtons, (altInputs || bottomRowSecondary) && classes.tabPageButtons) }, /* @__PURE__ */ React.createElement("div", { className: classes.buttomButtonRow }, /* @__PURE__ */ React.createElement("div", { className: classes.bottomButtonsLeft }, bottomRowSecondary && bottomRowSecondary.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			expanded: !tabs && searchExpanded,
-			component: item.component,
-			click: item.click,
-			key: item.id ?? index
-		});
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.bottomButtonsRigth }, bottomRowSecondaryRight && bottomRowSecondaryRight.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			expanded: !tabs && searchExpanded,
-			component: item.component,
-			click: item.click,
-			key: item.id ?? index
-		});
-	})), altInputs), /* @__PURE__ */ React.createElement("div", null, showGroups && /* @__PURE__ */ React.createElement(Divider, null), showGroups && groups)), /* @__PURE__ */ React.createElement(Collapse, {
-		in: expandOptions,
-		timeout: "auto"
-	}, /* @__PURE__ */ React.createElement("div", { onMouseLeave: handleMouseLeave }, /* @__PURE__ */ React.createElement("div", { className: classes.advancedOptions }, expandedContent))), loading && /* @__PURE__ */ React.createElement(LinearProgress, { value: loadingVal })), lowerTray && /* @__PURE__ */ React.createElement(LowerTrayShell, null, /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		justifyContent: "flex-end"
-	} }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, !searchExpanded && lowerTraySearch && /* @__PURE__ */ React.createElement(ToolBarButton, {
-		label: "Search",
-		component: SearchIcon,
-		click: expandSearch
-	}), searchToggle), lowerTrayGrid && /* @__PURE__ */ React.createElement(GridControlLineUp, null))), /* @__PURE__ */ React.createElement("div", { className: classes.secondaryButtonsMobile }, secondaryButtons && !tabs && secondaryButtons.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(ToolBarButton, {
-			label: item.label,
-			expanded: searchExpanded,
-			component: item.component,
-			click: item.click,
-			key: item.id ?? index,
-			aria: item.label,
-			disabled: item.disabled
-		});
-	})));
-};
-PrimaryActionHeader.propTypes = {
-	buttonLabel: PropTypes.string,
-	title: PropTypes.string.isRequired,
-	subheader: PropTypes.string,
-	handleClick: PropTypes.func,
-	secondaryButtons: PropTypes.arrayOf(PropTypes.shape({
-		label: PropTypes.string,
-		component: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-		click: PropTypes.func,
-		key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-	})),
-	hidePAB: PropTypes.bool,
-	search: PropTypes.bool,
-	searchField: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-	expandOptions: PropTypes.func,
-	handleMouseLeave: PropTypes.string,
-	expandedContent: PropTypes.node,
-	handleChange: PropTypes.string,
-	value: PropTypes.oneOfType([PropTypes.node, false]),
-	tabList: PropTypes.node,
-	tabs: PropTypes.bool,
-	resizeGrid: PropTypes.func,
-	collapse: PropTypes.func,
-	expandAllItems: PropTypes.func,
-	saveGridConfig: PropTypes.func,
-	deleteGridConfig: PropTypes.func,
-	clearGridConfig: PropTypes.func,
-	groups: PropTypes.node,
-	grid: PropTypes.bool,
-	otherProps: PropTypes.any,
-	bottomRowSecondary: PropTypes.array,
-	topRowSecondary: PropTypes.array,
-	clickBack: PropTypes.func,
-	loading: PropTypes.bool,
-	loadingVal: PropTypes.number,
-	openGroups: PropTypes.func,
-	openFilter: PropTypes.func,
-	altInputs: PropTypes.node,
-	hideActionRow: PropTypes.bool,
-	tabProps: PropTypes.object,
-	single: PropTypes.bool
-};
-PrimaryActionHeader.defaultProps = { hidePAB: false };
-
-//#endregion
-export { PAHExport, PrimaryActionHeader, useAllTeleporters };
-//# sourceMappingURL=PrimaryActionHeader-D9vn0zfH.js.map

package/dist/PrimaryActionHeader-D9vn0zfH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryActionHeader-D9vn0zfH.js","names":["useStyles","result: [string, string, TeleporterInstance][]","value"],"sources":["../src/UI/utilityDisplay/utilityHeader/ui/PAHExport.jsx","../src/UI/utilityDisplay/utilityHeader/ui/teleporter.ts","../src/UI/utilityDisplay/utilityHeader/PrimaryActionHeader.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, Popover } from '@material-ui/core';\nimport {\n  ArrowUpRightIcon,\n  PDFIcon,\n  ExcelDocumentIcon,\n  TextDocumentIcon\n} from '@fluentui/react-icons';\nimport { AmbientPopoverMenuItem } from '../../../inputs/buttons/AmbientPopoverMenuItem';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  popoverRoot: {},\n  icon: {\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const PAHExport = ({ exportCSV, exportExcel, exportPDF }) => {\n  const classes = useStyles();\n\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n\n  const gridControlsExport = [\n    {\n      label: 'Export CSV',\n      component: TextDocumentIcon,\n      click: exportCSV,\n      key: 1\n    },\n    {\n      label: 'Export Excel',\n      component: ExcelDocumentIcon,\n      click: exportExcel,\n      key: 2\n    }\n  ];\n\n  // if (exportPDF) {\n  //   gridControlsExport.push({\n  //     label: 'Export PDF',\n  //     component: PDFIcon,\n  //     click: exportPDF,\n  //     key: 3\n  //   });\n  // }\n\n  return (\n    <div className={classes.root}>\n      <FluentIconButton\n        className={classes.icon}\n        icon={ArrowUpRightIcon}\n        onClick={handleClick}\n      />\n\n      <Popover\n        classes={{ root: classes.popoverRoot }}\n        square\n        elevation={1}\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left'\n        }}\n      >\n        <div style={{ width: 140 }}>\n          <div>\n            {gridControlsExport.map((item) => {\n              return (\n                <AmbientPopoverMenuItem\n                  label={item.label}\n                  component={item.component}\n                  click={item.click}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Popover>\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n// @ts-ignore - TeleporterInstance type may not be exported\nimport { TeleporterInstance } from 'react-teleporter';\nimport { useTeleporterStore } from '../../../../stores/teleporterStore';\n\nexport const useAllTeleporters = (): [string, string, TeleporterInstance][] => {\n  const teleporterMap = useTeleporterStore((state) => state.teleporterMap);\n\n  const allTeleporters = useMemo(() => {\n    const result: [string, string, TeleporterInstance][] = [];\n\n    for (const [targetId, locationMap] of teleporterMap.entries()) {\n      for (const [location, entry] of locationMap.entries()) {\n        result.push([targetId, location, entry.teleporter]);\n      }\n    }\n\n    return result;\n  }, [teleporterMap]);\n\n  return allTeleporters;\n};\n","import React, { useState, Fragment, useMemo } from 'react';\nimport {\n  makeStyles,\n  Slide,\n  Typography,\n  Collapse,\n  Divider,\n  LinearProgress,\n  lighten\n} from '@material-ui/core';\nimport { StandardTitle } from '../../dataDisplay/typography/StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport {\n  SearchIcon,\n  ChevronRightIcon,\n  MaximumValueIcon,\n  ChevronFold10Icon,\n  ChevronUnfold10Icon,\n  GroupListIcon,\n  FilterIcon,\n  MoreVerticalIcon,\n  SaveIcon,\n  DeleteIcon,\n  ClearIcon\n} from '@fluentui/react-icons';\nimport { ToolBarButton } from '../../inputs/buttons/ToolBarButton';\nimport { PrimaryActionButton } from '../../inputs/buttons/PrimaryActionButton';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport ArrowBackIcon from '@material-ui/icons/esm/ArrowBack';\nimport { PAHExport } from './ui/PAHExport';\nimport { StatusChip } from '../../dataDisplay/StatusChip';\nimport { useShellStore } from '../../../stores/shellStore';\nimport { UdpTabs } from '../../navigation/tabs/UdpTabs';\nimport { useAllTeleporters } from './ui/teleporter';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      height: 50\n    }\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  titleWrapper: {\n    paddingLeft: theme.spacing(2),\n    paddingRight: (props) => (props.single ? theme.spacing(2) : 0),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  subHeaderWrapper: {\n    // display: 'flex',\n    // justifyContent: 'flex-end',\n    // marginTop: props => props.single && 6,\n    width: '100%',\n    marginTop: 0,\n    [theme.breakpoints.down('xs')]: {\n      justifyContent: 'flex-start'\n    }\n  },\n  subHeader: {\n    minWidth: (props) => props.subheader && 320,\n    marginLeft: theme.spacing(2),\n    [theme.breakpoints.between('sm', 'lg')]: {\n      display: 'none'\n    },\n    [theme.breakpoints.down('xs')]: {\n      display: 'none'\n    }\n  },\n  denseSubtitle: {\n    marginTop: theme.spacing(1.2),\n    marginLeft: theme.spacing(2)\n    // [theme.breakpoints.up('xl')]: {\n    //   display: 'none'\n    // },\n    // [theme.breakpoints.down('xs')]: {\n    //   display: 'none'\n    // }\n  },\n  actionRow: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center'\n    // [theme.breakpoints.up('lg')]: {\n    //   width: '100%',\n    // },\n    // paddingBottom: props => props.hidePAB && theme.spacing(2),\n  },\n  secondaryButtons: {\n    display: 'flex',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none'\n    },\n    alignItems: 'center'\n  },\n  secondaryButtonsMobile: {\n    display: 'flex',\n    padding: theme.spacing(1),\n    background: theme.palette.divider,\n    [theme.breakpoints.up('sm')]: {\n      display: 'none'\n    }\n  },\n  search: {\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(3),\n\n    flex: 1\n  },\n  close: {\n    marginRight: theme.spacing(2)\n  },\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  titleOnly: {\n    paddingBottom: theme.spacing(1)\n  },\n  advancedOptions: {\n    backgroundColor: '#EEEEEE',\n    width: '100%'\n  },\n  tabPageButtons: {\n    height: 50,\n    borderTop: `1px solid ${theme.palette.divider}`,\n    paddingLeft: theme.spacing(2),\n    backgroundColor: '#EEEEEE'\n  },\n  divider: {\n    height: 25,\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(2)\n  },\n  functionIcons: {\n    fontSize: 18,\n    color: theme.palette.secondary.main\n  },\n  tabRow: {\n    maxWidth: 500,\n    [theme.breakpoints.down('sm')]: {\n      width: 300\n    },\n    minHeight: '48px'\n  },\n  fullTabs: {\n    [theme.breakpoints.down('xl')]: {\n      maxWidth: 700\n    },\n    [theme.breakpoints.down('lg')]: {\n      maxWidth: 500\n    },\n    [theme.breakpoints.down('sm')]: {\n      maxWidth: '100vw'\n    },\n    minHeight: '48px'\n  },\n  iconButton: {\n    marginTop: 9,\n    marginLeft: 4\n  },\n  titleWrapperBack: {\n    display: 'flex',\n    flex: (props) => props.title && 1\n  },\n  buttomButtonRow: {\n    display: 'flex',\n    width: '100%'\n  },\n\n  bottomButtonsLeft: {\n    display: 'flex',\n    flex: 1,\n    // width: '100%',\n    justifyContent: 'flex-start'\n  },\n  bottomButtonsRigth: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  single: {\n    display: 'flex'\n  },\n  containerStyle: {\n    background: lighten(theme.palette.secondary.light, 0.9),\n    padding: theme.spacing(1),\n    paddingLeft: theme.spacing(2),\n    borderTop: `1px solid ${theme.palette.divider} `\n  },\n  gridControlLineUp: {\n    display: 'flex',\n    alignItems: 'center',\n    marginRight: theme.spacing(2)\n  },\n  additionalTitleComponent: {\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const PrimaryActionHeader = (props) => {\n  const classes = useStyles(props);\n\n  const {\n    buttonLabel,\n    title,\n    subheader,\n    handleClick,\n    secondaryButtons,\n    hidePAB = false,\n    search,\n    searchField,\n    expandOptions,\n    handleMouseLeave,\n    expandedContent,\n    handleChange,\n    value,\n    tabList,\n    tabs,\n    resizeGrid,\n    collapse,\n    expandAllItems,\n    groups,\n    showGroups,\n    grid,\n    clickBack,\n    topRowSecondary,\n    bottomRowSecondary,\n    bottomRowSecondaryRight,\n    loading,\n    openGroups,\n    openFilter,\n    altInputs,\n    loadingVal,\n    exportGrid,\n    openSearch = false,\n    styleSearch,\n    stepper,\n    pabDisabled,\n    switcher,\n    single,\n    lowerTray,\n    lowerTraySearch,\n    lowerTrayGrid,\n    upperTrayGrid,\n    exportCSV,\n    exportExcel,\n    exportPDF,\n    expand,\n    expandGrid,\n    collapseGrid,\n    resize,\n    gridApi,\n    saveGridConfig,\n    deleteGridConfig,\n    clearGridConfig,\n    hideActionRow = false,\n    allowAdditionalTitleComponent = false,\n    allowAdditionalRightComponent = true,\n    StatusChipProps = null,\n    tabProps,\n    tabVariant,\n    additionalComponentId = '',\n    ...otherProps\n  } = props;\n\n  const [searchExpanded, setSearchExpanded] = useState(openSearch);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n  const allTeleporters = useAllTeleporters();\n\n  const expandSearch = () => {\n    setSearchExpanded(!searchExpanded);\n  };\n\n  function a11yProps(index) {\n    return {\n      id: `simple-tab-${index}`,\n      'aria-controls': `simple-tabpanel-${index}`\n    };\n  }\n\n  const gridControlsExpand = [\n    {\n      label: '',\n      aria: 'expand',\n      component: ChevronUnfold10Icon,\n      click: expandGrid,\n      id: 1\n    }\n  ];\n  const gridControlsResize = [\n    {\n      label: '',\n      aria: 'resize',\n      component: MaximumValueIcon,\n      click: resizeGrid,\n      id: 2\n    }\n  ];\n  const gridControlsCollapse = [\n    {\n      label: '',\n      aria: 'collapse',\n      component: ChevronFold10Icon,\n      click: collapseGrid,\n      id: 3\n    }\n  ];\n\n  const gridControlsGroup = [\n    {\n      label: 'Group',\n      component: GroupListIcon,\n      click: openGroups,\n      id: 4\n    }\n  ];\n  const gridControlsFilter = [\n    {\n      label: 'Filter',\n      component: FilterIcon,\n      click: openFilter,\n      id: 5\n    }\n  ];\n\n  const gridControlsSave = [\n    {\n      label: 'Save Grid Configuration',\n      component: SaveIcon,\n      click: saveGridConfig,\n      id: 6\n    }\n  ];\n  const gridControlsDelete = [\n    {\n      label: 'Delete Grid Configuration',\n      component: DeleteIcon,\n      click: deleteGridConfig,\n      id: 7\n    }\n  ];\n  const gridControlsClear = [\n    {\n      label: 'Clear Grid Configuration',\n      component: ClearIcon,\n      click: clearGridConfig,\n      id: 8\n    }\n  ];\n\n  const gridControlsExport = (\n    <div>\n      <PAHExport\n        exportCSV={exportCSV || (() => gridApi?.exportDataAsCsv())}\n        exportExcel={exportExcel || (() => gridApi?.exportDataAsExcel())}\n        exportPDF={exportPDF}\n      />\n    </div>\n  );\n  const gridControlExpand = gridControlsExpand && (\n    <div>\n      {gridControlsExpand.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlResize = gridControlsResize && (\n    <div>\n      {gridControlsResize.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlCollapse = gridControlsCollapse && (\n    <div>\n      {gridControlsCollapse.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlSave = gridControlsSave && (\n    <div>\n      {gridControlsSave.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlDelete = gridControlsDelete && (\n    <div>\n      {gridControlsDelete.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlClear = gridControlsClear && (\n    <div>\n      {gridControlsClear.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n\n  const searchToggle = (\n    <>\n      <div style={{ display: 'flex' }}>\n        {searchExpanded && (\n          <FluentIconButton\n            click={expandSearch}\n            aria-label='close search'\n            className={classes.close}\n            icon={ChevronRightIcon}\n            onClick={expandSearch}\n            size='small'\n          />\n        )}\n      </div>\n      <div className={classes.search} style={{ flex: 1 }}>\n        <div>\n          {searchExpanded && (\n            <div>\n              <Slide\n                direction='left'\n                in={expandSearch}\n                mountOnEnter\n                unmountOnExit\n              >\n                <div className={classes.searchWrapper}>{searchField}</div>\n              </Slide>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  const LowerTrayShell = ({ children }) => {\n    return <div className={classes.containerStyle}>{children}</div>;\n  };\n\n  const GridControlLineUp = () => {\n    return (\n      <div className={classes.gridControlLineUp}>\n        {saveGridConfig && gridControlSave}\n        {deleteGridConfig && gridControlDelete}\n        {clearGridConfig && gridControlClear}\n        {expandGrid && gridControlExpand}\n        {resizeGrid && gridControlResize}\n        {collapseGrid && gridControlCollapse}\n        {exportGrid && gridControlsExport}\n      </div>\n    );\n  };\n\n  const additionalTitleTeleportedComponents = useMemo(() => {\n    const components = [];\n    allTeleporters.forEach(([targetId, location, teleporter]) => {\n      const Target = teleporter.Target;\n      if (\n        targetId === additionalComponentId &&\n        location === 'title'\n      ) {\n        components.push(\n          <div key={targetId} className='teleport-target'>\n            <Target />\n          </div>\n        );\n      }\n    })\n    return components;\n  }, [additionalComponentId, allTeleporters]);\n\n  return (\n    <div key={currentContainerId}>\n      <div className={single && classes.single}>\n        {/* {switcher && <PAHViewSwitcher>Meeting Title</PAHViewSwitcher>} */}\n        <div className={classes.titleWrapperBack}>\n          {clickBack && (\n            <div className={classes.iconButton}>\n              <FluentIconButton icon={ArrowBackIcon} onClick={clickBack} />\n            </div>\n          )}\n\n          {title && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StandardTitle removeMarginTop={single}>{title}</StandardTitle>\n                {single && subheader && (\n                  <Typography\n                    className={classes.denseSubtitle}\n                    variant='subtitle1'\n                    component='h2'\n                  >\n                    {subheader}\n                  </Typography>\n                )}\n\n                {allowAdditionalTitleComponent && (\n                  <div className={classes.additionalTitleComponent}>\n                    {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n          {!title && allowAdditionalTitleComponent && (\n            <div className={classes.additionalTitleComponent}>\n              {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n            </div>\n          )}\n          {StatusChipProps && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StatusChip\n                  label={StatusChipProps?.label}\n                  status={StatusChipProps?.status}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div className={classes.subHeaderWrapper}>\n          {/* <div className={classes.subHeader}>\n          <Typography variant=\"subtitle1\">{subheader}</Typography>\n        </div> */}\n          {stepper}\n          {!hideActionRow && (\n            <div className={classes.actionRow}>\n              {!single && subheader && (\n                <Typography\n                  className={classes.denseSubtitle}\n                  variant='subtitle1'\n                  component='h2'\n                >\n                  {subheader}\n                </Typography>\n              )}\n              <div className={grid ? classes.tabRow : classes.fullTabs}>\n                {tabList?.length > 0 && (\n                  <UdpTabs\n                    value={value}\n                    onChange={handleChange}\n                    tabList={tabList}\n                    variant={tabVariant}\n                  />\n                )}\n              </div>\n\n              {search && searchToggle}\n              <div style={{ flex: 1 }} />\n\n              <div className={classes.secondaryButtons}>\n                {!searchExpanded && search && (\n                  <ToolBarButton\n                    label='Search'\n                    component={SearchIcon}\n                    click={expandSearch}\n                  />\n                )}\n                {search && (\n                  <Divider orientation='vertical' className={classes.divider} />\n                )}\n\n                {/* {grid &&\n                gridControls.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n                {(expandGrid ||\n                  resizeGrid ||\n                  collapseGrid ||\n                  exportGrid ||\n                  saveGridConfig ||\n                  deleteGridConfig ||\n                  clearGridConfig) &&\n                  upperTrayGrid && <GridControlLineUp expand={expand} />}\n\n                {grid &&\n                  openFilter &&\n                  gridControlsFilter.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {grid &&\n                  openGroups &&\n                  gridControlsGroup.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {/* {grid &&\n                exportGrid &&\n                gridControlsExport.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n\n                {grid && searchExpanded && (\n                  <div>\n                    <FluentIconButton\n                      id='udpRecord-PrimaryActionHeader-ClosePanel'\n                      udprecordid='udpRecord-PrimaryActionHeader-ClosePanel'\n                      icon={MoreVerticalIcon}\n                      // onClick={toggleExpandedHeader}\n                      aria-label='Close Panel'\n                    />\n                  </div>\n                )}\n\n                {secondaryButtons &&\n                  !tabs &&\n                  secondaryButtons.map((item, index) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        expanded={searchExpanded}\n                        component={item.component}\n                        click={item.click}\n                        key={item.id ?? index}\n                        aria={item.label}\n                        disabled={item.disabled}\n                      />\n                    );\n                  })}\n              </div>\n              <div>\n                {allowAdditionalRightComponent &&\n                  allTeleporters.map(([targetId, location, teleporter]) => {\n                    const Target = teleporter.Target;\n                    if (\n                      targetId === additionalComponentId &&\n                      location === 'right'\n                    ) {\n                      return (\n                        <div key={targetId} className='teleport-target'>\n                          <Target />\n                        </div>\n                      );\n                    } else {\n                      return null;\n                    }\n                  })}\n              </div>\n              {!hidePAB && (\n                <div className={classes.pab}>\n                  {topRowSecondary &&\n                    topRowSecondary.map((item, index) => {\n                      return (\n                        <ToolBarButton\n                          label={item.label}\n                          expanded={searchExpanded}\n                          component={item.component}\n                          click={item.click}\n                          key={item.id ?? index}\n                          aria={item.label}\n                        />\n                      );\n                    })}\n\n                  <PrimaryActionButton\n                    disabled={pabDisabled}\n                    onClick={handleClick}\n                    {...otherProps}\n                  >\n                    {buttonLabel}\n                  </PrimaryActionButton>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div\n          className={clsx(\n            classes.secondaryButtons,\n            (altInputs || bottomRowSecondary) && classes.tabPageButtons\n          )}\n        >\n          <div className={classes.buttomButtonRow}>\n            <div className={classes.bottomButtonsLeft}>\n              {bottomRowSecondary &&\n                bottomRowSecondary.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n            <div className={classes.bottomButtonsRigth}>\n              {bottomRowSecondaryRight &&\n                bottomRowSecondaryRight.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n\n            {altInputs}\n          </div>\n          <div>\n            {showGroups && <Divider />}\n            {showGroups && groups}\n          </div>\n        </div>\n\n        <Collapse in={expandOptions} timeout='auto'>\n          <div onMouseLeave={handleMouseLeave}>\n            {/* <div> */}\n            <div className={classes.advancedOptions}>{expandedContent}</div>\n          </div>\n        </Collapse>\n        {loading && <LinearProgress value={loadingVal} />}\n      </div>\n      {lowerTray && (\n        <LowerTrayShell>\n          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n            <div style={{ display: 'flex' }}>\n              {!searchExpanded && lowerTraySearch && (\n                <ToolBarButton\n                  label='Search'\n                  component={SearchIcon}\n                  click={expandSearch}\n                />\n              )}\n              {searchToggle}\n            </div>\n            {lowerTrayGrid && <GridControlLineUp />}\n          </div>\n        </LowerTrayShell>\n      )}\n\n      <div className={classes.secondaryButtonsMobile}>\n        {secondaryButtons &&\n          !tabs &&\n          secondaryButtons.map((item, index) => {\n            return (\n              <ToolBarButton\n                label={item.label}\n                expanded={searchExpanded}\n                component={item.component}\n                click={item.click}\n                key={item.id ?? index}\n                aria={item.label}\n                disabled={item.disabled}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n};\n\nPrimaryActionHeader.propTypes = {\n  /**\n   * Primary action button label\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Page title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Page subtitle\n   */\n  subheader: PropTypes.string,\n  /**\n   * Primary action button function\n   */\n  handleClick: PropTypes.func,\n  /**\n   * prop for mapped secondary button data\n   */\n  secondaryButtons: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      component: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      click: PropTypes.func,\n      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  /**\n   * Hides Primary Action Button (not recommended)\n   */\n  hidePAB: PropTypes.bool,\n  /**\n   * Allows search option to display\n   */\n  search: PropTypes.bool,\n  /**\n   * Search field designed to fit header space\n   */\n  searchField: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * If true, expanded space for advanced search is open\n   */\n  expandOptions: PropTypes.func,\n  /**\n   * Function to close expanded space when the user mouse leaves\n   */\n  handleMouseLeave: PropTypes.string,\n  /**\n   * The contents of the expanded search\n   */\n  expandedContent: PropTypes.node,\n  /**\n   * Handle change option for tabs (when the tab prop is active)\n   */\n  handleChange: PropTypes.string,\n  /**\n   * Sends value that determines what tab content is visable (when the tab prop is active)\n   */\n  value: PropTypes.oneOfType([PropTypes.node, false]),\n  /**\n   * Prop to pass an array of tab lables to display tabs (when the tab prop is active)\n   */\n  tabList: PropTypes.node,\n  /**\n   * Prop option to display tabs. Tabs are available when true. Also provides additional formatting.\n   */\n  tabs: PropTypes.bool,\n  /**\n   * Click event to resize grid to fit (when using the PAH to display a grid).\n   */\n  resizeGrid: PropTypes.func,\n  /**\n   * Click event to collapse Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  collapse: PropTypes.func,\n  /**\n   * Click event to expand Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  expandAllItems: PropTypes.func,\n  /**\n   * Click event to save Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  saveGridConfig: PropTypes.func,\n  /**\n   * Click event to delete Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  deleteGridConfig: PropTypes.func,\n  /**\n   * Click event to clear Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  clearGridConfig: PropTypes.func,\n  /**\n   * Prop that accepts a component of groups (when using the PAH to display a grid).\n   */\n  groups: PropTypes.node,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  grid: PropTypes.bool,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  otherProps: PropTypes.any,\n  /**\n   * Prop option to show secondary buttons on top row.\n   */\n  bottomRowSecondary: PropTypes.array,\n  /**\n   * Prop option to show secondary buttons on bottom row.\n   */\n  topRowSecondary: PropTypes.array,\n  /**\n   * Exposes onClick for back arrow. Only displays arrow when a function is provided.\n   */\n  clickBack: PropTypes.func,\n  /**\n   * Toggles visaiblity for loading progress bar.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The value of progress loading.\n   */\n  loadingVal: PropTypes.number,\n  /**\n   * Exposes function to open group options.\n   */\n  openGroups: PropTypes.func,\n  /**\n   * Exposes function to open filter options.\n   */\n  openFilter: PropTypes.func,\n  /**\n   * Alternate method to include toolbar inputs.\n   */\n  altInputs: PropTypes.node,\n  /**\n   * If true, actionRow will be hidden\n   */\n  hideActionRow: PropTypes.bool,\n  /**\n   * Props passed into FluentSimpleTabs Component\n   */\n  tabProps: PropTypes.object,\n  /**\n   * Determines if the primary action header should be multiple rows\n   */\n  single: PropTypes.bool\n};\n\nPrimaryActionHeader.defaultProps = {\n  hidePAB: false\n};\n"],"mappings":"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"}