@splunk/visualizations 28.0.0 → 28.1.0

package/CHANGELOG.external.md

@@ -4,6 +4,35 @@ All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
 
+# 28.1.0 (2025-08-19)
+
+
+### Bug Fixes
+
+* **SCP-76604:** DSL - gradient formatter should work for tables with strings and time fields (e12ca7f)
+* **SCP-76756:** Markdown - code blocks should wrap on overflow (468ec54)
+* **SCP-76950:** Timeline - cursor scale issues with grid layout (72779cb)
+* SVI - expose alt prop for RemoteIcon.jsx, default alt set to 'Remote Icon' (3e00022)
+* **SCP-73715:** LinkGraph - fix for wrongly count nodes (ad5ede8)
+* **SCP-76210:** SV - can not be clicked at smaller sizes (c665b29)
+
+
+### Features
+
+* **SCP-55382:** Map - add dynamic colors editor UI - choropleth layer (1467679)
+* **SCP-73706:** Filler gauge - enable trelllis (c0a5265)
+* **SCP-76366:** Table - display footer totals and percentage (7bfb4a8)
+* **SPL-280621:** ChoroplethSVG - dispatch focus event on choropleth svg on click (6e9a10f)
+
+
+
+
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+
 # 28.0.0 (2025-07-14)
 
 
@@ -27,8 +56,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ### BREAKING CHANGES
 
-* **SCP-68696:** Upgrade to React 18 and SUI 5 (3ba06ca)
-
+* **SCP-68696:** Upgrade to React 18 and SUI 5, see Migration docs for details (3ba06ca)
 
 
 

package/ChoroplethSvg.js

@@ -520,7 +520,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
+        "data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
         width,
         height,
         backgroundColor
@@ -586,7 +586,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
+  "data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
 })`
     position: relative;
     width: 100%;
@@ -1309,7 +1309,7 @@ var withDashboardViz = (opts) => {
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
           if (ev && ev.payload) {
-            payload = ev.payload;
+            payload = __spreadValues({}, ev.payload);
           }
           return onEventTrigger({
             originalEvent: ev,
@@ -1499,7 +1499,8 @@ var _SvgMutator = class _SvgMutator {
       frameBorder: 0,
       sandbox: "allow-scripts",
       id: "svgChoroplethIframe",
-      "data-test": "svgChoroplethIframe"
+      "data-test": "svgChoroplethIframe",
+      "data-viz-supports-simulated-clicks": true
     });
     let intervalID = null;
     let messageListener = null;
@@ -1782,6 +1783,15 @@ value: ${data.values[i]}`;
               name
             }
           }, eventSetting));
+          const outlineDiv = div.closest('[data-test="select-outline"]');
+          if (outlineDiv) {
+            const focusEvent = new FocusEvent("focus", {
+              bubbles: true,
+              cancelable: true,
+              relatedTarget: outlineDiv
+            });
+            outlineDiv.dispatchEvent(focusEvent);
+          }
         } else {
           mEvent = new MouseEvent(eventType, __spreadValues({
             clientX: realClientX,
@@ -1922,7 +1932,7 @@ var computeSvgDynamicProps = (_a) => {
 };
 var PureChoroplethSvg = (_a) => {
   var props = __objRest(_a, []);
-  const { width, height, backgroundColor } = props;
+  const { width = "100%", height = 250, backgroundColor } = props;
   const cachedHandleResize = react_exports.useCallback((w, h) => {
     setContainerWidth(w);
     setContainerHeight(h);
@@ -1941,12 +1951,6 @@ var PureChoroplethSvg = (_a) => {
   };
   return /* @__PURE__ */ react_exports.createElement(Container, { width, height }, /* @__PURE__ */ react_exports.createElement(ChoroplethSvgWrapper, null, /* @__PURE__ */ react_exports.createElement(SizeAwareWrapper_default, { width, height, onResize: cachedHandleResize }), renderVisualization()));
 };
-PureChoroplethSvg.defaultProps = {
-  width: "100%",
-  height: 250,
-  onAreaClick: () => {
-  }
-};
 var PureChoroplethSvg_default = PureChoroplethSvg;
 
 // esm-externals:@splunk/visualization-schemas