udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/ActionProvider-CqLFwUt6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionProvider-CqLFwUt6.js","names":[],"sources":["../src/utilities/provider/ActionProvider.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ActionContext } from '../../contexts/ActionContext';\nimport { ActionDispatchContext } from '../../contexts/ActionDispatchContext';\nimport { ActionWrapper } from '../../actions/ActionWrapper';\nimport { apiMutate } from '../useAxiosMutate';\nimport { NodeActionEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../auth/useAuthedUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport useDefaultFormValues from '../crud/useDefaultFormValues';\nimport { getEntityAttributes } from '../maintenanceEngine/CrudBrowserUtilities';\nimport { ActionLoadingContext } from '../../contexts/ActionLoadingContext';\nimport { ActionLoadingDispatchContext } from '../../contexts/ActionLoadingDispatchContext';\nimport { useApiCatalog } from '../../hooks/useApiCatalog';\nimport LoadingOverlay from '../../UI/loading/LoadingOverlay';\nimport { useHistory } from 'react-router-dom';\nimport { usePromotedLookupMethods } from '../../hooks/usePromotedLookupMethods';\nimport { useCatalogStore } from '../../stores/catalogStore';\nimport { useActionStore } from '../../stores/actionStore';\nimport { useShellStore } from '../../stores/shellStore';\nimport { ConfigService } from '../../configService';\nimport { usePromotedMethodEntities } from '../../hooks/usePromotedMethodEntities';\n\nconst emptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  catalog: null,\n  catalogPromise: null,\n  catalogEntities: [],\n  catalogPromotedEntities: [],\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  setCurrentEntityName: null\n};\n\nconst newRouteEmptyAction = {\n  action: {\n    actionId: '',\n    payload: null\n  },\n  actionPanels: {},\n  menuListState: {\n    menuList: [],\n    handleRemoveMenuItem: () => {},\n    selectedMenuIndex: null\n  },\n  modal: {\n    open: false,\n    action: null,\n    title: ''\n  },\n  selectedNodeObj: null,\n  inquiryParams: {\n    0: {\n      selectedNode: null,\n      selectedNodeParent: null,\n      refreshTree: null\n    }\n  },\n  showInquiryHeaderActions: true,\n  sideSheet: {\n    open: false,\n    action: null\n  },\n  splitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  },\n  pageContainerSplitScreen: {\n    open: false,\n    action: null,\n    type: null,\n    params: null\n  }\n};\n\nconst emptyActionLoading = {\n  loading: false,\n  waitingToExecute: ''\n};\n\nexport const ActionProvider = (props) => {\n  const { domRoot, children } = props;\n  const user = useAuthedUser();\n  const history = useHistory();\n\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n  const [foreignKeyData, setForeignKeyData] = useState([]);\n  const [actionPanel, setActionPanel] = useState(null);\n  const [currentEntityName, setCurrentEntityName] = useState(null);\n  const [currentLocationPathname, setCurrentLocationPathname] = useState(\n    history?.location?.pathname\n  );\n  const {\n    data: catalog,\n    promise: catalogPromise,\n    loading: catalogLoading\n  } = useApiCatalog(apiCatalogId);\n  usePromotedMethodEntities(apiCatalogId);\n\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  // Set the lookup api method Id for the application\n  usePromotedLookupMethods(apiCatalogId);\n\n  const setCurrentApiCatalogId = useCatalogStore(\n    (state) => state.setCurrentApiCatalogId\n  );\n\n  const [{ data: tpacb, loading: tpacbLoading }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !user?.currentTenantId,\n    false\n  );\n\n\n\n  const [actionState, dispatch] = useReducer((state, reducerAction) => {\n    switch (reducerAction.type) {\n      case 'SET_ACTION_PANELS':\n        let containerIdToUse = 0;\n        if (reducerAction.containerId) {\n          containerIdToUse = reducerAction.containerId;\n        }\n\n        const updatedActionPanels = { ...state.actionPanels };\n        updatedActionPanels[containerIdToUse] = reducerAction.actionPanels;\n        state = {\n          ...state,\n          actionPanels: updatedActionPanels\n        };\n        break;\n      case 'OPEN_SIDESHEET':\n        state = {\n          ...state,\n          sideSheet: reducerAction.sideSheet\n        };\n        break;\n      case 'OPEN_MODAL':\n        state = {\n          ...state,\n          modal: reducerAction.modal\n        };\n        break;\n      case 'CLOSE_ALL_SPLIT_SCREENS':\n        state = {\n          ...state,\n          splitScreen: { open: false, action: null, type: null, params: null },\n          pageSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          },\n          pageContainerSplitScreen: {\n            open: false,\n            action: null,\n            type: null,\n            params: null\n          }\n        };\n        break;\n      case 'OPEN_SPLIT_SCREEN':\n        state = {\n          ...state,\n          splitScreen: reducerAction.splitScreen\n        };\n        break;\n      case 'OPEN_PAGE_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageSplitScreen: reducerAction.pageSplitScreen\n        };\n        break;\n      case 'OPEN_PAGE_CONTAINER_SPLIT_SCREEN':\n        state = {\n          ...state,\n          pageContainerSplitScreen: reducerAction.pageContainerSplitScreen\n        };\n        break;\n      case 'SET_API_CATALOG':\n        state = {\n          ...state,\n          catalog: reducerAction.catalog\n        };\n        break;\n      case 'SET_API_CATALOG_PROMISE':\n        state = {\n          ...state,\n          catalogPromise: reducerAction.catalogPromise\n        };\n        break;\n      case 'SET_CATALOG_ENTITIES':\n        state = {\n          ...state,\n          catalogEntities: reducerAction.catalogEntities\n        };\n        break;\n      case 'SET_CATALOG_PROMOTED_ENTITIES':\n        state = {\n          ...state,\n          catalogPromotedEntities: reducerAction.catalogPromotedEntities\n        };\n        break;\n      case 'SET_INQUIRY_PARAMS':\n        let initialContainerId = 0;\n        if (reducerAction.containerId) {\n          initialContainerId = reducerAction.containerId;\n        }\n\n        const updatedInquiryParams = { ...state.inquiryParams };\n        updatedInquiryParams[initialContainerId] = reducerAction.inquiryParams;\n        state = {\n          ...state,\n          inquiryParams: updatedInquiryParams\n        };\n        break;\n      case 'SET_SHOW_INQUIRY_HEADER_ACTIONS':\n        state = {\n          ...state,\n          showInquiryHeaderActions: reducerAction.showInquiryHeaderActions\n        };\n        break;\n      case 'SET_MENU_LIST_STATE':\n        state = {\n          ...state,\n          menuListState: reducerAction.menuListState\n        };\n        break;\n      case 'SET_ACTION_STATE_FOR_NEW_ROUTE':\n        state = {\n          ...state,\n          ...newRouteEmptyAction\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${reducerAction.type}`);\n    }\n    state = {\n      ...state,\n      setCurrentEntityName: setCurrentEntityName\n    };\n    return state;\n  }, emptyAction);\n\n  const [actionLoadingState, dispatchActionLoading] = useReducer(\n    (state, reducerAction) => {\n      switch (reducerAction.type) {\n        case 'SET_ACTION_LOADING':\n          state = {\n            ...state,\n            loading: reducerAction.loading\n          };\n          break;\n        case 'SET_ACTION_WAITING_TO_EXECUTE':\n          state = {\n            ...state,\n            waitingToExecute: reducerAction.actionId\n          };\n          break;\n        default:\n          throw new Error(`Unknown action loading type ${reducerAction.type}`);\n      }\n      return state;\n    },\n    emptyActionLoading\n  );\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.modal?.action) {\n        selectedAction = actionState.modal.action;\n      }\n      if (actionState.sideSheet?.action) {\n        selectedAction = actionState.sideSheet.action;\n      }\n      if (actionState.splitScreen?.action) {\n        selectedAction = actionState.splitScreen.action;\n      }\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n      if (actionState.pageContainerSplitScreen?.action) {\n        selectedAction = actionState.pageContainerSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\n\n  const entityAttributes = useMemo(() => {\n    if (!catalog) {\n      return [];\n    }\n    const entityName = actionPanel ? actionPanel.entityName : currentEntityName;\n\n    return getEntityAttributes(catalog, entityName);\n  }, [actionPanel, catalog, currentEntityName]);\n\n  const { defaultFormValues } = useDefaultFormValues(entityAttributes);\n  const [crudTableFormData, setCrudTableFormData] = useState(defaultFormValues);\n\n  const crudTableEditionData = useMemo(() => {\n    let crudData = null;\n    if (\n      selectedNode?.nodeObj &&\n      action &&\n      action.actionTypeId === NodeActionEnums.Update\n    ) {\n      crudData = selectedNode.nodeObj;\n      setCrudTableFormData(selectedNode.nodeObj);\n    } else {\n      setCrudTableFormData(defaultFormValues);\n    }\n\n    return crudData;\n  }, [action, selectedNode]);\n\n  const executeAction = useCallback(\n    async (data, id) =>\n      apiMutate(\n        ConfigService.integrationV1ApiUrl,\n        `apimethod/executeQueryWithParameters/${id}`,\n        {\n          method: 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const inquiryActions = (\n    <ActionWrapper\n      action={action}\n      actionState={actionState}\n      actionPanel={actionPanel}\n      dispatch={dispatch}\n      catalog={catalog}\n      executeAction={executeAction}\n      splitScreenBody={children}\n      entityAttributes={entityAttributes}\n      foreignKeyData={foreignKeyData}\n      setForeignKeyData={setForeignKeyData}\n      crudTableEditionData={crudTableEditionData}\n      crudTableFormData={crudTableFormData}\n    />\n  );\n\n  useEffect(() => {\n    if (tpacb) {\n      setApiCatalogId(tpacb.apiCatalogId);\n      setCurrentApiCatalogId(tpacb.apiCatalogId);\n    }\n  }, [tpacb, setCurrentApiCatalogId]);\n\n  useEffect(() => {\n    if (action && actionState) {\n      setActionPanel(\n        actionState?.actionPanels[currentContainerId || 0]?.find((ap) =>\n          ap.panelActions.find((pa) => pa.actionId === action.actionId)\n        )\n      );\n    }\n  }, [action, actionState, currentContainerId]);\n\n  useEffect(\n    () =>\n      dispatchActionLoading({\n        type: 'SET_ACTION_LOADING',\n        loading: catalogLoading || tpacbLoading\n      }),\n    [catalogLoading, tpacbLoading]\n  );\n\n  useEffect(() => {\n    if (catalog) {\n      dispatch({\n        type: 'SET_API_CATALOG',\n        catalog: catalog\n      });\n    }\n  }, [catalog]);\n\n  // TODO: Find a better way to trigger actions even though it's waiting for\n  // catalog to finish loading. One way is to wait for catalog to finish loading before\n  // rendering children\n  useEffect(() => {\n    if (catalogPromise) {\n      dispatch({\n        type: 'SET_API_CATALOG_PROMISE',\n        catalogPromise: catalogPromise\n      });\n    }\n  }, [catalogPromise]);\n\n  // listening to route changes to reset specific properties in the action state\n  useEffect(() => {\n    if (history) {\n      return history.listen((location) => {\n        if (currentLocationPathname !== location.pathname) {\n          setCurrentLocationPathname(location.pathname);\n          dispatch({\n            type: 'SET_ACTION_STATE_FOR_NEW_ROUTE'\n          });\n        }\n      });\n    }\n  }, [history, currentLocationPathname]);\n\n  const actionLoading = useMemo(\n    () => <LoadingOverlay open={!!actionLoadingState.waitingToExecute} />,\n    [actionLoadingState]\n  );\n\n  return (\n    <>\n      {actionLoading}\n      <ActionContext.Provider value={actionState}>\n        <ActionDispatchContext.Provider value={dispatch}>\n          <ActionLoadingContext.Provider value={actionLoadingState}>\n            <ActionLoadingDispatchContext.Provider\n              value={dispatchActionLoading}\n            >\n              {domRoot ? createPortal(inquiryActions, domRoot) : inquiryActions}\n            </ActionLoadingDispatchContext.Provider>\n          </ActionLoadingContext.Provider>\n        </ActionDispatchContext.Provider>\n      </ActionContext.Provider>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/ActionSplitScreen-Manhgwvs.js

@@ -0,0 +1,296 @@
+import { n as getEntityAttributes } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { ConfigService } from "./configService/index.js";
+import { t as useUser } from "./useUser-B_mCveqm.js";
+import { j as SplitScreenTypeEnums } from "./unitySystemEnums-DnxEalNP.js";
+import { n as useShellStore } from "./shellStore-CM3ibypS.js";
+import { n as useActions, t as useActionState } from "./useActions-D1HvluXe.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import { t as PageContainer } from "./PageContainer-CvcNKX87.js";
+import { t as DraggableSidebarTemplate } from "./DraggableSidebarTemplate-BUWBvL6H.js";
+import { t as SidebarHeader } from "./SidebarHeader-2ZsWTBeT.js";
+import { t as EntitySideBarContent } from "./EntitySideBarContent-CrmRGiFz.js";
+import { t as NotesScreen } from "./NotesScreen-Dn28NiPK.js";
+import { t as RemindersScreen } from "./RemindersScreen-ubWdQBMt.js";
+import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-cD_FXewz.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Card, CardContent, Slide, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { useTranslation } from "react-i18next";
+import { Skeleton } from "@material-ui/lab";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/actions/ActionSplitScreen.jsx
+const SPEED_DIAL_ACTIONS = [SplitScreenTypeEnums.Notes, SplitScreenTypeEnums.Reminders];
+const useStyles = makeStyles((theme) => ({
+	splitScreen: {
+		width: "100%",
+		height: ({ shellHidden, appRibbonSpace }) => `calc(100vh - ${shellHidden ? 0 : 56}px - ${appRibbonSpace}px)`,
+		marginTop: (props) => props.forPage ? "" : props.shellHidden ? 0 : 56
+	},
+	card: {
+		height: "100%",
+		overflowY: "auto",
+		background: (props) => SPEED_DIAL_ACTIONS.includes(props.type) ? theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[700] : "#f4f4f4" : ""
+	},
+	cardContent: {
+		padding: (props) => SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : "",
+		"&:last-child": { paddingBottom: (props) => SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : "" },
+		height: `calc(100% - 40px)`
+	},
+	title: {
+		display: "flex",
+		flex: 1,
+		alignItems: "center",
+		marginLeft: theme.spacing(1.5)
+	},
+	dataRoot: { marginTop: theme.spacing(2) },
+	skeletonButton: { height: (props) => props.forPage ? "calc(84vh - 70px)" : "84vh" },
+	sidebarRoot: { padding: (props) => SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : "" },
+	actionButton: { marginRight: (props) => SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : "" }
+}));
+const ActionSplitScreen = (props) => {
+	const { body, open, action, type = SplitScreenTypeEnums.Entity, params, executeAction, actionPanel, selectedNodeObj, menuNodeList, sidebarEntity, forPage = false, forPageContainer = false, selectedNode, selectedNodeParent, refreshTree, ...otherProps } = props;
+	const shellHidden = useShellStore((state) => state.shellHidden);
+	const currentContainerId = useShellStore((state) => state.currentContainerId);
+	const buildEnv = useBuildEnvironment();
+	const classes = useStyles({
+		shellHidden,
+		...props,
+		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
+	});
+	const [width, setWidth] = useState(0);
+	const { t } = useTranslation();
+	const { openSplitScreen, openPageSplitScreen, openPageContainerSplitScreen } = useActions();
+	const actionState = useActionState();
+	const user = useUser();
+	const formRef = useRef(null);
+	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${action?.parameters?.pageId}`, {}, !!!action?.parameters?.pageId, false);
+	const entityName = useMemo(() => {
+		return actionPanel ? actionPanel.entityName : actionState?.inquiryParams[currentContainerId || 0]?.selectedNode?.properties?.catalogReturnObject;
+	}, [
+		actionPanel,
+		actionState,
+		currentContainerId
+	]);
+	const entityAttributes = useMemo(() => {
+		if (!actionState?.catalog) return [];
+		return getEntityAttributes(actionState?.catalog, entityName);
+	}, [entityName, actionState]);
+	const openScreen = useMemo(() => forPage ? forPageContainer ? openPageContainerSplitScreen : openPageSplitScreen : openSplitScreen, [
+		forPage,
+		openPageSplitScreen,
+		openSplitScreen,
+		forPageContainer,
+		openPageContainerSplitScreen
+	]);
+	const closeSplitScreen = useCallback(() => {
+		if (params?.closeSplitScreenAction) params.closeSplitScreenAction();
+		openScreen({
+			open: false,
+			action: null,
+			type: null
+		});
+		setWidth(0);
+	}, [openScreen, params]);
+	const onSubmitAction = useCallback(() => {
+		switch (type) {
+			case SplitScreenTypeEnums.Notes:
+				formRef?.current.form.submit();
+				break;
+			case SplitScreenTypeEnums.Page:
+				params?.onSubmit();
+				break;
+			case SplitScreenTypeEnums.Reminders:
+				formRef?.current.form.submit();
+				break;
+			default: break;
+		}
+	}, [type, params]);
+	const cardContent = useMemo(() => {
+		let content = null;
+		switch (type) {
+			case SplitScreenTypeEnums.Entity:
+				content = /* @__PURE__ */ React.createElement(EntitySideBarContent, {
+					action,
+					executeAction,
+					entityAttributes,
+					selectedNodeObj,
+					apiCatalogId: actionState?.catalog?.apiCatalogId,
+					entityName,
+					sidebarEntity,
+					menuNodeList,
+					closeSplitScreen
+				});
+				break;
+			case SplitScreenTypeEnums.Notes:
+				content = /* @__PURE__ */ React.createElement(NotesScreen, {
+					formRef,
+					shortcutContentFinderEnabled: true,
+					id: params?.id,
+					reloadNotes: params?.reloadNotes
+				});
+				break;
+			case SplitScreenTypeEnums.Page:
+				if (page) content = /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(PageContainer, {
+					user,
+					key: action?.actionId,
+					pageData: page,
+					widgetParams: {
+						pageId: page?.pageId,
+						contentId: selectedNode?.properties?.searchValue,
+						requiredFieldsMap: action?.parameters?.requiredFieldMapping || {},
+						nodeObj: selectedNode?.nodeObj,
+						parentNodeObj: selectedNodeParent?.nodeObj,
+						inquiryParams: selectedNode?.inquiryParams,
+						refreshTree
+					},
+					disableMargins: true
+				}));
+				else if (loadingPage) content = /* @__PURE__ */ React.createElement(Skeleton, {
+					variant: "rect",
+					className: classes.skeletonButton
+				});
+				else content = params?.content || null;
+				break;
+			case SplitScreenTypeEnums.Reminders:
+				content = /* @__PURE__ */ React.createElement(RemindersScreen, {
+					formRef,
+					shortcutContentFinderEnabled: true,
+					id: params?.id,
+					reloadReminders: params?.reloadReminders
+				});
+				break;
+			default: break;
+		}
+		return content;
+	}, [
+		type,
+		action,
+		executeAction,
+		entityAttributes,
+		selectedNodeObj,
+		closeSplitScreen,
+		menuNodeList,
+		actionState,
+		entityName,
+		sidebarEntity,
+		refreshTree,
+		page,
+		selectedNode,
+		selectedNodeParent,
+		user,
+		loadingPage,
+		classes,
+		params
+	]);
+	const headerTitle = useMemo(() => {
+		let title = "";
+		switch (type) {
+			case SplitScreenTypeEnums.Entity:
+				title = t(`${entityName} Details`);
+				break;
+			case SplitScreenTypeEnums.Notes:
+				title = t(`Add Note`);
+				break;
+			case SplitScreenTypeEnums.Reminders:
+				title = t(`Add Reminder`);
+				break;
+			default:
+				title = params?.headerTitle || "";
+				break;
+		}
+		return title;
+	}, [
+		entityName,
+		type,
+		t,
+		params
+	]);
+	const buttonLabelVal = useMemo(() => {
+		let label = "";
+		switch (type) {
+			case SplitScreenTypeEnums.Notes:
+				label = t(`Save Note`);
+				break;
+			case SplitScreenTypeEnums.Page:
+				label = t(params?.buttonLabel);
+				break;
+			case SplitScreenTypeEnums.Reminders:
+				label = t(`Save Reminder`);
+				break;
+			default: break;
+		}
+		return label;
+	}, [
+		type,
+		t,
+		params
+	]);
+	useEffect(() => {
+		if (open) setWidth(params?.initialWidth ?? 420);
+	}, [open, params]);
+	return /* @__PURE__ */ React.createElement(DraggableSidebarTemplate, {
+		removePadding: false,
+		width,
+		setWidth,
+		handleToggleClick: () => {},
+		hide: !open,
+		expanded: false,
+		maxWidth: params?.maxWidth,
+		enable: {
+			top: false,
+			right: false,
+			bottom: false,
+			left: true,
+			topRight: false,
+			bottomRight: false,
+			bottomLeft: false,
+			topLeft: false
+		},
+		body,
+		sidebar: /* @__PURE__ */ React.createElement(Slide, {
+			in: open,
+			direction: "left"
+		}, /* @__PURE__ */ React.createElement("div", { className: classes.splitScreen }, /* @__PURE__ */ React.createElement(Card, {
+			square: true,
+			elevation: 4,
+			className: classes.card
+		}, !params?.hideHeader && /* @__PURE__ */ React.createElement(SidebarHeader, {
+			onClose: closeSplitScreen,
+			title: headerTitle,
+			buttonLabel: buttonLabelVal,
+			buttonProgress: params?.buttonProgress,
+			buttonVariant: params?.buttonVariant,
+			buttonIcon: params?.buttonIcon,
+			onSubmit: onSubmitAction,
+			secondaryButtonLabel: params?.secondaryButtonLabel,
+			secondaryButtonProgress: params?.secondaryButtonProgress,
+			secondaryButtonVariant: params?.secondaryButtonVariant,
+			secondaryButtonIcon: params?.secondaryButtonIcon,
+			secondaryOnSubmit: params?.secondaryOnSubmit,
+			additionalInputs: params?.additionalInputs || null,
+			classes: {
+				root: classes.sidebarRoot,
+				actionButton: classes.actionButton
+			},
+			...otherProps
+		}), /* @__PURE__ */ React.createElement(CardContent, { className: classes.cardContent }, cardContent)))),
+		splitScreenStyle: { zIndex: 1e3 }
+	});
+};
+ActionSplitScreen.propTypes = {
+	body: PropTypes.object,
+	open: PropTypes.bool,
+	action: PropTypes.object,
+	executeAction: PropTypes.func,
+	entityName: PropTypes.string,
+	entityAttributes: PropTypes.array,
+	selectedNodeObj: PropTypes.object,
+	menuNodeList: PropTypes.array,
+	showError: PropTypes.func
+};
+
+//#endregion
+export { ActionSplitScreen as t };
+//# sourceMappingURL=ActionSplitScreen-Manhgwvs.js.map

package/dist/ActionSplitScreen-Manhgwvs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSplitScreen-Manhgwvs.js","names":[],"sources":["../src/actions/ActionSplitScreen.jsx"],"sourcesContent":["import { Card, CardContent, makeStyles, Slide } from '@material-ui/core';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { DraggableSidebarTemplate } from '../UI/templates/DraggableSidebarTemplate';\nimport { useActions, useActionState } from '../hooks/useActions';\nimport PropTypes from 'prop-types';\nimport { SidebarHeader } from '../UI/dataDisplay/typography/SidebarHeader';\nimport { SplitScreenTypeEnums } from '../enums/unitySystemEnums';\nimport { EntitySideBarContent } from './sidebar/EntitySideBarContent';\nimport { useTranslation } from 'react-i18next';\nimport { getEntityAttributes } from '../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { useUser } from '../utilities/auth/useUser';\nimport { PageContainer } from '../page/PageContainer';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { NotesScreen } from '../notes/NotesScreen';\nimport { useShellStore } from '../stores/shellStore';\nimport { RemindersScreen } from '../reminders/RemindersScreen';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { ConfigService } from '../configService';\nconst SPEED_DIAL_ACTIONS = [\n  SplitScreenTypeEnums.Notes,\n  SplitScreenTypeEnums.Reminders\n];\n\nconst useStyles = makeStyles((theme) => ({\n  splitScreen: {\n    width: '100%',\n    height: ({ shellHidden, appRibbonSpace }) =>\n      `calc(100vh - ${shellHidden ? 0 : 56}px - ${appRibbonSpace}px)`,\n    marginTop: (props) => (props.forPage ? '' : props.shellHidden ? 0 : 56)\n  },\n  card: {\n    height: '100%',\n    overflowY: 'auto',\n    background: (props) =>\n      SPEED_DIAL_ACTIONS.includes(props.type)\n        ? theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : '#f4f4f4'\n        : ''\n  },\n  cardContent: {\n    padding: (props) => (SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : ''),\n    '&:last-child': {\n      paddingBottom: (props) =>\n        SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : ''\n    },\n    height: `calc(100% - 40px)` // 40px is the height of the sidebar header\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  dataRoot: {\n    marginTop: theme.spacing(2)\n  },\n  skeletonButton: {\n    height: (props) => (props.forPage ? 'calc(84vh - 70px)' : '84vh')\n  },\n  sidebarRoot: {\n    padding: (props) => (SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : '')\n  },\n  actionButton: {\n    marginRight: (props) => (SPEED_DIAL_ACTIONS.includes(props.type) ? 0 : '')\n  }\n}));\n\nexport const ActionSplitScreen = (props) => {\n  const {\n    body,\n    open,\n    action,\n    type = SplitScreenTypeEnums.Entity,\n    params,\n    executeAction,\n    actionPanel,\n    selectedNodeObj,\n    menuNodeList,\n    sidebarEntity,\n    forPage = false,\n    forPageContainer = false,\n    selectedNode,\n    selectedNodeParent,\n    refreshTree,\n    ...otherProps\n  } = props;\n  const shellHidden = useShellStore((state) => state.shellHidden);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    shellHidden,\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const [width, setWidth] = useState(0);\n  const { t } = useTranslation();\n  const { openSplitScreen, openPageSplitScreen, openPageContainerSplitScreen } =\n    useActions();\n  const actionState = useActionState();\n  const user = useUser();\n  const formRef = useRef(null);\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${action?.parameters?.pageId}`,\n    {},\n    !!!action?.parameters?.pageId,\n    false\n  );\n\n  const entityName = useMemo(() => {\n    return actionPanel\n      ? actionPanel.entityName\n      : actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n          ?.properties?.catalogReturnObject;\n  }, [actionPanel, actionState, currentContainerId]);\n\n  const entityAttributes = useMemo(() => {\n    if (!actionState?.catalog) {\n      return [];\n    }\n\n    return getEntityAttributes(actionState?.catalog, entityName);\n  }, [entityName, actionState]);\n\n  const openScreen = useMemo(\n    () =>\n      forPage\n        ? forPageContainer\n          ? openPageContainerSplitScreen\n          : openPageSplitScreen\n        : openSplitScreen,\n    [\n      forPage,\n      openPageSplitScreen,\n      openSplitScreen,\n      forPageContainer,\n      openPageContainerSplitScreen\n    ]\n  );\n\n  const closeSplitScreen = useCallback(() => {\n    if (params?.closeSplitScreenAction) {\n      params.closeSplitScreenAction();\n    }\n    openScreen({ open: false, action: null, type: null });\n    setWidth(0);\n  }, [openScreen, params]);\n\n  const onSubmitAction = useCallback(() => {\n    switch (type) {\n      case SplitScreenTypeEnums.Notes:\n        formRef?.current.form.submit();\n        break;\n      case SplitScreenTypeEnums.Page:\n        params?.onSubmit();\n        break;\n      case SplitScreenTypeEnums.Reminders:\n        formRef?.current.form.submit();\n        break;\n      default:\n        break;\n    }\n  }, [type, params]);\n\n  const cardContent = useMemo(() => {\n    let content = null;\n    switch (type) {\n      case SplitScreenTypeEnums.Entity:\n        content = (\n          <EntitySideBarContent\n            action={action}\n            executeAction={executeAction}\n            entityAttributes={entityAttributes}\n            selectedNodeObj={selectedNodeObj}\n            apiCatalogId={actionState?.catalog?.apiCatalogId}\n            entityName={entityName}\n            sidebarEntity={sidebarEntity}\n            menuNodeList={menuNodeList}\n            closeSplitScreen={closeSplitScreen}\n          />\n        );\n        break;\n      case SplitScreenTypeEnums.Notes:\n        content = (\n          <NotesScreen\n            formRef={formRef}\n            shortcutContentFinderEnabled={true}\n            id={params?.id}\n            reloadNotes={params?.reloadNotes}\n          />\n        );\n        break;\n      case SplitScreenTypeEnums.Page:\n        if (page) {\n          content = (\n            <DndProvider backend={HTML5Backend}>\n              <PageContainer\n                user={user}\n                key={action?.actionId}\n                pageData={page}\n                widgetParams={{\n                  pageId: page?.pageId,\n                  contentId: selectedNode?.properties?.searchValue,\n                  requiredFieldsMap:\n                    action?.parameters?.requiredFieldMapping || {},\n                  nodeObj: selectedNode?.nodeObj,\n                  parentNodeObj: selectedNodeParent?.nodeObj,\n                  inquiryParams: selectedNode?.inquiryParams,\n                  refreshTree: refreshTree\n                }}\n                disableMargins={true}\n              />\n            </DndProvider>\n          );\n        } else if (loadingPage) {\n          content = (\n            <Skeleton variant='rect' className={classes.skeletonButton} />\n          );\n        } else {\n          content = params?.content || null;\n        }\n        break;\n      case SplitScreenTypeEnums.Reminders:\n        content = (\n          <RemindersScreen\n            formRef={formRef}\n            shortcutContentFinderEnabled={true}\n            id={params?.id}\n            reloadReminders={params?.reloadReminders}\n          />\n        );\n        break;\n      default:\n        break;\n    }\n    return content;\n  }, [\n    type,\n    action,\n    executeAction,\n    entityAttributes,\n    selectedNodeObj,\n    closeSplitScreen,\n    menuNodeList,\n    actionState,\n    entityName,\n    sidebarEntity,\n    refreshTree,\n    page,\n    selectedNode,\n    selectedNodeParent,\n    user,\n    loadingPage,\n    classes,\n    params\n  ]);\n\n  const headerTitle = useMemo(() => {\n    let title = '';\n    switch (type) {\n      case SplitScreenTypeEnums.Entity:\n        title = t(`${entityName} Details`);\n        break;\n      case SplitScreenTypeEnums.Notes:\n        title = t(`Add Note`);\n        break;\n      case SplitScreenTypeEnums.Reminders:\n        title = t(`Add Reminder`);\n        break;\n      default:\n        title = params?.headerTitle || '';\n        break;\n    }\n    return title;\n  }, [entityName, type, t, params]);\n\n  const buttonLabelVal = useMemo(() => {\n    let label = '';\n    switch (type) {\n      case SplitScreenTypeEnums.Notes:\n        label = t(`Save Note`);\n        break;\n      case SplitScreenTypeEnums.Page:\n        label = t(params?.buttonLabel);\n        break;\n      case SplitScreenTypeEnums.Reminders:\n        label = t(`Save Reminder`);\n        break;\n      default:\n        break;\n    }\n    return label;\n  }, [type, t, params]);\n\n  useEffect(() => {\n    if (open) {\n      setWidth(params?.initialWidth ?? 420);\n    }\n  }, [open, params]);\n\n  return (\n    <DraggableSidebarTemplate\n      removePadding={false}\n      width={width}\n      setWidth={setWidth}\n      handleToggleClick={() => {}}\n      hide={!open}\n      expanded={false}\n      maxWidth={params?.maxWidth}\n      enable={{\n        top: false,\n        right: false,\n        bottom: false,\n        left: true,\n        topRight: false,\n        bottomRight: false,\n        bottomLeft: false,\n        topLeft: false\n      }}\n      body={body}\n      sidebar={\n        <Slide in={open} direction='left'>\n          <div className={classes.splitScreen}>\n            <Card square elevation={4} className={classes.card}>\n              {!params?.hideHeader && (\n                <SidebarHeader\n                  onClose={closeSplitScreen}\n                  title={headerTitle}\n                  buttonLabel={buttonLabelVal}\n                  buttonProgress={params?.buttonProgress}\n                  buttonVariant={params?.buttonVariant}\n                  buttonIcon={params?.buttonIcon}\n                  onSubmit={onSubmitAction}\n                  secondaryButtonLabel={params?.secondaryButtonLabel}\n                  secondaryButtonProgress={params?.secondaryButtonProgress}\n                  secondaryButtonVariant={params?.secondaryButtonVariant}\n                  secondaryButtonIcon={params?.secondaryButtonIcon}\n                  secondaryOnSubmit={params?.secondaryOnSubmit}\n                  additionalInputs={params?.additionalInputs || null}\n                  classes={{\n                    root: classes.sidebarRoot,\n                    actionButton: classes.actionButton\n                  }}\n                  {...otherProps}\n                />\n              )}\n              <CardContent className={classes.cardContent}>\n                {cardContent}\n              </CardContent>\n            </Card>\n          </div>\n        </Slide>\n      }\n      splitScreenStyle={{\n        zIndex: 1000\n      }}\n    />\n  );\n};\n\nActionSplitScreen.propTypes = {\n  body: PropTypes.object,\n  open: PropTypes.bool,\n  action: PropTypes.object,\n  executeAction: PropTypes.func,\n  entityName: PropTypes.string,\n  entityAttributes: PropTypes.array,\n  selectedNodeObj: PropTypes.object,\n  menuNodeList: PropTypes.array,\n  showError: PropTypes.func\n};\n"],"mappings":"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"}

package/dist/ActionSummaryPopover-D1FYtTY3.js

@@ -0,0 +1,255 @@
+import { t as FluentSearchField } from "./FluentSearchField-6dGDqt0d.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-CZlFXb6G.js";
+import { n as useActions } from "./useActions-D1HvluXe.js";
+import { i as mapRule, t as evaluateRule } from "./RuleUtilities-Dzn4U1kc.js";
+import { t as PrimaryActionButton } from "./PrimaryActionButton-C_9XH4Yr.js";
+import { t as Typography$1 } from "./Typography-CuvZNahz.js";
+import React, { useMemo, useState } from "react";
+import { Chip, List, Popover, Typography, makeStyles } from "@material-ui/core";
+import * as Icons from "@fluentui/react-icons";
+import { MoreVerticalIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { useTranslation } from "react-i18next";
+
+//#region src/actions/actionSummary/ActionSummaryCard.tsx
+const useStyles$4 = makeStyles((theme) => ({
+	root: {
+		width: 750,
+		paddingLeft: 12,
+		paddingRight: 12,
+		maxHeight: 750,
+		overflowY: "scroll"
+	},
+	header: {
+		display: "flex",
+		justifyContent: "space-between"
+	}
+}));
+const ActionSummaryCard = ({ actionMenuContent, selectedNode }) => {
+	const classes = useStyles$4();
+	const [searchValue, setSearchValue] = useState("");
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.header }, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		justifyContent: "center",
+		flexDirection: "column"
+	} }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Actions")), /* @__PURE__ */ React.createElement(FluentSearchField, {
+		id: "udpRecord-ActionSummaryCard-Search",
+		udprecordid: "udpRecord-ActionSummaryCard-Search",
+		value: searchValue,
+		onChange: (e) => setSearchValue(e.target.value),
+		variant: "filled",
+		style: {
+			marginTop: 0,
+			paddingTop: 0
+		}
+	})), actionMenuContent.map((section, i) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActionSummaryHeader, {
+		key: i,
+		iconType: section.iconType,
+		icon: section.icon,
+		header: section.header
+	}), /* @__PURE__ */ React.createElement(ActionSummaryListContainer, {
+		key: i,
+		selectedNode,
+		items: section.items.map((item) => {
+			const highlighted = item?.value && item.value.toLowerCase().includes(searchValue.toLowerCase()) && searchValue.length > 0;
+			return {
+				...item,
+				highlighted: highlighted || item.highlighted
+			};
+		})
+	}))));
+};
+
+//#endregion
+//#region src/actions/actionSummary/ActionSummaryListContainer.tsx
+const useStyles$3 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexWrap: "wrap",
+		overflowY: "scroll",
+		marginTop: theme.spacing(1),
+		marginBottom: theme.spacing(1)
+	},
+	itemContainer: {
+		display: "flex",
+		flexDirection: "column",
+		paddingLeft: 1,
+		width: "33%"
+	}
+}));
+const ActionSummaryListContainer = ({ items, selectedNode }) => {
+	const classes = useStyles$3();
+	function* keyGenerator() {
+		let count = 0;
+		while (true) yield count++;
+	}
+	const countGen = keyGenerator();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item, i) => i % 3 === 0).map((item) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
+		selectedNode,
+		...item,
+		key: countGen.next().value
+	})))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item, i) => i % 3 === 1).map((item) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
+		selectedNode,
+		...item,
+		key: countGen.next().value
+	})))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item, i) => i % 3 === 2).map((item) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
+		selectedNode,
+		...item,
+		key: countGen.next().value
+	})))));
+};
+
+//#endregion
+//#region src/actions/actionSummary/ActionSummaryHeader.tsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {
+		backgroundColor: theme.palette.primary.main + "1A",
+		display: "flex",
+		padding: 5,
+		gap: 10
+	},
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center"
+	},
+	icon: { color: theme.palette.primary.main }
+}));
+const ActionSummaryHeader = ({ icon, header, iconType }) => {
+	const classes = useStyles$2();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		className: classes.icon,
+		type: iconType,
+		component: Icons[icon]
+	})), /* @__PURE__ */ React.createElement("div", { className: classes.container }, /* @__PURE__ */ React.createElement(Typography, {
+		display: "inline",
+		variant: "h6"
+	}, header)));
+};
+
+//#endregion
+//#region src/actions/actionSummary/ActionSummaryListItem.tsx
+const useStyles$1 = makeStyles((theme) => ({
+	listItemWithChip: {
+		paddingTop: 1,
+		paddingBottom: 1,
+		alignItems: "start"
+	},
+	listItemGutters: { paddingLeft: 10 },
+	chipSelected: {
+		backgroundColor: theme.palette.secondary.main + "1A",
+		color: theme?.getThemeData()?.mode === "light" ? "black" : "white"
+	},
+	chipWhite: {
+		color: theme?.getThemeData()?.mode === "light" ? "black" : "white",
+		backgroundColor: theme.palette.background.paper
+	},
+	chipRoot: {
+		width: "100%",
+		justifyContent: "start",
+		paddingTop: 1
+	},
+	chipWhiteDeselected: {
+		color: "grey",
+		backgroundColor: theme.palette.background.paper
+	},
+	chipHover: {
+		"&:hover": { backgroundColor: theme.palette.secondary.main + "3A" },
+		"&:focus": { backgroundColor: theme.palette.secondary.main + "3A" }
+	}
+}));
+const ActionSummaryListItem = ({ value, highlighted, enabled, actionId, selectedNode }) => {
+	const classes = useStyles$1();
+	const { triggerAction } = useActions();
+	return useMemo(() => {
+		return /* @__PURE__ */ React.createElement("div", { className: classes.listItemWithChip }, /* @__PURE__ */ React.createElement(Chip, {
+			color: "primary",
+			clickable: enabled,
+			onClick: enabled ? () => triggerAction(actionId, selectedNode?.nodeObj) : () => {},
+			classes: {
+				colorPrimary: enabled ? highlighted ? classes.chipSelected : classes.chipWhite : classes.chipWhiteDeselected,
+				root: classes.chipRoot,
+				clickableColorPrimary: classes.chipHover
+			},
+			label: value
+		}));
+	}, [
+		highlighted,
+		enabled,
+		value
+	]);
+};
+
+//#endregion
+//#region src/actions/actionSummary/ActionSummaryPopover.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	actionsMenu: { color: theme?.palette?.getContrastText(theme?.palette?.primary?.main) }
+}));
+const ActionSummaryPopover = (props) => {
+	const { panelActions, noContrastColor, selectedNode, setLoading } = props;
+	useStyles();
+	const [anchorEl, setAnchorEl] = useState(null);
+	const { t } = useTranslation();
+	const handleClick = (event) => {
+		setAnchorEl(event.currentTarget);
+	};
+	const handleClose = () => {
+		setAnchorEl(null);
+	};
+	const actionSummaryPopoverActions = useMemo(() => {
+		return panelActions?.reduce((actions, current) => {
+			if (!current.enabled) return actions;
+			const passRule = current.action.actionRules?.reduce((boolValue, rule) => {
+				const ruleExpression = mapRule(rule.mapping, rule.jsonLogic);
+				return boolValue && evaluateRule(ruleExpression, selectedNode?.nodeObj, selectedNode?.properties?.joiningEntityCatalogObjectKey, selectedNode?.wasLazyLoaded);
+			}, true) ?? true;
+			if (!passRule && current?.hideAction) return actions;
+			const currentVal = {
+				value: current.action.name,
+				actionId: current.actionId,
+				sequence: current.sequence,
+				enabled: passRule
+			};
+			const group = actions.find((action) => action?.header?.toLowerCase() === current?.groupName?.toLowerCase());
+			if (group) {
+				group.items.push(currentVal);
+				group.items.sort((a, b) => a.sequence - b.sequence);
+			} else actions.push({
+				header: current.groupName,
+				icon: current.icon.name,
+				iconType: current.icon.type,
+				items: [currentVal]
+			});
+			return actions;
+		}, []);
+	}, [panelActions, selectedNode]);
+	const open = Boolean(anchorEl);
+	const id = open ? "action-summary-popover" : void 0;
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PrimaryActionButton, {
+		onClick: handleClick,
+		icon: /* @__PURE__ */ React.createElement(MoreVerticalIcon, null)
+	}, /* @__PURE__ */ React.createElement(Typography$1, null, t("Actions"))), /* @__PURE__ */ React.createElement(Popover, {
+		id,
+		open,
+		anchorEl,
+		onClose: handleClose,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "left"
+		}
+	}, /* @__PURE__ */ React.createElement(ActionSummaryCard, {
+		actionMenuContent: actionSummaryPopoverActions,
+		setLoading,
+		selectedNode
+	})));
+};
+ActionSummaryPopover.propTypes = {
+	panelActions: PropTypes.array,
+	noContrastColor: PropTypes.bool,
+	selectedNode: PropTypes.object
+};
+
+//#endregion
+export { ActionSummaryCard as a, ActionSummaryListContainer as i, ActionSummaryListItem as n, ActionSummaryHeader as r, ActionSummaryPopover as t };
+//# sourceMappingURL=ActionSummaryPopover-D1FYtTY3.js.map