udp-react-enterprise-component-library 25.18.1-beta.1 → 25.18.1-beta.10

package/dist/NotesScreen-DeWD6LVV.js

@@ -0,0 +1,365 @@
+import { t as Form } from "./Form-DbOA5j38.js";
+import { t as Field } from "./Field-Cda5rJe2.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import { N as UdpEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
+import { t as useActionState } from "./useActions-CBGNxEKr.js";
+import { r as getSearchObject } from "./SearchUtilities-Df1gkDw9.js";
+import { r as constructBusinessObjectArrFromTree } from "./TreeUtilities-C6e2dd4g.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as CkRichEditor } from "./CkRichEditor-CoP_h6jt.js";
+import { a as getBaseMethod, i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-DEk9B4A8.js";
+import { t as ShortcutContentFinder } from "./ShortcutContentFinder-DV4VXUyJ.js";
+import { t as AmbientCard } from "./AmbientCard-DK9abODq.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-DeWD6LVV.js.map

package/dist/NotesScreen-DeWD6LVV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesScreen-DeWD6LVV.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/PAHAdditionalTitleComponent-BxXnCmRL.js

@@ -0,0 +1,47 @@
+import { n as TeleportSource } from "./PAHAdditionalRightComponent-DMOU9Mho.js";
+import { t as StandardTitle } from "./StandardTitle-DJ9zcNBA.js";
+import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-DczLNWuA.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/utilityHeader/UtilityTabHeader.jsx
+function a11yProps(index) {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+}
+const useStyles = makeStyles((theme) => ({
+	root: {
+		flexGrow: 1,
+		marginTop: 12
+	},
+	title: { margin: theme.spacing(2) },
+	titleWrapper: { paddingLeft: theme.spacing(2) }
+}));
+const UtilityTabHeader = ({ handleChange, value, tabList, title = "Page title" }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement(StandardTitle, null, title)), /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
+		value,
+		onChange: handleChange
+	}, tabList && tabList.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(FluentSimpleTab, {
+			key: item.label,
+			label: item.label,
+			...a11yProps(index)
+		});
+	})));
+};
+
+//#endregion
+//#region src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalTitleComponent.jsx
+const PAHAdditionalTitleComponent = ({ children, targetId }) => {
+	return /* @__PURE__ */ React.createElement(TeleportSource, {
+		targetId,
+		location: "title"
+	}, children);
+};
+
+//#endregion
+export { UtilityTabHeader as n, PAHAdditionalTitleComponent as t };
+//# sourceMappingURL=PAHAdditionalTitleComponent-BxXnCmRL.js.map

package/dist/PAHAdditionalTitleComponent-BxXnCmRL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PAHAdditionalTitleComponent-BxXnCmRL.js","names":[],"sources":["../src/UI/utilityDisplay/utilityHeader/UtilityTabHeader.jsx","../src/UI/utilityDisplay/utilityHeader/ui/PAHAdditionalTitleComponent.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentSimpleTab } from '../../navigation/tabs/defaultTabs/FluentSimpleTab'\nimport { FluentSimpleTabs } from '../../navigation/tabs/defaultTabs/FluentSimpleTabs'\nimport { StandardTitle } from '../../dataDisplay/typography/StandardTitle'\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  }\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    marginTop: 12\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  titleWrapper: {\n    paddingLeft: theme.spacing(2)\n  }\n}))\n\nexport const UtilityTabHeader = ({\n  handleChange,\n  value,\n  tabList,\n  title = 'Page title'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.titleWrapper}>\n        <StandardTitle>{title}</StandardTitle>\n      </div>\n\n      <FluentSimpleTabs value={value} onChange={handleChange}>\n        {tabList &&\n          tabList.map((item, index) => {\n            return (\n              <FluentSimpleTab\n                key={item.label}\n                label={item.label}\n                {...a11yProps(index)}\n              />\n            )\n          })}\n      </FluentSimpleTabs>\n    </div>\n  )\n}\n","import React from 'react';\n\nimport {TeleportSource} from './TeleporterSource';\n\nexport const PAHAdditionalTitleComponent = ({ children, targetId }) => {\n  return <TeleportSource targetId={targetId} location={\"title\"}>{children}</TeleportSource>;\n};\n"],"mappings":";;;;;;;AAMA,SAAS,UAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,WAAW;EACZ;CACD,OAAO,EACL,QAAQ,MAAM,QAAQ,EAAE,EACzB;CACD,cAAc,EACZ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACF,EAAE;AAEH,MAAa,oBAAoB,EAC/B,cACA,OACA,SACA,QAAQ,mBACJ;CACJ,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,qBAAe,MAAsB,CAClC,EAEN,oCAAC;EAAwB;EAAO,UAAU;IACvC,WACC,QAAQ,KAAK,MAAM,UAAU;AAC3B,SACE,oCAAC;GACC,KAAK,KAAK;GACV,OAAO,KAAK;GACZ,GAAI,UAAU,MAAM;IACpB;GAEJ,CACa,CACf;;;;;AChDV,MAAa,+BAA+B,EAAE,UAAU,eAAe;AACrE,QAAO,oCAAC;EAAyB;EAAU,UAAU;IAAU,SAA0B"}

package/dist/PDFViewer-DSCCSPA6.js

@@ -0,0 +1,169 @@
+import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DM2DNWCe.js";
+import React, { useEffect, useState } from "react";
+import { IconButton, makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+import { Document, Page, pdfjs } from "react-pdf";
+import FirstPageIcon from "@material-ui/icons/esm/FirstPage";
+import NavigateBeforeIcon from "@material-ui/icons/esm/NavigateBefore";
+import NavigateNextIcon from "@material-ui/icons/esm/NavigateNext";
+import LastPageIcon from "@material-ui/icons/esm/LastPage";
+import ZoomInIcon from "@material-ui/icons/esm/ZoomIn";
+import ZoomOutIcon from "@material-ui/icons/esm/ZoomOut";
+import CloudDownloadOutlinedIcon from "@material-ui/icons/esm/CloudDownloadOutlined";
+import HighlightOffOutlinedIcon from "@material-ui/icons/esm/HighlightOffOutlined";
+
+//#region src/UI/fileViewer/pdfViewer/ControlPanel.tsx
+const useStyles$1 = makeStyles((theme) => ({
+	controlPanel: {
+		fontSize: "16px",
+		backgroundColor: theme.palette.background.paper,
+		borderRadius: "5px",
+		width: "fit-content",
+		padding: theme.spacing(1),
+		margin: "8px auto",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "10px"
+	},
+	pageActions: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		gap: "10px"
+	},
+	pageNumber: {
+		display: "flex",
+		gap: 5,
+		minWidth: "125px"
+	}
+}));
+const ControlPanel = (props) => {
+	const { pageNumber, numPages, setPageNumber, scale, setScale, file, closePDF, onClickDownload } = props;
+	const isFirstPage = pageNumber === 1;
+	const isLastPage = pageNumber === numPages;
+	const { t } = useTranslation();
+	const classes = useStyles$1();
+	const goToFirstPage = () => {
+		if (!isFirstPage) setPageNumber(1);
+	};
+	const goToPreviousPage = () => {
+		if (!isFirstPage) setPageNumber(pageNumber - 1);
+	};
+	const goToNextPage = () => {
+		if (!isLastPage) setPageNumber(pageNumber + 1);
+	};
+	const goToLastPage = () => {
+		if (!isLastPage) setPageNumber(numPages);
+	};
+	const onPageChange = (e) => {
+		const { value } = e.target;
+		setPageNumber(Number(value));
+	};
+	const isMinZoom = scale < .6;
+	const isMaxZoom = scale >= 2;
+	const zoomOut = () => {
+		if (!isMinZoom) setScale(scale - .1);
+	};
+	const zoomIn = () => {
+		if (!isMaxZoom) setScale(scale + .1);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.controlPanel }, /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToFirstPage,
+		disabled: isFirstPage
+	}, /* @__PURE__ */ React.createElement(FirstPageIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToPreviousPage,
+		disabled: isFirstPage
+	}, /* @__PURE__ */ React.createElement(NavigateBeforeIcon, null)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.pageNumber }, /* @__PURE__ */ React.createElement(Typography$1, null, t("Page"), " "), /* @__PURE__ */ React.createElement("input", {
+		name: "pageNumber",
+		type: "number",
+		min: 1,
+		max: numPages || 1,
+		style: {
+			padding: 0,
+			paddingLeft: 1,
+			margin: 0,
+			textAlign: "end"
+		},
+		value: pageNumber,
+		onChange: onPageChange
+	}), " ", /* @__PURE__ */ React.createElement(Typography$1, null, "of ", numPages))), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToNextPage,
+		disabled: isLastPage
+	}, /* @__PURE__ */ React.createElement(NavigateNextIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: goToLastPage,
+		disabled: isLastPage
+	}, /* @__PURE__ */ React.createElement(LastPageIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: zoomOut,
+		disabled: isMinZoom
+	}, /* @__PURE__ */ React.createElement(ZoomOutIcon, null)), /* @__PURE__ */ React.createElement(Typography$1, null, (scale * 100).toFixed(), "%"), /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: zoomIn,
+		disabled: isMaxZoom
+	}, /* @__PURE__ */ React.createElement(ZoomInIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
+		href: file,
+		size: "small",
+		onClick: onClickDownload
+	}, /* @__PURE__ */ React.createElement(CloudDownloadOutlinedIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
+		size: "small",
+		onClick: closePDF
+	}, /* @__PURE__ */ React.createElement(HighlightOffOutlinedIcon, null))));
+};
+var ControlPanel_default = ControlPanel;
+
+//#endregion
+//#region src/UI/fileViewer/pdfViewer/PDFViewer.tsx
+const useStyles = makeStyles((theme) => ({
+	pdfSection: (props) => ({ minWidth: props?.minWidth }),
+	documentContainer: {
+		display: "flex",
+		justifyContent: "center",
+		width: "100%",
+		height: "100%",
+		overflowX: "auto",
+		overflowY: "hidden"
+	},
+	loadingBox: { width: "100%" }
+}));
+const PDFViewer = ({ isPDFOpen = true, fileUrl, blobPDF, closePDF, onClickDownload, minWidth }) => {
+	const [scale, setScale] = useState(1);
+	const [numPages, setNumPages] = useState(null);
+	const [pageNumber, setPageNumber] = useState(1);
+	const classes = useStyles({ minWidth });
+	useEffect(() => {
+		pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+	});
+	function onDocumentLoadSuccess({ numPages: numPages$1 }) {
+		setNumPages(numPages$1);
+	}
+	return /* @__PURE__ */ React.createElement("div", null, isPDFOpen && /* @__PURE__ */ React.createElement("div", {
+		id: "pdf-section",
+		className: classes.pdfSection
+	}, /* @__PURE__ */ React.createElement(ControlPanel_default, {
+		scale,
+		setScale,
+		numPages,
+		pageNumber,
+		setPageNumber,
+		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
+		closePDF,
+		onClickDownload
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.documentContainer }, /* @__PURE__ */ React.createElement(Document, {
+		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
+		onLoadSuccess: onDocumentLoadSuccess
+	}, /* @__PURE__ */ React.createElement(Page, {
+		pageNumber,
+		scale,
+		loading: /* @__PURE__ */ React.createElement("div", { className: classes.loadingBox }, /* @__PURE__ */ React.createElement(LinearProgress$1, null))
+	})))));
+};
+
+//#endregion
+export { PDFViewer as t };
+//# sourceMappingURL=PDFViewer-DSCCSPA6.js.map