udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.3

package/dist/inquiryBar-C2HJJSqs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inquiryBar-C2HJJSqs.js","names":["useStyles"],"sources":["../src/inquiry/inquiryBar/InquiryControlList.jsx","../src/inquiry/inquiryBar/InquiryNodeControls.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { IconButtonWithTooltip } from '../../UI/inputs/buttons/IconButtonWithToolTip';\nimport {\n  EraseToolIcon,\n  ChevronUnfold10Icon,\n  UploadIcon,\n  SkypeMinusIcon,\n  ChevronFold10Icon,\n  ViewListTreeIcon,\n  BulletedTreeListIcon\n} from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { TreeViewModeEnums } from '../../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'space-between'\n    // width: 170\n  },\n  icon: {\n    margin: theme.spacing(0.5),\n    borderRadius: 2,\n    width: theme.spacing(1),\n    height: theme.spacing(1)\n  }\n}));\n\nexport const InquiryControlList = ({\n  remove,\n  expandAll,\n  collapseAll,\n  moveToTop,\n  clearAll,\n  switchTreeViewMode,\n  treeViewMode,\n  hiddenControls = [],\n  classes: classProps\n}) => {\n  const classes = useStyles();\n  const { inquiryControlListRoot } = classProps || {};\n\n  const controlList = useMemo(() => {\n    return [\n      {\n        id: 'clearAll',\n        label: 'Clear All',\n        icon: SkypeMinusIcon,\n        clickFunction: clearAll\n      },\n      {\n        id: 'remove',\n        label: 'Remove',\n        icon: EraseToolIcon,\n        clickFunction: remove\n      },\n      {\n        id: 'collapseAll',\n        label: 'Collapse All',\n        icon: ChevronFold10Icon,\n        clickFunction: collapseAll\n      },\n      {\n        id: 'expandAll',\n        label: 'Expand All',\n        icon: ChevronUnfold10Icon,\n        clickFunction: expandAll\n      },\n      {\n        id: 'moveToTop',\n        label: 'Move To Top',\n        icon: UploadIcon,\n        clickFunction: moveToTop\n      },\n      {\n        id: 'switchTreeViewMode',\n        label:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? 'Classic View'\n            : 'Compact View',\n        icon:\n          treeViewMode === TreeViewModeEnums.Compact\n            ? ViewListTreeIcon\n            : BulletedTreeListIcon,\n        clickFunction: switchTreeViewMode\n      }\n    ];\n  }, [\n    remove,\n    expandAll,\n    moveToTop,\n    clearAll,\n    collapseAll,\n    treeViewMode,\n    switchTreeViewMode\n  ]);\n\n  const filteredControlList = useMemo(() => {\n    if (!controlList) {\n      return [];\n    }\n    return controlList.filter(\n      (control) => !hiddenControls.includes(control.id)\n    );\n  }, [controlList, hiddenControls]);\n\n  const ButtonItem = ({ title, icon, clickFunction }) => {\n    return (\n      <IconButtonWithTooltip\n        id={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        udprecordid={`udpRecord-InquiryControlList-${title.replace(/\\s+/g, '')}`}\n        title={title}\n        className={classes.icon}\n        size='medium'\n        onClick={clickFunction}\n        icon={icon}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(classes.root, inquiryControlListRoot)}>\n      {filteredControlList.map((item) => {\n        return (\n          <ButtonItem\n            title={item.label}\n            icon={item.icon}\n            clickFunction={item.clickFunction}\n          />\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useMemo, useState, useEffect } from 'react';\nimport { makeStyles, Typography, Popper, useTheme } from '@material-ui/core';\nimport { InquiryControlList } from './InquiryControlList';\nimport { FluentSearchField } from '../../UI/inputs/textField/FluentSearchField';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  upperWrapper: {\n    paddingLeft: theme.spacing(1),\n    paddingRight: theme.spacing(1)\n  },\n  button: {\n    textTransform: 'none',\n    textDecorationLine: 'underline',\n    padding: 0,\n    height: theme.spacing(3),\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0)'\n    }\n  },\n  searchRow: {\n    display: 'inline-flex',\n    width: '100%'\n  },\n  searchField: {\n    width: '100%'\n  },\n  entitySelect: {},\n  inputPropRoot: { height: theme.spacing(4), borderRadius: 0 },\n  inputPropInput: { marginTop: theme.spacing(-1.75) },\n  formControl: {\n    '& .MuiFormControl-marginDense': {\n      marginTop: 7\n    },\n    width: theme.spacing(9)\n  },\n  formLabelRoot: {\n    marginTop: -7\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return (\n    <Popper\n      {...props}\n      style={{ maxWidth: 'fit-content' }}\n      placement='bottom-start'\n    />\n  );\n};\n\nexport const InquiryNodeControls = (props) => {\n  const {\n    children,\n    remove,\n    expandAll,\n    collapseAll,\n    moveToTop,\n    clearAll,\n    switchTreeViewMode,\n    treeViewMode,\n    changeSideBarView,\n    showSearch = true,\n    showControls = true,\n    hiddenControls = [],\n    classes: classProps,\n    entityList,\n    entityValue,\n    setEntityValue,\n    clearSearchStr,\n    setClearSearchStr,\n    isPreloadedTree,\n    treeLoading,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const [searchValue, setSearchValue] = useState('');\n  const theme = useTheme();\n\n  const handleEntityChange = (value) => {\n    setEntityValue(value);\n  };\n\n  const handleOnChange = (event) => {\n    setSearchValue(event.target.value);\n  };\n\n  const updatedEntityList = useMemo(() => {\n    if (!entityList) {\n      return [];\n    }\n    const list = [...entityList];\n    list.unshift({ value: '', label: 'All' });\n    return list;\n  }, [entityList]);\n\n  useEffect(() => {\n    if (clearSearchStr) {\n      setSearchValue('');\n      setClearSearchStr(false);\n    }\n  }, [clearSearchStr, setClearSearchStr]);\n\n  return (\n    <>\n      <div className={classes.upperWrapper}>\n        {showSearch && !isPreloadedTree && (\n          <div className={classes.searchRow}>\n            <div className={classes.searchField}>\n              <FluentSearchField\n                id='udpRecord-InquiryNodeControls-Search'\n                udprecordid='udpRecord-InquiryNodeControls-Search'\n                value={searchValue}\n                onChange={handleOnChange}\n                {...otherProps}\n              />\n            </div>\n            {!!!hiddenControls.length && (\n              <div className={classes.entitySelect}>\n                <FluentTextFieldAutoComplete\n                  id='udpRecord-InquiryNodeControls-DropDown'\n                  udprecordid='udpRecord-InquiryNodeControls-DropDown'\n                  variant='filled'\n                  margin='normal'\n                  size='small'\n                  fullWidth\n                  disableClearable={true}\n                  customPopper={AutoCompletePopper}\n                  inputProps={{ disableUnderline: true }}\n                  classes={classes}\n                  options={updatedEntityList}\n                  optionKey='label'\n                  value={entityValue || updatedEntityList[0]}\n                  onChange={handleEntityChange}\n                />\n              </div>\n            )}\n          </div>\n        )}\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: showControls ? 'space-between' : 'end',\n            height: !!hiddenControls?.length && theme.spacing(3)\n          }}\n        >\n          {showControls && (\n            <InquiryControlList\n              remove={remove}\n              expandAll={expandAll}\n              collapseAll={collapseAll}\n              moveToTop={moveToTop}\n              clearAll={clearAll}\n              switchTreeViewMode={switchTreeViewMode}\n              treeViewMode={treeViewMode}\n              hiddenControls={hiddenControls}\n              classes={classProps}\n            />\n          )}\n          {!!!hiddenControls.length && changeSideBarView && !treeLoading && (\n            <FluentButton\n              id='udpRecord-InquiryNodeControls-AdvSearch'\n              udprecordid='udpRecord-InquiryNodeControls-AdvSearch'\n              onClick={() => changeSideBarView(1)}\n              className={classes.button}\n            >\n              <Typography variant='caption'>Adv. Search</Typography>\n            </FluentButton>\n          )}\n        </div>\n      </div>\n      {showControls && (\n        <div\n          style={{\n            // margin: !!!hiddenControls.length ? '0px 8px 4px' : '8px 8px 4px',\n            marginBottom: !!!hiddenControls.length ? 0 : 8\n          }}\n        >\n          {/* <Divider /> */}\n        </div>\n      )}\n      <div className={classes.root}>{children}</div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/layout/index.js

@@ -8,7 +8,7 @@ import "../StatusChip-4NHp2t6B.js";
 import "../AmbientCardButton-rxhZY2T5.js";
 import "../Adornment-CrC1zHSp.js";
 import "../AmbientCard-Bl34OCRH.js";
-import { n as GridUnit, r as getRatio, t as GridRow } from "../GridRow-CfCj0Upc.js";
-import { n as HeaderLayout, r as GridGroup, t as SideBarTemplate } from "../SideBarTemplate-DQnJKwXP.js";
+import { n as GridUnit, r as getRatio, t as GridRow } from "../GridRow-KktUKRX-.js";
+import { n as HeaderLayout, r as GridGroup, t as SideBarTemplate } from "../SideBarTemplate-DKYcwE38.js";
 
 export { GridGroup, GridRow, GridUnit, HeaderLayout, LayoutUnit, SideBarTemplate, getRatio };

package/dist/maintenanceEngine/crudBrowser/index.js

@@ -43,12 +43,12 @@ import "../../PageContext-eAdaXnSC.js";
 import "../../useSetLocationState-rHUPN6XU.js";
 import "../../methodUtils-DwkBQ6fj.js";
 import "../../usePromotedMethodEntity-Dw56T1IV.js";
-import "../../useDefaultFormValues-B55mvF77.js";
-import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../../CrudBrowserContainer-BCn9YKhz.js";
-import "../../SearchMethodUdpGrid-DUklUn5Q.js";
-import "../../tagEnums-K1z2SNKZ.js";
-import "../../CrudForm-Bb9BvEVm.js";
-import { t as CrudTableSidePanel } from "../../CrudTableSidePanel-Cwd9NuYq.js";
-import "../../crudBrowser-BG7BYo4m.js";
+import "../../useDefaultFormValues-DFnzUcHv.js";
+import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../../CrudBrowserContainer-CwD2cxD0.js";
+import "../../SearchMethodUdpGrid-DO52Bj_B.js";
+import "../../tagEnums-BHtWD8NV.js";
+import "../../CrudForm-CN5vjshw.js";
+import { t as CrudTableSidePanel } from "../../CrudTableSidePanel-DBg4P_v7.js";
+import "../../crudBrowser-DX85rr54.js";
 
 export { CrudBrowserContainer, CrudTableColumnDefs, CrudTableSidePanel, mapDotNetTypeToAgGridType };

package/dist/maintenanceEngine/index.js

@@ -75,19 +75,19 @@ import "../DynamicContainerWithMenu-u2hlPBNw.js";
 import "../IconButtonWithToolTip-C8Gr_PHd.js";
 import "../HintPanel-C6R_3C7z.js";
 import "../SearchOperator-D9838PIe.js";
-import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../TableContainer-CjJCsvvs.js";
-import "../SearchServiceDatasource-CE-VlvY1.js";
-import "../useDefaultFormValues-B55mvF77.js";
-import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../CrudBrowserContainer-BCn9YKhz.js";
-import "../SearchMethodUdpGrid-DUklUn5Q.js";
-import "../tagEnums-K1z2SNKZ.js";
-import "../CrudForm-Bb9BvEVm.js";
-import { n as UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, t as CrudTableSidePanel } from "../CrudTableSidePanel-Cwd9NuYq.js";
+import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../TableContainer-CJFW0Teg.js";
+import "../SearchServiceDatasource-DofS4I45.js";
+import "../useDefaultFormValues-DFnzUcHv.js";
+import { n as CrudTableColumnDefs, r as mapDotNetTypeToAgGridType, t as CrudBrowserContainer } from "../CrudBrowserContainer-CwD2cxD0.js";
+import "../SearchMethodUdpGrid-DO52Bj_B.js";
+import "../tagEnums-BHtWD8NV.js";
+import "../CrudForm-CN5vjshw.js";
+import { n as UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, t as CrudTableSidePanel } from "../CrudTableSidePanel-DBg4P_v7.js";
 import "../virtualActions-CVQjzQ44.js";
 import "../VirtualForm-yknhCBI8.js";
-import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../VirtualBrowser-MrJ2WyXZ.js";
-import "../virtualBrowser-BjGPv8Ks.js";
-import "../tableBrowser-_iJW5ftf.js";
-import "../crudBrowser-BG7BYo4m.js";
+import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../VirtualBrowser-DitDAizB.js";
+import "../virtualBrowser-CCd9f5nk.js";
+import "../tableBrowser-W5DVnX-k.js";
+import "../crudBrowser-DX85rr54.js";
 
 export { CrudBrowserContainer, CrudTableColumnDefs, CrudTableSidePanel, TableColumnDefs, TableContainer, UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE, VirtualBrowser, VirtualTableColumnDefs, VirtualTableSidePanel, defaultColActionsDef, defaultColumnActionsDef, mapDotNetTypeToAgGridType };

package/dist/maintenanceEngine/tableBrowser/index.js

@@ -54,8 +54,8 @@ import "../../DynamicContainerWithMenu-u2hlPBNw.js";
 import "../../IconButtonWithToolTip-C8Gr_PHd.js";
 import "../../HintPanel-C6R_3C7z.js";
 import "../../SearchOperator-D9838PIe.js";
-import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../../TableContainer-CjJCsvvs.js";
-import "../../SearchServiceDatasource-CE-VlvY1.js";
-import "../../tableBrowser-_iJW5ftf.js";
+import { n as TableColumnDefs, r as defaultColumnActionsDef, t as TableContainer } from "../../TableContainer-CJFW0Teg.js";
+import "../../SearchServiceDatasource-DofS4I45.js";
+import "../../tableBrowser-W5DVnX-k.js";
 
 export { TableColumnDefs, TableContainer, defaultColumnActionsDef };

package/dist/maintenanceEngine/virtualBrowser/index.js

@@ -71,7 +71,7 @@ import "../../HintPanel-C6R_3C7z.js";
 import "../../SearchOperator-D9838PIe.js";
 import "../../virtualActions-CVQjzQ44.js";
 import "../../VirtualForm-yknhCBI8.js";
-import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../../VirtualBrowser-MrJ2WyXZ.js";
-import "../../virtualBrowser-BjGPv8Ks.js";
+import { a as defaultColActionsDef, i as VirtualTableColumnDefs, r as VirtualTableSidePanel, t as VirtualBrowser } from "../../VirtualBrowser-DitDAizB.js";
+import "../../virtualBrowser-CCd9f5nk.js";
 
 export { VirtualBrowser, VirtualTableColumnDefs, VirtualTableSidePanel, defaultColActionsDef };

package/dist/map-library/Controls/index.js

@@ -1,5 +1,5 @@
-import { n as FullScreenControl, r as Controls, t as ZoomControl } from "../../ZoomControl-BQ6aV6cO.js";
-import { t as MapContext_default } from "../../MapContext-DyuJF6vT.js";
+import { n as FullScreenControl, r as Controls, t as ZoomControl } from "../../ZoomControl-BTO3raDM.js";
+import { t as MapContext_default } from "../../MapContext-C0QCTK9-.js";
 import React, { useContext, useEffect, useState } from "react";
 import { Control } from "ol/control";
 import { createPortal } from "react-dom";

package/dist/map-library/Layers/index.js

@@ -1,4 +1,4 @@
-import "../../MapContext-DyuJF6vT.js";
-import { i as ImageLayer, n as TileLayer, r as Layers, t as VectorLayer } from "../../VectorLayer-lxWaAEEB.js";
+import "../../MapContext-C0QCTK9-.js";
+import { i as ImageLayer, n as TileLayer, r as Layers, t as VectorLayer } from "../../VectorLayer-DhNuJLQ_.js";
 
 export { ImageLayer, Layers, TileLayer, VectorLayer };

package/dist/map-library/Map/index.js

@@ -1,8 +1,8 @@
 import "../../FluentButton-3xMbN_Vs.js";
-import "../../MapContext-DyuJF6vT.js";
-import "../../FluentTextField-CgQcsDtq.js";
-import "../../GeoLocation-CpjesoCi.js";
-import "../../usePrevious-DcRHSVFh.js";
-import { t as Map } from "../../Map-ChRg-LpE.js";
+import "../../MapContext-C0QCTK9-.js";
+import "../../FluentTextField-CPpViNni.js";
+import "../../GeoLocation-BaD7pKM9.js";
+import "../../usePrevious-DKfZQsm9.js";
+import { t as Map } from "../../Map-DWXcBhH1.js";
 
 export { Map };

package/dist/map-library/functions/index.js

@@ -1,3 +1,3 @@
-import { n as usePosition, t as useControlZoom } from "../../mapFunctions-Bj-QtX0N.js";
+import { n as usePosition, t as useControlZoom } from "../../mapFunctions-D63LqAPS.js";
 
 export { useControlZoom, usePosition };

package/dist/map-library/geoLocation/index.js

@@ -1,5 +1,5 @@
 import "../../FluentButton-3xMbN_Vs.js";
-import "../../FluentTextField-CgQcsDtq.js";
-import { n as FreeFormField } from "../../GeoLocation-CpjesoCi.js";
+import "../../FluentTextField-CPpViNni.js";
+import { n as FreeFormField } from "../../GeoLocation-BaD7pKM9.js";
 
 export { FreeFormField };

package/dist/map-library/ui/index.js

@@ -1,6 +1,6 @@
 import "../../FluentIcon-iRSVzrph.js";
 import "../../FluentIconButton-AN9tZKVl.js";
-import "../../FluentInputSlider-GXgusPZa.js";
-import { n as MapSheet, r as MapFilterBar, t as TileDisplay } from "../../TileDisplay-Btcf3Wrm.js";
+import "../../FluentInputSlider-BqI2PdVF.js";
+import { n as MapSheet, r as MapFilterBar, t as TileDisplay } from "../../TileDisplay-DvHKTjpO.js";
 
 export { MapFilterBar, MapSheet, TileDisplay };

package/dist/{mapFunctions-Bj-QtX0N.js → mapFunctions-D63LqAPS.js}

@@ -29,4 +29,4 @@ const usePosition = (initial) => {
 
 //#endregion
 export { usePosition as n, useControlZoom as t };
-//# sourceMappingURL=mapFunctions-Bj-QtX0N.js.map
+//# sourceMappingURL=mapFunctions-D63LqAPS.js.map

package/dist/{mapFunctions-Bj-QtX0N.js.map → mapFunctions-D63LqAPS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"mapFunctions-Bj-QtX0N.js","names":[],"sources":["../src/map-library/functions/mapFunctions.js"],"sourcesContent":["import { useState } from 'react'\n\nexport const useControlZoom = (initial) => {\n  const [zoom, setZoom] = useState(initial)\n\n  const handleSetZoom = (input) => {\n    const direction = input === 'in' ? 1 : -1\n    setZoom(zoom + direction)\n  }\n\n  const handleSliderChange = (event, newValue) => {\n    setZoom(newValue)\n  }\n\n  const handleInputChange = (event) => {\n    setZoom(event.target.value === '' ? '' : Number(event.target.value))\n  }\n\n  return [zoom, handleSetZoom, handleSliderChange, handleInputChange]\n}\n\nexport const usePosition = (initial) => {\n  const [center, setCenter] = useState(initial)\n\n  const handlePosition = (input) => {\n    setCenter(input)\n  }\n\n  return [center, handlePosition]\n}\n"],"mappings":";;;AAEA,MAAa,kBAAkB,YAAY;CACzC,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CAEzC,MAAM,iBAAiB,UAAU;AAE/B,UAAQ,QADU,UAAU,OAAO,IAAI,IACd;;CAG3B,MAAM,sBAAsB,OAAO,aAAa;AAC9C,UAAQ,SAAS;;CAGnB,MAAM,qBAAqB,UAAU;AACnC,UAAQ,MAAM,OAAO,UAAU,KAAK,KAAK,OAAO,MAAM,OAAO,MAAM,CAAC;;AAGtE,QAAO;EAAC;EAAM;EAAe;EAAoB;EAAkB;;AAGrE,MAAa,eAAe,YAAY;CACtC,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAE7C,MAAM,kBAAkB,UAAU;AAChC,YAAU,MAAM;;AAGlB,QAAO,CAAC,QAAQ,eAAe"}
+{"version":3,"file":"mapFunctions-D63LqAPS.js","names":[],"sources":["../src/map-library/functions/mapFunctions.js"],"sourcesContent":["import { useState } from 'react'\n\nexport const useControlZoom = (initial) => {\n  const [zoom, setZoom] = useState(initial)\n\n  const handleSetZoom = (input) => {\n    const direction = input === 'in' ? 1 : -1\n    setZoom(zoom + direction)\n  }\n\n  const handleSliderChange = (event, newValue) => {\n    setZoom(newValue)\n  }\n\n  const handleInputChange = (event) => {\n    setZoom(event.target.value === '' ? '' : Number(event.target.value))\n  }\n\n  return [zoom, handleSetZoom, handleSliderChange, handleInputChange]\n}\n\nexport const usePosition = (initial) => {\n  const [center, setCenter] = useState(initial)\n\n  const handlePosition = (input) => {\n    setCenter(input)\n  }\n\n  return [center, handlePosition]\n}\n"],"mappings":";;;AAEA,MAAa,kBAAkB,YAAY;CACzC,MAAM,CAAC,MAAM,WAAW,SAAS,QAAQ;CAEzC,MAAM,iBAAiB,UAAU;AAE/B,UAAQ,QADU,UAAU,OAAO,IAAI,IACd;;CAG3B,MAAM,sBAAsB,OAAO,aAAa;AAC9C,UAAQ,SAAS;;CAGnB,MAAM,qBAAqB,UAAU;AACnC,UAAQ,MAAM,OAAO,UAAU,KAAK,KAAK,OAAO,MAAM,OAAO,MAAM,CAAC;;AAGtE,QAAO;EAAC;EAAM;EAAe;EAAoB;EAAkB;;AAGrE,MAAa,eAAe,YAAY;CACtC,MAAM,CAAC,QAAQ,aAAa,SAAS,QAAQ;CAE7C,MAAM,kBAAkB,UAAU;AAChC,YAAU,MAAM;;AAGlB,QAAO,CAAC,QAAQ,eAAe"}

package/dist/{mapLayout-C-bB84bX.js → mapLayout-DXSAQKQp.js}

@@ -5,9 +5,9 @@ import { t as Adornment } from "./Adornment-CrC1zHSp.js";
 import { t as AmbientCard } from "./AmbientCard-Bl34OCRH.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-Cbl9GXcd.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-C8Gr_PHd.js";
-import { n as GridUnit, t as GridRow } from "./GridRow-CfCj0Upc.js";
-import { t as FluentTextField } from "./FluentTextField-CgQcsDtq.js";
-import { t as useAuthedUser } from "./useAuthedUser-BRX-xjnS.js";
+import { n as GridUnit, t as GridRow } from "./GridRow-KktUKRX-.js";
+import { t as FluentTextField } from "./FluentTextField-CPpViNni.js";
+import { t as useAuthedUser } from "./useAuthedUser-CXowatE7.js";
 import { t as CompactDataListItem } from "./CompactDataListItem-Ct0UXeUO.js";
 import { t as CompactDataList } from "./CompactDataList-D6OXkiWu.js";
 import { n as UdpMapComponent, t as UdpMapToolbar } from "./UdpMapToolbar-B1-dPjMe.js";
@@ -782,4 +782,4 @@ const MapLayout = (props) => {
 
 //#endregion
 export { getChildrenObjectsWithNoChildren as n, CompactCard as r, MapLayout as t };
-//# sourceMappingURL=mapLayout-C-bB84bX.js.map
+//# sourceMappingURL=mapLayout-DXSAQKQp.js.map

package/dist/{mapLayout-C-bB84bX.js.map → mapLayout-DXSAQKQp.js.map}

@@ -1 +1 @@
-{"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,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"}
+{"version":3,"file":"mapLayout-DXSAQKQp.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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,cAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,gBAAgB;EAChB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,iBAAiB;EACf,SAAS;EACT,eAAe;EACf,YAAY;EACZ,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,OAAO;EACL,MAAM;EACN,YAAY;EACb;CACD,QAAQ;EACN,WAAW;EACX,YAAY,MAAM,YAAY,OAAO,aAAa,EAChD,UAAU,MAAM,YAAY,SAAS,UACtC,CAAC;EACH;CACD,YAAY,EACV,WAAW,kBACZ;CACD,qBAAqB;EACnB,SAAS;EACT,gBAAgB;EACjB;CACD,gBAAgB,EACd,WAAW,MAAM,QAAQ,IAAI,EAC9B;CACD,mBAAmB,EACjB,cAAc,GACf;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACT;CACD,gBAAgB,EACd,MAAM,GACP;CACD,eAAe;EACb,OAAO;EACP,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,YAAY;EACZ,gBAAgB,EACd,eAAe,MAAM,QAAQ,EAAE,EAChC;EACF;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EACJ,OACA,aACA,eACA,SAAS,OACT,eAAe,EAAE,EACjB,SAAS,QACT,aACA,eACA,gBAAgB,MAChB,QACA,gBACA,qBACA,oBACA,uBACA,uBACA,cAAc,EAAE,EAChB,aACE;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,OAAO;EAAE,SAAS;EAAQ,QAAQ;EAAQ,OAAO;EAAQ,IAC3D,iBAAiB,UAChB,oCAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,IAC5B,oCAAC,aAAU,OAAO,SAAU,CACxB,EAER,oCAAC,QAAK,OAAO,EAAE,OAAO,QAAQ,IAC5B,oCAAC,eAAY,WAAW,QAAQ,mBAC7B,kBACC,oCAAC;EACC,SAAQ;EACR,WAAW,QAAQ;EACnB,KAAK;GACL,EAGH,UACC,oCAAC;EAAO,SAAQ;EAAS,WAAW,QAAQ;IACzC,OACM,EAEX,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,SAAQ,eAAa,MAAmB,EACnD,UAAU,eACT,oCAAC;EACS;EACR,OAAO;EACP,SAAS;EACT,OAAO;EACP,SAAS;EACT,MAAM;EACN,SAAS;GACT,CAEA,EAEN,oCAAC;EAAW,SAAQ;EAAgB;IACjC,YACU,EACb,oCAAC;EAAW,SAAQ;EAAQ,WAAW,QAAQ;IAC5C,cACU,CACT,CACM,EACb,WACC,cAAc,SAAS,KAAK,aAAa,SAAS,MAClD,oCAAC,eAAY,WAAW,QAAQ,eAC9B,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EAAS,IAAI;EAAU,SAAQ;EAAO;IACrC,oCAAC,mBAAgB,kBAAkB,SAChC,cAAc,KAAK,SAClB,oCAAC;EACC,OAAO,MAAM;EACb,OAAO,MAAM;GACb,CACF,CACc,CACT,EACX,oCAAC,SAAI,WAAW,QAAQ,uBACtB,oCAAC,aACE,cAAc,SAAS,KACtB,oCAAC;EACC,WAAW,KACT,QAAQ,QACR,GACG,QAAQ,aAAa,UACvB,EACD,QAAQ,kBACT;EACD,eAAe,YAAY,CAAC,SAAS;EACrC,MAAM;GACN,CAEA,EACN,oCAAC,aACE,aAAa,SAAS,KACrB,aAAa,KAAK,eAChB,oCAAC;EACC,WAAW,QAAQ;EACnB,MAAM,YAAY;EAClB,SAAS,YAAY;EACrB,OAAO,YAAY;EACnB,MAAK;EACL,GAAI;GACJ,CACF,CACA,CACF,CACF,CACM,CAEX,CACH;;;;;ACpLV,MAAa,oCAAoC,KAAK,aAAa;AACjE,KAAI,CAAC,CAAC,CAAC,IAAK,QAAO,EAAE;AAErB,QAAO,IAAI,QAAQ,QAAQ,QAAQ;EACjC,MAAM,WAAW,KAAK,WAAW,EAAE;EACnC,MAAM,yBAAyB,iCAC7B,UACA,SACD;AAED,MAAI,uBAAuB,SAAS,EAClC,QAAO,KAAK,GAAG,uBAAuB;WAC7B,SAAS,WAAW,EAC7B,QAAO,KAAK,IAAI,UAAU;AAG5B,SAAO;IACN,EAAE,CAAC;;AA4BR,MAAa,YAAY,WAAW,mBAAmB,QAAQ;CAC7D,IAAI,cAAc;AAClB,YAAW,SAAS,KAAK,UAAU;AACjC,iBACE,IAAI,QAAQ,UAAU,WAAW,SAAS,IAAI,oBAAoB;GACpE;AAEF,QAAO;;AAGT,MAAa,uBAAuB,MAAM,kBAAkB;AAC1D,KAAI,MAAM,SAAS,KAAK,cACtB,QAAO,MAAM,KAAK,SAAS;AACzB,SAAO;GACL,MAAM;GACN,IAAI,KAAK,cAAc;GACvB,UAAU;IACR,MAAM,KAAK,cAAc;IACzB,aAAa,KAAK,cAAc;IACjC;GACD,YACE,cAAc,iBAAiB,CAAC,CAAC,KAAK,cAAc,iBAChD;IACE,GAAG,KAAK,cAAc;IACtB,IAAI,KAAK,cAAc;IACxB,GACD;IACE,GAAG;IACH,IAAI,KAAK,cAAc;IACxB;GACR;GACD;AAGJ,QAAO,EAAE;;AA8CX,MAAa,0BAA0B,GAAG,MACxC,YAAY,GAAG,IAAI,MAAM,SAAS;AAChC,KAAI,OAAO,SAAS,cAAc,OAAO,SAAS,WAChD,QAAO;EAIT;;;;ACnIJ,MAAMC,cAAY,YAAY,WAAW;CACvC,eAAe;EACb,UAAU;EACV,KAAK;EACL,MAAM;EACN,WAAW;EACZ;CACD,eAAe;EACb,SAAS;EACT,KAAK,MAAM,QAAQ,EAAE;EACrB,UAAU;EACV,WAAW,MAAM,QAAQ,EAAE;EAC3B,QAAQ,MAAM,QAAQ,GAAG,EAAE;EAC5B;CACD,aAAa;EACX,QAAQ,MAAM,QAAQ,EAAE;EACxB,cAAc;EACf;CACF,EAAE;AAEH,MAAM,YAAY,UAAU;CAC1B,MAAM,EACJ,MACA,gBACA,mBACA,WACA,iBACA,eACE;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,UAAUA,aAAW;AAG3B,iBAAgB;AACd,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,mBAAgB,KAAK;AACrB,iBAAc,KAAK;AACnB;;EAGF,MAAM,cACJ,WAAW,MAAM,SAAS,MAAM,QAAQ,IAAI,WAAW;AAEzD,MAAI,CAAC,WACH,eAAc,YAAY;OACrB;GACL,MAAM,cAAc,WAAW,MAAM,SAAS,KAAK,OAAO,WAAW,GAAG;AACxE,OACE,gBACC,gBAAgB,cACf,CAAC,uBAAuB,aAAa,WAAW,EAElD,eAAc,YAAY;YACjB,CAAC,YAEV,eAAc,YAAY;;IAI7B,CAAC,YAAY,WAAW,CAAC;AAG5B,iBAAgB;AACd,MAAI,CAAC,cAAc,WAAW,WAAW,GAAG;AAC1C,mBAAgB,KAAK;AACrB;;AAGF,MAAI,YAAY,WACd,iBAAgB,WAAW,WAAW,MAAM,WAAW,CAAC;MAExD,iBAAgB,KAAK;IAGtB,CAAC,YAAY,KAAK,CAAC;CAEtB,MAAM,oBAAoB,aACvB,SAAS;AACR,MAAI,MAAM,QACR,OAAM,QAAQ,MAAM,KAAK;AAG3B,gBAAc,KAAK;IAErB,CAAC,KAAK,CACP;AAED,QACE,oCAAC,aACE,YAAY,SAAS,KACpB,oCAAC,SAAI,WAAW,QAAQ,iBACrB,YAAY,KAAK,MAAM,UAAU;AAChC,SACE,oCAAC;GACC,KAAK,GAAG,MAAM,GAAG,MAAM;GACvB,OAAO,MAAM;GACb,QAAQ,MAAM,OAAO,YAAY,KAAK,SAAS;GAC/C,SAAQ;GACR,MAAM,MAAM;GACZ,eAAe;AACb,YAAQ,IAAI,gBAAgB,KAAK;AACjC,sBAAkB,KAAK;;GAEzB,cAAc,CAAC,MAAM;IACrB;GAEJ,CACE,EAGP,YAAY,WACX,oCAAC,SAAI,WAAW,QAAQ,eAAc,YAAY,QAAc,EAEjE,cAAc,SAAS,IACtB,cAAc,KAAK,QAAQ,UAAU;EACnC,MAAM,mBAAmB,gBAAgB,oBAAoB,KAC1D,SAAS;AACR,UAAO;IACL,OAAO,UAAU,KAAK;IACtB,OAAO,OAAO,SAAS;IACxB;IAEJ;EAYD,MAAM,cAAc;GAClB,GAVA,gBAAgB,aAAa,KAAK,YAAY;IAC5C,GAAG;IACH,eAAe;AACb,SAAI,QAAQ,QACV,SAAQ,QAAQ,OAAO;;IAG5B,EAAE,IAAI,EAAE;GAIT;IACE,OAAO,EAAE,cAAc;IACvB,MAAM;IACN,eAAe;AACb,qBAAgB,OAAO;;IAE1B;GACD;IACE,OAAO,EAAE,OAAO;IAChB,MAAM;IACN,eAAe;AACb,eAAU,OAAO;;IAEpB;GACF;EAED,MAAM,QAAQ,gBAAgB,WAC1B,gBAAgB,SAAS,OAAO,GAChC,OAAO,gBAAgB;AAE3B,SACE,oCAAC,eACC,oCAAC,gBACC,oCAAC;GACC,IAAI;GACG;GACP,aAAa,OAAO,gBAAgB;GACpC,eAAe,OAAO,gBAAgB;GACtC,QAAQ,OAAO,gBAAgB,cAAc,aAAa;GAC1D,aAAa,OAAO,gBAAgB;GACpC,eAAe,gBAAgB;GAC/B,eAAe,gBAAgB;GAC/B,QAAQ,OAAO,gBAAgB;GAC/B,gBAAgB,OAAO,gBAAgB;GACvC,QAAQ;GACR,cAAc;GACD;IACb,CACO,CACH;GAEZ,GAEF,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,cAAW,SAAQ,WAAS,EAAE,UAAU,CAAc,CACnD,CAEJ;;AAIV,uBAAe;;;;ACnMf,MAAM,mBAAmB,UAAU;CACjC,MAAM,EAAE,UAAU,MAAM,SAAS;CACjC,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC,aACE,YAAY,CAAC,MAAM,SAClB,oCAAC;EACC,OAAO,EAAE,OAAO;EAChB,MAAK;EACL,eAAe;AACb,YAAS,KAAK;;EAEhB,MAAM;GACN,CAEA;;AAIV,8BAAe;;;;ACFf,MAAM,YAAY,YAAY,WAAW;CACvC,YAAY;EACV,QAAQ;EACR,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAC1D,UAAU;EACX;CACD,gBAAgB,EACd,SAAS,QACV;CACD,mBAAmB;EACjB,SAAS;EACT,iBAAiB,MAAM,QAAQ,WAAW;EAC1C,SAAS,MAAM,QAAQ,EAAE;EACzB,YAAY;EACZ,KAAK,MAAM,QAAQ,IAAI;EACxB;CACD,iBAAiB,EACf,SAAS,MAAM,QAAQ,EAAE,EAC1B;CACD,aAAa,EACX,WAAW,GACZ;CACD,YAAY;EACV,UAAU;EACV,iBAAiB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,GAAI;EAC3D;CACD,iBAAiB,EACf,UAAU,YACX;CACD,aAAa;EACX,MAAM;EACN,OAAO,MAAM,QAAQ,GAAI;EACzB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACF,EAAE;AAEH,MAAM,SAAS;CACb,OAAO,CACL,IAAI,MAAM;EACR,OAAO,IAAI,KAAK;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

@@ -1,16 +1,16 @@
 import "../FluentIcon-iRSVzrph.js";
 import "../FluentIconButton-AN9tZKVl.js";
-import "../FluentInputSlider-GXgusPZa.js";
-import "../MapContext-DMHlc2jW.js";
-import "../Map-D2_8ACTx.js";
-import "../TileLayer-Ckm0zl4x.js";
-import "../Source-BOqgbkAn.js";
-import "../Controls-CHns-SHo.js";
-import "../MapControlsStandard-DB_YFXNg.js";
-import { t as GeoMap } from "../GeoMap-CW3Pgzvz.js";
-import { n as FluentImageMap, t as FluentMap } from "../FluentMap-CAhZE-7q.js";
-import { n as MapMarker, t as MapContent } from "../MapContent-CM4jG7Cx.js";
-import "../ui-_KR24HU9.js";
-import "../leafletMaps-DKJcEBvd.js";
+import "../FluentInputSlider-BqI2PdVF.js";
+import "../MapContext-BmClJmMl.js";
+import "../Map-B_ESwi9p.js";
+import "../TileLayer-D3RksO00.js";
+import "../Source-C21-iTa_.js";
+import "../Controls-B0ogviQm.js";
+import "../MapControlsStandard-CKhBcU2K.js";
+import { t as GeoMap } from "../GeoMap-BZDwrLIm.js";
+import { n as FluentImageMap, t as FluentMap } from "../FluentMap-BPiZxyEZ.js";
+import { n as MapMarker, t as MapContent } from "../MapContent-CTPX858a.js";
+import "../ui-CdJK-GeY.js";
+import "../leafletMaps-Dap7ksrP.js";
 
 export { FluentImageMap, FluentMap, GeoMap, MapContent, MapMarker };

package/dist/maps/leafletMaps/index.js

@@ -1,7 +1,7 @@
 import "../../FluentIcon-iRSVzrph.js";
-import { n as FluentImageMap, t as FluentMap } from "../../FluentMap-CAhZE-7q.js";
-import { n as MapMarker, t as MapContent } from "../../MapContent-CM4jG7Cx.js";
-import "../../ui-_KR24HU9.js";
-import "../../leafletMaps-DKJcEBvd.js";
+import { n as FluentImageMap, t as FluentMap } from "../../FluentMap-BPiZxyEZ.js";
+import { n as MapMarker, t as MapContent } from "../../MapContent-CTPX858a.js";
+import "../../ui-CdJK-GeY.js";
+import "../../leafletMaps-Dap7ksrP.js";
 
 export { FluentImageMap, FluentMap, MapContent, MapMarker };

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

@@ -1,5 +1,5 @@
 import "../../../FluentIcon-iRSVzrph.js";
-import { n as MapMarker, t as MapContent } from "../../../MapContent-CM4jG7Cx.js";
-import "../../../ui-_KR24HU9.js";
+import { n as MapMarker, t as MapContent } from "../../../MapContent-CTPX858a.js";
+import "../../../ui-CdJK-GeY.js";
 
 export { MapContent, MapMarker };

package/dist/maps/openLayerMaps/Controls/index.js

@@ -1,4 +1,4 @@
-import "../../../MapContext-DMHlc2jW.js";
-import { n as Controls_default, t as FullScreenControl_default } from "../../../Controls-CHns-SHo.js";
+import "../../../MapContext-BmClJmMl.js";
+import { n as Controls_default, t as FullScreenControl_default } from "../../../Controls-B0ogviQm.js";
 
 export { Controls_default as Controls, FullScreenControl_default as FullScreenControl };

package/dist/maps/openLayerMaps/Layers/index.js

@@ -1,5 +1,5 @@
-import { t as MapContext_default } from "../../../MapContext-DMHlc2jW.js";
-import { n as Layers, t as TileLayer } from "../../../TileLayer-Ckm0zl4x.js";
+import { t as MapContext_default } from "../../../MapContext-BmClJmMl.js";
+import { n as Layers, t as TileLayer } from "../../../TileLayer-D3RksO00.js";
 import { useContext, useEffect } from "react";
 import OLImageLayer from "ol/layer/Image";
 import OLVectorLayer from "ol/layer/Vector";

package/dist/maps/openLayerMaps/Map/index.js

@@ -1,4 +1,4 @@
-import "../../../MapContext-DMHlc2jW.js";
-import { t as Map_default } from "../../../Map-D2_8ACTx.js";
+import "../../../MapContext-BmClJmMl.js";
+import { t as Map_default } from "../../../Map-B_ESwi9p.js";
 
 export { Map_default as default };

package/dist/maps/openLayerMaps/Source/index.js

@@ -1,3 +1,3 @@
-import { n as xyz_default, r as vector_default, t as osm_default } from "../../../Source-BOqgbkAn.js";
+import { n as xyz_default, r as vector_default, t as osm_default } from "../../../Source-C21-iTa_.js";
 
 export { osm_default as osm, vector_default as vector, xyz_default as xyz };

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

@@ -1,6 +1,6 @@
 import "../../../FluentIcon-iRSVzrph.js";
 import "../../../FluentIconButton-AN9tZKVl.js";
-import "../../../FluentInputSlider-GXgusPZa.js";
-import "../../../MapControlsStandard-DB_YFXNg.js";
+import "../../../FluentInputSlider-BqI2PdVF.js";
+import "../../../MapControlsStandard-CKhBcU2K.js";
 
 export {  };