@splunk/dashboard-toolbar 29.6.0 → 29.7.0

package/index.js

@@ -923,7 +923,10 @@ var CheckmarkPlaceholder = styled_components_default.span`
 `;
 var Display = ({
   appearance = "default",
-  dashboardApi
+  dashboardApi,
+  children,
+  onRequestOpen,
+  onRequestClose
 }) => {
   const globalInputs = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectGlobalInputs);
   const hasGlobalInputs = (globalInputs?.length ?? 0) > 0;
@@ -946,9 +949,27 @@ var Display = ({
       collapsed: !isDescriptionCollapsed
     });
   }, [dashboardApi, isDescriptionCollapsed]);
-  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+  const {
+    handleRequestClose: baseHandleRequestClose,
+    handleRequestOpen: baseHandleRequestOpen,
+    isOpen
+  } = useDropdown_default({
     isContentClickClose: true
   });
+  const handleRequestOpen = (0, react_exports.useCallback)(
+    (event, data) => {
+      onRequestOpen?.(event, data);
+      baseHandleRequestOpen();
+    },
+    [onRequestOpen, baseHandleRequestOpen]
+  );
+  const handleRequestClose = (0, react_exports.useCallback)(
+    (data) => {
+      onRequestClose?.(data);
+      baseHandleRequestClose(data);
+    },
+    [onRequestClose, baseHandleRequestClose]
+  );
   const buttonToggle2 = (0, react_exports.useMemo)(
     () => /* @__PURE__ */ react_default.createElement(
       Button_default,
@@ -1008,7 +1029,7 @@ var Display = ({
     descriptionCheckmarkIcon,
     inputsCheckmarkIcon
   ]);
-  if (dropdownMenuChildren.length === 0) {
+  if (dropdownMenuChildren.length === 0 && react_default.Children.toArray(children).length === 0) {
     return null;
   }
   return /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: (0, i18n_exports._)("Display") }, /* @__PURE__ */ react_default.createElement(
@@ -1026,7 +1047,8 @@ var Display = ({
         focusMode: "normal",
         "aria-label": (0, i18n_exports._)("Display options")
       },
-      dropdownMenuChildren
+      dropdownMenuChildren,
+      children
     )
   ));
 };
@@ -2179,7 +2201,8 @@ var StyledEndAdornment = styled_components_default.span`
 var percentAdornment = /* @__PURE__ */ react_default.createElement(StyledEndAdornment, null, "%");
 var ZoomNumber = ({
   currentScale,
-  onScaleChange
+  onScaleChange,
+  ...rest
 }) => {
   const onValueChange = (0, react_exports.useCallback)(
     (_e, value = 100) => {
@@ -2195,6 +2218,7 @@ var ZoomNumber = ({
   return /* @__PURE__ */ react_default.createElement(
     StyledNumber,
     {
+      ...rest,
       value: currentScale,
       onChange: handleChange,
       onKeyDown: handleKeyPress,
@@ -2225,6 +2249,33 @@ var StyledTooltip = styled_components_default(Tooltip_default)`
         display: flex;
     }
 `;
+var ZoomTooltipChildren = ({
+  currentScale,
+  onScaleChange,
+  dashboardApi,
+  appearance,
+  setCurrentScale,
+  scaleType,
+  setScaleType,
+  ...tooltipProps
+}) => /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(
+  ZoomNumber,
+  {
+    currentScale,
+    onScaleChange,
+    ...tooltipProps
+  }
+), /* @__PURE__ */ react_default.createElement(
+  ZoomMenu,
+  {
+    dashboardApi,
+    appearance,
+    currentScale,
+    setCurrentScale,
+    scaleType,
+    setScaleType
+  }
+));
 var Zoom = ({
   showSeparator = true,
   appearance = "default",
@@ -2278,18 +2329,12 @@ var Zoom = ({
       content: (0, i18n_exports._)("Zoom level")
     },
     /* @__PURE__ */ react_default.createElement(
-      ZoomNumber,
+      ZoomTooltipChildren,
       {
         currentScale,
-        onScaleChange: handleScaleChange
-      }
-    ),
-    /* @__PURE__ */ react_default.createElement(
-      ZoomMenu,
-      {
+        onScaleChange: handleScaleChange,
         dashboardApi,
         appearance,
-        currentScale,
         setCurrentScale,
         scaleType,
         setScaleType