@splunk/dashboard-toolbar 29.5.0 → 29.5.1

package/groups/VisualizationGroup.js

@@ -325,6 +325,7 @@ var IconButton = (_a) => {
     disabled = false,
     onClick,
     label,
+    tooltipContent,
     testLabel
   } = _b, rest = __objRest(_b, [
     "icon",
@@ -332,9 +333,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,
@@ -346,14 +348,25 @@ 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;
 
 // 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(
@@ -367,8 +380,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,
@@ -376,7 +388,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 = [
@@ -504,8 +517,7 @@ var Cog_default = "default" in defaultImport16 ? defaultImport16.default : defau
 
 // src/buttons/Config.tsx
 var configurationIcon = prepareIcon({
-  Icon: Cog_default,
-  screenReaderContent: (0, i18n_exports._)("Configuration")
+  Icon: Cog_default
 });
 
 // esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown
@@ -519,8 +531,7 @@ var ArrowBroadUnderbarDown_default = "default" in defaultImport17 ? defaultImpor
 
 // src/buttons/ContentExport.tsx
 var icon = prepareIcon({
-  Icon: ArrowBroadUnderbarDown_default,
-  screenReaderContent: (0, i18n_exports._)("Export")
+  Icon: ArrowBroadUnderbarDown_default
 });
 
 // esm-externals:@splunk/react-icons/CylinderMulti
@@ -534,8 +545,7 @@ var CylinderMulti_default = "default" in defaultImport18 ? defaultImport18.defau
 
 // src/buttons/Data.tsx
 var dataInputIcon = prepareIcon({
-  Icon: CylinderMulti_default,
-  screenReaderContent: (0, i18n_exports._)("Data source overview")
+  Icon: CylinderMulti_default
 });
 
 // esm-externals:@splunk/react-icons/Checkmark
@@ -567,8 +577,7 @@ var Square_default = "default" in defaultImport20 ? defaultImport20.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* () {
@@ -590,7 +599,8 @@ var EmptyVisualization = ({ dashboardApi }) => {
     {
       testLabel: "empty-viz-button",
       onClick: handleClick,
-      icon: icon2
+      icon: icon2,
+      tooltipContent: (0, i18n_exports._)("Add rectangle")
     }
   );
 };
@@ -613,8 +623,7 @@ var ChevronsOut_default = "default" in defaultImport21 ? defaultImport21.default
 
 // src/buttons/Fullscreen.tsx
 var icon3 = prepareIcon({
-  Icon: ChevronsOut_default,
-  screenReaderContent: (0, i18n_exports._)("Fullscreen")
+  Icon: ChevronsOut_default
 });
 
 // esm-externals:@splunk/react-ui/Switch
@@ -650,7 +659,6 @@ var MenusContainer = styled_components_default.div`
 `;
 var iconGalleryDropdown = prepareIcon({
   Icon: ChartSingleValueIcon_default,
-  screenReaderContent: (0, i18n_exports._)("Add icon"),
   isMenu: true
 });
 var focusToggleReasons2 = [
@@ -667,14 +675,15 @@ var IconGallery = ({ dashboardApi }) => {
   } = useDropdown_default({
     isContentClickClose: false
   });
-  const ButtonToggle4 = (0, react_exports.useMemo)(
+  const ButtonToggle6 = (0, react_exports.useMemo)(
     () => /* @__PURE__ */ react_default.createElement(
       StyledDropdownButton,
       {
         "data-test": "icon-gallery-button",
         "data-clickable": true,
         appearance: "subtle",
-        icon: iconGalleryDropdown
+        icon: iconGalleryDropdown,
+        tooltipContent: (0, i18n_exports._)("Add icon")
       }
     ),
     []
@@ -704,7 +713,7 @@ var IconGallery = ({ dashboardApi }) => {
       onRequestClose: handleRequestClose,
       onRequestOpen: handleRequestOpen,
       open: isOpen,
-      toggle: ButtonToggle4
+      toggle: ButtonToggle6
     },
     /* @__PURE__ */ react_default.createElement(MenusContainer, { "data-test": "icon-menu", "data-open": isOpen }, /* @__PURE__ */ react_default.createElement(
       dashboard_ui_exports.IconGallery,
@@ -729,9 +738,18 @@ var QuestionCircle_default = "default" in defaultImport24 ? defaultImport24.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(
+  StyledDropdownButton,
+  {
+    appearance: "subtle",
+    "data-clickable": true,
+    "data-test": "help-button",
+    icon: HelpIcon,
+    tooltipContent: (0, i18n_exports._)("Help links")
+  }
+);
 
 // esm-externals:@splunk/react-icons/Picture
 var Picture_exports = {};
@@ -744,8 +762,7 @@ var Picture_default = "default" in defaultImport25 ? defaultImport25.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* () {
@@ -766,7 +783,8 @@ var Image = ({ dashboardApi }) => {
     {
       testLabel: "image-button",
       onClick: handleClick,
-      icon: icon4
+      icon: icon4,
+      tooltipContent: (0, i18n_exports._)("Add image")
     }
   );
 };
@@ -779,9 +797,18 @@ 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(
+  StyledDropdownButton,
+  {
+    "data-test": "image-gallery-button",
+    "data-clickable": true,
+    appearance: "subtle",
+    icon: imageGalleryDropdown,
+    tooltipContent: (0, i18n_exports._)("Add image")
+  }
+);
 
 // esm-externals:lodash
 var lodash_exports = {};
@@ -818,16 +845,16 @@ var focusToggleReasons3 = [
 var DEFAULT_PRESET_MAP = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
-  screenReaderContent: (0, i18n_exports._)("Add input"),
   isMenu: true
 });
-var ButtonToggle2 = /* @__PURE__ */ react_default.createElement(
+var ButtonToggle4 = /* @__PURE__ */ react_default.createElement(
   StyledDropdownButton,
   {
     appearance: "subtle",
     "data-clickable": true,
     "data-test": "inputs-button",
-    icon: addInputIcon
+    icon: addInputIcon,
+    tooltipContent: (0, i18n_exports._)("Add input")
   }
 );
 var onCreateInputClickFactory = ({
@@ -921,7 +948,7 @@ var Inputs = ({
       onRequestClose: handleRequestClose,
       onRequestOpen: handleRequestOpen,
       open: isOpen,
-      toggle: ButtonToggle2
+      toggle: ButtonToggle4
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, InputTypeButtons)
   ));
@@ -939,8 +966,7 @@ var Markdown_default = "default" in defaultImport29 ? defaultImport29.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)(() => {
@@ -961,7 +987,8 @@ var Markdown = ({ dashboardApi }) => {
     {
       testLabel: "markdown-button",
       onClick: handleClick,
-      icon: icon5
+      icon: icon5,
+      tooltipContent: (0, i18n_exports._)("Add markdown text")
     }
   );
 };
@@ -978,8 +1005,7 @@ var ArrowBowRight_default = "default" in defaultImport30 ? defaultImport30.defau
 
 // src/buttons/Redo.tsx
 var icon6 = prepareIcon({
-  Icon: ArrowBowRight_default,
-  screenReaderContent: (0, i18n_exports._)("Redo")
+  Icon: ArrowBowRight_default
 });
 
 // esm-externals:@splunk/react-icons/Circle
@@ -1032,16 +1058,16 @@ var PopoverItemButton_default = PopoverItemButton;
 // src/buttons/Shapes.tsx
 var shapesDropdown = prepareIcon({
   Icon: ShapesVariety_default,
-  screenReaderContent: (0, i18n_exports._)("Add shape"),
   isMenu: true
 });
-var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
+var ButtonToggle5 = /* @__PURE__ */ react_default.createElement(
   StyledDropdownButton,
   {
     appearance: "subtle",
     "data-clickable": true,
     "data-test": "shapes-button",
-    icon: shapesDropdown
+    icon: shapesDropdown,
+    tooltipContent: (0, i18n_exports._)("Add shape")
   }
 );
 var focusToggleReasons4 = [
@@ -1075,7 +1101,7 @@ var Shapes = ({ dashboardApi, layoutType }) => {
       onRequestClose: handleRequestClose,
       onRequestOpen: handleRequestOpen,
       open: isOpen,
-      toggle: ButtonToggle3
+      toggle: ButtonToggle5
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, { "data-test": "shapes-dropdown-children-container" }, /* @__PURE__ */ react_default.createElement(
       Menu_default.Item,
@@ -1141,8 +1167,7 @@ var WindowChevronsSlash_default = "default" in defaultImport34 ? defaultImport34
 
 // src/buttons/Source.tsx
 var icon7 = prepareIcon({
-  Icon: WindowChevronsSlash_default,
-  screenReaderContent: (0, i18n_exports._)("Source code")
+  Icon: WindowChevronsSlash_default
 });
 
 // esm-externals:@splunk/react-icons/ListToken
@@ -1156,8 +1181,7 @@ var ListToken_default = "default" in defaultImport35 ? defaultImport35.default :
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
-  Icon: ListToken_default,
-  screenReaderContent: (0, i18n_exports._)("Token manager")
+  Icon: ListToken_default
 });
 
 // esm-externals:@splunk/react-icons/ArrowBowLeft
@@ -1171,8 +1195,7 @@ var ArrowBowLeft_default = "default" in defaultImport36 ? defaultImport36.defaul
 
 // src/buttons/Undo.tsx
 var icon8 = prepareIcon({
-  Icon: ArrowBowLeft_default,
-  screenReaderContent: (0, i18n_exports._)("Undo")
+  Icon: ArrowBowLeft_default
 });
 
 // esm-externals:@splunk/ui-utils/format