@splunk/dashboard-toolbar 29.0.0 → 29.1.0

package/module/chunks/chunk-72YLBMXL.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["@splunk/react-icons/ChartColumn", "../../src/buttons/Charts.tsx"],
-  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ChartColumn\";\nexport * from \"@splunk/react-icons/ChartColumn\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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    screenReaderContent: _('Add chart'),\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        data-test=\"charts-button\"\n        data-clickable\n        appearance=\"subtle\"\n        icon={chartsDropdown}\n    />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [];\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACsBrE,IAAM,iBAAiB,0BAAO,YAAI,EAAE;AAAA,EAChC,CAAC,EAAE,UAAU,OAAO;AAAA,IAChB,OAAO;AAAA,MACH,WAAW,gCAAa;AAAA,IAC5B;AAAA,EACJ;AACJ;AAAA;AAAA;AAIA,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,yBAAqB,gBAAE,WAAW;AACtC,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,aAAU;AAAA,IACV,kBAAc;AAAA,IACd,YAAW;AAAA,IACX,MAAM;AAAA;AACV;AAGJ,IAAM,qBAAoD,CAAC;AAQpD,IAAM,mCAAmC,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ,MAOI,SAAS;AAAA,EACL,CAAC,MAA4B,EAAE,gBAAgB,SAAS,MAAM;AAC1D,UAAM,0BACF,eAAe,OAAO,CAAC,UAAU,MAAM,gBAAgB;AAE3D,QAAI,wBAAwB,WAAW,GAAG;AACtC,aAAO;AAAA,IACX;AAEA,SAAK,KAAK,4CAAC,aAAK,SAAL,EAAa,KAAK,gBAAgB,QAAQ,IAAI,CAAE;AAE3D,WAAO,KAAK;AAAA,MACR,wBAAwB,IAAI,CAAC,aAAa;AACtC,cAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,cAAM,OAAO,SAAS;AAItB,YAAI,CAAC,MAAM;AACP,iBAAO;AAAA,QACX;AAEA,cAAM,UAAU,0BAA0B;AAAA,UACtC;AAAA,UACA,SAAS;AAAA,QACb,CAAC;AAED,eACI;AAAA,UAAC,aAAK;AAAA,UAAL;AAAA,YACG,aAAW,OAAO,IAAI;AAAA,YACtB,uBAAmB;AAAA,YACnB;AAAA,YACA,gBAAgB,CAAC,CAAC,QAAQ,4CAAC,QAAK,MAAK,QAAO;AAAA,YAC5C,KAAK,OAAO,IAAI;AAAA;AAAA,UAEf;AAAA,QACL;AAAA,MAER,CAAC;AAAA,IACL;AAAA,EACJ;AAAA,EACA,CAAC;AACL;AAKJ,IAAM,SAAS,CAAC,EAAE,cAAc,OAAO,MAAuC;AAC1E,QAAM,EAAE,oBAAoB,KAAK,QAAI,2CAAgB;AAErD,QAAM,EAAE,OAAO,QAAI,+BAAe;AAClC,QAAM,EAAE,kBAAkB,oBAAoB,mBAAmB,OAAO,IACpE,oBAAY;AAAA,IACR,qBAAqB;AAAA,EACzB,CAAC;AAEL,QAAM,eAAqB;AAAA,IACvB,MAAM,IAAI,yCAAoB,MAAM,EAAE;AAAA,IACtC,CAAC,MAAM;AAAA,EACX;AAEA,QAAM,gCAA4B;AAAA,IAC9B,CAAC;AAAA,MACO;AAAA,MACA;AAAA,IACJ,MAIA,MAAM;AACF,yCAAM,MAAM;AACR,qDAAc,oBAAoB;AAAA,UAC9B,yBAAyB,EAAE,MAAM,QAAQ;AAAA,QAC7C;AAEA,YAAI,mBAAmB;AACnB,uDAAc,UAAU;AAAA,YACpB,aAAa;AAAA,YACb,YAAY;AAAA,cACR,aAAa;AAAA,cACb,MAAM;AAAA,gBACF,aAAa;AAAA,cACjB;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,MACJ,CAAC;AAED,uBAAiB;AAAA,IACrB;AAAA,IACJ,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,EACtD;AAEA,QAAM,wBAAoB;AAAA,IACtB,MACI,iCAAiC;AAAA,MAC7B;AAAA,MACA;AAAA,IACJ,CAAC;AAAA,IACL,CAAC,UAAU,yBAAyB;AAAA,EACxC;AAEA,QAAM,2BAAuB;AAAA,IACzB,CAAC,EAAE,UAAU,MACT;AAAA,MAAC;AAAA;AAAA,QACG,SAAS,WAAW,eAAe,gBAAgB;AAAA;AAAA,MAEnD;AAAA,QAAC;AAAA;AAAA,UACG;AAAA,UACA,aAAU;AAAA;AAAA,QAET;AAAA,MACL;AAAA,IACJ;AAAA,IAEJ,CAAC,QAAQ,iBAAiB;AAAA,EAC9B;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAEP;AAAA,EACL,CACJ;AAER;AAEA,IAAO,iBAAQ;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/groups/EditorsControlGroup.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport { Config, Data, Source } from '../buttons';\nimport ItemGroup from '../ItemGroup';\n\n/**\n * group that controls dashboard editors\n */\nconst EditorsControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup borders={false} {...props}>\n        <Config />\n        <Data />\n        <Source onClick={props.sourceButtonOnClick ?? noop} />\n    </ItemGroup>\n);\n\nexport default EditorsControlGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,sBAAsB,CAAC,UAA+C;AAR5E;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,8BAAQ;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["@splunk/react-icons/Circle", "@splunk/react-icons/Line", "@splunk/react-icons/ShapesVariety", "../../src/buttons/Shapes.tsx"],
-  "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/Circle\";\nexport * from \"@splunk/react-icons/Circle\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/Line\";\nexport * from \"@splunk/react-icons/Line\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/ShapesVariety\";\nexport * from \"@splunk/react-icons/ShapesVariety\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\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 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    screenReaderContent: _('Add shape'),\n    isMenu: true,\n});\n\nconst ButtonToggle = (\n    <StyledDropdownButton\n        appearance=\"subtle\"\n        data-clickable\n        data-test=\"shapes-button\"\n        icon={shapesDropdown}\n    />\n);\n\nconst focusToggleReasons: never[] = [];\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYA,oBAAmB;AAC/B,2BAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYC,oBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAaA,iBAA8B,yBAAUA;;;ACgBrE,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,yBAAqB,gBAAE,WAAW;AAAA,EAClC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAGJ,IAAM,qBAA8B,CAAC;AAErC,IAAM,aAAa,4CAAC,oBAAO;AAC3B,IAAM,mBAAmB,4CAAC,oBAAa;AACvC,IAAM,WAAW,4CAAC,kBAAK;AAKvB,IAAM,SAAS,CAAC,EAAE,cAAc,WAAW,MAA0B;AACjE,QAAM,cAAc,eAAe;AAEnC,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,iCAA6B;AAAA,IAC/B,CACI,aACA,mBACC;AACD,aAAO,MAAM;AACT,qDAAc,oBAAoB;AAAA,UAC9B,yBAAyB;AAAA,UACzB;AAAA,QACJ;AACA,qDAAc,UAAU,EAAE,aAAa,SAAS;AAAA,MACpD;AAAA,IACJ;AAAA,IACA,CAAC,YAAY;AAAA,EACjB;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,gBAAK,aAAU,wCACZ;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,SAAS;AAAA;AAAA,MACtB;AAAA,IACJ,GACA;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS,2BAA2B;AAAA,UAChC,MAAM;AAAA,QACV,CAAC;AAAA;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,WAAW;AAAA;AAAA,MACxB;AAAA,IACJ,GACC,eACG;AAAA,MAAC,aAAK;AAAA,MAAL;AAAA,QACG,aAAU;AAAA,QACV,SAAS;AAAA,UACL;AAAA,YACI,MAAM;AAAA,UACV;AAAA,UACA;AAAA,QACJ;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAO,gBAAE,MAAM;AAAA;AAAA,MACnB;AAAA,IACJ,CAER;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,iBAAQ;",
-  "names": ["defaultImport", "defaultImport"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["@splunk/react-icons/ChartSingleValueIcon", "../../src/buttons/IconGallery.tsx"],
-  "sourcesContent": ["\nimport * 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 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    screenReaderContent: _('Add icon'),\n    isMenu: true,\n});\n\nconst focusToggleReasons: never[] = [];\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            />\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAa,gBAA8B,wBAAU;;;ACYrE,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAK9B,IAAM,sBAAsB,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,yBAAqB,gBAAE,UAAU;AAAA,EACjC,QAAQ;AACZ,CAAC;AAED,IAAM,qBAA8B,CAAC;AAKrC,IAAM,cAAc,CAAC,EAAE,aAAa,MAA0B;AAC1D,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI,oBAAY;AAAA,IACZ,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,mBAAe;AAAA,IACjB,MACI;AAAA,MAAC;AAAA;AAAA,QACG,aAAU;AAAA,QACV,kBAAc;AAAA,QACd,YAAW;AAAA,QACX,MAAM;AAAA;AAAA,IACV;AAAA,IAEJ,CAAC;AAAA,EACL;AACA,QAAM,uBAAmB;AAAA,IACrB,CAAO,YAAoB;AACvB,mDAAc,oBAAoB;AAAA,QAC9B,yBAAyB;AAAA,UACrB,MAAM;AAAA,UACN,SAAS;AAAA,YACL,WAAW;AAAA,YACX,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ;AACA,mDAAc,UAAU;AAAA,QACpB,aAAa;AAAA,MACjB;AACA,uBAAiB;AAAA,IACrB;AAAA,IACA,CAAC,cAAc,gBAAgB;AAAA,EACnC;AAEA,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,kBAAe,aAAU,aAAY,aAAW,UAC7C;AAAA,MAAC,qBAAAA;AAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT;AAAA;AAAA,IACJ,CACJ;AAAA,EACJ,CACJ;AAER;AAEA,IAAO,sBAAQ;",
-  "names": ["IconGalleryPanel"]
-}

package/module/chunks/chunk-KJLRQLFH.js

@@ -1,28 +0,0 @@
-/* Copyright © 2020 Splunk Inc.
-SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
-in part without a valid written license from Splunk Inc. is PROHIBITED. */
-import {
-  Undo_default
-} from "./chunk-A3BAVEME.js";
-import {
-  Redo_default
-} from "./chunk-IQG5GSSX.js";
-import {
-  ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
-import {
-  react_default,
-  react_exports
-} from "./chunk-NWVLNDCF.js";
-import {
-  __spreadValues
-} from "./chunk-VQIRZ53C.js";
-
-// src/groups/HistoryGroup.tsx
-var HistoryGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Undo_default, null), /* @__PURE__ */ react_default.createElement(Redo_default, null));
-var HistoryGroup_default = HistoryGroup;
-
-export {
-  HistoryGroup_default
-};
-//# sourceMappingURL=chunk-KJLRQLFH.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["lodash", "@splunk/react-icons/SlidersTripleHorizontal", "@splunk/dashboard-definition", "../../src/buttons/Inputs.tsx"],
-  "sourcesContent": ["\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport * from \"@splunk/react-icons/SlidersTripleHorizontal\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * 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 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: never[] = [];\n\nconst DEFAULT_PRESET_MAP = Object.freeze({} as PresetMap);\nconst addInputIcon = prepareIcon({\n    Icon: Input,\n    screenReaderContent: _('Add 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    />\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYA,oBAAmB;AAC/B,8CAAc;AACd,IAAO,kCAAS,aAAaA,iBAA8B,yBAAUA;;;ACHrE;AAAA;AAAA;AAAA;AAEA;AADA,YAAYC,oBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAaA,iBAA8B,yBAAUA;;;ACgBrE,IAAM,qBAA8B,CAAC;AAErC,IAAM,qBAAqB,OAAO,OAAO,CAAC,CAAc;AACxD,IAAM,eAAe,YAAY;AAAA,EAC7B,MAAM;AAAA,EACN,yBAAqB,gBAAE,WAAW;AAAA,EAClC,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA;AACV;AAeJ,IAAM,4BACF,CAAC;AAAA,EACG;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MACA,MAAM;AACF,MAAI,CAAC,cAAc;AACf;AAAA,EACJ;AAEA,QAAM,YAAY,iCACX,gBADW;AAAA,IAEd;AAAA,IACA,SAAS,mBACF,cAAc;AAAA,EAEzB;AAEA,MAAI,WAAW;AACX,cAAU,QAAQ,QAAQ,iDAAoB;AAAA,MAC1C,6CAAc;AAAA,IAClB,EAAE,YAAY,WAAW;AAAA,EAC7B;AACA,eAAa,SAAS,SAAS;AAC/B,eAAa,UAAU,EAAE,aAAa,SAAS,CAAC;AACpD;AAKJ,IAAM,SAAS,CAAC;AAAA,EACZ;AAAA,EACA,SAAS;AACb,MAA0B;AACtB,QAAM,EAAE,oBAAoB,mBAAmB,OAAO,IAAI,oBAAY;AAAA,IAClE,qBAAqB;AAAA,EACzB,CAAC;AAED,QAAM,uBAAmB,uBAAQ,MAAM;AACnC,UAAM,UAAU,CAAC;AAEjB,UAAM,SAAS,iCAAQ;AAOvB,6BAAK,QAAQ,CAAC,WAAW,SAAS;AAC9B,YAAM;AAAA,QACF,YAAY,CAAC;AAAA,QACb,YAAQ,gBAAE,GAAG,IAAI,QAAQ;AAAA,QACzB,cAAc;AAAA,QACd,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,MAAM,OAAO;AAAA;AAAA,QAEb,YAAY;AAAA,MAChB,IAAI,UAAU,UAAU,CAAC;AAEzB,UAAI,CAAC,kBAAkB;AACnB;AAAA,MACJ;AAEA,YAAM,cAAc,0BAA0B;AAAA,QAC1C;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAED,YAAM,YAAY,4CAAC,QAAK,OAAM,QAAO,QAAO,QAAO;AAEnD,cAAQ;AAAA,QACJ;AAAA,UAAC,aAAK;AAAA,UAAL;AAAA,YACG,aAAW,OAAO,IAAI;AAAA,YACtB,uBAAmB;AAAA,YACnB,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB;AAAA,YACA,KAAK,OAAO,IAAI;AAAA;AAAA,UAEf;AAAA,QACL;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,QAAI,QAAQ,WAAW,GAAG;AACtB,cAAQ;AAAA,QACJ;AAAA,UAAC,aAAK;AAAA,UAAL;AAAA,YACG,aAAU;AAAA,YACV,KAAI;AAAA,YACJ,UAAQ;AAAA;AAAA,cAEP,gBAAE,WAAW;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA;AAAA,IAER,4CAAC,oBAAM,gBAAiB;AAAA,EAC5B,CACJ;AAER;AAEA,IAAO,iBAAQ;",
-  "names": ["defaultImport", "defaultImport"]
-}

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

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

package/module/chunks/chunk-WFAY6ABE.js

@@ -1,28 +0,0 @@
-/* Copyright © 2020 Splunk Inc.
-SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
-in part without a valid written license from Splunk Inc. is PROHIBITED. */
-import {
-  Config_default
-} from "./chunk-AWNWXBE4.js";
-import {
-  Data_default
-} from "./chunk-B2LPQWLD.js";
-import {
-  ItemGroup_default
-} from "./chunk-XUK4ZKWN.js";
-import {
-  react_default,
-  react_exports
-} from "./chunk-NWVLNDCF.js";
-import {
-  __spreadValues
-} from "./chunk-VQIRZ53C.js";
-
-// src/groups/SidebarControlGroup.tsx
-var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null));
-var SidebarControlGroup_default = SidebarControlGroup;
-
-export {
-  SidebarControlGroup_default
-};
-//# sourceMappingURL=chunk-WFAY6ABE.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/groups/SidebarControlGroup.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Config, Data } from '../buttons';\n\n/**\n * group that controls dashboard sidebar\n */\nconst SidebarControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup {...props}>\n        <Config />\n        <Data />\n    </ItemGroup>\n);\n\nexport default SidebarControlGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,sBAAsB,CAAC,UACzB,4CAAC,sCAAc,QACX,4CAAC,oBAAO,GACR,4CAAC,kBAAK,CACV;AAGJ,IAAO,8BAAQ;",
-  "names": []
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-    "extends": "@udf/typescript-configs/tsconfig.json",
-    "compilerOptions": {
-        "declarationDir": "types",
-        "outDir": "."
-    },
-    "include": ["src"],
-    "exclude": ["**/*.test.ts", "**/*.test.tsx", "**/*.stories.tsx"]
-}