@splunk/dashboard-toolbar 29.0.0 → 29.1.0

package/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)
@@ -239,7 +240,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,
@@ -251,8 +252,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,
@@ -281,7 +282,7 @@ var IconButton = (_a) => {
       "data-clickable": true
     }
   ));
-};
+}, "IconButton");
 var IconButton_default = IconButton;
 
 // src/CollapsibleToolbar.tsx
@@ -333,7 +334,7 @@ var ExpandButton = styled_components_default(Button_default)`
 var expandedIcon = /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(ChevronRight_default, { width: iconSize, height: iconSize }), /* @__PURE__ */ react_default.createElement(ScreenReaderContent_default, null, (0, i18n_exports._)("Expanded")));
 var collapsedIcon = /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(ChevronLeft_default, { width: iconSize, height: iconSize }), /* @__PURE__ */ react_default.createElement(ScreenReaderContent_default, null, (0, i18n_exports._)("Collapsed")));
 var DEFAULT_PRESET_MAP = Object.freeze({});
-var CollapsibleToolbar = ({
+var CollapsibleToolbar = /* @__PURE__ */ __name(({
   preset = DEFAULT_PRESET_MAP,
   dashboardApi,
   initialExpanded = true,
@@ -365,9 +366,9 @@ var CollapsibleToolbar = ({
   );
   (0, react_exports.useEffect)(() => {
     const toolbarApiRef = {
-      toggle: () => handleExpandToggle(),
-      expand: () => setExpanded(true),
-      collapse: () => setExpanded(false)
+      toggle: /* @__PURE__ */ __name(() => handleExpandToggle(), "toggle"),
+      expand: /* @__PURE__ */ __name(() => setExpanded(true), "expand"),
+      collapse: /* @__PURE__ */ __name(() => setExpanded(false), "collapse")
     };
     apiRegistry.registerToolbarApi(toolbarApiRef);
     return () => {
@@ -384,7 +385,7 @@ var CollapsibleToolbar = ({
       "data-clickable": true
     }
   ));
-};
+}, "CollapsibleToolbar");
 CollapsibleToolbar.displayName = "CollapsibleToolbar";
 var CollapsibleToolbar_default = CollapsibleToolbar;
 
@@ -415,7 +416,7 @@ var Group = styled_components_default.div.attrs({
     flex-direction: row;
     gap: ${(props) => props.gap};
 `;
-var ItemGroup = (_a) => {
+var ItemGroup = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
     children,
     borders = true,
@@ -431,7 +432,7 @@ var ItemGroup = (_a) => {
   );
   const separator = borders ? /* @__PURE__ */ react_default.createElement(ItemSeparator_default, null) : null;
   return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Group, { gap: (0, dashboard_utils_exports.toPx)(gap, 2) }, items), separator);
-};
+}, "ItemGroup");
 var ItemGroup_default = ItemGroup;
 
 // src/PopoverItemButton.tsx
@@ -451,7 +452,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;
 
 // esm-externals:@splunk/themes/mixins
@@ -489,7 +490,7 @@ var RightAlignItems = styled_components_default.div`
     gap: ${themes_exports.variables.spacingSmall};
     margin-inline-end: ${themes_exports.variables.spacingSmall};
 `;
-var Toolbar = ({
+var Toolbar = /* @__PURE__ */ __name(({
   activePanel,
   dashboardApi,
   mode,
@@ -566,7 +567,7 @@ var Toolbar = ({
     },
     rightAlignItems
   ));
-};
+}, "Toolbar");
 Toolbar.displayName = "Toolbar";
 var Toolbar_default = Toolbar;
 
@@ -607,7 +608,7 @@ __reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
 var dashboard_ui_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // src/hooks/useDropdown.ts
-var useDropdown = ({
+var useDropdown = /* @__PURE__ */ __name(({
   isContentClickClose = true
 }) => {
   const [isOpen, setIsOpen] = (0, react_exports.useState)(false);
@@ -640,7 +641,7 @@ var useDropdown = ({
     handleForceClose,
     setHasChildModal
   };
-};
+}, "useDropdown");
 var useDropdown_default = useDropdown;
 
 // src/components/StyledButton.tsx
@@ -672,8 +673,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(
@@ -709,8 +713,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({
@@ -780,7 +784,7 @@ var Charts = ({ dashboardApi, preset }) => {
     },
     renderScrollableMenu
   ));
-};
+}, "Charts");
 var Charts_default = Charts;
 
 // esm-externals:@splunk/react-icons/Cog
@@ -797,7 +801,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";
@@ -821,7 +825,7 @@ var Config = ({ dashboardApi }) => {
       icon: configurationIcon
     }
   );
-};
+}, "Config");
 var Config_default = Config;
 
 // esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown
@@ -838,7 +842,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",
@@ -846,7 +850,7 @@ var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.cre
     disabled: !!disabled,
     icon
   }
-);
+), "ContentExport");
 var ContentExport_default = ContentExport;
 
 // esm-externals:@splunk/react-icons/CylinderMulti
@@ -863,7 +867,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";
@@ -890,7 +894,7 @@ var Data = ({ dashboardApi }) => {
       icon: dataInputIcon
     }
   );
-};
+}, "Data");
 var Data_default = Data;
 
 // esm-externals:@splunk/react-icons/Square
@@ -907,8 +911,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",
@@ -930,12 +934,12 @@ var EmptyVisualization = ({ dashboardApi }) => {
       icon: icon2
     }
   );
-};
+}, "EmptyVisualization");
 var EmptyVisualization_default = EmptyVisualization;
 
 // src/buttons/ExportDashboardButton.tsx
 var downloadIcon = /* @__PURE__ */ react_default.createElement(ArrowBroadUnderbarDown_default, null);
-var ExportDashboardButton = ({
+var ExportDashboardButton = /* @__PURE__ */ __name(({
   appearance = "secondary",
   scale = 1
 }) => {
@@ -966,7 +970,7 @@ var ExportDashboardButton = ({
       returnFocus: dashboard_utils_exports.noop
     }
   ));
-};
+}, "ExportDashboardButton");
 var ExportDashboardButton_default = ExportDashboardButton;
 
 // esm-externals:@splunk/react-icons/ChevronsOut
@@ -983,7 +987,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();
@@ -997,7 +1001,7 @@ var FullScreen = ({ dashboardApi }) => {
       icon: icon3
     }
   );
-};
+}, "FullScreen");
 var Fullscreen_default = FullScreen;
 
 // esm-externals:@splunk/react-ui/Switch
@@ -1016,7 +1020,7 @@ var SwitchContainer = styled_components_default.div`
     flex-direction: row;
     gap: ${themes_exports.variables.spacingSmall};
 `;
-var GridLineSwitch = ({
+var GridLineSwitch = /* @__PURE__ */ __name(({
   dashboardApi,
   mode,
   showSeparator,
@@ -1047,7 +1051,7 @@ var GridLineSwitch = ({
     },
     (0, i18n_exports._)("Gridlines")
   ), separator);
-};
+}, "GridLineSwitch");
 var GridLineSwitch_default = GridLineSwitch;
 
 // esm-externals:@splunk/react-icons/ChartSingleValueIcon
@@ -1069,8 +1073,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,
@@ -1093,7 +1100,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",
@@ -1127,7 +1134,7 @@ var IconGallery = ({ dashboardApi }) => {
       }
     ))
   ));
-};
+}, "IconGallery");
 var IconGallery_default = IconGallery;
 
 // esm-externals:@splunk/react-icons/QuestionCircle
@@ -1155,7 +1162,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
   });
@@ -1201,7 +1208,7 @@ var HelpButton = ({ helpLinks = [] }) => {
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, HelpLinks)
   ));
-};
+}, "HelpButton");
 var HelpButton_default = HelpButton;
 
 // esm-externals:@splunk/react-icons/Picture
@@ -1218,8 +1225,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",
@@ -1240,7 +1247,7 @@ var Image = ({ dashboardApi }) => {
       icon: icon4
     }
   );
-};
+}, "Image");
 var Image_default = Image;
 
 // src/buttons/ImageGallery.tsx
@@ -1263,7 +1270,7 @@ var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
   }
 );
 var focusToggleReasons4 = [];
-var ImageGallery = ({ dashboardApi }) => {
+var ImageGallery = /* @__PURE__ */ __name(({ dashboardApi }) => {
   const {
     handleForceClose,
     handleRequestClose,
@@ -1274,7 +1281,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",
@@ -1308,7 +1315,7 @@ var ImageGallery = ({ dashboardApi }) => {
       }
     ))
   ));
-};
+}, "ImageGallery");
 var ImageGallery_default = ImageGallery;
 
 // esm-externals:lodash
@@ -1339,7 +1346,10 @@ __reExport(dashboard_definition_exports, require("@splunk/dashboard-definition")
 var dashboard_definition_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // src/buttons/Inputs.tsx
-var focusToggleReasons5 = [];
+var focusToggleReasons5 = [
+  "escapeKey",
+  "tabKey"
+];
 var DEFAULT_PRESET_MAP2 = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
@@ -1355,7 +1365,7 @@ var ButtonToggle4 = /* @__PURE__ */ react_default.createElement(
     icon: addInputIcon
   }
 );
-var onCreateInputClickFactory = ({
+var onCreateInputClickFactory = /* @__PURE__ */ __name(({
   type,
   defaultConfig,
   tokenPrefix,
@@ -1376,8 +1386,8 @@ var onCreateInputClickFactory = ({
   }
   dashboardApi.addInput(newConfig);
   dashboardApi.openPanel({ activePanel: "config" });
-};
-var Inputs = ({
+}, "onCreateInputClickFactory");
+var Inputs = /* @__PURE__ */ __name(({
   dashboardApi,
   preset = DEFAULT_PRESET_MAP2
 }) => {
@@ -1450,7 +1460,7 @@ var Inputs = ({
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, InputTypeButtons)
   ));
-};
+}, "Inputs");
 var Inputs_default = Inputs;
 
 // esm-externals:@splunk/react-icons/Markdown
@@ -1467,7 +1477,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: {
@@ -1489,11 +1499,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";
@@ -1513,7 +1523,7 @@ var ModeSwitch = () => {
       onClick: handleClick
     }
   ));
-};
+}, "ModeSwitch");
 var ModeSwitch_default = ModeSwitch;
 
 // esm-externals:@splunk/react-icons/ArrowBowRight
@@ -1530,7 +1540,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;
@@ -1566,7 +1576,7 @@ var Redo = ({ dashboardApi }) => {
       icon: icon6
     }
   );
-};
+}, "Redo");
 var Redo_default = Redo;
 
 // esm-externals:@splunk/react-icons/Circle
@@ -1611,11 +1621,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
@@ -1691,7 +1704,7 @@ var Shapes = ({ dashboardApi, layoutType }) => {
       )
     ))
   ));
-};
+}, "Shapes");
 var Shapes_default = Shapes;
 
 // esm-externals:@splunk/react-icons/WindowChevronsSlash
@@ -1708,7 +1721,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",
@@ -1716,7 +1729,7 @@ var Source = ({ disabled = false, onClick }) => /* @__PURE__ */ react_default.cr
     disabled,
     icon: icon7
   }
-);
+), "Source");
 var Source_default = Source;
 
 // esm-externals:@splunk/react-icons/ListToken
@@ -1742,20 +1755,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,
     {
@@ -1772,7 +1789,7 @@ var TokenManager = ({ dashboardApi }) => {
       }
     )
   );
-};
+}, "TokenManager");
 
 // esm-externals:@splunk/react-icons/ArrowBowLeft
 var ArrowBowLeft_exports = {};
@@ -1788,7 +1805,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;
@@ -1824,7 +1841,7 @@ var Undo = ({ dashboardApi }) => {
       icon: icon8
     }
   );
-};
+}, "Undo");
 var Undo_default = Undo;
 
 // esm-externals:@splunk/dashboard-telemetry
@@ -1854,7 +1871,7 @@ var buttonStyle = {
 var menuStyle = {
   width: "200px"
 };
-var ZoomMenu = ({
+var ZoomMenu = /* @__PURE__ */ __name(({
   dashboardApi,
   appearance = "default",
   currentScale,
@@ -1999,7 +2016,7 @@ var ZoomMenu = ({
       dropdownMenuChildren
     )
   );
-};
+}, "ZoomMenu");
 
 // esm-externals:@splunk/react-ui/Number
 var Number_exports = {};
@@ -2020,7 +2037,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
 }) => {
@@ -2052,7 +2069,7 @@ var ZoomNumber = ({
       append: true
     }
   );
-};
+}, "ZoomNumber");
 
 // src/buttons/Zoom/Zoom.tsx
 var Container = styled_components_default.div`
@@ -2067,7 +2084,7 @@ var StyledTooltip = styled_components_default(Tooltip_default)`
         display: flex;
     }
 `;
-var Zoom = ({
+var Zoom = /* @__PURE__ */ __name(({
   showSeparator = true,
   appearance = "default",
   mode = "view"
@@ -2142,7 +2159,7 @@ var Zoom = ({
       }
     )
   ), separator);
-};
+}, "Zoom");
 
 // src/groups/ActionsGroup.tsx
 var menuStyle2 = {
@@ -2158,7 +2175,7 @@ var buttonToggle = /* @__PURE__ */ react_default.createElement(
     appearance: "subtle"
   }
 );
-var ActionsGroup = ({ children }) => {
+var ActionsGroup = /* @__PURE__ */ __name(({ children }) => {
   const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
     isContentClickClose: true
   });
@@ -2172,15 +2189,15 @@ var ActionsGroup = ({ children }) => {
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, { style: menuStyle2 }, children)
   );
-};
+}, "ActionsGroup");
 var ActionsGroup_default = ActionsGroup;
 
 // src/groups/ControlGroup.tsx
-var ControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null));
+var ControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null)), "ControlGroup");
 var ControlGroup_default = ControlGroup;
 
 // src/groups/EditingGroup.tsx
-var EditingGroup = (props) => {
+var EditingGroup = /* @__PURE__ */ __name((props) => {
   const { enableModeSwitch = true, borders = true, layoutType } = props;
   const { spacingSmall } = (0, themes_exports.useSplunkTheme)();
   const modeSwitch = (0, react_exports.useMemo)(() => {
@@ -2193,33 +2210,33 @@ var EditingGroup = (props) => {
     return layoutType === "absolute" ? [/* @__PURE__ */ react_default.createElement(Zoom, { key: "zoom", showSeparator: borders })] : null;
   }, [layoutType, borders]);
   return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadProps(__spreadValues({}, props), { borders: false, gap: spacingSmall }), /* @__PURE__ */ react_default.createElement(GridLineSwitch_default, { showSeparator: enableModeSwitch && borders }), zoomControl, modeSwitch);
-};
+}, "EditingGroup");
 var EditingGroup_default = EditingGroup;
 
 // src/groups/EditorGroup.tsx
-var EditorGroup = (props) => {
+var EditorGroup = /* @__PURE__ */ __name((props) => {
   var _a;
   return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
-};
+}, "EditorGroup");
 var EditorGroup_default = EditorGroup;
 
 // src/groups/EditorsControlGroup.tsx
-var EditorsControlGroup = (props) => {
+var EditorsControlGroup = /* @__PURE__ */ __name((props) => {
   var _a;
-  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
-};
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
+}, "EditorsControlGroup");
 var EditorsControlGroup_default = EditorsControlGroup;
 
 // src/groups/HistoryGroup.tsx
-var HistoryGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Undo_default, null), /* @__PURE__ */ react_default.createElement(Redo_default, null));
+var HistoryGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Undo_default, null), /* @__PURE__ */ react_default.createElement(Redo_default, null)), "HistoryGroup");
 var HistoryGroup_default = HistoryGroup;
 
 // src/groups/SidebarControlGroup.tsx
-var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null));
+var SidebarControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null)), "SidebarControlGroup");
 var SidebarControlGroup_default = SidebarControlGroup;
 
 // src/groups/VisualizationGroup.tsx
-var VisualizationGroup = (props) => {
+var VisualizationGroup = /* @__PURE__ */ __name((props) => {
   const buttons = (0, react_exports.useMemo)(() => {
     if (props.layoutType === "grid") {
       return [
@@ -2240,6 +2257,6 @@ var VisualizationGroup = (props) => {
     ];
   }, [props.layoutType]);
   return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), buttons);
-};
+}, "VisualizationGroup");
 var VisualizationGroup_default = VisualizationGroup;
 //# sourceMappingURL=index.js.map