@splunk/dashboard-toolbar 29.0.0 → 29.2.0

package/module/chunks/{chunk-NCPTJ5RB.js → chunk-JOFJS4UX.js}

@@ -4,28 +4,28 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-X7ATHE2S.js";
+} from "./chunk-GFSNM45K.js";
 import {
   StyledDropdownButton
-} from "./chunk-JLYV2H24.js";
+} from "./chunk-FREEN2T3.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-RODBPKID.js";
+} from "./chunk-VCWH2JHM.js";
 import {
   i18n_exports
-} from "./chunk-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   prepareIcon
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Item_default
-} from "./chunk-E2DI77AU.js";
+} from "./chunk-XIZP3DYZ.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
   __reExport,
@@ -64,7 +64,10 @@ import * as dashboard_definition_star from "@splunk/dashboard-definition";
 var dashboard_definition_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
 
 // src/buttons/Inputs.tsx
-var focusToggleReasons = [];
+var focusToggleReasons = [
+  "escapeKey",
+  "tabKey"
+];
 var DEFAULT_PRESET_MAP = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
@@ -182,4 +185,4 @@ export {
   lodash_exports,
   Inputs_default
 };
-//# sourceMappingURL=chunk-NCPTJ5RB.js.map
+//# sourceMappingURL=chunk-JOFJS4UX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:lodash", "esm-externals:@splunk/react-icons/SlidersTripleHorizontal", "esm-externals:@splunk/dashboard-definition", "../../src/buttons/Inputs.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport * from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/dashboard-definition\";\nexport * from \"@splunk/dashboard-definition\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport { each } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Input from '@splunk/react-icons/SlidersTripleHorizontal';\nimport { DashboardDefinition } from '@splunk/dashboard-definition';\nimport type {\n    PresetMap,\n    InputConfig,\n    DashboardApi,\n} from '@splunk/dashboard-types';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\nconst addInputIcon = prepareIcon({\n    Icon: Input,\n    screenReaderContent: _('Add input'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"inputs-button\"\n        icon={addInputIcon}\n    />\n);\n\ninterface AddInputFactoryArgs {\n    type: string;\n    defaultConfig: {\n        options?: Record<string, unknown>;\n        [x: string]: unknown;\n    };\n    tokenPrefix: string;\n    showToken: boolean;\n    dashboardApi?: DashboardApi;\n}\n\n// click handler factory\nconst onCreateInputClickFactory =\n    ({\n        type,\n        defaultConfig,\n        tokenPrefix,\n        showToken,\n        dashboardApi,\n    }: AddInputFactoryArgs) =>\n    () => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        const newConfig = {\n            ...defaultConfig,\n            type,\n            options: {\n                ...defaultConfig.options,\n            },\n        };\n        // showToken flags whether or not the input has a token assigned on creation\n        if (showToken) {\n            newConfig.options.token = DashboardDefinition.fromJSON(\n                dashboardApi?.getDefinition()\n            ).nextTokenId(tokenPrefix);\n        }\n        dashboardApi.addInput(newConfig);\n        dashboardApi.openPanel({ activePanel: 'config' });\n    };\n\n/**\n *  Add Input button that has a dropdown menu.\n */\nconst Inputs = ({\n    dashboardApi,\n    preset = DEFAULT_PRESET_MAP,\n}: ToolbarButtonProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const InputTypeButtons = useMemo(() => {\n        const buttons = [];\n\n        const inputs = preset?.inputs as Record<\n            string,\n            {\n                config: InputConfig;\n            }\n        >;\n\n        each(inputs, (InputImpl, type) => {\n            const {\n                baseShape = {},\n                label = _(`${type} Input`),\n                description = '',\n                tokenPrefix = 'token',\n                includeInToolbar = true,\n                icon: Icon = Input,\n                // showToken flags whether or not the input has a token assigned on creation\n                showToken = true,\n            } = InputImpl.config || {};\n\n            if (!includeInToolbar) {\n                return;\n            }\n\n            const handleClick = onCreateInputClickFactory({\n                type,\n                defaultConfig: baseShape,\n                tokenPrefix,\n                showToken,\n                dashboardApi,\n            });\n\n            const inputIcon = <Icon width=\"24px\" height=\"24px\" />;\n\n            buttons.push(\n                <Menu.Item\n                    data-test={`add-${type}-button`}\n                    data-test-clickable\n                    onClick={handleClick}\n                    startAdornment={inputIcon}\n                    description={description}\n                    key={`add-${type}-button`}\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n\n        if (buttons.length === 0) {\n            buttons.push(\n                <Menu.Item\n                    data-test=\"no-inputs-in-preset\"\n                    key=\"no-inputs-in-preset\"\n                    disabled\n                >\n                    {_('No Inputs')}\n                </Menu.Item>\n            );\n        }\n\n        return buttons;\n    }, [preset, dashboardApi]);\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu>{InputTypeButtons}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Inputs;\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport"]
+}

package/module/chunks/{chunk-OSDOIGWB.js → chunk-KUPEYUWA.js}

@@ -20,4 +20,4 @@ export {
   Picture_default,
   Picture_exports
 };
-//# sourceMappingURL=chunk-OSDOIGWB.js.map
+//# sourceMappingURL=chunk-KUPEYUWA.js.map

package/module/chunks/{chunk-OSDOIGWB.js.map → chunk-KUPEYUWA.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["@splunk/react-icons/Picture"],
+  "sources": ["esm-externals:@splunk/react-icons/Picture"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Picture\";\nexport * from \"@splunk/react-icons/Picture\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
   "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,8BAAc;AACd,IAAO,kBAAS,aAAa,gBAA8B,wBAAU;",
   "names": []

package/module/chunks/{chunk-X2HLBQUA.js → chunk-LGNNSZ2O.js}

@@ -3,32 +3,32 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   IconGallery_default
-} from "./chunk-JILFF3WY.js";
+} from "./chunk-56627Y63.js";
 import {
   Image_default
-} from "./chunk-734QWOYU.js";
+} from "./chunk-6SUOFSGJ.js";
 import {
   Inputs_default
-} from "./chunk-NCPTJ5RB.js";
+} from "./chunk-JOFJS4UX.js";
 import {
   Markdown_default
-} from "./chunk-OTGQ73VF.js";
+} from "./chunk-4Y6PRJOC.js";
 import {
   Shapes_default
-} from "./chunk-GRIJP4FT.js";
+} from "./chunk-MWYPBMHI.js";
 import {
   EmptyVisualization_default
-} from "./chunk-KEARZQAT.js";
+} from "./chunk-WADWICSE.js";
 import {
   ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   Charts_default
-} from "./chunk-72YLBMXL.js";
+} from "./chunk-ZSBWP6MR.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __spreadValues
 } from "./chunk-VQIRZ53C.js";
@@ -61,4 +61,4 @@ var VisualizationGroup_default = VisualizationGroup;
 export {
   VisualizationGroup_default
 };
-//# sourceMappingURL=chunk-X2HLBQUA.js.map
+//# sourceMappingURL=chunk-LGNNSZ2O.js.map

package/module/chunks/{chunk-WFAY6ABE.js → chunk-LLLZNICJ.js}

@@ -1,28 +1,31 @@
 /* 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. */
+import {
+  TokenManager
+} from "./chunk-ILJYO5B3.js";
 import {
   Config_default
-} from "./chunk-AWNWXBE4.js";
+} from "./chunk-IITJ2NKO.js";
 import {
   Data_default
-} from "./chunk-B2LPQWLD.js";
+} from "./chunk-BSXRAEA2.js";
 import {
   ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __spreadValues
 } from "./chunk-VQIRZ53C.js";
 
 // src/groups/SidebarControlGroup.tsx
-var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null));
+var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null));
 var SidebarControlGroup_default = SidebarControlGroup;
 
 export {
   SidebarControlGroup_default
 };
-//# sourceMappingURL=chunk-WFAY6ABE.js.map
+//# sourceMappingURL=chunk-LLLZNICJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/groups/SidebarControlGroup.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Config, Data, TokenManager } from '../buttons';\n\n/**\n * group that controls dashboard sidebar\n */\nconst SidebarControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup {...props}>\n        <Config />\n        <Data />\n        <TokenManager />\n    </ItemGroup>\n);\n\nexport default SidebarControlGroup;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,sBAAsB,CAAC,UACzB,4CAAC,sCAAc,QACX,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAa,CAClB;AAGJ,IAAO,8BAAQ;",
+  "names": []
+}

package/module/chunks/{chunk-NIACHGAA.js → chunk-MRXRYL4Y.js}

@@ -3,11 +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 {
   themes_exports
-} from "./chunk-IGGLU44N.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-BRGYD3MR.js";
+} from "./chunk-O74T4JNL.js";
 
 // src/components/ItemSeparator.tsx
 var ItemSeparator = styled_components_default.div`
@@ -22,4 +22,4 @@ var ItemSeparator_default = ItemSeparator;
 export {
   ItemSeparator_default
 };
-//# sourceMappingURL=chunk-NIACHGAA.js.map
+//# sourceMappingURL=chunk-MRXRYL4Y.js.map

package/module/chunks/{chunk-YPVMTO2L.js → chunk-MTPPRK4H.js}

@@ -4,35 +4,35 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Picture_default,
   Picture_exports
-} from "./chunk-OSDOIGWB.js";
+} from "./chunk-KUPEYUWA.js";
 import {
   dashboard_ui_exports
-} from "./chunk-HIICL66H.js";
+} from "./chunk-RQY6BB7F.js";
 import {
   StyledDropdownButton
-} from "./chunk-JLYV2H24.js";
+} from "./chunk-FREEN2T3.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-RODBPKID.js";
+} from "./chunk-VCWH2JHM.js";
 import {
   i18n_exports
-} from "./chunk-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   prepareIcon
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Item_default
-} from "./chunk-E2DI77AU.js";
+} from "./chunk-XIZP3DYZ.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-BRGYD3MR.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __async
 } from "./chunk-VQIRZ53C.js";
@@ -68,7 +68,7 @@ var ImageGallery = ({ dashboardApi }) => {
     isContentClickClose: false
   });
   const handlePanelClick = (0, react_exports.useCallback)(
-    (imageUrl) => __async(void 0, null, function* () {
+    (imageUrl) => __async(null, null, function* () {
       dashboardApi == null ? void 0 : dashboardApi.createVisualization({
         visualizationDefinition: {
           type: "splunk.image",
@@ -108,4 +108,4 @@ var ImageGallery_default = ImageGallery;
 export {
   ImageGallery_default
 };
-//# sourceMappingURL=chunk-YPVMTO2L.js.map
+//# sourceMappingURL=chunk-MTPPRK4H.js.map

package/module/chunks/{chunk-GRIJP4FT.js → chunk-MWYPBMHI.js}

@@ -4,35 +4,35 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Square_default,
   Square_exports
-} from "./chunk-52TYQW2Y.js";
+} from "./chunk-2KBENXG3.js";
 import {
   PopoverItemButton_default
-} from "./chunk-OIQNUT2X.js";
+} from "./chunk-D27CPPHI.js";
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-X7ATHE2S.js";
+} from "./chunk-GFSNM45K.js";
 import {
   StyledDropdownButton
-} from "./chunk-JLYV2H24.js";
+} from "./chunk-FREEN2T3.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-RODBPKID.js";
+} from "./chunk-VCWH2JHM.js";
 import {
   i18n_exports
-} from "./chunk-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   prepareIcon
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Item_default
-} from "./chunk-E2DI77AU.js";
+} from "./chunk-XIZP3DYZ.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
   __reExport
@@ -83,7 +83,10 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
     icon: shapesDropdown
   }
 );
-var focusToggleReasons = [];
+var focusToggleReasons = [
+  "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);
@@ -169,4 +172,4 @@ var Shapes_default = Shapes;
 export {
   Shapes_default
 };
-//# sourceMappingURL=chunk-GRIJP4FT.js.map
+//# sourceMappingURL=chunk-MWYPBMHI.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-icons/Circle", "esm-externals:@splunk/react-icons/Line", "esm-externals:@splunk/react-icons/ShapesVariety", "../../src/buttons/Shapes.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Circle\";\nexport * from \"@splunk/react-icons/Circle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/Line\";\nexport * from \"@splunk/react-icons/Line\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/ShapesVariety\";\nexport * from \"@splunk/react-icons/ShapesVariety\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport Menu from '@splunk/react-ui/Menu';\nimport Circle from '@splunk/react-icons/Circle';\nimport BoxUnchecked from '@splunk/react-icons/Square';\nimport Line from '@splunk/react-icons/Line';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AddShapeDropdown from '@splunk/react-icons/ShapesVariety';\nimport type {\n    StructureItemType,\n    VisualizationDefinition,\n} from '@splunk/dashboard-types';\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport PopoverItemButton from '../PopoverItemButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\n\nconst shapesDropdown = prepareIcon({\n    Icon: AddShapeDropdown,\n    screenReaderContent: _('Add shape'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"shapes-button\"\n        icon={shapesDropdown}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst circleIcon = <Circle />;\nconst uncheckedBoxIcon = <BoxUnchecked />;\nconst lineIcon = <Line />;\n\n/**\n *  Shapes button that has a dropdown menu.\n */\nconst Shapes = ({ dashboardApi, layoutType }: ToolbarButtonProps) => {\n    const supportLine = layoutType === 'absolute';\n\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const handleCreateVizButtonClick = useCallback(\n        (\n            vizToCreate: VisualizationDefinition<Record<string, unknown>>,\n            layoutItemType?: StructureItemType\n        ) => {\n            return () => {\n                dashboardApi?.createVisualization({\n                    visualizationDefinition: vizToCreate,\n                    layoutItemType,\n                });\n                dashboardApi?.openPanel({ activePanel: 'config' });\n            };\n        },\n        [dashboardApi]\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                <Menu data-test=\"shapes-dropdown-children-container\">\n                    <Menu.Item\n                        data-test=\"ellipse-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.ellipse',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={circleIcon}\n                            label={_('Ellipse')}\n                        />\n                    </Menu.Item>\n                    <Menu.Item\n                        data-test=\"rectangle-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.rectangle',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={uncheckedBoxIcon}\n                            label={_('Rectangle')}\n                        />\n                    </Menu.Item>\n                    {supportLine && (\n                        <Menu.Item\n                            data-test=\"line-button\"\n                            onClick={handleCreateVizButtonClick(\n                                {\n                                    type: 'abslayout.line',\n                                },\n                                'line'\n                            )}\n                        >\n                            <PopoverItemButton\n                                icon={lineIcon}\n                                label={_('Line')}\n                            />\n                        </Menu.Item>\n                    )}\n                </Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Shapes;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYA,oBAAmB;AAC/B,2BAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYC,oBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAaA,iBAA8B,yBAAUA;;;ACkBrE,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,yBAAqB,gBAAE,WAAW;AAAA,EAClC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAGJ,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAEA,IAAM,aAAa,4CAAC,oBAAO;AAC3B,IAAM,mBAAmB,4CAAC,oBAAa;AACvC,IAAM,WAAW,4CAAC,kBAAK;AAKvB,IAAM,SAAS,CAAC,EAAE,cAAc,WAAW,MAA0B;AACjE,QAAM,cAAc,eAAe;AAEnC,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,iCAA6B;AAAA,IAC/B,CACI,aACA,mBACC;AACD,aAAO,MAAM;AACT,qDAAc,oBAAoB;AAAA,UAC9B,yBAAyB;AAAA,UACzB;AAAA,QACJ;AACA,qDAAc,UAAU,EAAE,aAAa,SAAS;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,CAAC,YAAY;AAAA,EACjB;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,gBAAK,aAAU,wCACZ;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,SAAS;AAAA;AAAA,MACtB;AAAA,IACJ,GACA;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,WAAW;AAAA;AAAA,MACxB;AAAA,IACJ,GACC,eACG;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS;AAAA,UACL;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,QACJ;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,MAAM;AAAA;AAAA,MACnB;AAAA,IACJ,CAER;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,iBAAQ;",
+  "names": ["defaultImport", "defaultImport"]
+}

package/module/chunks/{chunk-A3BAVEME.js → chunk-NKC5QFQ5.js}

@@ -3,15 +3,15 @@ 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-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
   __reExport
@@ -74,4 +74,4 @@ var Undo_default = Undo;
 export {
   Undo_default
 };
-//# sourceMappingURL=chunk-A3BAVEME.js.map
+//# sourceMappingURL=chunk-NKC5QFQ5.js.map

package/module/chunks/{chunk-A3BAVEME.js.map → chunk-NKC5QFQ5.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["@splunk/react-icons/ArrowBowLeft", "../../src/buttons/Undo.tsx"],
+  "sources": ["esm-externals:@splunk/react-icons/ArrowBowLeft", "../../src/buttons/Undo.tsx"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ArrowBowLeft\";\nexport * from \"@splunk/react-icons/ArrowBowLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useState } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport UndoIcon from '@splunk/react-icons/ArrowBowLeft';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: UndoIcon,\n    screenReaderContent: _('Undo'),\n});\n\nconst Undo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is an undo state\n    const [canUndo, setCanUndo] = useState(\n        () => dashboardApi?.canUndo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanUndo(dashboardApi?.canUndo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.undo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"undo-button\"\n            onClick={handleClick}\n            disabled={!canUndo}\n            icon={icon}\n        />\n    );\n};\n\nexport default Undo;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,mCAAc;AACd,IAAO,uBAAS,aAAa,gBAA8B,wBAAU;;;ACGrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,MAAM;AACjC,CAAC;AAED,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AAGnD,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC1B,MAAG;AAfX;AAec,gEAAc,cAAd,YAA2B;AAAA;AAAA,EACrC;AAEA,QAAM,yBAAqB,2BAAY,MAAM;AAlBjD;AAmBQ,gBAAW,kDAAc,cAAd,YAA2B,KAAK;AAAA,EAC/C,GAAG,CAAC,YAAY,CAAC;AAEjB,+BAAU,MAAM;AACZ,QAAI,EAAC,6CAAc,iBAAgB;AAC/B,aAAO,MAAM;AAAA,IACjB;AAEA,WAAO,aAAa,eAAe,UAAU;AAAA,MACzC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACZ,CAAC;AAAA,EACL,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAErC,QAAM,kBAAc,2BAAY,MAAM;AAClC,QAAI,CAAC,cAAc;AACf;AAAA,IACJ;AAEA,iBAAa,KAAK,EAAE,QAAQ,UAAU,CAAC;AAAA,EAC3C,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,MACX;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,eAAQ;",
   "names": []

package/module/chunks/{chunk-BRGYD3MR.js → chunk-O74T4JNL.js}

@@ -20,4 +20,4 @@ export {
   styled_components_default,
   styled_components_exports
 };
-//# sourceMappingURL=chunk-BRGYD3MR.js.map
+//# sourceMappingURL=chunk-O74T4JNL.js.map

package/module/chunks/{chunk-BRGYD3MR.js.map → chunk-O74T4JNL.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["styled-components"],
+  "sources": ["esm-externals:styled-components"],
   "sourcesContent": ["\nimport * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
   "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,wCAAc;AACd,IAAO,4BAAS,aAAa,gBAA8B,wBAAU;",
   "names": []

package/module/chunks/{chunk-BLXVTG4B.js → chunk-OQXE7KAJ.js}

@@ -4,24 +4,24 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   ArrowBroadUnderbarDown_default,
   ArrowBroadUnderbarDown_exports
-} from "./chunk-J2TRUM5N.js";
+} from "./chunk-VE4HUG27.js";
 import {
   dashboard_utils_exports
-} from "./chunk-HXY4TSUO.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   dashboard_ui_exports
-} from "./chunk-HIICL66H.js";
+} from "./chunk-RQY6BB7F.js";
 import {
   i18n_exports
-} from "./chunk-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-YKT3CRI6.js";
+} from "./chunk-5D7CUYUH.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 
 // src/buttons/ExportDashboardButton.tsx
 var downloadIcon = /* @__PURE__ */ react_default.createElement(ArrowBroadUnderbarDown_default, null);
@@ -62,4 +62,4 @@ var ExportDashboardButton_default = ExportDashboardButton;
 export {
   ExportDashboardButton_default
 };
-//# sourceMappingURL=chunk-BLXVTG4B.js.map
+//# sourceMappingURL=chunk-OQXE7KAJ.js.map

package/module/chunks/{chunk-HXY4TSUO.js → chunk-OSX3RDKV.js}

@@ -19,4 +19,4 @@ var dashboard_utils_default = "default" in defaultImport ? defaultImport.default
 export {
   dashboard_utils_exports
 };
-//# sourceMappingURL=chunk-HXY4TSUO.js.map
+//# sourceMappingURL=chunk-OSX3RDKV.js.map

package/module/chunks/{chunk-HXY4TSUO.js.map → chunk-OSX3RDKV.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["@splunk/dashboard-utils"],
+  "sources": ["esm-externals:@splunk/dashboard-utils"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/dashboard-utils\";\nexport * from \"@splunk/dashboard-utils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
   "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,sCAAc;AACd,IAAO,0BAAS,aAAa,gBAA8B,wBAAU;",
   "names": []

package/module/chunks/{chunk-L4ZPYLUY.js → chunk-PVT2JFAW.js}

@@ -3,14 +3,14 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Fullscreen_default
-} from "./chunk-IAEE4XLH.js";
+} from "./chunk-Q67T3UVN.js";
 import {
   ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __spreadValues
 } from "./chunk-VQIRZ53C.js";
@@ -22,4 +22,4 @@ var ControlGroup_default = ControlGroup;
 export {
   ControlGroup_default
 };
-//# sourceMappingURL=chunk-L4ZPYLUY.js.map
+//# sourceMappingURL=chunk-PVT2JFAW.js.map

package/module/chunks/{chunk-IAEE4XLH.js → chunk-Q67T3UVN.js}

@@ -3,18 +3,18 @@ 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-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   dashboard_state_exports
-} from "./chunk-NJF2IOVV.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
   __reExport
@@ -55,4 +55,4 @@ var Fullscreen_default = FullScreen;
 export {
   Fullscreen_default
 };
-//# sourceMappingURL=chunk-IAEE4XLH.js.map
+//# sourceMappingURL=chunk-Q67T3UVN.js.map

package/module/chunks/{chunk-IAEE4XLH.js.map → chunk-Q67T3UVN.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["@splunk/react-icons/ChevronsOut", "../../src/buttons/Fullscreen.tsx"],
+  "sources": ["esm-externals:@splunk/react-icons/ChevronsOut", "../../src/buttons/Fullscreen.tsx"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n    screenReaderContent: _('Fullscreen'),\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n        />\n    );\n};\n\nexport default FullScreen;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACMrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AACvC,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc;AAAA,EAClB,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,qBAAQ;",
   "names": []

package/module/chunks/{chunk-ETJ5YPF3.js → chunk-QPL25LDX.js}

@@ -3,17 +3,17 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Source_default
-} from "./chunk-FSOMEJXM.js";
+} from "./chunk-2OAGCVHC.js";
 import {
   ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   dashboard_utils_exports
-} from "./chunk-HXY4TSUO.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __spreadValues
 } from "./chunk-VQIRZ53C.js";
@@ -28,4 +28,4 @@ var EditorGroup_default = EditorGroup;
 export {
   EditorGroup_default
 };
-//# sourceMappingURL=chunk-ETJ5YPF3.js.map
+//# sourceMappingURL=chunk-QPL25LDX.js.map

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

@@ -3,33 +3,33 @@ 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-G6N5OMKL.js";
+} from "./chunk-HOKI2CUB.js";
 import {
   i18n_exports
-} from "./chunk-BSMCGXVQ.js";
+} from "./chunk-GAXH7J77.js";
 import {
   ScreenReaderContent_default,
   ScreenReaderContent_exports,
   iconSize
-} from "./chunk-GWAXQYWY.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-YKT3CRI6.js";
+} from "./chunk-5D7CUYUH.js";
 import {
   dashboard_state_exports
-} from "./chunk-NJF2IOVV.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   themes_exports
-} from "./chunk-IGGLU44N.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   react_default,
   react_exports
-} from "./chunk-NWVLNDCF.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-BRGYD3MR.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __export,
   __reExport
@@ -97,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}
     }
@@ -158,6 +152,7 @@ var CollapsibleToolbar = ({
   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,
@@ -172,4 +167,4 @@ var CollapsibleToolbar_default = CollapsibleToolbar;
 export {
   CollapsibleToolbar_default
 };
-//# sourceMappingURL=chunk-2QMHWIV5.js.map
+//# sourceMappingURL=chunk-RIR6YMJC.js.map