@telicent-oss/ds 0.18.5 → 0.18.6

package/dist/ds.js

@@ -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%",
@@ -60887,6 +60888,13 @@ const generateComponentOverrides = (uiTheme) => ({
   ...AVATAR_OVERRIDES,
   ...generateButtonOverrides(uiTheme),
   ...generateCardOverrides(uiTheme),
+  MuiPaper: {
+    styleOverrides: {
+      root: {
+        backgroundImage: "none"
+      }
+    }
+  },
   MuiAppBar: {
     styleOverrides: {
       root: {
@@ -79524,7 +79532,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 +79561,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: {

package/dist/ds.umd.cjs

@@ -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%",
@@ -60905,6 +60906,13 @@ Please use another name.` : formatMuiErrorMessage$1(18));
     ...AVATAR_OVERRIDES,
     ...generateButtonOverrides(uiTheme),
     ...generateCardOverrides(uiTheme),
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: "none"
+        }
+      }
+    },
     MuiAppBar: {
       styleOverrides: {
         root: {
@@ -79542,7 +79550,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 +79579,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: {

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.18.6",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",