@splunk/dashboard-toolbar 29.5.2 → 29.7.0

package/module/chunks/{chunk-RZRB3MPG.js → chunk-RD6QZCUY.js}

@@ -3,70 +3,69 @@ 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-DM27U6AI.js";
+} from "./chunk-F6RTO5OR.js";
 import {
   dashboard_utils_exports
-} from "./chunk-IHFVJPGQ.js";
+} from "./chunk-EVRV5ZFT.js";
 import {
   ItemSeparator_default
-} from "./chunk-WSTQTULM.js";
+} from "./chunk-MDZOPP2X.js";
 import {
   dashboard_ui_exports
-} from "./chunk-6NLVLUCU.js";
+} from "./chunk-A6YRCP43.js";
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-GMMN7SOC.js";
+} from "./chunk-3PEWQDKC.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4SWPK2TU.js";
+} from "./chunk-KTJRF2VW.js";
 import {
   dashboard_context_exports
-} from "./chunk-VITMNUKV.js";
+} from "./chunk-MJ7HLEFT.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   IconButton_default,
   Tooltip_default,
   Tooltip_exports,
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-RFWUOGJ3.js";
+} from "./chunk-ICS6CLF6.js";
 import {
   Item_default
-} from "./chunk-C3GFY32L.js";
+} from "./chunk-KIWM3XWB.js";
 import {
   dashboard_state_exports
-} from "./chunk-ZV4AQ5DL.js";
+} from "./chunk-6C2NOEOI.js";
 import {
   themes_exports
-} from "./chunk-RPNGCVZL.js";
+} from "./chunk-OBDH7GEY.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-V3YGNO27.js";
+} from "./chunk-Q5OC2QQV.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // 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 { AIButton } = (0, dashboard_context_exports.useMicrofrontendContext)().microfrontendProxy ?? {};
   const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
   const { colorScheme, density, family } = (0, themes_exports.useSplunkTheme)();
   const handleError = (0, react_exports.useCallback)((error) => {
@@ -127,11 +126,13 @@ var CheckmarkPlaceholder = styled_components_default.span`
 `;
 var Display = ({
   appearance = "default",
-  dashboardApi
+  dashboardApi,
+  children,
+  onRequestOpen,
+  onRequestClose
 }) => {
-  var _a;
   const globalInputs = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectGlobalInputs);
-  const hasGlobalInputs = ((_a = globalInputs == null ? void 0 : globalInputs.length) != null ? _a : 0) > 0;
+  const hasGlobalInputs = (globalInputs?.length ?? 0) > 0;
   const areInputsCollapsed = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectAreGlobalItemsCollapsed);
   const showInputs = !areInputsCollapsed;
   const description = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectDescription);
@@ -142,18 +143,36 @@ var Display = ({
   const isDescriptionCollapsed = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectIsDescriptionCollapsed);
   const showDescription = !isDescriptionCollapsed;
   const handleInputsToggle = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.setAreGlobalInputsCollapsed({
+    dashboardApi?.setAreGlobalInputsCollapsed({
       collapsed: !areInputsCollapsed
     });
   }, [dashboardApi, areInputsCollapsed]);
   const handleDescriptionToggle = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.setIsDescriptionCollapsed({
+    dashboardApi?.setIsDescriptionCollapsed({
       collapsed: !isDescriptionCollapsed
     });
   }, [dashboardApi, isDescriptionCollapsed]);
-  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+  const {
+    handleRequestClose: baseHandleRequestClose,
+    handleRequestOpen: baseHandleRequestOpen,
+    isOpen
+  } = useDropdown_default({
     isContentClickClose: true
   });
+  const handleRequestOpen = (0, react_exports.useCallback)(
+    (event, data) => {
+      onRequestOpen?.(event, data);
+      baseHandleRequestOpen();
+    },
+    [onRequestOpen, baseHandleRequestOpen]
+  );
+  const handleRequestClose = (0, react_exports.useCallback)(
+    (data) => {
+      onRequestClose?.(data);
+      baseHandleRequestClose(data);
+    },
+    [onRequestClose, baseHandleRequestClose]
+  );
   const buttonToggle = (0, react_exports.useMemo)(
     () => /* @__PURE__ */ react_default.createElement(
       Button_default,
@@ -213,7 +232,7 @@ var Display = ({
     descriptionCheckmarkIcon,
     inputsCheckmarkIcon
   ]);
-  if (dropdownMenuChildren.length === 0) {
+  if (dropdownMenuChildren.length === 0 && react_default.Children.toArray(children).length === 0) {
     return null;
   }
   return /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: (0, i18n_exports._)("Display") }, /* @__PURE__ */ react_default.createElement(
@@ -231,7 +250,8 @@ var Display = ({
         focusMode: "normal",
         "aria-label": (0, i18n_exports._)("Display options")
       },
-      dropdownMenuChildren
+      dropdownMenuChildren,
+      children
     )
   ));
 };
@@ -253,11 +273,11 @@ var tokenManagerIcon = prepareIcon({
 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";
+    const isOpen = dashboardApi?.getOpenedPanel() === "tokenManager";
     if (isOpen) {
-      dashboardApi == null ? void 0 : dashboardApi.closePanel();
+      dashboardApi?.closePanel();
     } else {
-      dashboardApi == null ? void 0 : dashboardApi.openPanel({
+      dashboardApi?.openPanel({
         activePanel: "tokenManager",
         panelProps: {
           focusOnOpen: true
@@ -308,27 +328,27 @@ var ZoomMenu = ({
 }) => {
   const handleZoomOutClick = (0, react_exports.useCallback)(() => {
     setScaleType(null);
-    dashboardApi == null ? void 0 : dashboardApi.zoomOut();
+    dashboardApi?.zoomOut();
   }, [setScaleType, dashboardApi]);
   const handleZoomInClick = (0, react_exports.useCallback)(() => {
     setScaleType(null);
-    dashboardApi == null ? void 0 : dashboardApi.zoomIn();
+    dashboardApi?.zoomIn();
   }, [setScaleType, dashboardApi]);
   const handleScaleChange = (0, react_exports.useCallback)(
     (scale) => () => {
       setCurrentScale(scale);
       setScaleType(null);
-      dashboardApi == null ? void 0 : dashboardApi.setScale({ scale: scale / 100 });
+      dashboardApi?.setScale({ scale: scale / 100 });
     },
     [setScaleType, setCurrentScale, dashboardApi]
   );
   const handleFitToWidthClick = (0, react_exports.useCallback)(() => {
     setScaleType("fit");
-    dashboardApi == null ? void 0 : dashboardApi.fitToWidth();
+    dashboardApi?.fitToWidth();
   }, [setScaleType, dashboardApi]);
   const handleAutoClick = (0, react_exports.useCallback)(() => {
     setScaleType("auto");
-    dashboardApi == null ? void 0 : dashboardApi.fitToWidth({ maxScale: 1 });
+    dashboardApi?.fitToWidth({ maxScale: 1 });
   }, [setScaleType, dashboardApi]);
   const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
     isContentClickClose: true
@@ -468,7 +488,8 @@ var StyledEndAdornment = styled_components_default.span`
 var percentAdornment = /* @__PURE__ */ react_default.createElement(StyledEndAdornment, null, "%");
 var ZoomNumber = ({
   currentScale,
-  onScaleChange
+  onScaleChange,
+  ...rest
 }) => {
   const onValueChange = (0, react_exports.useCallback)(
     (_e, value = 100) => {
@@ -484,6 +505,7 @@ var ZoomNumber = ({
   return /* @__PURE__ */ react_default.createElement(
     StyledNumber,
     {
+      ...rest,
       value: currentScale,
       onChange: handleChange,
       onKeyDown: handleKeyPress,
@@ -514,6 +536,33 @@ var StyledTooltip = styled_components_default(Tooltip_default)`
         display: flex;
     }
 `;
+var ZoomTooltipChildren = ({
+  currentScale,
+  onScaleChange,
+  dashboardApi,
+  appearance,
+  setCurrentScale,
+  scaleType,
+  setScaleType,
+  ...tooltipProps
+}) => /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(
+  ZoomNumber,
+  {
+    currentScale,
+    onScaleChange,
+    ...tooltipProps
+  }
+), /* @__PURE__ */ react_default.createElement(
+  ZoomMenu,
+  {
+    dashboardApi,
+    appearance,
+    currentScale,
+    setCurrentScale,
+    scaleType,
+    setScaleType
+  }
+));
 var Zoom = ({
   showSeparator = true,
   appearance = "default",
@@ -543,10 +592,9 @@ var Zoom = ({
   }, [currentScale, scaleType, mode, debouncedDispatch]);
   const activeTabId = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectActiveTab);
   (0, react_exports.useEffect)(() => {
-    var _a;
-    const subscription = (_a = dashboardApi == null ? void 0 : dashboardApi.getZoomLevel()) == null ? void 0 : _a.subscribe({ next: handleZoom });
+    const subscription = dashboardApi?.getZoomLevel()?.subscribe({ next: handleZoom });
     return () => {
-      subscription == null ? void 0 : subscription.unsubscribe();
+      subscription?.unsubscribe();
     };
   }, [dashboardApi, activeTabId, handleZoom]);
   const separator = (0, react_exports.useMemo)(
@@ -557,7 +605,7 @@ var Zoom = ({
     (scale) => () => {
       setCurrentScale(scale);
       setScaleType(null);
-      dashboardApi == null ? void 0 : dashboardApi.setScale({ scale: scale / 100 });
+      dashboardApi?.setScale({ scale: scale / 100 });
     },
     [dashboardApi]
   );
@@ -568,18 +616,12 @@ var Zoom = ({
       content: (0, i18n_exports._)("Zoom level")
     },
     /* @__PURE__ */ react_default.createElement(
-      ZoomNumber,
+      ZoomTooltipChildren,
       {
         currentScale,
-        onScaleChange: handleScaleChange
-      }
-    ),
-    /* @__PURE__ */ react_default.createElement(
-      ZoomMenu,
-      {
+        onScaleChange: handleScaleChange,
         dashboardApi,
         appearance,
-        currentScale,
         setCurrentScale,
         scaleType,
         setScaleType
@@ -594,4 +636,4 @@ export {
   TokenManager,
   Zoom
 };
-//# sourceMappingURL=chunk-RZRB3MPG.js.map
+//# sourceMappingURL=chunk-RD6QZCUY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/AIAssistant/AIAssistant.tsx", "esm-externals:@splunk/react-icons/Checkmark", "../../src/buttons/Display/Display.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": ["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", "import * as defaultImport from \"@splunk/react-icons/Checkmark\";\nexport * from \"@splunk/react-icons/Checkmark\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown, {\n    type DropdownRequestCloseHandler,\n    type DropdownRequestOpenHandler,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport {\n    selectAreGlobalItemsCollapsed,\n    selectGlobalInputs,\n    selectDescription,\n    selectIsDescriptionCollapsed,\n    selectLayoutGlobalOptions,\n    useSelector,\n} from '@splunk/dashboard-state';\nimport Checkmark from '@splunk/react-icons/Checkmark';\nimport { variables } from '@splunk/themes';\nimport styled from 'styled-components';\nimport useDropdown from '../../hooks/useDropdown';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst menuStyle = {\n    minWidth: '150px',\n};\n\nconst CheckmarkIcon = styled(Checkmark)`\n    color: ${variables.contentColorActive};\n`;\n\nconst CheckmarkPlaceholder = styled.span`\n    display: inline-block;\n    width: 16px;\n`;\n\ninterface DisplayProps extends ToolbarButtonProps {\n    appearance?: ButtonPropsBase['appearance'];\n    /**\n     * Must be `Menu.Item`, `Menu.Heading`, or `Menu.Divider`.\n     * Interactive elements are not supported as children.\n     */\n    children?: React.ReactNode;\n    onRequestOpen?: DropdownRequestOpenHandler;\n    onRequestClose?: DropdownRequestCloseHandler;\n}\n\nexport const Display = ({\n    appearance = 'default',\n    dashboardApi,\n    children,\n    onRequestOpen,\n    onRequestClose,\n}: DisplayProps): JSX.Element | null => {\n    const globalInputs = useSelector(selectGlobalInputs);\n    const hasGlobalInputs = (globalInputs?.length ?? 0) > 0;\n    const areInputsCollapsed = useSelector(selectAreGlobalItemsCollapsed);\n    const showInputs = !areInputsCollapsed;\n    const description = useSelector(selectDescription);\n    const { showTitleAndDescription = true } = useSelector(\n        selectLayoutGlobalOptions\n    );\n    const hasDescription = !!description && showTitleAndDescription;\n    const isDescriptionCollapsed = useSelector(selectIsDescriptionCollapsed);\n    const showDescription = !isDescriptionCollapsed;\n\n    const handleInputsToggle = useCallback(() => {\n        dashboardApi?.setAreGlobalInputsCollapsed({\n            collapsed: !areInputsCollapsed,\n        });\n    }, [dashboardApi, areInputsCollapsed]);\n\n    const handleDescriptionToggle = useCallback(() => {\n        dashboardApi?.setIsDescriptionCollapsed({\n            collapsed: !isDescriptionCollapsed,\n        });\n    }, [dashboardApi, isDescriptionCollapsed]);\n\n    const {\n        handleRequestClose: baseHandleRequestClose,\n        handleRequestOpen: baseHandleRequestOpen,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const handleRequestOpen = useCallback<DropdownRequestOpenHandler>(\n        (event, data) => {\n            onRequestOpen?.(event, data);\n            baseHandleRequestOpen();\n        },\n        [onRequestOpen, baseHandleRequestOpen]\n    );\n\n    const handleRequestClose = useCallback<DropdownRequestCloseHandler>(\n        (data) => {\n            onRequestClose?.(data);\n            baseHandleRequestClose(data);\n        },\n        [onRequestClose, baseHandleRequestClose]\n    );\n\n    const buttonToggle = useMemo(\n        () => (\n            <Button\n                data-clickable\n                data-test=\"display-dropdown-button\"\n                appearance={appearance}\n                isMenu\n                aria-label={_('Display options')}\n            >\n                {_('Display')}\n            </Button>\n        ),\n        [appearance]\n    );\n\n    const inputsCheckmarkIcon = useMemo(() => {\n        return showInputs ? <CheckmarkIcon /> : <CheckmarkPlaceholder />;\n    }, [showInputs]);\n\n    const descriptionCheckmarkIcon = useMemo(() => {\n        return showDescription ? <CheckmarkIcon /> : <CheckmarkPlaceholder />;\n    }, [showDescription]);\n\n    const dropdownMenuChildren = useMemo(() => {\n        const items = [];\n\n        if (hasDescription) {\n            items.push(\n                <Menu.Item\n                    key=\"description-item\"\n                    data-test=\"description-menu-item\"\n                    onClick={handleDescriptionToggle}\n                    startAdornment={descriptionCheckmarkIcon}\n                >\n                    {_('Dashboard description')}\n                </Menu.Item>\n            );\n        }\n\n        if (hasGlobalInputs) {\n            items.push(\n                <Menu.Item\n                    key=\"inputs-item\"\n                    data-test=\"inputs-menu-item\"\n                    onClick={handleInputsToggle}\n                    startAdornment={inputsCheckmarkIcon}\n                >\n                    {_('Inputs')}\n                </Menu.Item>\n            );\n        }\n\n        return items;\n    }, [\n        hasDescription,\n        hasGlobalInputs,\n        handleDescriptionToggle,\n        handleInputsToggle,\n        descriptionCheckmarkIcon,\n        inputsCheckmarkIcon,\n    ]);\n\n    if (\n        dropdownMenuChildren.length === 0 &&\n        React.Children.toArray(children).length === 0\n    ) {\n        return null;\n    }\n\n    return (\n        <Tooltip contentRelationship=\"label\" content={_('Display')}>\n            <Dropdown\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={buttonToggle}\n            >\n                <Menu\n                    style={menuStyle}\n                    focusMode=\"normal\"\n                    aria-label={_('Display options')}\n                >\n                    {dropdownMenuChildren}\n                    {children}\n                </Menu>\n            </Dropdown>\n        </Tooltip>\n    );\n};\n", "import * 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 IconButton, { prepareIcon } from '../../IconButton';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst tokenManagerIcon = prepareIcon({\n    Icon: ListToken,\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        <IconButton\n            testLabel=\"token-manager-button\"\n            onClick={handleClick}\n            icon={tokenManagerIcon}\n            tooltipContent={_('Token manager')}\n        />\n    );\n};\n", "import * 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", "import * 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 SUINumber from '@splunk/react-ui/Number';\nimport { variables } from '@splunk/themes';\nimport { useNumberInput, type OnValueChangeType } from '@splunk/dashboard-ui';\n\nconst StyledNumber = styled(SUINumber)`\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    'aria-labelledby'?: string;\n    labelledBy?: string;\n}\n\nconst percentAdornment = <StyledEndAdornment>%</StyledEndAdornment>;\n\nexport const ZoomNumber = ({\n    currentScale,\n    onScaleChange,\n    ...rest\n}: ZoomNumberProps) => {\n    const onValueChange = useCallback<OnValueChangeType>(\n        (_e, value = 100) => {\n            const v =\n                typeof value === 'string' ? Number.parseInt(value, 10) : value;\n            onScaleChange(v)();\n        },\n        [onScaleChange]\n    );\n    const { handleChange, handleBlur, handleFocus, handleKeyPress } =\n        useNumberInput({\n            value: currentScale,\n            onValueChange,\n        });\n\n    return (\n        <StyledNumber\n            {...rest}\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={percentAdornment}\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, type ZoomMenuProps } 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\ninterface ZoomTooltipChildrenProps extends ZoomMenuProps {\n    currentScale: number;\n    onScaleChange: (scale: number) => () => void;\n    'aria-labelledby'?: string;\n    labelledBy?: string;\n}\n\n// Thin wrapper so Tooltip's cloneElement can forward aria-labelledby to ZoomNumber\nconst ZoomTooltipChildren = ({\n    currentScale,\n    onScaleChange,\n    dashboardApi,\n    appearance,\n    setCurrentScale,\n    scaleType,\n    setScaleType,\n    ...tooltipProps\n}: ZoomTooltipChildrenProps) => (\n    <>\n        <ZoomNumber\n            currentScale={currentScale}\n            onScaleChange={onScaleChange}\n            {...tooltipProps}\n        />\n        <ZoomMenu\n            dashboardApi={dashboardApi}\n            appearance={appearance}\n            currentScale={currentScale}\n            setCurrentScale={setCurrentScale}\n            scaleType={scaleType}\n            setScaleType={setScaleType}\n        />\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                <ZoomTooltipChildren\n                    currentScale={currentScale}\n                    onScaleChange={handleScaleChange}\n                    dashboardApi={dashboardApi}\n                    appearance={appearance}\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", "menuStyle", "defaultImport"]
+}

package/module/chunks/{chunk-MUXHFVOC.js → chunk-RL6UDJ3E.js}

@@ -3,28 +3,28 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   ItemSeparator_default
-} from "./chunk-WSTQTULM.js";
+} from "./chunk-MDZOPP2X.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   dashboard_state_exports
-} from "./chunk-ZV4AQ5DL.js";
+} from "./chunk-6C2NOEOI.js";
 import {
   themes_exports
-} from "./chunk-RPNGCVZL.js";
+} from "./chunk-OBDH7GEY.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-V3YGNO27.js";
+} from "./chunk-Q5OC2QQV.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-ui/Switch
 var Switch_exports = {};
@@ -49,10 +49,9 @@ var GridLineSwitch = ({
   showSeparator,
   layoutType
 }) => {
-  var _a;
-  const showGrid = (_a = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectAreGridLinesEnabled)) != null ? _a : false;
+  const showGrid = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectAreGridLinesEnabled) ?? false;
   const handleClick = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.toggleGridLines(!showGrid);
+    dashboardApi?.toggleGridLines(!showGrid);
   }, [dashboardApi, showGrid]);
   const separator = (0, react_exports.useMemo)(
     () => showSeparator ? /* @__PURE__ */ react_default.createElement(ItemSeparator_default, { key: "item-separator" }) : null,
@@ -80,4 +79,4 @@ var GridLineSwitch_default = GridLineSwitch;
 export {
   GridLineSwitch_default
 };
-//# sourceMappingURL=chunk-MUXHFVOC.js.map
+//# sourceMappingURL=chunk-RL6UDJ3E.js.map

package/module/chunks/{chunk-MUXHFVOC.js.map → chunk-RL6UDJ3E.js.map}

@@ -2,6 +2,6 @@
   "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;",
+  "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;AACvB,QAAM,eAAW,qCAAY,iDAAyB,KAAK;AAE3D,QAAM,kBAAc,2BAAY,MAAM;AAClC,kBAAc,gBAAgB,CAAC,QAAQ;AAAA,EAC3C,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-SFYQQARV.js → chunk-SJBQOPBI.js}

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

package/module/chunks/{chunk-RS2VRN2X.js → chunk-VENUU6C7.js}

@@ -3,19 +3,19 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/Markdown
 var Markdown_exports = {};
@@ -33,7 +33,7 @@ var icon = prepareIcon({
 });
 var Markdown = ({ dashboardApi }) => {
   const handleClick = (0, react_exports.useCallback)(() => {
-    dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+    dashboardApi?.createVisualization({
       visualizationDefinition: {
         type: "splunk.markdown",
         options: {
@@ -41,7 +41,7 @@ var Markdown = ({ dashboardApi }) => {
         }
       }
     });
-    dashboardApi == null ? void 0 : dashboardApi.openPanel({
+    dashboardApi?.openPanel({
       activePanel: "config"
     });
   }, [dashboardApi]);
@@ -60,4 +60,4 @@ var Markdown_default2 = Markdown;
 export {
   Markdown_default2 as Markdown_default
 };
-//# sourceMappingURL=chunk-RS2VRN2X.js.map
+//# sourceMappingURL=chunk-VENUU6C7.js.map

package/module/chunks/{chunk-RS2VRN2X.js.map → chunk-VENUU6C7.js.map}

@@ -2,6 +2,6 @@
   "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});\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            tooltipContent={_('Add markdown text')}\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;AACV,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,MACA,oBAAgB,gBAAE,mBAAmB;AAAA;AAAA,EACzC;AAER;AAEA,IAAOA,oBAAQ;",
+  "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;AACV,CAAC;AAKD,IAAM,WAAW,CAAC,EAAE,aAAa,MAAuC;AACpE,QAAM,kBAAc,2BAAY,MAAM;AAClC,kBAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,UAAU;AAAA,QACd;AAAA,MACJ;AAAA,IACJ,CAAC;AACD,kBAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB,CAAC;AAAA,EACL,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,oBAAgB,gBAAE,mBAAmB;AAAA;AAAA,EACzC;AAER;AAEA,IAAOA,oBAAQ;",
   "names": ["Markdown_default"]
 }

package/module/chunks/chunk-X74ALD2D.js

@@ -0,0 +1,25 @@
+/* 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 {
+  Source_default
+} from "./chunk-DONX4ISJ.js";
+import {
+  ItemGroup_default
+} from "./chunk-PKNBH4OS.js";
+import {
+  dashboard_utils_exports
+} from "./chunk-EVRV5ZFT.js";
+import {
+  react_default,
+  react_exports
+} from "./chunk-OOGFGU4X.js";
+
+// src/groups/EditorGroup.tsx
+var EditorGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, { borders: false, ...props }, /* @__PURE__ */ react_default.createElement(Source_default, { onClick: props.sourceButtonOnClick ?? dashboard_utils_exports.noop }));
+var EditorGroup_default = EditorGroup;
+
+export {
+  EditorGroup_default
+};
+//# sourceMappingURL=chunk-X74ALD2D.js.map

package/module/chunks/{chunk-PUNHFOXB.js.map → chunk-X74ALD2D.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,CAAC,UAA+C;AARpE;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAQA,IAAM,cAAc,CAAC,UACjB,4CAAC,qBAAU,SAAS,OAAQ,GAAG,SAC3B,4CAAC,kBAAO,SAAS,MAAM,uBAAuB,8BAAM,CACxD;AAGJ,IAAO,sBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-UUMIWWJE.js → chunk-YDIFCM3E.js}

@@ -4,39 +4,39 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Square_default,
   Square_exports
-} from "./chunk-RKJ7RKNK.js";
+} from "./chunk-GQJXWXKY.js";
 import {
   PopoverItemButton_default
-} from "./chunk-SFYQQARV.js";
+} from "./chunk-SJBQOPBI.js";
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-GMMN7SOC.js";
+} from "./chunk-3PEWQDKC.js";
 import {
   StyledDropdownButton
-} from "./chunk-BDFUA6X7.js";
+} from "./chunk-CASUTGK5.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4SWPK2TU.js";
+} from "./chunk-KTJRF2VW.js";
 import {
   i18n_exports
-} from "./chunk-JIIPUMEA.js";
+} from "./chunk-PZA4F4AY.js";
 import {
   prepareIcon
-} from "./chunk-RZWTF3BK.js";
+} from "./chunk-A4S4A2N5.js";
 import {
   Item_default
-} from "./chunk-C3GFY32L.js";
+} from "./chunk-KIWM3XWB.js";
 import {
   react_default,
   react_exports
-} from "./chunk-XWRMHLAP.js";
+} from "./chunk-OOGFGU4X.js";
 import {
   __export,
   __reExport
-} from "./chunk-VQIRZ53C.js";
+} from "./chunk-AFH5LL74.js";
 
 // esm-externals:@splunk/react-icons/Circle
 var Circle_exports = {};
@@ -98,11 +98,11 @@ var Shapes = ({ dashboardApi, layoutType }) => {
   const handleCreateVizButtonClick = (0, react_exports.useCallback)(
     (vizToCreate, layoutItemType) => {
       return () => {
-        dashboardApi == null ? void 0 : dashboardApi.createVisualization({
+        dashboardApi?.createVisualization({
           visualizationDefinition: vizToCreate,
           layoutItemType
         });
-        dashboardApi == null ? void 0 : dashboardApi.openPanel({ activePanel: "config" });
+        dashboardApi?.openPanel({ activePanel: "config" });
       };
     },
     [dashboardApi]
@@ -172,4 +172,4 @@ var Shapes_default = Shapes;
 export {
   Shapes_default
 };
-//# sourceMappingURL=chunk-UUMIWWJE.js.map
+//# sourceMappingURL=chunk-YDIFCM3E.js.map