udp-react-enterprise-component-library 25.14.1-beta.8 → 25.16.0

package/dist/NewsCard-BpNmD2kg.js

@@ -1,57 +0,0 @@
-import React, { useState } from "react";
-import { Collapse, Divider, Typography, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/surfaces/cards/newsCard/NewsCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { "&:hover": {
-		backgroundColor: theme.palette.secondary.main,
-		color: theme?.palette?.getContrastText(theme.palette.secondary.main)
-	} },
-	title: {
-		lineHeight: 1.2,
-		marginBottom: theme.spacing(1.5)
-	},
-	number: {
-		marginRight: 16,
-		paddingLeft: 16
-	},
-	divider: {
-		width: "100%",
-		marginTop: 16
-	}
-}));
-const NewsCard = ({ number, title, summary, width, component = "h2" }) => {
-	const [expanded, setExpanded] = useState(false);
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classes.root,
-		style: { cursor: summary.length > 56 && "pointer" },
-		onClick: () => setExpanded(!expanded)
-	}, /* @__PURE__ */ React.createElement("div", { style: {
-		width: width === "double" ? 560 : 260,
-		display: "flex",
-		marginTop: 16,
-		paddingRight: 16
-	} }, /* @__PURE__ */ React.createElement("div", { className: classes.number }, /* @__PURE__ */ React.createElement(Typography, { variant: "h2" }, number)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "subtitle2",
-		component,
-		className: classes.title
-	}, title), /* @__PURE__ */ React.createElement(Typography, { style: { minHeight: width !== "double" && 40 } }, summary.slice(0, 57), " ", summary.length > 56 && !expanded && "...")), /* @__PURE__ */ React.createElement(Collapse, {
-		in: expanded,
-		timeout: "auto",
-		unmountOnExit: true
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, null, summary.slice(57)))))), /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }));
-};
-NewsCard.propTypes = {
-	number: PropTypes.number.isRequired,
-	title: PropTypes.string.isRequired,
-	component: PropTypes.string,
-	summary: PropTypes.string.isRequired,
-	width: PropTypes.string
-};
-NewsCard.defaultProps = { component: "h2" };
-
-//#endregion
-export { NewsCard };
-//# sourceMappingURL=NewsCard-BpNmD2kg.js.map

package/dist/NewsCard-BpNmD2kg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NewsCard-BpNmD2kg.js","names":[],"sources":["../src/UI/surfaces/cards/newsCard/NewsCard.jsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Typography, makeStyles, Collapse, Divider } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&:hover': {\n      backgroundColor: theme.palette.secondary.main,\n      color: theme?.palette?.getContrastText(theme.palette.secondary.main)\n    }\n  },\n  title: {\n    lineHeight: 1.2,\n    marginBottom: theme.spacing(1.5)\n  },\n  number: {\n    marginRight: 16,\n    paddingLeft: 16\n  },\n  divider: {\n    width: '100%',\n    marginTop: 16\n  }\n}))\n\nexport const NewsCard = ({\n  number,\n  title,\n  summary,\n  width,\n  component = 'h2'\n}) => {\n  const [expanded, setExpanded] = useState(false)\n\n  const classes = useStyles()\n\n  return (\n    <div\n      className={classes.root}\n      style={{ cursor: summary.length > 56 && 'pointer' }}\n      onClick={() => setExpanded(!expanded)}\n    >\n      <div\n        style={{\n          width: width === 'double' ? 560 : 260,\n          display: 'flex',\n          marginTop: 16,\n          paddingRight: 16\n        }}\n      >\n        <div className={classes.number}>\n          <Typography variant='h2'>{number}</Typography>\n        </div>\n\n        <div>\n          <div>\n            <Typography\n              variant='subtitle2'\n              component={component}\n              className={classes.title}\n            >\n              {title}\n            </Typography>\n            <Typography style={{ minHeight: width !== 'double' && 40 }}>\n              {summary.slice(0, 57)} {summary.length > 56 && !expanded && '...'}\n            </Typography>\n          </div>\n          <Collapse in={expanded} timeout='auto' unmountOnExit>\n            <div>\n              <Typography>{summary.slice(57)}</Typography>\n            </div>\n          </Collapse>\n        </div>\n      </div>\n      <Divider className={classes.divider} />\n    </div>\n  )\n}\nNewsCard.propTypes = {\n  /**\n   * Number listed by news item\n   */\n  number: PropTypes.number.isRequired,\n  /**\n   * Title of news item\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string,\n  /**\n   * Summary of news item (overflow beyond 56 characters is sent to expanded content area)\n   */\n  summary: PropTypes.string.isRequired,\n  /**\n   * Optional width flag. width === double will set the card to full width\n   */\n  width: PropTypes.string\n}\n\nNewsCard.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,WAAW;EACT,iBAAiB,MAAM,QAAQ,UAAU;EACzC,OAAO,OAAO,SAAS,gBAAgB,MAAM,QAAQ,UAAU,KAAK;EACrE,EACF;CACD,OAAO;EACL,YAAY;EACZ,cAAc,MAAM,QAAQ,IAAI;EACjC;CACD,QAAQ;EACN,aAAa;EACb,aAAa;EACd;CACD,SAAS;EACP,OAAO;EACP,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,QACA,OACA,SACA,OACA,YAAY,WACR;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,QAAQ,QAAQ,SAAS,MAAM,WAAW;EACnD,eAAe,YAAY,CAAC,SAAS;IAErC,oCAAC,SACC,OAAO;EACL,OAAO,UAAU,WAAW,MAAM;EAClC,SAAS;EACT,WAAW;EACX,cAAc;EACf,IAED,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,cAAW,SAAQ,QAAM,OAAoB,CAC1C,EAEN,oCAAC,aACC,oCAAC,aACC,oCAAC;EACC,SAAQ;EACG;EACX,WAAW,QAAQ;IAElB,MACU,EACb,oCAAC,cAAW,OAAO,EAAE,WAAW,UAAU,YAAY,IAAI,IACvD,QAAQ,MAAM,GAAG,GAAG,EAAC,KAAE,QAAQ,SAAS,MAAM,CAAC,YAAY,MACjD,CACT,EACN,oCAAC;EAAS,IAAI;EAAU,SAAQ;EAAO;IACrC,oCAAC,aACC,oCAAC,kBAAY,QAAQ,MAAM,GAAG,CAAc,CACxC,CACG,CACP,CACF,EACN,oCAAC,WAAQ,WAAW,QAAQ,UAAW,CACnC;;AAGV,SAAS,YAAY;CAInB,QAAQ,UAAU,OAAO;CAIzB,OAAO,UAAU,OAAO;CAIxB,WAAW,UAAU;CAIrB,SAAS,UAAU,OAAO;CAI1B,OAAO,UAAU;CAClB;AAED,SAAS,eAAe,EACtB,WAAW,MACZ"}

package/dist/NodeLoader-DRIIc46w.js

@@ -1,46 +0,0 @@
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.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 };
-//# sourceMappingURL=NodeLoader-DRIIc46w.js.map

package/dist/NodeLoader-DRIIc46w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NodeLoader-DRIIc46w.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/Notes-Bc7nRiJE.js

@@ -1,63 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { AvatarAlphabet } from "./AvatarAlphabet-BFwr2xyn.js";
-import { TrimForAvatar } from "./TrimForAvatar-CB5QXqe_.js";
-import React from "react";
-import { CardContent, Paper, Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { DeleteIcon } from "@fluentui/react-icons";
-import TimeAgo from "timeago-react";
-
-//#region src/UI/dataDisplay/notes/Note.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		display: "flex"
-	},
-	avatar: { marginRight: theme.spacing(2) },
-	message: { width: "100%" },
-	noteWrapper: { display: "flex" },
-	note: { flex: 1 },
-	date: { marginTop: theme.spacing(2) }
-}));
-const Note = ({ children, author, date, className, onClick }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.avatar }, /* @__PURE__ */ React.createElement(AvatarAlphabet, { avatarCharacter: TrimForAvatar(author) })), /* @__PURE__ */ React.createElement(Paper, {
-		elevation: 0,
-		className: classes.message
-	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.noteWrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body2",
-		className: classes.note
-	}, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		color: "primary",
-		icon: DeleteIcon,
-		onClick
-	}))), /* @__PURE__ */ React.createElement("div", { className: classes.date }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, /* @__PURE__ */ React.createElement(TimeAgo, { datetime: date }))))));
-};
-
-//#endregion
-//#region src/UI/dataDisplay/notes/Notes.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	display: "flex",
-	flexDirection: "column",
-	alignContent: "space-around"
-} }));
-/**
-* @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<Theme, {}, string>>}
-*/
-const Notes = ({ data, key, handleClick }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, data && data.map((item) => {
-		return /* @__PURE__ */ React.createElement("div", {
-			style: { marginBottom: 20 },
-			key
-		}, /* @__PURE__ */ React.createElement(Note, {
-			author: item.author,
-			date: item.date.toString(),
-			onClick: () => handleClick(item.id)
-		}, item.note));
-	}));
-};
-
-//#endregion
-export { Note, Notes, useStyles };
-//# sourceMappingURL=Notes-Bc7nRiJE.js.map

package/dist/Notes-Bc7nRiJE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notes-Bc7nRiJE.js","names":["useStyles"],"sources":["../src/UI/dataDisplay/notes/Note.jsx","../src/UI/dataDisplay/notes/Notes.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Paper, CardContent, Typography } from '@material-ui/core'\nimport { AvatarAlphabet } from '../AvatarAlphabet'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { DeleteIcon } from '@fluentui/react-icons'\nimport { TrimForAvatar } from '../../../utilities/TrimForAvatar'\nimport TimeAgo from 'timeago-react'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    display: 'flex'\n  },\n  avatar: {\n    marginRight: theme.spacing(2)\n  },\n  message: {\n    width: '100%'\n  },\n  noteWrapper: {\n    display: 'flex'\n  },\n  note: {\n    flex: 1\n  },\n  date: {\n    marginTop: theme.spacing(2)\n  }\n}))\n\nexport const Note = ({ children, author, date, className, onClick }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.avatar}>\n        <AvatarAlphabet avatarCharacter={TrimForAvatar(author)} />\n      </div>\n\n      <Paper elevation={0} className={classes.message}>\n        <CardContent>\n          <div className={classes.noteWrapper}>\n            <Typography variant='body2' className={classes.note}>\n              {children}\n            </Typography>\n            <div>\n              <FluentIconButton\n                color='primary'\n                icon={DeleteIcon}\n                onClick={onClick}\n              />\n            </div>\n          </div>\n          <div className={classes.date}>\n            <Typography variant='caption'>\n              <TimeAgo datetime={date} />\n            </Typography>\n          </div>\n        </CardContent>\n      </Paper>\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { Note } from './Note'\n\nexport const useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignContent: 'space-around'\n  }\n}))\n\n/**\n * @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<Theme, {}, string>>}\n */\n\nexport const Notes = ({ data, key, handleClick }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      {data &&\n        data.map((item) => {\n          return (\n            <div style={{ marginBottom: 20 }} key={key}>\n              <Note\n                author={item.author}\n                date={item.date.toString()}\n                onClick={() => handleClick(item.id)}\n              >\n                {item.note}\n              </Note>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,OAAO;EACP,SAAS;EACV;CACD,QAAQ,EACN,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,SAAS,EACP,OAAO,QACR;CACD,aAAa,EACX,SAAS,QACV;CACD,MAAM,EACJ,MAAM,GACP;CACD,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAa,QAAQ,EAAE,UAAU,QAAQ,MAAM,WAAW,cAAc;CACtE,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,kBAAe,iBAAiB,cAAc,OAAO,GAAI,CACtD,EAEN,oCAAC;EAAM,WAAW;EAAG,WAAW,QAAQ;IACtC,oCAAC,mBACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAC5C,SACU,EACb,oCAAC,aACC,oCAAC;EACC,OAAM;EACN,MAAM;EACG;GACT,CACE,CACF,EACN,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,cAAW,SAAQ,aAClB,oCAAC,WAAQ,UAAU,OAAQ,CAChB,CACT,CACM,CACR,CACJ;;;;;ACzDV,MAAa,YAAY,YAAY,WAAW,EAC9C,MAAM;CACJ,SAAS;CACT,eAAe;CACf,cAAc;CACf,EACF,EAAE;;;;AAMH,MAAa,SAAS,EAAE,MAAM,KAAK,kBAAkB;CACnD,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,QACC,KAAK,KAAK,SAAS;AACjB,SACE,oCAAC;GAAI,OAAO,EAAE,cAAc,IAAI;GAAO;KACrC,oCAAC;GACC,QAAQ,KAAK;GACb,MAAM,KAAK,KAAK,UAAU;GAC1B,eAAe,YAAY,KAAK,GAAG;KAElC,KAAK,KACD,CACH;GAER,CACA"}

package/dist/NotesScreen-CmMz3GTR.js

@@ -1,367 +0,0 @@
-import { Form } from "./FormButtons-Bstnb0d-.js";
-import { Field } from "./Field-Idoc1A5M.js";
-import { useHandleAxiosSnackbar } from "./apiHelpers-DF2KUI11.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
-import { UdpEnums } from "./unitySystemEnums-BIMR5AWe.js";
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import { useActionState } from "./useActions-CKdp6TpD.js";
-import { getSearchObject } from "./SearchUtilities-CzmJ6hI2.js";
-import { constructBusinessObjectArrFromTree } from "./TreeUtilities-XLrXtUeL.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { CkRichEditor } from "./CkRichEditor-BzyNk5CH.js";
-import { executeQueryAdHoc, executeQueryWithParameters, getBaseMethod } from "./methodUtils-Bgi0VCWP.js";
-import { ShortcutContentFinder } from "./ShortcutContentFinder-M8Rg7N2i.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.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 data = { data: getSearchObject([], 1, 200, true) };
-				const typesResponse = await executeQueryAdHoc(data, 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 data = { data: getSearchObject([], 1, 200, true) };
-				const templatesResponse = await executeQueryAdHoc(data, 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 };
-//# sourceMappingURL=NotesScreen-CmMz3GTR.js.map

package/dist/NotesScreen-CmMz3GTR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotesScreen-CmMz3GTR.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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"}