@splunk/dashboard-toolbar 29.1.0 → 29.3.0

package/types/buttons/Source.d.ts

@@ -6,7 +6,7 @@ export interface SourceProps extends ToolbarButtonProps {
     disabled?: boolean;
 }
 /**
- * Button that toggle source mode
+ * Button that toggles source mode
  */
 declare const Source: ({ disabled, onClick }: SourceProps) => React.JSX.Element;
 export default Source;

package/types/buttons/Source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Source.d.ts","sourceRoot":"","sources":["../../src/buttons/Source.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,UAA2B,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,uBAA+B,WAAW,sBAOzD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Source.d.ts","sourceRoot":"","sources":["../../src/buttons/Source.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhE,OAAO,UAA2B,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACnD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD;;GAEG;AACH,QAAA,MAAM,MAAM,GAAI,uBAA+B,WAAW,sBAuBzD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/types/buttons/Zoom/Zoom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zoom.d.ts","sourceRoot":"","sources":["../../../src/buttons/Zoom/Zoom.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAmB7D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,sCAIlB,SAAS,KAAG,GAAG,CAAC,OA6ElB,CAAC"}
+{"version":3,"file":"Zoom.d.ts","sourceRoot":"","sources":["../../../src/buttons/Zoom/Zoom.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAU/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAmB7D,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,sCAIlB,SAAS,KAAG,GAAG,CAAC,OA0ElB,CAAC"}

package/types/buttons/index.d.ts

@@ -1,8 +1,10 @@
+export * from './AIAssistant';
 export { default as Charts } from './Charts';
 export { default as Config } from './Config';
 export type { ContentExportProps } from './ContentExport';
 export { default as ContentExport } from './ContentExport';
 export { default as Data } from './Data';
+export * from './Display';
 export { default as EmptyVisualization } from './EmptyVisualization';
 export type { ExportDashboardButtonProps } from './ExportDashboardButton';
 export { default as ExportDashboardButton } from './ExportDashboardButton';

package/types/buttons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/buttons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC"}

package/module/chunks/chunk-2G23SAZZ.js

@@ -1,29 +0,0 @@
-/* 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 {
-  Undo_default
-} from "./chunk-WPBXWBTX.js";
-import {
-  Redo_default
-} from "./chunk-3NDLE64O.js";
-import {
-  ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
-import {
-  react_default,
-  react_exports
-} from "./chunk-CXXSJOFS.js";
-import {
-  __name,
-  __spreadValues
-} from "./chunk-B5OBVUF5.js";
-
-// src/groups/HistoryGroup.tsx
-var HistoryGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Undo_default, null), /* @__PURE__ */ react_default.createElement(Redo_default, null)), "HistoryGroup");
-var HistoryGroup_default = HistoryGroup;
-
-export {
-  HistoryGroup_default
-};
-//# sourceMappingURL=chunk-2G23SAZZ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/buttons/ExportDashboardButton.tsx"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Download from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport { ExportDashboardModal } from '@splunk/dashboard-ui';\nimport { noop } from '@splunk/dashboard-utils';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Button from '@splunk/react-ui/Button';\nimport type { ToolbarButtonProps } from '../types/common';\n\n// this icon should be sized consistent with the adjacent text, it does not need screenreader content\nconst downloadIcon = <Download />;\n\nexport interface ExportDashboardButtonProps extends ToolbarButtonProps {\n    appearance?: ButtonPropsBase['appearance'];\n    scale?: number;\n}\n\nconst ExportDashboardButton = ({\n    appearance = 'secondary',\n    scale = 1,\n}: ExportDashboardButtonProps) => {\n    const [open, setOpen] = useState(false);\n\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n    }, []);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, []);\n\n    return (\n        <>\n            <Button\n                icon={downloadIcon}\n                key=\"export-dashboard-button\"\n                data-clickable\n                data-test=\"export-dashboard-button\"\n                label={_('Download')}\n                appearance={appearance || 'secondary'}\n                onClick={handleOpen}\n            />\n            <ExportDashboardModal\n                open={open}\n                onModalClose={handleClose}\n                scale={scale}\n                returnFocus={noop}\n            />\n        </>\n    );\n};\n\nexport default ExportDashboardButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,eAAe,4CAAC,oCAAS;AAO/B,IAAM,wBAAwB,wBAAC;AAAA,EAC3B,aAAa;AAAA,EACb,QAAQ;AACZ,MAAkC;AAC9B,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,KAAK;AAEtC,QAAM,iBAAa,2BAAY,MAAM;AACjC,YAAQ,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,2BAAY,MAAM;AAClC,YAAQ,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACI,0EACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,WAAO,gBAAE,UAAU;AAAA,MACnB,YAAY,cAAc;AAAA,MAC1B,SAAS;AAAA;AAAA,EACb,GACA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,aAAa;AAAA;AAAA,EACjB,CACJ;AAER,GAjC8B;AAmC9B,IAAO,gCAAQ;",
-  "names": []
-}

package/module/chunks/chunk-FLMBGMR4.js

@@ -1,32 +0,0 @@
-/* Copyright © 2020 Splunk Inc.
-SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
-in part without a valid written license from Splunk Inc. is PROHIBITED. */
-import {
-  TokenManager
-} from "./chunk-HPEHWRJP.js";
-import {
-  Config_default
-} from "./chunk-JHFAWC4B.js";
-import {
-  Data_default
-} from "./chunk-Q4EASNDZ.js";
-import {
-  ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
-import {
-  react_default,
-  react_exports
-} from "./chunk-CXXSJOFS.js";
-import {
-  __name,
-  __spreadValues
-} from "./chunk-B5OBVUF5.js";
-
-// src/groups/SidebarControlGroup.tsx
-var SidebarControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null)), "SidebarControlGroup");
-var SidebarControlGroup_default = SidebarControlGroup;
-
-export {
-  SidebarControlGroup_default
-};
-//# sourceMappingURL=chunk-FLMBGMR4.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["esm-externals:@splunk/react-icons/ListToken", "esm-externals:@splunk/react-ui/Tooltip", "../../src/buttons/tokenManager/TokenManager.tsx", "esm-externals:@splunk/dashboard-telemetry", "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-icons/ListToken\";\nexport * from \"@splunk/react-icons/ListToken\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\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, { 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/dashboard-telemetry\";\nexport * from \"@splunk/dashboard-telemetry\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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 { useTelemetryApi } from '@splunk/dashboard-telemetry';\nimport { selectActiveTab, useSelector } 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: 110px;\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 telemetry = useTelemetryApi();\n    const dashboardApi = useDashboardApi();\n\n    const handleZoom = useCallback((level?: number) => {\n        if (level) {\n            setCurrentScale(Math.round(level * 100));\n        }\n    }, []);\n\n    const emitTelemetry = useMemo(\n        () => debounce(telemetry.emit.bind(telemetry), 500),\n        [telemetry]\n    );\n\n    useEffect(() => {\n        emitTelemetry({\n            pageAction: 'dashboard.zoom',\n            source: 'toolbar',\n            event: 'dashboard.zoom_level_change',\n            metadata: {\n                scale: currentScale,\n                scaleType,\n                mode,\n            },\n        });\n    }, [currentScale, scaleType, emitTelemetry, mode]);\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", "defaultImport"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["esm-externals:@splunk/react-icons/QuestionCircle", "../../src/buttons/HelpButton.tsx"],
-  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/QuestionCircle\";\nexport * from \"@splunk/react-icons/QuestionCircle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport Help from '@splunk/react-icons/QuestionCircle';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\nimport { StyledDropdownButton } from '../components/StyledButton';\n\nexport interface ToolbarHelpLink {\n    label: string;\n    description?: string;\n    url: string;\n}\n\ninterface HelpProps extends ToolbarButtonProps {\n    helpLinks?: ToolbarHelpLink[];\n}\n\nconst focusToggleReasons: never[] = [];\n\nconst HelpIcon = prepareIcon({\n    Icon: Help,\n    screenReaderContent: _('Help links'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"help-button\"\n        icon={HelpIcon}\n    />\n);\n\n/**\n * Help button which expands dropdown full of links\n */\nconst HelpButton = ({ helpLinks = [] }: HelpProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const HelpLinks = useMemo(() => {\n        if (helpLinks.length === 0) {\n            return [\n                <Menu.Item\n                    data-test=\"no-links-provided\"\n                    key=\"no-links-provided\"\n                    disabled\n                >\n                    {_('No Links')}\n                </Menu.Item>,\n            ];\n        }\n\n        return helpLinks.map((link: ToolbarHelpLink) => {\n            const { label = '', description = '', url } = link;\n            const key = label.replace(/\\s/g, '');\n\n            return (\n                <Menu.Item\n                    data-test=\"help-link\"\n                    data-test-clickable\n                    to={url}\n                    description={description}\n                    key={`help-link-${key}`}\n                    openInNewContext\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n    }, [helpLinks]);\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu>{HelpLinks}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default HelpButton;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,qCAAc;AACd,IAAO,yBAAS,aAAa,gBAA8B,wBAAU;;;ACkBrE,IAAM,qBAA8B,CAAC;AAErC,IAAM,WAAW,YAAY;AAAA,EACzB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AAAA,EACnC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAMJ,IAAM,aAAa,wBAAC,EAAE,YAAY,CAAC,EAAE,MAAiB;AAClD,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,gBAAY,uBAAQ,MAAM;AAC5B,QAAI,UAAU,WAAW,GAAG;AACxB,aAAO;AAAA,QACH;AAAA,UAAC,aAAK;AAAA,UAAL;AAAA,YACG,aAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAQ;AAAA;AAAA,cAEP,gBAAE,UAAU;AAAA,QACjB;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,UAAU,IAAI,CAAC,SAA0B;AAC5C,YAAM,EAAE,QAAQ,IAAI,cAAc,IAAI,IAAI,IAAI;AAC9C,YAAM,MAAM,MAAM,QAAQ,OAAO,EAAE;AAEnC,aACI;AAAA,QAAC,aAAK;AAAA,QAAL;AAAA,UACG,aAAU;AAAA,UACV,uBAAmB;AAAA,UACnB,IAAI;AAAA,UACJ;AAAA,UACA,KAAK,aAAa,GAAG;AAAA,UACrB,kBAAgB;AAAA;AAAA,QAEf;AAAA,MACL;AAAA,IAER,CAAC;AAAA,EACL,GAAG,CAAC,SAAS,CAAC;AAEd,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,oBAAM,SAAU;AAAA,EACrB,CACJ;AAER,GAlDmB;AAoDnB,IAAO,qBAAQ;",
-  "names": []
-}

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["esm-externals:@splunk/react-icons/WindowChevronsSlash", "../../src/buttons/Source.tsx"],
-  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport SourceIcon from '@splunk/react-icons/WindowChevronsSlash';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface SourceProps extends ToolbarButtonProps {\n    onClick?: ComponentProps<typeof IconButton>['onClick'];\n    disabled?: boolean;\n}\n\nconst icon = prepareIcon({\n    Icon: SourceIcon,\n    screenReaderContent: _('Source code'),\n});\n\n/**\n * Button that toggle source mode\n */\nconst Source = ({ disabled = false, onClick }: SourceProps) => (\n    <IconButton\n        testLabel=\"source-button\"\n        onClick={onClick}\n        disabled={disabled}\n        icon={icon}\n    />\n);\n\nexport default Source;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAa,gBAA8B,wBAAU;;;ACQrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,aAAa;AACxC,CAAC;AAKD,IAAM,SAAS,wBAAC,EAAE,WAAW,OAAO,QAAQ,MACxC;AAAA,EAAC;AAAA;AAAA,IACG,WAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACJ,GANW;AASf,IAAO,iBAAQ;",
-  "names": []
-}