@splunk/dashboard-toolbar 29.6.0 → 29.7.0

package/groups/EditorGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/groups/EditorGroup.tsx", "esm-externals:react", "esm-externals:@splunk/dashboard-utils", "esm-externals:styled-components", "esm-externals:@splunk/themes", "../src/components/ItemSeparator.tsx", "../src/ItemGroup.tsx", "esm-externals:@splunk/dashboard-ui", "esm-externals:@splunk/dashboard-context", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/react-ui/Tooltip", "../src/Item.tsx", "esm-externals:@splunk/react-ui/Dropdown", "esm-externals:@splunk/react-ui/Menu", "esm-externals:@splunk/react-icons/ChartColumn", "esm-externals:@splunk/dashboard-state", "esm-externals:@splunk/react-icons/CaretDown", "esm-externals:@splunk/react-ui/ScreenReaderContent", "esm-externals:@splunk/react-ui/Button", "../src/IconButton.tsx", "../src/components/StyledButton.tsx", "../src/buttons/Charts.tsx", "esm-externals:@splunk/react-icons/Cog", "../src/buttons/Config.tsx", "esm-externals:@splunk/react-icons/ArrowBroadUnderbarDown", "../src/buttons/ContentExport.tsx", "esm-externals:@splunk/react-icons/CylinderMulti", "../src/buttons/Data.tsx", "esm-externals:@splunk/react-icons/Checkmark", "../src/buttons/Display/Display.tsx", "esm-externals:@splunk/react-icons/Square", "../src/buttons/EmptyVisualization.tsx", "../src/buttons/ExportDashboardButton.tsx", "esm-externals:@splunk/react-icons/ChevronsOut", "../src/buttons/Fullscreen.tsx", "esm-externals:@splunk/react-ui/Switch", "../src/buttons/GridLineSwitch.tsx", "esm-externals:@splunk/react-icons/ChartSingleValueIcon", "../src/buttons/IconGallery.tsx", "esm-externals:@splunk/react-icons/QuestionCircle", "../src/buttons/HelpButton.tsx", "esm-externals:@splunk/react-icons/Picture", "../src/buttons/Image.tsx", "../src/buttons/ImageGallery.tsx", "esm-externals:lodash", "esm-externals:@splunk/react-icons/SlidersTripleHorizontal", "esm-externals:@splunk/dashboard-definition", "../src/buttons/Inputs.tsx", "esm-externals:@splunk/react-icons/Markdown", "../src/buttons/Markdown.tsx", "esm-externals:@splunk/react-icons/ArrowBowRight", "../src/buttons/Redo.tsx", "esm-externals:@splunk/react-icons/Circle", "esm-externals:@splunk/react-icons/Line", "esm-externals:@splunk/react-icons/ShapesVariety", "../src/PopoverItemButton.tsx", "../src/buttons/Shapes.tsx", "esm-externals:@splunk/react-icons/WindowChevronsSlash", "../src/buttons/Source.tsx", "esm-externals:@splunk/react-icons/ListToken", "../src/buttons/tokenManager/TokenManager.tsx", "esm-externals:@splunk/react-icons/ArrowBowLeft", "../src/buttons/Undo.tsx", "esm-externals:@splunk/ui-utils/format", "esm-externals:@splunk/react-ui/Number", "../src/buttons/Zoom/ZoomNumber.tsx", "../src/buttons/Zoom/Zoom.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", "import * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-utils\";\nexport * from \"@splunk/dashboard-utils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default defaultImport.default;\n", "import * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import styled from 'styled-components';\nimport { variables } from '@splunk/themes';\n\nconst ItemSeparator = styled.div`\n    border-left-width: 1px;\n    border-left-style: solid;\n    border-left-color: ${variables.interactiveColorBorder};\n    width: 0px;\n    height: ${variables.inputHeight};\n`;\n\nexport default ItemSeparator;\n", "import React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\nimport { toPx } from '@splunk/dashboard-utils';\nimport type { ToolbarButtonProps } from './types/common';\nimport ItemSeparator from './components/ItemSeparator';\n\nconst Group = styled.div.attrs({\n    'data-test': 'toolbar-item-group',\n})<{ gap: string }>`\n    display: flex;\n    flex-direction: row;\n    gap: ${(props) => props.gap};\n`;\n\nexport type ItemGroupProps = {\n    borders?: boolean;\n    children?: React.ReactNode;\n    align?: 'left' | 'right';\n    sourceButtonOnClick?: ButtonClickHandler;\n    gap?: number | string;\n    [key: string]: unknown;\n} & ToolbarButtonProps;\n\nconst ItemGroup = ({\n    children,\n    borders = true,\n    gap,\n    ...rest\n}: ItemGroupProps) => {\n    const items = React.Children.map(\n        children,\n        (child) => child && React.cloneElement(child as JSX.Element, rest)\n    );\n    const separator = borders ? <ItemSeparator /> : null;\n    return (\n        <>\n            <Group gap={toPx(gap, 2)}>{items}</Group>\n            {separator}\n        </>\n    );\n};\n\nexport default ItemGroup;\n", "import * as defaultImport from \"@splunk/dashboard-ui\";\nexport * from \"@splunk/dashboard-ui\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-context\";\nexport * from \"@splunk/dashboard-context\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import styled from 'styled-components';\n\nexport default styled.div``;\n", "import * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Menu\";\nexport * from \"@splunk/react-ui/Menu\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/ChartColumn\";\nexport * from \"@splunk/react-icons/ChartColumn\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-state\";\nexport * from \"@splunk/dashboard-state\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/CaretDown\";\nexport * from \"@splunk/react-icons/CaretDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport type SVG from '@splunk/react-icons/SVG';\nimport DropdownIcon from '@splunk/react-icons/CaretDown';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\nimport ToolbarItem from './Item';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledDropdownIcon = styled(DropdownIcon)`\n    margin-left: -5px;\n`;\n\nexport const iconSize = 24;\nexport const menuIconSize = 20;\n\ninterface PrepareIconProps extends React.ComponentProps<typeof SVG> {\n    Icon: React.ComponentType<React.ComponentProps<typeof SVG>>;\n    screenReaderContent?: string;\n    isMenu?: boolean;\n    variant?: 'filled' | 'outline' | 'none';\n}\n\n/**\n * Button adds a bunch of padding when there's any child elements even if they don't display anything (screenReaderContent)\n * This bundles the primary icon, a menu caret and screenReaderContent as an icon when needed.\n * Additionally accepts any properties of any react-icons element to be applied to primary icon\n * @param {Object} arg\n * @param {React.ElementType} arg.Icon The primary icon\n * @param {boolean} [arg.isMenu=false] Display a menu caret\n * @param {string} [arg.screenReaderContent] A label for the icon\n * @param {string} [arg.variant] Fill the icon, or not\n * @returns {JSX.Element}\n */\nexport const prepareIcon = ({\n    Icon,\n    screenReaderContent,\n    isMenu = false,\n    ...props\n}: PrepareIconProps) => {\n    const size = isMenu ? menuIconSize : iconSize;\n    return (\n        <>\n            <Icon width={size} height={size} {...props} />\n            {isMenu && (\n                <StyledDropdownIcon variant=\"filled\" width={9} height={size} />\n            )}\n            {screenReaderContent && (\n                <ScreenReaderContent>{screenReaderContent}</ScreenReaderContent>\n            )}\n        </>\n    );\n};\n\nexport interface IconButtonProps extends ToolbarButtonProps {\n    icon?: JSX.Element;\n    onClick?: ButtonPropsBase['onClick'];\n    label?: string;\n    tooltipContent?: string;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    testLabel?: string;\n    disabled?: boolean;\n}\n\nconst IconButton = ({\n    icon,\n    buttonRef,\n    disabled = false,\n    onClick,\n    label,\n    tooltipContent,\n    testLabel,\n    ...rest\n}: IconButtonProps): JSX.Element => {\n    const button = (\n        <Button\n            elementRef={buttonRef}\n            onClick={onClick}\n            disabled={disabled}\n            appearance=\"subtle\"\n            icon={icon}\n            label={label}\n            data-test={testLabel}\n            data-clickable\n        />\n    );\n\n    return (\n        <ToolbarItem {...rest}>\n            {tooltipContent ? (\n                <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n                    {button}\n                </Tooltip>\n            ) : (\n                button\n            )}\n        </ToolbarItem>\n    );\n};\n\nexport default IconButton;\n", "import React from 'react';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\n\nconst BaseDropdownButton = styled(Button)`\n    max-width: '50px';\n`;\n\nexport interface StyledDropdownButtonProps\n    extends Pick<ButtonPropsBase, 'appearance' | 'icon' | 'disabled'> {\n    children?: React.ReactNode;\n    className?: string;\n    'data-clickable'?: boolean;\n    'data-test'?: string;\n    tooltipContent?: string;\n}\n\nexport const StyledDropdownButton = React.forwardRef<\n    HTMLButtonElement,\n    StyledDropdownButtonProps\n>(({ tooltipContent, ...props }, ref): JSX.Element => {\n    const button = (\n        <BaseDropdownButton\n            {...props}\n            elementRef={ref as React.RefObject<HTMLButtonElement>}\n        />\n    );\n\n    return tooltipContent ? (\n        <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n            {button}\n        </Tooltip>\n    ) : (\n        button\n    );\n});\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport styled from 'styled-components';\nimport Dropdown, {\n    type DropdownChildrenRenderer,\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { SplunkThemeProvider, useSplunkTheme } from '@splunk/themes';\n\nimport AddChartDropdown from '@splunk/react-icons/ChartColumn';\n\nimport { VisualizationFilter, type Taxonomy } from '@splunk/dashboard-ui';\nimport { useFeatureFlags } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\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\ninterface ScrollableMenuProps {\n    maxHeight?: number | null;\n}\n\nconst ScrollableMenu = styled(Menu).attrs<ScrollableMenuProps>(\n    ({ maxHeight }) => ({\n        style: {\n            maxHeight: maxHeight ?? undefined,\n        },\n    })\n)<ScrollableMenuProps>`\n    overflow-y: auto;\n`;\n\nconst chartsDropdown = prepareIcon({\n    Icon: AddChartDropdown,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        data-test=\"charts-button\"\n        data-clickable\n        appearance=\"subtle\"\n        icon={chartsDropdown}\n        tooltipContent={_('Add chart')}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\ntype Visualizations = Taxonomy[number]['visualizations'];\n\n/**\n * export for unit testing\n * @private\n */\nexport const getVisualizationListFromTaxonomy = ({\n    taxonomy,\n    handleCreateVisualization,\n}: {\n    taxonomy: Taxonomy;\n    handleCreateVisualization: (opt: {\n        type: string;\n        options: Record<string, unknown>;\n    }) => () => void;\n}): JSX.Element[] =>\n    taxonomy.reduce(\n        (list: React.ReactElement[], { visualizations, category }) => {\n            const availableVisualizations: Visualizations =\n                visualizations.filter((props) => props.includeInToolbar);\n\n            if (availableVisualizations.length === 0) {\n                return list;\n            }\n\n            list.push(<Menu.Divider key={`menu-divider-${category}`} />);\n\n            return list.concat(\n                availableVisualizations.map((vizProps) => {\n                    const { label, type, initialOptions } = vizProps;\n                    const Icon = vizProps.icon as React.JSXElementConstructor<\n                        Record<string, unknown>\n                    > | null;\n\n                    if (!type) {\n                        return null;\n                    }\n\n                    const onClick = handleCreateVisualization({\n                        type,\n                        options: initialOptions as Record<string, unknown>,\n                    });\n\n                    return (\n                        <Menu.Item\n                            data-test={`add-${type}-button`}\n                            data-test-clickable\n                            onClick={onClick}\n                            startAdornment={!!Icon && <Icon size=\"18px\" />}\n                            key={`add-${type}-button`}\n                        >\n                            {label}\n                        </Menu.Item>\n                    );\n                }) as JSX.Element[]\n            );\n        },\n        []\n    );\n\n/**\n * Charts button that has a dropdown menu.\n */\nconst Charts = ({ dashboardApi, preset }: ToolbarButtonProps): JSX.Element => {\n    const { showNewDataForViz = true } = useFeatureFlags();\n\n    const { family } = useSplunkTheme();\n    const { handleForceClose, handleRequestClose, handleRequestOpen, isOpen } =\n        useDropdown({\n            isContentClickClose: false,\n        });\n\n    const taxonomy: Taxonomy = useMemo(\n        () => new VisualizationFilter(preset).taxonomy,\n        [preset]\n    );\n\n    const handleCreateVisualization = useCallback(\n        ({\n            type,\n            options,\n        }: {\n            type: string;\n            options: Record<string, unknown>;\n        }) =>\n            () => {\n                batch(() => {\n                    dashboardApi?.createVisualization({\n                        visualizationDefinition: { type, options },\n                    });\n\n                    if (showNewDataForViz) {\n                        dashboardApi?.openPanel({\n                            activePanel: 'connectData',\n                            panelProps: {\n                                bindingType: 'primary',\n                                from: {\n                                    activePanel: 'config',\n                                },\n                            },\n                        });\n                    }\n                });\n\n                handleForceClose();\n            },\n        [dashboardApi, showNewDataForViz, handleForceClose]\n    );\n\n    const visualizationList = useMemo(\n        () =>\n            getVisualizationListFromTaxonomy({\n                taxonomy,\n                handleCreateVisualization,\n            }),\n        [taxonomy, handleCreateVisualization]\n    );\n\n    const renderScrollableMenu = useCallback<DropdownChildrenRenderer>(\n        ({ maxHeight }) => (\n            <SplunkThemeProvider\n                density={family === 'enterprise' ? 'comfortable' : 'compact'}\n            >\n                <ScrollableMenu\n                    maxHeight={maxHeight}\n                    data-test=\"add-chart-menu\"\n                >\n                    {visualizationList}\n                </ScrollableMenu>\n            </SplunkThemeProvider>\n        ),\n        [family, visualizationList]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                {renderScrollableMenu}\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Charts;\n", "import * as defaultImport from \"@splunk/react-icons/Cog\";\nexport * from \"@splunk/react-icons/Cog\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Configuration from '@splunk/react-icons/Cog';\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst configurationIcon = prepareIcon({\n    Icon: Configuration,\n});\n\n/**\n * Button that toggle open config panel\n */\nconst Config = ({ dashboardApi }: ToolbarButtonProps) => {\n    const configButtonRef = useToolbarRef('config');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'config';\n        if (isOpen) {\n            dashboardApi?.closePanel();\n        } else {\n            // Open config panel\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n                panelProps: {\n                    focusOnOpen: true,\n                },\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={configButtonRef}\n            testLabel=\"config-button\"\n            onClick={handleClick}\n            icon={configurationIcon}\n            tooltipContent={_('Configuration')}\n        />\n    );\n};\n\nexport default Config;\n", "import * as defaultImport from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport * from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ArrowBroadUnderbarDown from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface ContentExportProps extends ToolbarButtonProps {\n    disabled?: boolean;\n    onClick?: ComponentProps<typeof IconButton>['onClick'];\n}\n\nconst icon = prepareIcon({\n    Icon: ArrowBroadUnderbarDown,\n});\n\nconst ContentExport = ({ disabled, onClick }: ContentExportProps) => (\n    <IconButton\n        testLabel=\"content-export-button\"\n        onClick={onClick}\n        disabled={!!disabled}\n        icon={icon}\n        tooltipContent={_('Export')}\n    />\n);\n\nexport default ContentExport;\n", "import * as defaultImport from \"@splunk/react-icons/CylinderMulti\";\nexport * from \"@splunk/react-icons/CylinderMulti\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport DataInput from '@splunk/react-icons/CylinderMulti';\n\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst dataInputIcon = prepareIcon({\n    Icon: DataInput,\n});\n\n/**\n * Button that toggle data overview panel\n */\nconst Data = ({ dashboardApi }: ToolbarButtonProps) => {\n    const dataButtonRef = useToolbarRef('dataOverview');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'dataOverview';\n        if (isOpen) {\n            dashboardApi.closePanel();\n        } else {\n            batch(() => {\n                // Deselect all selected visualizations\n                dashboardApi?.selectVisualization([]);\n                // Open data overview panel\n                dashboardApi?.openPanel({\n                    activePanel: 'dataOverview',\n                    panelProps: {\n                        focusOnOpen: true,\n                    },\n                });\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={dataButtonRef}\n            testLabel=\"data-button\"\n            onClick={handleClick}\n            icon={dataInputIcon}\n            tooltipContent={_('Data source overview')}\n        />\n    );\n};\n\nexport default Data;\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 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\nexport const Display = ({\n    appearance = 'default',\n    dashboardApi,\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 { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\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 (dropdownMenuChildren.length === 0) {\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                </Menu>\n            </Dropdown>\n        </Tooltip>\n    );\n};\n", "import * as defaultImport from \"@splunk/react-icons/Square\";\nexport * from \"@splunk/react-icons/Square\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport BoxUnchecked from '@splunk/react-icons/Square';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: BoxUnchecked,\n});\n\n/**\n * Button that creates a empty viz\n */\nconst EmptyVisualization = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.rectangle',\n                options: {\n                    fillColor: 'transparent',\n                    strokeColor: 'transparent',\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"empty-viz-button\"\n            onClick={handleClick}\n            icon={icon}\n            tooltipContent={_('Add rectangle')}\n        />\n    );\n};\n\nexport default EmptyVisualization;\n", "import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Download from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport { ExportDashboardModal } from '@splunk/dashboard-ui';\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\nconst StyledButton = styled(Button)`\n    flex-shrink: 0;\n    flex-grow: 0;\n`;\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    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n    }, []);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, []);\n\n    return (\n        <>\n            <StyledButton\n                elementRef={buttonRef}\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={buttonRef}\n            />\n        </>\n    );\n};\n\nexport default ExportDashboardButton;\n", "import * 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';\nimport { useToolbarButtonClick } from '../hooks/useToolbarButtonClick';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const enterFullscreen = useCallback(async () => {\n        await dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    const handleClick = useToolbarButtonClick('fullscreen', enterFullscreen);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n            tooltipContent={_('Fullscreen')}\n        />\n    );\n};\n\nexport default FullScreen;\n", "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", "import * as defaultImport from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport * from \"@splunk/react-icons/ChartSingleValueIcon\";\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';\n\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\n\nimport AddIconDropdown from '@splunk/react-icons/ChartSingleValueIcon';\nimport { IconGallery as IconGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst iconGalleryDropdown = prepareIcon({\n    Icon: AddIconDropdown,\n    isMenu: true,\n});\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\n/**\n * Icon Gallery button that has as a dropdown menu.\n */\nconst IconGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const ButtonToggle = useMemo(\n        () => (\n            <StyledDropdownButton\n                data-test=\"icon-gallery-button\"\n                data-clickable\n                appearance=\"subtle\"\n                icon={iconGalleryDropdown}\n                tooltipContent={_('Add icon')}\n            />\n        ),\n        []\n    );\n    const handlePanelClick = useCallback(\n        async (iconURL: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.singlevalueicon',\n                    options: {\n                        showValue: false,\n                        icon: iconURL,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer data-test=\"icon-menu\" data-open={isOpen}>\n                    <IconGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default IconGallery;\n", "import * 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 HelpIcon = prepareIcon({\n    Icon: Help,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"help-button\"\n        icon={HelpIcon}\n        tooltipContent={_('Help links')}\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.replaceAll(/\\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                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", "import * as defaultImport from \"@splunk/react-icons/Picture\";\nexport * from \"@splunk/react-icons/Picture\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Picture from '@splunk/react-icons/Picture';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: Picture,\n});\n\n/**\n * Button that create a empty image\n */\nconst Image = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.image',\n                options: {\n                    preserveAspectRatio: true,\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"image-button\"\n            onClick={handleClick}\n            icon={icon}\n            tooltipContent={_('Add image')}\n        />\n    );\n};\n\nexport default Image;\n", "import React, { useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport AddImage from '@splunk/react-icons/Picture';\n\nimport { ImageGallery as ImageGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst imageGalleryDropdown = prepareIcon({\n    Icon: AddImage,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        data-test=\"image-gallery-button\"\n        data-clickable\n        appearance=\"subtle\"\n        icon={imageGalleryDropdown}\n        tooltipContent={_('Add image')}\n    />\n);\n\nconst focusToggleReasons: never[] = [];\n\n/**\n * Image Gallery button that has as a dropdown menu.\n */\nconst ImageGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const handlePanelClick = useCallback(\n        async (imageUrl: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.image',\n                    options: {\n                        preserveAspectRatio: true,\n                        src: imageUrl,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer>\n                    <ImageGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default ImageGallery;\n", "import * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport * from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-definition\";\nexport * from \"@splunk/dashboard-definition\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport { each } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Input from '@splunk/react-icons/SlidersTripleHorizontal';\nimport { DashboardDefinition } from '@splunk/dashboard-definition';\nimport type {\n    PresetMap,\n    InputConfig,\n    DashboardApi,\n} from '@splunk/dashboard-types';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\nconst addInputIcon = prepareIcon({\n    Icon: Input,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"inputs-button\"\n        icon={addInputIcon}\n        tooltipContent={_('Add input')}\n    />\n);\n\ninterface AddInputFactoryArgs {\n    type: string;\n    defaultConfig: {\n        options?: Record<string, unknown>;\n        [x: string]: unknown;\n    };\n    tokenPrefix: string;\n    showToken: boolean;\n    dashboardApi?: DashboardApi;\n}\n\n// click handler factory\nconst onCreateInputClickFactory =\n    ({\n        type,\n        defaultConfig,\n        tokenPrefix,\n        showToken,\n        dashboardApi,\n    }: AddInputFactoryArgs) =>\n    () => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        const newConfig = {\n            ...defaultConfig,\n            type,\n            options: {\n                ...defaultConfig.options,\n            },\n        };\n        // showToken flags whether or not the input has a token assigned on creation\n        if (showToken) {\n            newConfig.options.token = DashboardDefinition.fromJSON(\n                dashboardApi?.getDefinition()\n            ).nextTokenId(tokenPrefix);\n        }\n        dashboardApi.addInput(newConfig);\n        dashboardApi.openPanel({ activePanel: 'config' });\n    };\n\n/**\n *  Add Input button that has a dropdown menu.\n */\nconst Inputs = ({\n    dashboardApi,\n    preset = DEFAULT_PRESET_MAP,\n}: ToolbarButtonProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const InputTypeButtons = useMemo(() => {\n        const buttons = [];\n\n        const inputs = preset?.inputs as Record<\n            string,\n            {\n                config: InputConfig;\n            }\n        >;\n\n        each(inputs, (InputImpl, type) => {\n            const {\n                baseShape = {},\n                label = _(`${type} Input`),\n                description = '',\n                tokenPrefix = 'token',\n                includeInToolbar = true,\n                icon: Icon = Input,\n                // showToken flags whether or not the input has a token assigned on creation\n                showToken = true,\n            } = InputImpl.config || {};\n\n            if (!includeInToolbar) {\n                return;\n            }\n\n            const handleClick = onCreateInputClickFactory({\n                type,\n                defaultConfig: baseShape,\n                tokenPrefix,\n                showToken,\n                dashboardApi,\n            });\n\n            const inputIcon = <Icon width=\"24px\" height=\"24px\" />;\n\n            buttons.push(\n                <Menu.Item\n                    data-test={`add-${type}-button`}\n                    data-test-clickable\n                    onClick={handleClick}\n                    startAdornment={inputIcon}\n                    description={description}\n                    key={`add-${type}-button`}\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n\n        if (buttons.length === 0) {\n            buttons.push(\n                <Menu.Item\n                    data-test=\"no-inputs-in-preset\"\n                    key=\"no-inputs-in-preset\"\n                    disabled\n                >\n                    {_('No Inputs')}\n                </Menu.Item>\n            );\n        }\n\n        return buttons;\n    }, [preset, dashboardApi]);\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu>{InputTypeButtons}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Inputs;\n", "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", "import * as defaultImport from \"@splunk/react-icons/ArrowBowRight\";\nexport * from \"@splunk/react-icons/ArrowBowRight\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useState, useEffect } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport RedoIcon from '@splunk/react-icons/ArrowBowRight';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: RedoIcon,\n});\n\nconst Redo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is a redo state\n    const [canRedo, setCanRedo] = useState(\n        () => dashboardApi?.canRedo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanRedo(dashboardApi?.canRedo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.redo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"redo-button\"\n            onClick={handleClick}\n            disabled={!canRedo}\n            icon={icon}\n            tooltipContent={_('Redo')}\n        />\n    );\n};\n\nexport default Redo;\n", "import * as defaultImport from \"@splunk/react-icons/Circle\";\nexport * from \"@splunk/react-icons/Circle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/Line\";\nexport * from \"@splunk/react-icons/Line\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/ShapesVariety\";\nexport * from \"@splunk/react-icons/ShapesVariety\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport styled from 'styled-components';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledContentWrapper = styled.span`\n    display: flex;\n    flex-direction: row;\n    justify-content: left;\n    align-items: center;\n    max-width: 100%;\n`;\n\nconst StyledIcon = styled.span`\n    display: inline-block;\n    padding-right: 8px;\n`;\n\nconst StyledLabel = styled.span`\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 0 1 auto;\n`;\n\nexport interface PopoverItemButtonProps extends ToolbarButtonProps {\n    icon: JSX.Element;\n    label?: string;\n}\n\n/**\n * Custom button component for popovers created for specific styling - aligning text to the left\n */\nconst PopoverItemButton = ({ icon, label }: PopoverItemButtonProps) => (\n    <StyledContentWrapper>\n        {icon && <StyledIcon>{icon}</StyledIcon>}\n        {label && <StyledLabel data-test=\"label-title\">{label}</StyledLabel>}\n    </StyledContentWrapper>\n);\n\nexport default PopoverItemButton;\n", "import React, { useCallback } from 'react';\nimport Menu from '@splunk/react-ui/Menu';\nimport Circle from '@splunk/react-icons/Circle';\nimport BoxUnchecked from '@splunk/react-icons/Square';\nimport Line from '@splunk/react-icons/Line';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AddShapeDropdown from '@splunk/react-icons/ShapesVariety';\nimport type {\n    StructureItemType,\n    VisualizationDefinition,\n} from '@splunk/dashboard-types';\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport PopoverItemButton from '../PopoverItemButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\n\nconst shapesDropdown = prepareIcon({\n    Icon: AddShapeDropdown,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"shapes-button\"\n        icon={shapesDropdown}\n        tooltipContent={_('Add shape')}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst circleIcon = <Circle />;\nconst uncheckedBoxIcon = <BoxUnchecked />;\nconst lineIcon = <Line />;\n\n/**\n *  Shapes button that has a dropdown menu.\n */\nconst Shapes = ({ dashboardApi, layoutType }: ToolbarButtonProps) => {\n    const supportLine = layoutType === 'absolute';\n\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const handleCreateVizButtonClick = useCallback(\n        (\n            vizToCreate: VisualizationDefinition<Record<string, unknown>>,\n            layoutItemType?: StructureItemType\n        ) => {\n            return () => {\n                dashboardApi?.createVisualization({\n                    visualizationDefinition: vizToCreate,\n                    layoutItemType,\n                });\n                dashboardApi?.openPanel({ activePanel: 'config' });\n            };\n        },\n        [dashboardApi]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu data-test=\"shapes-dropdown-children-container\">\n                    <Menu.Item\n                        data-test=\"ellipse-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.ellipse',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={circleIcon}\n                            label={_('Ellipse')}\n                        />\n                    </Menu.Item>\n                    <Menu.Item\n                        data-test=\"rectangle-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.rectangle',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={uncheckedBoxIcon}\n                            label={_('Rectangle')}\n                        />\n                    </Menu.Item>\n                    {supportLine && (\n                        <Menu.Item\n                            data-test=\"line-button\"\n                            onClick={handleCreateVizButtonClick(\n                                {\n                                    type: 'abslayout.line',\n                                },\n                                'line'\n                            )}\n                        >\n                            <PopoverItemButton\n                                icon={lineIcon}\n                                label={_('Line')}\n                            />\n                        </Menu.Item>\n                    )}\n                </Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Shapes;\n", "import * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport SourceIcon from '@splunk/react-icons/WindowChevronsSlash';\nimport { useRestoreFocus, useToolbarRef } from '@splunk/dashboard-context';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\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});\n\n/**\n * Button that toggles source mode\n */\nconst Source = ({ disabled = false, onClick }: SourceProps) => {\n    const sourceButtonRef = useToolbarRef('source');\n    const setReturnPoint = useRestoreFocus(sourceButtonRef);\n\n    const onSourceClick = useCallback<ButtonClickHandler>(\n        (event, data) => {\n            if (onClick) {\n                onClick(event, data);\n                setReturnPoint();\n            }\n        },\n        [onClick, setReturnPoint]\n    );\n\n    return (\n        <IconButton\n            testLabel=\"source-button\"\n            onClick={onSourceClick}\n            disabled={disabled}\n            icon={icon}\n            buttonRef={sourceButtonRef}\n            tooltipContent={_('Source code')}\n        />\n    );\n};\n\nexport default Source;\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/react-icons/ArrowBowLeft\";\nexport * from \"@splunk/react-icons/ArrowBowLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useState } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport UndoIcon from '@splunk/react-icons/ArrowBowLeft';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: UndoIcon,\n});\n\nconst Undo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is an undo state\n    const [canUndo, setCanUndo] = useState(\n        () => dashboardApi?.canUndo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanUndo(dashboardApi?.canUndo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.undo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"undo-button\"\n            onClick={handleClick}\n            disabled={!canUndo}\n            icon={icon}\n            tooltipContent={_('Undo')}\n        />\n    );\n};\n\nexport default Undo;\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 * 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}\n\nconst percentAdornment = <StyledEndAdornment>%</StyledEndAdornment>;\n\nexport const ZoomNumber = ({\n    currentScale,\n    onScaleChange,\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            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 } 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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",
+  "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", "import * as defaultImport from \"react\";\nexport * from \"react\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-utils\";\nexport * from \"@splunk/dashboard-utils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"styled-components\";\nexport * from \"styled-components\";\nexport default defaultImport.default;\n", "import * as defaultImport from \"@splunk/themes\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import styled from 'styled-components';\nimport { variables } from '@splunk/themes';\n\nconst ItemSeparator = styled.div`\n    border-left-width: 1px;\n    border-left-style: solid;\n    border-left-color: ${variables.interactiveColorBorder};\n    width: 0px;\n    height: ${variables.inputHeight};\n`;\n\nexport default ItemSeparator;\n", "import React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\nimport { toPx } from '@splunk/dashboard-utils';\nimport type { ToolbarButtonProps } from './types/common';\nimport ItemSeparator from './components/ItemSeparator';\n\nconst Group = styled.div.attrs({\n    'data-test': 'toolbar-item-group',\n})<{ gap: string }>`\n    display: flex;\n    flex-direction: row;\n    gap: ${(props) => props.gap};\n`;\n\nexport type ItemGroupProps = {\n    borders?: boolean;\n    children?: React.ReactNode;\n    align?: 'left' | 'right';\n    sourceButtonOnClick?: ButtonClickHandler;\n    gap?: number | string;\n    [key: string]: unknown;\n} & ToolbarButtonProps;\n\nconst ItemGroup = ({\n    children,\n    borders = true,\n    gap,\n    ...rest\n}: ItemGroupProps) => {\n    const items = React.Children.map(\n        children,\n        (child) => child && React.cloneElement(child as JSX.Element, rest)\n    );\n    const separator = borders ? <ItemSeparator /> : null;\n    return (\n        <>\n            <Group gap={toPx(gap, 2)}>{items}</Group>\n            {separator}\n        </>\n    );\n};\n\nexport default ItemGroup;\n", "import * as defaultImport from \"@splunk/dashboard-ui\";\nexport * from \"@splunk/dashboard-ui\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-context\";\nexport * from \"@splunk/dashboard-context\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import styled from 'styled-components';\n\nexport default styled.div``;\n", "import * as defaultImport from \"@splunk/react-ui/Dropdown\";\nexport * from \"@splunk/react-ui/Dropdown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Menu\";\nexport * from \"@splunk/react-ui/Menu\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/ChartColumn\";\nexport * from \"@splunk/react-icons/ChartColumn\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-state\";\nexport * from \"@splunk/dashboard-state\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/CaretDown\";\nexport * from \"@splunk/react-icons/CaretDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Button\";\nexport * from \"@splunk/react-ui/Button\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport type SVG from '@splunk/react-icons/SVG';\nimport DropdownIcon from '@splunk/react-icons/CaretDown';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\nimport ToolbarItem from './Item';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledDropdownIcon = styled(DropdownIcon)`\n    margin-left: -5px;\n`;\n\nexport const iconSize = 24;\nexport const menuIconSize = 20;\n\ninterface PrepareIconProps extends React.ComponentProps<typeof SVG> {\n    Icon: React.ComponentType<React.ComponentProps<typeof SVG>>;\n    screenReaderContent?: string;\n    isMenu?: boolean;\n    variant?: 'filled' | 'outline' | 'none';\n}\n\n/**\n * Button adds a bunch of padding when there's any child elements even if they don't display anything (screenReaderContent)\n * This bundles the primary icon, a menu caret and screenReaderContent as an icon when needed.\n * Additionally accepts any properties of any react-icons element to be applied to primary icon\n * @param {Object} arg\n * @param {React.ElementType} arg.Icon The primary icon\n * @param {boolean} [arg.isMenu=false] Display a menu caret\n * @param {string} [arg.screenReaderContent] A label for the icon\n * @param {string} [arg.variant] Fill the icon, or not\n * @returns {JSX.Element}\n */\nexport const prepareIcon = ({\n    Icon,\n    screenReaderContent,\n    isMenu = false,\n    ...props\n}: PrepareIconProps) => {\n    const size = isMenu ? menuIconSize : iconSize;\n    return (\n        <>\n            <Icon width={size} height={size} {...props} />\n            {isMenu && (\n                <StyledDropdownIcon variant=\"filled\" width={9} height={size} />\n            )}\n            {screenReaderContent && (\n                <ScreenReaderContent>{screenReaderContent}</ScreenReaderContent>\n            )}\n        </>\n    );\n};\n\nexport interface IconButtonProps extends ToolbarButtonProps {\n    icon?: JSX.Element;\n    onClick?: ButtonPropsBase['onClick'];\n    label?: string;\n    tooltipContent?: string;\n    buttonRef?: React.RefObject<HTMLButtonElement>;\n    testLabel?: string;\n    disabled?: boolean;\n}\n\nconst IconButton = ({\n    icon,\n    buttonRef,\n    disabled = false,\n    onClick,\n    label,\n    tooltipContent,\n    testLabel,\n    ...rest\n}: IconButtonProps): JSX.Element => {\n    const button = (\n        <Button\n            elementRef={buttonRef}\n            onClick={onClick}\n            disabled={disabled}\n            appearance=\"subtle\"\n            icon={icon}\n            label={label}\n            data-test={testLabel}\n            data-clickable\n        />\n    );\n\n    return (\n        <ToolbarItem {...rest}>\n            {tooltipContent ? (\n                <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n                    {button}\n                </Tooltip>\n            ) : (\n                button\n            )}\n        </ToolbarItem>\n    );\n};\n\nexport default IconButton;\n", "import React from 'react';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\n\nconst BaseDropdownButton = styled(Button)`\n    max-width: '50px';\n`;\n\nexport interface StyledDropdownButtonProps extends Pick<\n    ButtonPropsBase,\n    'appearance' | 'icon' | 'disabled'\n> {\n    children?: React.ReactNode;\n    className?: string;\n    'data-clickable'?: boolean;\n    'data-test'?: string;\n    tooltipContent?: string;\n}\n\nexport const StyledDropdownButton = React.forwardRef<\n    HTMLButtonElement,\n    StyledDropdownButtonProps\n>(({ tooltipContent, ...props }, ref): JSX.Element => {\n    const button = (\n        <BaseDropdownButton\n            {...props}\n            elementRef={ref as React.RefObject<HTMLButtonElement>}\n        />\n    );\n\n    return tooltipContent ? (\n        <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n            {button}\n        </Tooltip>\n    ) : (\n        button\n    );\n});\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport styled from 'styled-components';\nimport Dropdown, {\n    type DropdownChildrenRenderer,\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport { SplunkThemeProvider, useSplunkTheme } from '@splunk/themes';\n\nimport AddChartDropdown from '@splunk/react-icons/ChartColumn';\n\nimport { VisualizationFilter, type Taxonomy } from '@splunk/dashboard-ui';\nimport { useFeatureFlags } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\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\ninterface ScrollableMenuProps {\n    maxHeight?: number | null;\n}\n\nconst ScrollableMenu = styled(Menu).attrs<ScrollableMenuProps>(\n    ({ maxHeight }) => ({\n        style: {\n            maxHeight: maxHeight ?? undefined,\n        },\n    })\n)<ScrollableMenuProps>`\n    overflow-y: auto;\n`;\n\nconst chartsDropdown = prepareIcon({\n    Icon: AddChartDropdown,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        data-test=\"charts-button\"\n        data-clickable\n        appearance=\"subtle\"\n        icon={chartsDropdown}\n        tooltipContent={_('Add chart')}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\ntype Visualizations = Taxonomy[number]['visualizations'];\n\n/**\n * export for unit testing\n * @private\n */\nexport const getVisualizationListFromTaxonomy = ({\n    taxonomy,\n    handleCreateVisualization,\n}: {\n    taxonomy: Taxonomy;\n    handleCreateVisualization: (opt: {\n        type: string;\n        options: Record<string, unknown>;\n    }) => () => void;\n}): JSX.Element[] =>\n    taxonomy.reduce(\n        (list: React.ReactElement[], { visualizations, category }) => {\n            const availableVisualizations: Visualizations =\n                visualizations.filter((props) => props.includeInToolbar);\n\n            if (availableVisualizations.length === 0) {\n                return list;\n            }\n\n            list.push(<Menu.Divider key={`menu-divider-${category}`} />);\n\n            return list.concat(\n                availableVisualizations.map((vizProps) => {\n                    const { label, type, initialOptions } = vizProps;\n                    const Icon = vizProps.icon as React.JSXElementConstructor<\n                        Record<string, unknown>\n                    > | null;\n\n                    if (!type) {\n                        return null;\n                    }\n\n                    const onClick = handleCreateVisualization({\n                        type,\n                        options: initialOptions as Record<string, unknown>,\n                    });\n\n                    return (\n                        <Menu.Item\n                            data-test={`add-${type}-button`}\n                            data-test-clickable\n                            onClick={onClick}\n                            startAdornment={!!Icon && <Icon size=\"18px\" />}\n                            key={`add-${type}-button`}\n                        >\n                            {label}\n                        </Menu.Item>\n                    );\n                }) as JSX.Element[]\n            );\n        },\n        []\n    );\n\n/**\n * Charts button that has a dropdown menu.\n */\nconst Charts = ({ dashboardApi, preset }: ToolbarButtonProps): JSX.Element => {\n    const { showNewDataForViz = true } = useFeatureFlags();\n\n    const { family } = useSplunkTheme();\n    const { handleForceClose, handleRequestClose, handleRequestOpen, isOpen } =\n        useDropdown({\n            isContentClickClose: false,\n        });\n\n    const taxonomy: Taxonomy = useMemo(\n        () => new VisualizationFilter(preset).taxonomy,\n        [preset]\n    );\n\n    const handleCreateVisualization = useCallback(\n        ({\n            type,\n            options,\n        }: {\n            type: string;\n            options: Record<string, unknown>;\n        }) =>\n            () => {\n                batch(() => {\n                    dashboardApi?.createVisualization({\n                        visualizationDefinition: { type, options },\n                    });\n\n                    if (showNewDataForViz) {\n                        dashboardApi?.openPanel({\n                            activePanel: 'connectData',\n                            panelProps: {\n                                bindingType: 'primary',\n                                from: {\n                                    activePanel: 'config',\n                                },\n                            },\n                        });\n                    }\n                });\n\n                handleForceClose();\n            },\n        [dashboardApi, showNewDataForViz, handleForceClose]\n    );\n\n    const visualizationList = useMemo(\n        () =>\n            getVisualizationListFromTaxonomy({\n                taxonomy,\n                handleCreateVisualization,\n            }),\n        [taxonomy, handleCreateVisualization]\n    );\n\n    const renderScrollableMenu = useCallback<DropdownChildrenRenderer>(\n        ({ maxHeight }) => (\n            <SplunkThemeProvider\n                density={family === 'enterprise' ? 'comfortable' : 'compact'}\n            >\n                <ScrollableMenu\n                    maxHeight={maxHeight}\n                    data-test=\"add-chart-menu\"\n                >\n                    {visualizationList}\n                </ScrollableMenu>\n            </SplunkThemeProvider>\n        ),\n        [family, visualizationList]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                {renderScrollableMenu}\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Charts;\n", "import * as defaultImport from \"@splunk/react-icons/Cog\";\nexport * from \"@splunk/react-icons/Cog\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Configuration from '@splunk/react-icons/Cog';\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst configurationIcon = prepareIcon({\n    Icon: Configuration,\n});\n\n/**\n * Button that toggle open config panel\n */\nconst Config = ({ dashboardApi }: ToolbarButtonProps) => {\n    const configButtonRef = useToolbarRef('config');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'config';\n        if (isOpen) {\n            dashboardApi?.closePanel();\n        } else {\n            // Open config panel\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n                panelProps: {\n                    focusOnOpen: true,\n                },\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={configButtonRef}\n            testLabel=\"config-button\"\n            onClick={handleClick}\n            icon={configurationIcon}\n            tooltipContent={_('Configuration')}\n        />\n    );\n};\n\nexport default Config;\n", "import * as defaultImport from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport * from \"@splunk/react-icons/ArrowBroadUnderbarDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ArrowBroadUnderbarDown from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface ContentExportProps extends ToolbarButtonProps {\n    disabled?: boolean;\n    onClick?: ComponentProps<typeof IconButton>['onClick'];\n}\n\nconst icon = prepareIcon({\n    Icon: ArrowBroadUnderbarDown,\n});\n\nconst ContentExport = ({ disabled, onClick }: ContentExportProps) => (\n    <IconButton\n        testLabel=\"content-export-button\"\n        onClick={onClick}\n        disabled={!!disabled}\n        icon={icon}\n        tooltipContent={_('Export')}\n    />\n);\n\nexport default ContentExport;\n", "import * as defaultImport from \"@splunk/react-icons/CylinderMulti\";\nexport * from \"@splunk/react-icons/CylinderMulti\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport DataInput from '@splunk/react-icons/CylinderMulti';\n\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst dataInputIcon = prepareIcon({\n    Icon: DataInput,\n});\n\n/**\n * Button that toggle data overview panel\n */\nconst Data = ({ dashboardApi }: ToolbarButtonProps) => {\n    const dataButtonRef = useToolbarRef('dataOverview');\n\n    const handleClick = useCallback(() => {\n        const isOpen = dashboardApi?.getOpenedPanel() === 'dataOverview';\n        if (isOpen) {\n            dashboardApi.closePanel();\n        } else {\n            batch(() => {\n                // Deselect all selected visualizations\n                dashboardApi?.selectVisualization([]);\n                // Open data overview panel\n                dashboardApi?.openPanel({\n                    activePanel: 'dataOverview',\n                    panelProps: {\n                        focusOnOpen: true,\n                    },\n                });\n            });\n        }\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            buttonRef={dataButtonRef}\n            testLabel=\"data-button\"\n            onClick={handleClick}\n            icon={dataInputIcon}\n            tooltipContent={_('Data source overview')}\n        />\n    );\n};\n\nexport default Data;\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/Square\";\nexport * from \"@splunk/react-icons/Square\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport BoxUnchecked from '@splunk/react-icons/Square';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: BoxUnchecked,\n});\n\n/**\n * Button that creates a empty viz\n */\nconst EmptyVisualization = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.rectangle',\n                options: {\n                    fillColor: 'transparent',\n                    strokeColor: 'transparent',\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"empty-viz-button\"\n            onClick={handleClick}\n            icon={icon}\n            tooltipContent={_('Add rectangle')}\n        />\n    );\n};\n\nexport default EmptyVisualization;\n", "import React, { useCallback, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Download from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport { ExportDashboardModal } from '@splunk/dashboard-ui';\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\nconst StyledButton = styled(Button)`\n    flex-shrink: 0;\n    flex-grow: 0;\n`;\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    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n    }, []);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, []);\n\n    return (\n        <>\n            <StyledButton\n                elementRef={buttonRef}\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={buttonRef}\n            />\n        </>\n    );\n};\n\nexport default ExportDashboardButton;\n", "import * 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';\nimport { useToolbarButtonClick } from '../hooks/useToolbarButtonClick';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const enterFullscreen = useCallback(async () => {\n        await dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    const handleClick = useToolbarButtonClick('fullscreen', enterFullscreen);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n            tooltipContent={_('Fullscreen')}\n        />\n    );\n};\n\nexport default FullScreen;\n", "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", "import * as defaultImport from \"@splunk/react-icons/ChartSingleValueIcon\";\nexport * from \"@splunk/react-icons/ChartSingleValueIcon\";\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';\n\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\n\nimport AddIconDropdown from '@splunk/react-icons/ChartSingleValueIcon';\nimport { IconGallery as IconGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst iconGalleryDropdown = prepareIcon({\n    Icon: AddIconDropdown,\n    isMenu: true,\n});\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\n/**\n * Icon Gallery button that has as a dropdown menu.\n */\nconst IconGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const ButtonToggle = useMemo(\n        () => (\n            <StyledDropdownButton\n                data-test=\"icon-gallery-button\"\n                data-clickable\n                appearance=\"subtle\"\n                icon={iconGalleryDropdown}\n                tooltipContent={_('Add icon')}\n            />\n        ),\n        []\n    );\n    const handlePanelClick = useCallback(\n        async (iconURL: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.singlevalueicon',\n                    options: {\n                        showValue: false,\n                        icon: iconURL,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer data-test=\"icon-menu\" data-open={isOpen}>\n                    <IconGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default IconGallery;\n", "import * 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 HelpIcon = prepareIcon({\n    Icon: Help,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"help-button\"\n        icon={HelpIcon}\n        tooltipContent={_('Help links')}\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.replaceAll(/\\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                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", "import * as defaultImport from \"@splunk/react-icons/Picture\";\nexport * from \"@splunk/react-icons/Picture\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Picture from '@splunk/react-icons/Picture';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: Picture,\n});\n\n/**\n * Button that create a empty image\n */\nconst Image = ({ dashboardApi }: ToolbarButtonProps) => {\n    const handleClick = useCallback(async () => {\n        dashboardApi?.createVisualization({\n            visualizationDefinition: {\n                type: 'splunk.image',\n                options: {\n                    preserveAspectRatio: true,\n                },\n            },\n        });\n\n        dashboardApi?.openPanel({\n            activePanel: 'config',\n        });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"image-button\"\n            onClick={handleClick}\n            icon={icon}\n            tooltipContent={_('Add image')}\n        />\n    );\n};\n\nexport default Image;\n", "import React, { useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport AddImage from '@splunk/react-icons/Picture';\n\nimport { ImageGallery as ImageGalleryPanel } from '@splunk/dashboard-ui';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport ToolbarItem from '../Item';\nimport useDropdown from '../hooks/useDropdown';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst MenusContainer = styled.div`\n    display: flex;\n    padding: 5px;\n`;\n\nconst imageGalleryDropdown = prepareIcon({\n    Icon: AddImage,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        data-test=\"image-gallery-button\"\n        data-clickable\n        appearance=\"subtle\"\n        icon={imageGalleryDropdown}\n        tooltipContent={_('Add image')}\n    />\n);\n\nconst focusToggleReasons: never[] = [];\n\n/**\n * Image Gallery button that has as a dropdown menu.\n */\nconst ImageGallery = ({ dashboardApi }: ToolbarButtonProps) => {\n    const {\n        handleForceClose,\n        handleRequestClose,\n        handleRequestOpen,\n        setHasChildModal,\n        isOpen,\n    } = useDropdown({\n        isContentClickClose: false,\n    });\n\n    const handlePanelClick = useCallback(\n        async (imageUrl: string) => {\n            dashboardApi?.createVisualization({\n                visualizationDefinition: {\n                    type: 'splunk.image',\n                    options: {\n                        preserveAspectRatio: true,\n                        src: imageUrl,\n                    },\n                },\n            });\n            dashboardApi?.openPanel({\n                activePanel: 'config',\n            });\n            handleForceClose();\n        },\n        [dashboardApi, handleForceClose]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <MenusContainer>\n                    <ImageGalleryPanel\n                        onClick={handlePanelClick}\n                        setHasChildModal={setHasChildModal}\n                    />\n                </MenusContainer>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default ImageGallery;\n", "import * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport * from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/dashboard-definition\";\nexport * from \"@splunk/dashboard-definition\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useMemo } from 'react';\nimport { each } from 'lodash';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Input from '@splunk/react-icons/SlidersTripleHorizontal';\nimport { DashboardDefinition } from '@splunk/dashboard-definition';\nimport type {\n    PresetMap,\n    InputConfig,\n    DashboardApi,\n} from '@splunk/dashboard-types';\n\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\nconst addInputIcon = prepareIcon({\n    Icon: Input,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"inputs-button\"\n        icon={addInputIcon}\n        tooltipContent={_('Add input')}\n    />\n);\n\ninterface AddInputFactoryArgs {\n    type: string;\n    defaultConfig: {\n        options?: Record<string, unknown>;\n        [x: string]: unknown;\n    };\n    tokenPrefix: string;\n    showToken: boolean;\n    dashboardApi?: DashboardApi;\n}\n\n// click handler factory\nconst onCreateInputClickFactory =\n    ({\n        type,\n        defaultConfig,\n        tokenPrefix,\n        showToken,\n        dashboardApi,\n    }: AddInputFactoryArgs) =>\n    () => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        const newConfig = {\n            ...defaultConfig,\n            type,\n            options: {\n                ...defaultConfig.options,\n            },\n        };\n        // showToken flags whether or not the input has a token assigned on creation\n        if (showToken) {\n            newConfig.options.token = DashboardDefinition.fromJSON(\n                dashboardApi?.getDefinition()\n            ).nextTokenId(tokenPrefix);\n        }\n        dashboardApi.addInput(newConfig);\n        dashboardApi.openPanel({ activePanel: 'config' });\n    };\n\n/**\n *  Add Input button that has a dropdown menu.\n */\nconst Inputs = ({\n    dashboardApi,\n    preset = DEFAULT_PRESET_MAP,\n}: ToolbarButtonProps) => {\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const InputTypeButtons = useMemo(() => {\n        const buttons = [];\n\n        const inputs = preset?.inputs as Record<\n            string,\n            {\n                config: InputConfig;\n            }\n        >;\n\n        each(inputs, (InputImpl, type) => {\n            const {\n                baseShape = {},\n                label = _(`${type} Input`),\n                description = '',\n                tokenPrefix = 'token',\n                includeInToolbar = true,\n                icon: Icon = Input,\n                // showToken flags whether or not the input has a token assigned on creation\n                showToken = true,\n            } = InputImpl.config || {};\n\n            if (!includeInToolbar) {\n                return;\n            }\n\n            const handleClick = onCreateInputClickFactory({\n                type,\n                defaultConfig: baseShape,\n                tokenPrefix,\n                showToken,\n                dashboardApi,\n            });\n\n            const inputIcon = <Icon width=\"24px\" height=\"24px\" />;\n\n            buttons.push(\n                <Menu.Item\n                    data-test={`add-${type}-button`}\n                    data-test-clickable\n                    onClick={handleClick}\n                    startAdornment={inputIcon}\n                    description={description}\n                    key={`add-${type}-button`}\n                >\n                    {label}\n                </Menu.Item>\n            );\n        });\n\n        if (buttons.length === 0) {\n            buttons.push(\n                <Menu.Item\n                    data-test=\"no-inputs-in-preset\"\n                    key=\"no-inputs-in-preset\"\n                    disabled\n                >\n                    {_('No Inputs')}\n                </Menu.Item>\n            );\n        }\n\n        return buttons;\n    }, [preset, dashboardApi]);\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu>{InputTypeButtons}</Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Inputs;\n", "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", "import * as defaultImport from \"@splunk/react-icons/ArrowBowRight\";\nexport * from \"@splunk/react-icons/ArrowBowRight\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useState, useEffect } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport RedoIcon from '@splunk/react-icons/ArrowBowRight';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: RedoIcon,\n});\n\nconst Redo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is a redo state\n    const [canRedo, setCanRedo] = useState(\n        () => dashboardApi?.canRedo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanRedo(dashboardApi?.canRedo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.redo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"redo-button\"\n            onClick={handleClick}\n            disabled={!canRedo}\n            icon={icon}\n            tooltipContent={_('Redo')}\n        />\n    );\n};\n\nexport default Redo;\n", "import * as defaultImport from \"@splunk/react-icons/Circle\";\nexport * from \"@splunk/react-icons/Circle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/Line\";\nexport * from \"@splunk/react-icons/Line\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-icons/ShapesVariety\";\nexport * from \"@splunk/react-icons/ShapesVariety\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport styled from 'styled-components';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledContentWrapper = styled.span`\n    display: flex;\n    flex-direction: row;\n    justify-content: left;\n    align-items: center;\n    max-width: 100%;\n`;\n\nconst StyledIcon = styled.span`\n    display: inline-block;\n    padding-right: 8px;\n`;\n\nconst StyledLabel = styled.span`\n    text-overflow: ellipsis;\n    overflow: hidden;\n    flex: 0 1 auto;\n`;\n\nexport interface PopoverItemButtonProps extends ToolbarButtonProps {\n    icon: JSX.Element;\n    label?: string;\n}\n\n/**\n * Custom button component for popovers created for specific styling - aligning text to the left\n */\nconst PopoverItemButton = ({ icon, label }: PopoverItemButtonProps) => (\n    <StyledContentWrapper>\n        {icon && <StyledIcon>{icon}</StyledIcon>}\n        {label && <StyledLabel data-test=\"label-title\">{label}</StyledLabel>}\n    </StyledContentWrapper>\n);\n\nexport default PopoverItemButton;\n", "import React, { useCallback } from 'react';\nimport Menu from '@splunk/react-ui/Menu';\nimport Circle from '@splunk/react-icons/Circle';\nimport BoxUnchecked from '@splunk/react-icons/Square';\nimport Line from '@splunk/react-icons/Line';\nimport Dropdown, {\n    type DropdownPossibleCloseReason,\n} from '@splunk/react-ui/Dropdown';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport AddShapeDropdown from '@splunk/react-icons/ShapesVariety';\nimport type {\n    StructureItemType,\n    VisualizationDefinition,\n} from '@splunk/dashboard-types';\nimport { StyledDropdownButton } from '../components/StyledButton';\nimport useDropdown from '../hooks/useDropdown';\nimport ToolbarItem from '../Item';\nimport PopoverItemButton from '../PopoverItemButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { prepareIcon } from '../IconButton';\n\nconst shapesDropdown = prepareIcon({\n    Icon: AddShapeDropdown,\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"shapes-button\"\n        icon={shapesDropdown}\n        tooltipContent={_('Add shape')}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n    'escapeKey',\n    'tabKey',\n];\n\nconst circleIcon = <Circle />;\nconst uncheckedBoxIcon = <BoxUnchecked />;\nconst lineIcon = <Line />;\n\n/**\n *  Shapes button that has a dropdown menu.\n */\nconst Shapes = ({ dashboardApi, layoutType }: ToolbarButtonProps) => {\n    const supportLine = layoutType === 'absolute';\n\n    const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n        isContentClickClose: true,\n    });\n\n    const handleCreateVizButtonClick = useCallback(\n        (\n            vizToCreate: VisualizationDefinition<Record<string, unknown>>,\n            layoutItemType?: StructureItemType\n        ) => {\n            return () => {\n                dashboardApi?.createVisualization({\n                    visualizationDefinition: vizToCreate,\n                    layoutItemType,\n                });\n                dashboardApi?.openPanel({ activePanel: 'config' });\n            };\n        },\n        [dashboardApi]\n    );\n\n    return (\n        <ToolbarItem>\n            <Dropdown\n                focusToggleReasons={focusToggleReasons}\n                onRequestClose={handleRequestClose}\n                onRequestOpen={handleRequestOpen}\n                open={isOpen}\n                toggle={ButtonToggle}\n            >\n                <Menu data-test=\"shapes-dropdown-children-container\">\n                    <Menu.Item\n                        data-test=\"ellipse-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.ellipse',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={circleIcon}\n                            label={_('Ellipse')}\n                        />\n                    </Menu.Item>\n                    <Menu.Item\n                        data-test=\"rectangle-button\"\n                        onClick={handleCreateVizButtonClick({\n                            type: 'splunk.rectangle',\n                        })}\n                    >\n                        <PopoverItemButton\n                            icon={uncheckedBoxIcon}\n                            label={_('Rectangle')}\n                        />\n                    </Menu.Item>\n                    {supportLine && (\n                        <Menu.Item\n                            data-test=\"line-button\"\n                            onClick={handleCreateVizButtonClick(\n                                {\n                                    type: 'abslayout.line',\n                                },\n                                'line'\n                            )}\n                        >\n                            <PopoverItemButton\n                                icon={lineIcon}\n                                label={_('Line')}\n                            />\n                        </Menu.Item>\n                    )}\n                </Menu>\n            </Dropdown>\n        </ToolbarItem>\n    );\n};\n\nexport default Shapes;\n", "import * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport SourceIcon from '@splunk/react-icons/WindowChevronsSlash';\nimport { useRestoreFocus, useToolbarRef } from '@splunk/dashboard-context';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\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});\n\n/**\n * Button that toggles source mode\n */\nconst Source = ({ disabled = false, onClick }: SourceProps) => {\n    const sourceButtonRef = useToolbarRef('source');\n    const setReturnPoint = useRestoreFocus(sourceButtonRef);\n\n    const onSourceClick = useCallback<ButtonClickHandler>(\n        (event, data) => {\n            if (onClick) {\n                onClick(event, data);\n                setReturnPoint();\n            }\n        },\n        [onClick, setReturnPoint]\n    );\n\n    return (\n        <IconButton\n            testLabel=\"source-button\"\n            onClick={onSourceClick}\n            disabled={disabled}\n            icon={icon}\n            buttonRef={sourceButtonRef}\n            tooltipContent={_('Source code')}\n        />\n    );\n};\n\nexport default Source;\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/react-icons/ArrowBowLeft\";\nexport * from \"@splunk/react-icons/ArrowBowLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useState } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport UndoIcon from '@splunk/react-icons/ArrowBowLeft';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: UndoIcon,\n});\n\nconst Undo = ({ dashboardApi }: ToolbarButtonProps) => {\n    // TODO: replace when history management is done in redux\n    // mode changes can cause the button to mount while there is an undo state\n    const [canUndo, setCanUndo] = useState(\n        () => dashboardApi?.canUndo() ?? false\n    );\n\n    const onDefinitionChange = useCallback(() => {\n        setCanUndo(dashboardApi?.canUndo() ?? false);\n    }, [dashboardApi]);\n\n    useEffect(() => {\n        if (!dashboardApi?.historyManager) {\n            return () => undefined;\n        }\n        // Dirty hack to get the history manager.\n        return dashboardApi.historyManager.subscribe({\n            onAdd: onDefinitionChange,\n            onUndo: onDefinitionChange,\n            onRedo: onDefinitionChange,\n        });\n    }, [dashboardApi, onDefinitionChange]);\n\n    const handleClick = useCallback(() => {\n        if (!dashboardApi) {\n            return;\n        }\n\n        dashboardApi.undo({ source: 'toolbar' });\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"undo-button\"\n            onClick={handleClick}\n            disabled={!canUndo}\n            icon={icon}\n            tooltipContent={_('Undo')}\n        />\n    );\n};\n\nexport default Undo;\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 * 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", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "icon", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "icon", "defaultImport", "icon", "defaultImport", "defaultImport", "defaultImport", "ButtonToggle", "defaultImport", "icon", "MenusContainer", "ButtonToggle", "defaultImport", "defaultImport", "defaultImport", "ButtonToggle", "defaultImport", "icon", "defaultImport", "icon", "defaultImport", "defaultImport", "defaultImport", "ButtonToggle", "defaultImport", "icon", "defaultImport", "defaultImport", "icon", "defaultImport", "defaultImport"]
 }