@splunk/visualizations 28.9.0 → 28.9.1

package/common/withDashboardViz.js

@@ -479,7 +479,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
+  "data-splunk-visualization-version": "28.9.1 - fba477a41"
 })`
     position: relative;
     width: 100%;
@@ -587,7 +587,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
+        "data-splunk-visualization-version": "28.9.1 - fba477a41",
         width,
         height,
         backgroundColor

package/docs-llm/map/examples-react.md

@@ -9,10 +9,10 @@
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -832,7 +832,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -843,10 +843,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -1322,7 +1322,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -1333,10 +1333,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -2157,7 +2157,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -2168,10 +2168,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -2647,7 +2647,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -2658,10 +2658,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -3137,7 +3137,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -3148,10 +3148,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -3973,7 +3973,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -3984,10 +3984,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -4020,7 +4020,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -4031,10 +4031,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -4067,7 +4067,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -4078,10 +4078,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -5022,7 +5022,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -5033,10 +5033,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -5974,7 +5974,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -5985,10 +5985,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -6021,7 +6021,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -6032,10 +6032,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -6075,7 +6075,7 @@ export default () => (
                 },
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```
 
@@ -6086,10 +6086,10 @@ export default () => (
 ```jsx
 import React from 'react';
 import Map from '@splunk/visualizations/Map';
-import { MapContextProvider, testTileConfig } from '@splunk/visualization-context/MapContext';
+import MapDocsExample from '../MapDocsExample';
 
 export default () => (
-    <MapContextProvider value={{ defaultTileConfig: testTileConfig }}>
+    <MapDocsExample>
         <Map
             options={{
                 layers: [
@@ -6149,6 +6149,6 @@ export default () => (
                 ],
             }}
         />
-    </MapContextProvider>
+    </MapDocsExample>
 );
 ```

package/package.json

@@ -2,16 +2,16 @@
   "name": "@splunk/visualizations",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
-  "version": "28.9.0",
+  "version": "28.9.1",
   "scripts": {
-    "build": "viz-build && yarn generate:llm-docs",
-    "build-storybook": "sb build -c .storybook -o .storybook-bundle",
+    "build": "yarn generate:maplibre-worker && viz-build && yarn generate:llm-docs",
+    "build-storybook": "yarn generate:maplibre-worker && sb build -c .storybook -o .storybook-bundle",
     "build:ci": "yarn build && yarn docs",
     "clean": "yarn clean:storybook && yarn clean:esbuild && yarn clean:test-reports",
     "clean:storybook": "rm -rf .storybook-bundle",
     "clean:esbuild": "git ls-files --others -i --exclude-standard *.js *.map | xargs rm",
     "clean:test-reports": "rm -rf ./test-reports",
-    "dev": "viz-build --watch",
+    "dev": "yarn generate:maplibre-worker && viz-build --watch",
     "dev:yalc": "yarn dev --env.useYalc='true'",
     "docs": "INTERNAL=true NODE_ENV=production webpack --config webpack.docs.config.js",
     "docs:external": "INTERNAL=false NODE_ENV=production webpack --config webpack.docs.config.js",
@@ -21,10 +21,11 @@
     "docs:start:external": "INTERNAL=false webpack-dev-server --watch --config webpack.docs.config.js",
     "generate:iconloader": "node ./tools/generate_icon_loader.mjs",
     "generate:llm-docs": "tsc -p ./tools/llm-docs/tsconfig.json && node ./tools/llm-docs/dist/generateContent.js",
+    "generate:maplibre-worker": "node ./tools/generate_maplibre_worker_bundle.mjs",
     "lint": "eslint src --ext \".js,.jsx,.es,.ts,.tsx\"",
     "lint:ci": "eslint src --ext \".js,.jsx,.ts,.tsx\" -f junit -o test-reports/lint-results.xml",
     "lint:fix": "yarn run lint --fix",
-    "storybook": "sb dev -p 6006 -c .storybook",
+    "storybook": "yarn generate:maplibre-worker && sb dev -p 6006 -c .storybook",
     "test": "yarn run test:unit && yarn run test:visual",
     "test:ci": "yarn run test:unit:ci && yarn run test:visual:ci",
     "test:unit": "jest src/* .storybook/.*",
@@ -40,24 +41,24 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@splunk/async-dynamic-options-evaluator": "^28.9.0",
-    "@splunk/charting-bundle": "^28.9.0",
+    "@splunk/async-dynamic-options-evaluator": "^28.9.1",
+    "@splunk/charting-bundle": "^28.9.1",
     "@splunk/moment": "^0.7.0",
-    "@splunk/react-events-viewer": "^28.9.0",
-    "@splunk/react-field-summary": "^28.9.0",
+    "@splunk/react-events-viewer": "^28.9.1",
+    "@splunk/react-field-summary": "^28.9.1",
     "@splunk/react-icons": "^5.14.1",
     "@splunk/react-ui": "^5.14.0",
     "@splunk/splunk-utils": "^3.4.0",
     "@splunk/themes": "^1.10.0",
     "@splunk/time-range-utils": "^3.4.1",
     "@splunk/ui-utils": "^1.14.1",
-    "@splunk/visualization-canvas": "^28.9.0",
-    "@splunk/visualization-color-palettes": "^28.9.0",
-    "@splunk/visualization-encoding": "^28.9.0",
-    "@splunk/visualization-icons": "^28.9.0",
-    "@splunk/visualization-schemas": "^28.9.0",
-    "@splunk/visualization-themes": "^28.9.0",
-    "@splunk/visualizations-shared": "^28.9.0",
+    "@splunk/visualization-canvas": "^28.9.1",
+    "@splunk/visualization-color-palettes": "^28.9.1",
+    "@splunk/visualization-encoding": "^28.9.1",
+    "@splunk/visualization-icons": "^28.9.1",
+    "@splunk/visualization-schemas": "^28.9.1",
+    "@splunk/visualization-themes": "^28.9.1",
+    "@splunk/visualizations-shared": "^28.9.1",
     "@xmldom/xmldom": "^0.8.13",
     "chroma-js": "^3.2.0",
     "cssesc": "3.0.0",
@@ -78,7 +79,7 @@
     "dompurify": "^3.4.12",
     "jexl": "^2.3.0",
     "lodash": "^4.18.1",
-    "maplibre-gl": "^5.8.0",
+    "maplibre-gl": "^6.10.0",
     "prop-types": "^15.8.1",
     "slate": "^0.112.0",
     "slate-dom": "^0.112.0",
@@ -88,7 +89,7 @@
     "xpath": "^0.0.32"
   },
   "peerDependencies": {
-    "@splunk/visualization-context": "^28.9.0",
+    "@splunk/visualization-context": "^28.9.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "^5.3.10"
@@ -97,6 +98,7 @@
     "@babel/cli": "^7.26.4",
     "@babel/core": "^7.26.4",
     "@babel/parser": "^7.29.7",
+    "@babel/plugin-transform-class-static-block": "^7.29.7",
     "@babel/traverse": "^7.29.7",
     "@babel/types": "^7.29.7",
     "@loki/create-async-callback": "^0.35.1",
@@ -107,8 +109,8 @@
     "@splunk/dynamic-editors": "0.46.1",
     "@splunk/jsdoc-loader": "^3.1.1",
     "@splunk/react-docs": "^1.9.0",
-    "@splunk/visualization-build-tools": "^28.9.0",
-    "@splunk/visualization-context": "^28.9.0",
+    "@splunk/visualization-build-tools": "^28.9.1",
+    "@splunk/visualization-context": "^28.9.1",
     "@splunk/webpack-configs": "^7.0.2",
     "@storybook/addon-actions": "^7.6.21",
     "@storybook/addon-docs": "^7.6.21",
@@ -145,6 +147,7 @@
     "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "^8",
     "babel-plugin-styled-components": "^1.13.3",
+    "esbuild": "^0.28.1",
     "faker": "5.1.0",
     "jest-canvas-mock": "^2.5.8",
     "jest-styled-components": "^7.2.0",