@splunk/visualizations 28.2.0 → 28.2.2

package/Image.js

@@ -601,7 +601,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.2.0 - 7eea200d8"
+  "data-splunk-visualization-version": "28.2.2 - b595a32f1"
 })`
     position: relative;
     width: 100%;
@@ -649,14 +649,18 @@ 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) })
-  })
+  }) => {
+    const validHeight = typeof height === "number" ? Math.max(height, 1) : height;
+    return {
+      style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), validHeight && { height: (0, style_exports.toPx)(validHeight) })
+    };
+  }
 )`
     position: relative;
     flex-direction: column;
     flex: 1;
     display: flex;
+    overflow: hidden !important;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
 var ItemContent = styled_components_default.div`
@@ -669,6 +673,7 @@ var FixSizeItemContent = styled_components_default.div`
     flex: 1;
     position: relative;
     box-sizing: border-box;
+    overflow: hidden !important;
 `;
 var withFixedSizeContainer = (Viz) => {
   const FixedSizeContainer = (props) => {
@@ -686,7 +691,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.2.0 - 7eea200d8",
+        "data-splunk-visualization-version": "28.2.2 - b595a32f1",
         width,
         height,
         backgroundColor
@@ -715,12 +720,6 @@ var IconPlaceholder = (props) => {
     iconColor,
     backgroundColor
   } = props;
-  const cachedHandleResize = react_exports.useCallback((w, h) => {
-    setContainerWidth(w);
-    setContainerHeight(h);
-  }, []);
-  const [containerWidth, setContainerWidth] = react_exports.useState(Number(width));
-  const [containerHeight, setContainerHeight] = react_exports.useState(Number(height));
   let content = /* @__PURE__ */ react_exports.createElement(Message_default, { width, height, level: "warning", message: (0, i18n_exports._)("No DataSource Connected") });
   if (icon) {
     content = react_exports.createElement(icon, {
@@ -737,7 +736,7 @@ var IconPlaceholder = (props) => {
       "data-test": "icon-placeholder"
     });
   }
-  return /* @__PURE__ */ react_exports.createElement("div", { style: { width: containerWidth, height: containerHeight, background: backgroundColor } }, /* @__PURE__ */ react_exports.createElement(SizeAwareWrapper_default, { width, height, onResize: cachedHandleResize }), content);
+  return /* @__PURE__ */ react_exports.createElement("div", { style: { width, height, background: backgroundColor } }, content);
 };
 var IconPlaceholder_default = FixedSizeContainer_default(IconPlaceholder);