@splunk/visualizations 28.7.0 → 28.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/Area.js +2 -2
  2. package/Area.js.map +2 -2
  3. package/Bar.js +2 -2
  4. package/Bar.js.map +2 -2
  5. package/Bubble.js +2 -2
  6. package/Bubble.js.map +2 -2
  7. package/CHANGELOG.external.md +26 -0
  8. package/ChoroplethSvg.js +2 -2
  9. package/ChoroplethSvg.js.map +2 -2
  10. package/Column.js +2 -2
  11. package/Column.js.map +2 -2
  12. package/Ellipse.js +2 -2
  13. package/Ellipse.js.map +2 -2
  14. package/Events.js +2 -2
  15. package/Events.js.map +2 -2
  16. package/FillerGauge.js +10 -5
  17. package/FillerGauge.js.map +2 -2
  18. package/Image.js +2 -2
  19. package/Image.js.map +2 -2
  20. package/Line.js +2 -2
  21. package/Line.js.map +2 -2
  22. package/LinkGraph.js +2 -2
  23. package/LinkGraph.js.map +2 -2
  24. package/Map.js +2 -2
  25. package/Map.js.map +2 -2
  26. package/Markdown.config.js +1 -1
  27. package/Markdown.config.js.map +1 -1
  28. package/Markdown.js +3 -3
  29. package/Markdown.js.map +2 -2
  30. package/MarkerGauge.js +10 -5
  31. package/MarkerGauge.js.map +2 -2
  32. package/NetworkGraph.js +2 -2
  33. package/NetworkGraph.js.map +2 -2
  34. package/ParallelCoordinates.js +2 -2
  35. package/ParallelCoordinates.js.map +2 -2
  36. package/Pie.js +2 -2
  37. package/Pie.js.map +2 -2
  38. package/ProcessTree.js +2 -2
  39. package/ProcessTree.js.map +2 -2
  40. package/Punchcard.js +2 -2
  41. package/Punchcard.js.map +2 -2
  42. package/Rectangle.js +2 -2
  43. package/Rectangle.js.map +2 -2
  44. package/RichText/PureRichText/Editor/EditorPanel.d.ts.map +1 -1
  45. package/RichText/PureRichText/InnerEditor.d.ts +10 -0
  46. package/RichText/PureRichText/InnerEditor.d.ts.map +1 -1
  47. package/RichText/PureRichText/PureRichText.d.ts +17 -0
  48. package/RichText/PureRichText/PureRichText.d.ts.map +1 -1
  49. package/RichText/PureRichText/PureRichTextContext.d.ts.map +1 -1
  50. package/RichText/PureRichText/hooks/useContentSave.d.ts +6 -0
  51. package/RichText/PureRichText/hooks/useContentSave.d.ts.map +1 -1
  52. package/RichText/PureRichText/hooks/useContentSync.d.ts +13 -1
  53. package/RichText/PureRichText/hooks/useContentSync.d.ts.map +1 -1
  54. package/RichText/PureRichText/hooks/useDashboardKeyboardNav.d.ts.map +1 -1
  55. package/RichText/PureRichText/hooks/useEditorSetup.d.ts.map +1 -1
  56. package/RichText/PureRichText/hooks/useFakeHighlight.d.ts +1 -16
  57. package/RichText/PureRichText/hooks/useFakeHighlight.d.ts.map +1 -1
  58. package/RichText/PureRichText/hooks/useTokenMap.d.ts +37 -35
  59. package/RichText/PureRichText/hooks/useTokenMap.d.ts.map +1 -1
  60. package/RichText/PureRichText/renderers/LeafRenderer.d.ts +0 -4
  61. package/RichText/PureRichText/renderers/LeafRenderer.d.ts.map +1 -1
  62. package/RichText/PureRichText/types.d.ts +15 -0
  63. package/RichText/PureRichText/types.d.ts.map +1 -1
  64. package/RichText/PureRichText/utils/slateUtils.d.ts.map +1 -1
  65. package/RichText/RichText.d.ts +2 -0
  66. package/RichText/RichText.d.ts.map +1 -1
  67. package/RichText/config.d.ts.map +1 -1
  68. package/RichText.config.js +14 -1
  69. package/RichText.config.js.map +2 -2
  70. package/RichText.js +733 -263
  71. package/RichText.js.map +4 -4
  72. package/Sankey.js +2 -2
  73. package/Sankey.js.map +2 -2
  74. package/Scatter.js +2 -2
  75. package/Scatter.js.map +2 -2
  76. package/SingleValue.js +2 -2
  77. package/SingleValue.js.map +2 -2
  78. package/SingleValueIcon.js +2 -2
  79. package/SingleValueIcon.js.map +2 -2
  80. package/SingleValueRadial.js +2 -2
  81. package/SingleValueRadial.js.map +2 -2
  82. package/Table/PureTable.d.ts +2 -0
  83. package/Table/PureTable.d.ts.map +1 -1
  84. package/Table/config.d.ts.map +1 -1
  85. package/Table.config.js +7 -0
  86. package/Table.config.js.map +2 -2
  87. package/Table.js +91 -9
  88. package/Table.js.map +4 -4
  89. package/Timeline/PureTimeline/PureTimeline.d.ts +6 -5
  90. package/Timeline/PureTimeline/PureTimeline.d.ts.map +1 -1
  91. package/Timeline/PureTimeline/src/CursorPlugin.d.ts +1 -0
  92. package/Timeline/PureTimeline/src/CursorPlugin.d.ts.map +1 -1
  93. package/Timeline/PureTimeline/src/TimelineLegend.d.ts +10 -7
  94. package/Timeline/PureTimeline/src/TimelineLegend.d.ts.map +1 -1
  95. package/Timeline/PureTimeline/src/TimelineTooltip.d.ts +5 -1
  96. package/Timeline/PureTimeline/src/TimelineTooltip.d.ts.map +1 -1
  97. package/Timeline/PureTimeline/src/TimelineUplot.d.ts +19 -2
  98. package/Timeline/PureTimeline/src/TimelineUplot.d.ts.map +1 -1
  99. package/Timeline/PureTimeline/src/TimelineYAxis.d.ts.map +1 -1
  100. package/Timeline/PureTimeline/src/XAxisPlugin.d.ts +1 -0
  101. package/Timeline/PureTimeline/src/XAxisPlugin.d.ts.map +1 -1
  102. package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts +8 -0
  103. package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts.map +1 -1
  104. package/Timeline.js +449 -211
  105. package/Timeline.js.map +4 -4
  106. package/Treemap/PureTreemap/components/PureTreemap.d.ts +42 -0
  107. package/Treemap/PureTreemap/components/PureTreemap.d.ts.map +1 -0
  108. package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts +10 -0
  109. package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts.map +1 -0
  110. package/Treemap/PureTreemap/components/TreemapChildCell.d.ts +28 -0
  111. package/Treemap/PureTreemap/components/TreemapChildCell.d.ts.map +1 -0
  112. package/Treemap/PureTreemap/components/TreemapHeader.d.ts +19 -0
  113. package/Treemap/PureTreemap/components/TreemapHeader.d.ts.map +1 -0
  114. package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts +17 -0
  115. package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts.map +1 -0
  116. package/Treemap/PureTreemap/components/TreemapLegend.d.ts +20 -0
  117. package/Treemap/PureTreemap/components/TreemapLegend.d.ts.map +1 -0
  118. package/Treemap/PureTreemap/components/TreemapNode.d.ts +5 -0
  119. package/Treemap/PureTreemap/components/TreemapNode.d.ts.map +1 -0
  120. package/Treemap/PureTreemap/components/TreemapParentNode.d.ts +10 -0
  121. package/Treemap/PureTreemap/components/TreemapParentNode.d.ts.map +1 -0
  122. package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts +6 -0
  123. package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts.map +1 -0
  124. package/Treemap/PureTreemap/components/TreemapTooltip.d.ts +17 -0
  125. package/Treemap/PureTreemap/components/TreemapTooltip.d.ts.map +1 -0
  126. package/Treemap/PureTreemap/mockdata/data.d.ts +90 -0
  127. package/Treemap/PureTreemap/mockdata/data.d.ts.map +1 -0
  128. package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts +67 -0
  129. package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts.map +1 -0
  130. package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts +5 -0
  131. package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts.map +1 -0
  132. package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts +14 -0
  133. package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts.map +1 -0
  134. package/Treemap/PureTreemap/utils/treemapLayout.d.ts +49 -0
  135. package/Treemap/PureTreemap/utils/treemapLayout.d.ts.map +1 -0
  136. package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts +81 -0
  137. package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts.map +1 -0
  138. package/Treemap/PureTreemap/utils/treemapTypes.d.ts +37 -0
  139. package/Treemap/PureTreemap/utils/treemapTypes.d.ts.map +1 -0
  140. package/Treemap/PureTreemap/utils/treemapUtils.d.ts +76 -0
  141. package/Treemap/PureTreemap/utils/treemapUtils.d.ts.map +1 -0
  142. package/Treemap/Treemap.d.ts +12 -0
  143. package/Treemap/Treemap.d.ts.map +1 -0
  144. package/Treemap/config.d.ts +4 -0
  145. package/Treemap/config.d.ts.map +1 -0
  146. package/Treemap/index.d.ts +3 -0
  147. package/Treemap/index.d.ts.map +1 -0
  148. package/Treemap.config.js +465 -0
  149. package/Treemap.config.js.map +7 -0
  150. package/Treemap.js +6233 -0
  151. package/Treemap.js.map +7 -0
  152. package/common/DocExampleWithVizSandbox.js.map +2 -2
  153. package/common/GaugeMajorTicks.js.map +2 -2
  154. package/common/GaugeValueMarker.js +1 -0
  155. package/common/GaugeValueMarker.js.map +2 -2
  156. package/common/OverviewDoc.js.map +2 -2
  157. package/common/docUtils.d.ts.map +1 -1
  158. package/common/docUtils.js +1 -8
  159. package/common/docUtils.js.map +2 -2
  160. package/common/gaugeUtils.d.ts.map +1 -1
  161. package/common/gaugeUtils.js +7 -3
  162. package/common/gaugeUtils.js.map +2 -2
  163. package/common/hocs/FixedSizeContainer.d.ts.map +1 -1
  164. package/common/hooks/useDynamicHeight.d.ts +67 -0
  165. package/common/hooks/useDynamicHeight.d.ts.map +1 -0
  166. package/common/interfaces/VizCategory.d.ts +2 -1
  167. package/common/interfaces/VizCategory.d.ts.map +1 -1
  168. package/common/withDashboardViz.js +2 -2
  169. package/common/withDashboardViz.js.map +2 -2
  170. package/docs-llm/INDEX.md +1 -0
  171. package/docs-llm/area/options.md +84 -84
  172. package/docs-llm/bar/options.md +77 -77
  173. package/docs-llm/bubble/options.md +51 -51
  174. package/docs-llm/choropleth-svg/options.md +5 -5
  175. package/docs-llm/column/options.md +82 -82
  176. package/docs-llm/ellipse/options.md +6 -6
  177. package/docs-llm/events/options.md +6 -6
  178. package/docs-llm/filler-gauge/options.md +16 -16
  179. package/docs-llm/image/options.md +3 -3
  180. package/docs-llm/line/options.md +82 -82
  181. package/docs-llm/link-graph/options.md +16 -16
  182. package/docs-llm/map/options.md +12 -12
  183. package/docs-llm/markdown/options.md +7 -7
  184. package/docs-llm/marker-gauge/options.md +16 -16
  185. package/docs-llm/network-graph/options.md +39 -39
  186. package/docs-llm/parallel-coordinates/options.md +4 -4
  187. package/docs-llm/pie/options.md +23 -23
  188. package/docs-llm/process-tree/options.md +22 -22
  189. package/docs-llm/punchcard/options.md +23 -23
  190. package/docs-llm/pure-rich-text/options.md +6 -5
  191. package/docs-llm/rectangle/options.md +9 -9
  192. package/docs-llm/rich-text/options.md +6 -5
  193. package/docs-llm/sankey/options.md +9 -9
  194. package/docs-llm/scatter/options.md +57 -57
  195. package/docs-llm/single-value/options.md +39 -39
  196. package/docs-llm/single-value-icon/options.md +33 -33
  197. package/docs-llm/single-value-radial/options.md +31 -31
  198. package/docs-llm/table/options.md +14 -13
  199. package/docs-llm/timeline/options.md +17 -17
  200. package/docs-llm/treemap/examples-json.md +5 -0
  201. package/docs-llm/treemap/examples-react.md +5 -0
  202. package/docs-llm/treemap/options.md +26 -0
  203. package/docs-llm/treemap/overview.md +27 -0
  204. package/package.json +28 -27
@@ -0,0 +1,27 @@
1
+ # Treemap Visualization Guide
2
+
3
+ **Component Reference:** Treemap or @splunk/visualizations/Treemap
4
+
5
+ ## Overview
6
+
7
+ A treemap visualization displays hierarchical data as nested rectangles sized by a numeric value. Each level of the hierarchy is subdivided into smaller rectangles, making it easy to compare how categories and subcategories contribute to the whole.
8
+
9
+ ## Details
10
+
11
+ - **Category:** Comparisons
12
+ - **Visualization Type:** splunk.treemap
13
+
14
+ ## Tips
15
+
16
+ - Use treemaps to compare proportions across categories within a hierarchy.
17
+ - Choose a clear size metric so rectangle areas are meaningful.
18
+ - Best for showing part-to-whole relationships, category breakdowns, or concentration patterns.
19
+
20
+ ## Variations
21
+
22
+ | Variation | Description | Key |
23
+ | --- | --- | --- |
24
+ | Basic | Use a basic treemap to compare one level of categories by size. | basic |
25
+ | Subdivisions | Use parent IDs and subdivisions to show nested categories while still supporting drilldown into parent nodes. | hierarchy |
26
+ | Dynamic Colors | Use gradient, match value, or range value coloring to highlight values and categories in the treemap. | dynamicColors |
27
+ | Performance | Use parent and child relationships to handle large number of nodes. Nodes that are too small to render will collapse into an "Others" node that can be drilled down. | performance |
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@splunk/visualizations",
3
3
  "license": "Apache-2.0",
4
4
  "author": "Splunk Inc.",
5
- "version": "28.7.0",
5
+ "version": "28.8.0",
6
6
  "scripts": {
7
7
  "build": "viz-build && yarn generate:llm-docs",
8
8
  "build-storybook": "sb build -c .storybook -o .storybook-bundle",
@@ -39,25 +39,25 @@
39
39
  "version": "yarn build"
40
40
  },
41
41
  "dependencies": {
42
- "@babel/runtime": "^7.29.2",
43
- "@splunk/async-dynamic-options-evaluator": "^28.7.0",
44
- "@splunk/charting-bundle": "^28.7.0",
42
+ "@babel/runtime": "^7.29.7",
43
+ "@splunk/async-dynamic-options-evaluator": "^28.8.0",
44
+ "@splunk/charting-bundle": "^28.8.0",
45
45
  "@splunk/moment": "^0.7.0",
46
- "@splunk/react-events-viewer": "^28.7.0",
47
- "@splunk/react-field-summary": "^28.7.0",
48
- "@splunk/react-icons": "^5.11.0",
49
- "@splunk/react-ui": "^5.10.0",
46
+ "@splunk/react-events-viewer": "^28.8.0",
47
+ "@splunk/react-field-summary": "^28.8.0",
48
+ "@splunk/react-icons": "^5.12.0",
49
+ "@splunk/react-ui": "^5.11.1",
50
50
  "@splunk/splunk-utils": "^3.4.0",
51
- "@splunk/themes": "^1.7.2",
51
+ "@splunk/themes": "^1.8.0",
52
52
  "@splunk/time-range-utils": "^3.4.1",
53
53
  "@splunk/ui-utils": "^1.14.0",
54
- "@splunk/visualization-canvas": "^28.7.0",
55
- "@splunk/visualization-color-palettes": "^28.7.0",
56
- "@splunk/visualization-encoding": "^28.7.0",
57
- "@splunk/visualization-icons": "^28.7.0",
58
- "@splunk/visualization-schemas": "^28.7.0",
59
- "@splunk/visualization-themes": "^28.7.0",
60
- "@splunk/visualizations-shared": "^28.7.0",
54
+ "@splunk/visualization-canvas": "^28.8.0",
55
+ "@splunk/visualization-color-palettes": "^28.8.0",
56
+ "@splunk/visualization-encoding": "^28.8.0",
57
+ "@splunk/visualization-icons": "^28.8.0",
58
+ "@splunk/visualization-schemas": "^28.8.0",
59
+ "@splunk/visualization-themes": "^28.8.0",
60
+ "@splunk/visualizations-shared": "^28.8.0",
61
61
  "@xmldom/xmldom": "^0.8.13",
62
62
  "chroma-js": "^3.2.0",
63
63
  "cssesc": "3.0.0",
@@ -67,6 +67,7 @@
67
67
  "d3-collection": "^1.0.7",
68
68
  "d3-drag": "^2.0.0",
69
69
  "d3-force": "^3.0.0",
70
+ "d3-hierarchy": "^3.1.2",
70
71
  "d3-interpolate": "^3.0.1",
71
72
  "d3-quadtree": "^3.0.1",
72
73
  "d3-scale": "^3.3.0",
@@ -74,7 +75,7 @@
74
75
  "d3-transition": "^2.0.0",
75
76
  "d3-zoom": "^2.0.0",
76
77
  "dagre": "^0.8.5",
77
- "dompurify": "^3.4.2",
78
+ "dompurify": "^3.4.11",
78
79
  "jexl": "^2.3.0",
79
80
  "lodash": "^4.18.1",
80
81
  "maplibre-gl": "^5.8.0",
@@ -87,7 +88,7 @@
87
88
  "xpath": "^0.0.32"
88
89
  },
89
90
  "peerDependencies": {
90
- "@splunk/visualization-context": "^28.7.0",
91
+ "@splunk/visualization-context": "^28.8.0",
91
92
  "react": "^18.3.1",
92
93
  "react-dom": "^18.3.1",
93
94
  "styled-components": "^5.3.10"
@@ -95,19 +96,19 @@
95
96
  "devDependencies": {
96
97
  "@babel/cli": "^7.26.4",
97
98
  "@babel/core": "^7.26.4",
98
- "@babel/parser": "^7.29.3",
99
- "@babel/traverse": "^7.29.0",
99
+ "@babel/parser": "^7.29.7",
100
+ "@babel/traverse": "^7.29.7",
100
101
  "@babel/types": "^7.29.0",
101
102
  "@loki/create-async-callback": "^0.35.1",
102
103
  "@mdx-js/loader": "^3.1.1",
103
104
  "@mdx-js/mdx": "^3.1.1",
104
105
  "@splunk/babel-preset": "^4.0.0",
105
- "@splunk/docs-gen": "^1.2.0",
106
- "@splunk/dynamic-editors": "0.44.3",
106
+ "@splunk/docs-gen": "^1.8.0",
107
+ "@splunk/dynamic-editors": "0.44.7",
107
108
  "@splunk/jsdoc-loader": "^3.1.1",
108
- "@splunk/react-docs": "^1.7.0",
109
- "@splunk/visualization-build-tools": "^28.7.0",
110
- "@splunk/visualization-context": "^28.7.0",
109
+ "@splunk/react-docs": "^1.9.0",
110
+ "@splunk/visualization-build-tools": "^28.8.0",
111
+ "@splunk/visualization-context": "^28.8.0",
111
112
  "@splunk/webpack-configs": "^7.0.2",
112
113
  "@storybook/addon-actions": "^7.6.21",
113
114
  "@storybook/addon-docs": "^7.6.21",
@@ -132,14 +133,14 @@
132
133
  "@types/d3-brush": "^2.1.5",
133
134
  "@types/d3-collection": "^1.0.13",
134
135
  "@types/d3-drag": "^2.0.5",
136
+ "@types/d3-hierarchy": "^3.0.7",
135
137
  "@types/d3-interpolate": "^3.0.4",
136
138
  "@types/d3-scale": "^3.3.5",
137
139
  "@types/d3-selection": "^2.0.5",
138
140
  "@types/d3-transition": "^2.0.6",
139
141
  "@types/d3-zoom": "^2.0.7",
140
- "@types/dompurify": "^3.2.0",
141
142
  "@types/json-schema": "^7.0.15",
142
- "@types/react": "^18.3.28",
143
+ "@types/react": "^18.3.31",
143
144
  "@types/testing-library__jest-dom": "^5.14.9",
144
145
  "awesome-typescript-loader": "^5.2.1",
145
146
  "babel-loader": "^8",