udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/mapLayout-CxliPJ5p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapLayout-CxliPJ5p.js","names":["useStyles","useStyles","data","ListView","ActionsRenderer"],"sources":["../src/UI/mapLayout/ui/CompactCard.jsx","../src/UI/mapLayout/utilities/MapUtilities.js","../src/UI/mapLayout/ui/ListView.jsx","../src/UI/mapLayout/ui/ActionsRenderer.jsx","../src/UI/mapLayout/MapLayout.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/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 {isEqualWith} from 'lodash'\n\nexport const getLowestLevelObject = (obj) => {\n  if (!!!obj?.options || obj?.options?.length === 0) {\n    return obj;\n  } else {\n    return getLowestLevelObject(obj.options[0]);\n  }\n};\n\nexport const getChildrenObjectsWithNoChildren = (arr, valueKey) => {\n  if (!!!arr) return [];\n\n  return arr.reduce((result, obj) => {\n    const children = obj?.options ?? [];\n    const childrenWithNoChildren = getChildrenObjectsWithNoChildren(\n      children,\n      valueKey\n    );\n\n    if (childrenWithNoChildren.length > 0) {\n      result.push(...childrenWithNoChildren);\n    } else if (children.length === 0) {\n      result.push(obj[valueKey]);\n    }\n\n    return result;\n  }, []);\n};\n\nexport const searchForLayerOptions = (data, searchString = '') => {\n  let result = [];\n\n  for (let i = 0; i < data?.length; i++) {\n    const obj = data[i];\n    const { title, value, options } = obj;\n    const titleString = typeof title !== 'string' ? title.toString() : title;\n    const valueString = typeof value !== 'string' ? value.toString() : value;\n\n    if (\n      titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) ||\n      valueString?.toLowerCase()?.includes(searchString?.toLowerCase())\n    ) {\n      result.push(obj);\n    } else if (options && options?.length > 0) {\n      const childOptions = searchForLayerOptions(options, searchString);\n      if (childOptions?.length > 0) {\n        result.push({ title, value, options: childOptions });\n      }\n    }\n  }\n\n  return result;\n};\n\nexport const getLayer = (layerKeys, layerKeySeparator, obj) => {\n  let stringValue = '';\n  layerKeys?.forEach((key, index) => {\n    stringValue +=\n      obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n  });\n\n  return stringValue;\n};\n\nexport const generateGeoJsonList = (data, mappingConfig) => {\n  if (data?.length > 0 && mappingConfig) {\n    return data?.map((item) => {\n      return {\n        type: 'Feature',\n        id: item[mappingConfig.featureId],\n        geometry: {\n          type: item[mappingConfig.geometryType],\n          coordinates: item[mappingConfig.coordinates]\n        },\n        properties:\n          mappingConfig.propertiesObj && !!item[mappingConfig.propertiesObj]\n            ? {\n                ...item[mappingConfig.propertiesObj],\n                id: item[mappingConfig.featureId]\n              }\n            : {\n                ...item,\n                id: item[mappingConfig.featureId]\n              }\n      };\n    });\n  }\n\n  return [];\n};\n\nexport function getKeyValuePairs(object) {\n  return Object.keys(object).map((key) => {\n    return { key: key, value: object[key] };\n  });\n}\n\nexport function filterObjectKeys(\n  object,\n  keysToKeep,\n  removeObjects = false\n) {\n  if (removeObjects) {\n    return Object.entries(object)\n      .filter(\n        ([key, value]) => typeof value !== 'object' && keysToKeep.includes(key)\n      )\n      .reduce((acc, [key, value]) => {\n        acc[key] = value ? value : '-';\n        return acc;\n      }, {});\n  }\n  return Object.entries(object)\n    .filter(([key]) => keysToKeep.includes(key))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value ? value : '-';\n      return acc;\n    }, {});\n}\n\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay=[], featureProperties){\n  let keyVals = []\n  if(featureProperties){\n   if(featurePropertiesToDisplay){\n     const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true)\n     keyVals = filteredObj ? getKeyValuePairs(filteredObj) : []\n   }\n   else{\n     keyVals = featureProperties ? getKeyValuePairs(featureProperties) : []\n   }\n  }\n  return keyVals;\n}\n\nexport const isEqualIgnoreFunctions = (a, b) =>\n  isEqualWith(a, b, (val1, val2) => {\n    if (typeof val1 === 'function' && typeof val2 === 'function') {\n      return true; // ignore function differences\n    }\n    // fall back to default comparison\n    return undefined;\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/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","import React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { Fill, Style, Stroke, Icon, Circle } from 'ol/style';\nimport { transform } from 'ol/proj';\nimport { makeStyles, Grid, lighten } from '@material-ui/core';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport proj4 from 'proj4';\nimport { register } from 'ol/proj/proj4';\nimport { isArray, isObject, startCase } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport clsx from 'clsx';\nimport TruckIcon from '../../assets/unityIcons/TruckIcon.svg';\nimport ListView from './ui/ListView';\nimport ActionsRenderer from './ui/ActionsRenderer';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { AmbientGridTemplate } from '../templates/AmbientGridTemplate';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { StandardTitle } from '../dataDisplay/typography/StandardTitle';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { getLayer, generateGeoJsonList } from './utilities/MapUtilities';\nimport { UdpMapComponent } from '../maps/UdpMapComponent';\nimport { UdpMapToolbar } from '../maps/UdpMapToolbar';\n\nconst useStyles = makeStyles((theme) => ({\n  fullHeight: {\n    height: '73vh',\n    backgroundColor: lighten(theme.palette.primary.light, 0.7),\n    overflow: 'auto'\n  },\n  contentWrapper: {\n    display: 'flex'\n  },\n  detailSheetHeader: {\n    display: 'flex',\n    backgroundColor: theme.palette.background.paper,\n    padding: theme.spacing(1),\n    alignItems: 'center',\n    gap: theme.spacing(1.5)\n  },\n  detailSheetBody: {\n    padding: theme.spacing(2)\n  },\n  detailTitle: {\n    marginTop: 0\n  },\n  leftColumn: {\n    overflow: 'auto',\n    backgroundColor: lighten(theme.palette.primary.light, 0.7)\n  },\n  listViewWrapper: {\n    position: 'relative'\n  },\n  zoomControl: {\n    left: 'auto',\n    right: theme.spacing(0.8),\n    top: theme.spacing(5)\n  }\n}));\n\nconst styles = {\n  Point: [\n    new Style({\n      image: new Icon({\n        anchor: [0.17, 48],\n        anchorXUnits: 'fraction',\n        anchorYUnits: 'pixels',\n        src: TruckIcon,\n        scale: 0.3\n      }),\n      zIndex: 1\n    }),\n    new Style({\n      image: new Circle({\n        stroke: new Stroke({\n          color: '#0F62FE',\n          width: 1\n        }),\n        fill: new Fill({\n          color: '#FFFFFF'\n        }),\n        radius: 20,\n        scale: 1.1\n      }),\n      zIndex: 0\n    })\n  ],\n  LineString: new Style({\n    stroke: new Stroke({\n      color: '#0F62FE',\n      width: 4\n    }),\n    zIndex: 0\n  })\n};\n\nexport const MapLayout = (props) => {\n  const {\n    data,\n    initialSelectedLayers,\n    shellContext,\n    sideSheetTitle,\n    cardConfig,\n    noRightPanelPadding = false,\n    isGeoJsonFormat = true,\n    geoJsonMappingConfig,\n    position = 'default',\n    showMap = true,\n    showList,\n    showGrid = true,\n    //inject data\n    getSelectedFeatures,\n    getSelectedLayers,\n    getSelectedViewItemData,\n    rightSectionPanel,\n    rightSectionPanelTitle,\n    rightSectionPanelState,\n    setRightSectionPanelState,\n    overrideDetailRightSection = false,\n    //toolbar\n    layerOptions,\n    layerKeySeparator = '',\n    statisticsList,\n    hideZeroValueStats,\n    defaultTileOptionName,\n    hideTileSelection,\n    filterPanel,\n    filterCallback,\n    selectedFeaturesActionPanel,\n    refreshEvent,\n    refreshButtonTooltip,\n    readOnlyMap,\n    addFeaturePanelConfig,\n    //list view props\n    noWrapPrimaryText,\n    hideListView = false,\n    listFilter,\n    listViewCardConfig,\n    listViewDetailsEvent,\n    listViewChipConfig,\n    //popover card props\n    popoverDetailsEvent,\n    popoverPrimaryActions,\n    popoverMoreIconButtonActions,\n    getMessagePopover,\n    getMessageIconPopover,\n    hideMessageIconPopover,\n    popoverWidth,\n    enableViewFeature = true,\n    enableDeleteFeature,\n    handleDeleteFeature,\n    enableEditFeature,\n    handleEditFeature,\n    //map props\n    mapTitle = '',\n    getMapFeatureStyles,\n    getSelectedFeatureStyles,\n    tileLayersOptions,\n    imageLayersOptions,\n    mapZoom,\n    mapCenter,\n    mapProjection,\n    addInteractions,\n    selectedPin,\n    mapHeight = '45vh',\n    addressBar,\n    mapDataProjection,\n    crs,\n    layerKeys,\n    mapFilter,\n    showZoomControl,\n    readOnlyLayers,\n    layerRoles,\n    getVectorLayerSources,\n    enableAddNewFeature,\n    addMultipleFeatures = false,\n    enableSplitFeature,\n    handleAddNewFeatures,\n    handleSplitFeature,\n    handleGetZoomExtent,\n    minZoom,\n    maxZoom,\n    //grid props\n    gridTitle,\n    columnDefs,\n    groupingData,\n    frameworkComponents,\n    primaryActionButton,\n    loading,\n    rowNodeIdName,\n    gridHeight = '50vh',\n    paginationPageSize,\n    onSearch,\n    onRowSelected,\n    rowModelType,\n    api,\n    columnApi,\n    gridReady,\n    onCellClicked,\n    gridFilter,\n    ...otherGridProps\n  } = props;\n  const [selectedFeatureProperties, setSelectedFeatureProperties] = useState();\n  const [showDetails, setShowDetails] = useState(false);\n  const [selectedItemData, setSelectedItemData] = useState();\n  const [definedProj, setDefinedProj] = useState(false);\n  const [enableDragBox, setEnableDragBox] = useState(false);\n  const [dataUpdateCount, setDataUpdateCount] = useState(0);\n  const [map, setMap] = useState(null);\n  const [filteredLayerOptions, setFilterLayerOptions] = useState();\n  const [bulkSelectionActive, setBulkSelectionActive] = useState(false);\n  const [splitActive, setSplitActive] = useState(false);\n  const [selectedFeatureCoordinates, setSelectedFeatureCoordinates] =\n    useState();\n  const [addActive, setAddActive] = useState(false);\n  const [selectedFeatureIdExternal, setSelectedFeatureIdExternal] = useState();\n  const [currentCenter, setCurrentCenter] = useState(mapCenter ?? [0, 0]);\n  const [selectedLayers, setSelectedLayers] = useState([]);\n\n  const classes = useStyles();\n  const user = useAuthedUser();\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (crs?.length > 0) {\n      proj4.defs(crs);\n      register(proj4);\n      setDefinedProj(true);\n    }\n  }, [crs]);\n\n  useEffect(() => {\n    if (getSelectedLayers) {\n      getSelectedLayers(selectedLayers);\n    }\n  }, [getSelectedLayers, selectedLayers]);\n\n  useEffect(() => {\n    if (getSelectedViewItemData) {\n      getSelectedViewItemData(selectedItemData);\n    }\n  }, [getSelectedViewItemData, selectedItemData]);\n\n  //solve refreshing map data outside map layout\n  useEffect(() => {\n    if (!data) return;\n\n    if (dataUpdateCount === 0) {\n      setDataUpdateCount(dataUpdateCount + 1);\n    }\n    //if the data is updated, force the popover to close\n    if (dataUpdateCount === 1) {\n      setSelectedFeatureProperties(null);\n    }\n  }, [data, dataUpdateCount]);\n\n  //data\n  const filteredData = useMemo(() => {\n    if (!data) return [];\n\n    const formattedData = isGeoJsonFormat\n      ? data\n      : generateGeoJsonList(data, geoJsonMappingConfig);\n\n    //this will return an array of features in geojson format\n    if (filterPanel && filterCallback) {\n      return filterCallback(formattedData);\n    }\n\n    return formattedData;\n  }, [\n    data,\n    filterCallback,\n    filterPanel,\n    geoJsonMappingConfig,\n    isGeoJsonFormat\n  ]);\n\n  const gridData = useMemo(() => {\n    return filteredData\n      ?.filter((obj) => {\n        const layerKey = getLayer(layerKeys, layerKeySeparator, obj);\n\n        if (layerRoles?.[layerKey]) {\n          return layerRoles[layerKey]?.some((roleId) =>\n            user.roleIds?.includes(roleId)\n          );\n        }\n        return true;\n      })\n      .map((obj) => ({\n        id: obj.id,\n        ...obj.properties\n      }));\n  }, [filteredData, layerKeySeparator, layerKeys, layerRoles, user.roleIds]);\n\n  const filteredGridData = useMemo(() => {\n    if (gridFilter) {\n      return gridFilter(gridData);\n    }\n\n    return gridData;\n  }, [gridData, gridFilter]);\n\n  const filteredListData = useMemo(() => {\n    if (listFilter) {\n      return listFilter(gridData);\n    }\n\n    return gridData;\n  }, [gridData, listFilter]);\n\n  useEffect(() => {\n    //If there are projections need to be defined, but it isn't defined yet. Then, return to prevent errors in transform().\n    if (crs?.length > 0 && !definedProj) return;\n\n    if (\n      filteredData?.[0]?.geometry?.coordinates &&\n      mapProjection &&\n      mapDataProjection\n    ) {\n      const coordinates = isArray(filteredData?.[0]?.geometry?.coordinates[0])\n        ? filteredData?.[0]?.geometry?.coordinates[0]\n        : filteredData?.[0]?.geometry?.coordinates;\n      const newCenter = transform(\n        coordinates,\n        mapDataProjection,\n        mapProjection\n      );\n      setCurrentCenter(newCenter);\n    }\n  }, [filteredData, mapDataProjection, mapProjection, definedProj, crs]);\n\n  //Default getStyles for map features\n  const getStyles = useCallback((feature) => {\n    const geometryType = feature.getGeometry().getType();\n    return styles[geometryType] ?? new Style();\n  }, []);\n\n  const handleViewDetailsFromPopover = useCallback(\n    (data) => {\n      const featureProperties = data?.selectedFeature?.getProperties();\n\n      if (popoverDetailsEvent) {\n        popoverDetailsEvent(featureProperties);\n        return;\n      }\n\n      if (setRightSectionPanelState) {\n        setRightSectionPanelState(false);\n      }\n\n      setShowDetails(true);\n\n      setSelectedItemData(featureProperties);\n      if (shellContext) {\n        shellContext.setInquiryMenuToggle(false);\n      }\n    },\n    [popoverDetailsEvent, setRightSectionPanelState, shellContext]\n  );\n\n  const handleCloseDetailSheet = useCallback(() => {\n    setShowDetails(false);\n    if (setRightSectionPanelState) {\n      setRightSectionPanelState(false);\n    }\n    setSelectedItemData(null);\n  }, [setRightSectionPanelState]);\n\n  const handleViewDetailsFromList = useCallback(\n    (data) => {\n      setShowDetails(true);\n      if (setRightSectionPanelState) {\n        setRightSectionPanelState(false);\n      }\n      setSelectedItemData(data);\n      if (shellContext) {\n        shellContext.setInquiryMenuToggle(false);\n      }\n    },\n    [setRightSectionPanelState, shellContext]\n  );\n\n  const itemDetails = useMemo(() => {\n    if (\n      selectedItemData &&\n      !overrideDetailRightSection &&\n      !rightSectionPanelState\n    ) {\n      return Object.entries(selectedItemData)\n        .filter(\n          ([key, value]) =>\n            'geometry' !== key && !isObject(value) && !isArray(value)\n        )\n        .map(([key, value]) => {\n          return (\n            <FluentTextField\n              label={startCase(key)}\n              value={value}\n              InputProps={{\n                readOnly: true\n              }}\n            />\n          );\n        });\n    }\n\n    return;\n  }, [overrideDetailRightSection, rightSectionPanelState, selectedItemData]);\n\n  const gridColumnDefinition = useMemo(() => {\n    if (!columnDefs) return;\n\n    //check if there's actions renderer to use. Otherwise, using the default actions renderer\n    if (frameworkComponents?.actionsRenderer) {\n      return columnDefs;\n    } else {\n      return [\n        ...columnDefs,\n        {\n          headerName: t('Actions'),\n          field: 'actions',\n          suppressSizeToFit: true,\n          minWidth: 100,\n          maxWidth: 125,\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            openView: (data) => handleViewDetailsFromList(data)\n          },\n          sortable: false\n        }\n      ];\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [columnDefs, frameworkComponents]);\n\n  const detailSheetHeight = useMemo(() => {\n    if (!showGrid) {\n      return '73vh';\n    } else if (showGrid && !showMap) {\n      return `calc(67vh + 6vh)`;\n    } else {\n      return `calc(${mapHeight} + ${gridHeight} + 6vh)`;\n    }\n  }, [gridHeight, mapHeight, showGrid, showMap]);\n\n  const handleSelectLayers = (e) => {\n    setSelectedLayers(e);\n  };\n\n  const handleSelectMarker = useCallback((data) => {\n    setSelectedFeatureIdExternal(data?.id);\n  }, []);\n\n  const handleOnCellClicked = useCallback(\n    (params) => {\n      if (onCellClicked) {\n        onCellClicked(params);\n      }\n\n      if (!params?.node?.group && params?.colDef?.field !== 'actions') {\n        handleSelectMarker(params?.data);\n      }\n    },\n    [handleSelectMarker, onCellClicked]\n  );\n\n  const listView = useMemo(() => {\n    if (hideListView) return;\n\n    return (\n      <ListView\n        data={filteredListData ?? []}\n        listViewConfig={listViewCardConfig ?? cardConfig}\n        noWrapPrimaryText={noWrapPrimaryText}\n        viewEvent={listViewDetailsEvent ?? handleViewDetailsFromList}\n        showMarkerEvent={handleSelectMarker}\n        chipConfig={listViewChipConfig}\n      />\n    );\n  }, [\n    cardConfig,\n    filteredListData,\n    handleSelectMarker,\n    handleViewDetailsFromList,\n    hideListView,\n    listViewCardConfig,\n    listViewChipConfig,\n    listViewDetailsEvent,\n    noWrapPrimaryText\n  ]);\n\n  const handleSetSelectedFeatureProperties = useCallback((currentFeature) => {\n    if (currentFeature) {\n      let featureProperties = currentFeature?.getProperties();\n\n      setSelectedFeatureCoordinates(\n        currentFeature.getGeometry().getCoordinates()\n      );\n\n      setSelectedFeatureProperties(featureProperties);\n    }\n  }, []);\n\n  const handleCloseFeaturePopover = useCallback(() => {\n    setSelectedFeatureIdExternal(null);\n  }, []);\n\n  const handleSetMapComponent = useCallback((value) => {\n    setMap(value);\n  }, []);\n\n  const mapComponent = useMemo(() => {\n    return (\n      <div>\n        <Grid container>\n          <Grid\n            item\n            xs={3}\n            style={{\n              display: !hideListView && showList ? 'block' : 'none'\n            }}\n          >\n            <div className={clsx(classes.fullHeight, classes.listViewWrapper)}>\n              {listView}\n            </div>\n          </Grid>\n          <Grid item xs={showList ? 9 : 12}>\n            <UdpMapComponent\n              map={map}\n              handleSetMapComponent={handleSetMapComponent}\n              data={data}\n              isGeoJsonFormat={isGeoJsonFormat}\n              geoJsonMappingConfig={geoJsonMappingConfig}\n              enableZoom={showZoomControl}\n              mapZoom={mapZoom}\n              mapCenter={currentCenter}\n              mapHeight={mapHeight}\n              crs={crs}\n              mapProjection={mapProjection}\n              mapDataProjection={mapDataProjection}\n              getFilteredMapData={mapFilter}\n              getVectorLayerSources={getVectorLayerSources}\n              getFeatureStyles={getMapFeatureStyles ?? getStyles}\n              getSelectedFeatureStyles={getSelectedFeatureStyles}\n              filterPanel={filterPanel}\n              filterPanelCallback={filterCallback}\n              enableTileSelection={!hideTileSelection}\n              tileLayersOptions={tileLayersOptions}\n              defaultTileOptionName={defaultTileOptionName}\n              layerOptions={layerOptions}\n              initialSelectedLayers={initialSelectedLayers}\n              bulkSelectedFeaturesActionPanel={selectedFeaturesActionPanel}\n              handleSetSelectedFeaturesOnBulkSelect={getSelectedFeatures}\n              filterLayersByRole={layerRoles?.length > 0}\n              layerKeys={layerKeys}\n              layerKeySeparator={layerKeySeparator}\n              user={user}\n              layerRoles={layerRoles}\n              filteredLayerOptionsByRole={filteredLayerOptions}\n              handleSetFilteredLayerOptionsByRole={setFilterLayerOptions}\n              enableViewFeature={enableViewFeature}\n              handleViewFeature={handleViewDetailsFromPopover}\n              bulkSelectionActive={bulkSelectionActive}\n              splitActive={splitActive}\n              enableDragBox={enableDragBox}\n              selectedFeatureCoordinates={selectedFeatureCoordinates}\n              selectedFeatureProperties={selectedFeatureProperties}\n              handleSetSelectedFeatureProperties={\n                handleSetSelectedFeatureProperties\n              }\n              enableAddNewFeature={addActive}\n              readOnlyLayers={readOnlyLayers}\n              selectedFeatureIdExternal={selectedFeatureIdExternal}\n              additionalOnclosePopover={handleCloseFeaturePopover}\n              popoverPrimaryActions={popoverPrimaryActions}\n              popoverMoreIconButtonActions={popoverMoreIconButtonActions}\n              getMessagePopover={getMessagePopover}\n              getMessageIconPopover={getMessageIconPopover}\n              hideMessageIconPopover={hideMessageIconPopover}\n              popoverCardConfig={cardConfig}\n              selectedLayers={selectedLayers}\n              handleSetSelectedLayers={handleSelectLayers}\n              handleGetZoomExtent={handleGetZoomExtent}\n              minZoom={minZoom}\n              maxZoom={maxZoom}\n            />\n          </Grid>\n        </Grid>\n      </div>\n    );\n  }, [\n    addActive,\n    bulkSelectionActive,\n    cardConfig,\n    classes.fullHeight,\n    classes.listViewWrapper,\n    crs,\n    currentCenter,\n    data,\n    defaultTileOptionName,\n    enableDragBox,\n    enableViewFeature,\n    filterCallback,\n    filterPanel,\n    filteredLayerOptions,\n    geoJsonMappingConfig,\n    getMapFeatureStyles,\n    getMessageIconPopover,\n    getMessagePopover,\n    getSelectedFeatureStyles,\n    getSelectedFeatures,\n    getStyles,\n    getVectorLayerSources,\n    handleCloseFeaturePopover,\n    handleGetZoomExtent,\n    handleSetMapComponent,\n    handleSetSelectedFeatureProperties,\n    handleViewDetailsFromPopover,\n    hideListView,\n    hideMessageIconPopover,\n    hideTileSelection,\n    initialSelectedLayers,\n    isGeoJsonFormat,\n    layerKeySeparator,\n    layerKeys,\n    layerOptions,\n    layerRoles,\n    listView,\n    map,\n    mapDataProjection,\n    mapFilter,\n    mapHeight,\n    mapProjection,\n    mapZoom,\n    maxZoom,\n    minZoom,\n    popoverMoreIconButtonActions,\n    popoverPrimaryActions,\n    readOnlyLayers,\n    selectedFeatureCoordinates,\n    selectedFeatureIdExternal,\n    selectedFeatureProperties,\n    selectedFeaturesActionPanel,\n    selectedLayers,\n    showList,\n    showZoomControl,\n    splitActive,\n    tileLayersOptions,\n    user\n  ]);\n\n  const gridComponent = useMemo(() => {\n    return (\n      <div>\n        <AmbientGridTemplate\n          title={gridTitle}\n          data={filteredGridData}\n          columnDefs={gridColumnDefinition}\n          groupingData={groupingData}\n          frameworkComponents={{\n            actionsRenderer: ActionsRenderer,\n            ...frameworkComponents\n          }}\n          primaryActionButton={primaryActionButton}\n          loading={loading}\n          rowNodeIdName={rowNodeIdName}\n          height={showGrid && !showMap ? '67vh' : gridHeight}\n          paginationPageSize={paginationPageSize}\n          onSearch={onSearch}\n          onRowSelected={onRowSelected}\n          rowModelType={rowModelType}\n          api={api}\n          columnApi={columnApi}\n          gridReady={gridReady}\n          dynamicSizing\n          onCellClicked={handleOnCellClicked}\n          {...otherGridProps}\n        />\n      </div>\n    );\n  }, [\n    api,\n    columnApi,\n    filteredGridData,\n    frameworkComponents,\n    gridColumnDefinition,\n    gridHeight,\n    gridReady,\n    gridTitle,\n    groupingData,\n    handleOnCellClicked,\n    loading,\n    onRowSelected,\n    onSearch,\n    otherGridProps,\n    paginationPageSize,\n    primaryActionButton,\n    rowModelType,\n    rowNodeIdName,\n    showGrid,\n    showMap\n  ]);\n\n  const mapGrid = useMemo(() => {\n    if (position === 'gridOnTop') {\n      return (\n        <div>\n          {showGrid && gridComponent}\n          {showMap && mapComponent}\n        </div>\n      );\n    }\n    return (\n      <div>\n        {showMap && mapComponent}\n        {showGrid && gridComponent}\n      </div>\n    );\n  }, [gridComponent, mapComponent, position, showGrid, showMap]);\n\n  return (\n    <div>\n      <UdpMapToolbar\n        map={map}\n        mapTitle={mapTitle}\n        mapProjection={mapProjection}\n        getFeatureStyles={getMapFeatureStyles}\n        getSelectedFeatureStyles={getSelectedFeatureStyles}\n        filterPanel={filterPanel}\n        filterPanelCallback={filterCallback}\n        enableTileSelection={!hideTileSelection}\n        tileLayersOptions={tileLayersOptions}\n        defaultTileOptionName={defaultTileOptionName}\n        layerOptions={layerOptions}\n        initialSelectedLayers={initialSelectedLayers}\n        bulkSelectedFeaturesActionPanel={selectedFeaturesActionPanel}\n        handleSetSelectedFeaturesOnBulkSelect={getSelectedFeatures}\n        handleSetSelectedFeatureOnSelect={getSelectedViewItemData}\n        handleRefresh={refreshEvent}\n        refreshButtonTooltip={refreshButtonTooltip}\n        readOnlyMap={readOnlyMap}\n        enableAdd={enableAddNewFeature}\n        handleAddNewFeatures={handleAddNewFeatures}\n        addMultipleFeatures={addMultipleFeatures}\n        enableSplitFeature={enableSplitFeature}\n        handleSplitFeature={handleSplitFeature}\n        handleSetSelectedFeatureProperties={handleSetSelectedFeatureProperties}\n        filteredLayerOptionsByRole={filteredLayerOptions}\n        handleSetBulkSelectionActive={setBulkSelectionActive}\n        enableDragBox={enableDragBox}\n        handleSetEnableDragBox={setEnableDragBox}\n        splitActive={splitActive}\n        handleSetSplitActive={setSplitActive}\n        enableAddNewFeature={addActive}\n        handleEnableAddNewFeature={setAddActive}\n        readOnlyLayers={readOnlyLayers}\n        selectedLayers={selectedLayers}\n        handleSetSelectedLayers={handleSelectLayers}\n        addFeaturePanelConfig={addFeaturePanelConfig}\n      />\n      <Grid container>\n        <Grid\n          item\n          {...(showDetails || rightSectionPanelState\n            ? { xs: 7, sm: 9 }\n            : { xs: 12 })}\n        >\n          {mapGrid}\n        </Grid>\n        {(showDetails || rightSectionPanelState) && (\n          <Grid\n            item\n            xs={5}\n            sm={3}\n            className={classes.leftColumn}\n            style={{ maxHeight: detailSheetHeight }}\n          >\n            <div className={classes.detailSheetHeader}>\n              <FluentIconButton\n                onClick={handleCloseDetailSheet}\n                icon={ChromeCloseIcon}\n              />\n              <StandardTitle className={classes.detailTitle}>\n                {rightSectionPanelTitle ?? t('Details')}\n              </StandardTitle>\n            </div>\n            <div\n              className={noRightPanelPadding ? null : classes.detailSheetBody}\n            >\n              {rightSectionPanel &&\n                (rightSectionPanelState ||\n                  (showDetails && overrideDetailRightSection)) &&\n                rightSectionPanel}\n              {showDetails && itemDetails && (\n                <AmbientCard fullWidth>{itemDetails}</AmbientCard>\n              )}\n            </div>\n          </Grid>\n        )}\n      </Grid>\n    </div>\n  );\n};\n"],"mappings":"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AAK;GACd,QAAQ,CAAC,KAAM,GAAG;GAClB,cAAc;GACd,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,QAAQ;EACT,CAAC,EACF,IAAI,MAAM;EACR,OAAO,IAAI,OAAO;GAChB,QAAQ,IAAI,OAAO;IACjB,OAAO;IACP,OAAO;IACR,CAAC;GACF,MAAM,IAAI,KAAK,EACb,OAAO,WACR,CAAC;GACF,QAAQ;GACR,OAAO;GACR,CAAC;EACF,QAAQ;EACT,CAAC,CACH;CACD,YAAY,IAAI,MAAM;EACpB,QAAQ,IAAI,OAAO;GACjB,OAAO;GACP,OAAO;GACR,CAAC;EACF,QAAQ;EACT,CAAC;CACH;AAED,MAAa,aAAa,UAAU;CAClC,MAAM,EACJ,MACA,uBACA,cACA,gBACA,YACA,sBAAsB,OACtB,kBAAkB,MAClB,sBACA,WAAW,WACX,UAAU,MACV,UACA,WAAW,MAEX,qBACA,mBACA,yBACA,mBACA,wBACA,wBACA,2BACA,6BAA6B,OAE7B,cACA,oBAAoB,IACpB,gBACA,oBACA,uBACA,mBACA,aACA,gBACA,6BACA,cACA,sBACA,aACA,uBAEA,mBACA,eAAe,OACf,YACA,oBACA,sBACA,oBAEA,qBACA,uBACA,8BACA,mBACA,uBACA,wBACA,cACA,oBAAoB,MACpB,qBACA,qBACA,mBACA,mBAEA,WAAW,IACX,qBACA,0BACA,mBACA,oBACA,SACA,WACA,eACA,iBACA,aACA,YAAY,QACZ,YACA,mBACA,KACA,WACA,WACA,iBACA,gBACA,YACA,uBACA,qBACA,sBAAsB,OACtB,oBACA,sBACA,oBACA,qBACA,SACA,SAEA,WACA,YACA,cACA,qBACA,qBACA,SACA,eACA,aAAa,QACb,oBACA,UACA,eACA,cACA,KACA,WACA,WACA,eACA,WACA,GAAG,mBACD;CACJ,MAAM,CAAC,2BAA2B,gCAAgC,UAAU;CAC5E,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,kBAAkB,uBAAuB,UAAU;CAC1D,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,e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BAAoB,gBAAgB,eAAe;AAEvD,iCACE,eAAe,aAAa,CAAC,gBAAgB,CAC9C;AAED,gCAA6B,kBAAkB;;IAEhD,EAAE,CAAC;CAEN,MAAM,4BAA4B,kBAAkB;AAClD,+BAA6B,KAAK;IACjC,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,UAAU;AACnD,SAAO,MAAM;IACZ,EAAE,CAAC;CAEN,MAAM,eAAe,cAAc;AACjC,SACE,oCAAC,aACC,oCAAC,QAAK,mBACJ,oCAAC;GACC;GACA,IAAI;GACJ,OAAO,EACL,SAAS,CAAC,gBAAgB,WAAW,UAAU,QAChD;KAED,oCAAC,SAAI,WAAW,KAAK,QAAQ,YAAY,QAAQ,gBAAgB,IAC9D,SACG,CACD,EACP,oCAAC;GAAK;GAAK,IAAI,WAAW,IAAI;KAC5B,oCAAC;GACM;GACkB;GACjB;GACW;GACK;GACtB,YAAY;GACH;GACT,WAAW;GACA;GACN;GACU;GACI;GACnB,oBAAoB;GACG;GACvB,kBAAkB,uBAAuB;GACf;GACb;GACb,qBAAqB;GACrB,qBAAqB,CAAC;GACH;GACI;GACT;GACS;GACvB,iCAAiC;GACjC,uCAAuC;GACvC,oBAAoB,YAAY,SAAS;GAC9B;GACQ;GACb;GACM;GACZ,4BAA4B;GAC5B,qCAAqC;GAClB;GACnB,mBAAmB;GACE;GACR;GACE;GACa;GACD;GAEzB;GAEF,qBAAqB;GACL;GACW;GAC3B,0BAA0B;GACH;GACO;GACX;GACI;GACC;GACxB,mBAAmB;GACH;GAChB,yBAAyB;GACJ;GACZ;GACA;IACT,CACG,CACF,CACH;IAEP;EACD;EACA;EACA;EACA,QAAQ;EACR,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,gBAAgB,cAAc;AAClC,SACE,oCAAC,aACC,oCAAC;GACC,OAAO;GACP,MAAM;GACN,YAAY;GACE;GACd,qBAAqB;IACnB,iBAAiBC;IACjB,GAAG;IACJ;GACoB;GACZ;GACM;GACf,QAAQ,YAAY,CAAC,UAAU,SAAS;GACpB;GACV;GACK;GACD;GACT;GACM;GACA;GACX;GACA,eAAe;GACf,GAAI;IACJ,CACE;IAEP;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,UAAU,cAAc;AAC5B,MAAI,aAAa,YACf,QACE,oCAAC,aACE,YAAY,eACZ,WAAW,aACR;AAGV,SACE,oCAAC,aACE,WAAW,cACX,YAAY,cACT;IAEP;EAAC;EAAe;EAAc;EAAU;EAAU;EAAQ,CAAC;AAE9D,QACE,oCAAC,aACC,oCAAC;EACM;EACK;EACK;EACf,kBAAkB;EACQ;EACb;EACb,qBAAqB;EACrB,qBAAqB,CAAC;EACH;EACI;EACT;EACS;EACvB,iCAAiC;EACjC,uCAAuC;EACvC,kCAAkC;EAClC,eAAe;EACO;EACT;EACb,WAAW;EACW;EACD;EACD;EACA;EACgB;EACpC,4BAA4B;EAC5B,8BAA8B;EACf;EACf,wBAAwB;EACX;EACb,sBAAsB;EACtB,qBAAqB;EACrB,2BAA2B;EACX;EACA;EAChB,yBAAyB;EACF;GACvB,EACF,oCAAC,QAAK,mBACJ,oCAAC;EACC;EACA,GAAK,eAAe,yBAChB;GAAE,IAAI;GAAG,IAAI;GAAG,GAChB,EAAE,IAAI,IAAI;IAEb,QACI,GACL,eAAe,2BACf,oCAAC;EACC;EACA,IAAI;EACJ,IAAI;EACJ,WAAW,QAAQ;EACnB,OAAO,EAAE,WAAW,mBAAmB;IAEvC,oCAAC,SAAI,WAAW,QAAQ,qBACtB,oCAAC;EACC,SAAS;EACT,MAAM;GACN,EACF,oCAAC,iBAAc,WAAW,QAAQ,eAC/B,0BAA0B,EAAE,UAAU,CACzB,CACZ,EACN,oCAAC,SACC,WAAW,sBAAsB,OAAO,QAAQ,mBAE/C,sBACE,0BACE,eAAe,+BAClB,mBACD,eAAe,eACd,oCAAC,eAAY,mBAAW,YAA0B,CAEhD,CACD,CAEJ,CACH"}

package/dist/maps/index.js

@@ -10,7 +10,7 @@ import "../MapControlsStandard-twyqBTRG.js";
 import { GeoMap } from "../GeoMap-CVGJXRRA.js";
 import { FluentImageMap, FluentMap } from "../FluentMap-Ba3tDjti.js";
 import { MapContent, MapMarker } from "../MapContent-JgIyNm5C.js";
-import "../ui-CMEdOOxm.js";
-import "../leafletMaps-BjTYRV2R.js";
+import "../ui-_KR24HU9.js";
+import "../leafletMaps-DKJcEBvd.js";
 
 export { FluentImageMap, FluentMap, GeoMap, MapContent, MapMarker };

package/dist/maps/leafletMaps/index.js

@@ -1,7 +1,7 @@
 import "../../FluentIcon-CB-ANF6C.js";
 import { FluentImageMap, FluentMap } from "../../FluentMap-Ba3tDjti.js";
 import { MapContent, MapMarker } from "../../MapContent-JgIyNm5C.js";
-import "../../ui-CMEdOOxm.js";
-import "../../leafletMaps-BjTYRV2R.js";
+import "../../ui-_KR24HU9.js";
+import "../../leafletMaps-DKJcEBvd.js";
 
 export { FluentImageMap, FluentMap, MapContent, MapMarker };

package/dist/maps/leafletMaps/ui/index.js

@@ -1,5 +1,5 @@
 import "../../../FluentIcon-CB-ANF6C.js";
 import { MapContent, MapMarker } from "../../../MapContent-JgIyNm5C.js";
-import "../../../ui-CMEdOOxm.js";
+import "../../../ui-_KR24HU9.js";
 
 export { MapContent, MapMarker };

package/dist/maps-DgJG7ziA.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { UdpMap } from "udp-react-stencil-component-library";
+
+//#region src/UI/maps/UdpMap.tsx
+const UdpMap$1 = (props) => {
+	return /* @__PURE__ */ React.createElement(UdpMap, props);
+};
+
+//#endregion
+export { UdpMap$1 as UdpMap };
+//# sourceMappingURL=maps-DgJG7ziA.js.map

package/dist/maps-DgJG7ziA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps-DgJG7ziA.js","names":["UdpMap: React.FC<UdpMapProps>","Map"],"sources":["../src/UI/maps/UdpMap.tsx"],"sourcesContent":["import React from 'react';\nimport { UdpMap as Map } from 'udp-react-stencil-component-library';\n\nexport interface UdpMapProps {\n  /* Enables the toolbar */\n  enableToolbar?: boolean;\n\n  /* Title appearing on map */\n  mapTitle?: string;\n\n  /* Feature data (in either Geo-JSON format or not). Geo-JSON format: [{ type: string, id: string, geometry: { type: 'Point' | 'LineString' | 'Polygon', coordinates: Coordinate }, properties: any }] */\n  data?: any[];\n\n  /* Boolean stating if the data is in Geo-JSON format */\n  isGeoJsonFormat?: boolean;\n\n  /* Method - If data is not in Geo-JSON format, returns data in Geo-JSON format */\n  geoJsonMappingConfig?: any;\n\n  /* Allows zoom */\n  enableZoom?: boolean;\n\n  /* Default map zoom */\n  mapZoom?: number;\n\n  /* Default map center */\n  mapCenter?: any;\n\n  /* Map height */\n  mapHeight?: string;\n\n  /* Coordinate reference system used */\n  crs?: any;\n\n  /* Map feature projection used */\n  mapProjection?: string;\n\n  /* Map data projection used */\n  mapDataProjection?: string;\n\n  /* Method - Custom filter for map features */\n  getFilteredMapData?: any;\n\n  /* Method - Returns custom styles for features */\n  getFeatureStyles?: any;\n\n  /* Method - Returns custom styles for selected features */\n  getSelectedFeatureStyles?: any;\n\n  /* Custom filter panel */\n  filterPanel?: string;\n\n  /* Method - Callback to filter features from custom filter panel */\n  filterPanelCallback?: any;\n\n  /* Allows selecting tile layer */\n  enableTileSelection?: boolean;\n\n  /* List of tile layers visible on the map */\n  tileLayersOptions?: any[];\n\n  /* Default tile layer name */\n  defaultTileOptionName?: string;\n\n  /* List of options for vector layers */\n  layerOptions?: any[];\n\n  /* Vector layers selected in the layer filter on initial map load */\n  initialSelectedLayers?: any[];\n\n  /* Callback to return layers that are selected */\n  handleSelectLayersCallback: any;\n\n  /* Custom action panel for selected features */\n  bulkSelectedFeaturesActionPanel?: string;\n\n  /* Method - Retrieves selected features when bulk selected */\n  handleSetSelectedFeaturesOnBulkSelect: any;\n\n  /* Method - Retrieves selected feature when individually selected */\n  handleSetSelectedFeatureOnSelect: any;\n\n  /* Enables filtering layers by role */\n  filterLayersByRole: boolean;\n\n  /* Layer keys to get the current feature layer when adding layers with features to the map */\n  layerKeys?: string[];\n\n  /* Layer key separator to get the current feature layer when adding layers with features to the map */\n  layerKeySeparator?: string;\n\n  /* Authenticated user from Unity - used to filter layers by role */\n  user?: any;\n\n  /* Layers assigned to roles */\n  layerRoles?: any;\n\n  /* Callback method to refresh map */\n  handleRefresh?: any;\n\n  /* Custom tooltip message on refresh button */\n  refreshButtonTooltip?: string;\n\n  /* Map is read-only (setting true removes the add, edit, delete functionality) */\n  readOnlyMap: boolean;\n\n  /* Enables adding a new feature by drawing on the map */\n  enableAdd: boolean;\n\n  /* When adding features on the map by drawing, this callback method returns the newly added features */\n  handleAddNewFeatures: any;\n\n  /* When adding features by drawing, add multiple features */\n  addMultipleFeatures: boolean;\n\n  /* Enables splitting line strings on the map */\n  enableSplitFeature: boolean;\n\n  /* Callback function to return split feature */\n  handleSplitFeature: any;\n\n  /* Enables viewing a selected feature */\n  enableViewFeature: boolean;\n\n  /* Method to enable viewing a selected feature */\n  handleViewFeature: any;\n\n  /* Enables deleting a selected feature */\n  enableDeleteFeature: boolean;\n\n  /* Callback method to handle deleting a selected feature */\n  handleDeleteFeature?: any;\n\n  /* Enables editing a selected feature */\n  enableEditFeature: boolean;\n\n  /* Callback method to handle editing a selected feature */\n  handleEditFeature?: any;\n\n  /* Callback method to return map zoom and extent when the resolution changes */\n  handleGetZoomExtent?: any;\n\n  /* Configuration object for customizing the popover card's appearance or behavior */\n  cardConfig?: any;\n\n  /* Array of primary action configurations for the popover (e.g., buttons) */\n  popoverPrimaryActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Array of additional actions for the popover's \"more\" icon button (e.g., menu items) */\n  popoverMoreIconButtonActions?: { id?: string; name: string; iconName: string; onClick: (data: any) => void }[];\n\n  /* Function to get the message text to display in the popover, based on feature data */\n  getMessagePopover?: (data: any) => string;\n\n  /* Function to get the icon to display in the popover, based on feature data */\n  getMessageIconPopover?: (data: any) => any;\n\n  /* Boolean to control whether the message icon in the popover should be hidden */\n  hideMessageIconPopover?: boolean;\n\n  /* List of layers that are read only */\n  readOnlyLayers?: string[];\n\n  minZoom?: number;\n  maxZoom?: number\n}\n\nexport const UdpMap: React.FC<UdpMapProps> = (props: UdpMapProps) => {\n  return <Map {...props} />;\n};\n"],"mappings":";;;;AAuKA,MAAaA,YAAiC,UAAuB;AACnE,QAAO,oCAACC,QAAQ,MAAS"}

package/dist/menuPage/index.js

@@ -1,13 +1,13 @@
 import "../FluentButton-h_8VjXGT.js";
-import "../apiHelpers-DF2KUI11.js";
+import "../apiHelpers-Bju2gkBq.js";
 import "../pageEnums-CT6NFA8B.js";
 import "../UnitySessionStorage-DBqfMiK5.js";
-import "../axiosInterceptors-BPJXy48x.js";
+import "../axiosInterceptors-Dn_haR1Q.js";
 import "../useUser-Cn88hlN_.js";
 import "../StringUtilities-DyjYA5pU.js";
 import "../FluentIcon-CB-ANF6C.js";
 import "../FluentIconButton-le92OnEc.js";
-import "../unitySystemEnums-BIMR5AWe.js";
+import "../unitySystemEnums-DXk8yS3v.js";
 import "../UnityFluentIcon-fuqAQh0C.js";
 import "../shellStore-Bqwtbs_K.js";
 import "../RuleUtilities-DXVlN84J.js";
@@ -15,22 +15,22 @@ import "../PrimaryActionButton-CQXyHAeG.js";
 import "../colors-VLk-T125.js";
 import "../colorConverter-sleh0lAZ.js";
 import "../Typography-6jelcyoY.js";
-import "../SearchUtilities-CzmJ6hI2.js";
-import "../GroupNode-Bms_Opmb.js";
-import "../TreeUtilities-XLrXtUeL.js";
+import "../SearchUtilities-CxVn31Ak.js";
+import "../GroupNode-C1Y28U4c.js";
+import "../TreeUtilities-BxV5PMJ8.js";
 import "../UnityIconLibrary-DnCuEr5M.js";
 import "../teleporterStore-hSgRrvso.js";
 import "../AmbientPopoverMenuItem-Dy3rQ7sp.js";
 import "../LayoutUnit-fGVQwt6Y.js";
 import "../StandardTitle-DkEO3oI5.js";
-import "../useAxiosGet-VY6m2qeW.js";
+import "../useAxiosGet-CAH3ZOZ8.js";
 import "../DashboardWidget-CpxtRgWv.js";
 import "../FUICard-B5SvhKL0.js";
 import "../FUISquareIconButton-CzLgq8u-.js";
 import "../FluentCard-CjR2Ft0S.js";
 import "../useId-Dfv7qFlj.js";
 import "../FUIMenuItem-C6Ypt-fU.js";
-import "../PageContainer-Cvw3n3k2.js";
+import "../PageContainer-BI8ve3o2.js";
 import "../PrimaryActionHeader-D9vn0zfH.js";
 import "../StatusChip-Bw-0wE_B.js";
 import "../UdpTabs-C7pvmyRq.js";
@@ -46,11 +46,11 @@ import "../useTenant-BGWpH8AX.js";
 import "../EnvironmentRibbon-CPm8YnJ4.js";
 import "../NodeLoader-DRIIc46w.js";
 import "../NumberOperator-CDToRW8i.js";
-import "../aggregateUtils-DpHy5K9p.js";
-import "../AggregateChip-EN9-abal.js";
+import "../aggregateUtils-C04KQf3k.js";
+import "../AggregateChip-7tOziH82.js";
 import "../UtilityBarInport-BZbPE650.js";
 import "../UtilitySideBar-otYqGPhu.js";
-import "../BaseTreeMenu-DHEMztjA.js";
-import "../MenuPage-DJGGAhH5.js";
+import "../BaseTreeMenu-CroItvOA.js";
+import "../MenuPage-BSU-NITc.js";
 
 export {  };

package/dist/menuUtilities-DTbyD6bg.js

@@ -0,0 +1,55 @@
+import { UdpPageEnums } from "./pageEnums-CT6NFA8B.js";
+import { DeviceTypeEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import * as Icons from "@fluentui/react-icons";
+import { isDesktop, isMobileOnly, isTablet } from "react-device-detect";
+
+//#region src/utilities/menus/menuUtilities.js
+const getMenuItemsRecursively = (menuItems, activeOnly, user, getAccessToken, checkDeviceSize = true) => {
+	return menuItems.reduce((formattedItems, item) => {
+		try {
+			if (activeOnly && !item.menuItemInstance.isActive) return formattedItems;
+			const { FluentIcon, WorkFlowIcon, AppIcon, Label, Slug, RedirectURL, AppendTokenToURL, DevicesHiddenOn, appendCurrentTenant,...otherParams } = JSON.parse(item.menuItemInstance.parameters);
+			let redirectInfo = "";
+			if (RedirectURL) {
+				redirectInfo = RedirectURL;
+				if (appendCurrentTenant) redirectInfo = `${RedirectURL}?tenantId=${user?.currentTenantId || ""}`;
+			}
+			const formattedParameters = {
+				id: item.menuItemInstance.menuItemInstanceId,
+				label: Label ?? "",
+				link: getFormattedSlug(Slug, { ...otherParams }) ?? "",
+				redirectInfo,
+				getAccessToken: getAccessToken && AppendTokenToURL ? getAccessToken : null,
+				menuItemId: item.menuItemInstance.menuItemId,
+				menuStructureId: item.menuStructureId,
+				parentId: item.parentId,
+				productId: item.menuItemInstance.productId,
+				isActive: item.menuItemInstance.isActive,
+				roleIds: item.menuItemInstance.roleIds,
+				tenantSsoId: item?.menuItemInstance?.tenantSsoId,
+				devicesHiddenOn: DevicesHiddenOn || [],
+				params: { ...otherParams }
+			};
+			let iconName = "";
+			if (FluentIcon) iconName = FluentIcon;
+			else if (WorkFlowIcon) iconName = WorkFlowIcon;
+			formattedParameters.icon = iconName ? Icons[iconName] : null;
+			formattedParameters.iconName = iconName ? iconName : null;
+			formattedParameters["items"] = item.menuItemInstanceStructures.length ? getMenuItemsRecursively(item.menuItemInstanceStructures, activeOnly, user, getAccessToken, checkDeviceSize) : [];
+			if (checkDeviceSize) {
+				if (!(isDesktop && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Desktop)) && !(isTablet && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Tablet)) && !(isMobileOnly && formattedParameters?.devicesHiddenOn?.includes(DeviceTypeEnums.Mobile))) formattedItems.push(formattedParameters);
+			} else formattedItems.push(formattedParameters);
+		} catch {}
+		return formattedItems;
+	}, []);
+};
+const getFormattedSlug = (slug, params) => {
+	let formattedSlug = slug;
+	if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) formattedSlug = `${slug}${params?.entityName ? `?entityName=${params?.entityName}` : ""}`;
+	else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) formattedSlug = `${slug}?queryId=${params?.queryId}`;
+	return formattedSlug;
+};
+
+//#endregion
+export { getMenuItemsRecursively };
+//# sourceMappingURL=menuUtilities-DTbyD6bg.js.map

package/dist/menuUtilities-DTbyD6bg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuUtilities-DTbyD6bg.js","names":[],"sources":["../src/utilities/menus/menuUtilities.js"],"sourcesContent":["import * as Icons from '@fluentui/react-icons';\nimport { UdpPageEnums } from '../../enums/pageEnums';\nimport { isMobileOnly, isTablet, isDesktop } from 'react-device-detect';\nimport { DeviceTypeEnums } from '../../enums/unitySystemEnums';\n\nexport const getMenuItemsRecursively = (\n  menuItems,\n  activeOnly,\n  user,\n  getAccessToken,\n  checkDeviceSize = true\n) => {\n  return menuItems.reduce((formattedItems, item) => {\n    try {\n      if (activeOnly && !item.menuItemInstance.isActive) {\n        return formattedItems;\n      }\n      const parameters = JSON.parse(item.menuItemInstance.parameters);\n      const {\n        FluentIcon,\n        WorkFlowIcon,\n        AppIcon,\n        Label,\n        Slug,\n        RedirectURL,\n        AppendTokenToURL,\n        DevicesHiddenOn,\n        appendCurrentTenant,\n        ...otherParams\n      } = parameters;\n      let redirectInfo = '';\n      if (RedirectURL) {\n        redirectInfo = RedirectURL;\n        if (appendCurrentTenant) {\n          redirectInfo = `${RedirectURL}?tenantId=${\n            user?.currentTenantId || ''\n          }`;\n        }\n      }\n      const formattedParameters = {\n        id: item.menuItemInstance.menuItemInstanceId,\n        label: Label ?? '',\n        link: getFormattedSlug(Slug, { ...otherParams }) ?? '',\n        redirectInfo: redirectInfo,\n        getAccessToken:\n          getAccessToken && AppendTokenToURL ? getAccessToken : null,\n        menuItemId: item.menuItemInstance.menuItemId,\n        menuStructureId: item.menuStructureId,\n        parentId: item.parentId,\n        productId: item.menuItemInstance.productId,\n        isActive: item.menuItemInstance.isActive,\n        roleIds: item.menuItemInstance.roleIds,\n        tenantSsoId: item?.menuItemInstance?.tenantSsoId,\n        devicesHiddenOn: DevicesHiddenOn || [],\n        params: { ...otherParams }\n      };\n\n      let iconName = '';\n      if (FluentIcon) {\n        iconName = FluentIcon;\n      } else if (WorkFlowIcon) {\n        iconName = WorkFlowIcon;\n      }\n      formattedParameters.icon = iconName ? Icons[iconName] : null;\n      formattedParameters.iconName = iconName ? iconName : null;\n\n      formattedParameters['items'] = item.menuItemInstanceStructures.length\n        ? getMenuItemsRecursively(\n            item.menuItemInstanceStructures,\n            activeOnly,\n            user,\n            getAccessToken,\n            checkDeviceSize\n          )\n        : [];\n      if (checkDeviceSize) {\n        if (\n          !(\n            isDesktop &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Desktop\n            )\n          ) &&\n          !(\n            isTablet &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Tablet\n            )\n          ) &&\n          !(\n            isMobileOnly &&\n            formattedParameters?.devicesHiddenOn?.includes(\n              DeviceTypeEnums.Mobile\n            )\n          )\n        ) {\n          formattedItems.push(formattedParameters);\n        }\n      } else {\n        formattedItems.push(formattedParameters);\n      }\n    } catch {\n      // catching parse error\n    }\n    return formattedItems;\n  }, []);\n};\n\nconst getFormattedSlug = (slug, params) => {\n  let formattedSlug = slug;\n  if (params?.PageId === UdpPageEnums.Udp_Maintenance_Engine_Page) {\n    formattedSlug = `${slug}${\n      params?.entityName ? `?entityName=${params?.entityName}` : ''\n    }`;\n  } else if (params?.PageId === UdpPageEnums.Udp_Data_Browser_Page) {\n    formattedSlug = `${slug}?queryId=${params?.queryId}`;\n  }\n\n  return formattedSlug;\n};\n"],"mappings":";;;;;;AAKA,MAAa,2BACX,WACA,YACA,MACA,gBACA,kBAAkB,SACf;AACH,QAAO,UAAU,QAAQ,gBAAgB,SAAS;AAChD,MAAI;AACF,OAAI,cAAc,CAAC,KAAK,iBAAiB,SACvC,QAAO;GAGT,MAAM,EACJ,YACA,cACA,SACA,OACA,MACA,aACA,kBACA,iBACA,oBACA,GAAG,gBAXc,KAAK,MAAM,KAAK,iBAAiB,WAAW;GAa/D,IAAI,eAAe;AACnB,OAAI,aAAa;AACf,mBAAe;AACf,QAAI,oBACF,gBAAe,GAAG,YAAY,YAC5B,MAAM,mBAAmB;;GAI/B,MAAM,sBAAsB;IAC1B,IAAI,KAAK,iBAAiB;IAC1B,OAAO,SAAS;IAChB,MAAM,iBAAiB,MAAM,EAAE,GAAG,aAAa,CAAC,IAAI;IACtC;IACd,gBACE,kBAAkB,mBAAmB,iBAAiB;IACxD,YAAY,KAAK,iBAAiB;IAClC,iBAAiB,KAAK;IACtB,UAAU,KAAK;IACf,WAAW,KAAK,iBAAiB;IACjC,UAAU,KAAK,iBAAiB;IAChC,SAAS,KAAK,iBAAiB;IAC/B,aAAa,MAAM,kBAAkB;IACrC,iBAAiB,mBAAmB,EAAE;IACtC,QAAQ,EAAE,GAAG,aAAa;IAC3B;GAED,IAAI,WAAW;AACf,OAAI,WACF,YAAW;YACF,aACT,YAAW;AAEb,uBAAoB,OAAO,WAAW,MAAM,YAAY;AACxD,uBAAoB,WAAW,WAAW,WAAW;AAErD,uBAAoB,WAAW,KAAK,2BAA2B,SAC3D,wBACE,KAAK,4BACL,YACA,MACA,gBACA,gBACD,GACD,EAAE;AACN,OAAI,iBACF;QACE,EACE,aACA,qBAAqB,iBAAiB,SACpC,gBAAgB,QACjB,KAEH,EACE,YACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,KAEH,EACE,gBACA,qBAAqB,iBAAiB,SACpC,gBAAgB,OACjB,EAGH,gBAAe,KAAK,oBAAoB;SAG1C,gBAAe,KAAK,oBAAoB;UAEpC;AAGR,SAAO;IACN,EAAE,CAAC;;AAGR,MAAM,oBAAoB,MAAM,WAAW;CACzC,IAAI,gBAAgB;AACpB,KAAI,QAAQ,WAAW,aAAa,4BAClC,iBAAgB,GAAG,OACjB,QAAQ,aAAa,eAAe,QAAQ,eAAe;UAEpD,QAAQ,WAAW,aAAa,sBACzC,iBAAgB,GAAG,KAAK,WAAW,QAAQ;AAG7C,QAAO"}

package/dist/menus-berWqAF-.js

@@ -0,0 +1,81 @@
+import React, { useState } from "react";
+import { Typography, lighten, makeStyles } from "@material-ui/core";
+import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
+import MuiExpansionPanel from "@material-ui/core/ExpansionPanel";
+import MuiExpansionPanelSummary from "@material-ui/core/ExpansionPanelSummary";
+import MuiExpansionPanelDetails from "@material-ui/core/ExpansionPanelDetails";
+
+//#region src/UI/navigation/menus/ExpanderItem.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		width: "100%"
+	},
+	title: {
+		width: "100%",
+		flex: 1
+	}
+}));
+const ExpanderItem = ({ label, expanded }) => {
+	const classes = useStyles$1();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, label)), !expanded && /* @__PURE__ */ React.createElement(ChevronDownIcon, null), expanded && /* @__PURE__ */ React.createElement(ChevronUpIcon, null));
+};
+
+//#endregion
+//#region src/UI/navigation/menus/Expander.jsx
+const useStyles = makeStyles((theme) => ({
+	rootPanel: {
+		boxShadow: "none",
+		padding: 0,
+		minWidth: 300,
+		"&:not(:last-child)": { borderBottom: 0 },
+		"&$expanded": { margin: "auto" }
+	},
+	expanded: { minHeight: 40 },
+	root: {
+		background: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .4),
+		color: (props) => props.accent && theme.palette.common.white,
+		marginBottom: -1,
+		minHeight: 40,
+		"&$expanded": {
+			minHeight: 40,
+			height: 20,
+			paddingTop: 25,
+			backgroundColor: (props) => props.accent ? theme.palette.primary.main : lighten(theme.palette.primary.light, .7)
+		}
+	},
+	content: { "&$expanded": { margin: "12px 0" } },
+	detailsRoot: {
+		padding: 0,
+		flexDirection: (props) => props.single ? "column" : "row"
+	}
+}));
+const Block = (props) => {
+	const [expanded, setExpanded] = useState("panel1");
+	const classes = useStyles(props);
+	const { label, children, number, id,...otherProps } = props;
+	const handleChange = (panel) => (event, newExpanded) => {
+		setExpanded(newExpanded ? panel : false);
+	};
+	return /* @__PURE__ */ React.createElement(MuiExpansionPanel, {
+		classes: { root: classes.rootPanel },
+		...otherProps,
+		square: true,
+		expanded: expanded === `panel${number}`,
+		onChange: handleChange(`panel${number}`),
+		id
+	}, /* @__PURE__ */ React.createElement(MuiExpansionPanelSummary, {
+		classes: {
+			root: classes.root,
+			expanded: classes.expanded
+		},
+		"aria-controls": "panel3d-content"
+	}, /* @__PURE__ */ React.createElement(ExpanderItem, {
+		label,
+		expanded: expanded === `panel${number}`
+	})), /* @__PURE__ */ React.createElement(MuiExpansionPanelDetails, { classes: { root: classes.detailsRoot } }, children));
+};
+
+//#endregion
+export { Block, ExpanderItem };
+//# sourceMappingURL=menus-berWqAF-.js.map

package/dist/menus-berWqAF-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menus-berWqAF-.js","names":["useStyles"],"sources":["../src/UI/navigation/menus/ExpanderItem.jsx","../src/UI/navigation/menus/Expander.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    width: '100%'\n  },\n  title: {\n    width: '100%',\n    flex: 1\n  }\n}))\n\nexport const ExpanderItem = ({ label, expanded }) => {\n  const classes = useStyles()\n  // const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <Typography variant='subtitle2'>{label}</Typography>\n      </div>\n\n      {!expanded && <ChevronDownIcon />}\n      {expanded && <ChevronUpIcon />}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { lighten, makeStyles } from '@material-ui/core'\nimport MuiExpansionPanel from '@material-ui/core/ExpansionPanel'\nimport MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'\nimport MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'\nimport { ExpanderItem } from './ExpanderItem'\n\nconst useStyles = makeStyles((theme) => ({\n  rootPanel: {\n    boxShadow: 'none',\n    padding: 0,\n    minWidth: 300,\n    '&:not(:last-child)': {\n      borderBottom: 0\n    },\n    '&$expanded': {\n      margin: 'auto'\n    }\n  },\n  expanded: {\n    minHeight: 40\n  },\n  root: {\n    background: (props) =>\n      props.accent\n        ? theme.palette.primary.main\n        : lighten(theme.palette.primary.light, 0.4),\n\n    color: (props) => props.accent && theme.palette.common.white,\n    marginBottom: -1,\n    minHeight: 40,\n    '&$expanded': {\n      minHeight: 40,\n      height: 20,\n      paddingTop: 25,\n      backgroundColor: (props) =>\n        props.accent\n          ? theme.palette.primary.main\n          : lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  content: {\n    '&$expanded': {\n      margin: '12px 0'\n    }\n  },\n  detailsRoot: {\n    padding: 0,\n    flexDirection: (props) => (props.single ? 'column' : 'row')\n  }\n}))\n\nexport const Block = (props) => {\n  const [expanded, setExpanded] = useState('panel1')\n  const classes = useStyles(props)\n\n  const { label, children, number, id, ...otherProps } = props\n\n  const handleChange = (panel) => (event, newExpanded) => {\n    setExpanded(newExpanded ? panel : false)\n  }\n  return (\n    <MuiExpansionPanel\n      classes={{ root: classes.rootPanel }}\n      {...otherProps}\n      square\n      expanded={expanded === `panel${number}`}\n      onChange={handleChange(`panel${number}`)}\n      id={id}\n    >\n      <MuiExpansionPanelSummary\n        classes={{ root: classes.root, expanded: classes.expanded }}\n        aria-controls='panel3d-content'\n      >\n        <ExpanderItem label={label} expanded={expanded === `panel${number}`} />\n      </MuiExpansionPanelSummary>\n      <MuiExpansionPanelDetails classes={{ root: classes.detailsRoot }}>\n        {children}\n      </MuiExpansionPanelDetails>\n    </MuiExpansionPanel>\n  )\n}\n"],"mappings":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO;EACR;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACF,EAAE;AAEH,MAAa,gBAAgB,EAAE,OAAO,eAAe;CACnD,MAAM,UAAUA,aAAW;AAG3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,eAAa,MAAmB,CAChD,EAEL,CAAC,YAAY,oCAAC,sBAAkB,EAChC,YAAY,oCAAC,oBAAgB,CAC1B;;;;;ACpBV,MAAM,YAAY,YAAY,WAAW;CACvC,WAAW;EACT,WAAW;EACX,SAAS;EACT,UAAU;EACV,sBAAsB,EACpB,cAAc,GACf;EACD,cAAc,EACZ,QAAQ,QACT;EACF;CACD,UAAU,EACR,WAAW,IACZ;CACD,MAAM;EACJ,aAAa,UACX,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAE/C,QAAQ,UAAU,MAAM,UAAU,MAAM,QAAQ,OAAO;EACvD,cAAc;EACd,WAAW;EACX,cAAc;GACZ,WAAW;GACX,QAAQ;GACR,YAAY;GACZ,kBAAkB,UAChB,MAAM,SACF,MAAM,QAAQ,QAAQ,OACtB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;GAChD;EACF;CACD,SAAS,EACP,cAAc,EACZ,QAAQ,UACT,EACF;CACD,aAAa;EACX,SAAS;EACT,gBAAgB,UAAW,MAAM,SAAS,WAAW;EACtD;CACF,EAAE;AAEH,MAAa,SAAS,UAAU;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,SAAS;CAClD,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAE,OAAO,UAAU,QAAQ,GAAI,GAAG,eAAe;CAEvD,MAAM,gBAAgB,WAAW,OAAO,gBAAgB;AACtD,cAAY,cAAc,QAAQ,MAAM;;AAE1C,QACE,oCAAC;EACC,SAAS,EAAE,MAAM,QAAQ,WAAW;EACpC,GAAI;EACJ;EACA,UAAU,aAAa,QAAQ;EAC/B,UAAU,aAAa,QAAQ,SAAS;EACpC;IAEJ,oCAAC;EACC,SAAS;GAAE,MAAM,QAAQ;GAAM,UAAU,QAAQ;GAAU;EAC3D,iBAAc;IAEd,oCAAC;EAAoB;EAAO,UAAU,aAAa,QAAQ;GAAY,CAC9C,EAC3B,oCAAC,4BAAyB,SAAS,EAAE,MAAM,QAAQ,aAAa,IAC7D,SACwB,CACT"}

package/dist/models/index.js

@@ -1,5 +1,5 @@
-import "../unitySystemEnums-BIMR5AWe.js";
-import "../GroupNode-Bms_Opmb.js";
+import "../unitySystemEnums-DXk8yS3v.js";
+import "../GroupNode-C1Y28U4c.js";
 import { FilterOperators, SearchOperators } from "../SearchOperator-BLSwbmXG.js";
 import "../QueryResult-BXX3-4Zh.js";
 import { NumberOperatorEnums, NumberOperators } from "../NumberOperator-CDToRW8i.js";

package/dist/navigation-DtBAqSLf.js

@@ -0,0 +1,144 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { AdminALogo32Icon, BugIcon, ChevronDownIcon, ChevronRightIcon, CloudUploadIcon, ContentFeedIcon, MessageIcon, OfficeFormsLogo16Icon, RawSourceIcon, ViewDashboardIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles } from "@material-ui/core/styles";
+import Typography from "@material-ui/core/Typography";
+import TreeView from "@material-ui/lab/TreeView";
+import TreeItem from "@material-ui/lab/TreeItem";
+
+//#region src/UI/navigation/FluentSideNav.jsx
+const useTreeItemStyles = makeStyles((theme) => ({
+	root: {
+		color: theme.palette.text.secondary,
+		"&:hover > $content": { backgroundColor: theme.palette.action.hover },
+		"&:focus > $content, &$selected > $content": {
+			backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,
+			color: "var(--tree-view-color)"
+		},
+		"&:focus > $marker, &$selected > $marker": {
+			backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,
+			color: "var(--tree-view-color)"
+		},
+		"&:focus > $content $label, &:hover > $content $label, &$selected > $content $label": { backgroundColor: "transparent" }
+	},
+	content: {
+		color: theme.palette.text.secondary,
+		paddingRight: theme.spacing(1),
+		paddingLeft: theme.spacing(1),
+		fontWeight: theme.typography.fontWeightMedium,
+		"$expanded > &": { fontWeight: theme.typography.fontWeightRegular }
+	},
+	group: {
+		marginLeft: 0,
+		"& $content": { paddingLeft: theme.spacing(2) }
+	},
+	expanded: {},
+	selected: {},
+	label: {
+		fontWeight: "inherit",
+		color: "inherit"
+	},
+	labelRoot: {
+		display: "flex",
+		alignItems: "center",
+		padding: theme.spacing(1.5, 0)
+	},
+	labelIcon: {
+		marginRight: theme.spacing(2.5),
+		fontSize: 16,
+		color: theme.palette.secondary.main
+	},
+	labelText: {
+		fontWeight: "inherit",
+		fontSize: 14,
+		flexGrow: 1
+	}
+}));
+const StyledTreeItem = (props) => {
+	const classes = useTreeItemStyles();
+	const { labelText, labelIcon: LabelIcon$1, labelInfo, color, bgColor, to, children,...other } = props;
+	return /* @__PURE__ */ React.createElement(Link, {
+		to,
+		style: { textDecoration: "none" }
+	}, /* @__PURE__ */ React.createElement(TreeItem, {
+		label: /* @__PURE__ */ React.createElement("div", { className: classes.labelRoot }, LabelIcon$1 && /* @__PURE__ */ React.createElement(LabelIcon$1, {
+			color: "inherit",
+			className: classes.labelIcon
+		}), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "body2",
+			className: classes.labelText
+		}, labelText), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "caption",
+			color: "inherit"
+		}, labelInfo)),
+		style: {
+			"--tree-view-color": color,
+			"--tree-view-bg-color": bgColor
+		},
+		classes: {
+			root: classes.root,
+			content: classes.content,
+			expanded: classes.expanded,
+			selected: classes.selected,
+			group: classes.group,
+			label: classes.label
+		},
+		...other,
+		children
+	}));
+};
+StyledTreeItem.propTypes = {
+	bgColor: PropTypes.string,
+	color: PropTypes.string,
+	labelIcon: PropTypes.elementType,
+	labelInfo: PropTypes.string,
+	labelText: PropTypes.string.isRequired
+};
+const useStyles = makeStyles({ root: {
+	height: 264,
+	flexGrow: 1,
+	maxWidth: 280
+} });
+const FluentSideNav = (props) => {
+	const classes = useStyles();
+	const { data } = props;
+	const renderedArray = data.map((nodes) => {
+		const icons = {
+			ViewDashboardIcon,
+			AdminALogo32Icon,
+			MessageIcon,
+			ContentFeedIcon,
+			RawSourceIcon,
+			BugIcon,
+			OfficeFormsLogo16Icon,
+			CloudUploadIcon
+		};
+		return /* @__PURE__ */ React.createElement(StyledTreeItem, {
+			key: nodes.nodeId,
+			nodeId: nodes.nodeId,
+			labelText: nodes.labelText,
+			labelIcon: typeof nodes.labelIcon === "string" ? icons[nodes.labelIcon] : nodes.labelIcon,
+			to: nodes.to !== "" && nodes.to,
+			children: nodes.children && nodes.children.map((nodes$1) => {
+				return /* @__PURE__ */ React.createElement(StyledTreeItem, {
+					key: nodes$1.nodeId,
+					nodeId: nodes$1.nodeId,
+					labelText: nodes$1.labelText,
+					labelIcon: typeof nodes$1.labelIcon === "string" ? icons[nodes$1.labelIcon] : nodes$1.labelIcon,
+					to: nodes$1.to !== "" && nodes$1.to
+				});
+			})
+		});
+	});
+	return /* @__PURE__ */ React.createElement(TreeView, {
+		className: classes.root,
+		defaultCollapseIcon: /* @__PURE__ */ React.createElement(ChevronDownIcon, null),
+		defaultExpandIcon: /* @__PURE__ */ React.createElement(ChevronRightIcon, null),
+		defaultEndIcon: /* @__PURE__ */ React.createElement("div", { style: { width: 24 } })
+	}, renderedArray);
+};
+
+//#endregion
+export { FluentSideNav };
+//# sourceMappingURL=navigation-DtBAqSLf.js.map

package/dist/navigation-DtBAqSLf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-DtBAqSLf.js","names":["LabelIcon","nodes"],"sources":["../src/UI/navigation/FluentSideNav.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeStyles } from '@material-ui/core/styles'\nimport TreeView from '@material-ui/lab/TreeView'\nimport TreeItem from '@material-ui/lab/TreeItem'\nimport Typography from '@material-ui/core/Typography'\nimport {\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ViewDashboardIcon,\n  AdminALogo32Icon,\n  MessageIcon,\n  ContentFeedIcon,\n  RawSourceIcon,\n  BugIcon,\n  OfficeFormsLogo16Icon,\n  CloudUploadIcon\n} from '@fluentui/react-icons'\nimport { Link } from 'react-router-dom'\n\nconst useTreeItemStyles = makeStyles((theme) => ({\n  root: {\n    color: theme.palette.text.secondary,\n    '&:hover > $content': {\n      backgroundColor: theme.palette.action.hover\n    },\n    '&:focus > $content, &$selected > $content': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $marker, &$selected > $marker': {\n      backgroundColor: `var(--tree-view-bg-color, ${theme.palette.grey[300]})`,\n      color: 'var(--tree-view-color)'\n    },\n    '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {\n      backgroundColor: 'transparent'\n    }\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    fontWeight: theme.typography.fontWeightMedium,\n    '$expanded > &': {\n      fontWeight: theme.typography.fontWeightRegular\n    }\n  },\n  group: {\n    marginLeft: 0,\n    '& $content': {\n      paddingLeft: theme.spacing(2)\n    }\n  },\n  expanded: {},\n  selected: {},\n  label: {\n    fontWeight: 'inherit',\n    color: 'inherit'\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: theme.spacing(1.5, 0)\n  },\n  labelIcon: {\n    marginRight: theme.spacing(2.5),\n    fontSize: 16,\n    color: theme.palette.secondary.main\n  },\n  labelText: {\n    fontWeight: 'inherit',\n    fontSize: 14,\n    flexGrow: 1\n  }\n}))\n\nconst StyledTreeItem = (props) => {\n  const classes = useTreeItemStyles()\n  const {\n    labelText,\n    labelIcon: LabelIcon,\n    labelInfo,\n    color,\n    bgColor,\n    to,\n    children,\n    ...other\n  } = props\n\n  return (\n    <Link to={to} style={{ textDecoration: 'none' }}>\n      <TreeItem\n        label={\n          <div className={classes.labelRoot}>\n            {LabelIcon && (\n              <LabelIcon color='inherit' className={classes.labelIcon} />\n            )}\n            <Typography variant='body2' className={classes.labelText}>\n              {labelText}\n            </Typography>\n            <Typography variant='caption' color='inherit'>\n              {labelInfo}\n            </Typography>\n          </div>\n        }\n        style={{\n          '--tree-view-color': color,\n          '--tree-view-bg-color': bgColor\n        }}\n        classes={{\n          root: classes.root,\n          content: classes.content,\n          expanded: classes.expanded,\n          selected: classes.selected,\n          group: classes.group,\n          label: classes.label\n        }}\n        {...other}\n        children={children}\n      />\n    </Link>\n  )\n}\n\nStyledTreeItem.propTypes = {\n  bgColor: PropTypes.string,\n  color: PropTypes.string,\n  labelIcon: PropTypes.elementType,\n  labelInfo: PropTypes.string,\n  labelText: PropTypes.string.isRequired\n}\n\nconst useStyles = makeStyles({\n  root: {\n    height: 264,\n    flexGrow: 1,\n    maxWidth: 280\n  }\n})\n\nexport const FluentSideNav = (props) => {\n  const classes = useStyles()\n  const { data } = props\n\n  const renderedArray = data.map((nodes) => {\n    const icons = {\n      ViewDashboardIcon,\n      AdminALogo32Icon,\n      MessageIcon,\n      ContentFeedIcon,\n      RawSourceIcon,\n      BugIcon,\n      OfficeFormsLogo16Icon,\n      CloudUploadIcon\n    }\n    return (\n      <StyledTreeItem\n        key={nodes.nodeId}\n        nodeId={nodes.nodeId}\n        labelText={nodes.labelText}\n        labelIcon={\n          typeof nodes.labelIcon === 'string'\n            ? icons[nodes.labelIcon]\n            : nodes.labelIcon\n        }\n        to={nodes.to !== '' && nodes.to}\n        children={\n          nodes.children &&\n          nodes.children.map((nodes) => {\n            return (\n              <StyledTreeItem\n                key={nodes.nodeId}\n                nodeId={nodes.nodeId}\n                labelText={nodes.labelText}\n                labelIcon={\n                  typeof nodes.labelIcon === 'string'\n                    ? icons[nodes.labelIcon]\n                    : nodes.labelIcon\n                }\n                to={nodes.to !== '' && nodes.to}\n              />\n            )\n          })\n        }\n      />\n    )\n  })\n\n  return (\n    <TreeView\n      className={classes.root}\n      defaultCollapseIcon={<ChevronDownIcon />}\n      defaultExpandIcon={<ChevronRightIcon />}\n      defaultEndIcon={<div style={{ width: 24 }} />}\n      // defaultExpanded={[{ expanded }]}\n    >\n      {renderedArray}\n    </TreeView>\n  )\n}\n"],"mappings":"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"}