udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/ProgressBarWidget-De4ecdYs.js

@@ -1,77 +0,0 @@
-import { t as __exportAll } from "./chunk-BYypO7fO.js";
-import { t as WidgetCard_default } from "./WidgetCard-B-ZLDtYX.js";
-import { t as convertISODate } from "./ConvertISODate-C7J-GNyS.js";
-import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-CvECYMot.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__ */ __exportAll({
-	default: () => ProgressBarWidget_default,
-	layout: () => layout
-});
-
-//#endregion
-export { ProgressBarWidget_default as n, layout as r, ProgressBarWidget_exports as t };
-//# sourceMappingURL=ProgressBarWidget-De4ecdYs.js.map

package/dist/ProgressBarWidget-De4ecdYs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBarWidget-De4ecdYs.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,UAAU,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-BoyWT7Qe.js

@@ -1,65 +0,0 @@
-import { t as widgets_default } from "./widgets-0ep-7vnd.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-BoyWT7Qe.js.map

package/dist/PropertyFields-BoyWT7Qe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyFields-BoyWT7Qe.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-DLUWRpAP.js

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

package/dist/QueryResult-DLUWRpAP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryResult-DLUWRpAP.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-D0xzfpzQ.js

@@ -1,24 +0,0 @@
-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-D0xzfpzQ.js.map

package/dist/QuickViewCard-D0xzfpzQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickViewCard-D0xzfpzQ.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-BMrOwdsc.js

@@ -1,108 +0,0 @@
-import { r as useAgGridApi, t as AgTable } from "./AgTable-DUuA_1_w.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { t as AmbientCard } from "./AmbientCard-BPdGHXlC.js";
-import { t as IconRenderer } from "./IconRenderer-BXnoXyZE.js";
-import { t as formatDateToLocaleString } from "./DateUtilities-CXE3_0fZ.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-BMrOwdsc.js.map

package/dist/RecentlyLoadedNodesTable-BMrOwdsc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecentlyLoadedNodesTable-BMrOwdsc.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-BqnF9KyX.js

@@ -1,34 +0,0 @@
-import { t as __exportAll } from "./chunk-BYypO7fO.js";
-import { t as RecentlyLoadedNodesTable } from "./RecentlyLoadedNodesTable-BMrOwdsc.js";
-import { t as WidgetCard_default } from "./WidgetCard-B-ZLDtYX.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__ */ __exportAll({
-	RecentlyLoadedNodesWidget: () => RecentlyLoadedNodesWidget,
-	default: () => RecentlyLoadedNodesWidget_default
-});
-
-//#endregion
-export { RecentlyLoadedNodesWidget as n, RecentlyLoadedNodesWidget_default as r, RecentlyLoadedNodesWidget_exports as t };
-//# sourceMappingURL=RecentlyLoadedNodesWidget-BqnF9KyX.js.map

package/dist/RecentlyLoadedNodesWidget-BqnF9KyX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecentlyLoadedNodesWidget-BqnF9KyX.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,UAAU,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-ldC4d9JX.js

@@ -1,40 +0,0 @@
-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-ldC4d9JX.js.map

package/dist/RejectIcon-ldC4d9JX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RejectIcon-ldC4d9JX.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-ByERcvu8.js

@@ -1,138 +0,0 @@
-import { j as SplitScreenTypeEnums } from "./unitySystemEnums-BhRg17du.js";
-import { t as UnityFluentIcon } from "./UnityFluentIcon-DNZGVIjm.js";
-import { n as useActions } from "./useActions-BAyugLx0.js";
-import { S as getIconFromName } from "./TreeUtilities-extjyKiS.js";
-import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
-import { t as StatusChip } from "./StatusChip-CuENztR1.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-ByERcvu8.js.map

package/dist/RemindersCard-ByERcvu8.js.map

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