@splunk/dashboard-toolbar 29.1.0 → 29.2.0

package/module/chunks/{chunk-N3HJVTLY.js → chunk-RIR6YMJC.js}

@@ -3,38 +3,37 @@ 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-L2MCGOFY.js";
+} from "./chunk-HOKI2CUB.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   ScreenReaderContent_default,
   ScreenReaderContent_exports,
   iconSize
-} from "./chunk-AD6EIRYL.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-3QT355V5.js";
+} from "./chunk-5D7CUYUH.js";
 import {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   themes_exports
-} from "./chunk-QPUZLO5O.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-4L4BWEM7.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-ui/TransitionOpen
 var TransitionOpen_exports = {};
@@ -98,16 +97,10 @@ var transition = styled_components_exports.css`
 var ExpandButton = styled_components_default(Button_default)`
     // To get specific enough to override the default Button styling
     && {
-        // We shrink the button a bit when the toolbar is expanded since it
-        // switches to a circle button and needs a bit more space to breath
         height: ${({ expanded }) => expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};
         width: ${({ expanded }) => expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};
         margin: ${({ expanded }) => expanded ? "0 4px 0 4px" : "0"};
-        padding: 0;
-        border: none;
-        box-shadow: none;
-        background-color: ${themes_exports.variables.backgroundColorNavigation};
-        border-radius: ${(props) => props.expanded ? "40px" : "0 0 0 20px"};
+        border-radius: ${(props) => props.expanded ? "" : "0 0 0 20px"};
         transition-property: border-radius, height, width, margin-right;
         ${transition}
     }
@@ -115,7 +108,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 = /* @__PURE__ */ __name(({
+var CollapsibleToolbar = ({
   preset = DEFAULT_PRESET_MAP,
   dashboardApi,
   initialExpanded = true,
@@ -147,9 +140,9 @@ var CollapsibleToolbar = /* @__PURE__ */ __name(({
   );
   (0, react_exports.useEffect)(() => {
     const toolbarApiRef = {
-      toggle: /* @__PURE__ */ __name(() => handleExpandToggle(), "toggle"),
-      expand: /* @__PURE__ */ __name(() => setExpanded(true), "expand"),
-      collapse: /* @__PURE__ */ __name(() => setExpanded(false), "collapse")
+      toggle: () => handleExpandToggle(),
+      expand: () => setExpanded(true),
+      collapse: () => setExpanded(false)
     };
     apiRegistry.registerToolbarApi(toolbarApiRef);
     return () => {
@@ -159,6 +152,7 @@ var CollapsibleToolbar = /* @__PURE__ */ __name(({
   return /* @__PURE__ */ react_default.createElement(ToolbarWrapper, { "data-test": "dashboard-toolbar" }, /* @__PURE__ */ react_default.createElement(StyledTransitionOpen, { animation: "slideFromRight", open: expanded }, /* @__PURE__ */ react_default.createElement(ToolbarItemsWrapper, { "data-test": "toolbar-items" }, injectedToolbarItems)), /* @__PURE__ */ react_default.createElement(
     ExpandButton,
     {
+      appearance: "subtle",
       "data-test": "expand-button",
       expanded,
       onClick: handleExpandToggle,
@@ -166,11 +160,11 @@ var CollapsibleToolbar = /* @__PURE__ */ __name(({
       "data-clickable": true
     }
   ));
-}, "CollapsibleToolbar");
+};
 CollapsibleToolbar.displayName = "CollapsibleToolbar";
 var CollapsibleToolbar_default = CollapsibleToolbar;
 
 export {
   CollapsibleToolbar_default
 };
-//# sourceMappingURL=chunk-N3HJVTLY.js.map
+//# sourceMappingURL=chunk-RIR6YMJC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-ui/TransitionOpen", "esm-externals:@splunk/react-icons/ChevronRight", "esm-externals:@splunk/react-icons/ChevronLeft", "../../src/CollapsibleToolbar.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-ui/TransitionOpen\";\nexport * from \"@splunk/react-ui/TransitionOpen\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/ChevronRight\";\nexport * from \"@splunk/react-icons/ChevronRight\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/ChevronLeft\";\nexport * from \"@splunk/react-icons/ChevronLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, {\n    useState,\n    useCallback,\n    cloneElement,\n    useMemo,\n    useEffect,\n} from 'react';\nimport { useApiRegistry } from '@splunk/dashboard-context';\nimport styled, { css } from 'styled-components';\nimport Button from '@splunk/react-ui/Button';\nimport TransitionOpen from '@splunk/react-ui/TransitionOpen';\nimport { variables } from '@splunk/themes';\nimport ChevronRight from '@splunk/react-icons/ChevronRight';\nimport ChevronLeft from '@splunk/react-icons/ChevronLeft';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { selectLayoutType, useSelector } from '@splunk/dashboard-state';\nimport type { PresetMap } from '@splunk/dashboard-types';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport type { CommonToolbarBaseProps } from './types/common';\nimport { iconSize } from './IconButton';\n\nconst TOOLBAR_HEIGHT = 48;\n\nconst ToolbarWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    position: absolute;\n    right: 0;\n    z-index: 6;\n    height: ${TOOLBAR_HEIGHT}px;\n    background-color: ${variables.backgroundColorNavigation};\n    color: ${variables.contentColorDefault};\n    box-shadow: ${variables.overlayShadow};\n    border-radius: 0 0 0 20px;\n`;\n\nconst StyledTransitionOpen = styled(TransitionOpen)`\n    border-right: ${({ open }) => (open ? 'solid' : 'none')};\n    border-width: 0 1px 0 0;\n    border-color: ${variables.interactiveColorBorder};\n`;\n\nconst ToolbarItemsWrapper = styled.div`\n    display: flex;\n    padding: 2px 4px 2px 8px;\n    gap: ${variables.spacingSmall};\n    margin-inline-end: ${variables.spacingSmall};\n`;\n\n// Keep the button and toolbar container animating at the same speed\nconst transition = css`\n    transition-duration: 0.2s;\n    transition-timing-function: ease-in-out;\n`;\nconst ExpandButton = styled(Button)<{\n    expanded: boolean;\n}>`\n    // To get specific enough to override the default Button styling\n    && {\n        height: ${({ expanded }) =>\n            expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};\n        width: ${({ expanded }) =>\n            expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};\n        margin: ${({ expanded }) => (expanded ? '0 4px 0 4px' : '0')};\n        border-radius: ${(props) => (props.expanded ? '' : '0 0 0 20px')};\n        transition-property: border-radius, height, width, margin-right;\n        ${transition}\n    }\n`;\n\nconst expandedIcon = (\n    <>\n        <ChevronRight width={iconSize} height={iconSize} />\n        <ScreenReaderContent>{_('Expanded')}</ScreenReaderContent>\n    </>\n);\n\nconst collapsedIcon = (\n    <>\n        <ChevronLeft width={iconSize} height={iconSize} />\n        <ScreenReaderContent>{_('Collapsed')}</ScreenReaderContent>\n    </>\n);\n\nexport type CollapsibleToolbarProps = CommonToolbarBaseProps & {\n    initialExpanded?: boolean;\n    toolbarItems?: React.ReactElement[];\n};\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\n\nconst CollapsibleToolbar = ({\n    preset = DEFAULT_PRESET_MAP,\n    dashboardApi,\n    initialExpanded = true,\n    mode = 'view',\n    toolbarItems = [],\n}: CollapsibleToolbarProps): React.ReactElement | null => {\n    const apiRegistry = useApiRegistry();\n    const [expanded, setExpanded] = useState(initialExpanded);\n    const handleExpandToggle = useCallback(\n        () => setExpanded((prevExpanded) => !prevExpanded),\n        []\n    );\n\n    const layoutType = useSelector(selectLayoutType);\n\n    const injectedToolbarItems = useMemo(\n        () =>\n            toolbarItems.map((item) =>\n                cloneElement(item, {\n                    mode,\n                    preset,\n                    layoutType,\n                    dashboardApi,\n                    borders: false,\n                })\n            ),\n        [toolbarItems, mode, preset, dashboardApi, layoutType]\n    );\n\n    const ExpandButtonIcon = useMemo(\n        () => (expanded ? expandedIcon : collapsedIcon),\n        [expanded]\n    );\n\n    useEffect(() => {\n        const toolbarApiRef = {\n            toggle: () => handleExpandToggle(),\n            expand: () => setExpanded(true),\n            collapse: () => setExpanded(false),\n        };\n\n        apiRegistry.registerToolbarApi(toolbarApiRef);\n\n        return () => {\n            apiRegistry.removeToolbarApi();\n        };\n    }, [apiRegistry, handleExpandToggle]);\n\n    return (\n        <ToolbarWrapper data-test=\"dashboard-toolbar\">\n            <StyledTransitionOpen animation=\"slideFromRight\" open={expanded}>\n                <ToolbarItemsWrapper data-test=\"toolbar-items\">\n                    {injectedToolbarItems}\n                </ToolbarItemsWrapper>\n            </StyledTransitionOpen>\n            <ExpandButton\n                appearance=\"subtle\"\n                data-test=\"expand-button\"\n                expanded={expanded}\n                onClick={handleExpandToggle}\n                icon={ExpandButtonIcon}\n                data-clickable\n            />\n        </ToolbarWrapper>\n    );\n};\n\nCollapsibleToolbar.displayName = 'CollapsibleToolbar';\n\nexport default CollapsibleToolbar;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport"]
+}

package/module/chunks/{chunk-BXDA2XH4.js → chunk-RQY6BB7F.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.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-BXDA2XH4.js.map
+//# sourceMappingURL=chunk-RQY6BB7F.js.map

package/module/chunks/{chunk-6L4PTRMO.js → chunk-RZJ2PCV4.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/dashboard-state
 var dashboard_state_exports = {};
@@ -19,4 +19,4 @@ var dashboard_state_default = "default" in defaultImport ? defaultImport.default
 export {
   dashboard_state_exports
 };
-//# sourceMappingURL=chunk-6L4PTRMO.js.map
+//# sourceMappingURL=chunk-RZJ2PCV4.js.map

package/module/chunks/{chunk-7CJM54O3.js → chunk-UOT4CE2C.js}

@@ -4,26 +4,23 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-5TGHI5GV.js";
+} from "./chunk-GFSNM45K.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4PUMQWA5.js";
+} from "./chunk-VCWH2JHM.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-3QT355V5.js";
+} from "./chunk-5D7CUYUH.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
-import {
-  __name
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-2QBSLWJJ.js";
 
 // src/groups/ActionsGroup.tsx
 var menuStyle = {
@@ -39,7 +36,7 @@ var buttonToggle = /* @__PURE__ */ react_default.createElement(
     appearance: "subtle"
   }
 );
-var ActionsGroup = /* @__PURE__ */ __name(({ children }) => {
+var ActionsGroup = ({ children }) => {
   const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
     isContentClickClose: true
   });
@@ -53,10 +50,10 @@ var ActionsGroup = /* @__PURE__ */ __name(({ children }) => {
     },
     /* @__PURE__ */ react_default.createElement(Menu_default, { style: menuStyle }, children)
   );
-}, "ActionsGroup");
+};
 var ActionsGroup_default = ActionsGroup;
 
 export {
   ActionsGroup_default
 };
-//# sourceMappingURL=chunk-7CJM54O3.js.map
+//# sourceMappingURL=chunk-UOT4CE2C.js.map

package/module/chunks/{chunk-7CJM54O3.js.map → chunk-UOT4CE2C.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/ActionsGroup.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Button from '@splunk/react-ui/Button';\nimport useDropdown from '../hooks/useDropdown';\n\nconst menuStyle = {\n    width: '180px',\n};\n\nexport interface ActionsGroupProps {\n    children: React.ReactNode[];\n}\n\nconst buttonToggle = (\n    <Button\n        data-clickable\n        label={_('Actions')}\n        data-test=\"actions-dropdown-button\"\n        isMenu\n        appearance=\"subtle\"\n    />\n);\n\n/**\n * group that allows consumers to add buttons required to manipulate the dashboard, which may not have been implemented by UDF. Example, cloning a dashboard\n */\nconst ActionsGroup = ({ children }: ActionsGroupProps): JSX.Element => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    return (\n        <Dropdown\n            onRequestClose={handleRequestClose}\n            onRequestOpen={handleRequestOpen}\n            open={isOpen}\n            toggle={buttonToggle}\n        >\n            <Menu style={menuStyle}>{children}</Menu>\n        </Dropdown>\n    );\n};\n\nexport default ActionsGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,YAAY;AAAA,EACd,OAAO;AACX;AAMA,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,kBAAc;AAAA,IACd,WAAO,gBAAE,SAAS;AAAA,IAClB,aAAU;AAAA,IACV,QAAM;AAAA,IACN,YAAW;AAAA;AACf;AAMJ,IAAM,eAAe,wBAAC,EAAE,SAAS,MAAsC;AACnE,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,SACI;AAAA,IAAC;AAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,gBAAK,OAAO,aAAY,QAAS;AAAA,EACtC;AAER,GAfqB;AAiBrB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,YAAY;AAAA,EACd,OAAO;AACX;AAMA,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,kBAAc;AAAA,IACd,WAAO,gBAAE,SAAS;AAAA,IAClB,aAAU;AAAA,IACV,QAAM;AAAA,IACN,YAAW;AAAA;AACf;AAMJ,IAAM,eAAe,CAAC,EAAE,SAAS,MAAsC;AACnE,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,SACI;AAAA,IAAC;AAAA;AAAA,MACG,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,gBAAK,OAAO,aAAY,QAAS;AAAA,EACtC;AAER;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-4PUMQWA5.js → chunk-VCWH2JHM.js}

@@ -3,12 +3,11 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-ui/Dropdown
 var Dropdown_exports = {};
@@ -21,7 +20,7 @@ import * as Dropdown_star from "@splunk/react-ui/Dropdown";
 var Dropdown_default = "default" in defaultImport ? defaultImport.default : defaultImport;
 
 // src/hooks/useDropdown.ts
-var useDropdown = /* @__PURE__ */ __name(({
+var useDropdown = ({
   isContentClickClose = true
 }) => {
   const [isOpen, setIsOpen] = (0, react_exports.useState)(false);
@@ -54,7 +53,7 @@ var useDropdown = /* @__PURE__ */ __name(({
     handleForceClose,
     setHasChildModal
   };
-}, "useDropdown");
+};
 var useDropdown_default = useDropdown;
 
 export {
@@ -62,4 +61,4 @@ export {
   Dropdown_exports,
   useDropdown_default
 };
-//# sourceMappingURL=chunk-4PUMQWA5.js.map
+//# sourceMappingURL=chunk-VCWH2JHM.js.map

package/module/chunks/{chunk-4PUMQWA5.js.map → chunk-VCWH2JHM.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-ui/Dropdown", "../../src/hooks/useDropdown.ts"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import type { DropdownRequestCloseHandler } from '@splunk/react-ui/Dropdown';\nimport { useCallback, useRef, useState } from 'react';\n\ninterface UseDropdownArgs {\n    isContentClickClose?: boolean;\n}\n\ninterface UseDropdownReturn {\n    isOpen: boolean;\n    handleRequestClose: DropdownRequestCloseHandler;\n    handleRequestOpen: () => void;\n    handleForceClose: () => void;\n    setHasChildModal: (value: boolean) => void;\n}\n\n/**\n * Custom React Hook for the controlled SUI Dropdown component.\n *\n * @param {Object} config\n * @param {Boolean} config.isContentClickClose Control if dropdown children onClick's will close the dropdown automatically\n * @returns {Object} value\n * @returns {Boolean} value.isOpen The only state of this hook\n * @returns {Function} value.handleRequestOpen Event handler to open the dropdown\n * @returns {Function} value.handleRequestClose Event handler that SUI Dropdown calls when requested to close\n * @returns {Function} value.handleForceClose Event handler to forcefully close the dropdown\n */\nconst useDropdown = ({\n    isContentClickClose = true,\n}: UseDropdownArgs): UseDropdownReturn => {\n    const [isOpen, setIsOpen] = useState(false);\n    const hasChildModal = useRef(false);\n\n    const handleRequestClose = useCallback<DropdownRequestCloseHandler>(\n        ({ reason }) => {\n            if (reason === 'contentClick' && !isContentClickClose) {\n                // This return results in the dropdown not closing.\n                return;\n            }\n\n            // If there is a child modal then don't close the root on ESC press\n            if (reason === 'escapeKey' && hasChildModal.current) {\n                return;\n            }\n\n            setIsOpen(false);\n        },\n        [isContentClickClose]\n    );\n\n    const handleRequestOpen = useCallback(() => {\n        setIsOpen(true);\n    }, []);\n\n    const handleForceClose = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    const setHasChildModal = useCallback((value: boolean) => {\n        hasChildModal.current = value;\n    }, []);\n\n    return {\n        isOpen,\n        handleRequestOpen,\n        handleRequestClose,\n        handleForceClose,\n        setHasChildModal,\n    };\n};\n\nexport default useDropdown;\n"],
-  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,+BAAc;AACd,IAAO,mBAAS,aAAa,gBAA8B,wBAAU;;;ACuBrE,IAAM,cAAc,wBAAC;AAAA,EACjB,sBAAsB;AAC1B,MAA0C;AACtC,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,KAAK;AAC1C,QAAM,oBAAgB,sBAAO,KAAK;AAElC,QAAM,yBAAqB;AAAA,IACvB,CAAC,EAAE,OAAO,MAAM;AACZ,UAAI,WAAW,kBAAkB,CAAC,qBAAqB;AAEnD;AAAA,MACJ;AAGA,UAAI,WAAW,eAAe,cAAc,SAAS;AACjD;AAAA,MACJ;AAEA,gBAAU,KAAK;AAAA,IACnB;AAAA,IACA,CAAC,mBAAmB;AAAA,EACxB;AAEA,QAAM,wBAAoB,2BAAY,MAAM;AACxC,cAAU,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,MAAM;AACvC,cAAU,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,CAAC,UAAmB;AACrD,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ,GA1CoB;AA4CpB,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,+BAAc;AACd,IAAO,mBAAS,aAAa,gBAA8B,wBAAU;;;ACuBrE,IAAM,cAAc,CAAC;AAAA,EACjB,sBAAsB;AAC1B,MAA0C;AACtC,QAAM,CAAC,QAAQ,SAAS,QAAI,wBAAS,KAAK;AAC1C,QAAM,oBAAgB,sBAAO,KAAK;AAElC,QAAM,yBAAqB;AAAA,IACvB,CAAC,EAAE,OAAO,MAAM;AACZ,UAAI,WAAW,kBAAkB,CAAC,qBAAqB;AAEnD;AAAA,MACJ;AAGA,UAAI,WAAW,eAAe,cAAc,SAAS;AACjD;AAAA,MACJ;AAEA,gBAAU,KAAK;AAAA,IACnB;AAAA,IACA,CAAC,mBAAmB;AAAA,EACxB;AAEA,QAAM,wBAAoB,2BAAY,MAAM;AACxC,cAAU,IAAI;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,MAAM;AACvC,cAAU,KAAK;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAmB,2BAAY,CAAC,UAAmB;AACrD,kBAAc,UAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-PHOUPWEN.js → chunk-VE4HUG27.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown
 var ArrowBroadUnderbarDown_exports = {};
@@ -20,4 +20,4 @@ export {
   ArrowBroadUnderbarDown_default,
   ArrowBroadUnderbarDown_exports
 };
-//# sourceMappingURL=chunk-PHOUPWEN.js.map
+//# sourceMappingURL=chunk-VE4HUG27.js.map

package/module/chunks/{chunk-B5OBVUF5.js → chunk-VQIRZ53C.js}

@@ -22,7 +22,6 @@ 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)
@@ -72,10 +71,9 @@ var __async = (__this, __arguments, generator) => {
 export {
   __spreadValues,
   __spreadProps,
-  __name,
   __objRest,
   __export,
   __reExport,
   __async
 };
-//# sourceMappingURL=chunk-B5OBVUF5.js.map
+//# sourceMappingURL=chunk-VQIRZ53C.js.map

package/module/chunks/{chunk-SRI3BMZH.js → chunk-WADWICSE.js}

@@ -4,29 +4,28 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Square_default,
   Square_exports
-} from "./chunk-HTZYYFJO.js";
+} from "./chunk-2KBENXG3.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-AD6EIRYL.js";
+} from "./chunk-47MSCQAS.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
-  __async,
-  __name
-} from "./chunk-B5OBVUF5.js";
+  __async
+} from "./chunk-VQIRZ53C.js";
 
 // src/buttons/EmptyVisualization.tsx
 var icon = prepareIcon({
   Icon: Square_default,
   screenReaderContent: (0, i18n_exports._)("Add rectangle")
 });
-var EmptyVisualization = /* @__PURE__ */ __name(({ dashboardApi }) => {
+var EmptyVisualization = ({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
@@ -49,10 +48,10 @@ var EmptyVisualization = /* @__PURE__ */ __name(({ dashboardApi }) => {
       icon
     }
   );
-}, "EmptyVisualization");
+};
 var EmptyVisualization_default = EmptyVisualization;
 
 export {
   EmptyVisualization_default
 };
-//# sourceMappingURL=chunk-SRI3BMZH.js.map
+//# sourceMappingURL=chunk-WADWICSE.js.map

package/module/chunks/{chunk-SRI3BMZH.js.map → chunk-WADWICSE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/buttons/EmptyVisualization.tsx"],
   "sourcesContent": ["import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport BoxUnchecked from '@splunk/react-icons/Square';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: BoxUnchecked,\n    screenReaderContent: _('Add rectangle'),\n});\n\n/**\n * Button that creates a empty viz\n */\nconst EmptyVisualization = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.rectangle',\n                options: {\n                    fillColor: 'transparent',\n                    strokeColor: 'transparent',\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"empty-viz-button\"\n            onClick={handleClick}\n            icon={icon}\n        />\n    );\n};\n\nexport default EmptyVisualization;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,eAAe;AAC1C,CAAC;AAKD,IAAM,qBAAqB,wBAAC,EAAE,aAAa,MAA0B;AACjE,QAAM,kBAAc,2BAAY,MAAY;AACxC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,WAAW;AAAA,UACX,aAAa;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAEA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,IAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA;AAAA,EACJ;AAER,GAxB2B;AA0B3B,IAAO,6BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,eAAe;AAC1C,CAAC;AAKD,IAAM,qBAAqB,CAAC,EAAE,aAAa,MAA0B;AACjE,QAAM,kBAAc,2BAAY,MAAY;AACxC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,WAAW;AAAA,UACX,aAAa;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAEA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,IAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/module/chunks/{chunk-AROBR6WM.js → chunk-X4VCE6GS.js}

@@ -3,29 +3,28 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   ItemSeparator_default
-} from "./chunk-BDLV2ADM.js";
+} from "./chunk-MRXRYL4Y.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   themes_exports
-} from "./chunk-QPUZLO5O.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-4L4BWEM7.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-ui/Switch
 var Switch_exports = {};
@@ -44,7 +43,7 @@ var SwitchContainer = styled_components_default.div`
     flex-direction: row;
     gap: ${themes_exports.variables.spacingSmall};
 `;
-var GridLineSwitch = /* @__PURE__ */ __name(({
+var GridLineSwitch = ({
   dashboardApi,
   mode,
   showSeparator,
@@ -75,10 +74,10 @@ var GridLineSwitch = /* @__PURE__ */ __name(({
     },
     (0, i18n_exports._)("Gridlines")
   ), separator);
-}, "GridLineSwitch");
+};
 var GridLineSwitch_default = GridLineSwitch;
 
 export {
   GridLineSwitch_default
 };
-//# sourceMappingURL=chunk-AROBR6WM.js.map
+//# sourceMappingURL=chunk-X4VCE6GS.js.map

package/module/chunks/{chunk-AROBR6WM.js.map → chunk-X4VCE6GS.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-ui/Switch", "../../src/buttons/GridLineSwitch.tsx"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-ui/Switch\";\nexport * from \"@splunk/react-ui/Switch\";\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';\nimport Switch from '@splunk/react-ui/Switch';\nimport {\n    selectAreGridLinesEnabled,\n    useSelector,\n} from '@splunk/dashboard-state';\nimport { variables } from '@splunk/themes';\nimport ItemSeparator from '../components/ItemSeparator';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst SwitchContainer = styled.div`\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    gap: ${variables.spacingSmall};\n`;\n\nexport interface GridLineSwitchProps extends ToolbarButtonProps {\n    showSeparator?: boolean;\n}\n\nconst GridLineSwitch = ({\n    dashboardApi,\n    mode,\n    showSeparator,\n    layoutType,\n}: GridLineSwitchProps) => {\n    const showGrid = useSelector(selectAreGridLinesEnabled) ?? false;\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.toggleGridLines(!showGrid);\n    }, [dashboardApi, showGrid]);\n\n    const separator = useMemo(\n        () => (showSeparator ? <ItemSeparator key=\"item-separator\" /> : null),\n        [showSeparator]\n    );\n\n    if (!dashboardApi || mode !== 'edit' || layoutType === 'grid') {\n        return null;\n    }\n\n    return (\n        <SwitchContainer key=\"grid-line-switch\">\n            <Switch\n                onClick={handleClick}\n                selected={showGrid}\n                selectedLabel={_('Gridlines displayed')}\n                unselectedLabel={_('Gridlines not displayed')}\n                appearance=\"toggle\"\n                data-test=\"gridline-toggle\"\n                data-clickable\n            >\n                {_('Gridlines')}\n            </Switch>\n            {separator}\n        </SwitchContainer>\n    );\n};\n\nexport default GridLineSwitch;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACSrE,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA;AAOjC,IAAM,iBAAiB,wBAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA2B;AA5B3B;AA6BI,QAAM,YAAW,8CAAY,iDAAyB,MAArC,YAA0C;AAE3D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,gBAAgB,CAAC;AAAA,EACnC,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,QAAM,gBAAY;AAAA,IACd,MAAO,gBAAgB,4CAAC,yBAAc,KAAI,kBAAiB,IAAK;AAAA,IAChE,CAAC,aAAa;AAAA,EAClB;AAEA,MAAI,CAAC,gBAAgB,SAAS,UAAU,eAAe,QAAQ;AAC3D,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,mBAAgB,KAAI,sBACjB;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,UAAU;AAAA,MACV,mBAAe,gBAAE,qBAAqB;AAAA,MACtC,qBAAiB,gBAAE,yBAAyB;AAAA,MAC5C,YAAW;AAAA,MACX,aAAU;AAAA,MACV,kBAAc;AAAA;AAAA,QAEb,gBAAE,WAAW;AAAA,EAClB,GACC,SACL;AAER,GArCuB;AAuCvB,IAAO,yBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACSrE,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA;AAOjC,IAAM,iBAAiB,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAA2B;AA5B3B;AA6BI,QAAM,YAAW,8CAAY,iDAAyB,MAArC,YAA0C;AAE3D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,gBAAgB,CAAC;AAAA,EACnC,GAAG,CAAC,cAAc,QAAQ,CAAC;AAE3B,QAAM,gBAAY;AAAA,IACd,MAAO,gBAAgB,4CAAC,yBAAc,KAAI,kBAAiB,IAAK;AAAA,IAChE,CAAC,aAAa;AAAA,EAClB;AAEA,MAAI,CAAC,gBAAgB,SAAS,UAAU,eAAe,QAAQ;AAC3D,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,mBAAgB,KAAI,sBACjB;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,UAAU;AAAA,MACV,mBAAe,gBAAE,qBAAqB;AAAA,MACtC,qBAAiB,gBAAE,yBAAyB;AAAA,MAC5C,YAAW;AAAA,MACX,aAAU;AAAA,MACV,kBAAc;AAAA;AAAA,QAEb,gBAAE,WAAW;AAAA,EAClB,GACC,SACL;AAER;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-6VIKADMF.js → chunk-XIZP3DYZ.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-4L4BWEM7.js";
+} from "./chunk-O74T4JNL.js";
 
 // src/Item.tsx
 var Item_default = styled_components_default.div``;
@@ -12,4 +12,4 @@ var Item_default = styled_components_default.div``;
 export {
   Item_default
 };
-//# sourceMappingURL=chunk-6VIKADMF.js.map
+//# sourceMappingURL=chunk-XIZP3DYZ.js.map

package/module/chunks/{chunk-BR42RPXM.js → chunk-YMZGQ7CB.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 {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   themes_exports
-} from "./chunk-QPUZLO5O.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-4L4BWEM7.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/themes/mixins
 var mixins_exports = {};
@@ -57,7 +56,7 @@ var RightAlignItems = styled_components_default.div`
     gap: ${themes_exports.variables.spacingSmall};
     margin-inline-end: ${themes_exports.variables.spacingSmall};
 `;
-var Toolbar = /* @__PURE__ */ __name(({
+var Toolbar = ({
   activePanel,
   dashboardApi,
   mode,
@@ -134,11 +133,11 @@ var Toolbar = /* @__PURE__ */ __name(({
     },
     rightAlignItems
   ));
-}, "Toolbar");
+};
 Toolbar.displayName = "Toolbar";
 var Toolbar_default = Toolbar;
 
 export {
   Toolbar_default
 };
-//# sourceMappingURL=chunk-BR42RPXM.js.map
+//# sourceMappingURL=chunk-YMZGQ7CB.js.map

package/module/chunks/{chunk-BR42RPXM.js.map → chunk-YMZGQ7CB.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/themes/mixins", "../../src/Toolbar.tsx"],
   "sourcesContent": ["\nimport * 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;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,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,wBAAC;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,GA1FgB;AA4FhB,QAAQ,cAAc;AACtB,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,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;",
   "names": []
 }