udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2

package/dist/NodeLoader-DTzrMqNJ.js

@@ -0,0 +1,46 @@
+import { t as LayoutUnit } from "./LayoutUnit-DBF2yb1h.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import Skeleton from "@material-ui/lab/Skeleton";
+
+//#region src/UI/feedback/NodeLoader.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	nodeWrapper: { display: "flex" }
+}));
+const NodeLoader = ({ loading, nodesRequested = [1] }) => {
+	const classes = useStyles();
+	const singleNode = [
+		1,
+		2,
+		3,
+		4
+	];
+	const NodeElement = () => {
+		return /* @__PURE__ */ React.createElement("div", { className: classes.nodeWrapper }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Skeleton, {
+			variant: "circle",
+			width: 20,
+			height: 20
+		})), /* @__PURE__ */ React.createElement("div", { style: {
+			marginLeft: 8,
+			width: "100%"
+		} }, /* @__PURE__ */ React.createElement(Skeleton, {
+			height: 20,
+			variant: "rect",
+			width: "100%"
+		})));
+	};
+	const NodeGroup = ({ indent }) => {
+		return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { marginLeft: indent } }, /* @__PURE__ */ React.createElement(NodeElement, null)), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
+	};
+	const singleNodeGroup = loading && /* @__PURE__ */ React.createElement("div", null, singleNode.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(NodeGroup, { indent: index * 8 });
+	}));
+	return /* @__PURE__ */ React.createElement("div", null, nodesRequested && nodesRequested.map((item) => {
+		return /* @__PURE__ */ React.createElement("div", { className: classes.root }, singleNodeGroup, " ", /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
+	}));
+};
+
+//#endregion
+export { NodeLoader as t };
+//# sourceMappingURL=NodeLoader-DTzrMqNJ.js.map

package/dist/NodeLoader-DTzrMqNJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeLoader-DTzrMqNJ.js","names":[],"sources":["../src/UI/feedback/NodeLoader.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport Skeleton from '@material-ui/lab/Skeleton'\nimport { LayoutUnit } from '../../layout/LayoutUnit'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  nodeWrapper: {\n    display: 'flex'\n  }\n}))\n\nexport const NodeLoader = ({ loading, nodesRequested = [1] }) => {\n  const classes = useStyles()\n\n  const singleNode = [1, 2, 3, 4]\n\n  const NodeElement = () => {\n    return (\n      <div className={classes.nodeWrapper}>\n        <div>\n          <Skeleton variant='circle' width={20} height={20} />\n        </div>\n        <div style={{ marginLeft: 8, width: '100%' }}>\n          <Skeleton height={20} variant='rect' width='100%' />\n        </div>\n      </div>\n    )\n  }\n\n  const NodeGroup = ({ indent }) => {\n    return (\n      <div>\n        <div style={{ marginLeft: indent }}>\n          <NodeElement />\n        </div>\n        <LayoutUnit unit='xxs' />\n      </div>\n    )\n  }\n\n  const singleNodeGroup = loading && (\n    <div>\n      {singleNode.map((item, index) => {\n        return <NodeGroup indent={index * 8} />\n      })}\n    </div>\n  )\n\n  return (\n    <div>\n      {nodesRequested &&\n        nodesRequested.map((item) => {\n          return (\n            <div className={classes.root}>\n              {singleNodeGroup} <LayoutUnit unit='xxs' />\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,aAAa,EACX,SAAS,QACV;CACF,EAAE;AAEH,MAAa,cAAc,EAAE,SAAS,iBAAiB,CAAC,EAAE,OAAO;CAC/D,MAAM,UAAU,WAAW;CAE3B,MAAM,aAAa;EAAC;EAAG;EAAG;EAAG;EAAE;CAE/B,MAAM,oBAAoB;AACxB,SACE,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,aACC,oCAAC;GAAS,SAAQ;GAAS,OAAO;GAAI,QAAQ;IAAM,CAChD,EACN,oCAAC,SAAI,OAAO;GAAE,YAAY;GAAG,OAAO;GAAQ,IAC1C,oCAAC;GAAS,QAAQ;GAAI,SAAQ;GAAO,OAAM;IAAS,CAChD,CACF;;CAIV,MAAM,aAAa,EAAE,aAAa;AAChC,SACE,oCAAC,aACC,oCAAC,SAAI,OAAO,EAAE,YAAY,QAAQ,IAChC,oCAAC,kBAAc,CACX,EACN,oCAAC,cAAW,MAAK,QAAQ,CACrB;;CAIV,MAAM,kBAAkB,WACtB,oCAAC,aACE,WAAW,KAAK,MAAM,UAAU;AAC/B,SAAO,oCAAC,aAAU,QAAQ,QAAQ,IAAK;GACvC,CACE;AAGR,QACE,oCAAC,aACE,kBACC,eAAe,KAAK,SAAS;AAC3B,SACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,iBAAgB,KAAC,oCAAC,cAAW,MAAK,QAAQ,CACvC;GAER,CACA"}

package/dist/NotesScreen-BxovSyt-.js

@@ -0,0 +1,365 @@
+import { r as Form } from "./FormButtons-3-Do6TqZ.js";
+import { t as Field } from "./Field-Cpjv208h.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CaBH4Wqe.js";
+import { t as useUser } from "./useUser--tP6DN4i.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-DiwMTnol.js";
+import { N as UdpEnums } from "./unitySystemEnums-C3qeqk7V.js";
+import { n as useShellStore } from "./shellStore-B_6P0cep.js";
+import { t as useActionState } from "./useActions-V6oRdjcy.js";
+import { r as getSearchObject } from "./SearchUtilities-COTnyxTJ.js";
+import { r as constructBusinessObjectArrFromTree } from "./TreeUtilities-B-PkiWZw.js";
+import { t as LayoutUnit } from "./LayoutUnit-DBF2yb1h.js";
+import { t as CkRichEditor } from "./CkRichEditor-VlnO9Wqs.js";
+import { a as getBaseMethod, i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-DwkBQ6fj.js";
+import { t as ShortcutContentFinder } from "./ShortcutContentFinder-DZozQTnF.js";
+import { t as AmbientCard } from "./AmbientCard-Bl34OCRH.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { LinearProgress, TextField, makeStyles } from "@material-ui/core";
+import { differenceWith } from "lodash";
+import { useTranslation } from "react-i18next";
+
+//#region src/notes/NotesScreen.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	editor: { "& .ck-editor__main > .ck-editor__editable_inline": { backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100] } },
+	row: {
+		display: "flex",
+		justifyContent: "space-between"
+	},
+	input: {
+		height: 34,
+		padding: 0
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 }
+}));
+const NotesScreen = (props) => {
+	const { formRef, onSubmit, shortcutContentFinderEnabled, id, viewOnly, reloadNotes } = props;
+	const [note, setNote] = useState("");
+	const [typeOptions, setTypeOptions] = useState([]);
+	const [templateOptions, setTemplateOptions] = useState([]);
+	const [noteId, setNoteId] = useState(id || "");
+	const [existingNoteFiledFor, setExistingNoteFiledFor] = useState([]);
+	const [existingNoteObj, setExistingNoteObj] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const classes = useStyles(props);
+	const { t } = useTranslation();
+	const actionState = useActionState();
+	const shellHidden = useShellStore((state) => state.shellHidden);
+	const { menuListState, catalogPromotedEntities } = actionState;
+	const { handleSuccessSnackbar, handleErrorSnackbar } = useHandleAxiosSnackbar();
+	const user = useUser();
+	const editorRef = useRef(null);
+	const selectedMenu = useMemo(() => {
+		if (menuListState.menuList.length) return menuListState.menuList[menuListState.selectedMenuIndex] || null;
+		return null;
+	}, [menuListState]);
+	const noteGetFullApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note, "unityBaseGetFullMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const noteTypeSearchApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note_Type, "unityBaseSearchMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const noteTemplateSearchApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note_Template, "unityBaseSearchMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const createNoteApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note, "unityBaseCreateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const updateNoteApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note, "unityBaseUpdateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const createNoteFiledForApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note_Filed_For, "unityBaseCreateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const deleteNoteFiledForApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Note_Filed_For, "unityBaseDeleteMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const disabled = useMemo(() => {
+		return viewOnly;
+	}, [viewOnly]);
+	const handleSaveNote = useCallback(async (values) => {
+		let response = null;
+		const data = { requestBody: {
+			tenantId: user?.currentTenantId,
+			typeCode: values?.type?.code,
+			subject: values?.subject,
+			content: values?.note,
+			unityUserId: user?.id,
+			userDisplayName: `${user?.firstName} ${user?.familyName}`
+		} };
+		if (noteId) if (updateNoteApiMethod) {
+			data["{iD}"] = noteId;
+			response = await executeQueryWithParameters({ data }, updateNoteApiMethod.apiMethodId).catch((e) => handleErrorSnackbar(e, "Could not Update Note"));
+		} else handleErrorSnackbar(null, "Update Note Method Not Promoted");
+		else if (createNoteApiMethod) response = await executeQueryWithParameters({ data }, createNoteApiMethod.apiMethodId).catch((e) => handleErrorSnackbar(e, "Could not Save Note"));
+		else handleErrorSnackbar(null, "Create Note Method Not Promoted");
+		if (response?.status === 200) {
+			if (!noteId) {
+				setNoteId(response.data.id || "");
+				handleSuccessSnackbar("Note Saved");
+			} else handleSuccessSnackbar("Note Updated");
+			if (reloadNotes) reloadNotes();
+			return response.data.id || noteId;
+		}
+		return noteId;
+	}, [
+		createNoteApiMethod,
+		updateNoteApiMethod,
+		noteId,
+		setNoteId,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		user,
+		reloadNotes
+	]);
+	const noteFiledForToComparator = (nftc1, nftc2) => {
+		return nftc1?.value === nftc2?.value;
+	};
+	const handleNoteFiledFor = useCallback(async (values, notedIdToFileFor) => {
+		const noteFiledForToDelete = differenceWith(existingNoteFiledFor, values?.fileTo, noteFiledForToComparator);
+		const noteFiledForToCreate = differenceWith(values?.fileTo, existingNoteFiledFor, noteFiledForToComparator);
+		if (notedIdToFileFor) {
+			if (deleteNoteFiledForApiMethod) {
+				const deletedPromises = [];
+				noteFiledForToDelete.forEach((nftd) => {
+					const data = {};
+					data["{noteID}"] = notedIdToFileFor;
+					data["{entityBusinessKey}"] = nftd.value;
+					deletedPromises.push(executeQueryWithParameters({ data }, deleteNoteFiledForApiMethod.apiMethodId));
+				});
+				await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					if (responses.length !== deletedPromises.length) console.warn(`Not all Note Filed For deleted`);
+				});
+			} else handleErrorSnackbar(null, "Delete Note Filed For Method Not Promoted");
+			if (createNoteFiledForApiMethod) {
+				const createdPromises = [];
+				noteFiledForToCreate.forEach((nftc) => {
+					const data = { requestBody: {
+						noteId: notedIdToFileFor,
+						entityBusinessKey: nftc.value
+					} };
+					createdPromises.push(executeQueryWithParameters({ data }, createNoteFiledForApiMethod.apiMethodId));
+				});
+				await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					responses.forEach((response) => {
+						if (response.status === 200) {
+							const entityBusinessKey = response.data.entityBusinessKey;
+							if (!noteFiledForToCreate.find((nftc) => nftc.value === entityBusinessKey)) console.warn(`Note Filed For not created for all file to entities`);
+						}
+					});
+				});
+				setExistingNoteFiledFor(values?.fileTo);
+			} else handleErrorSnackbar(null, "Create Note Filed For Method Not Promoted");
+		}
+	}, [
+		createNoteFiledForApiMethod,
+		deleteNoteFiledForApiMethod,
+		handleErrorSnackbar,
+		existingNoteFiledFor,
+		setExistingNoteFiledFor
+	]);
+	const handleOnSubmit = useCallback(async (values) => {
+		if (onSubmit) onSubmit({
+			note,
+			...values
+		});
+		else {
+			const notedIdToFileFor = await handleSaveNote({
+				note,
+				...values
+			});
+			await handleNoteFiledFor({
+				note,
+				...values
+			}, notedIdToFileFor);
+		}
+	}, [
+		note,
+		onSubmit,
+		handleSaveNote,
+		handleNoteFiledFor
+	]);
+	const handleTextEditorChange = (note$1) => {
+		setNote(note$1);
+	};
+	const onTemplateChange = useCallback((value) => {
+		formRef?.current?.form?.change("subject", value?.subject || "");
+		const type = typeOptions.find((option) => option.code === value.typeCode);
+		formRef?.current?.form?.change("type", type || null);
+		setNote(value?.content || "");
+	}, [
+		setNote,
+		formRef,
+		typeOptions
+	]);
+	const handleShortcutOnSelect = useCallback((shortcutContent) => {
+		editorRef?.current?.model?.change((writer) => {
+			const insertPosition = editorRef?.current?.model?.document?.selection?.getFirstPosition();
+			writer.remove(editorRef?.current?.model?.document?.selection?.getFirstRange());
+			writer.insertText(shortcutContent, insertPosition);
+		});
+		setNote(editorRef?.current?.getData());
+	}, [editorRef, setNote]);
+	const fileToOptions = useMemo(() => {
+		let options = [];
+		if (selectedMenu) options = constructBusinessObjectArrFromTree(selectedMenu);
+		return options;
+	}, [selectedMenu]);
+	useEffect(() => {
+		const getTypeOptions = async () => {
+			let options = [];
+			if (noteTypeSearchApiMethod) {
+				const typesResponse = await executeQueryAdHoc({ data: getSearchObject([], 1, 200, true) }, noteTypeSearchApiMethod.apiMethodId);
+				if (typesResponse?.status === 200) options = typesResponse.data?.pageList;
+			}
+			setTypeOptions(options);
+		};
+		getTypeOptions();
+	}, [
+		noteTypeSearchApiMethod,
+		setTypeOptions,
+		user
+	]);
+	useEffect(() => {
+		const getTemplateOptions = async () => {
+			let options = [];
+			if (noteTemplateSearchApiMethod) {
+				const templatesResponse = await executeQueryAdHoc({ data: getSearchObject([], 1, 200, true) }, noteTemplateSearchApiMethod.apiMethodId);
+				if (templatesResponse?.status === 200) options = templatesResponse.data?.pageList;
+			}
+			setTemplateOptions(options);
+		};
+		getTemplateOptions();
+	}, [
+		noteTemplateSearchApiMethod,
+		setTemplateOptions,
+		user
+	]);
+	useEffect(() => {
+		const getExistingNote = async () => {
+			let existingNoteObj$1 = null;
+			const data = {};
+			if (noteGetFullApiMethod) {
+				setLoading(true);
+				data["{iD}"] = id;
+				const noteResponse = await executeQueryWithParameters({ data }, noteGetFullApiMethod.apiMethodId).catch((e) => {
+					console.error(e);
+					setLoading(false);
+				});
+				if (noteResponse?.status === 200) existingNoteObj$1 = noteResponse.data;
+			}
+			setExistingNoteObj(existingNoteObj$1);
+			setNote(existingNoteObj$1?.content);
+			setLoading(false);
+		};
+		if (id) getExistingNote();
+	}, [id, noteGetFullApiMethod]);
+	useEffect(() => {
+		if (!existingNoteObj || !fileToOptions?.length) return;
+		const initialFileTos = fileToOptions.filter((option) => {
+			return existingNoteObj.noteFiledFor.find((nff) => option.value === nff.entityBusinessKey);
+		});
+		setExistingNoteFiledFor(initialFileTos);
+		formRef?.current?.form?.change("fileTo", initialFileTos);
+	}, [
+		existingNoteObj,
+		fileToOptions,
+		formRef
+	]);
+	useEffect(() => {
+		if (!existingNoteObj || !typeOptions?.length) return;
+		const initialType = typeOptions.find((option) => option.code === existingNoteObj.typeCode);
+		formRef?.current?.form?.change("type", initialType || null);
+	}, [
+		existingNoteObj,
+		typeOptions,
+		formRef
+	]);
+	useEffect(() => {
+		if (!existingNoteObj) return;
+		formRef?.current?.form?.change("subject", existingNoteObj?.subject || "");
+	}, [existingNoteObj, formRef]);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, loading && /* @__PURE__ */ React.createElement(LinearProgress, { color: "secondary" }), /* @__PURE__ */ React.createElement(AmbientCard, {
+		fullWidth: true,
+		header: true
+	}, /* @__PURE__ */ React.createElement(Form, {
+		onSubmit: handleOnSubmit,
+		ref: formRef
+	}, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("File To"),
+		name: "fileTo",
+		id: "fileTo",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: fileToOptions || [],
+		optionKey: "label",
+		required: true,
+		limitTags: !viewOnly ? 2 : -1,
+		isMultiple: true,
+		disabled
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("Type"),
+		name: "type",
+		id: "type",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: typeOptions || [],
+		optionKey: "name",
+		required: true,
+		disabled
+	})), !viewOnly && /* @__PURE__ */ React.createElement("div", { style: {
+		width: "100%",
+		marginLeft: 8
+	} }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("Template"),
+		name: "template",
+		id: "template",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: templateOptions || [],
+		optionKey: "name",
+		additionalOnChangeAction: onTemplateChange
+	}))), /* @__PURE__ */ React.createElement(Field, {
+		component: TextField,
+		label: t("Subject"),
+		name: "subject",
+		id: "subject",
+		fullWidth: true,
+		variant: "outlined",
+		size: "small",
+		margin: "dense",
+		required: true,
+		disabled,
+		InputProps: { classes: {
+			root: classes?.input,
+			input: classes?.formTextInput
+		} },
+		InputLabelProps: { classes: { root: classes?.labelRoot } }
+	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(CkRichEditor, {
+		handleChange: handleTextEditorChange,
+		classes: { editor: classes.editor },
+		data: note,
+		editorRef,
+		isUsingRef: true,
+		readOnly: disabled
+	}))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), shortcutContentFinderEnabled && /* @__PURE__ */ React.createElement(AmbientCard, {
+		fullWidth: true,
+		header: true,
+		lastChildBottomPadding: "0px",
+		cardContentHeight: `calc(100vh - ${shellHidden ? "568px" : "623px"})`
+	}, /* @__PURE__ */ React.createElement(ShortcutContentFinder, { onSelect: handleShortcutOnSelect })));
+};
+
+//#endregion
+export { NotesScreen as t };
+//# sourceMappingURL=NotesScreen-BxovSyt-.js.map

package/dist/NotesScreen-BxovSyt-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesScreen-BxovSyt-.js","names":["note","existingNoteObj"],"sources":["../src/notes/NotesScreen.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { CkRichEditor } from '../UI/inputs/richEditors/CkRichEditor';\nimport { makeStyles, TextField, LinearProgress } from '@material-ui/core';\nimport { Field, Form } from '../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { useActionState } from '../hooks/useActions';\nimport { constructBusinessObjectArrFromTree } from '../utilities/tree/TreeUtilities';\nimport { LayoutUnit } from '../layout/LayoutUnit';\nimport { UdpEnums } from '../enums/unitySystemEnums';\nimport { useHandleAxiosSnackbar } from '../utilities/apiHelpers';\nimport { useUser } from '../utilities/auth/useUser';\nimport { differenceWith } from 'lodash';\nimport {\n  executeQueryAdHoc,\n  getBaseMethod,\n  executeQueryWithParameters\n} from '../udp/utilities/methodUtils';\nimport { ShortcutContentFinder } from '../udp/ShortcutContent/ShortcutContentFinder';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { useShellStore } from '../stores/shellStore';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  editor: {\n    '& .ck-editor__main > .ck-editor__editable_inline': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[800]\n          : theme.palette.grey[100]\n    }\n  },\n  row: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\nexport const NotesScreen = (props) => {\n  const {\n    formRef,\n    onSubmit,\n    shortcutContentFinderEnabled,\n    id,\n    viewOnly,\n    reloadNotes\n  } = props;\n  const [note, setNote] = useState('');\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [templateOptions, setTemplateOptions] = useState([]);\n  const [noteId, setNoteId] = useState(id || '');\n  const [existingNoteFiledFor, setExistingNoteFiledFor] = useState([]);\n  const [existingNoteObj, setExistingNoteObj] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n  const actionState = useActionState();\n  const shellHidden = useShellStore((state) => state.shellHidden);\n  const { menuListState, catalogPromotedEntities } = actionState;\n  const { handleSuccessSnackbar, handleErrorSnackbar } =\n    useHandleAxiosSnackbar();\n  const user = useUser();\n  const editorRef = useRef(null);\n\n  const selectedMenu = useMemo(() => {\n    if (menuListState.menuList.length) {\n      return menuListState.menuList[menuListState.selectedMenuIndex] || null;\n    }\n    return null;\n  }, [menuListState]);\n\n  const noteGetFullApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note,\n      'unityBaseGetFullMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const noteTypeSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Type,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const noteTemplateSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Template,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const createNoteApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note,\n      'unityBaseCreateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const updateNoteApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note,\n      'unityBaseUpdateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const createNoteFiledForApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Filed_For,\n      'unityBaseCreateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const deleteNoteFiledForApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Note_Filed_For,\n      'unityBaseDeleteMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const disabled = useMemo(() => {\n    return viewOnly;\n  }, [viewOnly]);\n\n  const handleSaveNote = useCallback(\n    async (values) => {\n      let response = null;\n      const data = {\n        requestBody: {\n          tenantId: user?.currentTenantId,\n          typeCode: values?.type?.code,\n          subject: values?.subject,\n          content: values?.note,\n          unityUserId: user?.id,\n          userDisplayName: `${user?.firstName} ${user?.familyName}`\n        }\n      };\n      if (noteId) {\n        if (updateNoteApiMethod) {\n          // Set the url parameter for updating note\n          data['{iD}'] = noteId;\n          response = await executeQueryWithParameters(\n            { data },\n            updateNoteApiMethod.apiMethodId\n          ).catch((e) => handleErrorSnackbar(e, 'Could not Update Note'));\n        } else {\n          handleErrorSnackbar(null, 'Update Note Method Not Promoted');\n        }\n      } else {\n        if (createNoteApiMethod) {\n          response = await executeQueryWithParameters(\n            { data },\n            createNoteApiMethod.apiMethodId\n          ).catch((e) => handleErrorSnackbar(e, 'Could not Save Note'));\n        } else {\n          handleErrorSnackbar(null, 'Create Note Method Not Promoted');\n        }\n      }\n\n      if (response?.status === 200) {\n        if (!noteId) {\n          setNoteId(response.data.id || '');\n          handleSuccessSnackbar('Note Saved');\n        } else {\n          handleSuccessSnackbar('Note Updated');\n        }\n        if (reloadNotes) {\n          reloadNotes();\n        }\n        return response.data.id || noteId;\n      }\n\n      return noteId;\n    },\n    [\n      createNoteApiMethod,\n      updateNoteApiMethod,\n      noteId,\n      setNoteId,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      user,\n      reloadNotes\n    ]\n  );\n\n  const noteFiledForToComparator = (nftc1, nftc2) => {\n    return nftc1?.value === nftc2?.value;\n  };\n\n  const handleNoteFiledFor = useCallback(\n    async (values, notedIdToFileFor) => {\n      // Get the noteFiledFor objects to delete\n      const noteFiledForToDelete = differenceWith(\n        existingNoteFiledFor,\n        values?.fileTo,\n        noteFiledForToComparator\n      );\n\n      // Get the noteFiledFor objects to create\n      const noteFiledForToCreate = differenceWith(\n        values?.fileTo,\n        existingNoteFiledFor,\n        noteFiledForToComparator\n      );\n\n      if (notedIdToFileFor) {\n        if (deleteNoteFiledForApiMethod) {\n          const deletedPromises = [];\n          noteFiledForToDelete.forEach((nftd) => {\n            const data = {};\n            data['{noteID}'] = notedIdToFileFor;\n            data['{entityBusinessKey}'] = nftd.value;\n            deletedPromises.push(\n              executeQueryWithParameters(\n                { data },\n                deleteNoteFiledForApiMethod.apiMethodId\n              )\n            );\n          });\n\n          await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              if (responses.length !== deletedPromises.length) {\n                console.warn(`Not all Note Filed For deleted`);\n              }\n            }\n          );\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Delete Note Filed For Method Not Promoted'\n          );\n        }\n\n        if (createNoteFiledForApiMethod) {\n          const createdPromises = [];\n          noteFiledForToCreate.forEach((nftc) => {\n            const data = {\n              requestBody: {\n                noteId: notedIdToFileFor,\n                entityBusinessKey: nftc.value\n              }\n            };\n            createdPromises.push(\n              executeQueryWithParameters(\n                { data },\n                createNoteFiledForApiMethod.apiMethodId\n              )\n            );\n          });\n          await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              responses.forEach((response) => {\n                if (response.status === 200) {\n                  const entityBusinessKey = response.data.entityBusinessKey;\n                  const matchingNoteFiledFor = noteFiledForToCreate.find(\n                    (nftc) => nftc.value === entityBusinessKey\n                  );\n                  if (!matchingNoteFiledFor) {\n                    console.warn(\n                      `Note Filed For not created for all file to entities`\n                    );\n                  }\n                }\n              });\n            }\n          );\n          setExistingNoteFiledFor(values?.fileTo);\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Create Note Filed For Method Not Promoted'\n          );\n        }\n      }\n    },\n    [\n      createNoteFiledForApiMethod,\n      deleteNoteFiledForApiMethod,\n      handleErrorSnackbar,\n      existingNoteFiledFor,\n      setExistingNoteFiledFor\n    ]\n  );\n\n  const handleOnSubmit = useCallback(\n    async (values) => {\n      if (onSubmit) {\n        onSubmit({ note, ...values });\n      } else {\n        const notedIdToFileFor = await handleSaveNote({ note, ...values });\n        await handleNoteFiledFor({ note, ...values }, notedIdToFileFor);\n      }\n    },\n    [note, onSubmit, handleSaveNote, handleNoteFiledFor]\n  );\n\n  const handleTextEditorChange = (note) => {\n    setNote(note);\n  };\n\n  const onTemplateChange = useCallback(\n    (value) => {\n      formRef?.current?.form?.change('subject', value?.subject || '');\n      const type = typeOptions.find((option) => option.code === value.typeCode);\n      formRef?.current?.form?.change('type', type || null);\n      setNote(value?.content || '');\n    },\n    [setNote, formRef, typeOptions]\n  );\n\n  const handleShortcutOnSelect = useCallback(\n    (shortcutContent) => {\n      editorRef?.current?.model?.change((writer) => {\n        const insertPosition =\n          editorRef?.current?.model?.document?.selection?.getFirstPosition();\n        writer.remove(\n          editorRef?.current?.model?.document?.selection?.getFirstRange()\n        );\n        writer.insertText(shortcutContent, insertPosition);\n      });\n\n      setNote(editorRef?.current?.getData());\n    },\n    [editorRef, setNote]\n  );\n\n  const fileToOptions = useMemo(() => {\n    let options = [];\n    if (selectedMenu) {\n      options = constructBusinessObjectArrFromTree(selectedMenu);\n    }\n    return options;\n  }, [selectedMenu]);\n\n  useEffect(() => {\n    // TODO: use getAll noteTypes\n    const getTypeOptions = async () => {\n      let options = [];\n      if (noteTypeSearchApiMethod) {\n        const filterElements = [];\n        const searchObject = getSearchObject(filterElements, 1, 200, true);\n        const data = { data: searchObject };\n        const typesResponse = await executeQueryAdHoc(\n          data,\n          noteTypeSearchApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data?.pageList;\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [noteTypeSearchApiMethod, setTypeOptions, user]);\n\n  useEffect(() => {\n    // TODO: use getAll noteTemplates\n    const getTemplateOptions = async () => {\n      let options = [];\n      if (noteTemplateSearchApiMethod) {\n        const filterElements = [];\n        const searchObject = getSearchObject(filterElements, 1, 200, true);\n        const data = { data: searchObject };\n        const templatesResponse = await executeQueryAdHoc(\n          data,\n          noteTemplateSearchApiMethod.apiMethodId\n        );\n        if (templatesResponse?.status === 200) {\n          options = templatesResponse.data?.pageList;\n        }\n      }\n      setTemplateOptions(options);\n    };\n    getTemplateOptions();\n  }, [noteTemplateSearchApiMethod, setTemplateOptions, user]);\n\n  useEffect(() => {\n    const getExistingNote = async () => {\n      let existingNoteObj = null;\n      const data = {};\n      if (noteGetFullApiMethod) {\n        setLoading(true);\n        data['{iD}'] = id;\n        const noteResponse = await executeQueryWithParameters(\n          { data },\n          noteGetFullApiMethod.apiMethodId\n        ).catch((e) => {\n          console.error(e);\n          setLoading(false);\n        });\n        if (noteResponse?.status === 200) {\n          existingNoteObj = noteResponse.data;\n        }\n      }\n      setExistingNoteObj(existingNoteObj);\n      setNote(existingNoteObj?.content);\n      setLoading(false);\n    };\n    if (id) {\n      getExistingNote();\n    }\n  }, [id, noteGetFullApiMethod]);\n\n  useEffect(() => {\n    if (!existingNoteObj || !fileToOptions?.length) {\n      return;\n    }\n    const initialFileTos = fileToOptions.filter((option) => {\n      return existingNoteObj.noteFiledFor.find(\n        (nff) => option.value === nff.entityBusinessKey\n      );\n    });\n    setExistingNoteFiledFor(initialFileTos);\n    formRef?.current?.form?.change('fileTo', initialFileTos);\n  }, [existingNoteObj, fileToOptions, formRef]);\n\n  useEffect(() => {\n    if (!existingNoteObj || !typeOptions?.length) {\n      return;\n    }\n    const initialType = typeOptions.find(\n      (option) => option.code === existingNoteObj.typeCode\n    );\n    formRef?.current?.form?.change('type', initialType || null);\n  }, [existingNoteObj, typeOptions, formRef]);\n\n  useEffect(() => {\n    if (!existingNoteObj) {\n      return;\n    }\n    formRef?.current?.form?.change('subject', existingNoteObj?.subject || '');\n  }, [existingNoteObj, formRef]);\n\n  return (\n    <div className={classes.root}>\n      {loading && <LinearProgress color='secondary' />}\n      <AmbientCard fullWidth={true} header={true}>\n        <Form onSubmit={handleOnSubmit} ref={formRef}>\n          <Field\n            component={FluentTextFieldAutoComplete}\n            label={t('File To')}\n            name='fileTo'\n            id='fileTo'\n            fullWidth\n            variant='outlined'\n            margin='dense'\n            size='small'\n            options={fileToOptions || []}\n            optionKey={'label'}\n            required={true}\n            limitTags={!viewOnly ? 2 : -1}\n            isMultiple={true}\n            disabled={disabled}\n          />\n          <div className={classes.row}>\n            <div style={{ width: '100%' }}>\n              <Field\n                component={FluentTextFieldAutoComplete}\n                label={t('Type')}\n                name='type'\n                id='type'\n                fullWidth\n                variant='outlined'\n                margin='dense'\n                size='small'\n                options={typeOptions || []}\n                optionKey={'name'}\n                required={true}\n                disabled={disabled}\n              />\n            </div>\n            {!viewOnly && (\n              <div style={{ width: '100%', marginLeft: 8 }}>\n                <Field\n                  component={FluentTextFieldAutoComplete}\n                  label={t('Template')}\n                  name='template'\n                  id='template'\n                  fullWidth\n                  variant='outlined'\n                  margin='dense'\n                  size='small'\n                  options={templateOptions || []}\n                  optionKey={'name'}\n                  additionalOnChangeAction={onTemplateChange}\n                />\n              </div>\n            )}\n          </div>\n          <Field\n            component={TextField}\n            label={t('Subject')}\n            name='subject'\n            id='subject'\n            fullWidth\n            variant='outlined'\n            size='small'\n            margin='dense'\n            required\n            disabled={disabled}\n            InputProps={{\n              classes: {\n                root: classes?.input,\n                input: classes?.formTextInput\n              }\n            }}\n            InputLabelProps={{\n              classes: {\n                root: classes?.labelRoot\n              }\n            }}\n          />\n          <LayoutUnit unit='nudge' />\n          <CkRichEditor\n            handleChange={handleTextEditorChange}\n            classes={{ editor: classes.editor }}\n            data={note}\n            editorRef={editorRef}\n            isUsingRef={true}\n            readOnly={disabled}\n          />\n        </Form>\n      </AmbientCard>\n      <LayoutUnit unit='nudge' />\n      {shortcutContentFinderEnabled && (\n        <AmbientCard\n          fullWidth={true}\n          header={true}\n          lastChildBottomPadding={'0px'}\n          cardContentHeight={`calc(100vh - ${shellHidden ? '568px' : '623px'})`}\n        >\n          <ShortcutContentFinder onSelect={handleShortcutOnSelect} />\n        </AmbientCard>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/NumberOperator-B9Z8RVLl.js

@@ -0,0 +1,45 @@
+//#region src/models/NumberOperator.ts
+const NumberOperators = [
+	{
+		value: "=",
+		label: "Equals"
+	},
+	{
+		value: "!=",
+		label: "Does not Equal"
+	},
+	{
+		value: ">",
+		label: "Greater Than"
+	},
+	{
+		value: "<",
+		label: "Less Than"
+	},
+	{
+		value: ">=",
+		label: "Greater Than or Equal To"
+	},
+	{
+		value: "<=",
+		label: "Less Than or Equal To"
+	},
+	{
+		value: "BETWEEN",
+		label: "Between"
+	}
+];
+let NumberOperatorEnums = /* @__PURE__ */ function(NumberOperatorEnums$1) {
+	NumberOperatorEnums$1["Equals"] = "=";
+	NumberOperatorEnums$1["Does_Not_Equal"] = "!=";
+	NumberOperatorEnums$1["Greater_Than"] = ">";
+	NumberOperatorEnums$1["Less_Than"] = "<";
+	NumberOperatorEnums$1["Greater_Than_Or_Equal_To"] = ">=";
+	NumberOperatorEnums$1["Less_Than_Or_Equal_To"] = "<=";
+	NumberOperatorEnums$1["Between"] = "BETWEEN";
+	return NumberOperatorEnums$1;
+}({});
+
+//#endregion
+export { NumberOperators as n, NumberOperatorEnums as t };
+//# sourceMappingURL=NumberOperator-B9Z8RVLl.js.map

package/dist/NumberOperator-B9Z8RVLl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberOperator-B9Z8RVLl.js","names":["NumberOperators: Array<NumberOperator>"],"sources":["../src/models/NumberOperator.ts"],"sourcesContent":["export interface NumberOperator {\n  value: string;\n  label: string;\n}\n\nexport const NumberOperators: Array<NumberOperator> = [\n  {\n    value: '=',\n    label: 'Equals'\n  },\n  {\n    value: '!=',\n    label: 'Does not Equal'\n  },\n  {\n    value: '>',\n    label: 'Greater Than'\n  },\n  {\n    value: '<',\n    label: 'Less Than'\n  },\n  {\n    value: '>=',\n    label: 'Greater Than or Equal To'\n  },\n  {\n    value: '<=',\n    label: 'Less Than or Equal To'\n  },\n  {\n    value: 'BETWEEN',\n    label: 'Between'\n  }\n];\n\nexport enum NumberOperatorEnums {\n  Equals = '=',\n  Does_Not_Equal = '!=',\n  Greater_Than = '>',\n  Less_Than = '<',\n  Greater_Than_Or_Equal_To = '>=',\n  Less_Than_Or_Equal_To = '<=',\n  Between = 'BETWEEN'\n}\n"],"mappings":";AAKA,MAAaA,kBAAyC;CACpD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,IAAY,sEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/PAHAdditionalRightComponent-BE7KGxLS.js

@@ -0,0 +1,21 @@
+import { t as useTeleporterStore } from "./teleporterStore-CHOtFki6.js";
+import React from "react";
+
+//#region src/UI/utilityDisplay/utilityHeader/ui/TeleporterSource.tsx
+const TeleportSource = ({ targetId, location, children }) => {
+	const Teleporter = useTeleporterStore((state) => state.getTeleporter)(targetId, location).Source;
+	return /* @__PURE__ */ React.createElement(Teleporter, { children });
+};
+
+//#endregion
+//#region src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalRightComponent.jsx
+const PAHAdditionalRightComponent = ({ children, targetId }) => {
+	return /* @__PURE__ */ React.createElement(TeleportSource, {
+		targetId,
+		location: "right"
+	}, children);
+};
+
+//#endregion
+export { TeleportSource as n, PAHAdditionalRightComponent as t };
+//# sourceMappingURL=PAHAdditionalRightComponent-BE7KGxLS.js.map

package/dist/PAHAdditionalRightComponent-BE7KGxLS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PAHAdditionalRightComponent-BE7KGxLS.js","names":["TeleportSource: React.FC<TeleportSourceProps>"],"sources":["../src/UI/utilityDisplay/utilityHeader/ui/TeleporterSource.tsx","../src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalRightComponent.jsx"],"sourcesContent":["import React from 'react';\nimport { useTeleporterStore } from '../../../../stores/teleporterStore';\n\ntype TeleportSourceProps = {\n  targetId: string;\n  location: string;\n  children: React.ReactNode;\n};\n\nexport const TeleportSource: React.FC<TeleportSourceProps> = ({\n  targetId,\n  location,\n  children\n}) => {\n  const getTeleporter = useTeleporterStore((state) => state.getTeleporter);\n  const Teleporter = getTeleporter(targetId, location).Source;\n  return <Teleporter children={children}></Teleporter>;\n};","import React from 'react';\n\nimport {TeleportSource} from './TeleporterSource';\n\nexport const PAHAdditionalRightComponent = ({ children, targetId }) => {\n  return <TeleportSource targetId={targetId} location={\"right\"}>{children}</TeleportSource>;\n};\n"],"mappings":";;;;AASA,MAAaA,kBAAiD,EAC5D,UACA,UACA,eACI;CAEJ,MAAM,aADgB,oBAAoB,UAAU,MAAM,cAAc,CACvC,UAAU,SAAS,CAAC;AACrD,QAAO,oCAAC,cAAqB,WAAuB;;;;;ACZtD,MAAa,+BAA+B,EAAE,UAAU,eAAe;AACrE,QAAO,oCAAC;EAAyB;EAAU,UAAU;IAAU,SAA0B"}

package/dist/PageActionWrapper-BLi6xXdd.js

@@ -0,0 +1,55 @@
+import { t as apiMutate$1 } from "./useAxiosMutate-C_CLzTKW.js";
+import { r as useActionStore } from "./inquiryStore-Kq3nlMze.js";
+import { n as useShellStore } from "./shellStore-B_6P0cep.js";
+import { t as useActionState } from "./useActions-V6oRdjcy.js";
+import { t as ActionSplitScreen } from "./ActionSplitScreen-yRM4iJ0A.js";
+import { n as PageSubHeaderActionsTarget } from "./PageSubHeaderAction-P5JNbI1r.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { useSnackbar } from "notistack";
+
+//#region src/actions/PageActionWrapper.jsx
+const PageActionWrapper = (props) => {
+	const { children, forPageContainer = false, splitScreenStateKey = "pageSplitScreen" } = props;
+	const [actionPanel, setActionPanel] = useState(null);
+	const { enqueueSnackbar } = useSnackbar();
+	const actionState = useActionState();
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const currentContainerId = useShellStore((state) => state.currentContainerId);
+	const action = useMemo(() => {
+		let selectedAction = null;
+		if (actionState) {
+			if (actionState.pageSplitScreen?.action) selectedAction = actionState.pageSplitScreen.action;
+		}
+		return selectedAction;
+	}, [actionState]);
+	const executeAction = useCallback(async (data, id) => apiMutate$1(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${id}`, { method: "post" }, data), []);
+	useEffect(() => {
+		if (action && actionState) setActionPanel(actionState?.actionPanels[currentContainerId || 0]?.find((ap) => ap.panelActions.find((pa) => pa.actionId === action.actionId)));
+	}, [
+		action,
+		actionState,
+		currentContainerId
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageSubHeaderActionsTarget, null), /* @__PURE__ */ React.createElement(ActionSplitScreen, {
+		body: children,
+		open: actionState?.[splitScreenStateKey]?.open,
+		action: actionState?.[splitScreenStateKey]?.action,
+		type: actionState?.[splitScreenStateKey]?.type,
+		params: actionState?.[splitScreenStateKey]?.params,
+		executeAction,
+		actionPanel,
+		enqueueSnackbar,
+		selectedNodeObj: selectedNode?.nodeObj,
+		menuNodeList: actionState?.menuListState?.menuList,
+		forPage: true,
+		forPageContainer,
+		selectedNode: actionState?.inquiryParams[currentContainerId || 0]?.selectedNode,
+		selectedNodeParent: actionState?.inquiryParams[currentContainerId || 0]?.selectedNodeParent,
+		refreshTree: actionState?.inquiryParams[currentContainerId || 0]?.refreshTree
+	}));
+};
+
+//#endregion
+export { PageActionWrapper as t };
+//# sourceMappingURL=PageActionWrapper-BLi6xXdd.js.map

package/dist/PageActionWrapper-BLi6xXdd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageActionWrapper-BLi6xXdd.js","names":["apiMutate"],"sources":["../src/actions/PageActionWrapper.jsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useMemo } from 'react';\nimport { useSnackbar } from 'notistack';\nimport { ActionSplitScreen } from './ActionSplitScreen';\nimport { useActionState } from '../hooks/useActions';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { PageSubHeaderActionsTarget } from '../utilities/page/PageSubHeaderAction';\nimport { useActionStore } from '../stores/actionStore';\nimport { useShellStore } from '../stores/shellStore';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const PageActionWrapper = (props) => {\n  const {\n    children,\n    forPageContainer = false,\n    splitScreenStateKey = 'pageSplitScreen'\n  } = props;\n  const [actionPanel, setActionPanel] = useState(null);\n  const { enqueueSnackbar } = useSnackbar();\n  const actionState = useActionState();\n  const selectedNode = useActionStore((state) => state.selectedNode);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n\n  const action = useMemo(() => {\n    let selectedAction = null;\n    if (actionState) {\n      if (actionState.pageSplitScreen?.action) {\n        selectedAction = actionState.pageSplitScreen.action;\n      }\n    }\n\n    return selectedAction;\n  }, [actionState]);\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  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  return (\n    <>\n      <PageSubHeaderActionsTarget />\n      <ActionSplitScreen\n        body={children}\n        open={actionState?.[splitScreenStateKey]?.open}\n        action={actionState?.[splitScreenStateKey]?.action}\n        type={actionState?.[splitScreenStateKey]?.type}\n        params={actionState?.[splitScreenStateKey]?.params}\n        executeAction={executeAction}\n        actionPanel={actionPanel}\n        enqueueSnackbar={enqueueSnackbar}\n        selectedNodeObj={selectedNode?.nodeObj}\n        menuNodeList={actionState?.menuListState?.menuList}\n        forPage={true}\n        forPageContainer={forPageContainer}\n        selectedNode={\n          actionState?.inquiryParams[currentContainerId || 0]?.selectedNode\n        }\n        selectedNodeParent={\n          actionState?.inquiryParams[currentContainerId || 0]\n            ?.selectedNodeParent\n        }\n        refreshTree={\n          actionState?.inquiryParams[currentContainerId || 0]?.refreshTree\n        }\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EACJ,UACA,mBAAmB,OACnB,sBAAsB,sBACpB;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CACpD,MAAM,EAAE,oBAAoB,aAAa;CACzC,MAAM,cAAc,gBAAgB;CACpC,MAAM,eAAe,gBAAgB,UAAU,MAAM,aAAa;CAClE,MAAM,qBAAqB,eAAe,UAAU,MAAM,mBAAmB;CAE7E,MAAM,SAAS,cAAc;EAC3B,IAAI,iBAAiB;AACrB,MAAI,aACF;OAAI,YAAY,iBAAiB,OAC/B,kBAAiB,YAAY,gBAAgB;;AAIjD,SAAO;IACN,CAAC,YAAY,CAAC;CAEjB,MAAM,gBAAgB,YACpB,OAAO,MAAM,OACXA,YACE,cAAc,qBACd,wCAAwC,MACxC,EACE,QAAQ,QACT,EACD,KACD,EACH,EAAE,CACH;AAED,iBAAgB;AACd,MAAI,UAAU,YACZ,gBACE,aAAa,aAAa,sBAAsB,IAAI,MAAM,OACxD,GAAG,aAAa,MAAM,OAAO,GAAG,aAAa,OAAO,SAAS,CAC9D,CACF;IAEF;EAAC;EAAQ;EAAa;EAAmB,CAAC;AAE7C,QACE,0DACE,oCAAC,iCAA6B,EAC9B,oCAAC;EACC,MAAM;EACN,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC5C,MAAM,cAAc,sBAAsB;EAC1C,QAAQ,cAAc,sBAAsB;EAC7B;EACF;EACI;EACjB,iBAAiB,cAAc;EAC/B,cAAc,aAAa,eAAe;EAC1C,SAAS;EACS;EAClB,cACE,aAAa,cAAc,sBAAsB,IAAI;EAEvD,oBACE,aAAa,cAAc,sBAAsB,IAC7C;EAEN,aACE,aAAa,cAAc,sBAAsB,IAAI;GAEvD,CACD"}