@splunk/visualizations 27.5.0 → 28.1.0

package/SingleValueIcon.js

@@ -1,6 +1,7 @@
 /* Copyright © 2020 Splunk Inc.
 SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -607,11 +608,16 @@ var handleValueClickCallback = (ev, majorValue, majorValueField, trendValue, onV
     trendValue,
     value: majorValue,
     name: majorValueField
-  }, trellisEnabled && { "trellis.name": trellisSplitBy, "trellis.value": trellisKey })
+  }, trellisEnabled && {
+    "trellis.name": trellisSplitBy,
+    "trellis.value": trellisKey
+  })
 }));
 var getTrendColorWithPercent = (options) => {
   const shouldUsePercentTrendColor = options.trendColor === "> trendValue | rangeValue(trendColorEditorConfig)" && options.trendDisplay === "percent";
-  return shouldUsePercentTrendColor ? { trendColor: "> trendValuePercent | rangeValue(trendColorEditorConfig)" } : {};
+  return shouldUsePercentTrendColor ? {
+    trendColor: "> trendValuePercent | rangeValue(trendColorEditorConfig)"
+  } : {};
 };
 
 // esm-externals:@splunk/react-icons/enterprise/ArrowUp
@@ -1222,8 +1228,14 @@ var SingleValueIcon = (_a) => {
         iconPosition = "before";
       }
       const showHorizontal = isHorizontal(iconPosition);
-      const iconWidth = getIconWidth({ showHorizontal, width: containerWidth });
-      const iconHeight = getIconHeight({ showHorizontal, height: containerHeight });
+      const iconWidth = getIconWidth({
+        showHorizontal,
+        width: containerWidth
+      });
+      const iconHeight = getIconHeight({
+        showHorizontal,
+        height: containerHeight
+      });
       let svgIconComponent = null;
       if (IconComponent) {
         svgIconComponent = react_default.cloneElement(IconComponent, {
@@ -1243,8 +1255,15 @@ var SingleValueIcon = (_a) => {
           opacity: iconOpacity
         });
       }
-      const contentWidth = getValuesWidth({ showHorizontal, width: containerWidth });
-      const contentHeight = getValuesHeight({ showHorizontal, height: containerHeight, iconHeight });
+      const contentWidth = getValuesWidth({
+        showHorizontal,
+        width: containerWidth
+      });
+      const contentHeight = getValuesHeight({
+        showHorizontal,
+        height: containerHeight,
+        iconHeight
+      });
       const toRemoveList = [
         { key: "underLabel", value: "" },
         { key: "trendDisplay", value: "off" },
@@ -1279,7 +1298,11 @@ var SingleValueIcon = (_a) => {
       if (!isEmpty_default(smallVizProps)) {
         ({ showValue, trendDisplay, underLabel, unit } = smallVizProps);
       }
-      const iconFontSize = getIconFontSize({ showValue, majorTextFontSize, iconWidth });
+      const iconFontSize = getIconFontSize({
+        showValue,
+        majorTextFontSize,
+        iconWidth
+      });
       const underLabelHeight = getUnderLabelHeight(containerHeight * 0.1);
       const underLabelFontSize = getUnderLabel({
         underLabel,
@@ -1701,9 +1724,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
     position: relative;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
-var FixSizeItem = styled_components_default.div.attrs(({ width, height }) => ({
-  style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
-}))`
+var FixSizeItem = styled_components_default.div.attrs(
+  ({
+    width,
+    height
+  }) => ({
+    style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
+  })
+)`
     position: relative;
     flex-direction: column;
     flex: 1;
@@ -1737,7 +1765,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
+        "data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
         width,
         height,
         backgroundColor
@@ -1803,7 +1831,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
+  "data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
 })`
     position: relative;
     width: 100%;
@@ -2172,7 +2200,12 @@ var useGetXAndYFields = ({
         y2Fields: options.y2 ? "> y2 | getField()" : void 0,
         fieldTypes: "> primary | getType()"
       };
-      const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
+      const {
+        xField = "",
+        yFields = [],
+        y2Fields = [],
+        fieldTypes
+      } = Options_exports.Options.evaluate(
         { options: optionsToEvaluate, context },
         dataSourcesWithOnlyOnePoint,
         () => {
@@ -2786,7 +2819,9 @@ var withDashboardViz = (opts) => {
           return result;
         }
       } catch (e) {
-        console.error(`unexpected error evaluating options: ${e.message}`);
+        if (e instanceof Error) {
+          console.error(`unexpected error evaluating options: ${e.message}`);
+        }
         return {};
       }
       return {};
@@ -2843,9 +2878,13 @@ var withDashboardViz = (opts) => {
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
           if (ev && ev.payload) {
-            payload = ev.payload;
+            payload = __spreadValues({}, ev.payload);
           }
-          return onEventTrigger({ originalEvent: ev, payload, type: eventName });
+          return onEventTrigger({
+            originalEvent: ev,
+            payload,
+            type: eventName
+          });
         };
         if (parentKeys) {
           for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -3182,7 +3221,6 @@ var TrellisEditorConfig = [
       editorProps: {
         min: 1
       },
-      placeholder: (0, i18n_exports._)("Auto"),
       showEditor: isTrellisEnabled
     }
   ],
@@ -3254,11 +3292,9 @@ var TrellisBackgroundColorEditor = {
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
   const enhancedConfig = __spreadValues({}, vizConfig);
-  enhancedConfig.editorConfig = vizConfig.editorConfig.map(
-    (config3) => {
-      return __spreadProps(__spreadValues({}, config3), { open: config3.open || false });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config3) => {
+    return __spreadProps(__spreadValues({}, config3), { open: config3.open || false });
+  });
   return enhancedConfig;
 }
 function hasCompatibleContexts(vizContext, presetContext) {
@@ -3524,7 +3560,12 @@ var editorConfig = [
           }
         })
       ],
-      [getDynamicMajorColorEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
+      [
+        getDynamicMajorColorEditor({
+          defaultContext,
+          defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+        })
+      ],
       [
         __spreadProps(__spreadValues({}, StaticTrendColorEditor_default), {
           editorProps: {
@@ -3532,7 +3573,12 @@ var editorConfig = [
           }
         })
       ],
-      [getDynamicTrendColorEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
+      [
+        getDynamicTrendColorEditor({
+          defaultContext,
+          defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+        })
+      ],
       [
         __spreadProps(__spreadValues({}, StaticBackgroundColorEditor_default), {
           editorProps: {
@@ -3547,7 +3593,12 @@ var editorConfig = [
           }
         })
       ],
-      [getDynamicBackgroundColorEditor({ defaultContext, defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig })],
+      [
+        getDynamicBackgroundColorEditor({
+          defaultContext,
+          defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+        })
+      ],
       [
         {
           label: (0, i18n_exports._)("Major value size (px)"),
@@ -3556,7 +3607,6 @@ var editorConfig = [
           editorProps: {
             min: 1
           },
-          placeholder: (0, i18n_exports._)("Auto"),
           showEditor: ({ options }) => options.showValue || options.showValue === void 0
         },
         {
@@ -3566,7 +3616,6 @@ var editorConfig = [
           editorProps: {
             min: 1
           },
-          placeholder: (0, i18n_exports._)("Auto"),
           showEditor: ({ options }) => options.showValue || options.showValue === void 0,
           isDisabled: ({ options }) => options.trendDisplay === "off"
         }
@@ -3757,7 +3806,9 @@ var withTrellis = (Viz) => {
       const evaluated = Options_exports.Options.evaluate(
         {
           context: Viz.config.context,
-          options: { trellisBackgroundColor: mergedOptions.trellisBackgroundColor }
+          options: {
+            trellisBackgroundColor: mergedOptions.trellisBackgroundColor
+          }
         },
         {},
         themeFunc
@@ -3920,7 +3971,12 @@ var computeVizPropsBeforeEval = (options) => {
   return __spreadValues({}, trendColor);
 };
 var viz = withTrellis_default(
-  withDashboardViz_default({ ReactViz: SingleValueIcon_default, vizConfig: config_default, computeVizProps, computeVizPropsBeforeEval })
+  withDashboardViz_default({
+    ReactViz: SingleValueIcon_default,
+    vizConfig: config_default,
+    computeVizProps,
+    computeVizPropsBeforeEval
+  })
 );
 var { themes: themes2 } = config_default;
 var SingleValueIcon_default2 = viz;