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

package/dist/ProgressBarWidget-B7FzyHBP.js

@@ -0,0 +1,77 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
+import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
+import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-jvROy309.js";
+import React, { Fragment, forwardRef } from "react";
+import { Divider, LinearProgress, Typography, makeStyles } from "@material-ui/core";
+
+//#region src/UI/widgets/library/ProgressBarWidget/ProgressBarWidget.jsx
+const layout = {
+	w: {
+		default: 2,
+		min: 0,
+		max: 4
+	},
+	h: {
+		default: 2,
+		min: 0,
+		max: 4
+	}
+};
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	displayItems: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "space-around",
+		color: "white"
+	},
+	divider: {
+		marginTop: theme.spacing(4),
+		marginBottom: theme.spacing(2)
+	}
+}));
+const ProgressBarWidget = (props, ref) => {
+	const { children, params, setParam,...other } = props;
+	const { mockData, apiUrl, theme, dateRange } = params;
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		theme,
+		ref,
+		...other,
+		title: mockData?.title,
+		widgetType: "ProgressBarWidget"
+	}, mockData ? /* @__PURE__ */ React.createElement(Fragment, null, dateRange && /* @__PURE__ */ React.createElement(Typography, {
+		gutterBottom: true,
+		variant: "caption",
+		component: "h3"
+	}, "Starting: ", convertISODate(dateRange.from)), /* @__PURE__ */ React.createElement(FluentPrimaryStatNumber_default, {
+		mainStat: mockData?.value,
+		mainLabel: mockData?.label
+	}), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LinearProgress, {
+		variant: "determinate",
+		color: "secondary",
+		value: mockData?.progress
+	}), mockData?.progress, "%"), mockData?.data && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, { style: {
+		background: "white",
+		opacity: .5
+	} })), /* @__PURE__ */ React.createElement("div", { className: classes.displayItems }, mockData?.data.map((item, index) => {
+		return /* @__PURE__ */ React.createElement(FluentSecondaryStatNumber_default, {
+			secondaryStat: item.value,
+			secondaryLabel: item.label,
+			trend: item.trend
+		});
+	}))), children) : /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Could not retrieve widget data. Please contact support."));
+};
+var ProgressBarWidget_default = forwardRef(ProgressBarWidget);
+
+//#endregion
+//#region src/UI/widgets/library/ProgressBarWidget/index.ts
+var ProgressBarWidget_exports = /* @__PURE__ */ __export({
+	default: () => ProgressBarWidget_default,
+	layout: () => layout
+});
+
+//#endregion
+export { ProgressBarWidget_default as n, layout as r, ProgressBarWidget_exports as t };
+//# sourceMappingURL=ProgressBarWidget-B7FzyHBP.js.map

package/dist/ProgressBarWidget-B7FzyHBP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarWidget-B7FzyHBP.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/ProgressBarWidget/ProgressBarWidget.jsx","../src/UI/widgets/library/ProgressBarWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\nimport {\n  LinearProgress,\n  Typography,\n  Divider,\n  makeStyles\n} from '@material-ui/core'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n  w: { default: 2, min: 0, max: 4 },\n  h: { default: 2, min: 0, max: 4 }\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  displayItems: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-around',\n    color: 'white'\n  },\n  divider: {\n    marginTop: theme.spacing(4),\n    marginBottom: theme.spacing(2)\n  }\n}))\n\nconst ProgressBarWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props\n  const { mockData, apiUrl, theme, dateRange } = params\n  const classes = useStyles()\n\n  return (\n    <WidgetCard\n      theme={theme}\n      ref={ref}\n      {...other}\n      title={mockData?.title}\n      widgetType='ProgressBarWidget'\n    >\n      {mockData ? (\n        <Fragment>\n          {dateRange && (\n            <Typography gutterBottom variant='caption' component='h3'>\n              Starting: {convertISODate(dateRange.from)}\n            </Typography>\n          )}\n\n          <FluentPrimaryStatNumber\n            mainStat={mockData?.value}\n            mainLabel={mockData?.label}\n          />\n          <div>\n            <LinearProgress\n              variant='determinate'\n              color='secondary'\n              value={mockData?.progress}\n            />\n            {mockData?.progress}%\n          </div>\n          {mockData?.data && (\n            <Fragment>\n              <div className={classes.divider}>\n                <Divider style={{ background: 'white', opacity: 0.5 }} />\n              </div>\n              <div className={classes.displayItems}>\n                {mockData?.data.map((item, index) => {\n                  return (\n                    <FluentSecondaryStatNumber\n                      secondaryStat={item.value}\n                      secondaryLabel={item.label}\n                      trend={item.trend}\n                    />\n                  )\n                })}\n              </div>\n            </Fragment>\n          )}\n          {children}\n        </Fragment>\n      ) : (\n        <Typography variant='subtitle2'>\n          Could not retrieve widget data. Please contact support.\n        </Typography>\n      )}\n    </WidgetCard>\n  )\n}\n\nexport default forwardRef(ProgressBarWidget)\n","export * from './ProgressBarWidget';\nexport {default} from './ProgressBarWidget';\n"],"mappings":";;;;;;;;AAYA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,cAAc;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,OAAO;EACR;CACD,SAAS;EACP,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACF,EAAE;AAEH,MAAM,qBAAqB,OAAO,QAAQ;CACxC,MAAM,EAAE,UAAU,QAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;AAE3B,QACE,oCAACA;EACQ;EACF;EACL,GAAI;EACJ,OAAO,UAAU;EACjB,YAAW;IAEV,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,cAC7C,eAAe,UAAU,KAAK,CAC9B,EAGf,oCAACC;EACC,UAAU,UAAU;EACpB,WAAW,UAAU;GACrB,EACF,oCAAC,aACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,OAAO,UAAU;GACjB,EACD,UAAU,UAAS,IAChB,EACL,UAAU,QACT,oCAAC,gBACC,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,WAAQ,OAAO;EAAE,YAAY;EAAS,SAAS;EAAK,GAAI,CACrD,EACN,oCAAC,SAAI,WAAW,QAAQ,gBACrB,UAAU,KAAK,KAAK,MAAM,UAAU;AACnC,SACE,oCAACC;GACC,eAAe,KAAK;GACpB,gBAAgB,KAAK;GACrB,OAAO,KAAK;IACZ;GAEJ,CACE,CACG,EAEZ,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,gCAAe,WAAW,kBAAkB"}

package/dist/PropertyFields-YT8snJua.js

@@ -0,0 +1,65 @@
+import { t as widgets_default } from "./widgets-CUeeik7v.js";
+import React from "react";
+import { Typography } from "@material-ui/core";
+import { mapKeys } from "lodash";
+
+//#region src/UI/property/PropertyFields.jsx
+/**
+* Convert a simple key/value properties object to an initialValues object with the prefixes used by widget components
+*/
+function getFieldValuesForProperties(type, properties) {
+	return mapKeys(properties, (value, key) => `${type}:${key}`);
+}
+/**
+* Convert a values object with the prefixes used by widget components into a simple key/value properties object
+*/
+function getPropertiesForFieldValues(type, values) {
+	const properties = {};
+	for (const key in values) if (key.startsWith(type + ":")) properties[key.substr(type.length + 1)] = values[key];
+	return properties;
+}
+/**
+* Single dynamic widget for a component property
+*/
+const PropertyWidget = (props) => {
+	const { propertyType, property, initialData, disabled } = props;
+	const { type } = property;
+	if (type in widgets_default) {
+		const WidgetPropertyComponent = widgets_default[type];
+		return /* @__PURE__ */ React.createElement(WidgetPropertyComponent, {
+			propertyType,
+			property,
+			initialData,
+			disabled
+		});
+	}
+	return /* @__PURE__ */ React.createElement(Typography, { color: "error" }, "Unknown property type ", type);
+};
+/**
+* Shared component for outputting dynamic fields from properties table
+*/
+const PropertyField = (props) => {
+	const { propertyType, property, initialData, disabled } = props;
+	return /* @__PURE__ */ React.createElement(PropertyWidget, {
+		propertyType,
+		property,
+		initialData,
+		disabled
+	});
+};
+/**
+* Shared component for outputting dynamic fields from properties table
+*/
+const PropertyFields = (props) => {
+	const { propertyType, propertyTable, initialData } = props;
+	return propertyTable.map((p) => /* @__PURE__ */ React.createElement(PropertyWidget, {
+		key: p.key,
+		propertyType,
+		property: p,
+		initialData
+	}));
+};
+
+//#endregion
+export { getPropertiesForFieldValues as i, PropertyFields as n, getFieldValuesForProperties as r, PropertyField as t };
+//# sourceMappingURL=PropertyFields-YT8snJua.js.map

package/dist/PropertyFields-YT8snJua.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFields-YT8snJua.js","names":["widgets"],"sources":["../src/UI/property/PropertyFields.jsx"],"sourcesContent":["import { mapKeys } from 'lodash';\nimport React from 'react';\nimport widgets from './widgets';\nimport { Typography } from '@material-ui/core';\n\n/**\n * Convert a simple key/value properties object to an initialValues object with the prefixes used by widget components\n */\nexport function getFieldValuesForProperties(type, properties) {\n  return mapKeys(properties, (value, key) => `${type}:${key}`);\n}\n\n/**\n * Convert a values object with the prefixes used by widget components into a simple key/value properties object\n */\nexport function getPropertiesForFieldValues(type, values) {\n  const properties = {};\n  for (const key in values) {\n    if (key.startsWith(type + ':')) {\n      properties[key.substr(type.length + 1)] = values[key];\n    }\n  }\n\n  return properties;\n}\n\n/**\n * Single dynamic widget for a component property\n */\nconst PropertyWidget = props => {\n  const { propertyType, property, initialData, disabled } = props;\n  const { type } = property;\n\n  if (type in widgets) {\n    const WidgetPropertyComponent = widgets[type];\n\n    return (\n      <WidgetPropertyComponent\n        propertyType={propertyType}\n        property={property}\n        initialData={initialData}\n        disabled={disabled}\n      />\n    );\n  }\n\n  return <Typography color=\"error\">Unknown property type {type}</Typography>;\n};\n\n/**\n * Shared component for outputting dynamic fields from properties table\n */\nexport const PropertyField = props => {\n  const { propertyType, property, initialData, disabled } = props;\n\n  return (\n    <PropertyWidget\n      propertyType={propertyType}\n      property={property}\n      initialData={initialData}\n      disabled={disabled}\n    />\n  );\n};\n\n/**\n * Shared component for outputting dynamic fields from properties table\n */\nexport const PropertyFields = props => {\n  const { propertyType, propertyTable, initialData } = props;\n\n  return propertyTable.map(p => (\n    <PropertyWidget\n      key={p.key}\n      propertyType={propertyType}\n      property={p}\n      initialData={initialData}\n    />\n  ));\n};\n"],"mappings":";;;;;;;;;AAQA,SAAgB,4BAA4B,MAAM,YAAY;AAC5D,QAAO,QAAQ,aAAa,OAAO,QAAQ,GAAG,KAAK,GAAG,MAAM;;;;;AAM9D,SAAgB,4BAA4B,MAAM,QAAQ;CACxD,MAAM,aAAa,EAAE;AACrB,MAAK,MAAM,OAAO,OAChB,KAAI,IAAI,WAAW,OAAO,IAAI,CAC5B,YAAW,IAAI,OAAO,KAAK,SAAS,EAAE,IAAI,OAAO;AAIrD,QAAO;;;;;AAMT,MAAM,kBAAiB,UAAS;CAC9B,MAAM,EAAE,cAAc,UAAU,aAAa,aAAa;CAC1D,MAAM,EAAE,SAAS;AAEjB,KAAI,QAAQA,iBAAS;EACnB,MAAM,0BAA0BA,gBAAQ;AAExC,SACE,oCAAC;GACe;GACJ;GACG;GACH;IACV;;AAIN,QAAO,oCAAC,cAAW,OAAM,WAAQ,0BAAuB,KAAkB;;;;;AAM5E,MAAa,iBAAgB,UAAS;CACpC,MAAM,EAAE,cAAc,UAAU,aAAa,aAAa;AAE1D,QACE,oCAAC;EACe;EACJ;EACG;EACH;GACV;;;;;AAON,MAAa,kBAAiB,UAAS;CACrC,MAAM,EAAE,cAAc,eAAe,gBAAgB;AAErD,QAAO,cAAc,KAAI,MACvB,oCAAC;EACC,KAAK,EAAE;EACO;EACd,UAAU;EACG;GACb,CACF"}

package/dist/QueryResult-CNLmUNN4.js

@@ -0,0 +1,10 @@
+//#region src/models/QueryResult.ts
+var QueryResult = class {
+	constructor() {
+		this.pageList = [];
+	}
+};
+
+//#endregion
+export { QueryResult as t };
+//# sourceMappingURL=QueryResult-CNLmUNN4.js.map

package/dist/QueryResult-CNLmUNN4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryResult-CNLmUNN4.js","names":[],"sources":["../src/models/QueryResult.ts"],"sourcesContent":["export default class QueryResult {\n  aliasMap: Object | null | undefined;\n  countable: Boolean | null | undefined;\n  eagerLoad: Boolean | null | undefined;\n  lookupsMap: Object | null | undefined;\n  pageList: Array<Object> = [];\n  total: Number | null | undefined;\n  aggregateResults?: Array<Object>\n}\n"],"mappings":";AAAA,IAAqB,cAArB,MAAiC;;kBAKL,EAAE"}

package/dist/QuickViewCard-odqSWVkJ.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Box } from "@material-ui/core";
+import { PropTypes as PropTypes$1 } from "prop-types";
+
+//#region src/UI/surfaces/cards/QuickViewCard.jsx
+/**
+* `QuickViewCard` component
+*/
+const QuickViewCard = ({ children }) => {
+	return /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		style: {
+			padding: "14px 16px",
+			width: "100%"
+		}
+	}, children);
+};
+QuickViewCard.propTypes = { children: PropTypes$1.node };
+
+//#endregion
+export { QuickViewCard as t };
+//# sourceMappingURL=QuickViewCard-odqSWVkJ.js.map

package/dist/QuickViewCard-odqSWVkJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickViewCard-odqSWVkJ.js","names":["PropTypes"],"sources":["../src/UI/surfaces/cards/QuickViewCard.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@material-ui/core';\nimport { PropTypes } from 'prop-types';\n\n/**\n * `QuickViewCard` component\n */\nexport const QuickViewCard = ({ children }) => {\n  return (\n    <Box\n      display='flex'\n      flexDirection='column'\n      alignItems='flex-start'\n      style={{ padding: '14px 16px', width: '100%' }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nQuickViewCard.propTypes = {\n  /**\n   * @type {?node} React element to contained render\n   */\n  children: PropTypes.node\n};\n"],"mappings":";;;;;;;;AAOA,MAAa,iBAAiB,EAAE,eAAe;AAC7C,QACE,oCAAC;EACC,SAAQ;EACR,eAAc;EACd,YAAW;EACX,OAAO;GAAE,SAAS;GAAa,OAAO;GAAQ;IAE7C,SACG;;AAIV,cAAc,YAAY,EAIxB,UAAUA,YAAU,MACrB"}

package/dist/RecentlyLoadedNodesTable-BaUKwrK6.js

@@ -0,0 +1,108 @@
+import { r as useAgGridApi, t as AgTable } from "./AgTable-B2xTzAm2.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { t as AmbientCard } from "./AmbientCard-blAjLcmr.js";
+import { t as IconRenderer } from "./IconRenderer-BB7NMX-b.js";
+import { t as formatDateToLocaleString } from "./DateUtilities-COCIN8sN.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { LinearProgress, Typography } from "@material-ui/core";
+import { DateTime } from "luxon";
+
+//#region src/inquiry/dashboard/RecentlyLoadedNodesTable.jsx
+const defaultColDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true
+};
+const RecentlyLoadedNodesTable = (props) => {
+	const { recentlyLoadedNodes, loading, onLoadedNodeClick, tableHeight, tree, columnDefs, hideTitle = false } = props;
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const [selectedRow, setSelectedRow] = useState();
+	useEffect(() => {
+		if (!gridColumnApi) return;
+		gridApi?.sizeColumnsToFit();
+		setSelectedRow(gridApi?.getSelectedRows().length && gridApi.getSelectedRows()[0]);
+	}, [gridColumnApi, gridApi]);
+	const handleRowSelected = useCallback((event) => {
+		if (!event.node.selected) return;
+		if (!gridApi) return;
+		const selectedRowData = gridApi.getSelectedRows().length && gridApi.getSelectedRows()[0];
+		if (!selectedRowData) return;
+		setSelectedRow(selectedRowData);
+		if (selectedRowData?.nodeInfo) onLoadedNodeClick(selectedRowData.nodeInfo);
+	}, [gridApi, onLoadedNodeClick]);
+	const getterRowData = useCallback((params) => {
+		return params.data?.iconData;
+	}, []);
+	const columnDefinitions = useMemo(() => columnDefs ? columnDefs : [
+		tree?.treeStructure && {
+			headerName: "",
+			cellRenderer: "iconRenderer",
+			valueGetter: getterRowData,
+			maxWidth: 60,
+			resizable: false,
+			suppressMenu: true,
+			sortable: false,
+			cellStyle: {
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center"
+			}
+		},
+		{
+			headerName: "Name",
+			field: "name",
+			minWidth: 120,
+			maxWidth: 300
+		},
+		{
+			headerName: "Type",
+			field: "type",
+			valueGetter: (params) => getSanitizedName(params.data?.type),
+			minWidth: 80
+		},
+		{
+			headerName: "Date Loaded",
+			field: "dateLoaded",
+			minWidth: 80
+		},
+		{
+			headerName: "",
+			field: "nodeInfo",
+			maxWidth: 0,
+			cellStyle: { display: "none" }
+		}
+	], [
+		columnDefs,
+		getterRowData,
+		tree
+	]);
+	const recentlyLoadedNodesValues = useMemo(() => recentlyLoadedNodes?.map((loadedNode) => {
+		return {
+			iconData: (tree?.treeStructure?.find((node) => node.properties.catalogReturnObject === loadedNode?.nodeDetails?.catalogReturnObject))?.properties?.defaultIcon || { name: "PictureTileIcon" },
+			name: loadedNode?.nodeDetails?.nodeLabel,
+			type: loadedNode?.nodeDetails?.catalogReturnObject,
+			dateLoaded: formatDateToLocaleString(loadedNode?.dateLoaded, DateTime.DATETIME_MED),
+			nodeInfo: loadedNode
+		};
+	}), [recentlyLoadedNodes, tree]);
+	return /* @__PURE__ */ React.createElement(AmbientCard, {
+		title: !hideTitle ? "Recently Loaded" : " ",
+		fullWidth: true,
+		noAdornment: true
+	}, loading || !tree ? /* @__PURE__ */ React.createElement(LinearProgress, null) : recentlyLoadedNodes?.length ? /* @__PURE__ */ React.createElement(AgTable, {
+		columnDefs: columnDefinitions,
+		defaultColDef,
+		rowData: recentlyLoadedNodesValues || [],
+		onGridReady,
+		getRowNodeId: (row) => row.name,
+		onRowSelected: handleRowSelected,
+		rowSelection: "single",
+		frameworkComponents: { iconRenderer: IconRenderer },
+		height: tableHeight
+	}) : /* @__PURE__ */ React.createElement(Typography, null, "No Data Recently Loaded."));
+};
+
+//#endregion
+export { RecentlyLoadedNodesTable as t };
+//# sourceMappingURL=RecentlyLoadedNodesTable-BaUKwrK6.js.map

package/dist/RecentlyLoadedNodesTable-BaUKwrK6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentlyLoadedNodesTable-BaUKwrK6.js","names":[],"sources":["../src/inquiry/dashboard/RecentlyLoadedNodesTable.jsx"],"sourcesContent":["import React, { useCallback, useMemo, useEffect, useState } from 'react';\nimport { Typography, LinearProgress } from '@material-ui/core';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AgTable, useAgGridApi } from '../../utilities/aggrid/AgTable.tsx';\nimport { formatDateToLocaleString } from '../../utilities/input/DateUtilities';\nimport { DateTime } from 'luxon';\nimport { IconRenderer } from '../../UI/templates/ui/renderers/IconRenderer';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nconst defaultColDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true\n};\n\nexport const RecentlyLoadedNodesTable = (props) => {\n  const {\n    recentlyLoadedNodes,\n    loading,\n    onLoadedNodeClick,\n    tableHeight,\n    tree,\n    columnDefs,\n    hideTitle = false\n  } = props;\n\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const [selectedRow, setSelectedRow] = useState();\n\n  useEffect(() => {\n    if (!gridColumnApi) return;\n\n    gridApi?.sizeColumnsToFit();\n    setSelectedRow(\n      gridApi?.getSelectedRows().length && gridApi.getSelectedRows()[0]\n    );\n  }, [gridColumnApi, gridApi]);\n\n  const handleRowSelected = useCallback(\n    (event) => {\n      if (!event.node.selected) return;\n\n      if (!gridApi) return;\n\n      const selectedRowData =\n        gridApi.getSelectedRows().length && gridApi.getSelectedRows()[0];\n\n      if (!selectedRowData) return;\n\n      setSelectedRow(selectedRowData);\n\n      if (selectedRowData?.nodeInfo) {\n        // if the row is a node\n        onLoadedNodeClick(selectedRowData.nodeInfo);\n      }\n    },\n    [gridApi, onLoadedNodeClick]\n  );\n\n  const getterRowData = useCallback((params) => {\n    return params.data?.iconData;\n  }, []);\n\n  const columnDefinitions = useMemo(\n    () =>\n      columnDefs\n        ? columnDefs\n        : [\n            tree?.treeStructure && {\n              headerName: '',\n              cellRenderer: 'iconRenderer',\n              valueGetter: getterRowData,\n              maxWidth: 60,\n              resizable: false,\n              suppressMenu: true,\n              sortable: false,\n              cellStyle: {\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center'\n              }\n            },\n            {\n              headerName: 'Name',\n              field: 'name',\n              minWidth: 120,\n              maxWidth: 300\n            },\n            {\n              headerName: 'Type',\n              field: 'type',\n              valueGetter: (params) => getSanitizedName(params.data?.type),\n              minWidth: 80\n            },\n            {\n              headerName: 'Date Loaded',\n              field: 'dateLoaded',\n              minWidth: 80\n            },\n            {\n              headerName: '',\n              field: 'nodeInfo',\n              maxWidth: 0,\n              cellStyle: {\n                display: 'none'\n              }\n            }\n          ],\n    [columnDefs, getterRowData, tree]\n  );\n\n  const recentlyLoadedNodesValues = useMemo(\n    () =>\n      recentlyLoadedNodes?.map((loadedNode) => {\n        const matchingNode = tree?.treeStructure?.find(\n          (node) =>\n            node.properties.catalogReturnObject ===\n            loadedNode?.nodeDetails?.catalogReturnObject\n        );\n\n        return {\n          iconData: matchingNode?.properties?.defaultIcon || {\n            name: 'PictureTileIcon'\n          },\n          name: loadedNode?.nodeDetails?.nodeLabel,\n          type: loadedNode?.nodeDetails?.catalogReturnObject,\n          dateLoaded: formatDateToLocaleString(\n            loadedNode?.dateLoaded,\n            DateTime.DATETIME_MED\n          ),\n          nodeInfo: loadedNode\n        };\n      }),\n    [recentlyLoadedNodes, tree]\n  );\n\n  return (\n    <AmbientCard\n      title={!hideTitle ? 'Recently Loaded' : ' '}\n      fullWidth\n      noAdornment\n    >\n      {loading || !tree ? (\n        <LinearProgress />\n      ) : recentlyLoadedNodes?.length ? (\n        <AgTable\n          columnDefs={columnDefinitions}\n          defaultColDef={defaultColDef}\n          rowData={recentlyLoadedNodesValues || []}\n          onGridReady={onGridReady}\n          getRowNodeId={(row) => row.name}\n          onRowSelected={handleRowSelected}\n          rowSelection='single'\n          frameworkComponents={{ iconRenderer: IconRenderer }}\n          height={tableHeight}\n        />\n      ) : (\n        <Typography>No Data Recently Loaded.</Typography>\n      )}\n    </AmbientCard>\n  );\n};\n"],"mappings":";;;;;;;;;;AASA,MAAM,gBAAgB;CACpB,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACT;AAED,MAAa,4BAA4B,UAAU;CACjD,MAAM,EACJ,qBACA,SACA,mBACA,aACA,MACA,YACA,YAAY,UACV;CAEJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,CAAC,aAAa,kBAAkB,UAAU;AAEhD,iBAAgB;AACd,MAAI,CAAC,cAAe;AAEpB,WAAS,kBAAkB;AAC3B,iBACE,SAAS,iBAAiB,CAAC,UAAU,QAAQ,iBAAiB,CAAC,GAChE;IACA,CAAC,eAAe,QAAQ,CAAC;CAE5B,MAAM,oBAAoB,aACvB,UAAU;AACT,MAAI,CAAC,MAAM,KAAK,SAAU;AAE1B,MAAI,CAAC,QAAS;EAEd,MAAM,kBACJ,QAAQ,iBAAiB,CAAC,UAAU,QAAQ,iBAAiB,CAAC;AAEhE,MAAI,CAAC,gBAAiB;AAEtB,iBAAe,gBAAgB;AAE/B,MAAI,iBAAiB,SAEnB,mBAAkB,gBAAgB,SAAS;IAG/C,CAAC,SAAS,kBAAkB,CAC7B;CAED,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO,MAAM;IACnB,EAAE,CAAC;CAEN,MAAM,oBAAoB,cAEtB,aACI,aACA;EACE,MAAM,iBAAiB;GACrB,YAAY;GACZ,cAAc;GACd,aAAa;GACb,UAAU;GACV,WAAW;GACX,cAAc;GACd,UAAU;GACV,WAAW;IACT,SAAS;IACT,YAAY;IACZ,gBAAgB;IACjB;GACF;EACD;GACE,YAAY;GACZ,OAAO;GACP,UAAU;GACV,UAAU;GACX;EACD;GACE,YAAY;GACZ,OAAO;GACP,cAAc,WAAW,iBAAiB,OAAO,MAAM,KAAK;GAC5D,UAAU;GACX;EACD;GACE,YAAY;GACZ,OAAO;GACP,UAAU;GACX;EACD;GACE,YAAY;GACZ,OAAO;GACP,UAAU;GACV,WAAW,EACT,SAAS,QACV;GACF;EACF,EACP;EAAC;EAAY;EAAe;EAAK,CAClC;CAED,MAAM,4BAA4B,cAE9B,qBAAqB,KAAK,eAAe;AAOvC,SAAO;GACL,WAPmB,MAAM,eAAe,MACvC,SACC,KAAK,WAAW,wBAChB,YAAY,aAAa,oBAC5B,GAGyB,YAAY,eAAe,EACjD,MAAM,mBACP;GACD,MAAM,YAAY,aAAa;GAC/B,MAAM,YAAY,aAAa;GAC/B,YAAY,yBACV,YAAY,YACZ,SAAS,aACV;GACD,UAAU;GACX;GACD,EACJ,CAAC,qBAAqB,KAAK,CAC5B;AAED,QACE,oCAAC;EACC,OAAO,CAAC,YAAY,oBAAoB;EACxC;EACA;IAEC,WAAW,CAAC,OACX,oCAAC,qBAAiB,GAChB,qBAAqB,SACvB,oCAAC;EACC,YAAY;EACG;EACf,SAAS,6BAA6B,EAAE;EAC3B;EACb,eAAe,QAAQ,IAAI;EAC3B,eAAe;EACf,cAAa;EACb,qBAAqB,EAAE,cAAc,cAAc;EACnD,QAAQ;GACR,GAEF,oCAAC,kBAAW,2BAAqC,CAEvC"}

package/dist/RecentlyLoadedNodesWidget-Bwmkdavm.js

@@ -0,0 +1,34 @@
+import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as RecentlyLoadedNodesTable } from "./RecentlyLoadedNodesTable-BaUKwrK6.js";
+import { t as WidgetCard_default } from "./WidgetCard-DZYTvG7e.js";
+import React, { forwardRef } from "react";
+
+//#region src/UI/widgets/library/RecentlyLoadedNodesWidget/RecentlyLoadedNodesWidget.jsx
+const RecentlyLoadedNodesWidget = (props, ref) => {
+	const { children, params, setParam,...other } = props;
+	const { recentlyLoadedNodes, loading, onLoadedNodeClick, tree, hideWidgetName } = params;
+	return /* @__PURE__ */ React.createElement(WidgetCard_default, {
+		ref,
+		title: "Recently Loaded",
+		hideWidgetName,
+		...other
+	}, /* @__PURE__ */ React.createElement(RecentlyLoadedNodesTable, {
+		recentlyLoadedNodes,
+		loading,
+		onLoadedNodeClick,
+		tree,
+		hideTitle: true
+	}), children);
+};
+var RecentlyLoadedNodesWidget_default = forwardRef(RecentlyLoadedNodesWidget);
+
+//#endregion
+//#region src/UI/widgets/library/RecentlyLoadedNodesWidget/index.ts
+var RecentlyLoadedNodesWidget_exports = /* @__PURE__ */ __export({
+	RecentlyLoadedNodesWidget: () => RecentlyLoadedNodesWidget,
+	default: () => RecentlyLoadedNodesWidget_default
+});
+
+//#endregion
+export { RecentlyLoadedNodesWidget as n, RecentlyLoadedNodesWidget_default as r, RecentlyLoadedNodesWidget_exports as t };
+//# sourceMappingURL=RecentlyLoadedNodesWidget-Bwmkdavm.js.map

package/dist/RecentlyLoadedNodesWidget-Bwmkdavm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentlyLoadedNodesWidget-Bwmkdavm.js","names":["WidgetCard"],"sources":["../src/UI/widgets/library/RecentlyLoadedNodesWidget/RecentlyLoadedNodesWidget.jsx","../src/UI/widgets/library/RecentlyLoadedNodesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport WidgetCard from '../../WidgetCard';\nimport { RecentlyLoadedNodesTable } from '../../../../inquiry/dashboard/RecentlyLoadedNodesTable';\n\n// export const layout = {\n//   w: { default: 2, min: 0, max: 4 },\n//   h: { default: 2, min: 0, max: 4 }\n// };\n\nexport const RecentlyLoadedNodesWidget = (props, ref) => {\n  const { children, params, setParam, ...other } = props;\n  const {\n    recentlyLoadedNodes,\n    loading,\n    onLoadedNodeClick,\n    tree,\n    hideWidgetName\n  } = params;\n\n  return (\n    <WidgetCard\n      ref={ref}\n      title={'Recently Loaded'}\n      hideWidgetName={hideWidgetName}\n      {...other}\n    >\n      <RecentlyLoadedNodesTable\n        recentlyLoadedNodes={recentlyLoadedNodes}\n        loading={loading}\n        onLoadedNodeClick={onLoadedNodeClick}\n        tree={tree}\n        hideTitle={true}\n      />\n      {children}\n    </WidgetCard>\n  );\n};\n\nexport default forwardRef(RecentlyLoadedNodesWidget);\n","export * from './RecentlyLoadedNodesWidget';\nexport {default} from './RecentlyLoadedNodesWidget';\n"],"mappings":";;;;;;AASA,MAAa,6BAA6B,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,QAAQ,SAAU,GAAG,UAAU;CACjD,MAAM,EACJ,qBACA,SACA,mBACA,MACA,mBACE;AAEJ,QACE,oCAACA;EACM;EACL,OAAO;EACS;EAChB,GAAI;IAEJ,oCAAC;EACsB;EACZ;EACU;EACb;EACN,WAAW;GACX,EACD,SACU;;AAIjB,wCAAe,WAAW,0BAA0B"}

package/dist/RejectIcon-yEBYxlIm.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { lighten, useTheme } from "@material-ui/core";
+import { CheckMarkIcon, ChromeCloseIcon } from "@fluentui/react-icons";
+
+//#region src/utilities/customIcons/ApprovalIcon.jsx
+/**
+* ApprovalIcon
+*
+* @return {*}
+*/
+const ApprovalIcon = () => {
+	const theme = useTheme();
+	return /* @__PURE__ */ React.createElement(CheckMarkIcon, { style: {
+		background: lighten(theme.palette.success?.main, .5),
+		borderRadius: "100%",
+		width: 22,
+		height: 22,
+		border: `2px solid ${lighten(theme.palette.success?.main, .5)}`
+	} });
+};
+
+//#endregion
+//#region src/utilities/customIcons/RejectIcon.jsx
+/**
+* @returns {any}
+*/
+const RejectIcon = () => {
+	const theme = useTheme();
+	return /* @__PURE__ */ React.createElement(ChromeCloseIcon, { style: {
+		background: lighten(theme.palette.error?.main, .5),
+		borderRadius: "100%",
+		width: 22,
+		height: 22,
+		border: `5px solid ${lighten(theme.palette.error?.main, .5)}`
+	} });
+};
+
+//#endregion
+export { ApprovalIcon as n, RejectIcon as t };
+//# sourceMappingURL=RejectIcon-yEBYxlIm.js.map

package/dist/RejectIcon-yEBYxlIm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RejectIcon-yEBYxlIm.js","names":[],"sources":["../src/utilities/customIcons/ApprovalIcon.jsx","../src/utilities/customIcons/RejectIcon.jsx"],"sourcesContent":["import React from \"react\";\nimport { CheckMarkIcon } from '@fluentui/react-icons';\nimport { useTheme, lighten } from '@material-ui/core';\n/**\n * ApprovalIcon\n *\n * @return {*}\n */\nexport const ApprovalIcon = () => {\n  const theme = useTheme();\n  return (\n    <CheckMarkIcon\n      style={{\n        background: lighten(theme.palette.success?.main, 0.5),\n        borderRadius: '100%',\n        width: 22,\n        height: 22,\n        border: `2px solid ${lighten(theme.palette.success?.main, 0.5)}`\n      }}\n    />\n  );\n};\n","import React from \"react\";\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { useTheme, lighten } from '@material-ui/core';\n\n/**\n * @returns {any}\n */\nexport const RejectIcon = () => {\n  const theme = useTheme();\n  return (\n    <ChromeCloseIcon\n        style={{\n          background: lighten(theme.palette.error?.main, 0.5),\n          borderRadius: '100%',\n          width: 22,\n          height: 22,\n          border: `5px solid ${lighten(theme.palette.error?.main, 0.5)}`,\n        }}\n      />\n  );\n};\n"],"mappings":";;;;;;;;;;AAQA,MAAa,qBAAqB;CAChC,MAAM,QAAQ,UAAU;AACxB,QACE,oCAAC,iBACC,OAAO;EACL,YAAY,QAAQ,MAAM,QAAQ,SAAS,MAAM,GAAI;EACrD,cAAc;EACd,OAAO;EACP,QAAQ;EACR,QAAQ,aAAa,QAAQ,MAAM,QAAQ,SAAS,MAAM,GAAI;EAC/D,GACD;;;;;;;;ACZN,MAAa,mBAAmB;CAC9B,MAAM,QAAQ,UAAU;AACxB,QACE,oCAAC,mBACG,OAAO;EACL,YAAY,QAAQ,MAAM,QAAQ,OAAO,MAAM,GAAI;EACnD,cAAc;EACd,OAAO;EACP,QAAQ;EACR,QAAQ,aAAa,QAAQ,MAAM,QAAQ,OAAO,MAAM,GAAI;EAC7D,GACD"}

package/dist/RemindersCard-D1M4Z5Tm.js

@@ -0,0 +1,138 @@
+import { A as SplitScreenTypeEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-DkZ-zXku.js";
+import { n as useActions } from "./useActions-CBGNxEKr.js";
+import { S as getIconFromName } from "./TreeUtilities-BnHT4nq0.js";
+import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import React, { useCallback, useMemo, useState } from "react";
+import { Checkbox, Divider, FormControlLabel, LinearProgress, List, ListItem, ListItemSecondaryAction, ListItemText, Switch, Typography, makeStyles } from "@material-ui/core";
+
+//#region src/reminders/CompleteReminderSwitch.jsx
+const CompleteReminderSwitch = (props) => {
+	const { checked, onChange,...otherProps } = props;
+	const [switchChecked, setSwitchChecked] = useState(checked);
+	const handleOnChange = useCallback((event) => {
+		setSwitchChecked(event.target.checked);
+		onChange && onChange(event);
+	}, [onChange]);
+	return /* @__PURE__ */ React.createElement(Switch, {
+		checked: switchChecked,
+		onChange: handleOnChange,
+		...otherProps
+	});
+};
+
+//#endregion
+//#region src/reminders/RemindersCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	item: {
+		display: "flex",
+		"& .MuiListItem-container": { width: "100%" },
+		"& .MuiListItem-container > .MuiListItem-button": {
+			paddingLeft: 0,
+			paddingRight: 0
+		}
+	}
+}));
+const RemindersCard = (props) => {
+	const { reminders, setReminders, loading, getNodeToLoad, onLoadedNodeClick, getIcon = () => {}, updateRemindersAcknowledgement } = props;
+	const classes = useStyles(props);
+	const { openSplitScreen } = useActions();
+	const handleSwitchChange = useCallback(async (event, reminder) => {
+		const updatedReminder = { ...reminder };
+		updatedReminder.checked = event.target.checked;
+		await updateRemindersAcknowledgement([updatedReminder]);
+	}, [updateRemindersAcknowledgement]);
+	const getCompleteSwitch = useCallback((reminder) => /* @__PURE__ */ React.createElement(FormControlLabel, {
+		control: /* @__PURE__ */ React.createElement(CompleteReminderSwitch, {
+			size: "small",
+			checked: reminder?.acknowledged || false,
+			onChange: (event) => handleSwitchChange(event, reminder)
+		}),
+		label: "Complete",
+		style: { marginRight: 8 }
+	}), [handleSwitchChange]);
+	const getStatusLabel = useCallback((date) => {
+		const day = 1e3 * 60 * 60 * 24;
+		const reminderDate = new Date(date).getTime();
+		if (reminderDate >= Date.now() - day * 7) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 7 && reminderDate >= Date.now() - day * 30) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 30 && reminderDate >= Date.now() - day * 180) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 180) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+	}, []);
+	const getStatusColor = useCallback((date) => {
+		const day = 1e3 * 60 * 60 * 24;
+		const reminderDate = new Date(date).getTime();
+		if (reminderDate >= Date.now() - day * 7) return "";
+		else if (reminderDate < Date.now() - day * 7 && reminderDate >= Date.now() - day * 30) return "info";
+		else if (reminderDate < Date.now() - day * 30 && reminderDate >= Date.now() - day * 180) return "warning";
+		else if (reminderDate < Date.now() - day * 180) return "error";
+	}, []);
+	const handleReminderCheck = useCallback((evt, reminder) => {
+		const updatedReminders = [...reminders];
+		updatedReminders.filter((r) => r.id === reminder.id)?.forEach((matchingReminder) => matchingReminder.checked = evt.target.checked);
+		setReminders(updatedReminders);
+	}, [reminders, setReminders]);
+	const handleReminderClick = useCallback((nodeToLoad, reminder) => {
+		onLoadedNodeClick(nodeToLoad);
+		openSplitScreen({
+			open: true,
+			action: null,
+			type: SplitScreenTypeEnums.Reminders,
+			params: {
+				id: reminder?.id || "",
+				additionalInputs: reminder ? getCompleteSwitch(reminder) : null
+			}
+		});
+	}, [
+		onLoadedNodeClick,
+		openSplitScreen,
+		getCompleteSwitch
+	]);
+	return loading ? /* @__PURE__ */ React.createElement(LinearProgress, null) : reminders?.length ? /* @__PURE__ */ React.createElement(List, { className: classes.root }, reminders.map((reminder) => {
+		const icon = getIcon(reminder);
+		const nodeToLoad = getNodeToLoad(reminder);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+			className: classes.item,
+			key: reminder.id
+		}, /* @__PURE__ */ React.createElement(Checkbox, {
+			id: "udpRecord-RemindersCard-Checkbox",
+			udprecordid: "udpRecord-RemindersCard-Checkbox",
+			edge: "start",
+			checked: reminder.checked || reminder.acknowledged,
+			disableRipple: true,
+			size: "small",
+			onChange: (evt) => handleReminderCheck(evt, reminder),
+			disabled: reminder.acknowledged
+		}), /* @__PURE__ */ React.createElement(ListItem, {
+			id: "udpRecord-ReminderCard-Item",
+			udprecordid: "udpRecord-ReminderCard-Item",
+			key: reminder.id,
+			dense: true,
+			subject: reminder.subject,
+			removePadding: true,
+			button: true,
+			onClick: () => handleReminderClick(nodeToLoad, reminder)
+		}, /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement("div", { style: { display: "block" } }, /* @__PURE__ */ React.createElement(Typography, { style: {
+			lineHeight: "0.9rem",
+			fontSize: "0.8rem"
+		} }, reminder.subject)), /* @__PURE__ */ React.createElement(Typography, { style: {
+			lineHeight: "0.8rem",
+			fontSize: "0.7rem",
+			fontWeight: 400,
+			color: "rgba(0, 0, 0, 0.54)"
+		} }, new Date(reminder.reminderDate).toDateString())), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(StatusChip, {
+			status: getStatusColor(reminder.reminderDate),
+			label: getStatusLabel(reminder.reminderDate),
+			icon: /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+				type: icon?.type,
+				icon: icon?.type === "unity" ? getUnityIconFromName(icon?.name || "") : getIconFromName(icon?.name || "")
+			})
+		})))), /* @__PURE__ */ React.createElement(Divider, { style: { height: 1 } }));
+	})) : /* @__PURE__ */ React.createElement(Typography, null, "All Reminders Completed");
+};
+
+//#endregion
+export { CompleteReminderSwitch as n, RemindersCard as t };
+//# sourceMappingURL=RemindersCard-D1M4Z5Tm.js.map

package/dist/RemindersCard-D1M4Z5Tm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemindersCard-D1M4Z5Tm.js","names":[],"sources":["../src/reminders/CompleteReminderSwitch.jsx","../src/reminders/RemindersCard.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Switch } from '@material-ui/core';\n\nexport const CompleteReminderSwitch = (props) => {\n  const { checked, onChange, ...otherProps } = props;\n  const [switchChecked, setSwitchChecked] = useState(checked);\n\n  const handleOnChange = useCallback(\n    (event) => {\n      setSwitchChecked(event.target.checked);\n      onChange && onChange(event);\n    },\n    [onChange]\n  );\n\n  return (\n    <Switch checked={switchChecked} onChange={handleOnChange} {...otherProps} />\n  );\n};\n","import React, { useCallback, useMemo } from 'react';\nimport {\n  Typography,\n  LinearProgress,\n  makeStyles,\n  List,\n  ListItem,\n  Checkbox,\n  ListItemText,\n  ListItemSecondaryAction,\n  Divider,\n  FormControlLabel\n} from '@material-ui/core';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport { useActions } from '../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../enums/unitySystemEnums';\nimport { CompleteReminderSwitch } from './CompleteReminderSwitch';\nimport { executeQueryWithParameters } from '../udp/utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  item: {\n    display: 'flex',\n    '& .MuiListItem-container': {\n      width: '100%'\n    },\n    '& .MuiListItem-container > .MuiListItem-button': {\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  }\n}));\n\nexport const RemindersCard = (props) => {\n  const {\n    reminders,\n    setReminders,\n    loading,\n    getNodeToLoad,\n    onLoadedNodeClick,\n    getIcon = () => {},\n    updateRemindersAcknowledgement\n  } = props;\n  const classes = useStyles(props);\n  const { openSplitScreen } = useActions();\n\n  const handleSwitchChange = useCallback(\n    async (event, reminder) => {\n      const updatedReminder = { ...reminder };\n      updatedReminder.checked = event.target.checked;\n      await updateRemindersAcknowledgement([updatedReminder]);\n    },\n    [updateRemindersAcknowledgement]\n  );\n\n  const getCompleteSwitch = useCallback(\n    (reminder) => (\n      <FormControlLabel\n        control={\n          <CompleteReminderSwitch\n            size='small'\n            checked={reminder?.acknowledged || false}\n            onChange={(event) => handleSwitchChange(event, reminder)}\n          />\n        }\n        label='Complete'\n        style={{ marginRight: 8 }}\n      />\n    ),\n    [handleSwitchChange]\n  );\n\n  const getStatusLabel = useCallback((date) => {\n    const day = 1000 * 60 * 60 * 24;\n    const reminderDate = new Date(date).getTime();\n    if (reminderDate >= Date.now() - day * 7) {\n      // Less than or equal 7 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (\n      reminderDate < Date.now() - day * 7 &&\n      reminderDate >= Date.now() - day * 30\n    ) {\n      // Greater than 7 days but less than or equal to 30 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (\n      reminderDate < Date.now() - day * 30 &&\n      reminderDate >= Date.now() - day * 180\n    ) {\n      // Greater 30 days but less than or equal to 180 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (reminderDate < Date.now() - day * 180) {\n      // Greater than 180 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    }\n  }, []);\n\n  const getStatusColor = useCallback((date) => {\n    const day = 1000 * 60 * 60 * 24;\n    const reminderDate = new Date(date).getTime();\n    if (reminderDate >= Date.now() - day * 7) {\n      // Less than or equal 7 days past reminder date\n      return '';\n    } else if (\n      reminderDate < Date.now() - day * 7 &&\n      reminderDate >= Date.now() - day * 30\n    ) {\n      // Greater than 7 days but less than or equal to 30 days past reminder date\n      return 'info';\n    } else if (\n      reminderDate < Date.now() - day * 30 &&\n      reminderDate >= Date.now() - day * 180\n    ) {\n      // Greater 30 days but less than or equal to 180 days past reminder date\n      return 'warning';\n    } else if (reminderDate < Date.now() - day * 180) {\n      // Greater than 180 days past reminder date\n      return 'error';\n    }\n  }, []);\n\n  const handleReminderCheck = useCallback(\n    (evt, reminder) => {\n      const updatedReminders = [...reminders];\n      const matchingReminders = updatedReminders.filter(\n        (r) => r.id === reminder.id\n      );\n      matchingReminders?.forEach(\n        (matchingReminder) => (matchingReminder.checked = evt.target.checked)\n      );\n      setReminders(updatedReminders);\n    },\n    [reminders, setReminders]\n  );\n\n  const handleReminderClick = useCallback(\n    (nodeToLoad, reminder) => {\n      onLoadedNodeClick(nodeToLoad);\n\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Reminders,\n        params: {\n          id: reminder?.id || '',\n          additionalInputs: reminder ? getCompleteSwitch(reminder) : null\n        }\n      });\n    },\n    [onLoadedNodeClick, openSplitScreen, getCompleteSwitch]\n  );\n\n  return loading ? (\n    <LinearProgress />\n  ) : reminders?.length ? (\n    <List className={classes.root}>\n      {reminders.map((reminder) => {\n        const icon = getIcon(reminder);\n        const nodeToLoad = getNodeToLoad(reminder);\n        return (\n          <>\n            <div className={classes.item} key={reminder.id}>\n              <Checkbox\n                id='udpRecord-RemindersCard-Checkbox'\n                udprecordid='udpRecord-RemindersCard-Checkbox'\n                edge='start'\n                checked={reminder.checked || reminder.acknowledged}\n                disableRipple\n                size='small'\n                onChange={(evt) => handleReminderCheck(evt, reminder)}\n                disabled={reminder.acknowledged}\n              />\n              <ListItem\n                id='udpRecord-ReminderCard-Item'\n                udprecordid='udpRecord-ReminderCard-Item'\n                key={reminder.id}\n                dense\n                subject={reminder.subject}\n                removePadding={true}\n                button\n                onClick={() => handleReminderClick(nodeToLoad, reminder)}\n              >\n                <ListItemText>\n                  <div style={{ display: 'block' }}>\n                    <Typography\n                      style={{ lineHeight: '0.9rem', fontSize: '0.8rem' }}\n                    >\n                      {reminder.subject}\n                    </Typography>\n                  </div>\n                  <Typography\n                    style={{\n                      lineHeight: '0.8rem',\n                      fontSize: '0.7rem',\n                      fontWeight: 400,\n                      color: 'rgba(0, 0, 0, 0.54)'\n                    }}\n                  >\n                    {new Date(reminder.reminderDate).toDateString()}\n                  </Typography>\n                </ListItemText>\n                <ListItemSecondaryAction>\n                  <StatusChip\n                    status={getStatusColor(reminder.reminderDate)}\n                    label={getStatusLabel(reminder.reminderDate)}\n                    icon={\n                      <UnityFluentIcon\n                        type={icon?.type}\n                        icon={\n                          icon?.type === 'unity'\n                            ? getUnityIconFromName(icon?.name || '')\n                            : getIconFromName(icon?.name || '')\n                        }\n                      />\n                    }\n                  />\n                </ListItemSecondaryAction>\n              </ListItem>\n            </div>\n            <Divider style={{ height: 1 }} />\n          </>\n        );\n      })}\n    </List>\n  ) : (\n    <Typography>All Reminders Completed</Typography>\n  );\n};\n"],"mappings":"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"}