@splunk/dashboard-toolbar 29.5.1 → 29.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/IconButton.js +18 -56
- package/IconButton.js.map +1 -1
- package/ItemGroup.js +6 -24
- package/ItemGroup.js.map +1 -1
- package/LICENSE +13 -0
- package/Toolbar.js +6 -14
- package/Toolbar.js.map +1 -1
- package/buttons/Charts.js +14 -47
- package/buttons/Charts.js.map +1 -1
- package/buttons/Config.js +21 -59
- package/buttons/Config.js.map +1 -1
- package/buttons/ContentExport.js +18 -56
- package/buttons/ContentExport.js.map +1 -1
- package/buttons/Data.js +21 -59
- package/buttons/Data.js.map +1 -1
- package/buttons/EmptyVisualization.js +22 -80
- package/buttons/EmptyVisualization.js.map +1 -1
- package/buttons/Fullscreen.js +22 -80
- package/buttons/Fullscreen.js.map +1 -1
- package/buttons/GridLineSwitch.js +2 -3
- package/buttons/GridLineSwitch.js.map +1 -1
- package/buttons/HelpButton.js +11 -44
- package/buttons/HelpButton.js.map +1 -1
- package/buttons/IconGallery.js +15 -68
- package/buttons/IconGallery.js.map +1 -1
- package/buttons/Image.js +22 -80
- package/buttons/Image.js.map +1 -1
- package/buttons/ImageGallery.js +15 -68
- package/buttons/ImageGallery.js.map +1 -1
- package/buttons/Inputs.js +19 -49
- package/buttons/Inputs.js.map +1 -1
- package/buttons/Markdown.js +20 -58
- package/buttons/Markdown.js.map +1 -1
- package/buttons/ModeSwitch.js +1 -1
- package/buttons/ModeSwitch.js.map +1 -1
- package/buttons/Redo.js +21 -63
- package/buttons/Redo.js.map +1 -1
- package/buttons/Shapes.js +13 -46
- package/buttons/Shapes.js.map +1 -1
- package/buttons/Source.js +18 -56
- package/buttons/Source.js.map +1 -1
- package/buttons/Undo.js +21 -63
- package/buttons/Undo.js.map +1 -1
- package/buttons/index.js +87 -157
- package/buttons/index.js.map +1 -1
- package/groups/ControlGroup.js +34 -99
- package/groups/ControlGroup.js.map +1 -1
- package/groups/EditingGroup.js +30 -69
- package/groups/EditingGroup.js.map +1 -1
- package/groups/EditorGroup.js +30 -78
- package/groups/EditorGroup.js.map +1 -1
- package/groups/EditorsControlGroup.js +39 -87
- package/groups/EditorsControlGroup.js.map +1 -1
- package/groups/HistoryGroup.js +36 -89
- package/groups/HistoryGroup.js.map +1 -1
- package/groups/SidebarControlGroup.js +39 -84
- package/groups/SidebarControlGroup.js.map +1 -1
- package/groups/VisualizationGroup.js +56 -118
- package/groups/VisualizationGroup.js.map +1 -1
- package/groups/index.js +92 -170
- package/groups/index.js.map +1 -1
- package/index.js +106 -194
- package/index.js.map +1 -1
- package/module/CollapsibleToolbar.js +11 -11
- package/module/IconButton.js +6 -6
- package/module/Item.js +3 -3
- package/module/ItemGroup.js +7 -7
- package/module/PopoverItemButton.js +4 -4
- package/module/Toolbar.js +6 -6
- package/module/buttons/Charts.js +15 -15
- package/module/buttons/Config.js +9 -9
- package/module/buttons/ContentExport.js +9 -9
- package/module/buttons/Data.js +10 -10
- package/module/buttons/EmptyVisualization.js +9 -9
- package/module/buttons/ExportDashboardButton.js +8 -8
- package/module/buttons/Fullscreen.js +9 -9
- package/module/buttons/GridLineSwitch.js +8 -8
- package/module/buttons/HelpButton.js +11 -11
- package/module/buttons/IconGallery.js +11 -11
- package/module/buttons/Image.js +9 -9
- package/module/buttons/ImageGallery.js +12 -12
- package/module/buttons/Inputs.js +11 -11
- package/module/buttons/Markdown.js +8 -8
- package/module/buttons/ModeSwitch.js +9 -9
- package/module/buttons/Redo.js +8 -8
- package/module/buttons/Shapes.js +13 -13
- package/module/buttons/Source.js +9 -9
- package/module/buttons/Undo.js +8 -8
- package/module/buttons/index.js +40 -40
- package/module/chunks/{chunk-KDWTCNVM.js → chunk-37TNXIHV.js} +8 -12
- package/module/chunks/{chunk-KDWTCNVM.js.map → chunk-37TNXIHV.js.map} +1 -1
- package/module/chunks/{chunk-GMMN7SOC.js → chunk-3PEWQDKC.js} +2 -2
- package/module/chunks/{chunk-ZV4AQ5DL.js → chunk-6C2NOEOI.js} +2 -2
- package/module/chunks/{chunk-VSD7VGBN.js → chunk-A4O2G7H7.js} +6 -6
- package/module/chunks/{chunk-RZWTF3BK.js → chunk-A4S4A2N5.js} +25 -39
- package/module/chunks/{chunk-RZWTF3BK.js.map → chunk-A4S4A2N5.js.map} +1 -1
- package/module/chunks/{chunk-6NLVLUCU.js → chunk-A6YRCP43.js} +2 -2
- package/module/chunks/chunk-AFH5LL74.js +26 -0
- package/module/chunks/{chunk-UCI2OCYF.js → chunk-B4IRCRYC.js} +12 -20
- package/module/chunks/{chunk-UCI2OCYF.js.map → chunk-B4IRCRYC.js.map} +1 -1
- package/module/chunks/{chunk-SJNT4MK5.js → chunk-DONX4ISJ.js} +6 -6
- package/module/chunks/{chunk-NTQBWCZU.js → chunk-EDGMTRPE.js} +8 -8
- package/module/chunks/{chunk-NTQBWCZU.js.map → chunk-EDGMTRPE.js.map} +1 -1
- package/module/chunks/chunk-EGORPP2V.js +34 -0
- package/module/chunks/{chunk-E7EUH33R.js.map → chunk-EGORPP2V.js.map} +1 -1
- package/module/chunks/{chunk-UNYHHA4F.js → chunk-EPMHIBVT.js} +10 -11
- package/module/chunks/{chunk-UNYHHA4F.js.map → chunk-EPMHIBVT.js.map} +1 -1
- package/module/chunks/{chunk-EUFLSUPO.js → chunk-ETTOVWKF.js} +14 -17
- package/module/chunks/{chunk-EUFLSUPO.js.map → chunk-ETTOVWKF.js.map} +1 -1
- package/module/chunks/{chunk-IHFVJPGQ.js → chunk-EVRV5ZFT.js} +2 -2
- package/module/chunks/{chunk-I6AJG47U.js → chunk-EZBGH5QE.js} +2 -2
- package/module/chunks/{chunk-TQIO5WSS.js → chunk-GGU3N3OR.js} +5 -5
- package/module/chunks/{chunk-RKJ7RKNK.js → chunk-GQJXWXKY.js} +2 -2
- package/module/chunks/{chunk-U5YCUIDK.js → chunk-HGF7R67S.js} +9 -12
- package/module/chunks/{chunk-U5YCUIDK.js.map → chunk-HGF7R67S.js.map} +1 -1
- package/module/chunks/{chunk-ZEITW5IL.js → chunk-HNLSR2U2.js} +10 -10
- package/module/chunks/{chunk-ZEITW5IL.js.map → chunk-HNLSR2U2.js.map} +1 -1
- package/module/chunks/{chunk-6RWX6HA7.js → chunk-HSIAXTEQ.js} +9 -12
- package/module/chunks/{chunk-6RWX6HA7.js.map → chunk-HSIAXTEQ.js.map} +1 -1
- package/module/chunks/{chunk-RZRB3MPG.js → chunk-I3Y2YMOQ.js} +32 -35
- package/module/chunks/{chunk-RZRB3MPG.js.map → chunk-I3Y2YMOQ.js.map} +1 -1
- package/module/chunks/{chunk-RFWUOGJ3.js → chunk-ICS6CLF6.js} +2 -2
- package/module/chunks/{chunk-5IFDFRGD.js → chunk-JMJ4YG2J.js} +8 -12
- package/module/chunks/{chunk-5IFDFRGD.js.map → chunk-JMJ4YG2J.js.map} +1 -1
- package/module/chunks/{chunk-QH53L2XQ.js → chunk-K4W7W6HJ.js} +7 -10
- package/module/chunks/{chunk-QH53L2XQ.js.map → chunk-K4W7W6HJ.js.map} +1 -1
- package/module/chunks/{chunk-C3GFY32L.js → chunk-KIWM3XWB.js} +2 -2
- package/module/chunks/{chunk-UUMIWWJE.js → chunk-KLSA6FGU.js} +13 -13
- package/module/chunks/{chunk-UUMIWWJE.js.map → chunk-KLSA6FGU.js.map} +1 -1
- package/module/chunks/{chunk-4SWPK2TU.js → chunk-KTJRF2VW.js} +3 -3
- package/module/chunks/{chunk-P5YTSVEV.js → chunk-L5IQTYSU.js} +9 -9
- package/module/chunks/{chunk-P5YTSVEV.js.map → chunk-L5IQTYSU.js.map} +1 -1
- package/module/chunks/{chunk-WSTQTULM.js → chunk-MDZOPP2X.js} +3 -3
- package/module/chunks/{chunk-VITMNUKV.js → chunk-MJ7HLEFT.js} +2 -2
- package/module/chunks/{chunk-HMQY5XLG.js → chunk-MTBEBUIU.js} +8 -12
- package/module/chunks/{chunk-HMQY5XLG.js.map → chunk-MTBEBUIU.js.map} +1 -1
- package/module/chunks/{chunk-YMIK47DX.js → chunk-O3KEDXFD.js} +14 -15
- package/module/chunks/{chunk-YMIK47DX.js.map → chunk-O3KEDXFD.js.map} +1 -1
- package/module/chunks/{chunk-RPNGCVZL.js → chunk-OBDH7GEY.js} +2 -2
- package/module/chunks/{chunk-2MOF5ZP7.js → chunk-OE5GQ3FG.js} +7 -7
- package/module/chunks/{chunk-XWRMHLAP.js → chunk-OOGFGU4X.js} +2 -2
- package/module/chunks/{chunk-DM27U6AI.js → chunk-OUC7QEXH.js} +18 -17
- package/module/chunks/{chunk-DM27U6AI.js.map → chunk-OUC7QEXH.js.map} +1 -1
- package/module/chunks/{chunk-E3IBH4RN.js → chunk-P23RJTRF.js} +10 -10
- package/module/chunks/{chunk-VGHYIDZA.js → chunk-P2G7HULR.js} +5 -8
- package/module/chunks/{chunk-VGHYIDZA.js.map → chunk-P2G7HULR.js.map} +1 -1
- package/module/chunks/{chunk-KMWIB6DC.js → chunk-P7X3KHUG.js} +6 -9
- package/module/chunks/{chunk-KMWIB6DC.js.map → chunk-P7X3KHUG.js.map} +1 -1
- package/module/chunks/{chunk-BDFUA6X7.js → chunk-PDTV2ZHG.js} +9 -14
- package/module/chunks/{chunk-BDFUA6X7.js.map → chunk-PDTV2ZHG.js.map} +1 -1
- package/module/chunks/{chunk-RJ5FWZWY.js → chunk-PKNBH4OS.js} +11 -18
- package/module/chunks/{chunk-RJ5FWZWY.js.map → chunk-PKNBH4OS.js.map} +1 -1
- package/module/chunks/{chunk-JIIPUMEA.js → chunk-PZA4F4AY.js} +2 -2
- package/module/chunks/{chunk-V3YGNO27.js → chunk-Q5OC2QQV.js} +2 -2
- package/module/chunks/{chunk-KGSEQL62.js → chunk-QQWQ2KSF.js} +2 -2
- package/module/chunks/{chunk-MUXHFVOC.js → chunk-RL6UDJ3E.js} +10 -11
- package/module/chunks/{chunk-MUXHFVOC.js.map → chunk-RL6UDJ3E.js.map} +1 -1
- package/module/chunks/{chunk-SFYQQARV.js → chunk-SJBQOPBI.js} +3 -3
- package/module/chunks/{chunk-RS2VRN2X.js → chunk-VENUU6C7.js} +7 -7
- package/module/chunks/{chunk-RS2VRN2X.js.map → chunk-VENUU6C7.js.map} +1 -1
- package/module/chunks/{chunk-DQZGTQ2Z.js → chunk-WOYP7J2K.js} +9 -9
- package/module/chunks/chunk-X74ALD2D.js +25 -0
- package/module/chunks/{chunk-PUNHFOXB.js.map → chunk-X74ALD2D.js.map} +1 -1
- package/module/chunks/{chunk-YH3LWJKQ.js → chunk-Y4MM4UJB.js} +17 -17
- package/module/chunks/{chunk-YH3LWJKQ.js.map → chunk-Y4MM4UJB.js.map} +1 -1
- package/module/chunks/{chunk-FMSKWHRK.js → chunk-YK4XZUC2.js} +11 -14
- package/module/chunks/{chunk-FMSKWHRK.js.map → chunk-YK4XZUC2.js.map} +1 -1
- package/module/groups/ActionsGroup.js +7 -7
- package/module/groups/ControlGroup.js +42 -42
- package/module/groups/EditingGroup.js +42 -42
- package/module/groups/EditorGroup.js +42 -42
- package/module/groups/EditorsControlGroup.js +42 -42
- package/module/groups/HistoryGroup.js +42 -42
- package/module/groups/SidebarControlGroup.js +42 -42
- package/module/groups/VisualizationGroup.js +42 -42
- package/module/groups/index.js +49 -49
- package/module/index.js +51 -51
- package/package.json +25 -24
- package/LICENSE.md +0 -14
- package/module/chunks/chunk-E7EUH33R.js +0 -40
- package/module/chunks/chunk-PUNHFOXB.js +0 -31
- package/module/chunks/chunk-VQIRZ53C.js +0 -79
- package/types/groups/HistoryGroup.test.d.ts +0 -2
- package/types/groups/HistoryGroup.test.d.ts.map +0 -1
- /package/module/chunks/{chunk-GMMN7SOC.js.map → chunk-3PEWQDKC.js.map} +0 -0
- /package/module/chunks/{chunk-ZV4AQ5DL.js.map → chunk-6C2NOEOI.js.map} +0 -0
- /package/module/chunks/{chunk-VSD7VGBN.js.map → chunk-A4O2G7H7.js.map} +0 -0
- /package/module/chunks/{chunk-6NLVLUCU.js.map → chunk-A6YRCP43.js.map} +0 -0
- /package/module/chunks/{chunk-VQIRZ53C.js.map → chunk-AFH5LL74.js.map} +0 -0
- /package/module/chunks/{chunk-SJNT4MK5.js.map → chunk-DONX4ISJ.js.map} +0 -0
- /package/module/chunks/{chunk-IHFVJPGQ.js.map → chunk-EVRV5ZFT.js.map} +0 -0
- /package/module/chunks/{chunk-I6AJG47U.js.map → chunk-EZBGH5QE.js.map} +0 -0
- /package/module/chunks/{chunk-TQIO5WSS.js.map → chunk-GGU3N3OR.js.map} +0 -0
- /package/module/chunks/{chunk-RKJ7RKNK.js.map → chunk-GQJXWXKY.js.map} +0 -0
- /package/module/chunks/{chunk-RFWUOGJ3.js.map → chunk-ICS6CLF6.js.map} +0 -0
- /package/module/chunks/{chunk-C3GFY32L.js.map → chunk-KIWM3XWB.js.map} +0 -0
- /package/module/chunks/{chunk-4SWPK2TU.js.map → chunk-KTJRF2VW.js.map} +0 -0
- /package/module/chunks/{chunk-WSTQTULM.js.map → chunk-MDZOPP2X.js.map} +0 -0
- /package/module/chunks/{chunk-VITMNUKV.js.map → chunk-MJ7HLEFT.js.map} +0 -0
- /package/module/chunks/{chunk-RPNGCVZL.js.map → chunk-OBDH7GEY.js.map} +0 -0
- /package/module/chunks/{chunk-2MOF5ZP7.js.map → chunk-OE5GQ3FG.js.map} +0 -0
- /package/module/chunks/{chunk-XWRMHLAP.js.map → chunk-OOGFGU4X.js.map} +0 -0
- /package/module/chunks/{chunk-E3IBH4RN.js.map → chunk-P23RJTRF.js.map} +0 -0
- /package/module/chunks/{chunk-JIIPUMEA.js.map → chunk-PZA4F4AY.js.map} +0 -0
- /package/module/chunks/{chunk-V3YGNO27.js.map → chunk-Q5OC2QQV.js.map} +0 -0
- /package/module/chunks/{chunk-KGSEQL62.js.map → chunk-QQWQ2KSF.js.map} +0 -0
- /package/module/chunks/{chunk-SFYQQARV.js.map → chunk-SJBQOPBI.js.map} +0 -0
- /package/module/chunks/{chunk-DQZGTQ2Z.js.map → chunk-WOYP7J2K.js.map} +0 -0
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buttons/AIAssistant/AIAssistant.tsx", "esm-externals:@splunk/react-icons/Checkmark", "../../src/buttons/Display/Display.tsx", "esm-externals:@splunk/react-icons/ListToken", "../../src/buttons/tokenManager/TokenManager.tsx", "esm-externals:@splunk/ui-utils/format", "../../src/buttons/Zoom/ZoomMenu.tsx", "esm-externals:@splunk/react-ui/Number", "../../src/buttons/Zoom/ZoomNumber.tsx", "../../src/buttons/Zoom/Zoom.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { Suspense, useCallback } from 'react';\nimport { ErrorBoundary } from '@splunk/dashboard-ui';\nimport { console } from '@splunk/dashboard-utils';\nimport {\n useDashboardApi,\n useFeatureFlags,\n useMicrofrontendContext,\n} from '@splunk/dashboard-context';\nimport { useSplunkTheme } from '@splunk/themes';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport ToolbarItem from '../../Item';\n\nconst aiButtonStyle = { height: '100%' };\nconst EmptyComponent = () => null;\n\nexport const AIAssistant = () => {\n const { allowDashboardAIAssistant } = useFeatureFlags();\n const { AIButton } = useMicrofrontendContext().microfrontendProxy ?? {};\n const dashboardApi = useDashboardApi();\n\n const { colorScheme, density, family } = useSplunkTheme();\n\n const handleError = useCallback((error: string) => {\n console.error(_('Error loading AI Assistant:'), error);\n return <EmptyComponent />;\n }, []);\n\n const handleClick = useCallback(() => {\n dashboardApi.openPanel({\n activePanel: 'config',\n panelProps: {\n showAIPanel: true,\n },\n });\n }, [dashboardApi]);\n\n if (!allowDashboardAIAssistant || !AIButton) {\n return null;\n }\n\n return (\n <ErrorBoundary render={handleError}>\n <ToolbarItem>\n <Suspense key=\"ai-assistant\" fallback={null}>\n <Tooltip\n contentRelationship=\"label\"\n content={_('AI Assistant')}\n >\n <AIButton\n data-test=\"ai-button\"\n onClick={handleClick}\n colorScheme={colorScheme}\n style={aiButtonStyle}\n density={density}\n family={family}\n />\n </Tooltip>\n </Suspense>\n </ToolbarItem>\n </ErrorBoundary>\n );\n};\n", "import * as defaultImport from \"@splunk/react-icons/Checkmark\";\nexport * from \"@splunk/react-icons/Checkmark\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown 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/ListToken\";\nexport * from \"@splunk/react-icons/ListToken\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { useFeatureFlags } from '@splunk/dashboard-context';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ListToken from '@splunk/react-icons/ListToken';\nimport IconButton, { prepareIcon } from '../../IconButton';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst tokenManagerIcon = prepareIcon({\n Icon: ListToken,\n});\n\n/**\n * Button that toggles open token manager panel\n */\nexport const TokenManager = ({ dashboardApi }: ToolbarButtonProps) => {\n const { showTokenManager } = useFeatureFlags();\n\n const handleClick = useCallback(() => {\n const isOpen = dashboardApi?.getOpenedPanel() === 'tokenManager';\n if (isOpen) {\n dashboardApi?.closePanel();\n } else {\n // Open tokens panel\n dashboardApi?.openPanel({\n activePanel: 'tokenManager',\n panelProps: {\n focusOnOpen: true,\n },\n });\n }\n }, [dashboardApi]);\n\n if (!showTokenManager) {\n return null;\n }\n\n return (\n <IconButton\n testLabel=\"token-manager-button\"\n onClick={handleClick}\n icon={tokenManagerIcon}\n tooltipContent={_('Token manager')}\n />\n );\n};\n", "import * as defaultImport from \"@splunk/ui-utils/format\";\nexport * from \"@splunk/ui-utils/format\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useMemo } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Dropdown from '@splunk/react-ui/Dropdown';\nimport Menu from '@splunk/react-ui/Menu';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport { isMac } from '@splunk/dashboard-utils';\nimport { sprintf } from '@splunk/ui-utils/format';\nimport useDropdown from '../../hooks/useDropdown';\nimport type { ToolbarButtonProps } from '../../types/common';\n\nconst zoomLevels = [25, 50, 100, 150, 200];\n\nconst buttonStyle = {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n};\n\nconst menuStyle = {\n width: '200px',\n};\n\nexport interface ZoomMenuProps {\n appearance?: ButtonPropsBase['appearance'];\n dashboardApi: ToolbarButtonProps['dashboardApi'];\n currentScale: number;\n setCurrentScale: (scale: number) => void;\n scaleType: 'auto' | 'fit' | null;\n setScaleType: (type: 'auto' | 'fit' | null) => void;\n}\n\nexport const ZoomMenu = ({\n dashboardApi,\n appearance = 'default',\n currentScale,\n setCurrentScale,\n scaleType,\n setScaleType,\n}: ZoomMenuProps): JSX.Element => {\n const handleZoomOutClick = useCallback(() => {\n setScaleType(null);\n dashboardApi?.zoomOut();\n }, [setScaleType, dashboardApi]);\n\n const handleZoomInClick = useCallback(() => {\n setScaleType(null);\n dashboardApi?.zoomIn();\n }, [setScaleType, dashboardApi]);\n\n const handleScaleChange = useCallback(\n (scale: number) => () => {\n setCurrentScale(scale);\n setScaleType(null);\n dashboardApi?.setScale({ scale: scale / 100 });\n },\n [setScaleType, setCurrentScale, dashboardApi]\n );\n\n const handleFitToWidthClick = useCallback(() => {\n setScaleType('fit');\n dashboardApi?.fitToWidth();\n }, [setScaleType, dashboardApi]);\n\n const handleAutoClick = useCallback(() => {\n setScaleType('auto');\n dashboardApi?.fitToWidth({ maxScale: 1 });\n }, [setScaleType, dashboardApi]);\n\n const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown({\n isContentClickClose: true,\n });\n\n const buttonToggle = (\n <Button\n data-clickable\n data-test=\"zoom-dropdown-button\"\n style={buttonStyle}\n appearance={appearance}\n isMenu\n aria-label={sprintf(_('Zoom level, %(currentScale)s%%'), {\n currentScale,\n })}\n />\n );\n\n const isMacOS = useMemo(() => isMac(), []);\n\n const dropdownMenuChildren = useMemo(() => {\n const zoomButtons = zoomLevels.map((percent) => {\n return (\n <Menu.Item\n data-test={`${percent}-percent`}\n onClick={handleScaleChange(percent)}\n key={percent}\n selectable\n selected={currentScale === percent && !scaleType}\n >\n {`${percent}%`}\n </Menu.Item>\n );\n });\n return [\n <Menu.Item\n data-test=\"auto\"\n onClick={handleAutoClick}\n key=\"auto\"\n selectable\n selected={scaleType === 'auto'}\n >\n {_('Auto')}\n </Menu.Item>,\n <Menu.Item\n data-test=\"fit-to-width\"\n onClick={handleFitToWidthClick}\n key=\"fit-to-width\"\n description={isMacOS ? _('Ctrl Cmd 0') : _('Ctrl Alt 0')}\n descriptionPosition=\"right\"\n selectable\n selected={scaleType === 'fit'}\n >\n {_('Fit')}\n </Menu.Item>,\n <Menu.Divider key=\"menu-divider-1\" />,\n ...zoomButtons,\n <Menu.Divider key=\"menu-divider-2\" />,\n <Menu.Item\n data-test=\"zoom-in\"\n onClick={handleZoomInClick}\n key=\"zoom-in\"\n description={isMacOS ? _('Ctrl Cmd =') : _('Ctrl Alt =')}\n descriptionPosition=\"right\"\n selectable\n >\n {_('Zoom in')}\n </Menu.Item>,\n <Menu.Item\n data-test=\"zoom-out\"\n onClick={handleZoomOutClick}\n key=\"zoom-out\"\n description={isMacOS ? _('Ctrl Cmd -') : _('Ctrl Alt -')}\n descriptionPosition=\"right\"\n selectable\n >\n {_('Zoom out')}\n </Menu.Item>,\n ];\n }, [\n currentScale,\n handleAutoClick,\n scaleType,\n handleFitToWidthClick,\n isMacOS,\n handleZoomInClick,\n handleZoomOutClick,\n handleScaleChange,\n ]);\n\n return (\n <Dropdown\n onRequestClose={handleRequestClose}\n onRequestOpen={handleRequestOpen}\n open={isOpen}\n toggle={buttonToggle}\n retainFocus\n >\n <Menu\n style={menuStyle}\n focusMode=\"normal\"\n aria-label={_('Zoom level')}\n >\n {dropdownMenuChildren}\n </Menu>\n </Dropdown>\n );\n};\n", "import * as defaultImport from \"@splunk/react-ui/Number\";\nexport * from \"@splunk/react-ui/Number\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport styled from 'styled-components';\nimport SUINumber from '@splunk/react-ui/Number';\nimport { variables } from '@splunk/themes';\nimport { useNumberInput, type OnValueChangeType } from '@splunk/dashboard-ui';\n\nconst StyledNumber = styled(SUINumber)`\n padding-right: ${variables.spacingSmall};\n & > input {\n text-align: right;\n }\n`;\n\nconst StyledEndAdornment = styled.span`\n color: ${variables.contentColorActive};\n`;\n\ninterface ZoomNumberProps {\n currentScale: number;\n onScaleChange: (scale: number) => () => void;\n}\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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,gBAAgB,EAAE,QAAQ,OAAO;AACvC,IAAM,iBAAiB,MAAM;AAEtB,IAAM,cAAc,MAAM;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["defaultImport", "defaultImport", "menuStyle", "defaultImport"]
|
|
7
7
|
}
|
|
@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
__export,
|
|
6
6
|
__reExport
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-AFH5LL74.js";
|
|
8
8
|
|
|
9
9
|
// esm-externals:@splunk/react-ui/Button
|
|
10
10
|
var Button_exports = {};
|
|
@@ -20,4 +20,4 @@ export {
|
|
|
20
20
|
Button_default,
|
|
21
21
|
Button_exports
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=chunk-
|
|
23
|
+
//# sourceMappingURL=chunk-ICS6CLF6.js.map
|
|
@@ -3,27 +3,23 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
Zoom
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-I3Y2YMOQ.js";
|
|
7
7
|
import {
|
|
8
8
|
ModeSwitch_default
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-EDGMTRPE.js";
|
|
10
10
|
import {
|
|
11
11
|
GridLineSwitch_default
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-RL6UDJ3E.js";
|
|
13
13
|
import {
|
|
14
14
|
ItemGroup_default
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-PKNBH4OS.js";
|
|
16
16
|
import {
|
|
17
17
|
themes_exports
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-OBDH7GEY.js";
|
|
19
19
|
import {
|
|
20
20
|
react_default,
|
|
21
21
|
react_exports
|
|
22
|
-
} from "./chunk-
|
|
23
|
-
import {
|
|
24
|
-
__spreadProps,
|
|
25
|
-
__spreadValues
|
|
26
|
-
} from "./chunk-VQIRZ53C.js";
|
|
22
|
+
} from "./chunk-OOGFGU4X.js";
|
|
27
23
|
|
|
28
24
|
// src/groups/EditingGroup.tsx
|
|
29
25
|
var EditingGroup = (props) => {
|
|
@@ -38,11 +34,11 @@ var EditingGroup = (props) => {
|
|
|
38
34
|
const zoomControl = (0, react_exports.useMemo)(() => {
|
|
39
35
|
return layoutType === "absolute" ? [/* @__PURE__ */ react_default.createElement(Zoom, { key: "zoom", showSeparator: borders })] : null;
|
|
40
36
|
}, [layoutType, borders]);
|
|
41
|
-
return /* @__PURE__ */ react_default.createElement(ItemGroup_default,
|
|
37
|
+
return /* @__PURE__ */ react_default.createElement(ItemGroup_default, { ...props, borders: false, gap: spacingSmall }, /* @__PURE__ */ react_default.createElement(GridLineSwitch_default, { showSeparator: enableModeSwitch && borders }), zoomControl, modeSwitch);
|
|
42
38
|
};
|
|
43
39
|
var EditingGroup_default = EditingGroup;
|
|
44
40
|
|
|
45
41
|
export {
|
|
46
42
|
EditingGroup_default
|
|
47
43
|
};
|
|
48
|
-
//# sourceMappingURL=chunk-
|
|
44
|
+
//# sourceMappingURL=chunk-JMJ4YG2J.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/groups/EditingGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { useMemo } from 'react';\nimport { useSplunkTheme } from '@splunk/themes';\nimport ItemGroup from '../ItemGroup';\nimport { GridLineSwitch, ModeSwitch, Zoom } from '../buttons';\n\nexport type EditingGroupProps = {\n enableModeSwitch?: boolean;\n} & React.ComponentProps<typeof ItemGroup>;\n\n/**\n * Group of standard editing controls (gridline, zoom, mode)\n */\nconst EditingGroup = (props: EditingGroupProps) => {\n const { enableModeSwitch = true, borders = true, layoutType } = props;\n const { spacingSmall } = useSplunkTheme();\n\n const modeSwitch = useMemo(() => {\n if (!enableModeSwitch) {\n return null;\n }\n\n return <ModeSwitch />;\n }, [enableModeSwitch]);\n\n const zoomControl = useMemo(() => {\n return layoutType === 'absolute'\n ? [<Zoom key=\"zoom\" showSeparator={borders} />]\n : null;\n }, [layoutType, borders]);\n\n return (\n <ItemGroup {...props} borders={false} gap={spacingSmall}>\n <GridLineSwitch showSeparator={enableModeSwitch && borders} />\n {zoomControl}\n {modeSwitch}\n </ItemGroup>\n );\n};\n\nexport default EditingGroup;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM,EAAE,mBAAmB,MAAM,UAAU,MAAM,WAAW,IAAI;AAChE,QAAM,EAAE,aAAa,QAAI,+BAAe;AAExC,QAAM,iBAAa,uBAAQ,MAAM;AAC7B,QAAI,CAAC,kBAAkB;AACnB,aAAO;AAAA,IACX;AAEA,WAAO,4CAAC,wBAAW;AAAA,EACvB,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAc,uBAAQ,MAAM;AAC9B,WAAO,eAAe,aAChB,CAAC,4CAAC,QAAK,KAAI,QAAO,eAAe,SAAS,CAAE,IAC5C;AAAA,EACV,GAAG,CAAC,YAAY,OAAO,CAAC;AAExB,SACI,4CAAC,qBAAW,GAAG,OAAO,SAAS,OAAO,KAAK,gBACvC,4CAAC,0BAAe,eAAe,oBAAoB,SAAS,GAC3D,aACA,UACL;AAER;AAEA,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,29 +3,26 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
TokenManager
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-I3Y2YMOQ.js";
|
|
7
7
|
import {
|
|
8
8
|
Config_default
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-L5IQTYSU.js";
|
|
10
10
|
import {
|
|
11
11
|
Data_default
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-HNLSR2U2.js";
|
|
13
13
|
import {
|
|
14
14
|
ItemGroup_default
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-PKNBH4OS.js";
|
|
16
16
|
import {
|
|
17
17
|
react_default,
|
|
18
18
|
react_exports
|
|
19
|
-
} from "./chunk-
|
|
20
|
-
import {
|
|
21
|
-
__spreadValues
|
|
22
|
-
} from "./chunk-VQIRZ53C.js";
|
|
19
|
+
} from "./chunk-OOGFGU4X.js";
|
|
23
20
|
|
|
24
21
|
// src/groups/SidebarControlGroup.tsx
|
|
25
|
-
var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default,
|
|
22
|
+
var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, { ...props }, /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null));
|
|
26
23
|
var SidebarControlGroup_default = SidebarControlGroup;
|
|
27
24
|
|
|
28
25
|
export {
|
|
29
26
|
SidebarControlGroup_default
|
|
30
27
|
};
|
|
31
|
-
//# sourceMappingURL=chunk-
|
|
28
|
+
//# sourceMappingURL=chunk-K4W7W6HJ.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/groups/SidebarControlGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Config, Data, TokenManager } 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 <TokenManager />\n </ItemGroup>\n);\n\nexport default SidebarControlGroup;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,sBAAsB,CAAC,UACzB,4CAAC,qBAAW,GAAG,SACX,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAa,CAClB;AAGJ,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
styled_components_default,
|
|
6
6
|
styled_components_exports
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-Q5OC2QQV.js";
|
|
8
8
|
|
|
9
9
|
// src/Item.tsx
|
|
10
10
|
var Item_default = styled_components_default.div``;
|
|
@@ -12,4 +12,4 @@ var Item_default = styled_components_default.div``;
|
|
|
12
12
|
export {
|
|
13
13
|
Item_default
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=chunk-
|
|
15
|
+
//# sourceMappingURL=chunk-KIWM3XWB.js.map
|
|
@@ -4,39 +4,39 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
Square_default,
|
|
6
6
|
Square_exports
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-GQJXWXKY.js";
|
|
8
8
|
import {
|
|
9
9
|
PopoverItemButton_default
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-SJBQOPBI.js";
|
|
11
11
|
import {
|
|
12
12
|
Menu_default,
|
|
13
13
|
Menu_exports
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-3PEWQDKC.js";
|
|
15
15
|
import {
|
|
16
16
|
StyledDropdownButton
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-PDTV2ZHG.js";
|
|
18
18
|
import {
|
|
19
19
|
Dropdown_default,
|
|
20
20
|
Dropdown_exports,
|
|
21
21
|
useDropdown_default
|
|
22
|
-
} from "./chunk-
|
|
22
|
+
} from "./chunk-KTJRF2VW.js";
|
|
23
23
|
import {
|
|
24
24
|
i18n_exports
|
|
25
|
-
} from "./chunk-
|
|
25
|
+
} from "./chunk-PZA4F4AY.js";
|
|
26
26
|
import {
|
|
27
27
|
prepareIcon
|
|
28
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-A4S4A2N5.js";
|
|
29
29
|
import {
|
|
30
30
|
Item_default
|
|
31
|
-
} from "./chunk-
|
|
31
|
+
} from "./chunk-KIWM3XWB.js";
|
|
32
32
|
import {
|
|
33
33
|
react_default,
|
|
34
34
|
react_exports
|
|
35
|
-
} from "./chunk-
|
|
35
|
+
} from "./chunk-OOGFGU4X.js";
|
|
36
36
|
import {
|
|
37
37
|
__export,
|
|
38
38
|
__reExport
|
|
39
|
-
} from "./chunk-
|
|
39
|
+
} from "./chunk-AFH5LL74.js";
|
|
40
40
|
|
|
41
41
|
// esm-externals:@splunk/react-icons/Circle
|
|
42
42
|
var Circle_exports = {};
|
|
@@ -98,11 +98,11 @@ var Shapes = ({ dashboardApi, layoutType }) => {
|
|
|
98
98
|
const handleCreateVizButtonClick = (0, react_exports.useCallback)(
|
|
99
99
|
(vizToCreate, layoutItemType) => {
|
|
100
100
|
return () => {
|
|
101
|
-
dashboardApi
|
|
101
|
+
dashboardApi?.createVisualization({
|
|
102
102
|
visualizationDefinition: vizToCreate,
|
|
103
103
|
layoutItemType
|
|
104
104
|
});
|
|
105
|
-
dashboardApi
|
|
105
|
+
dashboardApi?.openPanel({ activePanel: "config" });
|
|
106
106
|
};
|
|
107
107
|
},
|
|
108
108
|
[dashboardApi]
|
|
@@ -172,4 +172,4 @@ var Shapes_default = Shapes;
|
|
|
172
172
|
export {
|
|
173
173
|
Shapes_default
|
|
174
174
|
};
|
|
175
|
-
//# sourceMappingURL=chunk-
|
|
175
|
+
//# sourceMappingURL=chunk-KLSA6FGU.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/Circle", "esm-externals:@splunk/react-icons/Line", "esm-externals:@splunk/react-icons/ShapesVariety", "../../src/buttons/Shapes.tsx"],
|
|
4
4
|
"sourcesContent": ["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, { 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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYA,oBAAmB;AAC/B,2BAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYC,oBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAaA,iBAA8B,yBAAUA;;;ACmBrE,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA,IACN,oBAAgB,gBAAE,WAAW;AAAA;AACjC;AAGJ,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAEA,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,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYA,oBAAmB;AAC/B,2BAAc;AACd,IAAO,eAAS,aAAaA,iBAA8B,yBAAUA;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYC,oBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAaA,iBAA8B,yBAAUA;;;ACmBrE,IAAM,iBAAiB,YAAY;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAc;AAAA,IACd,aAAU;AAAA,IACV,MAAM;AAAA,IACN,oBAAgB,gBAAE,WAAW;AAAA;AACjC;AAGJ,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAEA,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,sBAAc,oBAAoB;AAAA,UAC9B,yBAAyB;AAAA,UACzB;AAAA,QACJ,CAAC;AACD,sBAAc,UAAU,EAAE,aAAa,SAAS,CAAC;AAAA,MACrD;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;",
|
|
6
6
|
"names": ["defaultImport", "defaultImport"]
|
|
7
7
|
}
|
|
@@ -3,11 +3,11 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
react_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-OOGFGU4X.js";
|
|
7
7
|
import {
|
|
8
8
|
__export,
|
|
9
9
|
__reExport
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-AFH5LL74.js";
|
|
11
11
|
|
|
12
12
|
// esm-externals:@splunk/react-ui/Dropdown
|
|
13
13
|
var Dropdown_exports = {};
|
|
@@ -61,4 +61,4 @@ export {
|
|
|
61
61
|
Dropdown_exports,
|
|
62
62
|
useDropdown_default
|
|
63
63
|
};
|
|
64
|
-
//# sourceMappingURL=chunk-
|
|
64
|
+
//# sourceMappingURL=chunk-KTJRF2VW.js.map
|
|
@@ -3,22 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
dashboard_context_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-MJ7HLEFT.js";
|
|
7
7
|
import {
|
|
8
8
|
i18n_exports
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-PZA4F4AY.js";
|
|
10
10
|
import {
|
|
11
11
|
IconButton_default,
|
|
12
12
|
prepareIcon
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-A4S4A2N5.js";
|
|
14
14
|
import {
|
|
15
15
|
react_default,
|
|
16
16
|
react_exports
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-OOGFGU4X.js";
|
|
18
18
|
import {
|
|
19
19
|
__export,
|
|
20
20
|
__reExport
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-AFH5LL74.js";
|
|
22
22
|
|
|
23
23
|
// esm-externals:@splunk/react-icons/Cog
|
|
24
24
|
var Cog_exports = {};
|
|
@@ -37,11 +37,11 @@ var configurationIcon = prepareIcon({
|
|
|
37
37
|
var Config = ({ dashboardApi }) => {
|
|
38
38
|
const configButtonRef = (0, dashboard_context_exports.useToolbarRef)("config");
|
|
39
39
|
const handleClick = (0, react_exports.useCallback)(() => {
|
|
40
|
-
const isOpen =
|
|
40
|
+
const isOpen = dashboardApi?.getOpenedPanel() === "config";
|
|
41
41
|
if (isOpen) {
|
|
42
|
-
dashboardApi
|
|
42
|
+
dashboardApi?.closePanel();
|
|
43
43
|
} else {
|
|
44
|
-
dashboardApi
|
|
44
|
+
dashboardApi?.openPanel({
|
|
45
45
|
activePanel: "config",
|
|
46
46
|
panelProps: {
|
|
47
47
|
focusOnOpen: true
|
|
@@ -65,4 +65,4 @@ var Config_default = Config;
|
|
|
65
65
|
export {
|
|
66
66
|
Config_default
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=chunk-
|
|
68
|
+
//# sourceMappingURL=chunk-L5IQTYSU.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/Cog", "../../src/buttons/Config.tsx"],
|
|
4
4
|
"sourcesContent": ["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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,0BAAc;AACd,IAAO,cAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,oBAAoB,YAAY;AAAA,EAClC,MAAM;AACV,CAAC;AAKD,IAAM,SAAS,CAAC,EAAE,aAAa,MAA0B;AACrD,QAAM,sBAAkB,yCAAc,QAAQ;AAE9C,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,0BAAc;AACd,IAAO,cAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,oBAAoB,YAAY;AAAA,EAClC,MAAM;AACV,CAAC;AAKD,IAAM,SAAS,CAAC,EAAE,aAAa,MAA0B;AACrD,QAAM,sBAAkB,yCAAc,QAAQ;AAE9C,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,SAAS,cAAc,eAAe,MAAM;AAClD,QAAI,QAAQ;AACR,oBAAc,WAAW;AAAA,IAC7B,OAAO;AAEH,oBAAc,UAAU;AAAA,QACpB,aAAa;AAAA,QACb,YAAY;AAAA,UACR,aAAa;AAAA,QACjB;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,MACX,WAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM;AAAA,MACN,oBAAgB,gBAAE,eAAe;AAAA;AAAA,EACrC;AAER;AAEA,IAAO,iBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,11 +3,11 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
themes_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-OBDH7GEY.js";
|
|
7
7
|
import {
|
|
8
8
|
styled_components_default,
|
|
9
9
|
styled_components_exports
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-Q5OC2QQV.js";
|
|
11
11
|
|
|
12
12
|
// src/components/ItemSeparator.tsx
|
|
13
13
|
var ItemSeparator = styled_components_default.div`
|
|
@@ -22,4 +22,4 @@ var ItemSeparator_default = ItemSeparator;
|
|
|
22
22
|
export {
|
|
23
23
|
ItemSeparator_default
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
25
|
+
//# sourceMappingURL=chunk-MDZOPP2X.js.map
|
|
@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
__export,
|
|
6
6
|
__reExport
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-AFH5LL74.js";
|
|
8
8
|
|
|
9
9
|
// esm-externals:@splunk/dashboard-context
|
|
10
10
|
var dashboard_context_exports = {};
|
|
@@ -19,4 +19,4 @@ var dashboard_context_default = "default" in defaultImport ? defaultImport.defau
|
|
|
19
19
|
export {
|
|
20
20
|
dashboard_context_exports
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=chunk-
|
|
22
|
+
//# sourceMappingURL=chunk-MJ7HLEFT.js.map
|
|
@@ -3,19 +3,19 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
i18n_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-PZA4F4AY.js";
|
|
7
7
|
import {
|
|
8
8
|
IconButton_default,
|
|
9
9
|
prepareIcon
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-A4S4A2N5.js";
|
|
11
11
|
import {
|
|
12
12
|
react_default,
|
|
13
13
|
react_exports
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-OOGFGU4X.js";
|
|
15
15
|
import {
|
|
16
16
|
__export,
|
|
17
17
|
__reExport
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-AFH5LL74.js";
|
|
19
19
|
|
|
20
20
|
// esm-externals:@splunk/react-icons/ArrowBowRight
|
|
21
21
|
var ArrowBowRight_exports = {};
|
|
@@ -33,17 +33,13 @@ var icon = prepareIcon({
|
|
|
33
33
|
});
|
|
34
34
|
var Redo = ({ dashboardApi }) => {
|
|
35
35
|
const [canRedo, setCanRedo] = (0, react_exports.useState)(
|
|
36
|
-
() =>
|
|
37
|
-
var _a;
|
|
38
|
-
return (_a = dashboardApi == null ? void 0 : dashboardApi.canRedo()) != null ? _a : false;
|
|
39
|
-
}
|
|
36
|
+
() => dashboardApi?.canRedo() ?? false
|
|
40
37
|
);
|
|
41
38
|
const onDefinitionChange = (0, react_exports.useCallback)(() => {
|
|
42
|
-
|
|
43
|
-
setCanRedo((_a = dashboardApi == null ? void 0 : dashboardApi.canRedo()) != null ? _a : false);
|
|
39
|
+
setCanRedo(dashboardApi?.canRedo() ?? false);
|
|
44
40
|
}, [dashboardApi]);
|
|
45
41
|
(0, react_exports.useEffect)(() => {
|
|
46
|
-
if (!
|
|
42
|
+
if (!dashboardApi?.historyManager) {
|
|
47
43
|
return () => void 0;
|
|
48
44
|
}
|
|
49
45
|
return dashboardApi.historyManager.subscribe({
|
|
@@ -74,4 +70,4 @@ var Redo_default = Redo;
|
|
|
74
70
|
export {
|
|
75
71
|
Redo_default
|
|
76
72
|
};
|
|
77
|
-
//# sourceMappingURL=chunk-
|
|
73
|
+
//# sourceMappingURL=chunk-MTBEBUIU.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/ArrowBowRight", "../../src/buttons/Redo.tsx"],
|
|
4
4
|
"sourcesContent": ["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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAED,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AAGnD,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC1B,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACIrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAED,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AAGnD,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC1B,MAAM,cAAc,QAAQ,KAAK;AAAA,EACrC;AAEA,QAAM,yBAAqB,2BAAY,MAAM;AACzC,eAAW,cAAc,QAAQ,KAAK,KAAK;AAAA,EAC/C,GAAG,CAAC,YAAY,CAAC;AAEjB,+BAAU,MAAM;AACZ,QAAI,CAAC,cAAc,gBAAgB;AAC/B,aAAO,MAAM;AAAA,IACjB;AAEA,WAAO,aAAa,eAAe,UAAU;AAAA,MACzC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,QAAQ;AAAA,IACZ,CAAC;AAAA,EACL,GAAG,CAAC,cAAc,kBAAkB,CAAC;AAErC,QAAM,kBAAc,2BAAY,MAAM;AAClC,QAAI,CAAC,cAAc;AACf;AAAA,IACJ;AAEA,iBAAa,KAAK,EAAE,QAAQ,UAAU,CAAC;AAAA,EAC3C,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,MACX;AAAA,MACA,oBAAgB,gBAAE,MAAM;AAAA;AAAA,EAC5B;AAER;AAEA,IAAO,eAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,37 +3,36 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
|
3
3
|
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
4
|
import {
|
|
5
5
|
dashboard_ui_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-A6YRCP43.js";
|
|
7
7
|
import {
|
|
8
8
|
StyledDropdownButton
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-PDTV2ZHG.js";
|
|
10
10
|
import {
|
|
11
11
|
Dropdown_default,
|
|
12
12
|
Dropdown_exports,
|
|
13
13
|
useDropdown_default
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-KTJRF2VW.js";
|
|
15
15
|
import {
|
|
16
16
|
i18n_exports
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-PZA4F4AY.js";
|
|
18
18
|
import {
|
|
19
19
|
prepareIcon
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-A4S4A2N5.js";
|
|
21
21
|
import {
|
|
22
22
|
Item_default
|
|
23
|
-
} from "./chunk-
|
|
23
|
+
} from "./chunk-KIWM3XWB.js";
|
|
24
24
|
import {
|
|
25
25
|
react_default,
|
|
26
26
|
react_exports
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-OOGFGU4X.js";
|
|
28
28
|
import {
|
|
29
29
|
styled_components_default,
|
|
30
30
|
styled_components_exports
|
|
31
|
-
} from "./chunk-
|
|
31
|
+
} from "./chunk-Q5OC2QQV.js";
|
|
32
32
|
import {
|
|
33
|
-
__async,
|
|
34
33
|
__export,
|
|
35
34
|
__reExport
|
|
36
|
-
} from "./chunk-
|
|
35
|
+
} from "./chunk-AFH5LL74.js";
|
|
37
36
|
|
|
38
37
|
// esm-externals:@splunk/react-icons/ChartSingleValueIcon
|
|
39
38
|
var ChartSingleValueIcon_exports = {};
|
|
@@ -82,8 +81,8 @@ var IconGallery = ({ dashboardApi }) => {
|
|
|
82
81
|
[]
|
|
83
82
|
);
|
|
84
83
|
const handlePanelClick = (0, react_exports.useCallback)(
|
|
85
|
-
(iconURL) =>
|
|
86
|
-
dashboardApi
|
|
84
|
+
async (iconURL) => {
|
|
85
|
+
dashboardApi?.createVisualization({
|
|
87
86
|
visualizationDefinition: {
|
|
88
87
|
type: "splunk.singlevalueicon",
|
|
89
88
|
options: {
|
|
@@ -92,11 +91,11 @@ var IconGallery = ({ dashboardApi }) => {
|
|
|
92
91
|
}
|
|
93
92
|
}
|
|
94
93
|
});
|
|
95
|
-
dashboardApi
|
|
94
|
+
dashboardApi?.openPanel({
|
|
96
95
|
activePanel: "config"
|
|
97
96
|
});
|
|
98
97
|
handleForceClose();
|
|
99
|
-
}
|
|
98
|
+
},
|
|
100
99
|
[dashboardApi, handleForceClose]
|
|
101
100
|
);
|
|
102
101
|
return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
|
|
@@ -122,4 +121,4 @@ var IconGallery_default = IconGallery;
|
|
|
122
121
|
export {
|
|
123
122
|
IconGallery_default
|
|
124
123
|
};
|
|
125
|
-
//# sourceMappingURL=chunk-
|
|
124
|
+
//# sourceMappingURL=chunk-O3KEDXFD.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/ChartSingleValueIcon", "../../src/buttons/IconGallery.tsx"],
|
|
4
4
|
"sourcesContent": ["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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,2CAAc;AACd,IAAO,+BAAS,aAAa,gBAA8B,wBAAU;;;ACerE,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAK9B,IAAM,sBAAsB,YAAY;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AACZ,CAAC;AAED,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAKA,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,QACN,oBAAgB,gBAAE,UAAU;AAAA;AAAA,IAChC;AAAA,IAEJ,CAAC;AAAA,EACL;AACA,QAAM,uBAAmB;AAAA,IACrB,OAAO,YAAoB;AACvB,oBAAc,oBAAoB;AAAA,QAC9B,yBAAyB;AAAA,UACrB,MAAM;AAAA,UACN,SAAS;AAAA,YACL,WAAW;AAAA,YACX,MAAM;AAAA,UACV;AAAA,QACJ;AAAA,MACJ,CAAC;AACD,oBAAc,UAAU;AAAA,QACpB,aAAa;AAAA,MACjB,CAAC;AACD,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;",
|
|
6
6
|
"names": ["IconGalleryPanel"]
|
|
7
7
|
}
|