@splunk/dashboard-toolbar 29.1.0 → 29.2.1

package/module/chunks/{chunk-HPEHWRJP.js → chunk-OWHBAX5W.js}

@@ -3,68 +3,60 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   lodash_exports
-} from "./chunk-3R73WRRN.js";
+} from "./chunk-JOFJS4UX.js";
 import {
   dashboard_utils_exports
-} from "./chunk-PMXVITCC.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   ItemSeparator_default
-} from "./chunk-BDLV2ADM.js";
+} from "./chunk-MRXRYL4Y.js";
 import {
   dashboard_ui_exports
-} from "./chunk-BXDA2XH4.js";
+} from "./chunk-RQY6BB7F.js";
 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 {
   dashboard_context_exports
-} from "./chunk-L2MCGOFY.js";
+} from "./chunk-HOKI2CUB.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 {
   Button_default,
   Button_exports
-} from "./chunk-3QT355V5.js";
+} from "./chunk-5D7CUYUH.js";
+import {
+  Item_default
+} from "./chunk-XIZP3DYZ.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";
-
-// esm-externals:@splunk/react-icons/ListToken
-var ListToken_exports = {};
-__export(ListToken_exports, {
-  default: () => ListToken_default
-});
-__reExport(ListToken_exports, ListToken_star);
-import * as defaultImport from "@splunk/react-icons/ListToken";
-import * as ListToken_star from "@splunk/react-icons/ListToken";
-var ListToken_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-ui/Tooltip
 var Tooltip_exports = {};
@@ -72,16 +64,70 @@ __export(Tooltip_exports, {
   default: () => Tooltip_default
 });
 __reExport(Tooltip_exports, Tooltip_star);
-import * as defaultImport2 from "@splunk/react-ui/Tooltip";
+import * as defaultImport from "@splunk/react-ui/Tooltip";
 import * as Tooltip_star from "@splunk/react-ui/Tooltip";
-var Tooltip_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+var Tooltip_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// src/buttons/AIAssistant/AIAssistant.tsx
+var aiButtonStyle = { height: "100%" };
+var EmptyComponent = () => null;
+var AIAssistant = () => {
+  var _a;
+  const { allowDashboardAIAssistant } = (0, dashboard_context_exports.useFeatureFlags)();
+  const { AIButton } = (_a = (0, dashboard_context_exports.useMicrofrontendContext)().microfrontendProxy) != null ? _a : {};
+  const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
+  const { colorScheme, density, family } = (0, themes_exports.useSplunkTheme)();
+  const handleError = (0, react_exports.useCallback)((error) => {
+    dashboard_utils_exports.console.error((0, i18n_exports._)("Error loading AI Assistant:"), error);
+    return /* @__PURE__ */ react_default.createElement(EmptyComponent, null);
+  }, []);
+  const handleClick = (0, react_exports.useCallback)(() => {
+    dashboardApi.openPanel({
+      activePanel: "config",
+      panelProps: {
+        showAIPanel: true
+      }
+    });
+  }, [dashboardApi]);
+  if (!allowDashboardAIAssistant || !AIButton) {
+    return null;
+  }
+  return /* @__PURE__ */ react_default.createElement(dashboard_ui_exports.ErrorBoundary, { render: handleError }, /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(react_exports.Suspense, { key: "ai-assistant", fallback: null }, /* @__PURE__ */ react_default.createElement(
+    Tooltip_default,
+    {
+      contentRelationship: "label",
+      content: (0, i18n_exports._)("AI Assistant")
+    },
+    /* @__PURE__ */ react_default.createElement(
+      AIButton,
+      {
+        "data-test": "ai-button",
+        onClick: handleClick,
+        colorScheme,
+        style: aiButtonStyle,
+        density,
+        family
+      }
+    )
+  ))));
+};
+
+// esm-externals:@splunk/react-icons/ListToken
+var ListToken_exports = {};
+__export(ListToken_exports, {
+  default: () => ListToken_default
+});
+__reExport(ListToken_exports, ListToken_star);
+import * as defaultImport2 from "@splunk/react-icons/ListToken";
+import * as ListToken_star from "@splunk/react-icons/ListToken";
+var ListToken_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
   Icon: ListToken_default,
   screenReaderContent: (0, i18n_exports._)("Token manager")
 });
-var TokenManager = /* @__PURE__ */ __name(({ dashboardApi }) => {
+var TokenManager = ({ dashboardApi }) => {
   const { showTokenManager } = (0, dashboard_context_exports.useFeatureFlags)();
   const handleClick = (0, react_exports.useCallback)(() => {
     const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokenManager";
@@ -115,17 +161,7 @@ var TokenManager = /* @__PURE__ */ __name(({ dashboardApi }) => {
       }
     )
   );
-}, "TokenManager");
-
-// esm-externals:@splunk/dashboard-telemetry
-var dashboard_telemetry_exports = {};
-__export(dashboard_telemetry_exports, {
-  default: () => dashboard_telemetry_default
-});
-__reExport(dashboard_telemetry_exports, dashboard_telemetry_star);
-import * as defaultImport3 from "@splunk/dashboard-telemetry";
-import * as dashboard_telemetry_star from "@splunk/dashboard-telemetry";
-var dashboard_telemetry_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+};
 
 // esm-externals:@splunk/ui-utils/format
 var format_exports = {};
@@ -133,9 +169,9 @@ __export(format_exports, {
   default: () => format_default
 });
 __reExport(format_exports, format_star);
-import * as defaultImport4 from "@splunk/ui-utils/format";
+import * as defaultImport3 from "@splunk/ui-utils/format";
 import * as format_star from "@splunk/ui-utils/format";
-var format_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+var format_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
 
 // src/buttons/Zoom/ZoomMenu.tsx
 var zoomLevels = [25, 50, 100, 150, 200];
@@ -146,7 +182,7 @@ var buttonStyle = {
 var menuStyle = {
   width: "200px"
 };
-var ZoomMenu = /* @__PURE__ */ __name(({
+var ZoomMenu = ({
   dashboardApi,
   appearance = "default",
   currentScale,
@@ -291,7 +327,7 @@ var ZoomMenu = /* @__PURE__ */ __name(({
       dropdownMenuChildren
     )
   );
-}, "ZoomMenu");
+};
 
 // esm-externals:@splunk/react-ui/Number
 var Number_exports = {};
@@ -299,9 +335,9 @@ __export(Number_exports, {
   default: () => Number_default
 });
 __reExport(Number_exports, Number_star);
-import * as defaultImport5 from "@splunk/react-ui/Number";
+import * as defaultImport4 from "@splunk/react-ui/Number";
 import * as Number_star from "@splunk/react-ui/Number";
-var Number_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+var Number_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
 // src/buttons/Zoom/ZoomNumber.tsx
 var StyledNumber = styled_components_default(Number_default)`
@@ -313,7 +349,7 @@ var StyledNumber = styled_components_default(Number_default)`
 var StyledEndAdornment = styled_components_default.span`
     color: ${themes_exports.variables.contentColorActive};
 `;
-var ZoomNumber = /* @__PURE__ */ __name(({
+var ZoomNumber = ({
   currentScale,
   onScaleChange
 }) => {
@@ -345,7 +381,7 @@ var ZoomNumber = /* @__PURE__ */ __name(({
       append: true
     }
   );
-}, "ZoomNumber");
+};
 
 // src/buttons/Zoom/Zoom.tsx
 var Container = styled_components_default.div`
@@ -355,41 +391,38 @@ var Container = styled_components_default.div`
     gap: ${themes_exports.variables.spacingSmall};
 `;
 var StyledTooltip = styled_components_default(Tooltip_default)`
-    width: 110px;
+    width: 90px;
     & span {
         display: flex;
     }
 `;
-var Zoom = /* @__PURE__ */ __name(({
+var Zoom = ({
   showSeparator = true,
   appearance = "default",
   mode = "view"
 }) => {
   const [currentScale, setCurrentScale] = (0, react_exports.useState)(100);
   const [scaleType, setScaleType] = (0, react_exports.useState)(null);
-  const telemetry = (0, dashboard_telemetry_exports.useTelemetryApi)();
   const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
+  const dispatch = (0, dashboard_state_exports.useDispatch)();
   const handleZoom = (0, react_exports.useCallback)((level) => {
     if (level) {
       setCurrentScale(Math.round(level * 100));
     }
   }, []);
-  const emitTelemetry = (0, react_exports.useMemo)(
-    () => (0, lodash_exports.debounce)(telemetry.emit.bind(telemetry), 500),
-    [telemetry]
+  const debouncedDispatch = (0, react_exports.useMemo)(
+    () => (0, lodash_exports.debounce)(dispatch, 500),
+    [dispatch]
   );
   (0, react_exports.useEffect)(() => {
-    emitTelemetry({
-      pageAction: "dashboard.zoom",
-      source: "toolbar",
-      event: "dashboard.zoom_level_change",
-      metadata: {
+    debouncedDispatch(
+      (0, dashboard_state_exports.zoomLevelChanged)({
         scale: currentScale,
         scaleType,
         mode
-      }
-    });
-  }, [currentScale, scaleType, emitTelemetry, mode]);
+      })
+    );
+  }, [currentScale, scaleType, mode, debouncedDispatch]);
   const activeTabId = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectActiveTab);
   (0, react_exports.useEffect)(() => {
     var _a;
@@ -435,10 +468,11 @@ var Zoom = /* @__PURE__ */ __name(({
       }
     )
   ), separator);
-}, "Zoom");
+};
 
 export {
+  AIAssistant,
   TokenManager,
   Zoom
 };
-//# sourceMappingURL=chunk-HPEHWRJP.js.map
+//# sourceMappingURL=chunk-OWHBAX5W.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["esm-externals:@splunk/react-ui/Tooltip", "../../src/buttons/AIAssistant/AIAssistant.tsx", "esm-externals:@splunk/react-icons/ListToken", "../../src/buttons/tokenManager/TokenManager.tsx", "esm-externals:@splunk/ui-utils/format", "../../src/buttons/Zoom/ZoomMenu.tsx", "esm-externals:@splunk/react-ui/Number", "../../src/buttons/Zoom/ZoomNumber.tsx", "../../src/buttons/Zoom/Zoom.tsx"],
+  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { Suspense, useCallback } from 'react';\nimport { ErrorBoundary } from '@splunk/dashboard-ui';\nimport { console } from '@splunk/dashboard-utils';\nimport {\n    useDashboardApi,\n    useFeatureFlags,\n    useMicrofrontendContext,\n} from '@splunk/dashboard-context';\nimport { useSplunkTheme } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport ToolbarItem from '../../Item';\n\nconst aiButtonStyle = { height: '100%' };\nconst EmptyComponent = () => null;\n\nexport const AIAssistant = () => {\n    const { allowDashboardAIAssistant } = useFeatureFlags();\n    const { AIButton } = useMicrofrontendContext().microfrontendProxy ?? {};\n    const dashboardApi = useDashboardApi();\n\n    const { colorScheme, density, family } = useSplunkTheme();\n\n    const handleError = useCallback((error: string) => {\n        console.error(_('Error loading AI Assistant:'), error);\n        return <EmptyComponent />;\n    }, []);\n\n    const handleClick = useCallback(() => {\n        dashboardApi.openPanel({\n            activePanel: 'config',\n            panelProps: {\n                showAIPanel: true,\n            },\n        });\n    }, [dashboardApi]);\n\n    if (!allowDashboardAIAssistant || !AIButton) {\n        return null;\n    }\n\n    return (\n        <ErrorBoundary render={handleError}>\n            <ToolbarItem>\n                <Suspense key=\"ai-assistant\" fallback={null}>\n                    <Tooltip\n                        contentRelationship=\"label\"\n                        content={_('AI Assistant')}\n                    >\n                        <AIButton\n                            data-test=\"ai-button\"\n                            onClick={handleClick}\n                            colorScheme={colorScheme}\n                            style={aiButtonStyle}\n                            density={density}\n                            family={family}\n                        />\n                    </Tooltip>\n                </Suspense>\n            </ToolbarItem>\n        </ErrorBoundary>\n    );\n};\n", "\nimport * as defaultImport from \"@splunk/react-icons/ListToken\";\nexport * from \"@splunk/react-icons/ListToken\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { useFeatureFlags } from '@splunk/dashboard-context';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ListToken from '@splunk/react-icons/ListToken';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport IconButton, { prepareIcon } from '../../IconButton';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst tokenManagerIcon = prepareIcon({\n    Icon: ListToken,\n    screenReaderContent: _('Token manager'),\n});\n\n/**\n * Button that toggles open token manager panel\n */\nexport const TokenManager = ({ dashboardApi }: ToolbarButtonProps) => {\n    const { showTokenManager } = useFeatureFlags();\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'tokenManager';\n        if (isOpen) {\n            dashboardApi?.closePanel();\n        } else {\n            // Open tokens panel\n            dashboardApi?.openPanel({\n                activePanel: 'tokenManager',\n                panelProps: {\n                    focusOnOpen: true,\n                },\n            });\n        }\n    }, [dashboardApi]);\n\n    if (!showTokenManager) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            contentRelationship=\"label\"\n            content={_('Token manager')}\n            data-test-label=\"token-manager-button\"\n        >\n            <IconButton\n                testLabel=\"token-manager-button\"\n                onClick={handleClick}\n                icon={tokenManagerIcon}\n            />\n        </Tooltip>\n    );\n};\n", "\nimport * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport { isMac } from '@splunk/dashboard-utils';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport useDropdown from '../../hooks/useDropdown';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst zoomLevels = [25, 50, 100, 150, 200];\n\nconst buttonStyle = {\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n};\n\nconst menuStyle = {\n    width: '200px',\n};\n\nexport interface ZoomMenuProps {\n    appearance?: ButtonPropsBase['appearance'];\n    dashboardApi: ToolbarButtonProps['dashboardApi'];\n    currentScale: number;\n    setCurrentScale: (scale: number) => void;\n    scaleType: 'auto' | 'fit' | null;\n    setScaleType: (type: 'auto' | 'fit' | null) => void;\n}\n\nexport const ZoomMenu = ({\n    dashboardApi,\n    appearance = 'default',\n    currentScale,\n    setCurrentScale,\n    scaleType,\n    setScaleType,\n}: ZoomMenuProps): JSX.Element => {\n    const handleZoomOutClick = useCallback(() => {\n        setScaleType(null);\n        dashboardApi?.zoomOut();\n    }, [setScaleType, dashboardApi]);\n\n    const handleZoomInClick = useCallback(() => {\n        setScaleType(null);\n        dashboardApi?.zoomIn();\n    }, [setScaleType, dashboardApi]);\n\n    const handleScaleChange = useCallback(\n        (scale: number) => () => {\n            setCurrentScale(scale);\n            setScaleType(null);\n            dashboardApi?.setScale({ scale: scale / 100 });\n        },\n        [setScaleType, setCurrentScale, dashboardApi]\n    );\n\n    const handleFitToWidthClick = useCallback(() => {\n        setScaleType('fit');\n        dashboardApi?.fitToWidth();\n    }, [setScaleType, dashboardApi]);\n\n    const handleAutoClick = useCallback(() => {\n        setScaleType('auto');\n        dashboardApi?.fitToWidth({ maxScale: 1 });\n    }, [setScaleType, dashboardApi]);\n\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const buttonToggle = (\n        <Button\n            data-clickable\n            data-test=\"zoom-dropdown-button\"\n            style={buttonStyle}\n            appearance={appearance}\n            isMenu\n            aria-label={sprintf(_('Zoom level, %(currentScale)s%%'), {\n                currentScale,\n            })}\n        />\n    );\n\n    const isMacOS = useMemo(() => isMac(), []);\n\n    const dropdownMenuChildren = useMemo(() => {\n        const zoomButtons = zoomLevels.map((percent) => {\n            return (\n                <Menu.Item\n                    data-test={`${percent}-percent`}\n                    onClick={handleScaleChange(percent)}\n                    key={percent}\n                    selectable\n                    selected={currentScale === percent && !scaleType}\n                >\n                    {`${percent}%`}\n                </Menu.Item>\n            );\n        });\n        return [\n            <Menu.Item\n                data-test=\"auto\"\n                onClick={handleAutoClick}\n                key=\"auto\"\n                selectable\n                selected={scaleType === 'auto'}\n            >\n                {_('Auto')}\n            </Menu.Item>,\n            <Menu.Item\n                data-test=\"fit-to-width\"\n                onClick={handleFitToWidthClick}\n                key=\"fit-to-width\"\n                description={isMacOS ? _('Ctrl Cmd 0') : _('Ctrl Alt 0')}\n                descriptionPosition=\"right\"\n                selectable\n                selected={scaleType === 'fit'}\n            >\n                {_('Fit')}\n            </Menu.Item>,\n            <Menu.Divider key=\"menu-divider-1\" />,\n            ...zoomButtons,\n            <Menu.Divider key=\"menu-divider-2\" />,\n            <Menu.Item\n                data-test=\"zoom-in\"\n                onClick={handleZoomInClick}\n                key=\"zoom-in\"\n                description={isMacOS ? _('Ctrl Cmd =') : _('Ctrl Alt =')}\n                descriptionPosition=\"right\"\n                selectable\n            >\n                {_('Zoom in')}\n            </Menu.Item>,\n            <Menu.Item\n                data-test=\"zoom-out\"\n                onClick={handleZoomOutClick}\n                key=\"zoom-out\"\n                description={isMacOS ? _('Ctrl Cmd -') : _('Ctrl Alt -')}\n                descriptionPosition=\"right\"\n                selectable\n            >\n                {_('Zoom out')}\n            </Menu.Item>,\n        ];\n    }, [\n        currentScale,\n        handleAutoClick,\n        scaleType,\n        handleFitToWidthClick,\n        isMacOS,\n        handleZoomInClick,\n        handleZoomOutClick,\n        handleScaleChange,\n    ]);\n\n    return (\n        <Dropdown\n            onRequestClose={handleRequestClose}\n            onRequestOpen={handleRequestOpen}\n            open={isOpen}\n            toggle={buttonToggle}\n            retainFocus\n        >\n            <Menu\n                style={menuStyle}\n                focusMode=\"normal\"\n                aria-label={_('Zoom level')}\n            >\n                {dropdownMenuChildren}\n            </Menu>\n        </Dropdown>\n    );\n};\n", "\nimport * as defaultImport from \"@splunk/react-ui/Number\";\nexport * from \"@splunk/react-ui/Number\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport styled from 'styled-components';\nimport Number from '@splunk/react-ui/Number';\nimport { variables } from '@splunk/themes';\nimport { useNumberInput, type OnValueChangeType } from '@splunk/dashboard-ui';\n\nconst StyledNumber = styled(Number)`\n    padding-right: ${variables.spacingSmall};\n    & > input {\n        text-align: right;\n    }\n`;\n\nconst StyledEndAdornment = styled.span`\n    color: ${variables.contentColorActive};\n`;\n\ninterface ZoomNumberProps {\n    currentScale: number;\n    onScaleChange: (scale: number) => () => void;\n}\n\nexport const ZoomNumber = ({\n    currentScale,\n    onScaleChange,\n}: ZoomNumberProps) => {\n    const onValueChange = useCallback<OnValueChangeType>(\n        (e, value = 100) => {\n            onScaleChange(value as number)();\n        },\n        [onScaleChange]\n    );\n    const { handleChange, handleBlur, handleFocus, handleKeyPress } =\n        useNumberInput({\n            value: currentScale,\n            onValueChange,\n        });\n\n    return (\n        <StyledNumber\n            value={currentScale}\n            onChange={handleChange}\n            onKeyDown={handleKeyPress}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            step={5}\n            min={1}\n            max={10000}\n            roundTo={0}\n            endAdornment={<StyledEndAdornment>%</StyledEndAdornment>}\n            hideStepButtons\n            data-test=\"zoom-number\"\n            append\n        />\n    );\n};\n", "import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { debounce } from 'lodash';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { variables } from '@splunk/themes';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\n\nimport { useDashboardApi } from '@splunk/dashboard-context';\nimport {\n    selectActiveTab,\n    useSelector,\n    useDispatch,\n    zoomLevelChanged,\n} from '@splunk/dashboard-state';\n\nimport type { ToolbarButtonProps } from '../../types/common';\nimport ItemSeparator from '../../components/ItemSeparator';\nimport { ZoomMenu } from './ZoomMenu';\nimport { ZoomNumber } from './ZoomNumber';\n\nconst Container = styled.div`\n    margin-inline-end: 0;\n    display: flex;\n    min-width: 96px;\n    gap: ${variables.spacingSmall};\n`;\n\nconst StyledTooltip = styled(Tooltip)`\n    width: 90px;\n    & span {\n        display: flex;\n    }\n`;\n\nexport interface ZoomProps extends ToolbarButtonProps {\n    appearance?: ButtonPropsBase['appearance'];\n    showSeparator?: boolean;\n}\n\nexport const Zoom = ({\n    showSeparator = true,\n    appearance = 'default',\n    mode = 'view',\n}: ZoomProps): JSX.Element => {\n    const [currentScale, setCurrentScale] = useState(100);\n    const [scaleType, setScaleType] = useState<'auto' | 'fit' | null>(null);\n    const dashboardApi = useDashboardApi();\n    const dispatch = useDispatch();\n\n    const handleZoom = useCallback((level?: number) => {\n        if (level) {\n            setCurrentScale(Math.round(level * 100));\n        }\n    }, []);\n\n    const debouncedDispatch = useMemo(\n        () => debounce(dispatch, 500),\n        [dispatch]\n    );\n\n    useEffect(() => {\n        debouncedDispatch(\n            zoomLevelChanged({\n                scale: currentScale,\n                scaleType,\n                mode,\n            })\n        );\n    }, [currentScale, scaleType, mode, debouncedDispatch]);\n\n    const activeTabId = useSelector(selectActiveTab);\n    useEffect(() => {\n        const subscription = dashboardApi\n            ?.getZoomLevel()\n            ?.subscribe({ next: handleZoom });\n\n        return () => {\n            subscription?.unsubscribe();\n        };\n    }, [dashboardApi, activeTabId, handleZoom]);\n\n    const separator = useMemo(\n        () => (showSeparator ? <ItemSeparator key=\"item-separator\" /> : null),\n        [showSeparator]\n    );\n\n    const handleScaleChange = useCallback(\n        (scale: number) => () => {\n            setCurrentScale(scale);\n            setScaleType(null);\n            dashboardApi?.setScale({ scale: scale / 100 });\n        },\n        [dashboardApi]\n    );\n\n    return (\n        <Container>\n            <StyledTooltip\n                contentRelationship=\"label\"\n                content={_('Zoom level')}\n            >\n                <ZoomNumber\n                    currentScale={currentScale}\n                    onScaleChange={handleScaleChange}\n                />\n                <ZoomMenu\n                    dashboardApi={dashboardApi}\n                    appearance={appearance}\n                    currentScale={currentScale}\n                    setCurrentScale={setCurrentScale}\n                    scaleType={scaleType}\n                    setScaleType={setScaleType}\n                />\n            </StyledTooltip>\n            {separator}\n        </Container>\n    );\n};\n"],
+  "mappings": "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",
+  "names": ["defaultImport", "defaultImport", "defaultImport"]
+}

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

@@ -3,24 +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 {
   Fullscreen_default
-} from "./chunk-3DNLXDXA.js";
+} from "./chunk-Q67T3UVN.js";
 import {
   ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
-  __name,
   __spreadValues
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // src/groups/ControlGroup.tsx
-var ControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null)), "ControlGroup");
+var ControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null));
 var ControlGroup_default = ControlGroup;
 
 export {
   ControlGroup_default
 };
-//# sourceMappingURL=chunk-5CXOMUN4.js.map
+//# sourceMappingURL=chunk-PVT2JFAW.js.map

package/module/chunks/{chunk-5CXOMUN4.js.map → chunk-PVT2JFAW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/ControlGroup.tsx"],
   "sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Fullscreen } from '../buttons';\n\n/**\n * Control button group\n */\nconst ControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup {...props}>\n        <Fullscreen />\n    </ItemGroup>\n);\n\nexport default ControlGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAe,wBAAC,UAClB,4CAAC,sCAAc,QACX,4CAAC,wBAAW,CAChB,GAHiB;AAMrB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAe,CAAC,UAClB,4CAAC,sCAAc,QACX,4CAAC,wBAAW,CAChB;AAGJ,IAAO,uBAAQ;",
   "names": []
 }

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

@@ -3,23 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-AD6EIRYL.js";
+} from "./chunk-47MSCQAS.js";
 import {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   react_default,
   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-icons/ChevronsOut
 var ChevronsOut_exports = {};
@@ -36,7 +35,7 @@ var icon = prepareIcon({
   Icon: ChevronsOut_default,
   screenReaderContent: (0, i18n_exports._)("Fullscreen")
 });
-var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
+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();
@@ -50,10 +49,10 @@ var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
       icon
     }
   );
-}, "FullScreen");
+};
 var Fullscreen_default = FullScreen;
 
 export {
   Fullscreen_default
 };
-//# sourceMappingURL=chunk-3DNLXDXA.js.map
+//# sourceMappingURL=chunk-Q67T3UVN.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "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,wBAAC,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,GAfmB;AAiBnB,IAAO,qBAAQ;",
+  "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-TLNR3NED.js → chunk-QPL25LDX.js}

@@ -3,30 +3,29 @@ 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-ZCC73T4R.js";
+} from "./chunk-2OAGCVHC.js";
 import {
   ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   dashboard_utils_exports
-} from "./chunk-PMXVITCC.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
-  __name,
   __spreadValues
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // src/groups/EditorGroup.tsx
-var EditorGroup = /* @__PURE__ */ __name((props) => {
+var EditorGroup = (props) => {
   var _a;
   return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
-}, "EditorGroup");
+};
 var EditorGroup_default = EditorGroup;
 
 export {
   EditorGroup_default
 };
-//# sourceMappingURL=chunk-TLNR3NED.js.map
+//# sourceMappingURL=chunk-QPL25LDX.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/EditorGroup.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport ItemGroup from '../ItemGroup';\nimport { Source } from '../buttons';\n\n/**\n * Editor button group\n */\nconst EditorGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup borders={false} {...props}>\n        <Source onClick={props.sourceButtonOnClick ?? noop} />\n    </ItemGroup>\n);\n\nexport default EditorGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,cAAc,wBAAC,UAA+C;AARpE;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA,GAHgB;AAMpB,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,cAAc,CAAC,UAA+C;AARpE;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,sBAAQ;",
   "names": []
 }

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