@telicent-oss/ds 0.18.5 → 0.19.0

package/dist/ds.js

@@ -38828,7 +38828,7 @@ const TeliMenuItem = ({
   children: children2,
   ...props
 }) => /* @__PURE__ */ jsx$1(MenuItem, { ...props, children: children2 });
-const AppSwitch = ({
+const TeliAppSwitch = ({
   apps,
   isLeftAligned,
   ...otherProps
@@ -38903,10 +38903,10 @@ const TeliStandardLayoutHeader = ({
   beta,
   userProfile = null
 }) => /* @__PURE__ */ jsxs(TeliHeader, { className: "teli-standard-layout-header", children: [
-  /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps, isLeftAligned: true }) }),
+  /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps, isLeftAligned: true }) }),
   /* @__PURE__ */ jsx$1(TeliBrand, { appName, beta }),
   /* @__PURE__ */ jsxs("div", { className: "end-adornments", children: [
-    !userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps }),
+    !userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps }),
     userProfile
   ] })
 ] });
@@ -54986,13 +54986,14 @@ const AppBar2 = ({
   startChild,
   endChild,
   version,
-  onClick
+  onClick,
+  isElevated
 }) => {
   const theme = useExtendedTheme();
-  return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, enableColorOnDark: true, sx: {
+  return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, sx: {
     borderRadius: 0,
     backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "#ffffff"
-  }, elevation: 0, children: [
+  }, elevation: isElevated ? 4 : 0, children: [
     startChild && /* @__PURE__ */ jsx$1(Box, { id: "app-switch-container", sx: {
       position: "absolute",
       top: "50%",
@@ -55171,14 +55172,78 @@ const ListItemButton2 = (listItemButtonProps) => /* @__PURE__ */ jsx$1(ListItemB
 const ListItemIcon2 = (listItemIconProps) => /* @__PURE__ */ jsx$1(ListItemIcon$1, { ...listItemIconProps });
 const ListItemText2 = (props) => /* @__PURE__ */ jsx$1(ListItemText$1, { ...props });
 const IconButton2 = forwardRef((props, ref) => /* @__PURE__ */ jsx$1(IconButton$1, { ref, ...props }));
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 const AppSwitchLibrarySchema = z.object({
   id: z.string(),
   name: z.string(),
   url: z.string(),
   icon: z.string()
 });
-process.env.NODE_ENV === "production" ? {} : {};
-process.env.NODE_ENV === "production" ? {} : {};
+var _ref$1 = process.env.NODE_ENV === "production" ? {
+  name: "1k1rh22",
+  styles: "width:25px;height:25px"
+} : {
+  name: "9qz4wy-AppSwitch",
+  styles: "width:25px;height:25px;label:AppSwitch;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzZEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB6b2QgZnJvbSBcInpvZFwiO1xuaW1wb3J0IE1VSU1lbnUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTWVudVwiO1xuaW1wb3J0IE1VSU1lbnVJdGVtIGZyb20gXCJAbXVpL21hdGVyaWFsL01lbnVJdGVtXCI7XG5cbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tIFwiLi4vLi4vaW5wdXRzL0J1dHRvbi9JY29uQnV0dG9uXCI7XG5pbXBvcnQgR3JpZEljb24gZnJvbSBcIi4uL0ljb25zL0dyaWRJY29uXCI7XG5pbXBvcnQgRmxleEJveCBmcm9tIFwiLi4vLi4vbGF5b3V0L0ZsZXhCb3hcIjtcbmltcG9ydCBNVUlUeXBvZ3JhcGh5IGZyb20gXCJAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBNVUlMaXN0SXRlbUljb24gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1JY29uXCI7XG5pbXBvcnQgTVVJTGlzdEl0ZW1UZXh0IGZyb20gXCJAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgdXNlRXh0ZW5kZWRUaGVtZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9leHBvcnRcIjtcblxuZXhwb3J0IGNvbnN0IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEgPSB6b2Qub2JqZWN0KHtcbiAgaWQ6IHpvZC5zdHJpbmcoKSxcbiAgbmFtZTogem9kLnN0cmluZygpLFxuICB1cmw6IHpvZC5zdHJpbmcoKSxcbiAgaWNvbjogem9kLnN0cmluZygpLFxufSk7XG5cbmV4cG9ydCB0eXBlIEFwcFN3aXRjaExpYnJhcnlUeXBlID0gem9kLmluZmVyPHR5cGVvZiBBcHBTd2l0Y2hMaWJyYXJ5U2NoZW1hPltdO1xuXG5jb25zdCBBcHBTd2l0Y2g6IFJlYWN0LkZDPHsgYXBwczogQXBwU3dpdGNoTGlicmFyeVR5cGUgfT4gPSAoeyBhcHBzIH0pID0+IHtcbiAgY29uc3QgW2FuY2hvckVsLCBzZXRBbmNob3JFbF0gPSBSZWFjdC51c2VTdGF0ZTxudWxsIHwgSFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0aGVtZSA9IHVzZUV4dGVuZGVkVGhlbWUoKTtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHNldEFuY2hvckVsKGV2ZW50LmN1cnJlbnRUYXJnZXQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIHNldEFuY2hvckVsKG51bGwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9XCJhcHAtc3dpdGNoXCJcbiAgICAgICAgYXJpYS1jb250cm9scz17b3BlbiA/IFwiYXBwLXN3aXRjaC1tZW51XCIgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17b3BlbiA/IFwidHJ1ZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgID5cbiAgICAgICAgPEdyaWRJY29uIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8TVVJTWVudVxuICAgICAgICBpZD1cImFwcC1zd2l0Y2gtbWVudVwiXG4gICAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIE1lbnVMaXN0UHJvcHM9e3tcbiAgICAgICAgICBcImFyaWEtbGFiZWxsZWRieVwiOiBcImFwcC1zd2l0Y2gtYnV0dG9uXCIsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHthcHBzLm1hcCgoYXBwLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHZhbGlkYXRlQXBwc1NjaGVtYSA9IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEuc2FmZVBhcnNlKGFwcCk7XG5cbiAgICAgICAgICBpZiAoIXZhbGlkYXRlQXBwc1NjaGVtYS5zdWNjZXNzKSB7XG4gICAgICAgICAgICBjb25zdCBmb3JtYXR0ZWRFcnJvcnMgPSB2YWxpZGF0ZUFwcHNTY2hlbWEuZXJyb3IuaXNzdWVzLm1hcCgoaXNzdWUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIGAke2lzc3VlLnBhdGgudG9TdHJpbmcoKS5yZXBsYWNlKFwiLFwiLCBcIiA+IFwiKX06ICR7aXNzdWUubWVzc2FnZX1gO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBlcnJvck1zZyA9IGZvcm1hdHRlZEVycm9ycy5qb2luKFwiXFxuXCIpO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZsZXhCb3gga2V5PXtlcnJvck1zZ30gcm9sZT1cIm1lbnVpdGVtXCI+XG4gICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICBNaXNjb25maWd1cmF0aW9uIGVycm9yOiBBcHAgU3dpdGNoIGxpYnJhcnkge2FwcD8uaWQgPyBgZm9yIGlkICR7YXBwLmlkfWAgOiBgYXQgaW5kZXggJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD57ZXJyb3JNc2d9PC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TVVJTWVudUl0ZW1cbiAgICAgICAgICAgICAga2V5PXthcHAuaWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICB3aW5kb3cub3BlbihhcHAudXJsLCBcIl9ibGFua1wiKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBjb2xvcj1cImluaGVyaXRcIlxuICAgICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDEsXG4gICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDEsXG4gICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiLFxuICAgICAgICAgICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gXCJkYXJrXCIgPyB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCA6IFwicmdiYSgwLCAwLCAwLCAwLjA0KVwiLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TVVJTGlzdEl0ZW1JY29uPlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXthcHAuaWNvbn0gYWx0PXtgJHthcHAubmFtZX0gaWNvbmB9IGNzcz17eyB3aWR0aDogMjUsIGhlaWdodDogMjUgfX0gLz5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbUljb24+XG4gICAgICAgICAgICAgIDxNVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICAgICAgPE1VSVR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoMVwiXG4gICAgICAgICAgICAgICAgICBzeD17eyBmb250RmFtaWx5OiBcIkZpZ3RyZWVcIiwgZm9udFNpemU6IDE2LCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBcInByaW1hcnlcIiB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHthcHAubmFtZS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIDwvTVVJVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICA8L01VSU1lbnVJdGVtPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9NVUlNZW51PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXBwU3dpdGNoO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+};
+const AppSwitch = ({
+  apps
+}) => {
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const theme = useExtendedTheme();
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx$1(IconButton2, { "aria-label": "app-switch", "aria-controls": open ? "app-switch-menu" : void 0, "aria-haspopup": "true", "aria-expanded": open ? "true" : void 0, onClick: handleClick, color: "primary", children: /* @__PURE__ */ jsx$1(GridIcon, {}) }),
+    /* @__PURE__ */ jsx$1(Menu, { id: "app-switch-menu", anchorEl, open, onClose: handleClose, MenuListProps: {
+      "aria-labelledby": "app-switch-button"
+    }, children: apps.map((app, index) => {
+      const validateAppsSchema = AppSwitchLibrarySchema.safeParse(app);
+      if (!validateAppsSchema.success) {
+        const formattedErrors = validateAppsSchema.error.issues.map((issue) => {
+          return `${issue.path.toString().replace(",", " > ")}: ${issue.message}`;
+        });
+        const errorMsg = formattedErrors.join("\n");
+        return /* @__PURE__ */ jsxs(FlexBox, { role: "menuitem", children: [
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Misconfiguration error: App Switch library ",
+            (app == null ? void 0 : app.id) ? `for id ${app.id}` : `at index ${index}`
+          ] }),
+          /* @__PURE__ */ jsx$1(Text, { children: errorMsg })
+        ] }, errorMsg);
+      }
+      return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => {
+        window.open(app.url, "_blank");
+        handleClose();
+      }, color: "inherit", sx: {
+        marginLeft: 1,
+        marginRight: 1,
+        borderRadius: "4px",
+        border: "1px solid rgba(0, 0, 0, 0)",
+        "&:hover": {
+          backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "rgba(0, 0, 0, 0.04)",
+          border: `1px solid ${theme.palette.primary.main}`
+        }
+      }, children: [
+        /* @__PURE__ */ jsx$1(ListItemIcon$1, { children: /* @__PURE__ */ jsx$1("img", { src: app.icon, alt: `${app.name} icon`, css: _ref$1 }) }),
+        /* @__PURE__ */ jsx$1(ListItemText$1, { children: /* @__PURE__ */ jsx$1(Typography, { variant: "h1", sx: {
+          fontFamily: "Figtree",
+          fontSize: 16,
+          fontWeight: 400,
+          color: "primary"
+        }, children: app.name.toUpperCase() }) })
+      ] }, app.id);
+    }) })
+  ] });
+};
 const Chip2 = ({
   variant = "filled",
   ...chipProps
@@ -57752,7 +57817,7 @@ const MiniSearchAutocomplete = forwardRef(function Autocomplete3(props, ref) {
     }, inputProps: getInputProps(), size: "small", type: "search", sx: {
       width: 360
     }, id: id2, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
-      loading ? /* @__PURE__ */ jsx$1(CircularProgress, { size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton2, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
+      loading ? /* @__PURE__ */ jsx$1(CircularProgress, { id: "loading", size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton2, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
       endIcon
     ] }) }), placeholder: placeholder || "Search" }),
     anchorEl && /* @__PURE__ */ jsx$1(Popper2, { open: popupOpen, anchorEl, slots: {
@@ -57778,7 +57843,11 @@ const MiniSearchAutocomplete = forwardRef(function Autocomplete3(props, ref) {
         key,
         ...props2
       } = optionProps;
-      return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
+      return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { onClick: (event) => {
+        if (onSearch) {
+          onSearch(event);
+        }
+      }, children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
         option.isRecentSearch ? /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faClockRotateLeft }) : null,
         /* @__PURE__ */ jsx$1(ListItemText$1, { primary: option.label })
       ] }) }) }, `${key}-${index}`);
@@ -60887,6 +60956,13 @@ const generateComponentOverrides = (uiTheme) => ({
   ...AVATAR_OVERRIDES,
   ...generateButtonOverrides(uiTheme),
   ...generateCardOverrides(uiTheme),
+  MuiPaper: {
+    styleOverrides: {
+      root: {
+        backgroundImage: "none"
+      }
+    }
+  },
   MuiAppBar: {
     styleOverrides: {
       root: {
@@ -79524,7 +79600,7 @@ const FeatureMap = ({
   const resetCursor = () => {
     setCursor("auto");
   };
-  useEffect(() => {
+  const fitMarkerAndPolygonBounds = () => {
     if (!mapContainerRef.current || geoPolygons.features.length < 1 && markers.length < 1) return;
     const map = mapContainerRef.current;
     let bounds;
@@ -79553,9 +79629,15 @@ const FeatureMap = ({
       maxZoom: 8,
       duration: 500
     });
+  };
+  useEffect(() => {
+    fitMarkerAndPolygonBounds();
   }, [geoPolygons, markers, selected]);
+  const onLoad = () => {
+    fitMarkerAndPolygonBounds();
+  };
   return /* @__PURE__ */ jsx$1(UIThemeProvider, { dark: true, theme, children: /* @__PURE__ */ jsx$1(ErrorBoundary, { fallback: /* @__PURE__ */ jsx$1("p", { children: "Something went wrong: Failed to load map component" }), children: /* @__PURE__ */ jsx$1("div", { className: "contents", children: /* @__PURE__ */ jsxs(FlexGrid, { m: 0, direction: "column", style: W_H_100, children: [
-    /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 1, children: /* @__PURE__ */ jsx$1(MapProvider, { children: /* @__PURE__ */ jsxs(Map$1, { ref: mapContainerRef, initialViewState, cursor: cursor2, id: "TelicentMap", interactiveLayerIds: ["document-locations-layer"], scrollZoom: true, mapStyle: defaultStyle, attributionControl, onDragStart: () => setCursor("move"), onDragEnd: resetCursor, onMouseEnter: () => setCursor("pointer"), onMouseLeave: resetCursor, children: [
+    /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 1, children: /* @__PURE__ */ jsx$1(MapProvider, { children: /* @__PURE__ */ jsxs(Map$1, { ref: mapContainerRef, onLoad, initialViewState, cursor: cursor2, id: "TelicentMap", interactiveLayerIds: ["document-locations-layer"], scrollZoom: true, mapStyle: defaultStyle, attributionControl, onDragStart: () => setCursor("move"), onDragEnd: resetCursor, onMouseEnter: () => setCursor("pointer"), onMouseLeave: resetCursor, children: [
       styleSelector.mapConfig.tileSets.map((el) => {
         var _a2;
         return /* @__PURE__ */ jsx$1(Source$1, { id: `arcgis-raster-${el.label}`, type: "raster", tiles: [el.uri], tileSize: 256, children: /* @__PURE__ */ jsx$1(Layer$1, { id: `arcgis-raster-layer-${el.label}`, type: "raster", layout: {
@@ -79633,6 +79715,7 @@ export {
   SearchResults,
   Skeleton2 as Skeleton,
   TeliAddIcon,
+  TeliAppSwitch,
   TeliAutocomplete,
   TeliBasicLayout,
   TeliBasicMenu,

package/dist/ds.umd.cjs

@@ -38846,7 +38846,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     children: children2,
     ...props
   }) => /* @__PURE__ */ jsx$1(MenuItem, { ...props, children: children2 });
-  const AppSwitch = ({
+  const TeliAppSwitch = ({
     apps,
     isLeftAligned,
     ...otherProps
@@ -38921,10 +38921,10 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     beta,
     userProfile = null
   }) => /* @__PURE__ */ jsxs(TeliHeader, { className: "teli-standard-layout-header", children: [
-    /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps, isLeftAligned: true }) }),
+    /* @__PURE__ */ jsx$1("div", { className: "start-adornments", children: userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps, isLeftAligned: true }) }),
     /* @__PURE__ */ jsx$1(TeliBrand, { appName, beta }),
     /* @__PURE__ */ jsxs("div", { className: "end-adornments", children: [
-      !userProfile && /* @__PURE__ */ jsx$1(AppSwitch, { apps }),
+      !userProfile && /* @__PURE__ */ jsx$1(TeliAppSwitch, { apps }),
       userProfile
     ] })
   ] });
@@ -55004,13 +55004,14 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     startChild,
     endChild,
     version,
-    onClick
+    onClick,
+    isElevated
   }) => {
     const theme = useExtendedTheme();
-    return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, enableColorOnDark: true, sx: {
+    return /* @__PURE__ */ jsxs(AppBar$1, { color: "inherit", position: position2, sx: {
       borderRadius: 0,
       backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "#ffffff"
-    }, elevation: 0, children: [
+    }, elevation: isElevated ? 4 : 0, children: [
       startChild && /* @__PURE__ */ jsx$1(Box, { id: "app-switch-container", sx: {
         position: "absolute",
         top: "50%",
@@ -55189,14 +55190,78 @@ Please use another name.` : formatMuiErrorMessage$1(18));
   const ListItemIcon = (listItemIconProps) => /* @__PURE__ */ jsx$1(ListItemIcon$1, { ...listItemIconProps });
   const ListItemText = (props) => /* @__PURE__ */ jsx$1(ListItemText$1, { ...props });
   const IconButton = React$2.forwardRef((props, ref) => /* @__PURE__ */ jsx$1(IconButton$1, { ref, ...props }));
+  function _EMOTION_STRINGIFIED_CSS_ERROR__$1() {
+    return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+  }
   const AppSwitchLibrarySchema = z.object({
     id: z.string(),
     name: z.string(),
     url: z.string(),
     icon: z.string()
   });
-  process.env.NODE_ENV === "production" ? {} : {};
-  process.env.NODE_ENV === "production" ? {} : {};
+  var _ref$1 = process.env.NODE_ENV === "production" ? {
+    name: "1k1rh22",
+    styles: "width:25px;height:25px"
+  } : {
+    name: "9qz4wy-AppSwitch",
+    styles: "width:25px;height:25px;label:AppSwitch;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRzZEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3RlbGljZW50LWRzL3RlbGljZW50LWRzL3NyYy92MS9jb21wb25lbnRzL2RhdGEtZGlzcGxheS9BcHBTd2l0Y2gvQXBwU3dpdGNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB6b2QgZnJvbSBcInpvZFwiO1xuaW1wb3J0IE1VSU1lbnUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTWVudVwiO1xuaW1wb3J0IE1VSU1lbnVJdGVtIGZyb20gXCJAbXVpL21hdGVyaWFsL01lbnVJdGVtXCI7XG5cbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVGV4dC9UZXh0XCI7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tIFwiLi4vLi4vaW5wdXRzL0J1dHRvbi9JY29uQnV0dG9uXCI7XG5pbXBvcnQgR3JpZEljb24gZnJvbSBcIi4uL0ljb25zL0dyaWRJY29uXCI7XG5pbXBvcnQgRmxleEJveCBmcm9tIFwiLi4vLi4vbGF5b3V0L0ZsZXhCb3hcIjtcbmltcG9ydCBNVUlUeXBvZ3JhcGh5IGZyb20gXCJAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHlcIjtcbmltcG9ydCBNVUlMaXN0SXRlbUljb24gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1JY29uXCI7XG5pbXBvcnQgTVVJTGlzdEl0ZW1UZXh0IGZyb20gXCJAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dFwiO1xuaW1wb3J0IHsgdXNlRXh0ZW5kZWRUaGVtZSB9IGZyb20gXCIuLi8uLi8uLi8uLi9leHBvcnRcIjtcblxuZXhwb3J0IGNvbnN0IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEgPSB6b2Qub2JqZWN0KHtcbiAgaWQ6IHpvZC5zdHJpbmcoKSxcbiAgbmFtZTogem9kLnN0cmluZygpLFxuICB1cmw6IHpvZC5zdHJpbmcoKSxcbiAgaWNvbjogem9kLnN0cmluZygpLFxufSk7XG5cbmV4cG9ydCB0eXBlIEFwcFN3aXRjaExpYnJhcnlUeXBlID0gem9kLmluZmVyPHR5cGVvZiBBcHBTd2l0Y2hMaWJyYXJ5U2NoZW1hPltdO1xuXG5jb25zdCBBcHBTd2l0Y2g6IFJlYWN0LkZDPHsgYXBwczogQXBwU3dpdGNoTGlicmFyeVR5cGUgfT4gPSAoeyBhcHBzIH0pID0+IHtcbiAgY29uc3QgW2FuY2hvckVsLCBzZXRBbmNob3JFbF0gPSBSZWFjdC51c2VTdGF0ZTxudWxsIHwgSFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0aGVtZSA9IHVzZUV4dGVuZGVkVGhlbWUoKTtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHNldEFuY2hvckVsKGV2ZW50LmN1cnJlbnRUYXJnZXQpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIHNldEFuY2hvckVsKG51bGwpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9XCJhcHAtc3dpdGNoXCJcbiAgICAgICAgYXJpYS1jb250cm9scz17b3BlbiA/IFwiYXBwLXN3aXRjaC1tZW51XCIgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcbiAgICAgICAgYXJpYS1leHBhbmRlZD17b3BlbiA/IFwidHJ1ZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgID5cbiAgICAgICAgPEdyaWRJY29uIC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgICA8TVVJTWVudVxuICAgICAgICBpZD1cImFwcC1zd2l0Y2gtbWVudVwiXG4gICAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIE1lbnVMaXN0UHJvcHM9e3tcbiAgICAgICAgICBcImFyaWEtbGFiZWxsZWRieVwiOiBcImFwcC1zd2l0Y2gtYnV0dG9uXCIsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHthcHBzLm1hcCgoYXBwLCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHZhbGlkYXRlQXBwc1NjaGVtYSA9IEFwcFN3aXRjaExpYnJhcnlTY2hlbWEuc2FmZVBhcnNlKGFwcCk7XG5cbiAgICAgICAgICBpZiAoIXZhbGlkYXRlQXBwc1NjaGVtYS5zdWNjZXNzKSB7XG4gICAgICAgICAgICBjb25zdCBmb3JtYXR0ZWRFcnJvcnMgPSB2YWxpZGF0ZUFwcHNTY2hlbWEuZXJyb3IuaXNzdWVzLm1hcCgoaXNzdWUpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIGAke2lzc3VlLnBhdGgudG9TdHJpbmcoKS5yZXBsYWNlKFwiLFwiLCBcIiA+IFwiKX06ICR7aXNzdWUubWVzc2FnZX1gO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICBjb25zdCBlcnJvck1zZyA9IGZvcm1hdHRlZEVycm9ycy5qb2luKFwiXFxuXCIpO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPEZsZXhCb3gga2V5PXtlcnJvck1zZ30gcm9sZT1cIm1lbnVpdGVtXCI+XG4gICAgICAgICAgICAgICAgPFRleHQ+XG4gICAgICAgICAgICAgICAgICBNaXNjb25maWd1cmF0aW9uIGVycm9yOiBBcHAgU3dpdGNoIGxpYnJhcnkge2FwcD8uaWQgPyBgZm9yIGlkICR7YXBwLmlkfWAgOiBgYXQgaW5kZXggJHtpbmRleH1gfVxuICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICA8VGV4dD57ZXJyb3JNc2d9PC9UZXh0PlxuICAgICAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TVVJTWVudUl0ZW1cbiAgICAgICAgICAgICAga2V5PXthcHAuaWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICB3aW5kb3cub3BlbihhcHAudXJsLCBcIl9ibGFua1wiKTtcbiAgICAgICAgICAgICAgICBoYW5kbGVDbG9zZSgpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBjb2xvcj1cImluaGVyaXRcIlxuICAgICAgICAgICAgICBzeD17e1xuICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDEsXG4gICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDEsXG4gICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiLFxuICAgICAgICAgICAgICAgIGJvcmRlcjogXCIxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwKVwiLFxuICAgICAgICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLnBhbGV0dGUubW9kZSA9PT0gXCJkYXJrXCIgPyB0aGVtZS5wYWxldHRlLmJhY2tncm91bmQuZGVmYXVsdCA6IFwicmdiYSgwLCAwLCAwLCAwLjA0KVwiLFxuICAgICAgICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW59YCxcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8TVVJTGlzdEl0ZW1JY29uPlxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPXthcHAuaWNvbn0gYWx0PXtgJHthcHAubmFtZX0gaWNvbmB9IGNzcz17eyB3aWR0aDogMjUsIGhlaWdodDogMjUgfX0gLz5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbUljb24+XG4gICAgICAgICAgICAgIDxNVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICAgICAgPE1VSVR5cG9ncmFwaHlcbiAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJoMVwiXG4gICAgICAgICAgICAgICAgICBzeD17eyBmb250RmFtaWx5OiBcIkZpZ3RyZWVcIiwgZm9udFNpemU6IDE2LCBmb250V2VpZ2h0OiA0MDAsIGNvbG9yOiBcInByaW1hcnlcIiB9fVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHthcHAubmFtZS50b1VwcGVyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIDwvTVVJVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgPC9NVUlMaXN0SXRlbVRleHQ+XG4gICAgICAgICAgICA8L01VSU1lbnVJdGVtPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9NVUlNZW51PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXBwU3dpdGNoO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  };
+  const AppSwitch = ({
+    apps
+  }) => {
+    const [anchorEl, setAnchorEl] = React$2.useState(null);
+    const theme = useExtendedTheme();
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+      setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+      setAnchorEl(null);
+    };
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx$1(IconButton, { "aria-label": "app-switch", "aria-controls": open ? "app-switch-menu" : void 0, "aria-haspopup": "true", "aria-expanded": open ? "true" : void 0, onClick: handleClick, color: "primary", children: /* @__PURE__ */ jsx$1(GridIcon, {}) }),
+      /* @__PURE__ */ jsx$1(Menu, { id: "app-switch-menu", anchorEl, open, onClose: handleClose, MenuListProps: {
+        "aria-labelledby": "app-switch-button"
+      }, children: apps.map((app, index) => {
+        const validateAppsSchema = AppSwitchLibrarySchema.safeParse(app);
+        if (!validateAppsSchema.success) {
+          const formattedErrors = validateAppsSchema.error.issues.map((issue) => {
+            return `${issue.path.toString().replace(",", " > ")}: ${issue.message}`;
+          });
+          const errorMsg = formattedErrors.join("\n");
+          return /* @__PURE__ */ jsxs(FlexBox, { role: "menuitem", children: [
+            /* @__PURE__ */ jsxs(Text, { children: [
+              "Misconfiguration error: App Switch library ",
+              (app == null ? void 0 : app.id) ? `for id ${app.id}` : `at index ${index}`
+            ] }),
+            /* @__PURE__ */ jsx$1(Text, { children: errorMsg })
+          ] }, errorMsg);
+        }
+        return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => {
+          window.open(app.url, "_blank");
+          handleClose();
+        }, color: "inherit", sx: {
+          marginLeft: 1,
+          marginRight: 1,
+          borderRadius: "4px",
+          border: "1px solid rgba(0, 0, 0, 0)",
+          "&:hover": {
+            backgroundColor: theme.palette.mode === "dark" ? theme.palette.background.default : "rgba(0, 0, 0, 0.04)",
+            border: `1px solid ${theme.palette.primary.main}`
+          }
+        }, children: [
+          /* @__PURE__ */ jsx$1(ListItemIcon$1, { children: /* @__PURE__ */ jsx$1("img", { src: app.icon, alt: `${app.name} icon`, css: _ref$1 }) }),
+          /* @__PURE__ */ jsx$1(ListItemText$1, { children: /* @__PURE__ */ jsx$1(Typography, { variant: "h1", sx: {
+            fontFamily: "Figtree",
+            fontSize: 16,
+            fontWeight: 400,
+            color: "primary"
+          }, children: app.name.toUpperCase() }) })
+        ] }, app.id);
+      }) })
+    ] });
+  };
   const Chip = ({
     variant = "filled",
     ...chipProps
@@ -57770,7 +57835,7 @@ Please use another name.` : formatMuiErrorMessage$1(18));
       }, inputProps: getInputProps(), size: "small", type: "search", sx: {
         width: 360
       }, id: id2, name, error, endAdornment: /* @__PURE__ */ jsx$1(Fragment, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", spacing: 0.5, children: [
-        loading ? /* @__PURE__ */ jsx$1(CircularProgress, { size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
+        loading ? /* @__PURE__ */ jsx$1(CircularProgress, { id: "loading", size: "20px", ...progressProps }) : /* @__PURE__ */ jsx$1(IconButton, { size: "small", onClick: onSearch, "aria-label": "search", children: /* @__PURE__ */ jsx$1(SearchIcon, { fontSize: "inherit" }) }),
         endIcon
       ] }) }), placeholder: placeholder || "Search" }),
       anchorEl && /* @__PURE__ */ jsx$1(Popper, { open: popupOpen, anchorEl, slots: {
@@ -57796,7 +57861,11 @@ Please use another name.` : formatMuiErrorMessage$1(18));
           key,
           ...props2
         } = optionProps;
-        return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
+        return /* @__PURE__ */ jsx$1(ListItem$1, { disablePadding: true, ...props2, children: /* @__PURE__ */ jsx$1(ListItemButton$1, { onClick: (event) => {
+          if (onSearch) {
+            onSearch(event);
+          }
+        }, children: /* @__PURE__ */ jsxs(FlexBox, { direction: "row", columnGap: 1, alignItems: "center", children: [
           option.isRecentSearch ? /* @__PURE__ */ jsx$1(FontAwesomeIcon, { icon: faClockRotateLeft }) : null,
           /* @__PURE__ */ jsx$1(ListItemText$1, { primary: option.label })
         ] }) }) }, `${key}-${index}`);
@@ -60905,6 +60974,13 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     ...AVATAR_OVERRIDES,
     ...generateButtonOverrides(uiTheme),
     ...generateCardOverrides(uiTheme),
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: "none"
+        }
+      }
+    },
     MuiAppBar: {
       styleOverrides: {
         root: {
@@ -79542,7 +79618,7 @@ uniform ${i3} ${s4} u_${a3};
     const resetCursor = () => {
       setCursor("auto");
     };
-    React$2.useEffect(() => {
+    const fitMarkerAndPolygonBounds = () => {
       if (!mapContainerRef.current || geoPolygons.features.length < 1 && markers.length < 1) return;
       const map = mapContainerRef.current;
       let bounds;
@@ -79571,9 +79647,15 @@ uniform ${i3} ${s4} u_${a3};
         maxZoom: 8,
         duration: 500
       });
+    };
+    React$2.useEffect(() => {
+      fitMarkerAndPolygonBounds();
     }, [geoPolygons, markers, selected]);
+    const onLoad = () => {
+      fitMarkerAndPolygonBounds();
+    };
     return /* @__PURE__ */ jsx$1(UIThemeProvider, { dark: true, theme, children: /* @__PURE__ */ jsx$1(ErrorBoundary, { fallback: /* @__PURE__ */ jsx$1("p", { children: "Something went wrong: Failed to load map component" }), children: /* @__PURE__ */ jsx$1("div", { className: "contents", children: /* @__PURE__ */ jsxs(FlexGrid, { m: 0, direction: "column", style: W_H_100, children: [
-      /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 1, children: /* @__PURE__ */ jsx$1(MapProvider, { children: /* @__PURE__ */ jsxs(Map$1, { ref: mapContainerRef, initialViewState, cursor: cursor2, id: "TelicentMap", interactiveLayerIds: ["document-locations-layer"], scrollZoom: true, mapStyle: defaultStyle, attributionControl, onDragStart: () => setCursor("move"), onDragEnd: resetCursor, onMouseEnter: () => setCursor("pointer"), onMouseLeave: resetCursor, children: [
+      /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 1, children: /* @__PURE__ */ jsx$1(MapProvider, { children: /* @__PURE__ */ jsxs(Map$1, { ref: mapContainerRef, onLoad, initialViewState, cursor: cursor2, id: "TelicentMap", interactiveLayerIds: ["document-locations-layer"], scrollZoom: true, mapStyle: defaultStyle, attributionControl, onDragStart: () => setCursor("move"), onDragEnd: resetCursor, onMouseEnter: () => setCursor("pointer"), onMouseLeave: resetCursor, children: [
         styleSelector.mapConfig.tileSets.map((el) => {
           var _a2;
           return /* @__PURE__ */ jsx$1(Source$1, { id: `arcgis-raster-${el.label}`, type: "raster", tiles: [el.uri], tileSize: 256, children: /* @__PURE__ */ jsx$1(Layer$1, { id: `arcgis-raster-layer-${el.label}`, type: "raster", layout: {
@@ -79655,6 +79737,7 @@ uniform ${i3} ${s4} u_${a3};
   exports2.SearchResults = SearchResults;
   exports2.Skeleton = Skeleton;
   exports2.TeliAddIcon = TeliAddIcon;
+  exports2.TeliAppSwitch = TeliAppSwitch;
   exports2.TeliAutocomplete = TeliAutocomplete;
   exports2.TeliBasicLayout = TeliBasicLayout;
   exports2.TeliBasicMenu = TeliBasicMenu;

package/dist/src/components/{AppSwitch/AppSwitch.d.ts → TeliAppSwitch/TeliAppSwitch.d.ts}

@@ -13,5 +13,5 @@ export interface AppSwitchProps extends React.HTMLAttributes<HTMLButtonElement>
     isLeftAligned?: boolean;
     className?: string;
 }
-declare const AppSwitch: FC<AppSwitchProps>;
-export default AppSwitch;
+declare const TeliAppSwitch: FC<AppSwitchProps>;
+export default TeliAppSwitch;

package/dist/src/components/TeliHeader/TeliStandardLayoutHeader.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TeliBrandProps } from '../TeliBrand/TeliBrand';
-import { AppSwitchProps } from '../AppSwitch/AppSwitch';
+import { AppSwitchProps } from '../TeliAppSwitch/TeliAppSwitch';
 
 export interface TeliStandardLayoutHeaderProps {
     /**

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

@@ -1,4 +1,4 @@
-export { default as AppSwitch } from './AppSwitch/AppSwitch';
+export { default as TeliAppSwitch } from './TeliAppSwitch/TeliAppSwitch';
 export { default as DependenciesTable } from './DependenciesTable/DependenciesTable';
 export { default as TeliAutocomplete } from './TeliAutocomplete/TeliAutocomplete';
 export { default as License } from './License/License';
@@ -15,7 +15,7 @@ export { default as TeliSwitch } from './TeliSwitch/TeliSwitch';
 export { default as TeliTextField } from './TeliTextField/TeliTextField';
 export { default as TeliInput } from './TeliTextField/TeliInput';
 export { default as TeliToolbar } from './TeliToolbar/TeliToolbar';
-export { default as TeliTypeIcon, type TeliTypeIconProps, } from './TeliTypeIcon/TeliTypeIcon';
+export { default as TeliTypeIcon, type TeliTypeIconProps } from './TeliTypeIcon/TeliTypeIcon';
 export { default as TeliTypeahead } from './TeliTypeahead/TeliTypeahead';
 export { default as TeliUserProfile } from './TeliUserProfile/TeliUserProfile';
 export { default as OntologyHierarchy } from './OntologyHierarchy/OntologyHierarchy';

package/dist/src/v1/components/data-display/AppSwitch/AppSwitch.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as AppSwitch } from './AppSwitch';
+
+declare const meta: Meta<typeof AppSwitch>;
+export default meta;
+type Story = StoryObj<typeof AppSwitch>;
+export declare const AppSwitchExample: Story;

package/dist/src/v1/components/data-display/index.d.ts

@@ -3,6 +3,7 @@ export * from './FontAwesomeIcons';
 export * from './Text/Text';
 export * from './List/List';
 export { AppSwitchLibrarySchema } from './AppSwitch/AppSwitch';
+export { default as AppSwitch } from './AppSwitch/AppSwitch';
 export type { AppSwitchLibraryType } from './AppSwitch/AppSwitch';
 export { default as Chip } from './Chip/Chip';
 export type { ChipProps } from './Chip/Chip';

package/dist/src/v1/components/inputs/SearchBox/MiniSearchAutocomplete.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/v1/components/surfaces/AppBar/AppBar.d.ts

@@ -9,6 +9,7 @@ export type AppBarProps = Partial<{
     position: MUIAppBarProps["position"];
     version?: string;
     onClick?: (event?: Event | React.SyntheticEvent) => void;
+    isElevated?: boolean;
 }>;
 declare const AppBar: React.FC<AppBarProps>;
 export default AppBar;

package/dist/src/v1/theme/style-overrides/components.d.ts

@@ -1,6 +1,13 @@
 import { UITheme } from '../colors/theme-colors';
 
 declare const generateComponentOverrides: (uiTheme: UITheme) => {
+    MuiPaper: {
+        styleOverrides: {
+            root: {
+                backgroundImage: "none";
+            };
+        };
+    };
     MuiAppBar: {
         styleOverrides: {
             root: {
@@ -946,18 +953,6 @@ declare const generateComponentOverrides: (uiTheme: UITheme) => {
             }>;
         }[] | undefined;
     } | undefined;
-    MuiPaper?: {
-        defaultProps?: import('@mui/material').ComponentsProps["MuiPaper"];
-        styleOverrides?: Partial<import('@mui/material/styles/overrides').OverridesStyleRules<keyof import('@mui/material').PaperClasses, "MuiPaper", Omit<import('@mui/material').Theme, "components">>> | undefined;
-        variants?: {
-            props: Partial<import('@mui/material').PaperProps> | ((props: Partial<import('@mui/material').PaperProps> & {
-                ownerState: Partial<import('@mui/material').PaperProps>;
-            }) => boolean);
-            style: import('@mui/styled-engine').Interpolation<{
-                theme: Omit<import('@mui/material').Theme, "components">;
-            }>;
-        }[] | undefined;
-    } | undefined;
     MuiPopper?: {
         defaultProps?: import('@mui/material').ComponentsProps["MuiPopper"];
         styleOverrides?: Partial<import('@mui/material/styles/overrides').OverridesStyleRules<"root", "MuiPopper", Omit<import('@mui/material').Theme, "components">>> | undefined;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.18.5",
+  "version": "0.19.0",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",