@splunk/dashboard-toolbar 29.0.0 → 29.1.0

package/buttons/index.js

@@ -25,6 +25,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -201,7 +202,7 @@ var dashboard_state_default = "default" in defaultImport10 ? defaultImport10.def
 var Item_default = styled_components_default.div``;
 
 // src/hooks/useDropdown.ts
-var useDropdown = ({
+var useDropdown = /* @__PURE__ */ __name(({
   isContentClickClose = true
 }) => {
   const [isOpen, setIsOpen] = (0, react_exports.useState)(false);
@@ -234,7 +235,7 @@ var useDropdown = ({
     handleForceClose,
     setHasChildModal
   };
-};
+}, "useDropdown");
 var useDropdown_default = useDropdown;
 
 // esm-externals:@splunk/react-icons/CaretDown
@@ -270,7 +271,7 @@ var StyledDropdownIcon = styled_components_default(CaretDown_default)`
 `;
 var iconSize = 24;
 var menuIconSize = 20;
-var prepareIcon = (_a) => {
+var prepareIcon = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
     Icon,
     screenReaderContent,
@@ -282,8 +283,8 @@ var prepareIcon = (_a) => {
   ]);
   const size = isMenu ? menuIconSize : iconSize;
   return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Icon, __spreadValues({ width: size, height: size }, props)), isMenu && /* @__PURE__ */ react_default.createElement(StyledDropdownIcon, { variant: "filled", width: 9, height: size }), screenReaderContent && /* @__PURE__ */ react_default.createElement(ScreenReaderContent_default, null, screenReaderContent));
-};
-var IconButton = (_a) => {
+}, "prepareIcon");
+var IconButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
     icon: icon9,
     buttonRef,
@@ -312,7 +313,7 @@ var IconButton = (_a) => {
       "data-clickable": true
     }
   ));
-};
+}, "IconButton");
 var IconButton_default = IconButton;
 
 // src/components/StyledButton.tsx
@@ -344,8 +345,11 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
     icon: chartsDropdown
   }
 );
-var focusToggleReasons = [];
-var getVisualizationListFromTaxonomy = ({
+var focusToggleReasons = [
+  "escapeKey",
+  "tabKey"
+];
+var getVisualizationListFromTaxonomy = /* @__PURE__ */ __name(({
   taxonomy,
   handleCreateVisualization
 }) => taxonomy.reduce(
@@ -381,8 +385,8 @@ var getVisualizationListFromTaxonomy = ({
     );
   },
   []
-);
-var Charts = ({ dashboardApi, preset }) => {
+), "getVisualizationListFromTaxonomy");
+var Charts = /* @__PURE__ */ __name(({ dashboardApi, preset }) => {
   const { showNewDataForViz = true } = (0, dashboard_context_exports.useFeatureFlags)();
   const { family } = (0, themes_exports.useSplunkTheme)();
   const { handleForceClose, handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
@@ -452,7 +456,7 @@ var Charts = ({ dashboardApi, preset }) => {
     },
     renderScrollableMenu
   ));
-};
+}, "Charts");
 var Charts_default = Charts;
 
 // esm-externals:@splunk/react-icons/Cog
@@ -469,7 +473,7 @@ var configurationIcon = prepareIcon({
   Icon: Cog_default,
   screenReaderContent: (0, i18n_exports._)("Configuration")
 });
-var Config = ({ dashboardApi }) => {
+var Config = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const configButtonRef = (0, dashboard_context_exports.useToolbarRef)("config");
   const handleClick = (0, react_exports.useCallback)(() => {
     const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "config";
@@ -493,7 +497,7 @@ var Config = ({ dashboardApi }) => {
       icon: configurationIcon
     }
   );
-};
+}, "Config");
 var Config_default = Config;
 
 // esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown
@@ -510,7 +514,7 @@ var icon = prepareIcon({
   Icon: ArrowBroadUnderbarDown_default,
   screenReaderContent: (0, i18n_exports._)("Export")
 });
-var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.createElement(
+var ContentExport = /* @__PURE__ */ __name(({ disabled, onClick }) => /* @__PURE__ */ react_default.createElement(
   IconButton_default,
   {
     testLabel: "content-export-button",
@@ -518,7 +522,7 @@ var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.cre
     disabled: !!disabled,
     icon
   }
-);
+), "ContentExport");
 var ContentExport_default = ContentExport;
 
 // esm-externals:@splunk/react-icons/CylinderMulti
@@ -535,7 +539,7 @@ var dataInputIcon = prepareIcon({
   Icon: CylinderMulti_default,
   screenReaderContent: (0, i18n_exports._)("Data source overview")
 });
-var Data = ({ dashboardApi }) => {
+var Data = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const dataButtonRef = (0, dashboard_context_exports.useToolbarRef)("dataOverview");
   const handleClick = (0, react_exports.useCallback)(() => {
     const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "dataOverview";
@@ -562,7 +566,7 @@ var Data = ({ dashboardApi }) => {
       icon: dataInputIcon
     }
   );
-};
+}, "Data");
 var Data_default = Data;
 
 // esm-externals:@splunk/react-icons/Square
@@ -579,8 +583,8 @@ var icon2 = prepareIcon({
   Icon: Square_default,
   screenReaderContent: (0, i18n_exports._)("Add rectangle")
 });
-var EmptyVisualization = ({ dashboardApi }) => {
-  const handleClick = (0, react_exports.useCallback)(() => __async(void 0, null, function* () {
+var EmptyVisualization = /* @__PURE__ */ __name(({ dashboardApi }) => {
+  const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
         type: "splunk.rectangle",
@@ -602,7 +606,7 @@ var EmptyVisualization = ({ dashboardApi }) => {
       icon: icon2
     }
   );
-};
+}, "EmptyVisualization");
 var EmptyVisualization_default = EmptyVisualization;
 
 // esm-externals:@splunk/dashboard-utils
@@ -616,7 +620,7 @@ var dashboard_utils_default = "default" in defaultImport18 ? defaultImport18.def
 
 // src/buttons/ExportDashboardButton.tsx
 var downloadIcon = /* @__PURE__ */ react_default.createElement(ArrowBroadUnderbarDown_default, null);
-var ExportDashboardButton = ({
+var ExportDashboardButton = /* @__PURE__ */ __name(({
   appearance = "secondary",
   scale = 1
 }) => {
@@ -647,7 +651,7 @@ var ExportDashboardButton = ({
       returnFocus: dashboard_utils_exports.noop
     }
   ));
-};
+}, "ExportDashboardButton");
 var ExportDashboardButton_default = ExportDashboardButton;
 
 // esm-externals:@splunk/react-icons/ChevronsOut
@@ -664,7 +668,7 @@ var icon3 = prepareIcon({
   Icon: ChevronsOut_default,
   screenReaderContent: (0, i18n_exports._)("Fullscreen")
 });
-var FullScreen = ({ dashboardApi }) => {
+var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
   const handleClick = (0, react_exports.useCallback)(() => {
     dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
@@ -678,7 +682,7 @@ var FullScreen = ({ dashboardApi }) => {
       icon: icon3
     }
   );
-};
+}, "FullScreen");
 var Fullscreen_default = FullScreen;
 
 // esm-externals:@splunk/react-ui/Switch
@@ -707,7 +711,7 @@ var SwitchContainer = styled_components_default.div`
     flex-direction: row;
     gap: ${themes_exports.variables.spacingSmall};
 `;
-var GridLineSwitch = ({
+var GridLineSwitch = /* @__PURE__ */ __name(({
   dashboardApi,
   mode,
   showSeparator,
@@ -738,7 +742,7 @@ var GridLineSwitch = ({
     },
     (0, i18n_exports._)("Gridlines")
   ), separator);
-};
+}, "GridLineSwitch");
 var GridLineSwitch_default = GridLineSwitch;
 
 // esm-externals:@splunk/react-icons/ChartSingleValueIcon
@@ -760,8 +764,11 @@ var iconGalleryDropdown = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Add icon"),
   isMenu: true
 });
-var focusToggleReasons2 = [];
-var IconGallery = ({ dashboardApi }) => {
+var focusToggleReasons2 = [
+  "escapeKey",
+  "tabKey"
+];
+var IconGallery = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const {
     handleForceClose,
     handleRequestClose,
@@ -784,7 +791,7 @@ var IconGallery = ({ dashboardApi }) => {
     []
   );
   const handlePanelClick = (0, react_exports.useCallback)(
-    (iconURL) => __async(void 0, null, function* () {
+    (iconURL) => __async(null, null, function* () {
       dashboardApi == null ? void 0 : dashboardApi.createVisualization({
         visualizationDefinition: {
           type: "splunk.singlevalueicon",
@@ -818,7 +825,7 @@ var IconGallery = ({ dashboardApi }) => {
       }
     ))
   ));
-};
+}, "IconGallery");
 var IconGallery_default = IconGallery;
 
 // esm-externals:@splunk/react-icons/QuestionCircle
@@ -846,7 +853,7 @@ var ButtonToggle2 = /* @__PURE__ */ react_default.createElement(
     icon: HelpIcon
   }
 );
-var HelpButton = ({ helpLinks = [] }) => {
+var HelpButton = /* @__PURE__ */ __name(({ helpLinks = [] }) => {
   const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
     isContentClickClose: true
   });
@@ -892,7 +899,7 @@ var HelpButton = ({ helpLinks = [] }) => {
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, HelpLinks)
   ));
-};
+}, "HelpButton");
 var HelpButton_default = HelpButton;
 
 // esm-externals:@splunk/react-icons/Picture
@@ -909,8 +916,8 @@ var icon4 = prepareIcon({
   Icon: Picture_default,
   screenReaderContent: (0, i18n_exports._)("Add image")
 });
-var Image = ({ dashboardApi }) => {
-  const handleClick = (0, react_exports.useCallback)(() => __async(void 0, null, function* () {
+var Image = /* @__PURE__ */ __name(({ dashboardApi }) => {
+  const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
         type: "splunk.image",
@@ -931,7 +938,7 @@ var Image = ({ dashboardApi }) => {
       icon: icon4
     }
   );
-};
+}, "Image");
 var Image_default = Image;
 
 // src/buttons/ImageGallery.tsx
@@ -954,7 +961,7 @@ var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
   }
 );
 var focusToggleReasons4 = [];
-var ImageGallery = ({ dashboardApi }) => {
+var ImageGallery = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const {
     handleForceClose,
     handleRequestClose,
@@ -965,7 +972,7 @@ var ImageGallery = ({ dashboardApi }) => {
     isContentClickClose: false
   });
   const handlePanelClick = (0, react_exports.useCallback)(
-    (imageUrl) => __async(void 0, null, function* () {
+    (imageUrl) => __async(null, null, function* () {
       dashboardApi == null ? void 0 : dashboardApi.createVisualization({
         visualizationDefinition: {
           type: "splunk.image",
@@ -999,7 +1006,7 @@ var ImageGallery = ({ dashboardApi }) => {
       }
     ))
   ));
-};
+}, "ImageGallery");
 var ImageGallery_default = ImageGallery;
 
 // esm-externals:lodash
@@ -1030,7 +1037,10 @@ __reExport(dashboard_definition_exports, require("@splunk/dashboard-definition")
 var dashboard_definition_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // src/buttons/Inputs.tsx
-var focusToggleReasons5 = [];
+var focusToggleReasons5 = [
+  "escapeKey",
+  "tabKey"
+];
 var DEFAULT_PRESET_MAP = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
@@ -1046,7 +1056,7 @@ var ButtonToggle4 = /* @__PURE__ */ react_default.createElement(
     icon: addInputIcon
   }
 );
-var onCreateInputClickFactory = ({
+var onCreateInputClickFactory = /* @__PURE__ */ __name(({
   type,
   defaultConfig,
   tokenPrefix,
@@ -1067,8 +1077,8 @@ var onCreateInputClickFactory = ({
   }
   dashboardApi.addInput(newConfig);
   dashboardApi.openPanel({ activePanel: "config" });
-};
-var Inputs = ({
+}, "onCreateInputClickFactory");
+var Inputs = /* @__PURE__ */ __name(({
   dashboardApi,
   preset = DEFAULT_PRESET_MAP
 }) => {
@@ -1141,7 +1151,7 @@ var Inputs = ({
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, InputTypeButtons)
   ));
-};
+}, "Inputs");
 var Inputs_default = Inputs;
 
 // esm-externals:@splunk/react-icons/Markdown
@@ -1158,7 +1168,7 @@ var icon5 = prepareIcon({
   Icon: Markdown_default,
   screenReaderContent: (0, i18n_exports._)("Add markdown text")
 });
-var Markdown = ({ dashboardApi }) => {
+var Markdown = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
@@ -1180,11 +1190,11 @@ var Markdown = ({ dashboardApi }) => {
       icon: icon5
     }
   );
-};
+}, "Markdown");
 var Markdown_default2 = Markdown;
 
 // src/buttons/ModeSwitch.tsx
-var ModeSwitch = () => {
+var ModeSwitch = /* @__PURE__ */ __name(() => {
   const mode = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectMode);
   const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
   const appearance = mode === "edit" ? "secondary" : "primary";
@@ -1204,7 +1214,7 @@ var ModeSwitch = () => {
       onClick: handleClick
     }
   ));
-};
+}, "ModeSwitch");
 var ModeSwitch_default = ModeSwitch;
 
 // esm-externals:@splunk/react-icons/ArrowBowRight
@@ -1221,7 +1231,7 @@ var icon6 = prepareIcon({
   Icon: ArrowBowRight_default,
   screenReaderContent: (0, i18n_exports._)("Redo")
 });
-var Redo = ({ dashboardApi }) => {
+var Redo = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const [canRedo, setCanRedo] = (0, react_exports.useState)(
     () => {
       var _a;
@@ -1257,7 +1267,7 @@ var Redo = ({ dashboardApi }) => {
       icon: icon6
     }
   );
-};
+}, "Redo");
 var Redo_default = Redo;
 
 // esm-externals:@splunk/react-icons/Circle
@@ -1304,7 +1314,7 @@ var StyledLabel = styled_components_default.span`
     overflow: hidden;
     flex: 0 1 auto;
 `;
-var PopoverItemButton = ({ icon: icon9, label }) => /* @__PURE__ */ react_default.createElement(StyledContentWrapper, null, icon9 && /* @__PURE__ */ react_default.createElement(StyledIcon, null, icon9), label && /* @__PURE__ */ react_default.createElement(StyledLabel, { "data-test": "label-title" }, label));
+var PopoverItemButton = /* @__PURE__ */ __name(({ icon: icon9, label }) => /* @__PURE__ */ react_default.createElement(StyledContentWrapper, null, icon9 && /* @__PURE__ */ react_default.createElement(StyledIcon, null, icon9), label && /* @__PURE__ */ react_default.createElement(StyledLabel, { "data-test": "label-title" }, label)), "PopoverItemButton");
 var PopoverItemButton_default = PopoverItemButton;
 
 // src/buttons/Shapes.tsx
@@ -1322,11 +1332,14 @@ var ButtonToggle5 = /* @__PURE__ */ react_default.createElement(
     icon: shapesDropdown
   }
 );
-var focusToggleReasons6 = [];
+var focusToggleReasons6 = [
+  "escapeKey",
+  "tabKey"
+];
 var circleIcon = /* @__PURE__ */ react_default.createElement(Circle_default, null);
 var uncheckedBoxIcon = /* @__PURE__ */ react_default.createElement(Square_default, null);
 var lineIcon = /* @__PURE__ */ react_default.createElement(Line_default, null);
-var Shapes = ({ dashboardApi, layoutType }) => {
+var Shapes = /* @__PURE__ */ __name(({ dashboardApi, layoutType }) => {
   const supportLine = layoutType === "absolute";
   const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
     isContentClickClose: true
@@ -1402,7 +1415,7 @@ var Shapes = ({ dashboardApi, layoutType }) => {
       )
     ))
   ));
-};
+}, "Shapes");
 var Shapes_default = Shapes;
 
 // esm-externals:@splunk/react-icons/WindowChevronsSlash
@@ -1419,7 +1432,7 @@ var icon7 = prepareIcon({
   Icon: WindowChevronsSlash_default,
   screenReaderContent: (0, i18n_exports._)("Source code")
 });
-var Source = ({ disabled = false, onClick }) => /* @__PURE__ */ react_default.createElement(
+var Source = /* @__PURE__ */ __name(({ disabled = false, onClick }) => /* @__PURE__ */ react_default.createElement(
   IconButton_default,
   {
     testLabel: "source-button",
@@ -1427,7 +1440,7 @@ var Source = ({ disabled = false, onClick }) => /* @__PURE__ */ react_default.cr
     disabled,
     icon: icon7
   }
-);
+), "Source");
 var Source_default = Source;
 
 // esm-externals:@splunk/react-icons/ListToken
@@ -1453,20 +1466,24 @@ var tokenManagerIcon = prepareIcon({
   Icon: ListToken_default,
   screenReaderContent: (0, i18n_exports._)("Token manager")
 });
-var TokenManager = ({ dashboardApi }) => {
+var TokenManager = /* @__PURE__ */ __name(({ dashboardApi }) => {
+  const { showTokenManager } = (0, dashboard_context_exports.useFeatureFlags)();
   const handleClick = (0, react_exports.useCallback)(() => {
-    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokens";
+    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokenManager";
     if (isOpen) {
       dashboardApi == null ? void 0 : dashboardApi.closePanel();
     } else {
       dashboardApi == null ? void 0 : dashboardApi.openPanel({
-        activePanel: "tokens",
+        activePanel: "tokenManager",
         panelProps: {
           focusOnOpen: true
         }
       });
     }
   }, [dashboardApi]);
+  if (!showTokenManager) {
+    return null;
+  }
   return /* @__PURE__ */ react_default.createElement(
     Tooltip_default,
     {
@@ -1483,7 +1500,7 @@ var TokenManager = ({ dashboardApi }) => {
       }
     )
   );
-};
+}, "TokenManager");
 
 // esm-externals:@splunk/react-icons/ArrowBowLeft
 var ArrowBowLeft_exports = {};
@@ -1499,7 +1516,7 @@ var icon8 = prepareIcon({
   Icon: ArrowBowLeft_default,
   screenReaderContent: (0, i18n_exports._)("Undo")
 });
-var Undo = ({ dashboardApi }) => {
+var Undo = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const [canUndo, setCanUndo] = (0, react_exports.useState)(
     () => {
       var _a;
@@ -1535,7 +1552,7 @@ var Undo = ({ dashboardApi }) => {
       icon: icon8
     }
   );
-};
+}, "Undo");
 var Undo_default = Undo;
 
 // esm-externals:@splunk/dashboard-telemetry
@@ -1565,7 +1582,7 @@ var buttonStyle = {
 var menuStyle = {
   width: "200px"
 };
-var ZoomMenu = ({
+var ZoomMenu = /* @__PURE__ */ __name(({
   dashboardApi,
   appearance = "default",
   currentScale,
@@ -1710,7 +1727,7 @@ var ZoomMenu = ({
       dropdownMenuChildren
     )
   );
-};
+}, "ZoomMenu");
 
 // esm-externals:@splunk/react-ui/Number
 var Number_exports = {};
@@ -1731,7 +1748,7 @@ var StyledNumber = styled_components_default(Number_default)`
 var StyledEndAdornment = styled_components_default.span`
     color: ${themes_exports.variables.contentColorActive};
 `;
-var ZoomNumber = ({
+var ZoomNumber = /* @__PURE__ */ __name(({
   currentScale,
   onScaleChange
 }) => {
@@ -1763,7 +1780,7 @@ var ZoomNumber = ({
       append: true
     }
   );
-};
+}, "ZoomNumber");
 
 // src/buttons/Zoom/Zoom.tsx
 var Container = styled_components_default.div`
@@ -1778,7 +1795,7 @@ var StyledTooltip = styled_components_default(Tooltip_default)`
         display: flex;
     }
 `;
-var Zoom = ({
+var Zoom = /* @__PURE__ */ __name(({
   showSeparator = true,
   appearance = "default",
   mode = "view"
@@ -1853,5 +1870,5 @@ var Zoom = ({
       }
     )
   ), separator);
-};
+}, "Zoom");
 //# sourceMappingURL=index.js.map