udp-react-enterprise-component-library 25.18.0 → 25.18.1-beta.2

package/dist/NewsCard-CG1s3H8F.js

@@ -0,0 +1,57 @@
+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 as t };
+//# sourceMappingURL=NewsCard-CG1s3H8F.js.map

package/dist/NewsCard-CG1s3H8F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCard-CG1s3H8F.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-BtOQQiwA.js

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

package/dist/NodeLoader-BtOQQiwA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeLoader-BtOQQiwA.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-C-_BJAkA.js

@@ -0,0 +1,63 @@
+import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
+import { t as AvatarAlphabet } from "./AvatarAlphabet-CX-usWH_.js";
+import { t as TrimForAvatar } from "./TrimForAvatar-Co2o_WKF.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 { useStyles as n, Note as r, Notes as t };
+//# sourceMappingURL=Notes-C-_BJAkA.js.map

package/dist/Notes-C-_BJAkA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notes-C-_BJAkA.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-BjY_InsP.js

@@ -0,0 +1,365 @@
+import { t as Form } from "./Form-DZ1kwXKb.js";
+import { t as Field } from "./Field-Cpjv208h.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-g8jRczF9.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-BnHT4nq0.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-blAjLcmr.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-BjY_InsP.js.map

package/dist/NotesScreen-BjY_InsP.js.map

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