@splunk/dashboard-toolbar 29.0.0 → 29.1.0

package/groups/VisualizationGroup.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)
@@ -141,7 +142,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,
@@ -157,7 +158,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;
 
 // esm-externals:@splunk/ui-utils/i18n
@@ -227,7 +228,7 @@ var dashboard_state_default = "default" in defaultImport11 ? defaultImport11.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);
@@ -260,7 +261,7 @@ var useDropdown = ({
     handleForceClose,
     setHasChildModal
   };
-};
+}, "useDropdown");
 var useDropdown_default = useDropdown;
 
 // esm-externals:@splunk/react-icons/CaretDown
@@ -296,7 +297,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,
@@ -308,8 +309,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,
@@ -338,7 +339,7 @@ var IconButton = (_a) => {
       "data-clickable": true
     }
   ));
-};
+}, "IconButton");
 var IconButton_default = IconButton;
 
 // src/components/StyledButton.tsx
@@ -370,8 +371,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(
@@ -407,8 +411,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({
@@ -478,7 +482,7 @@ var Charts = ({ dashboardApi, preset }) => {
     },
     renderScrollableMenu
   ));
-};
+}, "Charts");
 var Charts_default = Charts;
 
 // esm-externals:@splunk/react-icons/Cog
@@ -540,8 +544,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",
@@ -563,7 +567,7 @@ var EmptyVisualization = ({ dashboardApi }) => {
       icon: icon2
     }
   );
-};
+}, "EmptyVisualization");
 var EmptyVisualization_default = EmptyVisualization;
 
 // esm-externals:@splunk/react-icons/ChevronsOut
@@ -617,8 +621,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,
@@ -641,7 +648,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",
@@ -675,7 +682,7 @@ var IconGallery = ({ dashboardApi }) => {
       }
     ))
   ));
-};
+}, "IconGallery");
 var IconGallery_default = IconGallery;
 
 // esm-externals:@splunk/react-icons/QuestionCircle
@@ -708,8 +715,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",
@@ -730,7 +737,7 @@ var Image = ({ dashboardApi }) => {
       icon: icon4
     }
   );
-};
+}, "Image");
 var Image_default = Image;
 
 // src/buttons/ImageGallery.tsx
@@ -772,7 +779,10 @@ __reExport(dashboard_definition_exports, require("@splunk/dashboard-definition")
 var dashboard_definition_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // src/buttons/Inputs.tsx
-var focusToggleReasons3 = [];
+var focusToggleReasons3 = [
+  "escapeKey",
+  "tabKey"
+];
 var DEFAULT_PRESET_MAP = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
@@ -788,7 +798,7 @@ var ButtonToggle2 = /* @__PURE__ */ react_default.createElement(
     icon: addInputIcon
   }
 );
-var onCreateInputClickFactory = ({
+var onCreateInputClickFactory = /* @__PURE__ */ __name(({
   type,
   defaultConfig,
   tokenPrefix,
@@ -809,8 +819,8 @@ var onCreateInputClickFactory = ({
   }
   dashboardApi.addInput(newConfig);
   dashboardApi.openPanel({ activePanel: "config" });
-};
-var Inputs = ({
+}, "onCreateInputClickFactory");
+var Inputs = /* @__PURE__ */ __name(({
   dashboardApi,
   preset = DEFAULT_PRESET_MAP
 }) => {
@@ -883,7 +893,7 @@ var Inputs = ({
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, null, InputTypeButtons)
   ));
-};
+}, "Inputs");
 var Inputs_default = Inputs;
 
 // esm-externals:@splunk/react-icons/Markdown
@@ -900,7 +910,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: {
@@ -922,7 +932,7 @@ var Markdown = ({ dashboardApi }) => {
       icon: icon5
     }
   );
-};
+}, "Markdown");
 var Markdown_default2 = Markdown;
 
 // esm-externals:@splunk/react-icons/ArrowBowRight
@@ -984,7 +994,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
@@ -1002,11 +1012,14 @@ var ButtonToggle3 = /* @__PURE__ */ react_default.createElement(
     icon: shapesDropdown
   }
 );
-var focusToggleReasons4 = [];
+var focusToggleReasons4 = [
+  "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
@@ -1082,7 +1095,7 @@ var Shapes = ({ dashboardApi, layoutType }) => {
       )
     ))
   ));
-};
+}, "Shapes");
 var Shapes_default = Shapes;
 
 // esm-externals:@splunk/react-icons/WindowChevronsSlash
@@ -1192,7 +1205,7 @@ var StyledTooltip = styled_components_default(Tooltip_default)`
 `;
 
 // src/groups/VisualizationGroup.tsx
-var VisualizationGroup = (props) => {
+var VisualizationGroup = /* @__PURE__ */ __name((props) => {
   const buttons = (0, react_exports.useMemo)(() => {
     if (props.layoutType === "grid") {
       return [
@@ -1213,6 +1226,6 @@ var VisualizationGroup = (props) => {
     ];
   }, [props.layoutType]);
   return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), buttons);
-};
+}, "VisualizationGroup");
 var VisualizationGroup_default = VisualizationGroup;
 //# sourceMappingURL=VisualizationGroup.js.map