udp-react-enterprise-component-library 25.16.0 → 25.16.1

package/dist/PrimaryActionHeader-D9vn0zfH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryActionHeader-D9vn0zfH.js","names":["useStyles","result: [string, string, TeleporterInstance][]","value"],"sources":["../src/UI/utilityDisplay/utilityHeader/ui/PAHExport.jsx","../src/UI/utilityDisplay/utilityHeader/ui/teleporter.ts","../src/UI/utilityDisplay/utilityHeader/PrimaryActionHeader.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, Popover } from '@material-ui/core';\nimport {\n  ArrowUpRightIcon,\n  PDFIcon,\n  ExcelDocumentIcon,\n  TextDocumentIcon\n} from '@fluentui/react-icons';\nimport { AmbientPopoverMenuItem } from '../../../inputs/buttons/AmbientPopoverMenuItem';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  popoverRoot: {},\n  icon: {\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const PAHExport = ({ exportCSV, exportExcel, exportPDF }) => {\n  const classes = useStyles();\n\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handleClick = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'simple-popover' : undefined;\n\n  const gridControlsExport = [\n    {\n      label: 'Export CSV',\n      component: TextDocumentIcon,\n      click: exportCSV,\n      key: 1\n    },\n    {\n      label: 'Export Excel',\n      component: ExcelDocumentIcon,\n      click: exportExcel,\n      key: 2\n    }\n  ];\n\n  // if (exportPDF) {\n  //   gridControlsExport.push({\n  //     label: 'Export PDF',\n  //     component: PDFIcon,\n  //     click: exportPDF,\n  //     key: 3\n  //   });\n  // }\n\n  return (\n    <div className={classes.root}>\n      <FluentIconButton\n        className={classes.icon}\n        icon={ArrowUpRightIcon}\n        onClick={handleClick}\n      />\n\n      <Popover\n        classes={{ root: classes.popoverRoot }}\n        square\n        elevation={1}\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'left'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left'\n        }}\n      >\n        <div style={{ width: 140 }}>\n          <div>\n            {gridControlsExport.map((item) => {\n              return (\n                <AmbientPopoverMenuItem\n                  label={item.label}\n                  component={item.component}\n                  click={item.click}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Popover>\n    </div>\n  );\n};\n","import { useMemo } from 'react';\n// @ts-ignore - TeleporterInstance type may not be exported\nimport { TeleporterInstance } from 'react-teleporter';\nimport { useTeleporterStore } from '../../../../stores/teleporterStore';\n\nexport const useAllTeleporters = (): [string, string, TeleporterInstance][] => {\n  const teleporterMap = useTeleporterStore((state) => state.teleporterMap);\n\n  const allTeleporters = useMemo(() => {\n    const result: [string, string, TeleporterInstance][] = [];\n\n    for (const [targetId, locationMap] of teleporterMap.entries()) {\n      for (const [location, entry] of locationMap.entries()) {\n        result.push([targetId, location, entry.teleporter]);\n      }\n    }\n\n    return result;\n  }, [teleporterMap]);\n\n  return allTeleporters;\n};\n","import React, { useState, Fragment, useMemo } from 'react';\nimport {\n  makeStyles,\n  Slide,\n  Typography,\n  Collapse,\n  Divider,\n  LinearProgress,\n  lighten\n} from '@material-ui/core';\nimport { StandardTitle } from '../../dataDisplay/typography/StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport {\n  SearchIcon,\n  ChevronRightIcon,\n  MaximumValueIcon,\n  ChevronFold10Icon,\n  ChevronUnfold10Icon,\n  GroupListIcon,\n  FilterIcon,\n  MoreVerticalIcon,\n  SaveIcon,\n  DeleteIcon,\n  ClearIcon\n} from '@fluentui/react-icons';\nimport { ToolBarButton } from '../../inputs/buttons/ToolBarButton';\nimport { PrimaryActionButton } from '../../inputs/buttons/PrimaryActionButton';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport ArrowBackIcon from '@material-ui/icons/esm/ArrowBack';\nimport { PAHExport } from './ui/PAHExport';\nimport { StatusChip } from '../../dataDisplay/StatusChip';\nimport { useShellStore } from '../../../stores/shellStore';\nimport { UdpTabs } from '../../navigation/tabs/UdpTabs';\nimport { useAllTeleporters } from './ui/teleporter';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      height: 50\n    }\n  },\n  title: {\n    margin: theme.spacing(2)\n  },\n  titleWrapper: {\n    paddingLeft: theme.spacing(2),\n    paddingRight: (props) => (props.single ? theme.spacing(2) : 0),\n    display: 'flex',\n    alignItems: 'center'\n  },\n  subHeaderWrapper: {\n    // display: 'flex',\n    // justifyContent: 'flex-end',\n    // marginTop: props => props.single && 6,\n    width: '100%',\n    marginTop: 0,\n    [theme.breakpoints.down('xs')]: {\n      justifyContent: 'flex-start'\n    }\n  },\n  subHeader: {\n    minWidth: (props) => props.subheader && 320,\n    marginLeft: theme.spacing(2),\n    [theme.breakpoints.between('sm', 'lg')]: {\n      display: 'none'\n    },\n    [theme.breakpoints.down('xs')]: {\n      display: 'none'\n    }\n  },\n  denseSubtitle: {\n    marginTop: theme.spacing(1.2),\n    marginLeft: theme.spacing(2)\n    // [theme.breakpoints.up('xl')]: {\n    //   display: 'none'\n    // },\n    // [theme.breakpoints.down('xs')]: {\n    //   display: 'none'\n    // }\n  },\n  actionRow: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center'\n    // [theme.breakpoints.up('lg')]: {\n    //   width: '100%',\n    // },\n    // paddingBottom: props => props.hidePAB && theme.spacing(2),\n  },\n  secondaryButtons: {\n    display: 'flex',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none'\n    },\n    alignItems: 'center'\n  },\n  secondaryButtonsMobile: {\n    display: 'flex',\n    padding: theme.spacing(1),\n    background: theme.palette.divider,\n    [theme.breakpoints.up('sm')]: {\n      display: 'none'\n    }\n  },\n  search: {\n    marginRight: theme.spacing(2),\n    marginTop: theme.spacing(3),\n\n    flex: 1\n  },\n  close: {\n    marginRight: theme.spacing(2)\n  },\n  pab: {\n    display: 'flex',\n    [theme.breakpoints.between('xs', 'sm')]: {\n      position: 'fixed',\n      bottom: theme.spacing(2),\n      right: theme.spacing(2),\n      zIndex: theme.zIndex.appBar\n    }\n  },\n  titleOnly: {\n    paddingBottom: theme.spacing(1)\n  },\n  advancedOptions: {\n    backgroundColor: '#EEEEEE',\n    width: '100%'\n  },\n  tabPageButtons: {\n    height: 50,\n    borderTop: `1px solid ${theme.palette.divider}`,\n    paddingLeft: theme.spacing(2),\n    backgroundColor: '#EEEEEE'\n  },\n  divider: {\n    height: 25,\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(2)\n  },\n  functionIcons: {\n    fontSize: 18,\n    color: theme.palette.secondary.main\n  },\n  tabRow: {\n    maxWidth: 500,\n    [theme.breakpoints.down('sm')]: {\n      width: 300\n    },\n    minHeight: '48px'\n  },\n  fullTabs: {\n    [theme.breakpoints.down('xl')]: {\n      maxWidth: 700\n    },\n    [theme.breakpoints.down('lg')]: {\n      maxWidth: 500\n    },\n    [theme.breakpoints.down('sm')]: {\n      maxWidth: '100vw'\n    },\n    minHeight: '48px'\n  },\n  iconButton: {\n    marginTop: 9,\n    marginLeft: 4\n  },\n  titleWrapperBack: {\n    display: 'flex',\n    flex: (props) => props.title && 1\n  },\n  buttomButtonRow: {\n    display: 'flex',\n    width: '100%'\n  },\n\n  bottomButtonsLeft: {\n    display: 'flex',\n    flex: 1,\n    // width: '100%',\n    justifyContent: 'flex-start'\n  },\n  bottomButtonsRigth: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  single: {\n    display: 'flex'\n  },\n  containerStyle: {\n    background: lighten(theme.palette.secondary.light, 0.9),\n    padding: theme.spacing(1),\n    paddingLeft: theme.spacing(2),\n    borderTop: `1px solid ${theme.palette.divider} `\n  },\n  gridControlLineUp: {\n    display: 'flex',\n    alignItems: 'center',\n    marginRight: theme.spacing(2)\n  },\n  additionalTitleComponent: {\n    marginLeft: theme.spacing(2)\n  }\n}));\n\nexport const PrimaryActionHeader = (props) => {\n  const classes = useStyles(props);\n\n  const {\n    buttonLabel,\n    title,\n    subheader,\n    handleClick,\n    secondaryButtons,\n    hidePAB = false,\n    search,\n    searchField,\n    expandOptions,\n    handleMouseLeave,\n    expandedContent,\n    handleChange,\n    value,\n    tabList,\n    tabs,\n    resizeGrid,\n    collapse,\n    expandAllItems,\n    groups,\n    showGroups,\n    grid,\n    clickBack,\n    topRowSecondary,\n    bottomRowSecondary,\n    bottomRowSecondaryRight,\n    loading,\n    openGroups,\n    openFilter,\n    altInputs,\n    loadingVal,\n    exportGrid,\n    openSearch = false,\n    styleSearch,\n    stepper,\n    pabDisabled,\n    switcher,\n    single,\n    lowerTray,\n    lowerTraySearch,\n    lowerTrayGrid,\n    upperTrayGrid,\n    exportCSV,\n    exportExcel,\n    exportPDF,\n    expand,\n    expandGrid,\n    collapseGrid,\n    resize,\n    gridApi,\n    saveGridConfig,\n    deleteGridConfig,\n    clearGridConfig,\n    hideActionRow = false,\n    allowAdditionalTitleComponent = false,\n    allowAdditionalRightComponent = true,\n    StatusChipProps = null,\n    tabProps,\n    tabVariant,\n    additionalComponentId = '',\n    ...otherProps\n  } = props;\n\n  const [searchExpanded, setSearchExpanded] = useState(openSearch);\n  const currentContainerId = useShellStore((state) => state.currentContainerId);\n  const allTeleporters = useAllTeleporters();\n\n  const expandSearch = () => {\n    setSearchExpanded(!searchExpanded);\n  };\n\n  function a11yProps(index) {\n    return {\n      id: `simple-tab-${index}`,\n      'aria-controls': `simple-tabpanel-${index}`\n    };\n  }\n\n  const gridControlsExpand = [\n    {\n      label: '',\n      aria: 'expand',\n      component: ChevronUnfold10Icon,\n      click: expandGrid,\n      id: 1\n    }\n  ];\n  const gridControlsResize = [\n    {\n      label: '',\n      aria: 'resize',\n      component: MaximumValueIcon,\n      click: resizeGrid,\n      id: 2\n    }\n  ];\n  const gridControlsCollapse = [\n    {\n      label: '',\n      aria: 'collapse',\n      component: ChevronFold10Icon,\n      click: collapseGrid,\n      id: 3\n    }\n  ];\n\n  const gridControlsGroup = [\n    {\n      label: 'Group',\n      component: GroupListIcon,\n      click: openGroups,\n      id: 4\n    }\n  ];\n  const gridControlsFilter = [\n    {\n      label: 'Filter',\n      component: FilterIcon,\n      click: openFilter,\n      id: 5\n    }\n  ];\n\n  const gridControlsSave = [\n    {\n      label: 'Save Grid Configuration',\n      component: SaveIcon,\n      click: saveGridConfig,\n      id: 6\n    }\n  ];\n  const gridControlsDelete = [\n    {\n      label: 'Delete Grid Configuration',\n      component: DeleteIcon,\n      click: deleteGridConfig,\n      id: 7\n    }\n  ];\n  const gridControlsClear = [\n    {\n      label: 'Clear Grid Configuration',\n      component: ClearIcon,\n      click: clearGridConfig,\n      id: 8\n    }\n  ];\n\n  const gridControlsExport = (\n    <div>\n      <PAHExport\n        exportCSV={exportCSV || (() => gridApi?.exportDataAsCsv())}\n        exportExcel={exportExcel || (() => gridApi?.exportDataAsExcel())}\n        exportPDF={exportPDF}\n      />\n    </div>\n  );\n  const gridControlExpand = gridControlsExpand && (\n    <div>\n      {gridControlsExpand.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlResize = gridControlsResize && (\n    <div>\n      {gridControlsResize.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlCollapse = gridControlsCollapse && (\n    <div>\n      {gridControlsCollapse.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlSave = gridControlsSave && (\n    <div>\n      {gridControlsSave.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlDelete = gridControlsDelete && (\n    <div>\n      {gridControlsDelete.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n  const gridControlClear = gridControlsClear && (\n    <div>\n      {gridControlsClear.map((item) => {\n        return (\n          <ToolBarButton\n            label={item.label}\n            title={item.label}\n            expanded={true}\n            component={item.component}\n            click={item.click}\n            aria={item.aria}\n            key={item.id}\n          />\n        );\n      })}\n    </div>\n  );\n\n  const searchToggle = (\n    <>\n      <div style={{ display: 'flex' }}>\n        {searchExpanded && (\n          <FluentIconButton\n            click={expandSearch}\n            aria-label='close search'\n            className={classes.close}\n            icon={ChevronRightIcon}\n            onClick={expandSearch}\n            size='small'\n          />\n        )}\n      </div>\n      <div className={classes.search} style={{ flex: 1 }}>\n        <div>\n          {searchExpanded && (\n            <div>\n              <Slide\n                direction='left'\n                in={expandSearch}\n                mountOnEnter\n                unmountOnExit\n              >\n                <div className={classes.searchWrapper}>{searchField}</div>\n              </Slide>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n\n  const LowerTrayShell = ({ children }) => {\n    return <div className={classes.containerStyle}>{children}</div>;\n  };\n\n  const GridControlLineUp = () => {\n    return (\n      <div className={classes.gridControlLineUp}>\n        {saveGridConfig && gridControlSave}\n        {deleteGridConfig && gridControlDelete}\n        {clearGridConfig && gridControlClear}\n        {expandGrid && gridControlExpand}\n        {resizeGrid && gridControlResize}\n        {collapseGrid && gridControlCollapse}\n        {exportGrid && gridControlsExport}\n      </div>\n    );\n  };\n\n  const additionalTitleTeleportedComponents = useMemo(() => {\n    const components = [];\n    allTeleporters.forEach(([targetId, location, teleporter]) => {\n      const Target = teleporter.Target;\n      if (\n        targetId === additionalComponentId &&\n        location === 'title'\n      ) {\n        components.push(\n          <div key={targetId} className='teleport-target'>\n            <Target />\n          </div>\n        );\n      }\n    })\n    return components;\n  }, [additionalComponentId, allTeleporters]);\n\n  return (\n    <div key={currentContainerId}>\n      <div className={single && classes.single}>\n        {/* {switcher && <PAHViewSwitcher>Meeting Title</PAHViewSwitcher>} */}\n        <div className={classes.titleWrapperBack}>\n          {clickBack && (\n            <div className={classes.iconButton}>\n              <FluentIconButton icon={ArrowBackIcon} onClick={clickBack} />\n            </div>\n          )}\n\n          {title && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StandardTitle removeMarginTop={single}>{title}</StandardTitle>\n                {single && subheader && (\n                  <Typography\n                    className={classes.denseSubtitle}\n                    variant='subtitle1'\n                    component='h2'\n                  >\n                    {subheader}\n                  </Typography>\n                )}\n\n                {allowAdditionalTitleComponent && (\n                  <div className={classes.additionalTitleComponent}>\n                    {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n          {!title && allowAdditionalTitleComponent && (\n            <div className={classes.additionalTitleComponent}>\n              {additionalTitleTeleportedComponents.map(value => {\n               return value;\n              })}\n            </div>\n          )}\n          {StatusChipProps && (\n            <div className={classes.root}>\n              <div className={classes.titleWrapper}>\n                <StatusChip\n                  label={StatusChipProps?.label}\n                  status={StatusChipProps?.status}\n                />\n              </div>\n            </div>\n          )}\n        </div>\n        <div className={classes.subHeaderWrapper}>\n          {/* <div className={classes.subHeader}>\n          <Typography variant=\"subtitle1\">{subheader}</Typography>\n        </div> */}\n          {stepper}\n          {!hideActionRow && (\n            <div className={classes.actionRow}>\n              {!single && subheader && (\n                <Typography\n                  className={classes.denseSubtitle}\n                  variant='subtitle1'\n                  component='h2'\n                >\n                  {subheader}\n                </Typography>\n              )}\n              <div className={grid ? classes.tabRow : classes.fullTabs}>\n                {tabList?.length > 0 && (\n                  <UdpTabs\n                    value={value}\n                    onChange={handleChange}\n                    tabList={tabList}\n                    variant={tabVariant}\n                  />\n                )}\n              </div>\n\n              {search && searchToggle}\n              <div style={{ flex: 1 }} />\n\n              <div className={classes.secondaryButtons}>\n                {!searchExpanded && search && (\n                  <ToolBarButton\n                    label='Search'\n                    component={SearchIcon}\n                    click={expandSearch}\n                  />\n                )}\n                {search && (\n                  <Divider orientation='vertical' className={classes.divider} />\n                )}\n\n                {/* {grid &&\n                gridControls.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n                {(expandGrid ||\n                  resizeGrid ||\n                  collapseGrid ||\n                  exportGrid ||\n                  saveGridConfig ||\n                  deleteGridConfig ||\n                  clearGridConfig) &&\n                  upperTrayGrid && <GridControlLineUp expand={expand} />}\n\n                {grid &&\n                  openFilter &&\n                  gridControlsFilter.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {grid &&\n                  openGroups &&\n                  gridControlsGroup.map((item) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        title={item.label}\n                        expanded={true}\n                        component={item.component}\n                        click={item.click}\n                        aria={item.aria}\n                        key={item.id}\n                      />\n                    );\n                  })}\n\n                {/* {grid &&\n                exportGrid &&\n                gridControlsExport.map(item => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      title={item.label}\n                      expanded\n                      component={item.component}\n                      click={item.click}\n                      aria={item.aria}\n                      key={item.id}\n                    />\n                  );\n                })} */}\n\n                {grid && searchExpanded && (\n                  <div>\n                    <FluentIconButton\n                      id='udpRecord-PrimaryActionHeader-ClosePanel'\n                      udprecordid='udpRecord-PrimaryActionHeader-ClosePanel'\n                      icon={MoreVerticalIcon}\n                      // onClick={toggleExpandedHeader}\n                      aria-label='Close Panel'\n                    />\n                  </div>\n                )}\n\n                {secondaryButtons &&\n                  !tabs &&\n                  secondaryButtons.map((item, index) => {\n                    return (\n                      <ToolBarButton\n                        label={item.label}\n                        expanded={searchExpanded}\n                        component={item.component}\n                        click={item.click}\n                        key={item.id ?? index}\n                        aria={item.label}\n                        disabled={item.disabled}\n                      />\n                    );\n                  })}\n              </div>\n              <div>\n                {allowAdditionalRightComponent &&\n                  allTeleporters.map(([targetId, location, teleporter]) => {\n                    const Target = teleporter.Target;\n                    if (\n                      targetId === additionalComponentId &&\n                      location === 'right'\n                    ) {\n                      return (\n                        <div key={targetId} className='teleport-target'>\n                          <Target />\n                        </div>\n                      );\n                    } else {\n                      return null;\n                    }\n                  })}\n              </div>\n              {!hidePAB && (\n                <div className={classes.pab}>\n                  {topRowSecondary &&\n                    topRowSecondary.map((item, index) => {\n                      return (\n                        <ToolBarButton\n                          label={item.label}\n                          expanded={searchExpanded}\n                          component={item.component}\n                          click={item.click}\n                          key={item.id ?? index}\n                          aria={item.label}\n                        />\n                      );\n                    })}\n\n                  <PrimaryActionButton\n                    disabled={pabDisabled}\n                    onClick={handleClick}\n                    {...otherProps}\n                  >\n                    {buttonLabel}\n                  </PrimaryActionButton>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div\n          className={clsx(\n            classes.secondaryButtons,\n            (altInputs || bottomRowSecondary) && classes.tabPageButtons\n          )}\n        >\n          <div className={classes.buttomButtonRow}>\n            <div className={classes.bottomButtonsLeft}>\n              {bottomRowSecondary &&\n                bottomRowSecondary.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n            <div className={classes.bottomButtonsRigth}>\n              {bottomRowSecondaryRight &&\n                bottomRowSecondaryRight.map((item, index) => {\n                  return (\n                    <ToolBarButton\n                      label={item.label}\n                      expanded={!tabs && searchExpanded}\n                      component={item.component}\n                      click={item.click}\n                      key={item.id ?? index}\n                    />\n                  );\n                })}\n            </div>\n\n            {altInputs}\n          </div>\n          <div>\n            {showGroups && <Divider />}\n            {showGroups && groups}\n          </div>\n        </div>\n\n        <Collapse in={expandOptions} timeout='auto'>\n          <div onMouseLeave={handleMouseLeave}>\n            {/* <div> */}\n            <div className={classes.advancedOptions}>{expandedContent}</div>\n          </div>\n        </Collapse>\n        {loading && <LinearProgress value={loadingVal} />}\n      </div>\n      {lowerTray && (\n        <LowerTrayShell>\n          <div style={{ display: 'flex', justifyContent: 'flex-end' }}>\n            <div style={{ display: 'flex' }}>\n              {!searchExpanded && lowerTraySearch && (\n                <ToolBarButton\n                  label='Search'\n                  component={SearchIcon}\n                  click={expandSearch}\n                />\n              )}\n              {searchToggle}\n            </div>\n            {lowerTrayGrid && <GridControlLineUp />}\n          </div>\n        </LowerTrayShell>\n      )}\n\n      <div className={classes.secondaryButtonsMobile}>\n        {secondaryButtons &&\n          !tabs &&\n          secondaryButtons.map((item, index) => {\n            return (\n              <ToolBarButton\n                label={item.label}\n                expanded={searchExpanded}\n                component={item.component}\n                click={item.click}\n                key={item.id ?? index}\n                aria={item.label}\n                disabled={item.disabled}\n              />\n            );\n          })}\n      </div>\n    </div>\n  );\n};\n\nPrimaryActionHeader.propTypes = {\n  /**\n   * Primary action button label\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Page title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Page subtitle\n   */\n  subheader: PropTypes.string,\n  /**\n   * Primary action button function\n   */\n  handleClick: PropTypes.func,\n  /**\n   * prop for mapped secondary button data\n   */\n  secondaryButtons: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      component: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n      click: PropTypes.func,\n      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  /**\n   * Hides Primary Action Button (not recommended)\n   */\n  hidePAB: PropTypes.bool,\n  /**\n   * Allows search option to display\n   */\n  search: PropTypes.bool,\n  /**\n   * Search field designed to fit header space\n   */\n  searchField: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /**\n   * If true, expanded space for advanced search is open\n   */\n  expandOptions: PropTypes.func,\n  /**\n   * Function to close expanded space when the user mouse leaves\n   */\n  handleMouseLeave: PropTypes.string,\n  /**\n   * The contents of the expanded search\n   */\n  expandedContent: PropTypes.node,\n  /**\n   * Handle change option for tabs (when the tab prop is active)\n   */\n  handleChange: PropTypes.string,\n  /**\n   * Sends value that determines what tab content is visable (when the tab prop is active)\n   */\n  value: PropTypes.oneOfType([PropTypes.node, false]),\n  /**\n   * Prop to pass an array of tab lables to display tabs (when the tab prop is active)\n   */\n  tabList: PropTypes.node,\n  /**\n   * Prop option to display tabs. Tabs are available when true. Also provides additional formatting.\n   */\n  tabs: PropTypes.bool,\n  /**\n   * Click event to resize grid to fit (when using the PAH to display a grid).\n   */\n  resizeGrid: PropTypes.func,\n  /**\n   * Click event to collapse Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  collapse: PropTypes.func,\n  /**\n   * Click event to expand Ag Grid when grouped (when using the PAH to display a grid).\n   */\n  expandAllItems: PropTypes.func,\n  /**\n   * Click event to save Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  saveGridConfig: PropTypes.func,\n  /**\n   * Click event to delete Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  deleteGridConfig: PropTypes.func,\n  /**\n   * Click event to clear Ag Grid configurations (e.g. filters, sorting, column widths, etc.) when using the PAH to display a grid.\n   */\n  clearGridConfig: PropTypes.func,\n  /**\n   * Prop that accepts a component of groups (when using the PAH to display a grid).\n   */\n  groups: PropTypes.node,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  grid: PropTypes.bool,\n  /**\n   * Prop option to display grid. Grid formatting is available when true.\n   */\n  otherProps: PropTypes.any,\n  /**\n   * Prop option to show secondary buttons on top row.\n   */\n  bottomRowSecondary: PropTypes.array,\n  /**\n   * Prop option to show secondary buttons on bottom row.\n   */\n  topRowSecondary: PropTypes.array,\n  /**\n   * Exposes onClick for back arrow. Only displays arrow when a function is provided.\n   */\n  clickBack: PropTypes.func,\n  /**\n   * Toggles visaiblity for loading progress bar.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The value of progress loading.\n   */\n  loadingVal: PropTypes.number,\n  /**\n   * Exposes function to open group options.\n   */\n  openGroups: PropTypes.func,\n  /**\n   * Exposes function to open filter options.\n   */\n  openFilter: PropTypes.func,\n  /**\n   * Alternate method to include toolbar inputs.\n   */\n  altInputs: PropTypes.node,\n  /**\n   * If true, actionRow will be hidden\n   */\n  hideActionRow: PropTypes.bool,\n  /**\n   * Props passed into FluentSimpleTabs Component\n   */\n  tabProps: PropTypes.object,\n  /**\n   * Determines if the primary action header should be multiple rows\n   */\n  single: PropTypes.bool\n};\n\nPrimaryActionHeader.defaultProps = {\n  hidePAB: false\n};\n"],"mappings":"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"}

package/dist/PropertyFields-BOhyMi0i.js

@@ -0,0 +1,65 @@
+import { widgets_default } from "./widgets-C-lZrGAQ.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 { PropertyField, PropertyFields, getFieldValuesForProperties, getPropertiesForFieldValues };
+//# sourceMappingURL=PropertyFields-BOhyMi0i.js.map

package/dist/PropertyFields-BOhyMi0i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFields-BOhyMi0i.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-BXX3-4Zh.js

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

package/dist/QueryResult-BXX3-4Zh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryResult-BXX3-4Zh.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-Du-MuSVf.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 };
+//# sourceMappingURL=QuickViewCard-Du-MuSVf.js.map

package/dist/QuickViewCard-Du-MuSVf.js.map

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

@@ -0,0 +1,108 @@
+import { AgTable, useAgGridApi } from "./AgTable-0F_xrxvX.js";
+import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import { IconRenderer } from "./IconRenderer-BbcxG30f.js";
+import { formatDateToLocaleString } from "./DateUtilities-DHTEYbE8.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 };
+//# sourceMappingURL=RecentlyLoadedNodesTable-BZ4YiuvL.js.map

package/dist/RecentlyLoadedNodesTable-BZ4YiuvL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentlyLoadedNodesTable-BZ4YiuvL.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/RejectIcon-BbYRcoLI.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, RejectIcon };
+//# sourceMappingURL=RejectIcon-BbYRcoLI.js.map

package/dist/RejectIcon-BbYRcoLI.js.map

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

@@ -0,0 +1,138 @@
+import { SplitScreenTypeEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import { UnityFluentIcon } from "./UnityFluentIcon-fuqAQh0C.js";
+import { useActions } from "./useActions-C4qJAr_e.js";
+import { getIconFromName } from "./TreeUtilities-BxV5PMJ8.js";
+import { getUnityIconFromName } from "./UnityIconLibrary-DnCuEr5M.js";
+import { StatusChip } from "./StatusChip-Bw-0wE_B.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, RemindersCard };
+//# sourceMappingURL=RemindersCard-BJhfqNQk.js.map

package/dist/RemindersCard-BJhfqNQk.js.map

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