udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/PrimaryActionHeader-DbGQNveI.js

@@ -0,0 +1,547 @@
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as PrimaryActionButton } from "./PrimaryActionButton-Dk8zvDAW.js";
+import { t as useTeleporterStore } from "./teleporterStore-CjUFtATo.js";
+import { n as ToolBarButton, t as AmbientPopoverMenuItem } from "./AmbientPopoverMenuItem-BZuX43zJ.js";
+import { t as StandardTitle } from "./StandardTitle-DJ9zcNBA.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { t as UdpTabs } from "./UdpTabs-DVZGEwOC.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 { useAllTeleporters as n, PAHExport as r, PrimaryActionHeader as t };
+//# sourceMappingURL=PrimaryActionHeader-DbGQNveI.js.map

package/dist/PrimaryActionHeader-DbGQNveI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryActionHeader-DbGQNveI.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/status/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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"}