@splunk/visualizations 28.8.0 → 28.9.0

package/docs-llm/network-graph/options.md

@@ -15,12 +15,12 @@ Source: `@splunk/visualization-schemas/networkGraphOptionsSchema`
 | `collidePadding` | number | `10` | When layout is "force", specify the additional distance around each node which the collider uses for node repulsion. When clustering is on, this value is used to increase collision distance for clusters. |
 | `collideStrength` | number | `1` | When layout is "force", specify the strength of the collider used for node repulsion. A higher value results in stronger repulsion, causing nodes to spread out more. Ideally value should be between 0 - 1 but there is no hard limit. |
 | `gridColumns` | number | — | When layout is "grid", specify the number of nodes to display per row. By default it uses the ceiling of the square root of the total number of nodes |
-| `hierarchyDirection` | unspecified | `leftRight` | When layout is "hierarchical", specify the direction (topBottom, bottomTop, leftRight, rightLeft) of the hierarchy. Allowed values: `topBottom`, `bottomTop`, `leftRight`, `rightLeft` |
+| `hierarchyDirection` | string | `leftRight` | When layout is "hierarchical", specify the direction (topBottom, bottomTop, leftRight, rightLeft) of the hierarchy. Allowed values: `topBottom`, `bottomTop`, `leftRight`, `rightLeft` |
 | `layout` | string | `grid` | Specify the layout used for the graph. Choose between preset, grid, hierarchical Allowed values: `preset`, `grid`, `hierarchical`, `force` |
 | `linkColors` | array<string> \| string | `> themes.defaultLinkColor` | Specify the color used for links. You may use a dataSource to apply color dynamically. Items: string |
 | `linkColorValues` | array<string \| number> | `> primary \| seriesByType("number")` | Specify the array of values used for dynamic link coloring. Items: string \| number |
 | `linkDistance` | number | `30` | When layout is "force", specify the ideal distance between linked nodes. A higher value results in more space between linked nodes. |
-| `linkStrength` | unspecified | — | When layout is "force", specify the strength of the spring force between linked nodes. Higher value makes link lengths closer to the linkDistance value. Range: min 0, max 1 |
+| `linkStrength` | number | — | When layout is "force", specify the strength of the spring force between linked nodes. Higher value makes link lengths closer to the linkDistance value. Range: min 0, max 1 |
 | `linkStyle` | string | `straight` | Specify the link shape (s, z, c, straight). Allowed values: `s`, `z`, `c`, `straight` |
 | `linkWidth` | number \| array<number> | `2` | Specify a number to set the same width of all links or an array of numbers to set a custom width for each link. Width is in pixels. Items: number |
 | `nodeColors` | string \| array<string> | `> themes.defaultNodeColor` | Specify the color used for nodes. You may use a dataSource to apply color dynamically. Items: string |

package/docs-llm/pie/examples-json.md

@@ -325,6 +325,201 @@
 }
 ```
 
+## Label Display - Count
+
+- **Key:** Labelswithcountpie
+
+```json
+{
+  "type": "splunk.pie",
+  "context": {},
+  "options": {
+    "labelDisplay": "count"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "component"
+          },
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December"
+          ],
+          [
+            "1",
+            "1",
+            "1",
+            "2",
+            "10",
+            "10",
+            "5",
+            "5",
+            "5",
+            "5",
+            "5",
+            "50"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Label Display - Values and Count
+
+- **Key:** Labelswithvalueandcountpie
+
+```json
+{
+  "type": "splunk.pie",
+  "context": {},
+  "options": {
+    "labelDisplay": "valuesAndCount"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "component"
+          },
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December"
+          ],
+          [
+            "1",
+            "1",
+            "1",
+            "2",
+            "10",
+            "10",
+            "5",
+            "5",
+            "5",
+            "5",
+            "5",
+            "50"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Label Display - Values, Percent, and Count
+
+- **Key:** Labelswithpercentandcountpie
+
+```json
+{
+  "type": "splunk.pie",
+  "context": {},
+  "options": {
+    "labelDisplay": "all"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "component"
+          },
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December"
+          ],
+          [
+            "1",
+            "1",
+            "1",
+            "2",
+            "10",
+            "10",
+            "5",
+            "5",
+            "5",
+            "5",
+            "5",
+            "50"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
 ## Label Display - Off
 
 - **Key:** Nolabelspie

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

@@ -207,6 +207,129 @@ export default () => (
 );
 ```
 
+## Label Display - Count
+
+- **Key:** Labelswithcountpie
+
+```jsx
+import React from 'react';
+import Pie from '@splunk/visualizations/Pie';
+
+export default () => (
+    <Pie
+        options={{ labelDisplay: 'count' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'component' }, { name: 'count' }],
+                    columns: [
+                        [
+                            'January',
+                            'February',
+                            'March',
+                            'April',
+                            'May',
+                            'June',
+                            'July',
+                            'August',
+                            'September',
+                            'October',
+                            'November',
+                            'December',
+                        ],
+                        ['1', '1', '1', '2', '10', '10', '5', '5', '5', '5', '5', '50'],
+                    ],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Label Display - Values and Count
+
+- **Key:** Labelswithvalueandcountpie
+
+```jsx
+import React from 'react';
+import Pie from '@splunk/visualizations/Pie';
+
+export default () => (
+    <Pie
+        options={{ labelDisplay: 'valuesAndCount' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'component' }, { name: 'count' }],
+                    columns: [
+                        [
+                            'January',
+                            'February',
+                            'March',
+                            'April',
+                            'May',
+                            'June',
+                            'July',
+                            'August',
+                            'September',
+                            'October',
+                            'November',
+                            'December',
+                        ],
+                        ['1', '1', '1', '2', '10', '10', '5', '5', '5', '5', '5', '50'],
+                    ],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Label Display - Values, Percent, and Count
+
+- **Key:** Labelswithpercentandcountpie
+
+```jsx
+import React from 'react';
+import Pie from '@splunk/visualizations/Pie';
+
+export default () => (
+    <Pie
+        options={{ labelDisplay: 'all' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'component' }, { name: 'count' }],
+                    columns: [
+                        [
+                            'January',
+                            'February',
+                            'March',
+                            'April',
+                            'May',
+                            'June',
+                            'July',
+                            'August',
+                            'September',
+                            'October',
+                            'November',
+                            'December',
+                        ],
+                        ['1', '1', '1', '2', '10', '10', '5', '5', '5', '5', '5', '50'],
+                    ],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
 ## Label Display - Off
 
 - **Key:** Nolabelspie

package/docs-llm/pie/options.md

@@ -11,7 +11,7 @@ Source: `@splunk/visualization-schemas/pieOptionsSchema`
 | `collapseLabel` | string | `other` | Specify the label for the consolidated slice. |
 | `collapseThreshold` | number | `0.01` | Specify the size threshold as a number between 0 and 1 (inclusive), of the whole pie at which slices collapse into one consolidated slice. |
 | `label` | array<string> | `> primary \| seriesByIndex(0)` | List of string values to display the pie chart labels. Items: string |
-| `labelDisplay` | string | `values` | Specify whether to display the labels and/or slice percentages. Allowed values: `values`, `valuesAndPercentage`, `off` |
+| `labelDisplay` | string | `values` | Specify whether to display the labels, slice percentages, and/or counts. Allowed values: `values`, `valuesAndPercentage`, `count`, `valuesAndCount`, `all`, `off` |
 | `labelField` | string | `> label \| getField()` | Specify the field that corresponds to the labels. |
 | `legendDisplay` | string | `off` | Specify the location of the legend on the panel. Allowed values: `right`, `left`, `top`, `bottom`, `off` |
 | `percentagePrecision` | number | `0` | Specify the number of decimal places to display for percentages. The minimum value is 0. The maximum value is 16. Range: min 0, max 16 |

package/docs-llm/process-tree/options.md

@@ -17,13 +17,14 @@ Source: `@splunk/visualization-schemas/processTreeOptionsSchema`
 | `filteredNodeValues` | array<string> \| string | — | Specify field value(s) used with filteredNodeField to classify which nodes render in the right panel. Provide an array, or use a string DSL expression that resolves to an array. Items: string |
 | `highlightColor` | string | `rgba(129, 51, 74, 0.82)` | Specify the background color used for the highlighted node row. |
 | `highlightedNodeId` | string | `` | Specify a node id to highlight in the process tree. |
-| `highlightIcon` | string | `` | Specify an optional built-in icon to render for the highlighted node. Supported values are fire, rectangleDashed, cube, servers, and container. |
+| `highlightIcon` | string | `` | Specify an optional built-in icon to render for the highlighted node. Supported values are fire, rectangleDashed, cube, servers, container, geoTag, and layersDoubleTransparent. |
 | `highlightIconColor` | string | `` | Specify an optional color override for the highlighted node icon. Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
 | `linkValues` | array<number \| string> | `[]` | Specify link values for each link row. Items: number \| string |
 | `networkNodeColors` | array<string> \| string | `[]` | Specify optional network node indicator colors aligned with nodeSource rows. These colors apply only to right-side network nodes and the process-side circle indicators for those networks. Provide an array, or use a string DSL expression that resolves to an array. Items: string |
 | `nodeColors` | array<string> \| string | `[]` | Specify optional node row background colors aligned with nodeSource rows. These colors can fill process tree rows and right-side network rows unless the node is highlighted. Use networkNodeColors to color network indicators. Provide an array, or use a string DSL expression that resolves to an array. Items: string |
-| `nodeIcons` | array<string> \| string | `[]` | Specify optional node icons aligned with nodeSource rows. Supported built-in values are fire, rectangleDashed, cube, servers, and container. Provide an array, or use a string DSL expression that resolves to an array. Items: string |
+| `nodeIcons` | array<string> \| string | `[]` | Specify optional node icons aligned with nodeSource rows. Supported built-in values are fire, rectangleDashed, cube, servers, container, geoTag, and layersDoubleTransparent. Provide an array, or use a string DSL expression that resolves to an array. Items: string |
 | `nodeId` | array<string> | `> nodeSource \| seriesByName("node_id")` | Specify node ids for node metadata lookup when using a secondary node datasource. Items: string |
+| `processLimit` | integer | `100` | Specify the maximum number of sibling processes to render under each parent. An ellipsis is shown when additional processes are omitted. Range: min 1 |
 | `showFieldName` | boolean | `false` | Specify whether tree node labels render as field=value. When false, only the field value is shown. |
 | `source` | array<string> | `> primary \| frameBySeriesTypes("string") \| seriesByIndex(0)` | Specify the source node id for each link row. Items: string |
 | `target` | array<string> | `> primary \| frameBySeriesTypes("string") \| seriesByIndex(1)` | Specify the target node id for each link row. Items: string |

package/package.json

@@ -2,7 +2,7 @@
   "name": "@splunk/visualizations",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
-  "version": "28.8.0",
+  "version": "28.9.0",
   "scripts": {
     "build": "viz-build && yarn generate:llm-docs",
     "build-storybook": "sb build -c .storybook -o .storybook-bundle",
@@ -40,24 +40,24 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@splunk/async-dynamic-options-evaluator": "^28.8.0",
-    "@splunk/charting-bundle": "^28.8.0",
+    "@splunk/async-dynamic-options-evaluator": "^28.9.0",
+    "@splunk/charting-bundle": "^28.9.0",
     "@splunk/moment": "^0.7.0",
-    "@splunk/react-events-viewer": "^28.8.0",
-    "@splunk/react-field-summary": "^28.8.0",
-    "@splunk/react-icons": "^5.12.0",
-    "@splunk/react-ui": "^5.11.1",
+    "@splunk/react-events-viewer": "^28.9.0",
+    "@splunk/react-field-summary": "^28.9.0",
+    "@splunk/react-icons": "^5.14.1",
+    "@splunk/react-ui": "^5.14.0",
     "@splunk/splunk-utils": "^3.4.0",
-    "@splunk/themes": "^1.8.0",
+    "@splunk/themes": "^1.10.0",
     "@splunk/time-range-utils": "^3.4.1",
-    "@splunk/ui-utils": "^1.14.0",
-    "@splunk/visualization-canvas": "^28.8.0",
-    "@splunk/visualization-color-palettes": "^28.8.0",
-    "@splunk/visualization-encoding": "^28.8.0",
-    "@splunk/visualization-icons": "^28.8.0",
-    "@splunk/visualization-schemas": "^28.8.0",
-    "@splunk/visualization-themes": "^28.8.0",
-    "@splunk/visualizations-shared": "^28.8.0",
+    "@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",
     "@xmldom/xmldom": "^0.8.13",
     "chroma-js": "^3.2.0",
     "cssesc": "3.0.0",
@@ -75,7 +75,7 @@
     "d3-transition": "^2.0.0",
     "d3-zoom": "^2.0.0",
     "dagre": "^0.8.5",
-    "dompurify": "^3.4.11",
+    "dompurify": "^3.4.12",
     "jexl": "^2.3.0",
     "lodash": "^4.18.1",
     "maplibre-gl": "^5.8.0",
@@ -88,7 +88,7 @@
     "xpath": "^0.0.32"
   },
   "peerDependencies": {
-    "@splunk/visualization-context": "^28.8.0",
+    "@splunk/visualization-context": "^28.9.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "^5.3.10"
@@ -98,17 +98,17 @@
     "@babel/core": "^7.26.4",
     "@babel/parser": "^7.29.7",
     "@babel/traverse": "^7.29.7",
-    "@babel/types": "^7.29.0",
+    "@babel/types": "^7.29.7",
     "@loki/create-async-callback": "^0.35.1",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/mdx": "^3.1.1",
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/docs-gen": "^1.8.0",
-    "@splunk/dynamic-editors": "0.44.7",
+    "@splunk/dynamic-editors": "0.46.1",
     "@splunk/jsdoc-loader": "^3.1.1",
     "@splunk/react-docs": "^1.9.0",
-    "@splunk/visualization-build-tools": "^28.8.0",
-    "@splunk/visualization-context": "^28.8.0",
+    "@splunk/visualization-build-tools": "^28.9.0",
+    "@splunk/visualization-context": "^28.9.0",
     "@splunk/webpack-configs": "^7.0.2",
     "@storybook/addon-actions": "^7.6.21",
     "@storybook/addon-docs": "^7.6.21",
@@ -133,7 +133,7 @@
     "@types/d3-brush": "^2.1.5",
     "@types/d3-collection": "^1.0.13",
     "@types/d3-drag": "^2.0.5",
-    "@types/d3-hierarchy": "^3.0.7",
+    "@types/d3-hierarchy": "^3.1.7",
     "@types/d3-interpolate": "^3.0.4",
     "@types/d3-scale": "^3.3.5",
     "@types/d3-selection": "^2.0.5",
@@ -146,7 +146,7 @@
     "babel-loader": "^8",
     "babel-plugin-styled-components": "^1.13.3",
     "faker": "5.1.0",
-    "jest-canvas-mock": "^2.5.2",
+    "jest-canvas-mock": "^2.5.8",
     "jest-styled-components": "^7.2.0",
     "json-schema": "^0.4.0",
     "loki": "^0.35.1",