@splunk/dashboard-toolbar 29.3.3 → 29.4.0

package/module/chunks/{chunk-X4VCE6GS.js → chunk-MUXHFVOC.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 {
   ItemSeparator_default
-} from "./chunk-MRXRYL4Y.js";
+} from "./chunk-WSTQTULM.js";
 import {
   i18n_exports
-} from "./chunk-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   dashboard_state_exports
-} from "./chunk-RZJ2PCV4.js";
+} from "./chunk-ZV4AQ5DL.js";
 import {
   themes_exports
-} from "./chunk-IIPBKMJD.js";
+} from "./chunk-RPNGCVZL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-O74T4JNL.js";
+} from "./chunk-V3YGNO27.js";
 import {
   __export,
   __reExport
@@ -80,4 +80,4 @@ var GridLineSwitch_default = GridLineSwitch;
 export {
   GridLineSwitch_default
 };
-//# sourceMappingURL=chunk-X4VCE6GS.js.map
+//# sourceMappingURL=chunk-MUXHFVOC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-ui/Switch", "../../src/buttons/GridLineSwitch.tsx"],
+  "sourcesContent": ["import * 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;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACUrE,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-Q67T3UVN.js → chunk-NGEW5KQQ.js}

@@ -3,19 +3,20 @@ 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-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-47MSCQAS.js";
+} from "./chunk-OC4QIR2D.js";
 import {
   dashboard_state_exports
-} from "./chunk-RZJ2PCV4.js";
+} from "./chunk-ZV4AQ5DL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
+  __async,
   __export,
   __reExport
 } from "./chunk-VQIRZ53C.js";
@@ -30,6 +31,24 @@ import * as defaultImport from "@splunk/react-icons/ChevronsOut";
 import * as ChevronsOut_star from "@splunk/react-icons/ChevronsOut";
 var ChevronsOut_default = "default" in defaultImport ? defaultImport.default : defaultImport;
 
+// src/hooks/useToolbarButtonClick.ts
+var useToolbarButtonClick = (event, onClick) => {
+  const dispatch = (0, dashboard_state_exports.useDispatch)();
+  return (0, react_exports.useCallback)(
+    (...args) => {
+      if (dispatch && event) {
+        dispatch(
+          (0, dashboard_state_exports.toolbarButtonClicked)({
+            event
+          })
+        );
+      }
+      onClick == null ? void 0 : onClick(...args);
+    },
+    [dispatch, event, onClick]
+  );
+};
+
 // src/buttons/Fullscreen.tsx
 var icon = prepareIcon({
   Icon: ChevronsOut_default,
@@ -37,9 +56,10 @@ var icon = prepareIcon({
 });
 var FullScreen = ({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
-  const handleClick = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
-  }, [dashboardApi]);
+  const enterFullscreen = (0, react_exports.useCallback)(() => __async(null, null, function* () {
+    yield dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
+  }), [dashboardApi]);
+  const handleClick = useToolbarButtonClick("fullscreen", enterFullscreen);
   return /* @__PURE__ */ react_default.createElement(
     IconButton_default,
     {
@@ -55,4 +75,4 @@ var Fullscreen_default = FullScreen;
 export {
   Fullscreen_default
 };
-//# sourceMappingURL=chunk-Q67T3UVN.js.map
+//# sourceMappingURL=chunk-NGEW5KQQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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    screenReaderContent: _('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        />\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;AAAA,EACN,yBAAqB,gBAAE,YAAY;AACvC,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;AAAA,EACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/module/chunks/{chunk-ACSHFRXI.js → chunk-NNGZB36V.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-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-47MSCQAS.js";
+} from "./chunk-OC4QIR2D.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __export,
   __reExport
@@ -74,4 +74,4 @@ var Redo_default = Redo;
 export {
   Redo_default
 };
-//# sourceMappingURL=chunk-ACSHFRXI.js.map
+//# sourceMappingURL=chunk-NNGZB36V.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "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;",
+  "sources": ["esm-externals:@splunk/react-icons/ArrowBowRight", "../../src/buttons/Redo.tsx"],
+  "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ArrowBowRight\";\nexport * from \"@splunk/react-icons/ArrowBowRight\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useState, useEffect } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport RedoIcon from '@splunk/react-icons/ArrowBowRight';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: RedoIcon,\n    screenReaderContent: _('Redo'),\n});\n\nconst Redo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is a redo state\n    const [canRedo, setCanRedo] = useState(\n        () => dashboardApi?.canRedo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanRedo(dashboardApi?.canRedo() ?? 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.redo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"redo-button\"\n            onClick={handleClick}\n            disabled={!canRedo}\n            icon={icon}\n        />\n    );\n};\n\nexport default Redo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,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-BSXRAEA2.js → chunk-NSCDFVBR.js}

@@ -3,21 +3,21 @@ 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-HOKI2CUB.js";
+} from "./chunk-VITMNUKV.js";
 import {
   i18n_exports
-} from "./chunk-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-47MSCQAS.js";
+} from "./chunk-OC4QIR2D.js";
 import {
   dashboard_state_exports
-} from "./chunk-RZJ2PCV4.js";
+} from "./chunk-ZV4AQ5DL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __export,
   __reExport
@@ -71,4 +71,4 @@ var Data_default = Data;
 export {
   Data_default
 };
-//# sourceMappingURL=chunk-BSXRAEA2.js.map
+//# sourceMappingURL=chunk-NSCDFVBR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-icons/CylinderMulti", "../../src/buttons/Data.tsx"],
+  "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/CylinderMulti\";\nexport * from \"@splunk/react-icons/CylinderMulti\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport DataInput from '@splunk/react-icons/CylinderMulti';\n\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst dataInputIcon = prepareIcon({\n    Icon: DataInput,\n    screenReaderContent: _('Data source overview'),\n});\n\n/**\n * Button that toggle data overview panel\n */\nconst Data = ({ dashboardApi }: ToolbarButtonProps) => {\n    const dataButtonRef = useToolbarRef('dataOverview');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'dataOverview';\n        if (isOpen) {\n            dashboardApi.closePanel();\n        } else {\n            batch(() => {\n                // Deselect all selected visualizations\n                dashboardApi?.selectVisualization([]);\n                // Open data overview panel\n                dashboardApi?.openPanel({\n                    activePanel: 'dataOverview',\n                    panelProps: {\n                        focusOnOpen: true,\n                    },\n                });\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={dataButtonRef}\n            testLabel=\"data-button\"\n            onClick={handleClick}\n            icon={dataInputIcon}\n        />\n    );\n};\n\nexport default Data;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACSrE,IAAM,gBAAgB,YAAY;AAAA,EAC9B,MAAM;AAAA,EACN,yBAAqB,gBAAE,sBAAsB;AACjD,CAAC;AAKD,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AACnD,QAAM,oBAAgB,yCAAc,cAAc;AAElD,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,UAAS,6CAAc,sBAAqB;AAClD,QAAI,QAAQ;AACR,mBAAa,WAAW;AAAA,IAC5B,OAAO;AACH,yCAAM,MAAM;AAER,qDAAc,oBAAoB,CAAC;AAEnC,qDAAc,UAAU;AAAA,UACpB,aAAa;AAAA,UACb,YAAY;AAAA,YACR,aAAa;AAAA,UACjB;AAAA,QACJ;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,WAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA;AAAA,EACV;AAER;AAEA,IAAO,eAAQ;",
+  "names": []
+}

package/module/chunks/{chunk-6MLJBCIJ.js → chunk-NTQBWCZU.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-HOKI2CUB.js";
+} from "./chunk-VITMNUKV.js";
 import {
   i18n_exports
-} from "./chunk-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-5D7CUYUH.js";
+} from "./chunk-RFWUOGJ3.js";
 import {
   Item_default
-} from "./chunk-XIZP3DYZ.js";
+} from "./chunk-C3GFY32L.js";
 import {
   dashboard_state_exports
-} from "./chunk-RZJ2PCV4.js";
+} from "./chunk-ZV4AQ5DL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 
 // src/buttons/ModeSwitch.tsx
 var ModeSwitch = () => {
@@ -49,4 +49,4 @@ var ModeSwitch_default = ModeSwitch;
 export {
   ModeSwitch_default
 };
-//# sourceMappingURL=chunk-6MLJBCIJ.js.map
+//# sourceMappingURL=chunk-NTQBWCZU.js.map

package/module/chunks/{chunk-47MSCQAS.js → chunk-OC4QIR2D.js}

@@ -4,18 +4,18 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Button_default,
   Button_exports
-} from "./chunk-5D7CUYUH.js";
+} from "./chunk-RFWUOGJ3.js";
 import {
   Item_default
-} from "./chunk-XIZP3DYZ.js";
+} from "./chunk-C3GFY32L.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-O74T4JNL.js";
+} from "./chunk-V3YGNO27.js";
 import {
   __export,
   __objRest,
@@ -102,4 +102,4 @@ export {
   prepareIcon,
   IconButton_default
 };
-//# sourceMappingURL=chunk-47MSCQAS.js.map
+//# sourceMappingURL=chunk-OC4QIR2D.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-icons/CaretDown", "esm-externals:@splunk/react-ui/ScreenReaderContent", "../../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 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 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    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    testLabel,\n    ...rest\n}: IconButtonProps): JSX.Element => {\n    return (\n        <ToolbarItem {...rest}>\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        </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;;;ACOrE,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,EArCb,IAkC4B,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;AAWA,IAAM,aAAa,CAAC,OAQgB;AARhB,eAChB;AAAA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EArEJ,IA+DoB,IAOb,iBAPa,IAOb;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI,4CAAC,iCAAgB,OACb;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,CACJ;AAER;AAEA,IAAO,qBAAQ;",
+  "names": ["defaultImport"]
+}

package/module/chunks/{chunk-NKC5QFQ5.js → chunk-PFHSMP6M.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-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-47MSCQAS.js";
+} from "./chunk-OC4QIR2D.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __export,
   __reExport
@@ -74,4 +74,4 @@ var Undo_default = Undo;
 export {
   Undo_default
 };
-//# sourceMappingURL=chunk-NKC5QFQ5.js.map
+//# sourceMappingURL=chunk-PFHSMP6M.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-icons/ArrowBowLeft", "../../src/buttons/Undo.tsx"],
+  "sourcesContent": ["import * 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;AACA;AADA,YAAY,mBAAmB;AAC/B,mCAAc;AACd,IAAO,uBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,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-L3N7HHJU.js → chunk-QEDHGXUU.js}

@@ -3,23 +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-QSKQE2FQ.js";
+} from "./chunk-AYEBOQ6B.js";
 import {
   ModeSwitch_default
-} from "./chunk-6MLJBCIJ.js";
+} from "./chunk-NTQBWCZU.js";
 import {
   GridLineSwitch_default
-} from "./chunk-X4VCE6GS.js";
+} from "./chunk-MUXHFVOC.js";
 import {
   ItemGroup_default
-} from "./chunk-JGTSF7O4.js";
+} from "./chunk-RJ5FWZWY.js";
 import {
   themes_exports
-} from "./chunk-IIPBKMJD.js";
+} from "./chunk-RPNGCVZL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __spreadProps,
   __spreadValues
@@ -45,4 +45,4 @@ var EditingGroup_default = EditingGroup;
 export {
   EditingGroup_default
 };
-//# sourceMappingURL=chunk-L3N7HHJU.js.map
+//# sourceMappingURL=chunk-QEDHGXUU.js.map

package/module/chunks/{chunk-5D7CUYUH.js → chunk-RFWUOGJ3.js}

@@ -20,4 +20,4 @@ export {
   Button_default,
   Button_exports
 };
-//# sourceMappingURL=chunk-5D7CUYUH.js.map
+//# sourceMappingURL=chunk-RFWUOGJ3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-ui/Button"],
+  "sourcesContent": ["import * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;",
+  "names": []
+}

package/module/chunks/{chunk-JGTSF7O4.js → chunk-RJ5FWZWY.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 {
   dashboard_utils_exports
-} from "./chunk-OSX3RDKV.js";
+} from "./chunk-IHFVJPGQ.js";
 import {
   ItemSeparator_default
-} from "./chunk-MRXRYL4Y.js";
+} from "./chunk-WSTQTULM.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-O74T4JNL.js";
+} from "./chunk-V3YGNO27.js";
 import {
   __objRest
 } from "./chunk-VQIRZ53C.js";
@@ -49,4 +49,4 @@ var ItemGroup_default = ItemGroup;
 export {
   ItemGroup_default
 };
-//# sourceMappingURL=chunk-JGTSF7O4.js.map
+//# sourceMappingURL=chunk-RJ5FWZWY.js.map

package/module/chunks/{chunk-2KBENXG3.js → chunk-RKJ7RKNK.js}

@@ -20,4 +20,4 @@ export {
   Square_default,
   Square_exports
 };
-//# sourceMappingURL=chunk-2KBENXG3.js.map
+//# sourceMappingURL=chunk-RKJ7RKNK.js.map

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

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

package/module/chunks/{chunk-MFIWFQAS.js → chunk-RP26L2VP.js}

@@ -3,20 +3,20 @@ 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-QSKQE2FQ.js";
+} from "./chunk-AYEBOQ6B.js";
 import {
   Config_default
-} from "./chunk-IITJ2NKO.js";
+} from "./chunk-XIT2UXG2.js";
 import {
   Data_default
-} from "./chunk-BSXRAEA2.js";
+} from "./chunk-NSCDFVBR.js";
 import {
   ItemGroup_default
-} from "./chunk-JGTSF7O4.js";
+} from "./chunk-RJ5FWZWY.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __spreadValues
 } from "./chunk-VQIRZ53C.js";
@@ -28,4 +28,4 @@ var SidebarControlGroup_default = SidebarControlGroup;
 export {
   SidebarControlGroup_default
 };
-//# sourceMappingURL=chunk-MFIWFQAS.js.map
+//# sourceMappingURL=chunk-RP26L2VP.js.map

package/module/chunks/{chunk-IIPBKMJD.js → chunk-RPNGCVZL.js}

@@ -19,4 +19,4 @@ var themes_default = "default" in defaultImport ? defaultImport.default : defaul
 export {
   themes_exports
 };
-//# sourceMappingURL=chunk-IIPBKMJD.js.map
+//# sourceMappingURL=chunk-RPNGCVZL.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/themes"],
+  "sourcesContent": ["import * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n"],
+  "mappings": ";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;",
+  "names": []
+}

package/module/chunks/{chunk-4Y6PRJOC.js → chunk-S6LWLEQ4.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-GAXH7J77.js";
+} from "./chunk-JIIPUMEA.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-47MSCQAS.js";
+} from "./chunk-OC4QIR2D.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   __export,
   __reExport
@@ -60,4 +60,4 @@ var Markdown_default2 = Markdown;
 export {
   Markdown_default2 as Markdown_default
 };
-//# sourceMappingURL=chunk-4Y6PRJOC.js.map
+//# sourceMappingURL=chunk-S6LWLEQ4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-icons/Markdown", "../../src/buttons/Markdown.tsx"],
+  "sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/Markdown\";\nexport * from \"@splunk/react-icons/Markdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport MarkdownIcon from '@splunk/react-icons/Markdown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: MarkdownIcon,\n    screenReaderContent: _('Add markdown text'),\n});\n\n/**\n * Button that creates a empty markdown viz\n */\nconst Markdown = ({ dashboardApi }: ToolbarButtonProps): JSX.Element => {\n    const handleClick = useCallback(() => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.markdown',\n                options: {\n                    markdown: '',\n                },\n            },\n        });\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"markdown-button\"\n            onClick={handleClick}\n            icon={icon}\n        />\n    );\n};\n\nexport default Markdown;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,+BAAc;AACd,IAAO,mBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,mBAAmB;AAC9C,CAAC;AAKD,IAAM,WAAW,CAAC,EAAE,aAAa,MAAuC;AACpE,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,UAAU;AAAA,QACd;AAAA,MACJ;AAAA,IACJ;AACA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA;AAAA,EACJ;AAER;AAEA,IAAOA,oBAAQ;",
+  "names": ["Markdown_default"]
+}

package/module/chunks/{chunk-D27CPPHI.js → chunk-SFYQQARV.js}

@@ -4,11 +4,11 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-O74T4JNL.js";
+} from "./chunk-V3YGNO27.js";
 
 // src/PopoverItemButton.tsx
 var StyledContentWrapper = styled_components_default.span`
@@ -33,4 +33,4 @@ var PopoverItemButton_default = PopoverItemButton;
 export {
   PopoverItemButton_default
 };
-//# sourceMappingURL=chunk-D27CPPHI.js.map
+//# sourceMappingURL=chunk-SFYQQARV.js.map

package/module/chunks/{chunk-YMZGQ7CB.js → chunk-UCI2OCYF.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 {
   dashboard_state_exports
-} from "./chunk-RZJ2PCV4.js";
+} from "./chunk-ZV4AQ5DL.js";
 import {
   themes_exports
-} from "./chunk-IIPBKMJD.js";
+} from "./chunk-RPNGCVZL.js";
 import {
   react_default,
   react_exports
-} from "./chunk-2QBSLWJJ.js";
+} from "./chunk-XWRMHLAP.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-O74T4JNL.js";
+} from "./chunk-V3YGNO27.js";
 import {
   __export,
   __reExport
@@ -140,4 +140,4 @@ var Toolbar_default = Toolbar;
 export {
   Toolbar_default
 };
-//# sourceMappingURL=chunk-YMZGQ7CB.js.map
+//# sourceMappingURL=chunk-UCI2OCYF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}