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

package/dist/mapLayout-C-bB84bX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapLayout-C-bB84bX.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,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE;CACzD,MAAM,CAAC,KAAK,UAAU,SAAS,KAAK;CACpC,MAAM,CAAC,sBAAsB,yBAAyB,UAAU;CAChE,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,CAAC,4BAA4B,iCACjC,UAAU;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,2BAA2B,gCAAgC,UAAU;CAC5E,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa,CAAC,GAAG,EAAE,CAAC;CACvE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE,CAAC;CAExD,MAAM,UAAU,WAAW;CAC3B,MAAM,OAAO,eAAe;CAC5B,MAAM,EAAE,MAAM,gBAAgB;AAE9B,iBAAgB;AACd,MAAI,KAAK,SAAS,GAAG;AACnB,SAAM,KAAK,IAAI;AACf,YAAS,MAAM;AACf,kBAAe,KAAK;;IAErB,CAAC,IAAI,CAAC;AAET,iBAAgB;AACd,MAAI,kBACF,mBAAkB,eAAe;IAElC,CAAC,mBAAmB,eAAe,CAAC;AAEvC,iBAAgB;AACd,MAAI,wBACF,yBAAwB,iBAAiB;IAE1C,CAAC,yBAAyB,iBAAiB,CAAC;AAG/C,iBAAgB;AACd,MAAI,CAAC,KAAM;AAEX,MAAI,oBAAoB,EACtB,oBAAmB,kBAAkB,EAAE;AAGzC,MAAI,oBAAoB,EACtB,8BAA6B,KAAK;IAEnC,CAAC,MAAM,gBAAgB,CAAC;CAG3B,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,KAAM,QAAO,EAAE;EAEpB,MAAM,gBAAgB,kBAClB,OACA,oBAAoB,MAAM,qBAAqB;AAGnD,MAAI,eAAe,eACjB,QAAO,eAAe,cAAc;AAGtC,SAAO;IACN;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,WAAW,cAAc;AAC7B,SAAO,cACH,QAAQ,QAAQ;GAChB,MAAM,WAAW,SAAS,WAAW,mBAAmB,IAAI;AAE5D,OAAI,aAAa,UACf,QAAO,WAAW,WAAW,MAAM,WACjC,KAAK,SAAS,SAAS,OAAO,CAC/B;AAEH,UAAO;IACP,CACD,KAAK,SAAS;GACb,IAAI,IAAI;GACR,GAAG,IAAI;GACR,EAAE;IACJ;EAAC;EAAc;EAAmB;EAAW;EAAY,KAAK;EAAQ,CAAC;CAE1E,MAAM,mBAAmB,cAAc;AACrC,MAAI,WACF,QAAO,WAAW,SAAS;AAG7B,SAAO;IACN,CAAC,UAAU,WAAW,CAAC;CAE1B,MAAM,mBAAmB,cAAc;AACrC,MAAI,WACF,QAAO,WAAW,SAAS;AAG7B,SAAO;IACN,CAAC,UAAU,WAAW,CAAC;AAE1B,iBAAgB;AAEd,MAAI,KAAK,SAAS,KAAK,CAAC,YAAa;AAErC,MACE,eAAe,IAAI,UAAU,eAC7B,iBACA,kBAUA,kBALkB,UAHE,QAAQ,eAAe,IAAI,UAAU,YAAY,GAAG,GACpE,eAAe,IAAI,UAAU,YAAY,KACzC,eAAe,IAAI,UAAU,aAG/B,mBACA,cACD,CAC0B;IAE5B;EAAC;EAAc;EAAmB;EAAe;EAAa;EAAI,CAAC;CAGtE,MAAM,YAAY,aAAa,YAAY;AAEzC,SAAO,OADc,QAAQ,aAAa,CAAC,SAAS,KACrB,IAAI,OAAO;IACzC,EAAE,CAAC;CAEN,MAAM,+BAA+B,aAClC,WAAS;EACR,MAAM,oBAAoBC,QAAM,iBAAiB,eAAe;AAEhE,MAAI,qBAAqB;AACvB,uBAAoB,kBAAkB;AACtC;;AAGF,MAAI,0BACF,2BAA0B,MAAM;AAGlC,iBAAe,KAAK;AAEpB,sBAAoB,kBAAkB;AACtC,MAAI,aACF,cAAa,qBAAqB,MAAM;IAG5C;EAAC;EAAqB;EAA2B;EAAa,CAC/D;CAED,MAAM,yBAAyB,kBAAkB;AAC/C,iBAAe,MAAM;AACrB,MAAI,0BACF,2BAA0B,MAAM;AAElC,sBAAoB,KAAK;IACxB,CAAC,0BAA0B,CAAC;CAE/B,MAAM,4BAA4B,aAC/B,WAAS;AACR,iBAAe,KAAK;AACpB,MAAI,0BACF,2BAA0B,MAAM;AAElC,sBAAoBA,OAAK;AACzB,MAAI,aACF,cAAa,qBAAqB,MAAM;IAG5C,CAAC,2BAA2B,aAAa,CAC1C;CAED,MAAM,cAAc,cAAc;AAChC,MACE,oBACA,CAAC,8BACD,CAAC,uBAED,QAAO,OAAO,QAAQ,iBAAiB,CACpC,QACE,CAAC,KAAK,WACL,eAAe,OAAO,CAAC,SAAS,MAAM,IAAI,CAAC,QAAQ,MAAM,CAC5D,CACA,KAAK,CAAC,KAAK,WAAW;AACrB,UACE,oCAAC;IACC,OAAO,UAAU,IAAI;IACd;IACP,YAAY,EACV,UAAU,MACX;KACD;IAEJ;IAIL;EAAC;EAA4B;EAAwB;EAAiB,CAAC;CAE1E,MAAM,uBAAuB,cAAc;AACzC,MAAI,CAAC,WAAY;AAGjB,MAAI,qBAAqB,gBACvB,QAAO;MAEP,QAAO,CACL,GAAG,YACH;GACE,YAAY,EAAE,UAAU;GACxB,OAAO;GACP,mBAAmB;GACnB,UAAU;GACV,UAAU;GACV,cAAc;GACd,oBAAoB,EAClB,WAAW,WAAS,0BAA0BA,OAAK,EACpD;GACD,UAAU;GACX,CACF;IAGF,CAAC,YAAY,oBAAoB,CAAC;CAErC,MAAM,oBAAoB,cAAc;AACtC,MAAI,CAAC,SACH,QAAO;WACE,YAAY,CAAC,QACtB,QAAO;MAEP,QAAO,QAAQ,UAAU,KAAK,WAAW;IAE1C;EAAC;EAAY;EAAW;EAAU;EAAQ,CAAC;CAE9C,MAAM,sBAAsB,MAAM;AAChC,oBAAkB,EAAE;;CAGtB,MAAM,qBAAqB,aAAa,WAAS;AAC/C,+BAA6BA,QAAM,GAAG;IACrC,EAAE,CAAC;CAEN,MAAM,sBAAsB,aACzB,WAAW;AACV,MAAI,cACF,eAAc,OAAO;AAGvB,MAAI,CAAC,QAAQ,MAAM,SAAS,QAAQ,QAAQ,UAAU,UACpD,oBAAmB,QAAQ,KAAK;IAGpC,CAAC,oBAAoB,cAAc,CACpC;CAED,MAAM,WAAW,cAAc;AAC7B,MAAI,aAAc;AAElB,SACE,oCAACC;GACC,MAAM,oBAAoB,EAAE;GAC5B,gBAAgB,sBAAsB;GACnB;GACnB,WAAW,wBAAwB;GACnC,iBAAiB;GACjB,YAAY;IACZ;IAEH;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,qCAAqC,aAAa,mBAAmB;AACzE,MAAI,gBAAgB;GAClB,IAAI,oBAAoB,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/openLayerMaps/Layers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["MapContext","MapContext"],"sources":["../../../../src/maps/openLayerMaps/Layers/VectorLayer.js","../../../../src/maps/openLayerMaps/Layers/ImageLayer.js"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLVectorLayer from 'ol/layer/Vector'\n\nexport const VectorLayer = ({ source, style, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const vectorLayer = new OLVectorLayer({\n      source,\n      style\n    })\n\n    map.addLayer(vectorLayer)\n    vectorLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(vectorLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLImageLayer from 'ol/layer/Image'\n\nexport const ImageLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const imageLayer = new OLImageLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(imageLayer)\n    imageLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(imageLayer)\n      }\n    }\n  }, [map])\n\n  return null\n}\n"],"mappings":";;;;;;;AAIA,MAAa,eAAe,EAAE,QAAQ,OAAO,SAAS,QAAQ;CAC5D,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,cAAc,IAAI,cAAc;GACpC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,YAAY;AACzB,cAAY,UAAU,OAAO;AAE7B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,YAAY;;IAG/B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,cAAc,EAAE,QAAQ,SAAS,QAAQ;CACpD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,aAAa,IAAI,aAAa;GAClC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,WAAW;AACxB,aAAW,UAAU,OAAO;AAE5B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,WAAW;;IAG9B,CAAC,IAAI,CAAC;AAET,QAAO"}

package/dist/maps-7u6S7Nmo.js

@@ -1,11 +0,0 @@
-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 t };
-//# sourceMappingURL=maps-7u6S7Nmo.js.map

package/dist/maps-7u6S7Nmo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"maps-7u6S7Nmo.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/menuUtilities-8wivnoDW.js

@@ -1,55 +0,0 @@
-import { n as UdpPageEnums } from "./pageEnums-DtccKpw_.js";
-import { i as DeviceTypeEnums } from "./unitySystemEnums-C3qeqk7V.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 as t };
-//# sourceMappingURL=menuUtilities-8wivnoDW.js.map

package/dist/menuUtilities-8wivnoDW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuUtilities-8wivnoDW.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-DpH9dqww.js

@@ -1,81 +0,0 @@
-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 { ExpanderItem as n, Block as t };
-//# sourceMappingURL=menus-DpH9dqww.js.map

package/dist/menus-DpH9dqww.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menus-DpH9dqww.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/methodUtils-DwkBQ6fj.js

@@ -1,20 +0,0 @@
-import { ConfigService, apiMutate } from "udp-react-stencil-component-library";
-
-//#region src/udp/utilities/methodUtils.js
-const getBaseMethod = (type, baseType, catalogPromotedEntities) => {
-	if (!catalogPromotedEntities) return null;
-	const entityMethod = catalogPromotedEntities.find((promotedEntity) => {
-		const entityNameParts = promotedEntity.entityName.split(".");
-		if (entityNameParts.length) return entityNameParts[entityNameParts.length - 1] === type;
-		return false;
-	});
-	return entityMethod ? entityMethod[baseType] : null;
-};
-const executeQueryAdHoc = async (data, apiMethodId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
-const executeQueryWithParameters = async (data, apiMethodId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
-const executeQueryInstance = async (data, apiMethodInstanceId, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`, { method: "post" }, data);
-const executeQueryInstanceWithApiMethodInstance = async (data, urlQueryParams = "") => apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance${urlQueryParams}`, { method: "post" }, data);
-
-//#endregion
-export { getBaseMethod as a, executeQueryWithParameters as i, executeQueryInstance as n, executeQueryInstanceWithApiMethodInstance as r, executeQueryAdHoc as t };
-//# sourceMappingURL=methodUtils-DwkBQ6fj.js.map

package/dist/methodUtils-DwkBQ6fj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"methodUtils-DwkBQ6fj.js","names":[],"sources":["../src/udp/utilities/methodUtils.js"],"sourcesContent":["import { ConfigService, apiMutate} from 'udp-react-stencil-component-library';\n\nexport const getBaseMethod = (type, baseType, catalogPromotedEntities) => {\n  if (!catalogPromotedEntities) {\n    return null;\n  }\n  const entityMethod = catalogPromotedEntities.find((promotedEntity) => {\n    const entityNameParts = promotedEntity.entityName.split('.');\n    if (entityNameParts.length) {\n      return entityNameParts[entityNameParts.length - 1] === type;\n    }\n    return false;\n  });\n  return entityMethod ? entityMethod[baseType] : null;\n};\n\nexport const executeQueryAdHoc = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryWithParameters = async (\n  data,\n  apiMethodId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryInstance = async (\n  data,\n  apiMethodInstanceId,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n\nexport const executeQueryInstanceWithApiMethodInstance = async (\n  data,\n  urlQueryParams = ''\n) =>\n  apiMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryInstance${urlQueryParams}`,\n    {\n      method: 'post'\n    },\n    data\n  );\n"],"mappings":";;;AAEA,MAAa,iBAAiB,MAAM,UAAU,4BAA4B;AACxE,KAAI,CAAC,wBACH,QAAO;CAET,MAAM,eAAe,wBAAwB,MAAM,mBAAmB;EACpE,MAAM,kBAAkB,eAAe,WAAW,MAAM,IAAI;AAC5D,MAAI,gBAAgB,OAClB,QAAO,gBAAgB,gBAAgB,SAAS,OAAO;AAEzD,SAAO;GACP;AACF,QAAO,eAAe,aAAa,YAAY;;AAGjD,MAAa,oBAAoB,OAC/B,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,+BAA+B,cAAc,kBAC7C,EACE,QAAQ,QACT,EACD,KACD;AAEH,MAAa,6BAA6B,OACxC,MACA,aACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,wCAAwC,cAAc,kBACtD,EACE,QAAQ,QACT,EACD,KACD;AAEH,MAAa,uBAAuB,OAClC,MACA,qBACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,kCAAkC,sBAAsB,kBACxD,EACE,QAAQ,QACT,EACD,KACD;AAEH,MAAa,4CAA4C,OACvD,MACA,iBAAiB,OAEjB,UACE,cAAc,qBACd,iCAAiC,kBACjC,EACE,QAAQ,QACT,EACD,KACD"}

package/dist/mttFunctions-BwD8i0ZG.js

@@ -1,248 +0,0 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
-
-//#region src/componentSystems/multiThreadTimeline/functions/mttFunctions.js
-var mttFunctions_exports = /* @__PURE__ */ __export({
-	formatDataWithTimelineCategoryName: () => formatDataWithTimelineCategoryName,
-	formatDataWithTimelineCategoryNameOrderedByDate: () => formatDataWithTimelineCategoryNameOrderedByDate,
-	plotCategoryBar: () => plotCategoryBar,
-	plotX: () => plotX,
-	plotY: () => plotY
-});
-const plotY = (item, data, nodeWidth) => {
-	const plotDate = [item];
-	let dates = [];
-	data && data.map((item$1) => {
-		dates.push(item$1.date);
-	});
-	let unique = [...new Set(dates)];
-	const mappedToObjects = unique.map(function(value) {
-		return { date: value };
-	});
-	const plots = [];
-	for (let i = 1; i <= unique.length; i++) plots.push(i);
-	return mappedToObjects.map((o, i) => ({
-		...o,
-		plots: plots[i] || null
-	})).filter(({ date }) => plotDate.includes(date)).map(({ plots: plots$1 }) => plots$1).map((item$1) => {
-		return item$1;
-	}) * nodeWidth - nodeWidth;
-};
-const plotX = (timeline, subThread, data, threadHeight) => {
-	const xLine = data && data.map((item) => {
-		return item.timeline.toString() + "." + item.subThread.toString();
-	});
-	const rowIndex = [...new Set(xLine)].reduce(function(s, a) {
-		s.push({ thread: a });
-		return s;
-	}, []);
-	const concatIndex = timeline + "." + subThread;
-	const results = rowIndex.map((v, index) => ({
-		...v,
-		rowIndex: index
-	})).filter(function(entry) {
-		return entry.thread === concatIndex;
-	});
-	return results[0] && results[0].rowIndex * threadHeight;
-};
-function formatDate(date) {
-	return new Date(date).toLocaleDateString("en-US");
-}
-function getChildObject(childObj) {
-	const date = formatDate(childObj.date);
-	return {
-		date,
-		details: {
-			id: childObj.id,
-			eventTypeID: childObj.eventTypeID,
-			primaryContextID: childObj.primaryContextID,
-			secondaryContextID: childObj.secondaryContextID,
-			date,
-			transactionType: childObj.transactionType,
-			description: childObj.description,
-			shortDescription: childObj.shortDescription,
-			data2: childObj.data2,
-			data1: childObj.data1,
-			data3: childObj.data3,
-			serializeFields: childObj.serializeFields,
-			mttEventsNewEventType: childObj.mttEventsNewEventType,
-			threadId: childObj.threadId,
-			timelineCategory: childObj.timelineCategory,
-			color: childObj.color,
-			icon: childObj.icon
-		}
-	};
-}
-function getEventsObjects(object, timeline) {
-	return object.map((obj) => {
-		const date = formatDate(obj.date);
-		return {
-			date,
-			details: {
-				id: obj.id,
-				eventTypeID: obj.eventTypeID,
-				primaryContextID: obj.primaryContextID,
-				secondaryContextID: obj.secondaryContextID,
-				date,
-				transactionType: obj.transactionType,
-				description: obj.description,
-				shortDescription: obj.shortDescription,
-				data2: obj.data2,
-				data1: obj.data1,
-				data3: obj.data3,
-				serializeFields: obj.serializeFields,
-				mttEventsNewEventType: obj.mttEventsNewEventType,
-				threadId: obj.threadId,
-				timelineCategory: obj.timelineCategory,
-				timeline,
-				color: obj.color,
-				icon: obj.icon
-			}
-		};
-	});
-}
-const formatDataWithTimelineCategoryName = (object) => {
-	let tempObject = [];
-	object.forEach((obj) => {
-		obj.events.forEach((event) => {
-			const foundThreadEvent = (obj.mttThreadMttThreadEvents || obj.udpMttThreadUdpMttThreadEvents || []).find((threadEvent) => event.transactionType?.toString() === threadEvent.transactionType?.toString());
-			if (foundThreadEvent) {
-				event.color = foundThreadEvent.color === null || foundThreadEvent.color === void 0 || foundThreadEvent.color === "" || foundThreadEvent.color === " " ? obj.color : foundThreadEvent.color;
-				event.icon = foundThreadEvent.icon;
-			} else {
-				event.color = obj.color;
-				event.icon = obj.iconID;
-			}
-		});
-	});
-	object.forEach((obj) => {
-		let existsTimelineFlag = false;
-		const mttThreadMttConfig = obj.mttThreadMttConfig || obj.udpMttThreadUdpMttConfig;
-		tempObject.forEach((tmpObj) => {
-			if (mttThreadMttConfig?.sequence === tmpObj.timeline) {
-				tmpObj.dates.push(...getEventsObjects(obj.events, mttThreadMttConfig?.sequence));
-				existsTimelineFlag = true;
-			}
-		});
-		if (!existsTimelineFlag) tempObject.push({
-			timeline: mttThreadMttConfig?.sequence,
-			timelineCategoryName: mttThreadMttConfig?.name,
-			color: obj.color,
-			iconID: obj.iconID,
-			dates: getEventsObjects(obj.events, mttThreadMttConfig?.sequence)
-		});
-	});
-	let cleanObjects = [];
-	tempObject.forEach((obj) => {
-		let subThreadCount = 1;
-		obj.dates.forEach((dateObj) => {
-			let existsSubThreadFlag = false;
-			const foundIndex = cleanObjects.findIndex((searchObj) => {
-				return searchObj.timeline === dateObj.details.timeline && searchObj.dates[0].details.secondaryContextID === dateObj.details.secondaryContextID && formatDate(searchObj.date) === formatDate(dateObj.details.date);
-			});
-			if (foundIndex > -1) {
-				cleanObjects[foundIndex].dates.push(getChildObject(dateObj.details));
-				existsSubThreadFlag = true;
-			} else {
-				const foundIndex2 = cleanObjects.findIndex((searchObj) => searchObj.timeline === dateObj.details.timeline && searchObj.dates[0].details.secondaryContextID === dateObj.details.secondaryContextID && formatDate(searchObj.date) !== formatDate(dateObj.details.date));
-				if (foundIndex2 > -1) {
-					cleanObjects.push({
-						timeline: cleanObjects[foundIndex2].timeline,
-						subThread: cleanObjects[foundIndex2].subThread,
-						timelineCategoryName: cleanObjects[foundIndex2].timelineCategoryName,
-						color: dateObj?.details?.color ? dateObj.details.color : cleanObjects[foundIndex2].color,
-						iconID: dateObj?.details?.icon ? dateObj.details.icon : cleanObjects[foundIndex2].iconID,
-						date: formatDate(dateObj.details.date),
-						dates: [getChildObject(dateObj.details)]
-					});
-					existsSubThreadFlag = true;
-				}
-			}
-			if (!existsSubThreadFlag) cleanObjects.push({
-				timeline: obj.timeline,
-				subThread: subThreadCount++,
-				timelineCategoryName: obj.timelineCategoryName,
-				color: dateObj?.details?.color ? dateObj.details.color : obj.color,
-				iconID: dateObj?.details?.icon ? dateObj.details.icon : obj.iconID,
-				date: formatDate(dateObj.details.date),
-				dates: [getChildObject(dateObj.details)]
-			});
-		});
-	});
-	return cleanObjects;
-};
-const plotCategoryBar = (timelineNumber, subThread, data, timeline, threadHeight) => {
-	const xLine = data && formatDataWithTimelineCategoryName(timeline).map((item) => {
-		return item.timeline.toString() + "." + item.subThread.toString();
-	});
-	const rowIndex = [...new Set(xLine)].reduce(function(s, a) {
-		s.push({ thread: a });
-		return s;
-	}, []);
-	const concatIndex = timelineNumber + "." + subThread;
-	const results = rowIndex.map((v, index) => ({
-		...v,
-		rowIndex: index + 1
-	})).filter(function(entry) {
-		return entry.thread === concatIndex;
-	});
-	return (results[0] && results[0].rowIndex * threadHeight) - threadHeight;
-};
-function orderByDate(a, b) {
-	if (new Date(a.date) < new Date(b.date)) return -1;
-	if (new Date(a.date) > new Date(b.date)) return 1;
-	return 0;
-}
-function orderByDateTimeline(a, b) {
-	if (!a?.length || !b?.length) return 0;
-	if (new Date(a[0].date) < new Date(b[0].date)) return -1;
-	if (new Date(a[0].date) > new Date(b[0].date)) return 1;
-	return 0;
-}
-function orderByDateSubThread(a, b) {
-	if (!a?.length || !b?.length) return 0;
-	if (new Date(a[0].date) < new Date(b[0].date)) return -1;
-	if (new Date(a[0].date) > new Date(b[0].date)) return 1;
-	return 0;
-}
-const formatDataWithTimelineCategoryNameOrderedByDate = (inputData) => {
-	let data = formatDataWithTimelineCategoryName(inputData).sort(orderByDate);
-	let maxElement = 1;
-	data.forEach((obj) => {
-		if (maxElement < obj.timeline) maxElement = obj.timeline;
-	});
-	let objArr = [...Array(maxElement)].map((e) => e = []);
-	data.forEach((obj) => {
-		objArr.forEach((val, index) => {
-			if (obj.timeline === index + 1) objArr[index].push(obj);
-		});
-	});
-	objArr.sort(orderByDateTimeline);
-	let objArr2 = [...Array(maxElement)].map((e) => e = []);
-	let maxElements;
-	objArr.forEach((objs, i) => {
-		maxElements = 1;
-		objs.forEach((obj) => {
-			if (maxElements < obj.subThread) maxElements = obj.subThread;
-		});
-		objArr2[i] = maxElements;
-	});
-	let objArr3 = [...Array(maxElement)].map((e) => e = []);
-	objArr2.forEach((obj, index) => objArr3[index] = [...Array(obj)].map((e) => e = []));
-	objArr.forEach((ob) => {
-		ob.forEach((o) => {
-			objArr3.forEach((objs, j) => {
-				objs.forEach((obj, k) => {
-					if (o.timeline === j + 1 && o.subThread === k + 1) obj.push(o);
-				});
-			});
-		});
-	});
-	objArr3.forEach((objs) => {
-		objs.sort(orderByDateSubThread).forEach((obj, index) => obj.forEach((obj$1) => obj$1.subThread = index + 1));
-	});
-	return objArr3.flat(2);
-};
-
-//#endregion
-export { plotX as a, plotCategoryBar as i, formatDataWithTimelineCategoryNameOrderedByDate as n, plotY as o, mttFunctions_exports as r, formatDataWithTimelineCategoryName as t };
-//# sourceMappingURL=mttFunctions-BwD8i0ZG.js.map