@splunk/dashboard-toolbar 29.5.0 → 29.5.1

package/index.js

@@ -232,6 +232,15 @@ var defaultImport12 = __toESM(require("@splunk/react-icons/CaretDown"));
 __reExport(CaretDown_exports, require("@splunk/react-icons/CaretDown"));
 var CaretDown_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
 
+// esm-externals:@splunk/react-ui/Tooltip
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+var defaultImport13 = __toESM(require("@splunk/react-ui/Tooltip"));
+__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
+var Tooltip_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+
 // src/Item.tsx
 var Item_default = styled_components_default.div``;
 
@@ -261,6 +270,7 @@ var IconButton = (_a) => {
     disabled = false,
     onClick,
     label,
+    tooltipContent,
     testLabel
   } = _b, rest = __objRest(_b, [
     "icon",
@@ -268,9 +278,10 @@ var IconButton = (_a) => {
     "disabled",
     "onClick",
     "label",
+    "tooltipContent",
     "testLabel"
   ]);
-  return /* @__PURE__ */ react_default.createElement(Item_default, __spreadValues({}, rest), /* @__PURE__ */ react_default.createElement(
+  const button = /* @__PURE__ */ react_default.createElement(
     Button_default,
     {
       elementRef: buttonRef,
@@ -282,7 +293,8 @@ var IconButton = (_a) => {
       "data-test": testLabel,
       "data-clickable": true
     }
-  ));
+  );
+  return /* @__PURE__ */ react_default.createElement(Item_default, __spreadValues({}, rest), tooltipContent ? /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: tooltipContent }, button) : button);
 };
 var IconButton_default = IconButton;
 
@@ -406,9 +418,9 @@ var dashboard_utils_exports = {};
 __export(dashboard_utils_exports, {
   default: () => dashboard_utils_default
 });
-var defaultImport13 = __toESM(require("@splunk/dashboard-utils"));
+var defaultImport14 = __toESM(require("@splunk/dashboard-utils"));
 __reExport(dashboard_utils_exports, require("@splunk/dashboard-utils"));
-var dashboard_utils_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+var dashboard_utils_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
 
 // src/components/ItemSeparator.tsx
 var ItemSeparator = styled_components_default.div`
@@ -472,9 +484,9 @@ var mixins_exports = {};
 __export(mixins_exports, {
   default: () => mixins_default
 });
-var defaultImport14 = __toESM(require("@splunk/themes/mixins"));
+var defaultImport15 = __toESM(require("@splunk/themes/mixins"));
 __reExport(mixins_exports, require("@splunk/themes/mixins"));
-var mixins_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+var mixins_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
 
 // src/Toolbar.tsx
 var ToolbarWrapper2 = styled_components_default.div`
@@ -588,18 +600,9 @@ var dashboard_ui_exports = {};
 __export(dashboard_ui_exports, {
   default: () => dashboard_ui_default
 });
-var defaultImport15 = __toESM(require("@splunk/dashboard-ui"));
+var defaultImport16 = __toESM(require("@splunk/dashboard-ui"));
 __reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
-var dashboard_ui_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
-
-// esm-externals:@splunk/react-ui/Tooltip
-var Tooltip_exports = {};
-__export(Tooltip_exports, {
-  default: () => Tooltip_default
-});
-var defaultImport16 = __toESM(require("@splunk/react-ui/Tooltip"));
-__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
-var Tooltip_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var dashboard_ui_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
 
 // src/buttons/AIAssistant/AIAssistant.tsx
 var aiButtonStyle = { height: "100%" };
@@ -710,9 +713,19 @@ var useDropdown = ({
 var useDropdown_default = useDropdown;
 
 // src/components/StyledButton.tsx
-var StyledDropdownButton = styled_components_default(Button_default)`
+var BaseDropdownButton = styled_components_default(Button_default)`
     max-width: '50px';
 `;
+var StyledDropdownButton = react_default.forwardRef((_a, ref) => {
+  var _b = _a, { tooltipContent } = _b, props = __objRest(_b, ["tooltipContent"]);
+  const button = /* @__PURE__ */ react_default.createElement(
+    BaseDropdownButton,
+    __spreadProps(__spreadValues({}, props), {
+      elementRef: ref
+    })
+  );
+  return tooltipContent ? /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: tooltipContent }, button) : button;
+});
 
 // src/buttons/Charts.tsx
 var ScrollableMenu = styled_components_default(Menu_default).attrs(
@@ -726,8 +739,7 @@ var ScrollableMenu = styled_components_default(Menu_default).attrs(
 `;
 var chartsDropdown = prepareIcon({
   Icon: ChartColumn_default,
-  isMenu: true,
-  screenReaderContent: (0, i18n_exports._)("Add chart")
+  isMenu: true
 });
 var ButtonToggle = /* @__PURE__ */ react_default.createElement(
   StyledDropdownButton,
@@ -735,7 +747,8 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
     "data-test": "charts-button",
     "data-clickable": true,
     appearance: "subtle",
-    icon: chartsDropdown
+    icon: chartsDropdown,
+    tooltipContent: (0, i18n_exports._)("Add chart")
   }
 );
 var focusToggleReasons = [
@@ -863,8 +876,7 @@ var Cog_default = "default" in defaultImport20 ? defaultImport20.default : defau
 
 // src/buttons/Config.tsx
 var configurationIcon = prepareIcon({
-  Icon: Cog_default,
-  screenReaderContent: (0, i18n_exports._)("Configuration")
+  Icon: Cog_default
 });
 var Config = ({ dashboardApi }) => {
   const configButtonRef = (0, dashboard_context_exports.useToolbarRef)("config");
@@ -887,7 +899,8 @@ var Config = ({ dashboardApi }) => {
       buttonRef: configButtonRef,
       testLabel: "config-button",
       onClick: handleClick,
-      icon: configurationIcon
+      icon: configurationIcon,
+      tooltipContent: (0, i18n_exports._)("Configuration")
     }
   );
 };
@@ -904,8 +917,7 @@ var ArrowBroadUnderbarDown_default = "default" in defaultImport21 ? defaultImpor
 
 // src/buttons/ContentExport.tsx
 var icon = prepareIcon({
-  Icon: ArrowBroadUnderbarDown_default,
-  screenReaderContent: (0, i18n_exports._)("Export")
+  Icon: ArrowBroadUnderbarDown_default
 });
 var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.createElement(
   IconButton_default,
@@ -913,7 +925,8 @@ var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.cre
     testLabel: "content-export-button",
     onClick,
     disabled: !!disabled,
-    icon
+    icon,
+    tooltipContent: (0, i18n_exports._)("Export")
   }
 );
 var ContentExport_default = ContentExport;
@@ -929,8 +942,7 @@ var CylinderMulti_default = "default" in defaultImport22 ? defaultImport22.defau
 
 // src/buttons/Data.tsx
 var dataInputIcon = prepareIcon({
-  Icon: CylinderMulti_default,
-  screenReaderContent: (0, i18n_exports._)("Data source overview")
+  Icon: CylinderMulti_default
 });
 var Data = ({ dashboardApi }) => {
   const dataButtonRef = (0, dashboard_context_exports.useToolbarRef)("dataOverview");
@@ -956,7 +968,8 @@ var Data = ({ dashboardApi }) => {
       buttonRef: dataButtonRef,
       testLabel: "data-button",
       onClick: handleClick,
-      icon: dataInputIcon
+      icon: dataInputIcon,
+      tooltipContent: (0, i18n_exports._)("Data source overview")
     }
   );
 };
@@ -1104,8 +1117,7 @@ var Square_default = "default" in defaultImport24 ? defaultImport24.default : de
 
 // src/buttons/EmptyVisualization.tsx
 var icon2 = prepareIcon({
-  Icon: Square_default,
-  screenReaderContent: (0, i18n_exports._)("Add rectangle")
+  Icon: Square_default
 });
 var EmptyVisualization = ({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
@@ -1127,7 +1139,8 @@ var EmptyVisualization = ({ dashboardApi }) => {
     {
       testLabel: "empty-viz-button",
       onClick: handleClick,
-      icon: icon2
+      icon: icon2,
+      tooltipContent: (0, i18n_exports._)("Add rectangle")
     }
   );
 };
@@ -1204,8 +1217,7 @@ var useToolbarButtonClick = (event, onClick) => {
 
 // src/buttons/Fullscreen.tsx
 var icon3 = prepareIcon({
-  Icon: ChevronsOut_default,
-  screenReaderContent: (0, i18n_exports._)("Fullscreen")
+  Icon: ChevronsOut_default
 });
 var FullScreen = ({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
@@ -1219,7 +1231,8 @@ var FullScreen = ({ dashboardApi }) => {
       testLabel: "fullscreen-button",
       onClick: handleClick,
       disabled: isFullscreen,
-      icon: icon3
+      icon: icon3,
+      tooltipContent: (0, i18n_exports._)("Fullscreen")
     }
   );
 };
@@ -1291,7 +1304,6 @@ var MenusContainer = styled_components_default.div`
 `;
 var iconGalleryDropdown = prepareIcon({
   Icon: ChartSingleValueIcon_default,
-  screenReaderContent: (0, i18n_exports._)("Add icon"),
   isMenu: true
 });
 var focusToggleReasons2 = [
@@ -1315,7 +1327,8 @@ var IconGallery = ({ dashboardApi }) => {
         "data-test": "icon-gallery-button",
         "data-clickable": true,
         appearance: "subtle",
-        icon: iconGalleryDropdown
+        icon: iconGalleryDropdown,
+        tooltipContent: (0, i18n_exports._)("Add icon")
       }
     ),
     []
@@ -1370,7 +1383,6 @@ var QuestionCircle_default = "default" in defaultImport28 ? defaultImport28.defa
 // src/buttons/HelpButton.tsx
 var HelpIcon = prepareIcon({
   Icon: QuestionCircle_default,
-  screenReaderContent: (0, i18n_exports._)("Help links"),
   isMenu: true
 });
 var ButtonToggle2 = /* @__PURE__ */ react_default.createElement(
@@ -1379,7 +1391,8 @@ var ButtonToggle2 = /* @__PURE__ */ react_default.createElement(
     appearance: "subtle",
     "data-clickable": true,
     "data-test": "help-button",
-    icon: HelpIcon
+    icon: HelpIcon,
+    tooltipContent: (0, i18n_exports._)("Help links")
   }
 );
 var HelpButton = ({ helpLinks = [] }) => {
@@ -1441,8 +1454,7 @@ var Picture_default = "default" in defaultImport29 ? defaultImport29.default : d
 
 // src/buttons/Image.tsx
 var icon4 = prepareIcon({
-  Icon: Picture_default,
-  screenReaderContent: (0, i18n_exports._)("Add image")
+  Icon: Picture_default
 });
 var Image = ({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
@@ -1463,7 +1475,8 @@ var Image = ({ dashboardApi }) => {
     {
       testLabel: "image-button",
       onClick: handleClick,
-      icon: icon4
+      icon: icon4,
+      tooltipContent: (0, i18n_exports._)("Add image")
     }
   );
 };
@@ -1476,7 +1489,6 @@ var MenusContainer2 = styled_components_default.div`
 `;
 var imageGalleryDropdown = prepareIcon({
   Icon: Picture_default,
-  screenReaderContent: (0, i18n_exports._)("Add image"),
   isMenu: true
 });
 var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
@@ -1485,7 +1497,8 @@ var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
     "data-test": "image-gallery-button",
     "data-clickable": true,
     appearance: "subtle",
-    icon: imageGalleryDropdown
+    icon: imageGalleryDropdown,
+    tooltipContent: (0, i18n_exports._)("Add image")
   }
 );
 var focusToggleReasons3 = [];
@@ -1572,7 +1585,6 @@ var focusToggleReasons4 = [
 var DEFAULT_PRESET_MAP2 = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
-  screenReaderContent: (0, i18n_exports._)("Add input"),
   isMenu: true
 });
 var ButtonToggle4 = /* @__PURE__ */ react_default.createElement(
@@ -1581,7 +1593,8 @@ var ButtonToggle4 = /* @__PURE__ */ react_default.createElement(
     appearance: "subtle",
     "data-clickable": true,
     "data-test": "inputs-button",
-    icon: addInputIcon
+    icon: addInputIcon,
+    tooltipContent: (0, i18n_exports._)("Add input")
   }
 );
 var onCreateInputClickFactory = ({
@@ -1693,8 +1706,7 @@ var Markdown_default = "default" in defaultImport33 ? defaultImport33.default :
 
 // src/buttons/Markdown.tsx
 var icon5 = prepareIcon({
-  Icon: Markdown_default,
-  screenReaderContent: (0, i18n_exports._)("Add markdown text")
+  Icon: Markdown_default
 });
 var Markdown = ({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => {
@@ -1715,7 +1727,8 @@ var Markdown = ({ dashboardApi }) => {
     {
       testLabel: "markdown-button",
       onClick: handleClick,
-      icon: icon5
+      icon: icon5,
+      tooltipContent: (0, i18n_exports._)("Add markdown text")
     }
   );
 };
@@ -1756,8 +1769,7 @@ var ArrowBowRight_default = "default" in defaultImport34 ? defaultImport34.defau
 
 // src/buttons/Redo.tsx
 var icon6 = prepareIcon({
-  Icon: ArrowBowRight_default,
-  screenReaderContent: (0, i18n_exports._)("Redo")
+  Icon: ArrowBowRight_default
 });
 var Redo = ({ dashboardApi }) => {
   const [canRedo, setCanRedo] = (0, react_exports.useState)(
@@ -1792,7 +1804,8 @@ var Redo = ({ dashboardApi }) => {
       testLabel: "redo-button",
       onClick: handleClick,
       disabled: !canRedo,
-      icon: icon6
+      icon: icon6,
+      tooltipContent: (0, i18n_exports._)("Redo")
     }
   );
 };
@@ -1828,7 +1841,6 @@ var ShapesVariety_default = "default" in defaultImport37 ? defaultImport37.defau
 // src/buttons/Shapes.tsx
 var shapesDropdown = prepareIcon({
   Icon: ShapesVariety_default,
-  screenReaderContent: (0, i18n_exports._)("Add shape"),
   isMenu: true
 });
 var ButtonToggle5 = /* @__PURE__ */ react_default.createElement(
@@ -1837,7 +1849,8 @@ var ButtonToggle5 = /* @__PURE__ */ react_default.createElement(
     appearance: "subtle",
     "data-clickable": true,
     "data-test": "shapes-button",
-    icon: shapesDropdown
+    icon: shapesDropdown,
+    tooltipContent: (0, i18n_exports._)("Add shape")
   }
 );
 var focusToggleReasons5 = [
@@ -1937,8 +1950,7 @@ var WindowChevronsSlash_default = "default" in defaultImport38 ? defaultImport38
 
 // src/buttons/Source.tsx
 var icon7 = prepareIcon({
-  Icon: WindowChevronsSlash_default,
-  screenReaderContent: (0, i18n_exports._)("Source code")
+  Icon: WindowChevronsSlash_default
 });
 var Source = ({ disabled = false, onClick }) => {
   const sourceButtonRef = (0, dashboard_context_exports.useToolbarRef)("source");
@@ -1959,7 +1971,8 @@ var Source = ({ disabled = false, onClick }) => {
       onClick: onSourceClick,
       disabled,
       icon: icon7,
-      buttonRef: sourceButtonRef
+      buttonRef: sourceButtonRef,
+      tooltipContent: (0, i18n_exports._)("Source code")
     }
   );
 };
@@ -1976,8 +1989,7 @@ var ListToken_default = "default" in defaultImport39 ? defaultImport39.default :
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
-  Icon: ListToken_default,
-  screenReaderContent: (0, i18n_exports._)("Token manager")
+  Icon: ListToken_default
 });
 var TokenManager = ({ dashboardApi }) => {
   const { showTokenManager } = (0, dashboard_context_exports.useFeatureFlags)();
@@ -1998,20 +2010,13 @@ var TokenManager = ({ dashboardApi }) => {
     return null;
   }
   return /* @__PURE__ */ react_default.createElement(
-    Tooltip_default,
+    IconButton_default,
     {
-      contentRelationship: "label",
-      content: (0, i18n_exports._)("Token manager"),
-      "data-test-label": "token-manager-button"
-    },
-    /* @__PURE__ */ react_default.createElement(
-      IconButton_default,
-      {
-        testLabel: "token-manager-button",
-        onClick: handleClick,
-        icon: tokenManagerIcon
-      }
-    )
+      testLabel: "token-manager-button",
+      onClick: handleClick,
+      icon: tokenManagerIcon,
+      tooltipContent: (0, i18n_exports._)("Token manager")
+    }
   );
 };
 
@@ -2026,8 +2031,7 @@ var ArrowBowLeft_default = "default" in defaultImport40 ? defaultImport40.defaul
 
 // src/buttons/Undo.tsx
 var icon8 = prepareIcon({
-  Icon: ArrowBowLeft_default,
-  screenReaderContent: (0, i18n_exports._)("Undo")
+  Icon: ArrowBowLeft_default
 });
 var Undo = ({ dashboardApi }) => {
   const [canUndo, setCanUndo] = (0, react_exports.useState)(
@@ -2062,7 +2066,8 @@ var Undo = ({ dashboardApi }) => {
       testLabel: "undo-button",
       onClick: handleClick,
       disabled: !canUndo,
-      icon: icon8
+      icon: icon8,
+      tooltipContent: (0, i18n_exports._)("Undo")
     }
   );
 };