udp-react-enterprise-component-library 25.18.4-beta.102 → 25.18.4-beta.104

package/dist/{ActionsRenderer-CfcqnhTL.js → ActionsRenderer-Czy9UTzR.js}

@@ -2,7 +2,7 @@ import { t as FluentIconButton } from "./FluentIconButton-CGUe-Mxe.js";
 import { t as StatusChip } from "./StatusChip-UYxTcpmS.js";
 import { t as Adornment } from "./Adornment-D21u4FE3.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-CtGJC02A.js";
-import { n as GridUnit, t as GridRow } from "./GridRow-B0tK7yZJ.js";
+import { n as GridRow, t as GridUnit } from "./GridUnit-DoRLF6tB.js";
 import { t as CompactDataList } from "./CompactDataList-DTxZtuUv.js";
 import { t as CompactDataListItem } from "./CompactDataListItem-C07zOzRz.js";
 import { c as isEqualIgnoreFunctions } from "./MapUtilities-CVZ1FA_U.js";
@@ -234,4 +234,4 @@ const ActionsRenderer = (props) => {
 //#endregion
 export { ListView as n, CompactCard as r, ActionsRenderer as t };
 
-//# sourceMappingURL=ActionsRenderer-CfcqnhTL.js.map
+//# sourceMappingURL=ActionsRenderer-Czy9UTzR.js.map

package/dist/{ActionsRenderer-CfcqnhTL.js.map → ActionsRenderer-Czy9UTzR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionsRenderer-CfcqnhTL.js","names":["useStyles"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n  Card,\n  CardContent,\n  Typography,\n  makeStyles,\n  Collapse,\n  Avatar\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst useStyles = makeStyles((theme) => ({\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1)\n  },\n  subtitleWrapper: {\n    display: 'flex',\n    paddingBottom: 0,\n    alignItems: 'center',\n    gap: theme.spacing(1)\n  },\n  title: {\n    flex: 1,\n    lineHeight: '125%'\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  expandButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  sectionWrapper: {\n    marginTop: theme.spacing(1.5)\n  },\n  iconButtonWrapper: {\n    borderRadius: 2\n  },\n  avatar: {\n    width: '80px',\n    height: '80px'\n  },\n  contentWrapper: {\n    flex: 2\n  },\n  secondaryText: {\n    color: 'inherit',\n    opacity: 0.6\n  },\n  cardContent: {\n    flex: 1,\n    paddingTop: 0,\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  }\n}));\n\nexport const CompactCard = (props) => {\n  const {\n    title,\n    primaryText,\n    secondaryText,\n    noWrap = false,\n    extendedList = [],\n    status = 'info',\n    statusLabel,\n    statusVariant,\n    showAdornment = true,\n    avatar,\n    imageAvatarSrc,\n    overrideStatusError,\n    overrideStatusInfo,\n    overrideStatusSuccess,\n    overrideStatusWarning,\n    iconButtons = [],\n    children\n  } = props;\n  const [expanded, setExpanded] = useState(false);\n  const classes = useStyles();\n\n  return (\n    <div style={{ display: 'flex', height: '100%', width: '100%' }}>\n      {showAdornment && status && (\n        <div style={{ height: '100%' }}>\n          <Adornment color={status} />\n        </div>\n      )}\n      <Card style={{ width: '100%' }}>\n        <CardContent className={classes.subtitleWrapper}>\n          {imageAvatarSrc && (\n            <Avatar\n              variant='square'\n              className={classes.avatar}\n              src={imageAvatarSrc}\n            />\n          )}\n\n          {avatar && (\n            <Avatar variant='square' className={classes.avatar}>\n              {avatar}\n            </Avatar>\n          )}\n          <div className={classes.contentWrapper}>\n            <div className={classes.titleWrapper}>\n              <Typography variant='subtitle1'>{title}</Typography>\n              {status && statusLabel && (\n                <StatusChip\n                  status={status}\n                  label={statusLabel}\n                  success={overrideStatusSuccess}\n                  error={overrideStatusError}\n                  warning={overrideStatusWarning}\n                  info={overrideStatusInfo}\n                  variant={statusVariant}\n                />\n              )}\n            </div>\n\n            <Typography variant='body2' noWrap={noWrap}>\n              {primaryText}\n            </Typography>\n            <Typography variant='body2' className={classes.secondaryText}>\n              {secondaryText}\n            </Typography>\n          </div>\n        </CardContent>\n        {children}\n        {(extendedList?.length > 0 || iconButtons?.length > 0) && (\n          <CardContent className={classes.cardContent}>\n            <div className={classes.sectionWrapper}>\n              <Collapse in={expanded} timeout='auto' unmountOnExit>\n                <CompactDataList disableSeparator={false}>\n                  {extendedList?.map((item) => (\n                    <CompactDataListItem\n                      label={item?.label}\n                      value={item?.value}\n                    />\n                  ))}\n                </CompactDataList>\n              </Collapse>\n              <div className={classes.expandButtonWrapper}>\n                <div>\n                  {extendedList?.length > 0 && (\n                    <FluentIconButton\n                      className={clsx(\n                        classes.expand,\n                        {\n                          [classes.expandOpen]: expanded\n                        },\n                        classes.iconButtonWrapper\n                      )}\n                      onClick={() => setExpanded(!expanded)}\n                      icon={ChevronDownIcon}\n                    />\n                  )}\n                </div>\n                <div>\n                  {iconButtons?.length > 0 &&\n                    iconButtons?.map((iconButton) => (\n                      <IconButtonWithTooltip\n                        className={classes.iconButtonWrapper}\n                        icon={iconButton?.icon}\n                        onClick={iconButton?.onclick}\n                        title={iconButton?.title}\n                        size='small'\n                        {...iconButton}\n                      />\n                    ))}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        )}\n      </Card>\n    </div>\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { startCase } from 'lodash';\nimport { CompactCard } from './CompactCard';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { MapPinIcon, ViewIcon } from '@fluentui/react-icons';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { isEqualIgnoreFunctions } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  noDataWrapper: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)'\n  },\n  chipContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'wrap',\n    marginTop: theme.spacing(1),\n    margin: theme.spacing(0, 1)\n  },\n  chipContent: {\n    margin: theme.spacing(1),\n    marginBottom: 0\n  }\n}));\n\nconst ListView = (props) => {\n  const {\n    data,\n    listViewConfig,\n    noWrapPrimaryText,\n    viewEvent,\n    showMarkerEvent,\n    chipConfig\n  } = props;\n  const [activeChip, setActiveChip] = useState(null);\n  const [filteredData, setFilteredData] = useState(data);\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  //Set default active chip only when chipConfig changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      setActiveChip(null);\n      return;\n    }\n\n    const defaultChip =\n      chipConfig.find((chip) => chip?.default) ?? chipConfig[0];\n\n    if (!activeChip) {\n      setActiveChip(defaultChip);\n    } else {\n      const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);\n      if (\n        updatedChip &&\n        (updatedChip !== activeChip ||\n          !isEqualIgnoreFunctions(updatedChip, activeChip))\n      ) {\n        setActiveChip(updatedChip);\n      } else if (!updatedChip) {\n        // activeChip no longer exists in new config\n        setActiveChip(defaultChip);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipConfig, activeChip]);\n\n  //Update filtered data whenever data or activeChip changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      return;\n    }\n\n    if (activeChip?.filterData) {\n      setFilteredData(activeChip.filterData(data, activeChip));\n    } else {\n      setFilteredData(data);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeChip, data]);\n\n  const handleOnClickChip = useCallback(\n    (chip) => {\n      if (chip?.onClick) {\n        chip?.onClick(data, chip);\n      }\n\n      setActiveChip(chip);\n    },\n    [data]\n  );\n\n  return (\n    <div>\n      {chipConfig?.length > 0 && (\n        <div className={classes.chipContainer}>\n          {chipConfig?.map((chip, index) => {\n            return (\n              <StatusChip\n                key={`${index}-${chip?.label}`}\n                label={chip?.label}\n                status={chip?.id === activeChip?.id ? 'info' : 'default'}\n                variant='outlined'\n                icon={chip?.icon}\n                onClick={() => {\n                  console.log('chip clicked', chip);\n                  handleOnClickChip(chip);\n                }}\n                isActionable={!chip?.disabled}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      {activeChip?.content && (\n        <div className={classes.chipContent}>{activeChip?.content}</div>\n      )}\n      {filteredData?.length > 0 ? (\n        filteredData?.map((record, index) => {\n          const extendedListData = listViewConfig?.extendedListFields?.map(\n            (item) => {\n              return {\n                label: startCase(item),\n                value: record[item] ?? 'N/A'\n              };\n            }\n          );\n\n          const buttons =\n            listViewConfig?.iconButtons?.map((config) => ({\n              ...config,\n              onClick: () => {\n                if (config?.onClick) {\n                  config?.onClick(record);\n                }\n              }\n            })) ?? [];\n\n          const iconButtons = [\n            ...buttons,\n            {\n              title: t('Show Marker'),\n              icon: MapPinIcon,\n              onClick: () => {\n                showMarkerEvent(record);\n              }\n            },\n            {\n              title: t('View'),\n              icon: ViewIcon,\n              onClick: () => {\n                viewEvent(record);\n              }\n            }\n          ];\n\n          const title = listViewConfig?.getTitle\n            ? listViewConfig?.getTitle(record)\n            : record[listViewConfig?.titleField];\n\n          return (\n            <GridRow>\n              <GridUnit>\n                <CompactCard\n                  id={index}\n                  title={title}\n                  primaryText={record[listViewConfig?.primaryTextField]}\n                  secondaryText={record[listViewConfig?.secondaryTextField]}\n                  status={record[listViewConfig?.statusColor]?.toLowerCase()}\n                  statusLabel={record[listViewConfig?.statusLabel]}\n                  statusVariant={listViewConfig?.statusVariant}\n                  showAdornment={listViewConfig?.showAdornment}\n                  avatar={record[listViewConfig?.avatar]}\n                  imageAvatarSrc={record[listViewConfig?.imageAvatarSrc]}\n                  noWrap={noWrapPrimaryText}\n                  extendedList={extendedListData}\n                  iconButtons={iconButtons}\n                />\n              </GridUnit>\n            </GridRow>\n          );\n        })\n      ) : (\n        <div className={classes.noDataWrapper}>\n          <Typography variant='body1'>{t('No Data')}</Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ListView;\n","import { ViewIcon } from '@fluentui/react-icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst ActionsRenderer = (props) => {\n  const { openView, data, node } = props;\n  const { t } = useTranslation();\n\n  return (\n    <div>\n      {openView && !node?.group && (\n        <IconButtonWithTooltip\n          title={t('View')}\n          size='small'\n          onClick={() => {\n            openView(data);\n          }}\n          icon={ViewIcon}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ActionsRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"ActionsRenderer-Czy9UTzR.js","names":["useStyles"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport {\n  Card,\n  CardContent,\n  Typography,\n  makeStyles,\n  Collapse,\n  Avatar\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport { Adornment } from '../../components/feedback/Adornment';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { CompactDataList } from '../../dataDisplay/CompactDataList';\nimport { CompactDataListItem } from '../../dataDisplay/CompactDataListItem';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst useStyles = makeStyles((theme) => ({\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1)\n  },\n  subtitleWrapper: {\n    display: 'flex',\n    paddingBottom: 0,\n    alignItems: 'center',\n    gap: theme.spacing(1)\n  },\n  title: {\n    flex: 1,\n    lineHeight: '125%'\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  expandButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  sectionWrapper: {\n    marginTop: theme.spacing(1.5)\n  },\n  iconButtonWrapper: {\n    borderRadius: 2\n  },\n  avatar: {\n    width: '80px',\n    height: '80px'\n  },\n  contentWrapper: {\n    flex: 2\n  },\n  secondaryText: {\n    color: 'inherit',\n    opacity: 0.6\n  },\n  cardContent: {\n    flex: 1,\n    paddingTop: 0,\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  }\n}));\n\nexport const CompactCard = (props) => {\n  const {\n    title,\n    primaryText,\n    secondaryText,\n    noWrap = false,\n    extendedList = [],\n    status = 'info',\n    statusLabel,\n    statusVariant,\n    showAdornment = true,\n    avatar,\n    imageAvatarSrc,\n    overrideStatusError,\n    overrideStatusInfo,\n    overrideStatusSuccess,\n    overrideStatusWarning,\n    iconButtons = [],\n    children\n  } = props;\n  const [expanded, setExpanded] = useState(false);\n  const classes = useStyles();\n\n  return (\n    <div style={{ display: 'flex', height: '100%', width: '100%' }}>\n      {showAdornment && status && (\n        <div style={{ height: '100%' }}>\n          <Adornment color={status} />\n        </div>\n      )}\n      <Card style={{ width: '100%' }}>\n        <CardContent className={classes.subtitleWrapper}>\n          {imageAvatarSrc && (\n            <Avatar\n              variant='square'\n              className={classes.avatar}\n              src={imageAvatarSrc}\n            />\n          )}\n\n          {avatar && (\n            <Avatar variant='square' className={classes.avatar}>\n              {avatar}\n            </Avatar>\n          )}\n          <div className={classes.contentWrapper}>\n            <div className={classes.titleWrapper}>\n              <Typography variant='subtitle1'>{title}</Typography>\n              {status && statusLabel && (\n                <StatusChip\n                  status={status}\n                  label={statusLabel}\n                  success={overrideStatusSuccess}\n                  error={overrideStatusError}\n                  warning={overrideStatusWarning}\n                  info={overrideStatusInfo}\n                  variant={statusVariant}\n                />\n              )}\n            </div>\n\n            <Typography variant='body2' noWrap={noWrap}>\n              {primaryText}\n            </Typography>\n            <Typography variant='body2' className={classes.secondaryText}>\n              {secondaryText}\n            </Typography>\n          </div>\n        </CardContent>\n        {children}\n        {(extendedList?.length > 0 || iconButtons?.length > 0) && (\n          <CardContent className={classes.cardContent}>\n            <div className={classes.sectionWrapper}>\n              <Collapse in={expanded} timeout='auto' unmountOnExit>\n                <CompactDataList disableSeparator={false}>\n                  {extendedList?.map((item) => (\n                    <CompactDataListItem\n                      label={item?.label}\n                      value={item?.value}\n                    />\n                  ))}\n                </CompactDataList>\n              </Collapse>\n              <div className={classes.expandButtonWrapper}>\n                <div>\n                  {extendedList?.length > 0 && (\n                    <FluentIconButton\n                      className={clsx(\n                        classes.expand,\n                        {\n                          [classes.expandOpen]: expanded\n                        },\n                        classes.iconButtonWrapper\n                      )}\n                      onClick={() => setExpanded(!expanded)}\n                      icon={ChevronDownIcon}\n                    />\n                  )}\n                </div>\n                <div>\n                  {iconButtons?.length > 0 &&\n                    iconButtons?.map((iconButton) => (\n                      <IconButtonWithTooltip\n                        className={classes.iconButtonWrapper}\n                        icon={iconButton?.icon}\n                        onClick={iconButton?.onclick}\n                        title={iconButton?.title}\n                        size='small'\n                        {...iconButton}\n                      />\n                    ))}\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        )}\n      </Card>\n    </div>\n  );\n};\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { startCase } from 'lodash';\nimport { CompactCard } from './CompactCard';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { MapPinIcon, ViewIcon } from '@fluentui/react-icons';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { StatusChip } from '../../dataDisplay/status/StatusChip';\nimport { isEqualIgnoreFunctions } from '../utilities/MapUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  noDataWrapper: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)'\n  },\n  chipContainer: {\n    display: 'flex',\n    gap: theme.spacing(1),\n    flexWrap: 'wrap',\n    marginTop: theme.spacing(1),\n    margin: theme.spacing(0, 1)\n  },\n  chipContent: {\n    margin: theme.spacing(1),\n    marginBottom: 0\n  }\n}));\n\nconst ListView = (props) => {\n  const {\n    data,\n    listViewConfig,\n    noWrapPrimaryText,\n    viewEvent,\n    showMarkerEvent,\n    chipConfig\n  } = props;\n  const [activeChip, setActiveChip] = useState(null);\n  const [filteredData, setFilteredData] = useState(data);\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  //Set default active chip only when chipConfig changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      setActiveChip(null);\n      return;\n    }\n\n    const defaultChip =\n      chipConfig.find((chip) => chip?.default) ?? chipConfig[0];\n\n    if (!activeChip) {\n      setActiveChip(defaultChip);\n    } else {\n      const updatedChip = chipConfig.find((chip) => chip.id === activeChip.id);\n      if (\n        updatedChip &&\n        (updatedChip !== activeChip ||\n          !isEqualIgnoreFunctions(updatedChip, activeChip))\n      ) {\n        setActiveChip(updatedChip);\n      } else if (!updatedChip) {\n        // activeChip no longer exists in new config\n        setActiveChip(defaultChip);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipConfig, activeChip]);\n\n  //Update filtered data whenever data or activeChip changes\n  useEffect(() => {\n    if (!chipConfig || chipConfig.length === 0) {\n      setFilteredData(data);\n      return;\n    }\n\n    if (activeChip?.filterData) {\n      setFilteredData(activeChip.filterData(data, activeChip));\n    } else {\n      setFilteredData(data);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeChip, data]);\n\n  const handleOnClickChip = useCallback(\n    (chip) => {\n      if (chip?.onClick) {\n        chip?.onClick(data, chip);\n      }\n\n      setActiveChip(chip);\n    },\n    [data]\n  );\n\n  return (\n    <div>\n      {chipConfig?.length > 0 && (\n        <div className={classes.chipContainer}>\n          {chipConfig?.map((chip, index) => {\n            return (\n              <StatusChip\n                key={`${index}-${chip?.label}`}\n                label={chip?.label}\n                status={chip?.id === activeChip?.id ? 'info' : 'default'}\n                variant='outlined'\n                icon={chip?.icon}\n                onClick={() => {\n                  console.log('chip clicked', chip);\n                  handleOnClickChip(chip);\n                }}\n                isActionable={!chip?.disabled}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      {activeChip?.content && (\n        <div className={classes.chipContent}>{activeChip?.content}</div>\n      )}\n      {filteredData?.length > 0 ? (\n        filteredData?.map((record, index) => {\n          const extendedListData = listViewConfig?.extendedListFields?.map(\n            (item) => {\n              return {\n                label: startCase(item),\n                value: record[item] ?? 'N/A'\n              };\n            }\n          );\n\n          const buttons =\n            listViewConfig?.iconButtons?.map((config) => ({\n              ...config,\n              onClick: () => {\n                if (config?.onClick) {\n                  config?.onClick(record);\n                }\n              }\n            })) ?? [];\n\n          const iconButtons = [\n            ...buttons,\n            {\n              title: t('Show Marker'),\n              icon: MapPinIcon,\n              onClick: () => {\n                showMarkerEvent(record);\n              }\n            },\n            {\n              title: t('View'),\n              icon: ViewIcon,\n              onClick: () => {\n                viewEvent(record);\n              }\n            }\n          ];\n\n          const title = listViewConfig?.getTitle\n            ? listViewConfig?.getTitle(record)\n            : record[listViewConfig?.titleField];\n\n          return (\n            <GridRow>\n              <GridUnit>\n                <CompactCard\n                  id={index}\n                  title={title}\n                  primaryText={record[listViewConfig?.primaryTextField]}\n                  secondaryText={record[listViewConfig?.secondaryTextField]}\n                  status={record[listViewConfig?.statusColor]?.toLowerCase()}\n                  statusLabel={record[listViewConfig?.statusLabel]}\n                  statusVariant={listViewConfig?.statusVariant}\n                  showAdornment={listViewConfig?.showAdornment}\n                  avatar={record[listViewConfig?.avatar]}\n                  imageAvatarSrc={record[listViewConfig?.imageAvatarSrc]}\n                  noWrap={noWrapPrimaryText}\n                  extendedList={extendedListData}\n                  iconButtons={iconButtons}\n                />\n              </GridUnit>\n            </GridRow>\n          );\n        })\n      ) : (\n        <div className={classes.noDataWrapper}>\n          <Typography variant='body1'>{t('No Data')}</Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ListView;\n","import { ViewIcon } from '@fluentui/react-icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\n\nconst ActionsRenderer = (props) => {\n  const { openView, data, node } = props;\n  const { t } = useTranslation();\n\n  return (\n    <div>\n      {openView && !node?.group && (\n        <IconButtonWithTooltip\n          title={t('View')}\n          size='small'\n          onClick={() => {\n            openView(data);\n          }}\n          icon={ViewIcon}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default ActionsRenderer;\n"],"mappings":"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"}

package/dist/{GridRow-B0tK7yZJ.js → GridUnit-DoRLF6tB.js}

@@ -11,18 +11,33 @@ const getRatio = (ratio) => {
 	else return [1, 1];
 };
 //#endregion
+//#region src/layout/GridRow.jsx
+const useStyles$1 = makeStyles((theme) => ({ root: {
+	display: "flex",
+	background: (highlight) => highlight === true && lighten("#40c4ff", .9),
+	[theme.breakpoints.down("xs")]: { flexDirection: "column" }
+} }));
+const GridRow = ({ children, highlight, className }) => {
+	const classes = useStyles$1(highlight);
+	const [childCount, setChildCount] = useState();
+	useEffect(() => {
+		setChildCount(Children.count(children));
+	}, [childCount, children]);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, children);
+};
+//#endregion
 //#region src/layout/GridUnit.jsx
 const createRatio = (width, ratio1, ratio2) => {
 	const x = width * ratio1 / ratio2;
 	return Math.ceil(x / 8) * 8;
 };
-const useStyles$1 = makeStyles((theme) => ({ root: {
+const useStyles = makeStyles((theme) => ({ root: {
 	width: "100%",
 	maxWidth: (props) => props.width,
 	padding: theme.spacing(1)
 } }));
 const GridUnit = (props) => {
-	const classes = useStyles$1(props);
+	const classes = useStyles(props);
 	const { children, columnPadding, width, ratio } = props;
 	const ratioArr = getRatio(ratio);
 	return /* @__PURE__ */ React.createElement("div", {
@@ -31,21 +46,6 @@ const GridUnit = (props) => {
 	}, children);
 };
 //#endregion
-//#region src/layout/GridRow.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	display: "flex",
-	background: (highlight) => highlight === true && lighten("#40c4ff", .9),
-	[theme.breakpoints.down("xs")]: { flexDirection: "column" }
-} }));
-const GridRow = ({ children, highlight, className }) => {
-	const classes = useStyles(highlight);
-	const [childCount, setChildCount] = useState();
-	useEffect(() => {
-		setChildCount(Children.count(children));
-	}, [childCount, children]);
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, children);
-};
-//#endregion
-export { GridUnit as n, getRatio as r, GridRow as t };
+export { GridRow as n, getRatio as r, GridUnit as t };
 
-//# sourceMappingURL=GridRow-B0tK7yZJ.js.map
+//# sourceMappingURL=GridUnit-DoRLF6tB.js.map

package/dist/GridUnit-DoRLF6tB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridUnit-DoRLF6tB.js","names":["useStyles"],"sources":["../src/layout/getRatio.js","../src/layout/GridRow.jsx","../src/layout/GridUnit.jsx"],"sourcesContent":["export const getRatio = (ratio) => {\n  let r1\n  let r2\n\n  if (ratio === '1:1') {\n    return [(r1 = 1), (r2 = 1)]\n  } else if (ratio === '1:2') {\n    return [(r1 = 2), (r2 = 1)]\n  } else if (ratio === '16:9') {\n    return [(r1 = 9), (r2 = 16)]\n  } else if (ratio === '3:2') {\n    return [(r1 = 2), (r2 = 3)]\n  } else if (ratio === '4:3') {\n    return [(r1 = 3), (r2 = 4)]\n  } else {\n    return [(r1 = 1), (r2 = 1)]\n  }\n}\n","import React, { Children, useEffect, useState } from 'react'\nimport { makeStyles, lighten } from '@material-ui/core'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    background: (highlight) => highlight === true && lighten('#40c4ff', 0.9),\n    [theme.breakpoints.down('xs')]: {\n      flexDirection: 'column'\n    }\n  }\n}))\n\nexport const GridRow = ({ children, highlight, className }) => {\n  const classes = useStyles(highlight)\n  const [childCount, setChildCount] = useState()\n\n  useEffect(() => {\n    const count = Children.count(children)\n    setChildCount(count)\n  }, [childCount, children])\n\n  return <div className={clsx(classes.root, className)}>{children}</div>\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { getRatio } from './getRatio'\n\nconst createRatio = (width, ratio1, ratio2) => {\n  const x = (width * ratio1) / ratio2\n  return Math.ceil(x / 8) * 8\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    maxWidth: (props) => props.width,\n    padding: theme.spacing(1)\n  }\n}))\n\nexport const GridUnit = (props) => {\n  const classes = useStyles(props)\n  const { children, columnPadding, width, ratio } = props\n  const ratioArr = getRatio(ratio)\n\n  return (\n    <div\n      className={classes.root}\n      style={{\n        height:\n          createRatio(width, ratioArr[0], ratioArr[1]) - (columnPadding || 8)\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;AAAA,MAAa,YAAY,UAAU;AAIjC,KAAI,UAAU,MACZ,QAAO,CAAO,GAAU,EAAG;UAClB,UAAU,MACnB,QAAO,CAAO,GAAU,EAAG;UAClB,UAAU,OACnB,QAAO,CAAO,GAAU,GAAI;UACnB,UAAU,MACnB,QAAO,CAAO,GAAU,EAAG;UAClB,UAAU,MACnB,QAAO,CAAO,GAAU,EAAG;KAE3B,QAAO,CAAO,GAAU,EAAG;;;;ACX/B,MAAMA,cAAY,YAAY,WAAW,EACvC,MAAM;CACJ,SAAS;CACT,aAAa,cAAc,cAAc,QAAQ,QAAQ,WAAW,GAAI;EACvE,MAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,eAAe,UAChB;CACF,EACF,EAAE;AAEH,MAAa,WAAW,EAAE,UAAU,WAAW,gBAAgB;CAC7D,MAAM,UAAUA,YAAU,UAAU;CACpC,MAAM,CAAC,YAAY,iBAAiB,UAAU;AAE9C,iBAAgB;AAEd,gBADc,SAAS,MAAM,SACV,CAAC;IACnB,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAO,sBAAA,cAAC,OAAD,EAAK,WAAW,KAAK,QAAQ,MAAM,UAAU,EAAkB,EAAf,SAAe;;;;ACnBxE,MAAM,eAAe,OAAO,QAAQ,WAAW;CAC7C,MAAM,IAAK,QAAQ,SAAU;AAC7B,QAAO,KAAK,KAAK,IAAI,EAAE,GAAG;;AAG5B,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,OAAO;CACP,WAAW,UAAU,MAAM;CAC3B,SAAS,MAAM,QAAQ,EAAE;CAC1B,EACF,EAAE;AAEH,MAAa,YAAY,UAAU;CACjC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,eAAe,OAAO,UAAU;CAClD,MAAM,WAAW,SAAS,MAAM;AAEhC,QACE,sBAAA,cAAC,OAAD;EACE,WAAW,QAAQ;EACnB,OAAO,EACL,QACE,YAAY,OAAO,SAAS,IAAI,SAAS,GAAG,IAAI,iBAAiB,IACpE;EAGG,EADH,SACG"}

package/dist/UI/mapLayout/index.js

@@ -4,7 +4,7 @@ import { AmbientCard } from "../surfaces/cards/AmbientCard/index.js";
 import { t as AmbientGridTemplate } from "../../AmbientGridTemplate-Bv6G2Hoh.js";
 import { t as FluentTextField } from "../../FluentTextField-CTSLrg6T.js";
 import { t as useAuthedUser } from "../../useAuthedUser-DnM3QNxG.js";
-import { n as ListView, t as ActionsRenderer } from "../../ActionsRenderer-CfcqnhTL.js";
+import { n as ListView, t as ActionsRenderer } from "../../ActionsRenderer-Czy9UTzR.js";
 import { a as getLayer, n as generateGeoJsonList } from "../../MapUtilities-CVZ1FA_U.js";
 import { n as UdpMapComponent, t as UdpMapToolbar } from "../../UdpMapToolbar-CmflSA-m.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";

package/dist/UI/mapLayout/ui/index.js

@@ -1,4 +1,4 @@
 import { n as ListElement, t as ListCard } from "../../../ListCard-DyX_eeEF.js";
-import { r as CompactCard } from "../../../ActionsRenderer-CfcqnhTL.js";
+import { r as CompactCard } from "../../../ActionsRenderer-Czy9UTzR.js";
 import { i as CheckboxGroup, n as PopoverCard, r as CheckboxList, t as Statistic } from "../../../Statistic-BvEB76nc.js";
 export { CheckboxGroup, CheckboxList, CompactCard, ListCard, ListElement, PopoverCard, Statistic };

package/dist/{UdpAuditEventsPage-DqQblJQh.js → UdpAuditEventsPage-Wz-HxbqO.js}

@@ -7,7 +7,7 @@ import { n as SideSheet } from "./SideSheet-DPjYMgto.js";
 import { a as getBaseMethod, i as executeQueryWithParameters, t as executeQueryAdHoc } from "./methodUtils-CBhRbz08.js";
 import { AmbientCard } from "./UI/surfaces/cards/AmbientCard/index.js";
 import { t as LinearProgress$1 } from "./LinearProgress-DtqqKhxL.js";
-import { n as GridUnit, t as GridRow } from "./GridRow-B0tK7yZJ.js";
+import { n as GridRow, t as GridUnit } from "./GridUnit-DoRLF6tB.js";
 import { t as FluentTextField } from "./FluentTextField-CTSLrg6T.js";
 import { t as useAuthedUser } from "./useAuthedUser-DnM3QNxG.js";
 import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-BcoL0jrz.js";
@@ -367,4 +367,4 @@ const UdpAuditEventsPage = (props) => {
 //#endregion
 export { UdpAuditEventsPage_exports as n, UdpAuditEventsPage as t };
 
-//# sourceMappingURL=UdpAuditEventsPage-DqQblJQh.js.map
+//# sourceMappingURL=UdpAuditEventsPage-Wz-HxbqO.js.map

package/dist/{UdpAuditEventsPage-DqQblJQh.js.map → UdpAuditEventsPage-Wz-HxbqO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpAuditEventsPage-DqQblJQh.js","names":["useStyles","LinearProgress","LinearProgress"],"sources":["../src/udp/utilities/dateLocalizationHooks.jsx","../src/udp/pages/UdpAuditEvents/UdpAuditEventSidesheet.jsx","../src/udp/utilities/useDateStringColumnDef.js","../src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx"],"sourcesContent":["import { IANAZone } from 'luxon';\nimport { useCallback } from 'react';\nimport {\n  getLocalizedDateString,\n  getLocalizedDateTimeString,\n} from '../../UI/widgets/utils/dateUtils';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date string without time in the specified IANA time zone.\n * @param timeZone An IANA time zone to convert the date to before returning as a string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateString = (timeZone) => {\n  const user = useAuthedUser();\n\n  const getDateString = useCallback(\n    (date) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateString(date, validTimeZone);\n    },\n    [user, timeZone],\n  );\n\n  return getDateString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the specified IANA time zone.\n * @param timeZone The IANA time zone to convert the date before converting to\n * a localized string.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateTimeString = (timeZone, includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateTimeString(date, delimiter, validTimeZone, includeTimeZoneOffset);\n    },\n    [user, timeZone, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the current user's time zone.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedUserDateTimeString = (includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      return getLocalizedDateTimeString(\n        date,\n        delimiter,\n        user?.additionalProperties?.timeZone,\n        includeTimeZoneOffset,\n      );\n    },\n    [user, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextField } from '../../../UI/inputs/textField/FluentTextField';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard/AmbientCard';\nimport { makeStyles, Box } from \"@material-ui/core\";\nimport { AuditEventTypeEnums } from '../../../enums/auditEventEnums';\nimport ReactJson from 'react-json-view';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { useGetLocalizedUserDateTimeString } from '../../utilities/dateLocalizationHooks';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { executeQueryWithParameters, getBaseMethod } from '../../utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n    textField: {\n        marginTop: theme.spacing(0),\n    },\n    loadingBar: {\n        top: theme.spacing(-2),\n        marginLeft: theme.spacing(-2),\n        marginRight: theme.spacing(-2),\n    },\n}));\n\nconst UdpAuditEventSidesheet = props => {\n    const {\n        auditEvent,\n        isSideSheetOpen,\n        handleSideSheet,\n        promotedEntities,\n        sheetProps,\n    } = props;\n\n    const { t } = useTranslation();\n    const classes = useStyles();\n    const getLocalizedDateTimeString = useGetLocalizedUserDateTimeString();\n    const [auditEventDetail, setAuditEventDetail] = React.useState({});\n    const [loading, setLoading] = useState(false);\n\n    const auditEventDetailGetApiMethod = useMemo(() => {\n        return getBaseMethod(\n          UdpEnums.Udp_Audit_Event_Detail,\n          'unityBaseGetMethod',\n          promotedEntities\n        );\n      }, [promotedEntities]);\n\n    const onCloseSideSheet = () => {\n        handleSideSheet(false);\n    }\n\n    useEffect(() => {\n        const getAuditEventDetail = async () => {\n            let auditEventDetail = {};\n            const data = {};\n            try {\n                if (auditEventDetailGetApiMethod && auditEvent) {\n                    setLoading(true);\n                    data['{auditEventId}'] = auditEvent.id;\n                    const response = await executeQueryWithParameters(\n                        { data },\n                        auditEventDetailGetApiMethod.apiMethodId\n                    );\n                    if (response?.status === 200) {\n                        auditEventDetail = response.data;\n                        setAuditEventDetail(auditEventDetail);\n                    }\n                }\n            } finally {\n                setLoading(false);\n            }\n        };\n        getAuditEventDetail();\n      }, [auditEvent, auditEventDetailGetApiMethod]);\n\n    return (\n        <SideSheet\n            {...sheetProps}\n            open={isSideSheetOpen}\n            onClose={onCloseSideSheet}\n            title={t(`Audit Event Details`)}\n            width={800}\n            color='primary'\n        >\n            {loading && (\n                <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n            )}\n            <GridRow>\n                <GridUnit ratio=\"1:1\" width=\"100%\">\n                    <AmbientCard title={t('Event')} fullWidth={true} subCard>\n                        <>\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventTypeName\"\n                                label={t('Event Type')}\n                                value={auditEvent?.auditEventTypeName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventUserDisplayName\"\n                                label={t('User')}\n                                value={auditEvent?.userDisplayName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventDomain\"\n                                label={t('Description')}\n                                value={auditEvent?.domain || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventCreatedOn\"\n                                label={t('Created On')}\n                                value={getLocalizedDateTimeString(auditEvent?.createdOn ?? '')}\n                                disabled={true}\n                            />\n                            <Box>\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Delete_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.oldObj ? JSON.parse(auditEventDetail?.oldObj) : {}}\n                                        name={t('Old Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Create_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.newObj ? JSON.parse(auditEventDetail?.newObj) : {}}\n                                        name={t('New Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                            </Box>\n                        </>\n                    </AmbientCard>\n                </GridUnit>\n            </GridRow>\n        </SideSheet>\n    )\n}\n\nexport default UdpAuditEventSidesheet;\n","import { DateTime, IANAZone } from 'luxon';\nimport { useMemo } from 'react';\nimport { getDateFromString } from '../../UI/widgets/utils/dateUtils';\nimport { GridExcelStyleEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\nimport { useGetLocalizedDateString, useGetLocalizedDateTimeString } from './dateLocalizationHooks';\n\n\nexport const useDateStringColumnDef = (\n  includeTime = false,\n  timeZone = null,\n  includeTimeZoneOffset = false,\n) => {\n  const user = useAuthedUser();\n\n  const zone = useMemo(() => {\n    const tz = timeZone ?? user?.additionalProperties?.timeZone ?? 'local';\n    const validTimeZone =\n      tz !== 'local' &&\n      (tz === user?.additionalProperties?.timeZone || IANAZone.isValidZone(tz))\n        ? tz\n        : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n    return validTimeZone;\n  }, [timeZone, user]);\n\n  const getLocalizedDateTimeString = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);\n  const getLocalizedDateString = useGetLocalizedDateString(zone);\n\n  const columnDef = useMemo(() => {\n    return !user\n      ? {}\n      : ({\n          valueFormatter: (params) => {\n            if (!params) {\n              return '';\n            }\n            if (includeTime) {\n              return getLocalizedDateTimeString(params.value);\n            } else {\n              return getLocalizedDateString(params.value);\n            }\n          },\n          cellClass: includeTime\n            ? GridExcelStyleEnums.DateTimeShortWithSeconds\n            : GridExcelStyleEnums.DateShort,\n          filter: 'agDateColumnFilter',\n          filterParams: {\n            comparator: function (filterLocalDateAtMidnight, cellValue) {\n              const cellDate = getDateFromString(cellValue);\n              if (!cellDate) {\n                return null;\n              }\n\n              // Assume date picker is in the same time zone that we're displaying dates in so that the results make sense to the user\n              const filterDateTimeMidnight = DateTime.fromJSDate(filterLocalDateAtMidnight).setZone(\n                zone,\n                { keepLocalTime: true },\n              );\n              const cellDateTimeMidnight = DateTime.fromJSDate(cellDate, { zone: zone }).set({\n                hour: 0,\n                minute: 0,\n                second: 0,\n                millisecond: 0,\n              });\n\n              if (cellDateTimeMidnight < filterDateTimeMidnight) {\n                return -1;\n              } else if (cellDateTimeMidnight > filterDateTimeMidnight) {\n                return 1;\n              } else {\n                return 0;\n              }\n            },\n            buttons: ['apply', 'reset'],\n            closeOnApply: true,\n            suppressAndOrCondition: true,\n            filterOptions: ['equals', 'lessThan', 'greaterThan', 'inRange'],\n          },\n        });\n  }, [includeTime, getLocalizedDateString, getLocalizedDateTimeString, user, zone]);\n\n  return columnDef;\n};\n","import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles } from '@material-ui/core';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\nimport { debounce } from 'lodash';\nimport { LogicalSearchOperatorEnums, UdpEnums } from '../../../enums/unitySystemEnums';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { ViewIcon, RefreshIcon } from '@fluentui/react-icons';\nimport UdpAuditEventSidesheet from './UdpAuditEventSidesheet';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useDateStringColumnDef } from '../../utilities/useDateStringColumnDef';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { useCatalogStore } from '../../../stores/catalogStore';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { usePromotedMethodEntity } from '../../../hooks';\n\nconst PAGE_SIZE = 15;\n\nconst baseSearchPayload = {\n  pageNumber: 1,\n  pageSize: PAGE_SIZE,\n  filterElements: [],\n  filterGroups: [],\n  orderElements: [],\n  groupingType: '',\n  groupProperty: [],\n  groupOperationList: [],\n  eagerLoad: false,\n  logicalSearchOperator: 1,\n};\n\nconst useStyles = makeStyles(theme => ({\n  loadingBar: {\n    bottom: theme.spacing(-0.5),\n    marginLeft: theme.spacing(0.5),\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nconst UdpAuditEventsPage = (props) => {\n  const { params } = props;\n\n  // Hooks\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const { t } = useTranslation();\n  const classes = useStyles();\n  const dateStringColumnDef = useDateStringColumnDef(true);\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const gridApiRef = useRef(null);\n\n  // States\n  const [searchQuery, setSearchQuery] = useState('');\n  const [displayProgressBar, setDisplayProgressBar] = useState(false);\n  const [selectedAuditEvent, setSelectedAuditEvent] = useState(null);\n  const [viewSideSheetOpen, setViewSideSheetOpen] = useState(false);\n  const [auditEventTypes, setAuditEventTypes] = useState([]);\n  const [searchObject, setSearchObject] = useState(baseSearchPayload);\n\n  const currentApiCatalogId = useCatalogStore(\n      (state) => state.currentApiCatalogId\n    );\n\n  const promotedMethodEntitiesMap = useCatalogStore(\n    (state) => state.promotedMethodEntitiesMap\n  );\n\n  const promotedEntities = useMemo(() => {\n    if (!currentApiCatalogId || !promotedMethodEntitiesMap) {\n      return null;\n    }\n    return promotedMethodEntitiesMap[currentApiCatalogId] || [];\n  }, [promotedMethodEntitiesMap, currentApiCatalogId]);\n\n  const auditEventTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event_Type,\n      'unityBaseGetAllMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const auditEventSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event,\n      'unityBaseSearchMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const getAuditEventTypeName = useCallback(auditEventTypeCode => {\n    if (!auditEventTypes) return '';\n    const matchingAuditEventType = auditEventTypes.find(\n      auditEventType => auditEventType.code === auditEventTypeCode\n    );\n    return matchingAuditEventType?.name || '';\n  }, [auditEventTypes]);\n\n  const handleSideSheet = useCallback((isOpen, auditEvent) => {\n    setViewSideSheetOpen(isOpen);\n    setSelectedAuditEvent(auditEvent);\n  }, []);\n\n  const columnDefs = useMemo(() => {\n    return [\n      {\n          headerName: t('Event Type'),\n          field: 'UdpAuditEventUdpAuditEventType.Name',\n          valueGetter: params => getAuditEventTypeName(params.data.typeCode),\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('User'),\n          field: 'userDisplayName',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Description'),\n          field: 'domain',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Created On'),\n          field: 'createdOn',\n          resizable: true,\n          sortable: true,\n          ...dateStringColumnDef\n      },\n      {\n          field: 'actions',\n          headerName: t('Details'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList: [\n              {\n                id: 0,\n                title: t('View'),\n                iconName: 'view',\n                handleOnClick: (e, auditEvent) =>\n                  handleSideSheet(true, {...auditEvent?.data, auditEventTypeName: getAuditEventTypeName(auditEvent?.data?.typeCode)}),\n                disabled: false,\n              },\n\n            ],\n          },\n          suppressMenu: true,\n          sortable: false,\n          filter: false,\n      },\n    ];\n  }, [getAuditEventTypeName]);\n\n  const gridFunctions = [\n    { name: 'chipFilter' },\n    { name: 'agGridExport' },\n    { name: 'agGridSizeColumnsToFit' },\n    { name: 'agGridAutoSizeColumns' },\n    { name: 'agGridResetColumns' },\n    { name: 'agGridHideShowColumns' },\n  ];\n\n  const gridOptions = useMemo(() => {\n    return {\n      pagination: true,\n    };\n  }, []);\n\n  useEffect(() => {\n    const getAuditEventTypes = async () => {\n      let types = [];\n      if (auditEventTypeGetAllApiMethod) {\n        const response = await executeQueryAdHoc(\n          { data: {}},\n          auditEventTypeGetAllApiMethod.apiMethodId\n        );\n        if (response?.status === 200) {\n          types = response.data;\n        }\n      }\n      setAuditEventTypes(types);\n    };\n    getAuditEventTypes();\n  }, [auditEventTypeGetAllApiMethod]);\n\n  const handleGridApiCallback = api => {\n    gridApiRef.current = api;\n  };\n\n  const searchMethodConfig = useMemo(() => {\n    return {\n      apiMethodId: auditEventSearchApiMethod?.apiMethodId,\n      customSearchObject: searchObject,\n    };\n  }, [auditEventSearchApiMethod]);\n\n  return (\n    <>\n      {(displayProgressBar) && (<LinearProgress className={classes.loadingBar} color=\"secondary\" />)}\n      <SearchMethodUdpGrid\n        searchMethodConfig={searchMethodConfig}\n        columnDefs={columnDefs}\n        gridHeaderConfig={{\n          title: t('Audit Events'),\n        }}\n        gridOptions={gridOptions}\n        gridApiCallback={handleGridApiCallback}\n        gridFunctions={gridFunctions}\n      />\n      <UdpAuditEventSidesheet\n          auditEvent={selectedAuditEvent}\n          isSideSheetOpen={viewSideSheetOpen}\n          handleSideSheet={handleSideSheet}\n          promotedEntities={promotedEntities}\n      />\n    </>\n  )\n}\n\n  export default UdpAuditEventsPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAa,6BAA6B,aAAa;CACrD,MAAM,OAAO,eAAe;AAe5B,QAbsB,aACnB,SAAS;AAOR,SAAO,uBAAuB,MAL5B,aAAa,YACZ,aAAa,MAAM,sBAAsB,yBACxC,SAAS,YAAY,SAAS,IAC5B,WACA,QAC4C;IAEpD,CAAC,MAAM,SAAS,CAGE;;;;;;;;;;;AAatB,MAAa,iCAAiC,UAAU,wBAAwB,UAAU;CACxF,MAAM,OAAO,eAAe;AAe5B,QAb0B,aACvB,MAAM,YAAY,SAAS;AAO1B,SAAO,2BAA2B,MAAM,WALtC,aAAa,YACZ,aAAa,MAAM,sBAAsB,yBACxC,SAAS,YAAY,SAAS,IAC5B,WACA,SAC4D,sBAAsB;IAE1F;EAAC;EAAM;EAAU;EAAsB,CAGjB;;;;;;;;;AAW1B,MAAa,qCAAqC,wBAAwB,UAAU;CAClF,MAAM,OAAO,eAAe;AAc5B,QAZ0B,aACvB,MAAM,YAAY,SAAS;AAC1B,SAAO,2BACL,MACA,WACA,MAAM,sBAAsB,UAC5B,sBACD;IAEH,CAAC,MAAM,sBAAsB,CAGP;;;;ACxE1B,MAAMA,cAAY,YAAY,WAAW;CACrC,WAAW,EACP,WAAW,MAAM,QAAQ,EAAE,EAC9B;CACD,YAAY;EACR,KAAK,MAAM,QAAQ,GAAG;EACtB,YAAY,MAAM,QAAQ,GAAG;EAC7B,aAAa,MAAM,QAAQ,GAAG;EACjC;CACJ,EAAE;AAEH,MAAM,0BAAyB,UAAS;CACpC,MAAM,EACF,YACA,iBACA,iBACA,kBACA,eACA;CAEJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAUA,aAAW;CAC3B,MAAM,6BAA6B,mCAAmC;CACtE,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAS,EAAE,CAAC;CAClE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,+BAA+B,cAAc;AAC/C,SAAO,cAAA,uBAEL,sBACA,iBACD;IACA,CAAC,iBAAiB,CAAC;CAExB,MAAM,yBAAyB;AAC3B,kBAAgB,MAAM;;AAG1B,iBAAgB;EACZ,MAAM,sBAAsB,YAAY;GACpC,IAAI,mBAAmB,EAAE;GACzB,MAAM,OAAO,EAAE;AACf,OAAI;AACA,QAAI,gCAAgC,YAAY;AAC5C,gBAAW,KAAK;AAChB,UAAK,oBAAoB,WAAW;KACpC,MAAM,WAAW,MAAM,2BACnB,EAAE,MAAM,EACR,6BAA6B,YAChC;AACD,SAAI,UAAU,WAAW,KAAK;AAC1B,yBAAmB,SAAS;AAC5B,0BAAoB,iBAAiB;;;aAGvC;AACN,eAAW,MAAM;;;AAGzB,uBAAqB;IACpB,CAAC,YAAY,6BAA6B,CAAC;AAEhD,QACI,sBAAA,cAAC,WAAD;EACI,GAAI;EACJ,MAAM;EACN,SAAS;EACT,OAAO,EAAE,sBAAsB;EAC/B,OAAO;EACP,OAAM;EA6DE,EA3DP,WACG,sBAAA,cAACC,kBAAD;EAAgB,WAAW,QAAQ;EAAY,OAAM;EAAc,CAAA,EAEvE,sBAAA,cAAC,SAAA,MACG,sBAAA,cAAC,UAAD;EAAU,OAAM;EAAM,OAAM;EAqDjB,EApDP,sBAAA,cAAC,aAAD;EAAa,OAAO,EAAE,QAAQ;EAAE,WAAW;EAAM,SAAA;EAmDnC,EAlDV,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,iBAAD;EACI,WAAW,QAAQ;EACnB,IAAG;EACH,OAAO,EAAE,aAAa;EACtB,OAAO,YAAY,sBAAsB;EACzC,UAAU;EACZ,CAAA,EACF,sBAAA,cAAC,iBAAD;EACI,WAAW,QAAQ;EACnB,IAAG;EACH,OAAO,EAAE,OAAO;EAChB,OAAO,YAAY,mBAAmB;EACtC,UAAU;EACZ,CAAA,EACF,sBAAA,cAAC,iBAAD;EACI,WAAW,QAAQ;EACnB,IAAG;EACH,OAAO,EAAE,cAAc;EACvB,OAAO,YAAY,UAAU;EAC7B,UAAU;EACZ,CAAA,EACF,sBAAA,cAAC,iBAAD;EACI,WAAW,QAAQ;EACnB,IAAG;EACH,OAAO,EAAE,aAAa;EACtB,OAAO,2BAA2B,YAAY,aAAa,GAAG;EAC9D,UAAU;EACZ,CAAA,EACF,sBAAA,cAAC,KAAA,OACK,YAAY,aAAA,KACb,YAAY,aAAA,MACT,sBAAA,cAAC,WAAD;EACI,KAAK,kBAAkB,SAAS,KAAK,MAAM,kBAAkB,OAAO,GAAG,EAAE;EACzE,MAAM,EAAE,cAAc;EACtB,kBAAkB;EAClB,mBAAmB;EACrB,CAAA,GAEJ,YAAY,aAAA,KACb,YAAY,aAAA,MACT,sBAAA,cAAC,WAAD;EACI,KAAK,kBAAkB,SAAS,KAAK,MAAM,kBAAkB,OAAO,GAAG,EAAE;EACzE,MAAM,EAAE,cAAc;EACtB,kBAAkB;EAClB,mBAAmB;EACrB,CAAA,CAEJ,CACP,CACO,CACP,CACL,CACF;;;;ACzIpB,MAAa,0BACX,cAAc,OACd,WAAW,MACX,wBAAwB,UACrB;CACH,MAAM,OAAO,eAAe;CAE5B,MAAM,OAAO,cAAc;EACzB,MAAM,KAAK,YAAY,MAAM,sBAAsB,YAAY;AAM/D,SAJE,OAAO,YACN,OAAO,MAAM,sBAAsB,YAAY,SAAS,YAAY,GAAG,IACpE,KACA;IAEL,CAAC,UAAU,KAAK,CAAC;CAEpB,MAAM,6BAA6B,8BAA8B,MAAM,sBAAsB;CAC7F,MAAM,yBAAyB,0BAA0B,KAAK;AAuD9D,QArDkB,cAAc;AAC9B,SAAO,CAAC,OACJ,EAAE,GACD;GACC,iBAAiB,WAAW;AAC1B,QAAI,CAAC,OACH,QAAO;AAET,QAAI,YACF,QAAO,2BAA2B,OAAO,MAAM;QAE/C,QAAO,uBAAuB,OAAO,MAAM;;GAG/C,WAAW,cAAA,6BAAA;GAGX,QAAQ;GACR,cAAc;IACZ,YAAY,SAAU,2BAA2B,WAAW;KAC1D,MAAM,WAAW,kBAAkB,UAAU;AAC7C,SAAI,CAAC,SACH,QAAO;KAIT,MAAM,yBAAyB,SAAS,WAAW,0BAA0B,CAAC,QAC5E,MACA,EAAE,eAAe,MAAM,CACxB;KACD,MAAM,uBAAuB,SAAS,WAAW,UAAU,EAAQ,MAAM,CAAC,CAAC,IAAI;MAC7E,MAAM;MACN,QAAQ;MACR,QAAQ;MACR,aAAa;MACd,CAAC;AAEF,SAAI,uBAAuB,uBACzB,QAAO;cACE,uBAAuB,uBAChC,QAAO;SAEP,QAAO;;IAGX,SAAS,CAAC,SAAS,QAAQ;IAC3B,cAAc;IACd,wBAAwB;IACxB,eAAe;KAAC;KAAU;KAAY;KAAe;KAAU;IAChE;GACF;IACJ;EAAC;EAAa;EAAwB;EAA4B;EAAM;EAAK,CAEhE;;;;;AC7DlB,MAAM,oBAAoB;CACxB,YAAY;CACZ,UAAU;CACV,gBAAgB,EAAE;CAClB,cAAc,EAAE;CAChB,eAAe,EAAE;CACjB,cAAc;CACd,eAAe,EAAE;CACjB,oBAAoB,EAAE;CACtB,WAAW;CACX,uBAAuB;CACxB;AAED,MAAM,YAAY,YAAW,WAAU,EACrC,YAAY;CACV,QAAQ,MAAM,QAAQ,IAAK;CAC3B,YAAY,MAAM,QAAQ,GAAI;CAC9B,aAAa,MAAM,QAAQ,GAAI;CAChC,EACF,EAAE;AAEH,MAAM,sBAAsB,UAAU;CACpC,MAAM,EAAE,WAAW;CAGnB,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAU,WAAW;CAC3B,MAAM,sBAAsB,uBAAuB,KAAK;CACxD,MAAM,EAAE,wBAAwB,wBAAwB;CACxD,MAAM,aAAa,OAAO,KAAK;CAG/B,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CACnE,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,KAAK;CAClE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE,CAAC;CAC1D,MAAM,CAAC,cAAc,mBAAmB,SAAS,kBAAkB;CAEnE,MAAM,sBAAsB,iBACvB,UAAU,MAAM,oBAClB;CAEH,MAAM,4BAA4B,iBAC/B,UAAU,MAAM,0BAClB;CAED,MAAM,mBAAmB,cAAc;AACrC,MAAI,CAAC,uBAAuB,CAAC,0BAC3B,QAAO;AAET,SAAO,0BAA0B,wBAAwB,EAAE;IAC1D,CAAC,2BAA2B,oBAAoB,CAAC;CAEpD,MAAM,gCAAgC,cAAc;AAClD,SAAO,cAAA,qBAEL,yBACA,iBACD;IACA,CAAC,iBAAiB,CAAC;CAEtB,MAAM,4BAA4B,cAAc;AAC9C,SAAO,cAAA,iBAEL,yBACA,iBACD;IACA,CAAC,iBAAiB,CAAC;CAEtB,MAAM,wBAAwB,aAAY,uBAAsB;AAC9D,MAAI,CAAC,gBAAiB,QAAO;AAI7B,SAH+B,gBAAgB,MAC7C,mBAAkB,eAAe,SAAS,mBAEf,EAAE,QAAQ;IACtC,CAAC,gBAAgB,CAAC;CAErB,MAAM,kBAAkB,aAAa,QAAQ,eAAe;AAC1D,uBAAqB,OAAO;AAC5B,wBAAsB,WAAW;IAChC,EAAE,CAAC;CAEN,MAAM,aAAa,cAAc;AAC/B,SAAO;GACL;IACI,YAAY,EAAE,aAAa;IAC3B,OAAO;IACP,cAAa,WAAU,sBAAsB,OAAO,KAAK,SAAS;IAClE,WAAW;IACX,UAAU;IACb;GACD;IACI,YAAY,EAAE,OAAO;IACrB,OAAO;IACP,WAAW;IACX,UAAU;IACb;GACD;IACI,YAAY,EAAE,cAAc;IAC5B,OAAO;IACP,WAAW;IACX,UAAU;IACb;GACD;IACI,YAAY,EAAE,aAAa;IAC3B,OAAO;IACP,WAAW;IACX,UAAU;IACV,GAAG;IACN;GACD;IACI,OAAO;IACP,YAAY,EAAE,UAAU;IACxB,cAAc;IACd,oBAAoB,EAClB,YAAY,CACV;KACE,IAAI;KACJ,OAAO,EAAE,OAAO;KAChB,UAAU;KACV,gBAAgB,GAAG,eACjB,gBAAgB,MAAM;MAAC,GAAG,YAAY;MAAM,oBAAoB,sBAAsB,YAAY,MAAM,SAAS;MAAC,CAAC;KACrH,UAAU;KACX,CAEF,EACF;IACD,cAAc;IACd,UAAU;IACV,QAAQ;IACX;GACF;IACA,CAAC,sBAAsB,CAAC;CAE3B,MAAM,gBAAgB;EACpB,EAAE,MAAM,cAAc;EACtB,EAAE,MAAM,gBAAgB;EACxB,EAAE,MAAM,0BAA0B;EAClC,EAAE,MAAM,yBAAyB;EACjC,EAAE,MAAM,sBAAsB;EAC9B,EAAE,MAAM,yBAAyB;EAClC;CAED,MAAM,cAAc,cAAc;AAChC,SAAO,EACL,YAAY,MACb;IACA,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,qBAAqB,YAAY;GACrC,IAAI,QAAQ,EAAE;AACd,OAAI,+BAA+B;IACjC,MAAM,WAAW,MAAM,kBACrB,EAAE,MAAM,EAAE,EAAC,EACX,8BAA8B,YAC/B;AACD,QAAI,UAAU,WAAW,IACvB,SAAQ,SAAS;;AAGrB,sBAAmB,MAAM;;AAE3B,sBAAoB;IACnB,CAAC,8BAA8B,CAAC;CAEnC,MAAM,yBAAwB,QAAO;AACnC,aAAW,UAAU;;CAGvB,MAAM,qBAAqB,cAAc;AACvC,SAAO;GACL,aAAa,2BAA2B;GACxC,oBAAoB;GACrB;IACA,CAAC,0BAA0B,CAAC;AAE/B,QACE,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAwB,sBAAA,cAACC,kBAAD;EAAgB,WAAW,QAAQ;EAAY,OAAM;EAAc,CAAA,EAC7F,sBAAA,cAAC,qBAAD;EACsB;EACR;EACZ,kBAAkB,EAChB,OAAO,EAAE,eAAe,EACzB;EACY;EACb,iBAAiB;EACF;EACf,CAAA,EACF,sBAAA,cAAC,wBAAD;EACI,YAAY;EACZ,iBAAiB;EACA;EACC;EACpB,CAAA,CACD"}
+{"version":3,"file":"UdpAuditEventsPage-Wz-HxbqO.js","names":["useStyles","LinearProgress","LinearProgress"],"sources":["../src/udp/utilities/dateLocalizationHooks.jsx","../src/udp/pages/UdpAuditEvents/UdpAuditEventSidesheet.jsx","../src/udp/utilities/useDateStringColumnDef.js","../src/udp/pages/UdpAuditEvents/UdpAuditEventsPage.jsx"],"sourcesContent":["import { IANAZone } from 'luxon';\nimport { useCallback } from 'react';\nimport {\n  getLocalizedDateString,\n  getLocalizedDateTimeString,\n} from '../../UI/widgets/utils/dateUtils';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date string without time in the specified IANA time zone.\n * @param timeZone An IANA time zone to convert the date to before returning as a string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateString = (timeZone) => {\n  const user = useAuthedUser();\n\n  const getDateString = useCallback(\n    (date) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateString(date, validTimeZone);\n    },\n    [user, timeZone],\n  );\n\n  return getDateString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the specified IANA time zone.\n * @param timeZone The IANA time zone to convert the date before converting to\n * a localized string.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedDateTimeString = (timeZone, includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      const validTimeZone =\n        timeZone !== 'local' &&\n        (timeZone === user?.additionalProperties?.activeUtilityTimeZone ||\n          IANAZone.isValidZone(timeZone))\n          ? timeZone\n          : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n      return getLocalizedDateTimeString(date, delimiter, validTimeZone, includeTimeZoneOffset);\n    },\n    [user, timeZone, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n\n/**\n * Gets a function that can be used to convert a date or\n * ISO 8601 date string (EX: yyyy-MM-ddThh:mm:ss[Z|offset])\n * to a localized date time string in the current user's time zone.\n * @param includeTimeZoneOffset If true, include the time zone offset in the localized string.\n * @returns A function to convert a date to a localized string.\n */\n\nexport const useGetLocalizedUserDateTimeString = (includeTimeZoneOffset = false) => {\n  const user = useAuthedUser();\n\n  const getDateTimeString = useCallback(\n    (date, delimiter = null) => {\n      return getLocalizedDateTimeString(\n        date,\n        delimiter,\n        user?.additionalProperties?.timeZone,\n        includeTimeZoneOffset,\n      );\n    },\n    [user, includeTimeZoneOffset],\n  );\n\n  return getDateTimeString;\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextField } from '../../../UI/inputs/textField/FluentTextField';\nimport { GridRow } from '../../../layout/GridRow';\nimport { GridUnit } from '../../../layout/GridUnit';\nimport { AmbientCard } from '../../../UI/surfaces/cards/AmbientCard/AmbientCard';\nimport { makeStyles, Box } from \"@material-ui/core\";\nimport { AuditEventTypeEnums } from '../../../enums/auditEventEnums';\nimport ReactJson from 'react-json-view';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { useGetLocalizedUserDateTimeString } from '../../utilities/dateLocalizationHooks';\nimport { UdpEnums } from '../../../enums/unitySystemEnums';\nimport { executeQueryWithParameters, getBaseMethod } from '../../utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n    textField: {\n        marginTop: theme.spacing(0),\n    },\n    loadingBar: {\n        top: theme.spacing(-2),\n        marginLeft: theme.spacing(-2),\n        marginRight: theme.spacing(-2),\n    },\n}));\n\nconst UdpAuditEventSidesheet = props => {\n    const {\n        auditEvent,\n        isSideSheetOpen,\n        handleSideSheet,\n        promotedEntities,\n        sheetProps,\n    } = props;\n\n    const { t } = useTranslation();\n    const classes = useStyles();\n    const getLocalizedDateTimeString = useGetLocalizedUserDateTimeString();\n    const [auditEventDetail, setAuditEventDetail] = React.useState({});\n    const [loading, setLoading] = useState(false);\n\n    const auditEventDetailGetApiMethod = useMemo(() => {\n        return getBaseMethod(\n          UdpEnums.Udp_Audit_Event_Detail,\n          'unityBaseGetMethod',\n          promotedEntities\n        );\n      }, [promotedEntities]);\n\n    const onCloseSideSheet = () => {\n        handleSideSheet(false);\n    }\n\n    useEffect(() => {\n        const getAuditEventDetail = async () => {\n            let auditEventDetail = {};\n            const data = {};\n            try {\n                if (auditEventDetailGetApiMethod && auditEvent) {\n                    setLoading(true);\n                    data['{auditEventId}'] = auditEvent.id;\n                    const response = await executeQueryWithParameters(\n                        { data },\n                        auditEventDetailGetApiMethod.apiMethodId\n                    );\n                    if (response?.status === 200) {\n                        auditEventDetail = response.data;\n                        setAuditEventDetail(auditEventDetail);\n                    }\n                }\n            } finally {\n                setLoading(false);\n            }\n        };\n        getAuditEventDetail();\n      }, [auditEvent, auditEventDetailGetApiMethod]);\n\n    return (\n        <SideSheet\n            {...sheetProps}\n            open={isSideSheetOpen}\n            onClose={onCloseSideSheet}\n            title={t(`Audit Event Details`)}\n            width={800}\n            color='primary'\n        >\n            {loading && (\n                <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n            )}\n            <GridRow>\n                <GridUnit ratio=\"1:1\" width=\"100%\">\n                    <AmbientCard title={t('Event')} fullWidth={true} subCard>\n                        <>\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventTypeName\"\n                                label={t('Event Type')}\n                                value={auditEvent?.auditEventTypeName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventUserDisplayName\"\n                                label={t('User')}\n                                value={auditEvent?.userDisplayName || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventDomain\"\n                                label={t('Description')}\n                                value={auditEvent?.domain || ''}\n                                disabled={true}\n                            />\n                            <FluentTextField\n                                className={classes.textField}\n                                id=\"auditEventCreatedOn\"\n                                label={t('Created On')}\n                                value={getLocalizedDateTimeString(auditEvent?.createdOn ?? '')}\n                                disabled={true}\n                            />\n                            <Box>\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Delete_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.oldObj ? JSON.parse(auditEventDetail?.oldObj) : {}}\n                                        name={t('Old Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                                {(auditEvent?.typeCode === AuditEventTypeEnums.Update_Domain ||\n                                 auditEvent?.typeCode === AuditEventTypeEnums.Create_Domain) &&\n                                    <ReactJson\n                                        src={auditEventDetail?.newObj ? JSON.parse(auditEventDetail?.newObj) : {}}\n                                        name={t('New Details')}\n                                        displayDataTypes={false}\n                                        displayObjectSize={false}\n                                    />\n                                }\n                            </Box>\n                        </>\n                    </AmbientCard>\n                </GridUnit>\n            </GridRow>\n        </SideSheet>\n    )\n}\n\nexport default UdpAuditEventSidesheet;\n","import { DateTime, IANAZone } from 'luxon';\nimport { useMemo } from 'react';\nimport { getDateFromString } from '../../UI/widgets/utils/dateUtils';\nimport { GridExcelStyleEnums } from '../../enums/unitySystemEnums';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser'\nimport { useGetLocalizedDateString, useGetLocalizedDateTimeString } from './dateLocalizationHooks';\n\n\nexport const useDateStringColumnDef = (\n  includeTime = false,\n  timeZone = null,\n  includeTimeZoneOffset = false,\n) => {\n  const user = useAuthedUser();\n\n  const zone = useMemo(() => {\n    const tz = timeZone ?? user?.additionalProperties?.timeZone ?? 'local';\n    const validTimeZone =\n      tz !== 'local' &&\n      (tz === user?.additionalProperties?.timeZone || IANAZone.isValidZone(tz))\n        ? tz\n        : 'local'; // IANAZone.isValidZone is very slow, skip it if known valid timeZone passed\n    return validTimeZone;\n  }, [timeZone, user]);\n\n  const getLocalizedDateTimeString = useGetLocalizedDateTimeString(zone, includeTimeZoneOffset);\n  const getLocalizedDateString = useGetLocalizedDateString(zone);\n\n  const columnDef = useMemo(() => {\n    return !user\n      ? {}\n      : ({\n          valueFormatter: (params) => {\n            if (!params) {\n              return '';\n            }\n            if (includeTime) {\n              return getLocalizedDateTimeString(params.value);\n            } else {\n              return getLocalizedDateString(params.value);\n            }\n          },\n          cellClass: includeTime\n            ? GridExcelStyleEnums.DateTimeShortWithSeconds\n            : GridExcelStyleEnums.DateShort,\n          filter: 'agDateColumnFilter',\n          filterParams: {\n            comparator: function (filterLocalDateAtMidnight, cellValue) {\n              const cellDate = getDateFromString(cellValue);\n              if (!cellDate) {\n                return null;\n              }\n\n              // Assume date picker is in the same time zone that we're displaying dates in so that the results make sense to the user\n              const filterDateTimeMidnight = DateTime.fromJSDate(filterLocalDateAtMidnight).setZone(\n                zone,\n                { keepLocalTime: true },\n              );\n              const cellDateTimeMidnight = DateTime.fromJSDate(cellDate, { zone: zone }).set({\n                hour: 0,\n                minute: 0,\n                second: 0,\n                millisecond: 0,\n              });\n\n              if (cellDateTimeMidnight < filterDateTimeMidnight) {\n                return -1;\n              } else if (cellDateTimeMidnight > filterDateTimeMidnight) {\n                return 1;\n              } else {\n                return 0;\n              }\n            },\n            buttons: ['apply', 'reset'],\n            closeOnApply: true,\n            suppressAndOrCondition: true,\n            filterOptions: ['equals', 'lessThan', 'greaterThan', 'inRange'],\n          },\n        });\n  }, [includeTime, getLocalizedDateString, getLocalizedDateTimeString, user, zone]);\n\n  return columnDef;\n};\n","import React, { useCallback, useEffect, useState, useMemo, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles } from '@material-ui/core';\nimport { useAgGridApi } from '../../../utilities/aggrid/AgTable';\nimport { debounce } from 'lodash';\nimport { LogicalSearchOperatorEnums, UdpEnums } from '../../../enums/unitySystemEnums';\nimport { LinearProgress } from '../../../UI/loading/LinearProgress';\nimport { getSearchObject } from '../../../utilities/search/SearchUtilities';\nimport { ViewIcon, RefreshIcon } from '@fluentui/react-icons';\nimport UdpAuditEventSidesheet from './UdpAuditEventSidesheet';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useDateStringColumnDef } from '../../utilities/useDateStringColumnDef';\nimport { executeQueryAdHoc, getBaseMethod } from '../../utilities/methodUtils';\nimport { useCatalogStore } from '../../../stores/catalogStore';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { usePromotedMethodEntity } from '../../../hooks';\n\nconst PAGE_SIZE = 15;\n\nconst baseSearchPayload = {\n  pageNumber: 1,\n  pageSize: PAGE_SIZE,\n  filterElements: [],\n  filterGroups: [],\n  orderElements: [],\n  groupingType: '',\n  groupProperty: [],\n  groupOperationList: [],\n  eagerLoad: false,\n  logicalSearchOperator: 1,\n};\n\nconst useStyles = makeStyles(theme => ({\n  loadingBar: {\n    bottom: theme.spacing(-0.5),\n    marginLeft: theme.spacing(0.5),\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nconst UdpAuditEventsPage = (props) => {\n  const { params } = props;\n\n  // Hooks\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const { t } = useTranslation();\n  const classes = useStyles();\n  const dateStringColumnDef = useDateStringColumnDef(true);\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const gridApiRef = useRef(null);\n\n  // States\n  const [searchQuery, setSearchQuery] = useState('');\n  const [displayProgressBar, setDisplayProgressBar] = useState(false);\n  const [selectedAuditEvent, setSelectedAuditEvent] = useState(null);\n  const [viewSideSheetOpen, setViewSideSheetOpen] = useState(false);\n  const [auditEventTypes, setAuditEventTypes] = useState([]);\n  const [searchObject, setSearchObject] = useState(baseSearchPayload);\n\n  const currentApiCatalogId = useCatalogStore(\n      (state) => state.currentApiCatalogId\n    );\n\n  const promotedMethodEntitiesMap = useCatalogStore(\n    (state) => state.promotedMethodEntitiesMap\n  );\n\n  const promotedEntities = useMemo(() => {\n    if (!currentApiCatalogId || !promotedMethodEntitiesMap) {\n      return null;\n    }\n    return promotedMethodEntitiesMap[currentApiCatalogId] || [];\n  }, [promotedMethodEntitiesMap, currentApiCatalogId]);\n\n  const auditEventTypeGetAllApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event_Type,\n      'unityBaseGetAllMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const auditEventSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Audit_Event,\n      'unityBaseSearchMethod',\n      promotedEntities\n    );\n  }, [promotedEntities]);\n\n  const getAuditEventTypeName = useCallback(auditEventTypeCode => {\n    if (!auditEventTypes) return '';\n    const matchingAuditEventType = auditEventTypes.find(\n      auditEventType => auditEventType.code === auditEventTypeCode\n    );\n    return matchingAuditEventType?.name || '';\n  }, [auditEventTypes]);\n\n  const handleSideSheet = useCallback((isOpen, auditEvent) => {\n    setViewSideSheetOpen(isOpen);\n    setSelectedAuditEvent(auditEvent);\n  }, []);\n\n  const columnDefs = useMemo(() => {\n    return [\n      {\n          headerName: t('Event Type'),\n          field: 'UdpAuditEventUdpAuditEventType.Name',\n          valueGetter: params => getAuditEventTypeName(params.data.typeCode),\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('User'),\n          field: 'userDisplayName',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Description'),\n          field: 'domain',\n          resizable: true,\n          sortable: false,\n      },\n      {\n          headerName: t('Created On'),\n          field: 'createdOn',\n          resizable: true,\n          sortable: true,\n          ...dateStringColumnDef\n      },\n      {\n          field: 'actions',\n          headerName: t('Details'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList: [\n              {\n                id: 0,\n                title: t('View'),\n                iconName: 'view',\n                handleOnClick: (e, auditEvent) =>\n                  handleSideSheet(true, {...auditEvent?.data, auditEventTypeName: getAuditEventTypeName(auditEvent?.data?.typeCode)}),\n                disabled: false,\n              },\n\n            ],\n          },\n          suppressMenu: true,\n          sortable: false,\n          filter: false,\n      },\n    ];\n  }, [getAuditEventTypeName]);\n\n  const gridFunctions = [\n    { name: 'chipFilter' },\n    { name: 'agGridExport' },\n    { name: 'agGridSizeColumnsToFit' },\n    { name: 'agGridAutoSizeColumns' },\n    { name: 'agGridResetColumns' },\n    { name: 'agGridHideShowColumns' },\n  ];\n\n  const gridOptions = useMemo(() => {\n    return {\n      pagination: true,\n    };\n  }, []);\n\n  useEffect(() => {\n    const getAuditEventTypes = async () => {\n      let types = [];\n      if (auditEventTypeGetAllApiMethod) {\n        const response = await executeQueryAdHoc(\n          { data: {}},\n          auditEventTypeGetAllApiMethod.apiMethodId\n        );\n        if (response?.status === 200) {\n          types = response.data;\n        }\n      }\n      setAuditEventTypes(types);\n    };\n    getAuditEventTypes();\n  }, [auditEventTypeGetAllApiMethod]);\n\n  const handleGridApiCallback = api => {\n    gridApiRef.current = api;\n  };\n\n  const searchMethodConfig = useMemo(() => {\n    return {\n      apiMethodId: auditEventSearchApiMethod?.apiMethodId,\n      customSearchObject: searchObject,\n    };\n  }, [auditEventSearchApiMethod]);\n\n  return (\n    <>\n      {(displayProgressBar) && (<LinearProgress className={classes.loadingBar} color=\"secondary\" />)}\n      <SearchMethodUdpGrid\n        searchMethodConfig={searchMethodConfig}\n        columnDefs={columnDefs}\n        gridHeaderConfig={{\n          title: t('Audit Events'),\n        }}\n        gridOptions={gridOptions}\n        gridApiCallback={handleGridApiCallback}\n        gridFunctions={gridFunctions}\n      />\n      <UdpAuditEventSidesheet\n          auditEvent={selectedAuditEvent}\n          isSideSheetOpen={viewSideSheetOpen}\n          handleSideSheet={handleSideSheet}\n          promotedEntities={promotedEntities}\n      />\n    </>\n  )\n}\n\n  export default UdpAuditEventsPage;\n"],"mappings":"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"}

package/dist/index.js

@@ -132,7 +132,8 @@ import { n as PageSubHeaderActionsTarget, t as PageSubHeaderAction } from "./Pag
 import { t as useWorkflowStore } from "./workflowStore-7o7lDtfb.js";
 import { t as LinearProgress } from "./LinearProgress-DtqqKhxL.js";
 import { t as CircularProgress } from "./CircularProgress-DoNuRxDA.js";
-import { n as GridUnit, r as getRatio, t as GridRow } from "./GridRow-B0tK7yZJ.js";
+import { n as GridRow, r as getRatio, t as GridUnit } from "./GridUnit-DoRLF6tB.js";
+import { GridGroup, HeaderLayout, SideBarTemplate, UdpContainer } from "./layout/index.js";
 import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "./TableContainer-CjtETwVE.js";
 import { t as SearchServiceDatasource } from "./SearchServiceDatasource-BCrqALwW.js";
 import { n as FullScreenControl, r as Controls, t as ZoomControl } from "./ZoomControl-CHYAU41z.js";
@@ -189,7 +190,6 @@ import { n as ListElement, t as ListCard } from "./ListCard-DyX_eeEF.js";
 import { t as FluentCheckbox } from "./FluentCheckbox-CenoIp-p.js";
 import { t as AmbientAutoComplete } from "./AmbientAutoComplete-D8f6o08y.js";
 import { FluentTagField, FluentTagFieldComponent, KeyValueTextField } from "./UI/inputs/textField/index.js";
-import { GridGroup, HeaderLayout, SideBarTemplate } from "./layout/index.js";
 import { LoginForm, PaymentReversalForm, UdpTransactionEmailForm } from "./UI/forms/index.js";
 import { t as ExtenderToggle } from "./ExtenderToggle-CT08URew.js";
 import { t as HeaderExpander } from "./HeaderExpander-rp8T5qys.js";
@@ -209,7 +209,7 @@ import { t as DragDropFileUpload } from "./DragDropFileUpload-BYCVoNSL.js";
 import { t as SupportCaseSideSheet } from "./SupportCaseSideSheet-D7Kw6gSN.js";
 import { t as CompactDataList } from "./CompactDataList-DTxZtuUv.js";
 import { t as CompactDataListItem } from "./CompactDataListItem-C07zOzRz.js";
-import { r as CompactCard } from "./ActionsRenderer-CfcqnhTL.js";
+import { r as CompactCard } from "./ActionsRenderer-Czy9UTzR.js";
 import { n as UdpMapComponent, t as UdpMapToolbar } from "./UdpMapToolbar-CmflSA-m.js";
 import { MapLayout } from "./UI/mapLayout/index.js";
 import { t as PDFViewer } from "./PDFViewer-BoP213zi.js";
@@ -1606,6 +1606,6 @@ const TransactionAttachmentPdfStitcher = (props) => {
 	})));
 };
 //#endregion
-export { ADUserTypeEnums, ALLOWED_GROUP_OPERATIONS, Accordion, AccountFlags, ActionContext, ActionDispatchContext, ActionForm, ActionModal, ActionPanelPlacement, ActionProvider, ActionSideSheet, ActionSpeedDial, ActionSplitScreen, ActionSummaryCard, ActionSummaryHeader, ActionSummaryListContainer, ActionSummaryListItem, ActionSummaryPopover, ActionWrapper, ActionsRenderer, AddUser, AddressListItem, Adornment, AgTable, AgTableButtons, AlertContainer, AlertFlag, AmChart, AmbientAlert, AmbientAutoComplete, AmbientCard, AmbientCardButton, AmbientCardTitle, AmbientDateRangeSelector, AmbientGridTemplate, AmbientList, AmbientListItem, AmbientPopoverMenuItem, AmbientProjectSwitcher, AmbientSingleDateSelector, AmbientSplitStatCard, AmbientStepper, AmbientSummaryListHeader, AmbientTextField, AmbientToast, AmbientToggleButton, AmbientToggleButtonGroup, AmbientTokenButton, AmbientVisualizationCard, AmbientVisualizer, ApiMethodInstanceUdpGrid, AppMenu, AppMenuItem, AppMenuItemComponent, ApprovalIcon, Attachments, AuthProvider, AuthProviderWrapper, AutoCompletePropertyWidget_exports as AutoCompletePropertyWidget, AvatarAlphabet, BackwardsCompatibleGrid, BarChartWidget_exports as BarChartWidget, BaseSideSheet, BioCard, Block, BooleanPropertyWidget_exports as BooleanPropertyWidget, Box, BreadCrumbMenu, BubbleWidget_exports as BubbleWidget, COLUMN_TYPE_OPTIONS, CardList, CardinalityTypeEnums, ChatContainer, ChatMessage, CheckboxGroup, CheckboxList, ChipAlphabet, CircleGaugeWidget, CircularProgress, CkRichEditor, ClickOpenEnums, ClientSideUdpGrid, ColorKey, CompactCard, CompactDataList, CompactDataListItem, ConfigService, ContainerTypeEnums, ContentContainer, Controls, CoreLayoutFloorplan, CrudForm, CustomMenuPage, DateField, DatePropertyWidget_exports as DatePropertyWidget, DateTimeField, DateTimePropertyWidget_exports as DateTimePropertyWidget, DateTrendWidget_exports as DateTrendWidget, DensePlotWidget_exports as DensePlotWidget, DeviceTypeEnums, DiffChecker, Directory, DirectoryListItem, Divider, DonutChartWidget_exports as DonutChartWidget, DragDropFileUpload, DraggableSidebarTemplate, DynamicContainerWithMenu, EMPTY_GUID, Ellipse, EmptyStateDisplay, EntityAttributeEnums, EntityHeader, ExecuteApiDialog, ExpandRenderer, ExportSidesheet, ExtenderToggle, Field, FieldArrayCard, FieldType, FileUpload, FileViewer, FilterOperators, FilterSearch, FlagBlock, FloatPropertyWidget_exports as FloatPropertyWidget, FluentActivity, FluentActivityRow, FluentButton, FluentCard, FluentCardActions, FluentCardContent, FluentCardHeader, FluentCardText, FluentCheckbox, FluentColorPicker, FluentCompoundButton, FluentDataTable, FluentDatePicker, FluentDateTimePicker, FluentDialog, FluentIcon, FluentIconButton, FluentImageMap, FluentLink, FluentListElement, FluentListItem, FluentMap, FluentMenuListButton, FluentMenuListItem, FluentProfileMenuCard, FluentRadio, FluentRadioGroup, FluentScrollLoadAutocompleteMenu, FluentSearchField, FluentSelectGroupMenu, FluentSelectMenu, FluentSideNav, FluentSimpleSelect, FluentSimpleTab, FluentSimpleTabs, FluentTabPanel, FluentTabUtility, FluentTagField, FluentTagFieldComponent, FluentTextField, FluentTextFieldAutoComplete, FluentTextFieldComponent, FluentTimePicker, FluentTimeline, FluentToggle, FluentUploadButton, FluentUploadIconButton, Form, FormButtons, FormControl, FormControlLabel, FormError, FormHeader, FormSpy, FormSubHeader, FullScreenControl, GaugeWidget, GeoMap, GraphCard, Grid, GridActionBar, GridEnums, GridExcelStyleEnums, GridGroup, GridGroupingHeader, GridGroupingSidebar, GridRow, GridSidebarContainer, GridStateTypeEnums, GridUnit, HeaderExpander, HeaderLayout, HttpStatusCode, IconButtonWithTooltip, IconKey, IconRenderer, IframeContainer, ImageLayer, ImportDataFromFileMapping, IndicatorChip, InfoCard, InputAdornment, InputFieldType, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryDashboard, InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, InsightRenderer, IntegerPropertyWidget_exports as IntegerPropertyWidget, ItemDescription, ItemsWidgetCard, JobStatusIdMapping, JobTypeIdMapping, KeyValueTextField, Layers, LayoutUnit, LicenseKey, LineAndSparklinesWidget_exports as LineAndSparklinesWidget, LineGraphWidget_exports as LineGraphWidget, LinearProgress, Link, ListCard, ListElement, ListSearch, LoadingIndicator, LogicalSearchOperator, LogicalSearchOperatorEnums, LoginForm, LookupColumnTypeId, LookupCreationSheet, LookupTypeEnums, LookupTypeId, LookupTypeIdEnums, MAX_FILE_SIZE_MB, Map, MapFilterBar, MapLayout, MapSheet, MenuItemEnums, MenuLoader, MenuProvider, MenuTypeEnums, MttMainTimeline, MttSummary, MttTimeline, MultilineTextPropertyWidget_exports as MultilineTextPropertyWidget, MyExportsPage, NavLink, NestParent, NestWrapper, NestedGrid, NewsCard, NodeActionEnums, NodeActionTriggerEnums, NodeColumnHeader, NodeDetails, NodeGroupOutlierEnums, NodeGroupTypeEnums, NodeList, NodeLoader, Note, Notes, NotesScreen, NotificationElement, NumericPropertyWidget_exports as NumericPropertyWidget, OpenPage, OutlookCallback, OutlookIntegrationBanner, OutlookIntegrationCallbackPage, OutlookIntegrationSideSheet, PAHAdditionalRightComponent, PAHAdditionalTitleComponent, PAHExport, PDFViewer, Page, PageContainer, PageContent, PageForbiddenRoute, PageHeader, PageLoading, PageNotFoundRoute, PageRenderer, PageSectionHeader, PageSectionSpacer, PageStatus, PageSubHeaderAction, PageSubHeaderActionsTarget, PanelPositionEnums, ParamsMappingForm, PasswordResetRedirect, PaymentForm, PaymentMethodTypeEnum, PaymentReversalForm, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, PopoverCard, PowerBIReport, PrimaryActionButton, PrimaryActionHeader, PrivateRoute, ProductEnums, ProductNameEnums, ProgressBarWidget_exports as ProgressBarWidget, Prompt, PropertyField, PropertyFields, PropertyTypeEnum, PublicRoute, QuickViewCard, RecentlyLoadedNodesTable, RecentlyLoadedNodesWidget_exports as RecentlyLoadedNodesWidget, Redirect, RejectIcon, RemindersScreen, RemindersWidget_exports as RemindersWidget, RequiredFieldsMappingForm, RoleIdEnums, RoleNameEnums, RoleTypeEnums, Route, SapFlexibleTemplate, SearchConstants, SearchGroupingType, SearchMethodUdpGrid, SearchOperators, SearchServiceDatasource, SearchSortDirection, SearchValueType, SelectGroupMenu, SelectPropertyWidget_exports as SelectPropertyWidget, ServerSideUdpGrid, SeverityTypeEnums, Shell, ShellDropdown, SideBarTemplate, SideSheet, SideSheetHeader, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SortOrder, SparklineWidget_exports as SparklineWidget, SparsePlotWidget_exports as SparsePlotWidget, SplitScreenTypeEnums, StandardTitle, Statistic, StatusCellRenderer, StatusChip, StatusLineItem, Sticky, StylizedTitle, SubHeaderAction, SubHeaderActionsTarget, SubmitButton, SummaryBlock, SupportCaseSideSheet, SvgIcon, Switch, TableColumnDefs, TableContainer, TeleportSource, TenantTypeEnums, TestFullStencilPage, TestStencilWrappedComponentsPage, TextPropertyWidget_exports as TextPropertyWidget, ThemeProvider, TicketCard, TileDisplay, TileLayer, TimeField, TimeLine, TimePropertyWidget_exports as TimePropertyWidget, TimelineCalendar, TimelinePreloaderNode, ToggleSection, Token, TokenGroupItem, ToolBarButton, TransactionActionTypeEnums, TransactionAttachmentPdfStitcher, TransactionEventTypeEnums, TransactionUiActionTypeEnums, TreeViewModeEnums, TrimForAvatar, Typography, UdpAccordion, UdpAdvancedSearchBuilder, UdpAppProvider, UdpAutocomplete, UdpAvatar, UdpBadge, UdpBarChart, UdpButton, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpCard, UdpCheckbox, UdpChip, UdpCompoundButton, UdpContainerQuery, UdpContainerQueryGrid, UdpCounterBadge, UdpCrudFormFields, UdpDateInput, UdpDatePicker, UdpDateRangeSelector, UdpDateSelector, UdpDateTimeInput, UdpDetailList, UdpDetailListItem, UdpDialog, UdpDivider, UdpDonutChart, UdpDrawer, UdpDropdown, UdpDurationInput, UdpEnums, UdpFlexbox, UdpFormRenderer, UdpFormsBuilderPage, UdpFormsListPage, UdpFormsSubmissionGrid, UdpFormsSubmissionGridManagerPage, UdpFormsSubmissionGridResponderPage, UdpGridTemplate, UdpIcon, UdpIconButton, UdpIconGrid, UdpImage, UdpKeywordEnums, UdpKpiCard, UdpKpiCards, UdpLineChart, UdpLink, UdpList, UdpListItem, UdpLookupManagementPage, UdpMaintenanceConfigPage, UdpMaintenanceEnginePage, UdpMap, UdpMapComponent, UdpMapToolbar, UdpMenu, UdpMessageBar, UdpPageEnums, UdpPages, UdpPagesLazy, UdpPagesLoaders, UdpPopover, UdpPrimaryActionHeader, UdpPrivateForm, UdpProgressBar, UdpPublicForm, UdpRadioGroup, UdpReminderFiledForType, UdpRoutes, UdpSearchEnums, UdpSearchInput, UdpSlider, UdpSpinner, UdpStepper, UdpSwatchPicker, UdpSwitch, UdpTabPanel, UdpTabUtility, UdpTablist, UdpTabs, UdpText, UdpTextInput, UdpTextarea, UdpTimeInput, UdpTimeSelector, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator, UdpToggleButton, UdpTooltip, UdpTransactionActionEnums, UdpTransactionEmailForm, UdpTransactionTypesPage, UdpTransactionsPage, UdpTree, UdpTreeContext, UdpTreeItem, UdpVerticalSpacer, UnityFluentIcon, UnityIcon, UnityProducts, UserContext, UserDispatchContext, UserForm, UserFormFields, UtilityBar, UtilityBarInport, UtilityBarInportTarget, UtilityTabHeader, VectorLayer, VerticalEnums, VisibilityTypeEnums, WidgetCard, WorkOrderCard, WorkflowContainer, ZoomControl, acquireAccessToken, allowedExtensions, apiMutate, apiResponseArrayToOptions, arrayMutators, buildCatalogTree, buildColumnDefsFromCatalog, buildIndices, camelToPascalCaseWithSpace, checkAndAuthenticate, checkNodeIsHidden, clearGridState, clearStoredExternalPath, clearStoredPath, clearStoredTenant, collapseAllNodes, colors, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, corporateColors, corporateColorsHint, createTimeline, createUser, csvStrToArray, csvStrToArrayOfObjects, defaultColumnActionsDef, deleteGridState, deleteNode, deleteNodeAndChildren, disconnect, ensureOutlookStatusLoaded, evaluateRule, exchangeAuthorizationCode, executeQueryAdHoc, executeQueryInstance, executeQueryInstanceWithApiMethodInstance, executeQueryWithParameters, expandAllNodes, findAllParentIds, findHomeRouteSlug, findLastNode, findNodeById, findNodeByIdAndLabel, findNodeByPath, findNodesByIdAndLabel, findTermByType, fluentLibraryIcons, formatBytes, mttFunctions_exports as formatDataWithTimelineCategoryNameOrderedByDate, formatDateToLocaleString, formatTreeLabel, formatTreeMenuItem, generatePath, getAccessToken, getAllChildrenNodesToDelete, getApiAccessScope, getApiMethodIdByPath, getAuthorizeUrl, getBaseMethod, getCommonEntityName, getCurrentThemeMode, getDisplayDetails, getDisplayName, getEntityAttributes, getFieldValuesForProperties, getFullyQualifiedName, getGridState, getHeaderTitle, getI18nInstance, getIconFromName, getLazyLoadChildrenArr, getLoginRequest, getMenuItemsRecursively, getMergedConfig, getNodeIdForRightBorder, getOrderedDynamicGroups, getOutlookRedirectUri, getOutlookStatus, getPathObject, getPathParametersObj, getPrimaryKeyValues, getPropertiesForFieldValues, getPropertyMappingList, getPropertyMappingObj, getRatio, getRouteRolesMapAndMenuActiveMap, getSanitizedName, getSearchIdentifiers, getSearchObject, getSearchValueString, getSignInAuthProvider, getStatus, getStoredExternalPath, getStoredPath, getStoredTenant, getSuccessAction, getTokenRequest, getUnityIconFromName, greyScale, handleResponseErrors, initSignInAuthProvider, initializeUnityI18n, isCatalogModelObject, isOutlookConnected, loginRedirect, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, mapRule, mapRuleData, matchPath, onFirstDataRendered, parseSearchParamsIntoFilterObjects, pluralize, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, productCategoryColors, refreshOutlookStatus, removeWhiteSpace, resetOutlookStatus, saveGridState, searchForMatchingNode, searchTree, sendMail, setOutlookDisconnected, setThemeMode, storeCurrentPath, storeExternalPath, storeInitialPath, storeInitialTenant, storePath, storeRedirectPath, storeTenant, subscribeOutlookStatus, toLowerFirstChar, toTitleCase, toUpperFirstChar, toUtcDate, toggleHeader, transformMenuPageTree, trimStringAfter, unityIcons, updateTreeIds, useAccessToken, useActionState, useActions, useAgGridApi, useAllTeleporters, useApiCatalog, useAuthedUser, useAxiosGet, useAxiosGetQuery, useAxiosMutate, useCatalogStore, useControlZoom, useConvertFilterModelToSearchFilters, useCrudActions, useCurrentPageReturnTo, useDateLocale, useDefaultFormValues, useDynamicListCalculation, useExport, useField, useFieldChangeListener, useFluentIcon, useForm, useFormState, useGridClear, useGridFormat, useHandleAction, useHandleAxiosSnackbar, useHistory, useIsAuthed, useIsUnityAuthenticated, useItemSubCard, useLocalUserActions, useLocation, useLoginAction, useLogoutAction, useLookups, useLookupsStore, useMenuContext, useNoticeUpdate, useOutlook, usePageContext, useParams, usePosition, useProductVersion, usePromotedLookupMethods, usePromotedMethodEntity, useQueryExecutors, useQuickFilter, useRouteMatch, useScreenControl, useSearchFilterParamsMap, useServerSideDatasource, useSetInitialShellVisibility, useSetLocationState, useShellStore, useSingleLogout, useStyles, useSystemColor, useTags, useTenant, useTenantStore, useTheme, useTypeScale, useUdpExport, useUdpWebSocket, useUser, useUserActions, useWorkflowStore, verticalPrimary, verticalSecondary, whitelistedPaths, withRouter };
+export { ADUserTypeEnums, ALLOWED_GROUP_OPERATIONS, Accordion, AccountFlags, ActionContext, ActionDispatchContext, ActionForm, ActionModal, ActionPanelPlacement, ActionProvider, ActionSideSheet, ActionSpeedDial, ActionSplitScreen, ActionSummaryCard, ActionSummaryHeader, ActionSummaryListContainer, ActionSummaryListItem, ActionSummaryPopover, ActionWrapper, ActionsRenderer, AddUser, AddressListItem, Adornment, AgTable, AgTableButtons, AlertContainer, AlertFlag, AmChart, AmbientAlert, AmbientAutoComplete, AmbientCard, AmbientCardButton, AmbientCardTitle, AmbientDateRangeSelector, AmbientGridTemplate, AmbientList, AmbientListItem, AmbientPopoverMenuItem, AmbientProjectSwitcher, AmbientSingleDateSelector, AmbientSplitStatCard, AmbientStepper, AmbientSummaryListHeader, AmbientTextField, AmbientToast, AmbientToggleButton, AmbientToggleButtonGroup, AmbientTokenButton, AmbientVisualizationCard, AmbientVisualizer, ApiMethodInstanceUdpGrid, AppMenu, AppMenuItem, AppMenuItemComponent, ApprovalIcon, Attachments, AuthProvider, AuthProviderWrapper, AutoCompletePropertyWidget_exports as AutoCompletePropertyWidget, AvatarAlphabet, BackwardsCompatibleGrid, BarChartWidget_exports as BarChartWidget, BaseSideSheet, BioCard, Block, BooleanPropertyWidget_exports as BooleanPropertyWidget, Box, BreadCrumbMenu, BubbleWidget_exports as BubbleWidget, COLUMN_TYPE_OPTIONS, CardList, CardinalityTypeEnums, ChatContainer, ChatMessage, CheckboxGroup, CheckboxList, ChipAlphabet, CircleGaugeWidget, CircularProgress, CkRichEditor, ClickOpenEnums, ClientSideUdpGrid, ColorKey, CompactCard, CompactDataList, CompactDataListItem, ConfigService, ContainerTypeEnums, ContentContainer, Controls, CoreLayoutFloorplan, CrudForm, CustomMenuPage, DateField, DatePropertyWidget_exports as DatePropertyWidget, DateTimeField, DateTimePropertyWidget_exports as DateTimePropertyWidget, DateTrendWidget_exports as DateTrendWidget, DensePlotWidget_exports as DensePlotWidget, DeviceTypeEnums, DiffChecker, Directory, DirectoryListItem, Divider, DonutChartWidget_exports as DonutChartWidget, DragDropFileUpload, DraggableSidebarTemplate, DynamicContainerWithMenu, EMPTY_GUID, Ellipse, EmptyStateDisplay, EntityAttributeEnums, EntityHeader, ExecuteApiDialog, ExpandRenderer, ExportSidesheet, ExtenderToggle, Field, FieldArrayCard, FieldType, FileUpload, FileViewer, FilterOperators, FilterSearch, FlagBlock, FloatPropertyWidget_exports as FloatPropertyWidget, FluentActivity, FluentActivityRow, FluentButton, FluentCard, FluentCardActions, FluentCardContent, FluentCardHeader, FluentCardText, FluentCheckbox, FluentColorPicker, FluentCompoundButton, FluentDataTable, FluentDatePicker, FluentDateTimePicker, FluentDialog, FluentIcon, FluentIconButton, FluentImageMap, FluentLink, FluentListElement, FluentListItem, FluentMap, FluentMenuListButton, FluentMenuListItem, FluentProfileMenuCard, FluentRadio, FluentRadioGroup, FluentScrollLoadAutocompleteMenu, FluentSearchField, FluentSelectGroupMenu, FluentSelectMenu, FluentSideNav, FluentSimpleSelect, FluentSimpleTab, FluentSimpleTabs, FluentTabPanel, FluentTabUtility, FluentTagField, FluentTagFieldComponent, FluentTextField, FluentTextFieldAutoComplete, FluentTextFieldComponent, FluentTimePicker, FluentTimeline, FluentToggle, FluentUploadButton, FluentUploadIconButton, Form, FormButtons, FormControl, FormControlLabel, FormError, FormHeader, FormSpy, FormSubHeader, FullScreenControl, GaugeWidget, GeoMap, GraphCard, Grid, GridActionBar, GridEnums, GridExcelStyleEnums, GridGroup, GridGroupingHeader, GridGroupingSidebar, GridRow, GridSidebarContainer, GridStateTypeEnums, GridUnit, HeaderExpander, HeaderLayout, HttpStatusCode, IconButtonWithTooltip, IconKey, IconRenderer, IframeContainer, ImageLayer, ImportDataFromFileMapping, IndicatorChip, InfoCard, InputAdornment, InputFieldType, Inquiry, InquiryAdvancedSearch, InquiryAdvancedSearchForm, InquiryContainer, InquiryDashboard, InquiryHeaderControl, InquiryHeaderControlTarget, InquiryHeaderSecondary, InquiryHeaderSecondaryAlert, InquiryHeaderSecondaryAlertTarget, InquiryHeaderSecondaryTarget, InquiryHeaderTitle, InquiryHeaderTitleTarget, InquiryNodeControls, InquirySearchContainer, InquirySearchDatasource, InquirySearchTable, InquiryTreeMenu, InquiryTreeMenuItem, InquiryWrapper, InsightRenderer, IntegerPropertyWidget_exports as IntegerPropertyWidget, ItemDescription, ItemsWidgetCard, JobStatusIdMapping, JobTypeIdMapping, KeyValueTextField, Layers, LayoutUnit, LicenseKey, LineAndSparklinesWidget_exports as LineAndSparklinesWidget, LineGraphWidget_exports as LineGraphWidget, LinearProgress, Link, ListCard, ListElement, ListSearch, LoadingIndicator, LogicalSearchOperator, LogicalSearchOperatorEnums, LoginForm, LookupColumnTypeId, LookupCreationSheet, LookupTypeEnums, LookupTypeId, LookupTypeIdEnums, MAX_FILE_SIZE_MB, Map, MapFilterBar, MapLayout, MapSheet, MenuItemEnums, MenuLoader, MenuProvider, MenuTypeEnums, MttMainTimeline, MttSummary, MttTimeline, MultilineTextPropertyWidget_exports as MultilineTextPropertyWidget, MyExportsPage, NavLink, NestParent, NestWrapper, NestedGrid, NewsCard, NodeActionEnums, NodeActionTriggerEnums, NodeColumnHeader, NodeDetails, NodeGroupOutlierEnums, NodeGroupTypeEnums, NodeList, NodeLoader, Note, Notes, NotesScreen, NotificationElement, NumericPropertyWidget_exports as NumericPropertyWidget, OpenPage, OutlookCallback, OutlookIntegrationBanner, OutlookIntegrationCallbackPage, OutlookIntegrationSideSheet, PAHAdditionalRightComponent, PAHAdditionalTitleComponent, PAHExport, PDFViewer, Page, PageContainer, PageContent, PageForbiddenRoute, PageHeader, PageLoading, PageNotFoundRoute, PageRenderer, PageSectionHeader, PageSectionSpacer, PageStatus, PageSubHeaderAction, PageSubHeaderActionsTarget, PanelPositionEnums, ParamsMappingForm, PasswordResetRedirect, PaymentForm, PaymentMethodTypeEnum, PaymentReversalForm, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, PopoverCard, PowerBIReport, PrimaryActionButton, PrimaryActionHeader, PrivateRoute, ProductEnums, ProductNameEnums, ProgressBarWidget_exports as ProgressBarWidget, Prompt, PropertyField, PropertyFields, PropertyTypeEnum, PublicRoute, QuickViewCard, RecentlyLoadedNodesTable, RecentlyLoadedNodesWidget_exports as RecentlyLoadedNodesWidget, Redirect, RejectIcon, RemindersScreen, RemindersWidget_exports as RemindersWidget, RequiredFieldsMappingForm, RoleIdEnums, RoleNameEnums, RoleTypeEnums, Route, SapFlexibleTemplate, SearchConstants, SearchGroupingType, SearchMethodUdpGrid, SearchOperators, SearchServiceDatasource, SearchSortDirection, SearchValueType, SelectGroupMenu, SelectPropertyWidget_exports as SelectPropertyWidget, ServerSideUdpGrid, SeverityTypeEnums, Shell, ShellDropdown, SideBarTemplate, SideSheet, SideSheetHeader, SiteHeaderRightComponent, SiteHeaderRightComponentTarget, SortOrder, SparklineWidget_exports as SparklineWidget, SparsePlotWidget_exports as SparsePlotWidget, SplitScreenTypeEnums, StandardTitle, Statistic, StatusCellRenderer, StatusChip, StatusLineItem, Sticky, StylizedTitle, SubHeaderAction, SubHeaderActionsTarget, SubmitButton, SummaryBlock, SupportCaseSideSheet, SvgIcon, Switch, TableColumnDefs, TableContainer, TeleportSource, TenantTypeEnums, TestFullStencilPage, TestStencilWrappedComponentsPage, TextPropertyWidget_exports as TextPropertyWidget, ThemeProvider, TicketCard, TileDisplay, TileLayer, TimeField, TimeLine, TimePropertyWidget_exports as TimePropertyWidget, TimelineCalendar, TimelinePreloaderNode, ToggleSection, Token, TokenGroupItem, ToolBarButton, TransactionActionTypeEnums, TransactionAttachmentPdfStitcher, TransactionEventTypeEnums, TransactionUiActionTypeEnums, TreeViewModeEnums, TrimForAvatar, Typography, UdpAccordion, UdpAdvancedSearchBuilder, UdpAppProvider, UdpAutocomplete, UdpAvatar, UdpBadge, UdpBarChart, UdpButton, UdpCalendar, UdpCalendarDayView, UdpCalendarMonthView, UdpCalendarWeekView, UdpCalendarYearView, UdpCard, UdpCheckbox, UdpChip, UdpCompoundButton, UdpContainer, UdpContainerQuery, UdpContainerQueryGrid, UdpCounterBadge, UdpCrudFormFields, UdpDateInput, UdpDatePicker, UdpDateRangeSelector, UdpDateSelector, UdpDateTimeInput, UdpDetailList, UdpDetailListItem, UdpDialog, UdpDivider, UdpDonutChart, UdpDrawer, UdpDropdown, UdpDurationInput, UdpEnums, UdpFlexbox, UdpFormRenderer, UdpFormsBuilderPage, UdpFormsListPage, UdpFormsSubmissionGrid, UdpFormsSubmissionGridManagerPage, UdpFormsSubmissionGridResponderPage, UdpGridTemplate, UdpIcon, UdpIconButton, UdpIconGrid, UdpImage, UdpKeywordEnums, UdpKpiCard, UdpKpiCards, UdpLineChart, UdpLink, UdpList, UdpListItem, UdpLookupManagementPage, UdpMaintenanceConfigPage, UdpMaintenanceEnginePage, UdpMap, UdpMapComponent, UdpMapToolbar, UdpMenu, UdpMessageBar, UdpPageEnums, UdpPages, UdpPagesLazy, UdpPagesLoaders, UdpPopover, UdpPrimaryActionHeader, UdpPrivateForm, UdpProgressBar, UdpPublicForm, UdpRadioGroup, UdpReminderFiledForType, UdpRoutes, UdpSearchEnums, UdpSearchInput, UdpSlider, UdpSpinner, UdpStepper, UdpSwatchPicker, UdpSwitch, UdpTabPanel, UdpTabUtility, UdpTablist, UdpTabs, UdpText, UdpTextInput, UdpTextarea, UdpTimeInput, UdpTimeSelector, UdpTimeline, UdpTimelineConnector, UdpTimelineContent, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator, UdpToggleButton, UdpTooltip, UdpTransactionActionEnums, UdpTransactionEmailForm, UdpTransactionTypesPage, UdpTransactionsPage, UdpTree, UdpTreeContext, UdpTreeItem, UdpVerticalSpacer, UnityFluentIcon, UnityIcon, UnityProducts, UserContext, UserDispatchContext, UserForm, UserFormFields, UtilityBar, UtilityBarInport, UtilityBarInportTarget, UtilityTabHeader, VectorLayer, VerticalEnums, VisibilityTypeEnums, WidgetCard, WorkOrderCard, WorkflowContainer, ZoomControl, acquireAccessToken, allowedExtensions, apiMutate, apiResponseArrayToOptions, arrayMutators, buildCatalogTree, buildColumnDefsFromCatalog, buildIndices, camelToPascalCaseWithSpace, checkAndAuthenticate, checkNodeIsHidden, clearGridState, clearStoredExternalPath, clearStoredPath, clearStoredTenant, collapseAllNodes, colors, constructBusinessObjectArrFromTree, constructDynamicNodeGroups, constructDynamicNodeGroups2, constructPreloadedTree, constructStaticNodeGroups, corporateColors, corporateColorsHint, createTimeline, createUser, csvStrToArray, csvStrToArrayOfObjects, defaultColumnActionsDef, deleteGridState, deleteNode, deleteNodeAndChildren, disconnect, ensureOutlookStatusLoaded, evaluateRule, exchangeAuthorizationCode, executeQueryAdHoc, executeQueryInstance, executeQueryInstanceWithApiMethodInstance, executeQueryWithParameters, expandAllNodes, findAllParentIds, findHomeRouteSlug, findLastNode, findNodeById, findNodeByIdAndLabel, findNodeByPath, findNodesByIdAndLabel, findTermByType, fluentLibraryIcons, formatBytes, mttFunctions_exports as formatDataWithTimelineCategoryNameOrderedByDate, formatDateToLocaleString, formatTreeLabel, formatTreeMenuItem, generatePath, getAccessToken, getAllChildrenNodesToDelete, getApiAccessScope, getApiMethodIdByPath, getAuthorizeUrl, getBaseMethod, getCommonEntityName, getCurrentThemeMode, getDisplayDetails, getDisplayName, getEntityAttributes, getFieldValuesForProperties, getFullyQualifiedName, getGridState, getHeaderTitle, getI18nInstance, getIconFromName, getLazyLoadChildrenArr, getLoginRequest, getMenuItemsRecursively, getMergedConfig, getNodeIdForRightBorder, getOrderedDynamicGroups, getOutlookRedirectUri, getOutlookStatus, getPathObject, getPathParametersObj, getPrimaryKeyValues, getPropertiesForFieldValues, getPropertyMappingList, getPropertyMappingObj, getRatio, getRouteRolesMapAndMenuActiveMap, getSanitizedName, getSearchIdentifiers, getSearchObject, getSearchValueString, getSignInAuthProvider, getStatus, getStoredExternalPath, getStoredPath, getStoredTenant, getSuccessAction, getTokenRequest, getUnityIconFromName, greyScale, handleResponseErrors, initSignInAuthProvider, initializeUnityI18n, isCatalogModelObject, isOutlookConnected, loginRedirect, makeDynamicGroupStructures, makeDynamicTreeStructure, makeTreeStaticGroupStructure, makeTreeStructure, mapNodeGroupChildren, mapNodeObjValuesToSearchParameters, mapRule, mapRuleData, matchPath, onFirstDataRendered, parseSearchParamsIntoFilterObjects, pluralize, processCatalogObjectKeysInOrder, processItemForDynamicNodeGroups, processItemForStaticNodeGroup, processObjIndex, processObjectToTree, processOrderedTreeData, processReferences, productCategoryColors, refreshOutlookStatus, removeWhiteSpace, resetOutlookStatus, saveGridState, searchForMatchingNode, searchTree, sendMail, setOutlookDisconnected, setThemeMode, storeCurrentPath, storeExternalPath, storeInitialPath, storeInitialTenant, storePath, storeRedirectPath, storeTenant, subscribeOutlookStatus, toLowerFirstChar, toTitleCase, toUpperFirstChar, toUtcDate, toggleHeader, transformMenuPageTree, trimStringAfter, unityIcons, updateTreeIds, useAccessToken, useActionState, useActions, useAgGridApi, useAllTeleporters, useApiCatalog, useAuthedUser, useAxiosGet, useAxiosGetQuery, useAxiosMutate, useCatalogStore, useControlZoom, useConvertFilterModelToSearchFilters, useCrudActions, useCurrentPageReturnTo, useDateLocale, useDefaultFormValues, useDynamicListCalculation, useExport, useField, useFieldChangeListener, useFluentIcon, useForm, useFormState, useGridClear, useGridFormat, useHandleAction, useHandleAxiosSnackbar, useHistory, useIsAuthed, useIsUnityAuthenticated, useItemSubCard, useLocalUserActions, useLocation, useLoginAction, useLogoutAction, useLookups, useLookupsStore, useMenuContext, useNoticeUpdate, useOutlook, usePageContext, useParams, usePosition, useProductVersion, usePromotedLookupMethods, usePromotedMethodEntity, useQueryExecutors, useQuickFilter, useRouteMatch, useScreenControl, useSearchFilterParamsMap, useServerSideDatasource, useSetInitialShellVisibility, useSetLocationState, useShellStore, useSingleLogout, useStyles, useSystemColor, useTags, useTenant, useTenantStore, useTheme, useTypeScale, useUdpExport, useUdpWebSocket, useUser, useUserActions, useWorkflowStore, verticalPrimary, verticalSecondary, whitelistedPaths, withRouter };
 
 //# sourceMappingURL=index.js.map

package/dist/layout/index.js

@@ -1,11 +1,39 @@
 import { t as FluentIconButton } from "../FluentIconButton-CGUe-Mxe.js";
 import { t as LayoutUnit } from "../LayoutUnit-9gyT4p3T.js";
 import { AmbientCard } from "../UI/surfaces/cards/AmbientCard/index.js";
-import { n as GridUnit, r as getRatio, t as GridRow } from "../GridRow-B0tK7yZJ.js";
+import { n as GridRow, r as getRatio, t as GridUnit } from "../GridUnit-DoRLF6tB.js";
 import React, { Children, useState } from "react";
 import { Box, Fade, makeStyles, useTheme } from "@material-ui/core";
 import { ChevronLeftIcon, ChevronRightIcon } from "@fluentui/react-icons";
 import { UdpContainer as UdpContainer$1 } from "udp-react-stencil-component-library";
+//#region src/layout/HeaderLayout.jsx
+const HeaderLayout = ({ children }) => {
+	return /* @__PURE__ */ React.createElement(AmbientCard, {
+		style: {
+			marginTop: 0,
+			padding: 0
+		},
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column"
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-start",
+		style: { padding: "0px" }
+	}, /* @__PURE__ */ React.createElement(Box, {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		style: {
+			padding: "0px",
+			width: "100%",
+			gap: "10px"
+		}
+	}, children))));
+};
+//#endregion
 //#region src/layout/GridGroup.jsx
 const GridGroup = ({ col1, col2, col3, col4, col5, col6, ratio, highlight }) => {
 	const theme = useTheme();
@@ -52,34 +80,6 @@ const GridGroup = ({ col1, col2, col3, col4, col5, col6, ratio, highlight }) =>
 	return /* @__PURE__ */ React.createElement("div", null, " ", staticDisplay, " ");
 };
 //#endregion
-//#region src/layout/HeaderLayout.jsx
-const HeaderLayout = ({ children }) => {
-	return /* @__PURE__ */ React.createElement(AmbientCard, {
-		style: {
-			marginTop: 0,
-			padding: 0
-		},
-		fullWidth: true
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column"
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "flex-start",
-		style: { padding: "0px" }
-	}, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		flexDirection: "row",
-		alignItems: "center",
-		style: {
-			padding: "0px",
-			width: "100%",
-			gap: "10px"
-		}
-	}, children))));
-};
-//#endregion
 //#region src/layout/templates/SideBarTemplate.jsx
 const useStyles = makeStyles((theme) => ({
 	root: {

package/dist/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UdpContainerWebComponent"],"sources":["../../src/layout/GridGroup.jsx","../../src/layout/HeaderLayout.jsx","../../src/layout/templates/SideBarTemplate.jsx","../../src/layout/UdpContainer.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { GridUnit } from './GridUnit';\nimport { GridRow } from './GridRow';\nimport { getRatio } from './getRatio';\n\nexport const GridGroup = ({\n  col1,\n  col2,\n  col3,\n  col4,\n  col5,\n  col6,\n  ratio,\n  highlight\n}) => {\n  const theme = useTheme();\n\n  const cnt = Children.toArray(col1).length;\n  const cnt2 = Children.toArray(col2).length;\n  const cnt3 = Children.toArray(col3).length;\n  const cnt4 = Children.toArray(col4).length;\n  const cnt5 = Children.toArray(col5).length;\n  const cnt6 = Children.toArray(col6).length;\n\n  const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;\n  const width = theme.spacing(154) / number / 8;\n\n  const ratioArr = getRatio(ratio);\n  const staticDisplay = (\n    <GridRow highlight={highlight}>\n      {number >= 1 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col1}\n        </GridUnit>\n      )}\n\n      {number >= 2 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col2}\n        </GridUnit>\n      )}\n      {number >= 3 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col3}\n        </GridUnit>\n      )}\n      {number >= 4 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col4}\n        </GridUnit>\n      )}\n      {number >= 5 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col5}\n        </GridUnit>\n      )}\n      {number >= 6 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col6}\n        </GridUnit>\n      )}\n    </GridRow>\n  );\n\n  return <div> {staticDisplay} </div>;\n};\n","import React from 'react';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { Box } from '@material-ui/core';\n\nexport const HeaderLayout = ({ children }) => {\n  return (\n    <AmbientCard style={{ marginTop: 0, padding: 0 }} fullWidth>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          style={{\n            padding: '0px',\n          }}\n        >\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            style={{\n              padding: '0px',\n              width: '100%',\n              gap: '10px',\n            }}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Box>\n    </AmbientCard>\n  );\n};\n","import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react';\nimport { UdpContainer as UdpContainerWebComponent } from 'udp-react-stencil-component-library';\nimport { type JSX } from 'udp-react-stencil-component-library';\n\ninterface UdpContainerProps extends Partial<JSX.UdpContainer> {\n  children?: React.ReactNode;\n}\n\nexport const UdpContainer: React.FC<UdpContainerProps> = (props) => {\n  return <UdpContainerWebComponent {...props} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["UdpContainerWebComponent"],"sources":["../../src/layout/HeaderLayout.jsx","../../src/layout/GridGroup.jsx","../../src/layout/templates/SideBarTemplate.jsx","../../src/layout/UdpContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { Box } from '@material-ui/core';\n\nexport const HeaderLayout = ({ children }) => {\n  return (\n    <AmbientCard style={{ marginTop: 0, padding: 0 }} fullWidth>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box\n          display=\"flex\"\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          style={{\n            padding: '0px',\n          }}\n        >\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"center\"\n            style={{\n              padding: '0px',\n              width: '100%',\n              gap: '10px',\n            }}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Box>\n    </AmbientCard>\n  );\n};\n","import React, { Children } from 'react';\nimport { useTheme } from '@material-ui/core';\nimport { GridUnit } from './GridUnit';\nimport { GridRow } from './GridRow';\nimport { getRatio } from './getRatio';\n\nexport const GridGroup = ({\n  col1,\n  col2,\n  col3,\n  col4,\n  col5,\n  col6,\n  ratio,\n  highlight\n}) => {\n  const theme = useTheme();\n\n  const cnt = Children.toArray(col1).length;\n  const cnt2 = Children.toArray(col2).length;\n  const cnt3 = Children.toArray(col3).length;\n  const cnt4 = Children.toArray(col4).length;\n  const cnt5 = Children.toArray(col5).length;\n  const cnt6 = Children.toArray(col6).length;\n\n  const number = cnt + cnt2 + cnt3 + cnt4 + cnt5 + cnt6;\n  const width = theme.spacing(154) / number / 8;\n\n  const ratioArr = getRatio(ratio);\n  const staticDisplay = (\n    <GridRow highlight={highlight}>\n      {number >= 1 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col1}\n        </GridUnit>\n      )}\n\n      {number >= 2 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col2}\n        </GridUnit>\n      )}\n      {number >= 3 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col3}\n        </GridUnit>\n      )}\n      {number >= 4 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col4}\n        </GridUnit>\n      )}\n      {number >= 5 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col5}\n        </GridUnit>\n      )}\n      {number >= 6 && (\n        <GridUnit\n          width={theme.spacing(width)}\n          columnPadding={8 * number - 8}\n          r1={ratioArr[0]}\n          r2={ratioArr[1]}\n        >\n          {col6}\n        </GridUnit>\n      )}\n    </GridRow>\n  );\n\n  return <div> {staticDisplay} </div>;\n};\n","import React, { useState } from 'react'\nimport { makeStyles, Fade } from '@material-ui/core'\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    position: 'relative'\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row',\n    flex: 1\n  },\n  content: {\n    flex: 1\n  },\n  sideBar: {\n    height: '100vh',\n    background: theme.palette.primary.light\n  }\n}))\n\nexport const SideBarTemplate = ({ children, sidebar }) => {\n  const classes = useStyles()\n\n  const [open, setOpen] = useState(true)\n\n  const toggleSidebar = () => {\n    setOpen(!open)\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.column}>\n        <div className={classes.content}>{children}</div>\n\n        <div style={{ position: 'absolute', top: 0, right: open ? 300 : 0 }}>\n          <FluentIconButton\n            color='primary'\n            icon={open ? ChevronRightIcon : ChevronLeftIcon}\n            onClick={toggleSidebar}\n          />\n        </div>\n\n        {open && (\n          <Fade in={open} timeout={{ enter: 1000, exit: 1000 }}>\n            <div className={classes.sideBar}>{sidebar}</div>\n          </Fade>\n        )}\n      </div>\n    </div>\n  )\n}\n","import React from 'react';\nimport { UdpContainer as UdpContainerWebComponent } from 'udp-react-stencil-component-library';\nimport { type JSX } from 'udp-react-stencil-component-library';\n\ninterface UdpContainerProps extends Partial<JSX.UdpContainer> {\n  children?: React.ReactNode;\n}\n\nexport const UdpContainer: React.FC<UdpContainerProps> = (props) => {\n  return <UdpContainerWebComponent {...props} />;\n};\n"],"mappings":"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"}

package/dist/types/src/index.d.ts

@@ -72,13 +72,7 @@ export * from './inquiry/search/InquiryAdvancedSearchForm';
 export * from './inquiry/search/InquirySearchContainer';
 export * from './inquiry/search/InquirySearchDatasource';
 export * from './inquiry/search/InquirySearchTable';
-export * from './layout/GridGroup';
-export * from './layout/GridRow';
-export * from './layout/GridUnit';
-export * from './layout/HeaderLayout';
-export * from './layout/LayoutUnit';
-export * from './layout/getRatio';
-export * from './layout/templates/SideBarTemplate';
+export * from './layout';
 export * from './maintenanceEngine/tableBrowser/TableColumnDefs';
 export * from './maintenanceEngine/tableBrowser/TableContainer';
 export * from './map-library/Controls/Controls';