@splunk/dashboard-toolbar 29.5.2 → 29.7.0

package/module/chunks/{chunk-RZWTF3BK.js.map → chunk-A4S4A2N5.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-icons/CaretDown", "esm-externals:@splunk/react-ui/ScreenReaderContent", "esm-externals:@splunk/react-ui/Tooltip", "../../src/IconButton.tsx"],
   "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/CaretDown\";\nexport * from \"@splunk/react-icons/CaretDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport type SVG from '@splunk/react-icons/SVG';\nimport DropdownIcon from '@splunk/react-icons/CaretDown';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\nimport ToolbarItem from './Item';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledDropdownIcon = styled(DropdownIcon)`\n    margin-left: -5px;\n`;\n\nexport const iconSize = 24;\nexport const menuIconSize = 20;\n\ninterface PrepareIconProps extends React.ComponentProps<typeof SVG> {\n    Icon: React.ComponentType<React.ComponentProps<typeof SVG>>;\n    screenReaderContent?: string;\n    isMenu?: boolean;\n    variant?: 'filled' | 'outline' | 'none';\n}\n\n/**\n * Button adds a bunch of padding when there's any child elements even if they don't display anything (screenReaderContent)\n * This bundles the primary icon, a menu caret and screenReaderContent as an icon when needed.\n * Additionally accepts any properties of any react-icons element to be applied to primary icon\n * @param {Object} arg\n * @param {React.ElementType} arg.Icon The primary icon\n * @param {boolean} [arg.isMenu=false] Display a menu caret\n * @param {string} [arg.screenReaderContent] A label for the icon\n * @param {string} [arg.variant] Fill the icon, or not\n * @returns {JSX.Element}\n */\nexport const prepareIcon = ({\n    Icon,\n    screenReaderContent,\n    isMenu = false,\n    ...props\n}: PrepareIconProps) => {\n    const size = isMenu ? menuIconSize : iconSize;\n    return (\n        <>\n            <Icon width={size} height={size} {...props} />\n            {isMenu && (\n                <StyledDropdownIcon variant=\"filled\" width={9} height={size} />\n            )}\n            {screenReaderContent && (\n                <ScreenReaderContent>{screenReaderContent}</ScreenReaderContent>\n            )}\n        </>\n    );\n};\n\nexport interface IconButtonProps extends ToolbarButtonProps {\n    icon?: JSX.Element;\n    onClick?: ButtonPropsBase['onClick'];\n    label?: string;\n    tooltipContent?: string;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    testLabel?: string;\n    disabled?: boolean;\n}\n\nconst IconButton = ({\n    icon,\n    buttonRef,\n    disabled = false,\n    onClick,\n    label,\n    tooltipContent,\n    testLabel,\n    ...rest\n}: IconButtonProps): JSX.Element => {\n    const button = (\n        <Button\n            elementRef={buttonRef}\n            onClick={onClick}\n            disabled={disabled}\n            appearance=\"subtle\"\n            icon={icon}\n            label={label}\n            data-test={testLabel}\n            data-clickable\n        />\n    );\n\n    return (\n        <ToolbarItem {...rest}>\n            {tooltipContent ? (\n                <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n                    {button}\n                </Tooltip>\n            ) : (\n                button\n            )}\n        </ToolbarItem>\n    );\n};\n\nexport default IconButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,gCAAc;AACd,IAAO,oBAAS,aAAa,gBAA8B,wBAAU;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYA,oBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAaA,iBAA8B,yBAAUA;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYC,oBAAmB;AAC/B,8BAAc;AACd,IAAO,kBAAS,aAAaA,iBAA8B,yBAAUA;;;ACQrE,IAAM,qBAAqB,0BAAO,iBAAY;AAAA;AAAA;AAIvC,IAAM,WAAW;AACjB,IAAM,eAAe;AAoBrB,IAAM,cAAc,CAAC,OAKJ;AALI,eACxB;AAAA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAtCb,IAmC4B,IAIrB,kBAJqB,IAIrB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,SAAS,eAAe;AACrC,SACI,0EACI,4CAAC,uBAAK,OAAO,MAAM,QAAQ,QAAU,MAAO,GAC3C,UACG,4CAAC,sBAAmB,SAAQ,UAAS,OAAO,GAAG,QAAQ,MAAM,GAEhE,uBACG,4CAAC,mCAAqB,mBAAoB,CAElD;AAER;AAYA,IAAM,aAAa,CAAC,OASgB;AAThB,eAChB;AAAA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAxEJ,IAiEoB,IAQb,iBARa,IAQb;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,SACF;AAAA,IAAC;AAAA;AAAA,MACG,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,kBAAc;AAAA;AAAA,EAClB;AAGJ,SACI,4CAAC,iCAAgB,OACZ,iBACG,4CAAC,mBAAQ,qBAAoB,SAAQ,SAAS,kBACzC,MACL,IAEA,MAER;AAER;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,gCAAc;AACd,IAAO,oBAAS,aAAa,gBAA8B,wBAAU;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYA,oBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAaA,iBAA8B,yBAAUA;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYC,oBAAmB;AAC/B,8BAAc;AACd,IAAO,kBAAS,aAAaA,iBAA8B,yBAAUA;;;ACQrE,IAAM,qBAAqB,0BAAO,iBAAY;AAAA;AAAA;AAIvC,IAAM,WAAW;AACjB,IAAM,eAAe;AAoBrB,IAAM,cAAc,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACP,MAAwB;AACpB,QAAM,OAAO,SAAS,eAAe;AACrC,SACI,0EACI,4CAAC,QAAK,OAAO,MAAM,QAAQ,MAAO,GAAG,OAAO,GAC3C,UACG,4CAAC,sBAAmB,SAAQ,UAAS,OAAO,GAAG,QAAQ,MAAM,GAEhE,uBACG,4CAAC,mCAAqB,mBAAoB,CAElD;AAER;AAYA,IAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAoC;AAChC,QAAM,SACF;AAAA,IAAC;AAAA;AAAA,MACG,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,kBAAc;AAAA;AAAA,EAClB;AAGJ,SACI,4CAAC,gBAAa,GAAG,QACZ,iBACG,4CAAC,mBAAQ,qBAAoB,SAAQ,SAAS,kBACzC,MACL,IAEA,MAER;AAER;AAEA,IAAO,qBAAQ;",
   "names": ["defaultImport", "defaultImport"]
 }

package/module/chunks/{chunk-6NLVLUCU.js → chunk-A6YRCP43.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/dashboard-ui
 var dashboard_ui_exports = {};
@@ -19,4 +19,4 @@ var dashboard_ui_default = "default" in defaultImport ? defaultImport.default :
 export {
   dashboard_ui_exports
 };
-//# sourceMappingURL=chunk-6NLVLUCU.js.map
+//# sourceMappingURL=chunk-A6YRCP43.js.map

package/module/chunks/{chunk-5IFDFRGD.js → chunk-ACVHX3RN.js}

@@ -3,27 +3,23 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Zoom
-} from "./chunk-RZRB3MPG.js";
+} from "./chunk-RD6QZCUY.js";
 import {
   ModeSwitch_default
-} from "./chunk-NTQBWCZU.js";
+} from "./chunk-EDGMTRPE.js";
 import {
   GridLineSwitch_default
-} from "./chunk-MUXHFVOC.js";
+} from "./chunk-RL6UDJ3E.js";
 import {
   ItemGroup_default
-} from "./chunk-RJ5FWZWY.js";
+} from "./chunk-PKNBH4OS.js";
 import {
   themes_exports
-} from "./chunk-RPNGCVZL.js";
+} from "./chunk-OBDH7GEY.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-OOGFGU4X.js";
 
 // src/groups/EditingGroup.tsx
 var EditingGroup = (props) => {
@@ -38,11 +34,11 @@ var EditingGroup = (props) => {
   const zoomControl = (0, react_exports.useMemo)(() => {
     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);
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, { ...props, borders: false, gap: spacingSmall }, /* @__PURE__ */ react_default.createElement(GridLineSwitch_default, { showSeparator: enableModeSwitch && borders }), zoomControl, modeSwitch);
 };
 var EditingGroup_default = EditingGroup;
 
 export {
   EditingGroup_default
 };
-//# sourceMappingURL=chunk-5IFDFRGD.js.map
+//# sourceMappingURL=chunk-ACVHX3RN.js.map

package/module/chunks/{chunk-5IFDFRGD.js.map → chunk-ACVHX3RN.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/EditingGroup.tsx"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { useSplunkTheme } from '@splunk/themes';\nimport ItemGroup from '../ItemGroup';\nimport { GridLineSwitch, ModeSwitch, Zoom } from '../buttons';\n\nexport type EditingGroupProps = {\n    enableModeSwitch?: boolean;\n} & React.ComponentProps<typeof ItemGroup>;\n\n/**\n * Group of standard editing controls (gridline, zoom, mode)\n */\nconst EditingGroup = (props: EditingGroupProps) => {\n    const { enableModeSwitch = true, borders = true, layoutType } = props;\n    const { spacingSmall } = useSplunkTheme();\n\n    const modeSwitch = useMemo(() => {\n        if (!enableModeSwitch) {\n            return null;\n        }\n\n        return <ModeSwitch />;\n    }, [enableModeSwitch]);\n\n    const zoomControl = useMemo(() => {\n        return layoutType === 'absolute'\n            ? [<Zoom key=\"zoom\" showSeparator={borders} />]\n            : null;\n    }, [layoutType, borders]);\n\n    return (\n        <ItemGroup {...props} borders={false} gap={spacingSmall}>\n            <GridLineSwitch showSeparator={enableModeSwitch && borders} />\n            {zoomControl}\n            {modeSwitch}\n        </ItemGroup>\n    );\n};\n\nexport default EditingGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,mBAAmB,MAAM,UAAU,MAAM,WAAW,IAAI;AAChE,QAAM,EAAE,aAAa,QAAI,+BAAe;AAExC,QAAM,iBAAa,uBAAQ,MAAM;AAC7B,QAAI,CAAC,kBAAkB;AACnB,aAAO;AAAA,IACX;AAEA,WAAO,4CAAC,wBAAW;AAAA,EACvB,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAc,uBAAQ,MAAM;AAC9B,WAAO,eAAe,aAChB,CAAC,4CAAC,QAAK,KAAI,QAAO,eAAe,SAAS,CAAE,IAC5C;AAAA,EACV,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SACI,4CAAC,oDAAc,QAAd,EAAqB,SAAS,OAAO,KAAK,iBACvC,4CAAC,0BAAe,eAAe,oBAAoB,SAAS,GAC3D,aACA,UACL;AAER;AAEA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,mBAAmB,MAAM,UAAU,MAAM,WAAW,IAAI;AAChE,QAAM,EAAE,aAAa,QAAI,+BAAe;AAExC,QAAM,iBAAa,uBAAQ,MAAM;AAC7B,QAAI,CAAC,kBAAkB;AACnB,aAAO;AAAA,IACX;AAEA,WAAO,4CAAC,wBAAW;AAAA,EACvB,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAc,uBAAQ,MAAM;AAC9B,WAAO,eAAe,aAChB,CAAC,4CAAC,QAAK,KAAI,QAAO,eAAe,SAAS,CAAE,IAC5C;AAAA,EACV,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SACI,4CAAC,qBAAW,GAAG,OAAO,SAAS,OAAO,KAAK,gBACvC,4CAAC,0BAAe,eAAe,oBAAoB,SAAS,GAC3D,aACA,UACL;AAER;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/module/chunks/chunk-AFH5LL74.js

@@ -0,0 +1,26 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+export {
+  __export,
+  __reExport
+};
+//# sourceMappingURL=chunk-AFH5LL74.js.map

package/module/chunks/{chunk-UCI2OCYF.js → chunk-B4IRCRYC.js}

@@ -3,22 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   dashboard_state_exports
-} from "./chunk-ZV4AQ5DL.js";
+} from "./chunk-6C2NOEOI.js";
 import {
   themes_exports
-} from "./chunk-RPNGCVZL.js";
+} from "./chunk-OBDH7GEY.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-V3YGNO27.js";
+} from "./chunk-Q5OC2QQV.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/themes/mixins
 var mixins_exports = {};
@@ -80,19 +80,13 @@ var Toolbar = ({
   );
   const leftAlignItems = (0, react_exports.useMemo)(() => {
     const items = toolbarItems.filter(
-      (item) => {
-        var _a;
-        return ((_a = item.props) == null ? void 0 : _a.align) !== "right";
-      }
+      (item) => item.props?.align !== "right"
     );
     return injectDashboardProps(items);
   }, [toolbarItems, injectDashboardProps]);
   const rightAlignItems = (0, react_exports.useMemo)(() => {
     const items = toolbarItems.filter(
-      (item) => {
-        var _a;
-        return ((_a = item.props) == null ? void 0 : _a.align) === "right";
-      }
+      (item) => item.props?.align === "right"
     );
     return injectDashboardProps(items);
   }, [toolbarItems, injectDashboardProps]);
@@ -104,12 +98,11 @@ var Toolbar = ({
       return void 0;
     }
     observerRef.current = new MutationObserver(() => {
-      var _a, _b;
-      const firstFocusableButton = (_a = toolbarRef.current) == null ? void 0 : _a.querySelector(
+      const firstFocusableButton = toolbarRef.current?.querySelector(
         'button:not([disabled]):not([aria-disabled="true"]):not([tabindex="-1"])'
       );
-      firstFocusableButton == null ? void 0 : firstFocusableButton.focus();
-      (_b = observerRef.current) == null ? void 0 : _b.disconnect();
+      firstFocusableButton?.focus();
+      observerRef.current?.disconnect();
     });
     if (toolbarRef.current) {
       observerRef.current.observe(toolbarRef.current, {
@@ -118,8 +111,7 @@ var Toolbar = ({
       });
     }
     return () => {
-      var _a;
-      (_a = observerRef.current) == null ? void 0 : _a.disconnect();
+      observerRef.current?.disconnect();
     };
   }, [mode]);
   if (!toolbarItems.length) {
@@ -140,4 +132,4 @@ var Toolbar_default = Toolbar;
 export {
   Toolbar_default
 };
-//# sourceMappingURL=chunk-UCI2OCYF.js.map
+//# sourceMappingURL=chunk-B4IRCRYC.js.map

package/module/chunks/{chunk-UCI2OCYF.js.map → chunk-B4IRCRYC.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/themes/mixins", "../../src/Toolbar.tsx"],
   "sourcesContent": ["import * as defaultImport from \"@splunk/themes/mixins\";\nexport * from \"@splunk/themes/mixins\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport styled from 'styled-components';\nimport { variables } from '@splunk/themes';\nimport { reset } from '@splunk/themes/mixins';\nimport { selectLayoutType, useSelector } from '@splunk/dashboard-state';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst ToolbarWrapper = styled.div`\n    ${reset('flex')};\n    justify-content: space-between;\n    color: ${variables.contentColorDefault};\n    padding: 5px 5px 5px 8px;\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: ${variables.borderColor};\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    background-color: ${variables.backgroundColorNavigation};\n`;\n\nconst LeftAlignItems = styled.div`\n    flex-grow: 1;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n`;\n\nconst RightAlignItems = styled.div`\n    flex-basis: auto;\n    display: flex;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n    margin-inline-end: ${variables.spacingSmall};\n`;\n\nexport type ToolbarProps = ToolbarButtonProps & {\n    toolbarItems: React.ReactElement[];\n};\n\n/**\n * Dashboard Toolbar\n */\nconst Toolbar = ({\n    activePanel,\n    dashboardApi,\n    mode,\n    preset,\n    toolbarItems,\n}: ToolbarProps) => {\n    const layoutType = useSelector(selectLayoutType);\n    const toolbarRef = useRef<HTMLDivElement | null>(null);\n\n    /**\n     * merge dashboard props with current item props\n     * so that item have access to dashboard api and other stuff\n     */\n    const injectDashboardProps = useCallback(\n        (items: React.ReactElement[]): React.ReactElement[] => {\n            const buttonProps: ToolbarButtonProps = {\n                activePanel,\n                dashboardApi,\n                layoutType,\n                mode,\n                preset,\n            };\n\n            return items.map((item) => React.cloneElement(item, buttonProps));\n        },\n        [activePanel, dashboardApi, layoutType, mode, preset]\n    );\n\n    const leftAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align !== 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const rightAlignItems = useMemo(() => {\n        const items = toolbarItems.filter(\n            (item) => item.props?.align === 'right'\n        );\n        return injectDashboardProps(items);\n    }, [toolbarItems, injectDashboardProps]);\n\n    const observerRef = useRef<MutationObserver | null>(null);\n    const isFirstRender = useRef(true);\n\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            return undefined;\n        }\n\n        observerRef.current = new MutationObserver(() => {\n            const firstFocusableButton = toolbarRef.current?.querySelector(\n                'button:not([disabled]):not([aria-disabled=\"true\"]):not([tabindex=\"-1\"])'\n            ) as HTMLButtonElement;\n\n            firstFocusableButton?.focus();\n            observerRef.current?.disconnect();\n        });\n\n        if (toolbarRef.current) {\n            observerRef.current.observe(toolbarRef.current, {\n                childList: true,\n                subtree: true,\n            });\n        }\n\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, [mode]);\n\n    if (!toolbarItems.length) {\n        return null;\n    }\n\n    return (\n        <ToolbarWrapper data-test=\"dashboard-toolbar\" ref={toolbarRef}>\n            <LeftAlignItems key=\"left-align-items\" data-test=\"left-align-items\">\n                {leftAlignItems}\n            </LeftAlignItems>\n            <RightAlignItems\n                key=\"right-align-items\"\n                data-test=\"right-align-items\"\n            >\n                {rightAlignItems}\n            </RightAlignItems>\n        </ToolbarWrapper>\n    );\n};\n\nToolbar.displayName = 'Toolbar';\nexport default Toolbar;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,iBAAiB,0BAAO;AAAA,UACxB,sBAAM,MAAM,CAAC;AAAA;AAAA,aAEN,yBAAU,mBAAmB;AAAA;AAAA;AAAA;AAAA,2BAIf,yBAAU,WAAW;AAAA;AAAA;AAAA,wBAGxB,yBAAU,yBAAyB;AAAA;AAG3D,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAInB,yBAAU,YAAY;AAAA;AAGjC,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA,yBACR,yBAAU,YAAY;AAAA;AAU/C,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,iBAAa,qCAAY,wCAAgB;AAC/C,QAAM,iBAAa,sBAA8B,IAAI;AAMrD,QAAM,2BAAuB;AAAA,IACzB,CAAC,UAAsD;AACnD,YAAM,cAAkC;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAEA,aAAO,MAAM,IAAI,CAAC,SAAS,cAAM,aAAa,MAAM,WAAW,CAAC;AAAA,IACpE;AAAA,IACA,CAAC,aAAa,cAAc,YAAY,MAAM,MAAM;AAAA,EACxD;AAEA,QAAM,qBAAiB,uBAAQ,MAAM;AACjC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAM;AAzEnB;AAyEsB,2BAAK,UAAL,mBAAY,WAAU;AAAA;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,sBAAkB,uBAAQ,MAAM;AAClC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAM;AAhFnB;AAgFsB,2BAAK,UAAL,mBAAY,WAAU;AAAA;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,kBAAc,sBAAgC,IAAI;AACxD,QAAM,oBAAgB,sBAAO,IAAI;AAEjC,+BAAU,MAAM;AACZ,QAAI,cAAc,SAAS;AACvB,oBAAc,UAAU;AACxB,aAAO;AAAA,IACX;AAEA,gBAAY,UAAU,IAAI,iBAAiB,MAAM;AA9FzD;AA+FY,YAAM,wBAAuB,gBAAW,YAAX,mBAAoB;AAAA,QAC7C;AAAA;AAGJ,mEAAsB;AACtB,wBAAY,YAAZ,mBAAqB;AAAA,IACzB,CAAC;AAED,QAAI,WAAW,SAAS;AACpB,kBAAY,QAAQ,QAAQ,WAAW,SAAS;AAAA,QAC5C,WAAW;AAAA,QACX,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAEA,WAAO,MAAM;AA9GrB;AA+GY,wBAAY,YAAZ,mBAAqB;AAAA,IACzB;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,aAAa,QAAQ;AACtB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,kBAAe,aAAU,qBAAoB,KAAK,cAC/C,4CAAC,kBAAe,KAAI,oBAAmB,aAAU,sBAC5C,cACL,GACA;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,aAAU;AAAA;AAAA,IAET;AAAA,EACL,CACJ;AAER;AAEA,QAAQ,cAAc;AACtB,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,iBAAiB,0BAAO;AAAA,UACxB,sBAAM,MAAM,CAAC;AAAA;AAAA,aAEN,yBAAU,mBAAmB;AAAA;AAAA;AAAA;AAAA,2BAIf,yBAAU,WAAW;AAAA;AAAA;AAAA,wBAGxB,yBAAU,yBAAyB;AAAA;AAG3D,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAInB,yBAAU,YAAY;AAAA;AAGjC,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA,yBACR,yBAAU,YAAY;AAAA;AAU/C,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,iBAAa,qCAAY,wCAAgB;AAC/C,QAAM,iBAAa,sBAA8B,IAAI;AAMrD,QAAM,2BAAuB;AAAA,IACzB,CAAC,UAAsD;AACnD,YAAM,cAAkC;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAEA,aAAO,MAAM,IAAI,CAAC,SAAS,cAAM,aAAa,MAAM,WAAW,CAAC;AAAA,IACpE;AAAA,IACA,CAAC,aAAa,cAAc,YAAY,MAAM,MAAM;AAAA,EACxD;AAEA,QAAM,qBAAiB,uBAAQ,MAAM;AACjC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAS,KAAK,OAAO,UAAU;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,sBAAkB,uBAAQ,MAAM;AAClC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAS,KAAK,OAAO,UAAU;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,kBAAc,sBAAgC,IAAI;AACxD,QAAM,oBAAgB,sBAAO,IAAI;AAEjC,+BAAU,MAAM;AACZ,QAAI,cAAc,SAAS;AACvB,oBAAc,UAAU;AACxB,aAAO;AAAA,IACX;AAEA,gBAAY,UAAU,IAAI,iBAAiB,MAAM;AAC7C,YAAM,uBAAuB,WAAW,SAAS;AAAA,QAC7C;AAAA,MACJ;AAEA,4BAAsB,MAAM;AAC5B,kBAAY,SAAS,WAAW;AAAA,IACpC,CAAC;AAED,QAAI,WAAW,SAAS;AACpB,kBAAY,QAAQ,QAAQ,WAAW,SAAS;AAAA,QAC5C,WAAW;AAAA,QACX,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAEA,WAAO,MAAM;AACT,kBAAY,SAAS,WAAW;AAAA,IACpC;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,aAAa,QAAQ;AACtB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,kBAAe,aAAU,qBAAoB,KAAK,cAC/C,4CAAC,kBAAe,KAAI,oBAAmB,aAAU,sBAC5C,cACL,GACA;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,aAAU;AAAA;AAAA,IAET;AAAA,EACL,CACJ;AAER;AAEA,QAAQ,cAAc;AACtB,IAAO,kBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-YMIK47DX.js → chunk-BNOIJ742.js}

@@ -3,37 +3,36 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   dashboard_ui_exports
-} from "./chunk-6NLVLUCU.js";
+} from "./chunk-A6YRCP43.js";
 import {
   StyledDropdownButton
-} from "./chunk-BDFUA6X7.js";
+} from "./chunk-CASUTGK5.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4SWPK2TU.js";
+} from "./chunk-KTJRF2VW.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   Item_default
-} from "./chunk-C3GFY32L.js";
+} from "./chunk-KIWM3XWB.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-V3YGNO27.js";
+} from "./chunk-Q5OC2QQV.js";
 import {
-  __async,
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/ChartSingleValueIcon
 var ChartSingleValueIcon_exports = {};
@@ -82,8 +81,8 @@ var IconGallery = ({ dashboardApi }) => {
     []
   );
   const handlePanelClick = (0, react_exports.useCallback)(
-    (iconURL) => __async(null, null, function* () {
-      dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+    async (iconURL) => {
+      dashboardApi?.createVisualization({
         visualizationDefinition: {
           type: "splunk.singlevalueicon",
           options: {
@@ -92,11 +91,11 @@ var IconGallery = ({ dashboardApi }) => {
           }
         }
       });
-      dashboardApi == null ? void 0 : dashboardApi.openPanel({
+      dashboardApi?.openPanel({
         activePanel: "config"
       });
       handleForceClose();
-    }),
+    },
     [dashboardApi, handleForceClose]
   );
   return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
@@ -122,4 +121,4 @@ var IconGallery_default = IconGallery;
 export {
   IconGallery_default
 };
-//# sourceMappingURL=chunk-YMIK47DX.js.map
+//# sourceMappingURL=chunk-BNOIJ742.js.map

package/module/chunks/{chunk-YMIK47DX.js.map → chunk-BNOIJ742.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-icons/ChartSingleValueIcon", "../../src/buttons/IconGallery.tsx"],
   "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport * from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport styled from 'styled-components';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\n\nimport AddIconDropdown from '@splunk/react-icons/ChartSingleValueIcon';\nimport { IconGallery as IconGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst iconGalleryDropdown = prepareIcon({\n    Icon: AddIconDropdown,\n    isMenu: true,\n});\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\n/**\n * Icon Gallery button that has as a dropdown menu.\n */\nconst IconGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const ButtonToggle = useMemo(\n        () => (\n            <StyledDropdownButton\n                data-test=\"icon-gallery-button\"\n                data-clickable\n                appearance=\"subtle\"\n                icon={iconGalleryDropdown}\n                tooltipContent={_('Add icon')}\n            />\n        ),\n        []\n    );\n    const handlePanelClick = useCallback(\n        async (iconURL: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.singlevalueicon',\n                    options: {\n                        showValue: false,\n                        icon: iconURL,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer data-test=\"icon-menu\" data-open={isOpen}>\n                    <IconGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default IconGallery;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAa,gBAA8B,wBAAU;;;ACerE,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAK9B,IAAM,sBAAsB,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AACZ,CAAC;AAED,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAKA,IAAM,cAAc,CAAC,EAAE,aAAa,MAA0B;AAC1D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAY;AAAA,IACZ,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,mBAAe;AAAA,IACjB,MACI;AAAA,MAAC;AAAA;AAAA,QACG,aAAU;AAAA,QACV,kBAAc;AAAA,QACd,YAAW;AAAA,QACX,MAAM;AAAA,QACN,oBAAgB,gBAAE,UAAU;AAAA;AAAA,IAChC;AAAA,IAEJ,CAAC;AAAA,EACL;AACA,QAAM,uBAAmB;AAAA,IACrB,CAAO,YAAoB;AACvB,mDAAc,oBAAoB;AAAA,QAC9B,yBAAyB;AAAA,UACrB,MAAM;AAAA,UACN,SAAS;AAAA,YACL,WAAW;AAAA,YACX,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AACA,mDAAc,UAAU;AAAA,QACpB,aAAa;AAAA,MACjB;AACA,uBAAiB;AAAA,IACrB;AAAA,IACA,CAAC,cAAc,gBAAgB;AAAA,EACnC;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,kBAAe,aAAU,aAAY,aAAW,UAC7C;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT;AAAA;AAAA,IACJ,CACJ;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAa,gBAA8B,wBAAU;;;ACerE,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAK9B,IAAM,sBAAsB,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AACZ,CAAC;AAED,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAKA,IAAM,cAAc,CAAC,EAAE,aAAa,MAA0B;AAC1D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAY;AAAA,IACZ,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,mBAAe;AAAA,IACjB,MACI;AAAA,MAAC;AAAA;AAAA,QACG,aAAU;AAAA,QACV,kBAAc;AAAA,QACd,YAAW;AAAA,QACX,MAAM;AAAA,QACN,oBAAgB,gBAAE,UAAU;AAAA;AAAA,IAChC;AAAA,IAEJ,CAAC;AAAA,EACL;AACA,QAAM,uBAAmB;AAAA,IACrB,OAAO,YAAoB;AACvB,oBAAc,oBAAoB;AAAA,QAC9B,yBAAyB;AAAA,UACrB,MAAM;AAAA,UACN,SAAS;AAAA,YACL,WAAW;AAAA,YACX,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,oBAAc,UAAU;AAAA,QACpB,aAAa;AAAA,MACjB,CAAC;AACD,uBAAiB;AAAA,IACrB;AAAA,IACA,CAAC,cAAc,gBAAgB;AAAA,EACnC;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,kBAAe,aAAU,aAAY,aAAW,UAC7C;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT;AAAA;AAAA,IACJ,CACJ;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,sBAAQ;",
   "names": ["IconGalleryPanel"]
 }

package/module/chunks/{chunk-BDFUA6X7.js → chunk-CASUTGK5.js}

@@ -4,36 +4,31 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Tooltip_default,
   Tooltip_exports
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-RFWUOGJ3.js";
+} from "./chunk-ICS6CLF6.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-V3YGNO27.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-Q5OC2QQV.js";
 
 // src/components/StyledButton.tsx
 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"]);
+var StyledDropdownButton = react_default.forwardRef(({ tooltipContent, ...props }, ref) => {
   const button = /* @__PURE__ */ react_default.createElement(
     BaseDropdownButton,
-    __spreadProps(__spreadValues({}, props), {
+    {
+      ...props,
       elementRef: ref
-    })
+    }
   );
   return tooltipContent ? /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: tooltipContent }, button) : button;
 });
@@ -41,4 +36,4 @@ var StyledDropdownButton = react_default.forwardRef((_a, ref) => {
 export {
   StyledDropdownButton
 };
-//# sourceMappingURL=chunk-BDFUA6X7.js.map
+//# sourceMappingURL=chunk-CASUTGK5.js.map

package/module/chunks/chunk-CASUTGK5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/StyledButton.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\n\nconst BaseDropdownButton = styled(Button)`\n    max-width: '50px';\n`;\n\nexport interface StyledDropdownButtonProps extends Pick<\n    ButtonPropsBase,\n    'appearance' | 'icon' | 'disabled'\n> {\n    children?: React.ReactNode;\n    className?: string;\n    'data-clickable'?: boolean;\n    'data-test'?: string;\n    tooltipContent?: string;\n}\n\nexport const StyledDropdownButton = React.forwardRef<\n    HTMLButtonElement,\n    StyledDropdownButtonProps\n>(({ tooltipContent, ...props }, ref): JSX.Element => {\n    const button = (\n        <BaseDropdownButton\n            {...props}\n            elementRef={ref as React.RefObject<HTMLButtonElement>}\n        />\n    );\n\n    return tooltipContent ? (\n        <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n            {button}\n        </Tooltip>\n    ) : (\n        button\n    );\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,qBAAqB,0BAAO,cAAM;AAAA;AAAA;AAejC,IAAM,uBAAuB,cAAM,WAGxC,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,QAAqB;AAClD,QAAM,SACF;AAAA,IAAC;AAAA;AAAA,MACI,GAAG;AAAA,MACJ,YAAY;AAAA;AAAA,EAChB;AAGJ,SAAO,iBACH,4CAAC,mBAAQ,qBAAoB,SAAQ,SAAS,kBACzC,MACL,IAEA;AAER,CAAC;",
+  "names": []
+}

package/module/chunks/{chunk-DQZGTQ2Z.js → chunk-DIC6BJPJ.js}

@@ -4,32 +4,32 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-GMMN7SOC.js";
+} from "./chunk-3PEWQDKC.js";
 import {
   StyledDropdownButton
-} from "./chunk-BDFUA6X7.js";
+} from "./chunk-CASUTGK5.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4SWPK2TU.js";
+} from "./chunk-KTJRF2VW.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   Item_default
-} from "./chunk-C3GFY32L.js";
+} from "./chunk-KIWM3XWB.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/QuestionCircle
 var QuestionCircle_exports = {};
@@ -107,4 +107,4 @@ var HelpButton_default = HelpButton;
 export {
   HelpButton_default
 };
-//# sourceMappingURL=chunk-DQZGTQ2Z.js.map
+//# sourceMappingURL=chunk-DIC6BJPJ.js.map

package/module/chunks/{chunk-SJNT4MK5.js → chunk-DONX4ISJ.js}

@@ -3,22 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   dashboard_context_exports
-} from "./chunk-VITMNUKV.js";
+} from "./chunk-MJ7HLEFT.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/WindowChevronsSlash
 var WindowChevronsSlash_exports = {};
@@ -63,4 +63,4 @@ var Source_default = Source;
 export {
   Source_default
 };
-//# sourceMappingURL=chunk-SJNT4MK5.js.map
+//# sourceMappingURL=chunk-DONX4ISJ.js.map

package/module/chunks/{chunk-NTQBWCZU.js → chunk-EDGMTRPE.js}

@@ -3,24 +3,24 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   dashboard_context_exports
-} from "./chunk-VITMNUKV.js";
+} from "./chunk-MJ7HLEFT.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-RFWUOGJ3.js";
+} from "./chunk-ICS6CLF6.js";
 import {
   Item_default
-} from "./chunk-C3GFY32L.js";
+} from "./chunk-KIWM3XWB.js";
 import {
   dashboard_state_exports
-} from "./chunk-ZV4AQ5DL.js";
+} from "./chunk-6C2NOEOI.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 
 // src/buttons/ModeSwitch.tsx
 var ModeSwitch = () => {
@@ -29,7 +29,7 @@ var ModeSwitch = () => {
   const appearance = mode === "edit" ? "secondary" : "primary";
   const label = mode === "edit" ? (0, i18n_exports._)("View") : (0, i18n_exports._)("Edit");
   const handleClick = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.switchMode(mode === "edit" ? "view" : "edit");
+    dashboardApi?.switchMode(mode === "edit" ? "view" : "edit");
   }, [mode, dashboardApi]);
   return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
     Button_default,
@@ -49,4 +49,4 @@ var ModeSwitch_default = ModeSwitch;
 export {
   ModeSwitch_default
 };
-//# sourceMappingURL=chunk-NTQBWCZU.js.map
+//# sourceMappingURL=chunk-EDGMTRPE.js.map

package/module/chunks/{chunk-NTQBWCZU.js.map → chunk-EDGMTRPE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/buttons/ModeSwitch.tsx"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport Button from '@splunk/react-ui/Button';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useSelector, selectMode } from '@splunk/dashboard-state';\nimport { useDashboardApi } from '@splunk/dashboard-context';\nimport Item from '../Item';\n\n/**\n * Dashboard mode switch button\n */\nconst ModeSwitch = () => {\n    const mode = useSelector(selectMode);\n    const dashboardApi = useDashboardApi();\n    const appearance = mode === 'edit' ? 'secondary' : 'primary';\n    const label = mode === 'edit' ? _('View') : _('Edit');\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.switchMode(mode === 'edit' ? 'view' : 'edit');\n    }, [mode, dashboardApi]);\n\n    return (\n        <Item>\n            <Button\n                key=\"mode-button\"\n                data-clickable\n                data-test=\"mode-button\"\n                inline={false}\n                label={label}\n                appearance={appearance}\n                onClick={handleClick}\n            />\n        </Item>\n    );\n};\n\nexport default ModeSwitch;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,aAAa,MAAM;AACrB,QAAM,WAAO,qCAAY,kCAAU;AACnC,QAAM,mBAAe,2CAAgB;AACrC,QAAM,aAAa,SAAS,SAAS,cAAc;AACnD,QAAM,QAAQ,SAAS,aAAS,gBAAE,MAAM,QAAI,gBAAE,MAAM;AAEpD,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,WAAW,SAAS,SAAS,SAAS;AAAA,EACxD,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA;AAAA,EACb,CACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,aAAa,MAAM;AACrB,QAAM,WAAO,qCAAY,kCAAU;AACnC,QAAM,mBAAe,2CAAgB;AACrC,QAAM,aAAa,SAAS,SAAS,cAAc;AACnD,QAAM,QAAQ,SAAS,aAAS,gBAAE,MAAM,QAAI,gBAAE,MAAM;AAEpD,QAAM,kBAAc,2BAAY,MAAM;AAClC,kBAAc,WAAW,SAAS,SAAS,SAAS,MAAM;AAAA,EAC9D,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA;AAAA,EACb,CACJ;AAER;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-UNYHHA4F.js → chunk-EPMHIBVT.js}

@@ -3,23 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   dashboard_state_exports
-} from "./chunk-ZV4AQ5DL.js";
+} from "./chunk-6C2NOEOI.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
-  __async,
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/ChevronsOut
 var ChevronsOut_exports = {};
@@ -43,7 +42,7 @@ var useToolbarButtonClick = (event, onClick) => {
           })
         );
       }
-      onClick == null ? void 0 : onClick(...args);
+      onClick?.(...args);
     },
     [dispatch, event, onClick]
   );
@@ -55,9 +54,9 @@ var icon = prepareIcon({
 });
 var FullScreen = ({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
-  const enterFullscreen = (0, react_exports.useCallback)(() => __async(null, null, function* () {
-    yield dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
-  }), [dashboardApi]);
+  const enterFullscreen = (0, react_exports.useCallback)(async () => {
+    await dashboardApi?.enterFullscreen();
+  }, [dashboardApi]);
   const handleClick = useToolbarButtonClick("fullscreen", enterFullscreen);
   return /* @__PURE__ */ react_default.createElement(
     IconButton_default,
@@ -75,4 +74,4 @@ var Fullscreen_default = FullScreen;
 export {
   Fullscreen_default
 };
-//# sourceMappingURL=chunk-UNYHHA4F.js.map
+//# sourceMappingURL=chunk-EPMHIBVT.js.map

package/module/chunks/{chunk-UNYHHA4F.js.map → chunk-EPMHIBVT.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-icons/ChevronsOut", "../../src/hooks/useToolbarButtonClick.ts", "../../src/buttons/Fullscreen.tsx"],
   "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { useCallback } from 'react';\nimport { useDispatch, toolbarButtonClicked } from '@splunk/dashboard-state';\n\nexport const useToolbarButtonClick = <T extends unknown[]>(\n    event?: string,\n    onClick?: (...args: T) => void\n) => {\n    const dispatch = useDispatch();\n\n    return useCallback(\n        (...args: T) => {\n            if (dispatch && event) {\n                dispatch(\n                    toolbarButtonClicked({\n                        event,\n                    })\n                );\n            }\n            onClick?.(...args);\n        },\n        [dispatch, event, onClick]\n    );\n};\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Fullscreen from '@splunk/react-icons/ChevronsOut';\nimport { selectFullscreenElement, useSelector } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { useToolbarButtonClick } from '../hooks/useToolbarButtonClick';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const enterFullscreen = useCallback(async () => {\n        await dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    const handleClick = useToolbarButtonClick('fullscreen', enterFullscreen);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n            tooltipContent={_('Fullscreen')}\n        />\n    );\n};\n\nexport default FullScreen;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACC9D,IAAM,wBAAwB,CACjC,OACA,YACC;AACD,QAAM,eAAW,qCAAY;AAE7B,aAAO;AAAA,IACH,IAAI,SAAY;AACZ,UAAI,YAAY,OAAO;AACnB;AAAA,cACI,8CAAqB;AAAA,YACjB;AAAA,UACJ,CAAC;AAAA,QACL;AAAA,MACJ;AACA,yCAAU,GAAG;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,OAAO,OAAO;AAAA,EAC7B;AACJ;;;ACZA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,sBAAkB,2BAAY,MAAY;AAC5C,UAAM,6CAAc;AAAA,EACxB,IAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAc,sBAAsB,cAAc,eAAe;AAEvE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA,oBAAgB,gBAAE,YAAY;AAAA;AAAA,EAClC;AAER;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACC9D,IAAM,wBAAwB,CACjC,OACA,YACC;AACD,QAAM,eAAW,qCAAY;AAE7B,aAAO;AAAA,IACH,IAAI,SAAY;AACZ,UAAI,YAAY,OAAO;AACnB;AAAA,cACI,8CAAqB;AAAA,YACjB;AAAA,UACJ,CAAC;AAAA,QACL;AAAA,MACJ;AACA,gBAAU,GAAG,IAAI;AAAA,IACrB;AAAA,IACA,CAAC,UAAU,OAAO,OAAO;AAAA,EAC7B;AACJ;;;ACZA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,sBAAkB,2BAAY,YAAY;AAC5C,UAAM,cAAc,gBAAgB;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAc,sBAAsB,cAAc,eAAe;AAEvE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA,oBAAgB,gBAAE,YAAY;AAAA;AAAA,EAClC;AAER;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-IHFVJPGQ.js → chunk-EVRV5ZFT.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/dashboard-utils
 var dashboard_utils_exports = {};
@@ -19,4 +19,4 @@ var dashboard_utils_default = "default" in defaultImport ? defaultImport.default
 export {
   dashboard_utils_exports
 };
-//# sourceMappingURL=chunk-IHFVJPGQ.js.map
+//# sourceMappingURL=chunk-EVRV5ZFT.js.map

package/module/chunks/{chunk-I6AJG47U.js → chunk-EZBGH5QE.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/Picture
 var Picture_exports = {};
@@ -20,4 +20,4 @@ export {
   Picture_default,
   Picture_exports
 };
-//# sourceMappingURL=chunk-I6AJG47U.js.map
+//# sourceMappingURL=chunk-EZBGH5QE.js.map