@splunk/dashboard-toolbar 29.5.0 → 29.5.1
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/CollapsibleToolbar.js +9 -0
- package/CollapsibleToolbar.js.map +4 -4
- package/IconButton.js +16 -4
- package/IconButton.js.map +4 -4
- package/buttons/Charts.js +26 -4
- package/buttons/Charts.js.map +4 -4
- package/buttons/Config.js +19 -7
- package/buttons/Config.js.map +4 -4
- package/buttons/ContentExport.js +19 -7
- package/buttons/ContentExport.js.map +4 -4
- package/buttons/Data.js +19 -7
- package/buttons/Data.js.map +4 -4
- package/buttons/EmptyVisualization.js +19 -7
- package/buttons/EmptyVisualization.js.map +4 -4
- package/buttons/Fullscreen.js +19 -7
- package/buttons/Fullscreen.js.map +4 -4
- package/buttons/HelpButton.js +25 -3
- package/buttons/HelpButton.js.map +4 -4
- package/buttons/IconGallery.js +29 -7
- package/buttons/IconGallery.js.map +4 -4
- package/buttons/Image.js +19 -7
- package/buttons/Image.js.map +4 -4
- package/buttons/ImageGallery.js +29 -7
- package/buttons/ImageGallery.js.map +4 -4
- package/buttons/Inputs.js +28 -9
- package/buttons/Inputs.js.map +4 -4
- package/buttons/Markdown.js +19 -7
- package/buttons/Markdown.js.map +4 -4
- package/buttons/Redo.js +19 -7
- package/buttons/Redo.js.map +4 -4
- package/buttons/Shapes.js +31 -9
- package/buttons/Shapes.js.map +4 -4
- package/buttons/Source.js +19 -7
- package/buttons/Source.js.map +4 -4
- package/buttons/Undo.js +19 -7
- package/buttons/Undo.js.map +4 -4
- package/buttons/index.js +66 -61
- package/buttons/index.js.map +2 -2
- package/groups/ControlGroup.js +83 -33
- package/groups/ControlGroup.js.map +3 -3
- package/groups/EditingGroup.js +73 -30
- package/groups/EditingGroup.js.map +3 -3
- package/groups/EditorGroup.js +83 -33
- package/groups/EditorGroup.js.map +3 -3
- package/groups/EditorsControlGroup.js +93 -48
- package/groups/EditorsControlGroup.js.map +3 -3
- package/groups/HistoryGroup.js +85 -34
- package/groups/HistoryGroup.js.map +3 -3
- package/groups/SidebarControlGroup.js +91 -47
- package/groups/SidebarControlGroup.js.map +3 -3
- package/groups/VisualizationGroup.js +68 -45
- package/groups/VisualizationGroup.js.map +3 -3
- package/groups/index.js +86 -64
- package/groups/index.js.map +3 -3
- package/index.js +81 -76
- package/index.js.map +4 -4
- package/module/CollapsibleToolbar.js +2 -2
- package/module/IconButton.js +1 -1
- package/module/buttons/Charts.js +3 -3
- package/module/buttons/Config.js +2 -2
- package/module/buttons/ContentExport.js +2 -2
- package/module/buttons/Data.js +2 -2
- package/module/buttons/EmptyVisualization.js +2 -2
- package/module/buttons/Fullscreen.js +2 -2
- package/module/buttons/HelpButton.js +3 -3
- package/module/buttons/IconGallery.js +3 -3
- package/module/buttons/Image.js +2 -2
- package/module/buttons/ImageGallery.js +3 -3
- package/module/buttons/Inputs.js +3 -3
- package/module/buttons/Markdown.js +2 -2
- package/module/buttons/Redo.js +2 -2
- package/module/buttons/Shapes.js +3 -3
- package/module/buttons/Source.js +2 -2
- package/module/buttons/Undo.js +2 -2
- package/module/buttons/index.js +19 -19
- package/module/chunks/{chunk-PFKZCA73.js → chunk-5IFDFRGD.js} +2 -2
- package/module/chunks/{chunk-LEEGJTZT.js → chunk-6RWX6HA7.js} +5 -5
- package/module/chunks/chunk-6RWX6HA7.js.map +7 -0
- package/module/chunks/chunk-BDFUA6X7.js +44 -0
- package/module/chunks/chunk-BDFUA6X7.js.map +7 -0
- package/module/chunks/{chunk-C7TXRFKI.js → chunk-DM27U6AI.js} +5 -5
- package/module/chunks/chunk-DM27U6AI.js.map +7 -0
- package/module/chunks/{chunk-DQPRUHAE.js → chunk-DQZGTQ2Z.js} +5 -5
- package/module/chunks/chunk-DQZGTQ2Z.js.map +7 -0
- package/module/chunks/{chunk-WLLGLYOO.js → chunk-E3IBH4RN.js} +2 -2
- package/module/chunks/{chunk-COV2OGVE.js → chunk-E7EUH33R.js} +5 -5
- package/module/chunks/{chunk-IWFH2PBS.js → chunk-EUFLSUPO.js} +5 -5
- package/module/chunks/chunk-EUFLSUPO.js.map +7 -0
- package/module/chunks/{chunk-YDVHOHRE.js → chunk-FMSKWHRK.js} +8 -8
- package/module/chunks/{chunk-NNGZB36V.js → chunk-HMQY5XLG.js} +5 -5
- package/module/chunks/chunk-HMQY5XLG.js.map +7 -0
- package/module/chunks/{chunk-PFHSMP6M.js → chunk-KDWTCNVM.js} +5 -5
- package/module/chunks/chunk-KDWTCNVM.js.map +7 -0
- package/module/chunks/{chunk-GD75KGSO.js → chunk-KMWIB6DC.js} +3 -3
- package/module/chunks/{chunk-XIT2UXG2.js → chunk-P5YTSVEV.js} +5 -5
- package/module/chunks/chunk-P5YTSVEV.js.map +7 -0
- package/module/chunks/{chunk-CMTNN2GG.js → chunk-PUNHFOXB.js} +2 -2
- package/module/chunks/{chunk-CS7TUOVQ.js → chunk-QH53L2XQ.js} +4 -4
- package/module/chunks/{chunk-S6LWLEQ4.js → chunk-RS2VRN2X.js} +5 -5
- package/module/chunks/chunk-RS2VRN2X.js.map +7 -0
- package/module/chunks/{chunk-FK3PXQBK.js → chunk-RZRB3MPG.js} +20 -36
- package/module/chunks/chunk-RZRB3MPG.js.map +7 -0
- package/module/chunks/{chunk-OC4QIR2D.js → chunk-RZWTF3BK.js} +18 -3
- package/module/chunks/chunk-RZWTF3BK.js.map +7 -0
- package/module/chunks/{chunk-5DYPICGQ.js → chunk-SJNT4MK5.js} +5 -5
- package/module/chunks/chunk-SJNT4MK5.js.map +7 -0
- package/module/chunks/{chunk-EZS4433X.js → chunk-TQIO5WSS.js} +5 -5
- package/module/chunks/{chunk-EZS4433X.js.map → chunk-TQIO5WSS.js.map} +2 -2
- package/module/chunks/{chunk-JW4TMLMZ.js → chunk-U5YCUIDK.js} +5 -5
- package/module/chunks/chunk-U5YCUIDK.js.map +7 -0
- package/module/chunks/{chunk-NGEW5KQQ.js → chunk-UNYHHA4F.js} +5 -5
- package/module/chunks/{chunk-NGEW5KQQ.js.map → chunk-UNYHHA4F.js.map} +2 -2
- package/module/chunks/{chunk-GPLJNXKE.js → chunk-UUMIWWJE.js} +5 -5
- package/module/chunks/chunk-UUMIWWJE.js.map +7 -0
- package/module/chunks/{chunk-F3BPX66Z.js → chunk-VGHYIDZA.js} +2 -2
- package/module/chunks/{chunk-53UCFOI6.js → chunk-YH3LWJKQ.js} +6 -6
- package/module/chunks/chunk-YH3LWJKQ.js.map +7 -0
- package/module/chunks/{chunk-J7M7QRC7.js → chunk-YMIK47DX.js} +5 -5
- package/module/chunks/chunk-YMIK47DX.js.map +7 -0
- package/module/chunks/{chunk-NSCDFVBR.js → chunk-ZEITW5IL.js} +5 -5
- package/module/chunks/chunk-ZEITW5IL.js.map +7 -0
- package/module/groups/ControlGroup.js +20 -20
- package/module/groups/EditingGroup.js +20 -20
- package/module/groups/EditorGroup.js +20 -20
- package/module/groups/EditorsControlGroup.js +20 -20
- package/module/groups/HistoryGroup.js +20 -20
- package/module/groups/SidebarControlGroup.js +20 -20
- package/module/groups/VisualizationGroup.js +20 -20
- package/module/groups/index.js +26 -26
- package/module/index.js +27 -27
- package/package.json +15 -15
- package/types/IconButton.d.ts +2 -1
- package/types/IconButton.d.ts.map +1 -1
- package/types/buttons/Config.d.ts.map +1 -1
- package/types/buttons/ContentExport.d.ts.map +1 -1
- package/types/buttons/Data.d.ts.map +1 -1
- package/types/buttons/EmptyVisualization.d.ts.map +1 -1
- package/types/buttons/Fullscreen.d.ts.map +1 -1
- package/types/buttons/IconGallery.d.ts.map +1 -1
- package/types/buttons/Image.d.ts.map +1 -1
- package/types/buttons/Markdown.d.ts.map +1 -1
- package/types/buttons/Redo.d.ts.map +1 -1
- package/types/buttons/Source.d.ts.map +1 -1
- package/types/buttons/Undo.d.ts.map +1 -1
- package/types/buttons/tokenManager/TokenManager.d.ts.map +1 -1
- package/types/components/StyledButton.d.ts +10 -1
- package/types/components/StyledButton.d.ts.map +1 -1
- package/module/chunks/chunk-53UCFOI6.js.map +0 -7
- package/module/chunks/chunk-5DYPICGQ.js.map +0 -7
- package/module/chunks/chunk-C7TXRFKI.js.map +0 -7
- package/module/chunks/chunk-DQPRUHAE.js.map +0 -7
- package/module/chunks/chunk-EZJSIK72.js +0 -21
- package/module/chunks/chunk-EZJSIK72.js.map +0 -7
- package/module/chunks/chunk-FK3PXQBK.js.map +0 -7
- package/module/chunks/chunk-GPLJNXKE.js.map +0 -7
- package/module/chunks/chunk-IWFH2PBS.js.map +0 -7
- package/module/chunks/chunk-J7M7QRC7.js.map +0 -7
- package/module/chunks/chunk-JW4TMLMZ.js.map +0 -7
- package/module/chunks/chunk-LEEGJTZT.js.map +0 -7
- package/module/chunks/chunk-NNGZB36V.js.map +0 -7
- package/module/chunks/chunk-NSCDFVBR.js.map +0 -7
- package/module/chunks/chunk-OC4QIR2D.js.map +0 -7
- package/module/chunks/chunk-PFHSMP6M.js.map +0 -7
- package/module/chunks/chunk-S6LWLEQ4.js.map +0 -7
- package/module/chunks/chunk-XIT2UXG2.js.map +0 -7
- /package/module/chunks/{chunk-PFKZCA73.js.map → chunk-5IFDFRGD.js.map} +0 -0
- /package/module/chunks/{chunk-WLLGLYOO.js.map → chunk-E3IBH4RN.js.map} +0 -0
- /package/module/chunks/{chunk-COV2OGVE.js.map → chunk-E7EUH33R.js.map} +0 -0
- /package/module/chunks/{chunk-YDVHOHRE.js.map → chunk-FMSKWHRK.js.map} +0 -0
- /package/module/chunks/{chunk-GD75KGSO.js.map → chunk-KMWIB6DC.js.map} +0 -0
- /package/module/chunks/{chunk-CMTNN2GG.js.map → chunk-PUNHFOXB.js.map} +0 -0
- /package/module/chunks/{chunk-CS7TUOVQ.js.map → chunk-QH53L2XQ.js.map} +0 -0
- /package/module/chunks/{chunk-F3BPX66Z.js.map → chunk-VGHYIDZA.js.map} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["esm-externals:@splunk/react-icons/CaretDown", "esm-externals:@splunk/react-ui/ScreenReaderContent", "esm-externals:@splunk/react-ui/Tooltip", "../../src/IconButton.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/CaretDown\";\nexport * from \"@splunk/react-icons/CaretDown\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/ScreenReaderContent\";\nexport * from \"@splunk/react-ui/ScreenReaderContent\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import * as defaultImport from \"@splunk/react-ui/Tooltip\";\nexport * from \"@splunk/react-ui/Tooltip\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React from 'react';\nimport type SVG from '@splunk/react-icons/SVG';\nimport DropdownIcon from '@splunk/react-icons/CaretDown';\nimport ScreenReaderContent from '@splunk/react-ui/ScreenReaderContent';\nimport Button, { type ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Tooltip from '@splunk/react-ui/Tooltip';\nimport styled from 'styled-components';\nimport ToolbarItem from './Item';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst StyledDropdownIcon = styled(DropdownIcon)`\n margin-left: -5px;\n`;\n\nexport const iconSize = 24;\nexport const menuIconSize = 20;\n\ninterface PrepareIconProps extends React.ComponentProps<typeof SVG> {\n Icon: React.ComponentType<React.ComponentProps<typeof SVG>>;\n screenReaderContent?: string;\n isMenu?: boolean;\n variant?: 'filled' | 'outline' | 'none';\n}\n\n/**\n * Button adds a bunch of padding when there's any child elements even if they don't display anything (screenReaderContent)\n * This bundles the primary icon, a menu caret and screenReaderContent as an icon when needed.\n * Additionally accepts any properties of any react-icons element to be applied to primary icon\n * @param {Object} arg\n * @param {React.ElementType} arg.Icon The primary icon\n * @param {boolean} [arg.isMenu=false] Display a menu caret\n * @param {string} [arg.screenReaderContent] A label for the icon\n * @param {string} [arg.variant] Fill the icon, or not\n * @returns {JSX.Element}\n */\nexport const prepareIcon = ({\n Icon,\n screenReaderContent,\n isMenu = false,\n ...props\n}: PrepareIconProps) => {\n const size = isMenu ? menuIconSize : iconSize;\n return (\n <>\n <Icon width={size} height={size} {...props} />\n {isMenu && (\n <StyledDropdownIcon variant=\"filled\" width={9} height={size} />\n )}\n {screenReaderContent && (\n <ScreenReaderContent>{screenReaderContent}</ScreenReaderContent>\n )}\n </>\n );\n};\n\nexport interface IconButtonProps extends ToolbarButtonProps {\n icon?: JSX.Element;\n onClick?: ButtonPropsBase['onClick'];\n label?: string;\n tooltipContent?: string;\n buttonRef?: React.RefObject<HTMLButtonElement>;\n testLabel?: string;\n disabled?: boolean;\n}\n\nconst IconButton = ({\n icon,\n buttonRef,\n disabled = false,\n onClick,\n label,\n tooltipContent,\n testLabel,\n ...rest\n}: IconButtonProps): JSX.Element => {\n const button = (\n <Button\n elementRef={buttonRef}\n onClick={onClick}\n disabled={disabled}\n appearance=\"subtle\"\n icon={icon}\n label={label}\n data-test={testLabel}\n data-clickable\n />\n );\n\n return (\n <ToolbarItem {...rest}>\n {tooltipContent ? (\n <Tooltip contentRelationship=\"label\" content={tooltipContent}>\n {button}\n </Tooltip>\n ) : (\n button\n )}\n </ToolbarItem>\n );\n};\n\nexport default IconButton;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,gCAAc;AACd,IAAO,oBAAS,aAAa,gBAA8B,wBAAU;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYA,oBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAaA,iBAA8B,yBAAUA;;;ACFrE;AAAA;AAAA;AAAA;AACA;AADA,YAAYC,oBAAmB;AAC/B,8BAAc;AACd,IAAO,kBAAS,aAAaA,iBAA8B,yBAAUA;;;ACQrE,IAAM,qBAAqB,0BAAO,iBAAY;AAAA;AAAA;AAIvC,IAAM,WAAW;AACjB,IAAM,eAAe;AAoBrB,IAAM,cAAc,CAAC,OAKJ;AALI,eACxB;AAAA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EAtCb,IAmC4B,IAIrB,kBAJqB,IAIrB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,OAAO,SAAS,eAAe;AACrC,SACI,0EACI,4CAAC,uBAAK,OAAO,MAAM,QAAQ,QAAU,MAAO,GAC3C,UACG,4CAAC,sBAAmB,SAAQ,UAAS,OAAO,GAAG,QAAQ,MAAM,GAEhE,uBACG,4CAAC,mCAAqB,mBAAoB,CAElD;AAER;AAYA,IAAM,aAAa,CAAC,OASgB;AAThB,eAChB;AAAA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAxEJ,IAiEoB,IAQb,iBARa,IAQb;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,SACF;AAAA,IAAC;AAAA;AAAA,MACG,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,YAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,kBAAc;AAAA;AAAA,EAClB;AAGJ,SACI,4CAAC,iCAAgB,OACZ,iBACG,4CAAC,mBAAQ,qBAAoB,SAAQ,SAAS,kBACzC,MACL,IAEA,MAER;AAER;AAEA,IAAO,qBAAQ;",
|
|
6
|
+
"names": ["defaultImport", "defaultImport"]
|
|
7
|
+
}
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
import {
|
|
11
11
|
IconButton_default,
|
|
12
12
|
prepareIcon
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-RZWTF3BK.js";
|
|
14
14
|
import {
|
|
15
15
|
react_default,
|
|
16
16
|
react_exports
|
|
@@ -32,8 +32,7 @@ var WindowChevronsSlash_default = "default" in defaultImport ? defaultImport.def
|
|
|
32
32
|
|
|
33
33
|
// src/buttons/Source.tsx
|
|
34
34
|
var icon = prepareIcon({
|
|
35
|
-
Icon: WindowChevronsSlash_default
|
|
36
|
-
screenReaderContent: (0, i18n_exports._)("Source code")
|
|
35
|
+
Icon: WindowChevronsSlash_default
|
|
37
36
|
});
|
|
38
37
|
var Source = ({ disabled = false, onClick }) => {
|
|
39
38
|
const sourceButtonRef = (0, dashboard_context_exports.useToolbarRef)("source");
|
|
@@ -54,7 +53,8 @@ var Source = ({ disabled = false, onClick }) => {
|
|
|
54
53
|
onClick: onSourceClick,
|
|
55
54
|
disabled,
|
|
56
55
|
icon,
|
|
57
|
-
buttonRef: sourceButtonRef
|
|
56
|
+
buttonRef: sourceButtonRef,
|
|
57
|
+
tooltipContent: (0, i18n_exports._)("Source code")
|
|
58
58
|
}
|
|
59
59
|
);
|
|
60
60
|
};
|
|
@@ -63,4 +63,4 @@ var Source_default = Source;
|
|
|
63
63
|
export {
|
|
64
64
|
Source_default
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-SJNT4MK5.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["esm-externals:@splunk/react-icons/WindowChevronsSlash", "../../src/buttons/Source.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/WindowChevronsSlash\";\nexport * from \"@splunk/react-icons/WindowChevronsSlash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport SourceIcon from '@splunk/react-icons/WindowChevronsSlash';\nimport { useRestoreFocus, useToolbarRef } from '@splunk/dashboard-context';\nimport type { ButtonClickHandler } from '@splunk/react-ui/Button';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface SourceProps extends ToolbarButtonProps {\n onClick?: ComponentProps<typeof IconButton>['onClick'];\n disabled?: boolean;\n}\n\nconst icon = prepareIcon({\n Icon: SourceIcon,\n});\n\n/**\n * Button that toggles source mode\n */\nconst Source = ({ disabled = false, onClick }: SourceProps) => {\n const sourceButtonRef = useToolbarRef('source');\n const setReturnPoint = useRestoreFocus(sourceButtonRef);\n\n const onSourceClick = useCallback<ButtonClickHandler>(\n (event, data) => {\n if (onClick) {\n onClick(event, data);\n setReturnPoint();\n }\n },\n [onClick, setReturnPoint]\n );\n\n return (\n <IconButton\n testLabel=\"source-button\"\n onClick={onSourceClick}\n disabled={disabled}\n icon={icon}\n buttonRef={sourceButtonRef}\n tooltipContent={_('Source code')}\n />\n );\n};\n\nexport default Source;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,0CAAc;AACd,IAAO,8BAAS,aAAa,gBAA8B,wBAAU;;;ACWrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAKD,IAAM,SAAS,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAmB;AAC3D,QAAM,sBAAkB,yCAAc,QAAQ;AAC9C,QAAM,qBAAiB,2CAAgB,eAAe;AAEtD,QAAM,oBAAgB;AAAA,IAClB,CAAC,OAAO,SAAS;AACb,UAAI,SAAS;AACT,gBAAQ,OAAO,IAAI;AACnB,uBAAe;AAAA,MACnB;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,cAAc;AAAA,EAC5B;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,oBAAgB,gBAAE,aAAa;AAAA;AAAA,EACnC;AAER;AAEA,IAAO,iBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
import {
|
|
12
12
|
IconButton_default,
|
|
13
13
|
prepareIcon
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RZWTF3BK.js";
|
|
15
15
|
import {
|
|
16
16
|
react_default,
|
|
17
17
|
react_exports
|
|
@@ -19,8 +19,7 @@ import {
|
|
|
19
19
|
|
|
20
20
|
// src/buttons/ContentExport.tsx
|
|
21
21
|
var icon = prepareIcon({
|
|
22
|
-
Icon: ArrowBroadUnderbarDown_default
|
|
23
|
-
screenReaderContent: (0, i18n_exports._)("Export")
|
|
22
|
+
Icon: ArrowBroadUnderbarDown_default
|
|
24
23
|
});
|
|
25
24
|
var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.createElement(
|
|
26
25
|
IconButton_default,
|
|
@@ -28,7 +27,8 @@ var ContentExport = ({ disabled, onClick }) => /* @__PURE__ */ react_default.cre
|
|
|
28
27
|
testLabel: "content-export-button",
|
|
29
28
|
onClick,
|
|
30
29
|
disabled: !!disabled,
|
|
31
|
-
icon
|
|
30
|
+
icon,
|
|
31
|
+
tooltipContent: (0, i18n_exports._)("Export")
|
|
32
32
|
}
|
|
33
33
|
);
|
|
34
34
|
var ContentExport_default = ContentExport;
|
|
@@ -36,4 +36,4 @@ var ContentExport_default = ContentExport;
|
|
|
36
36
|
export {
|
|
37
37
|
ContentExport_default
|
|
38
38
|
};
|
|
39
|
-
//# sourceMappingURL=chunk-
|
|
39
|
+
//# sourceMappingURL=chunk-TQIO5WSS.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buttons/ContentExport.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ArrowBroadUnderbarDown from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface ContentExportProps extends ToolbarButtonProps {\n disabled?: boolean;\n onClick?: ComponentProps<typeof IconButton>['onClick'];\n}\n\nconst icon = prepareIcon({\n Icon: ArrowBroadUnderbarDown,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAWA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;
|
|
4
|
+
"sourcesContent": ["import React, { type ComponentProps } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport ArrowBroadUnderbarDown from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nexport interface ContentExportProps extends ToolbarButtonProps {\n disabled?: boolean;\n onClick?: ComponentProps<typeof IconButton>['onClick'];\n}\n\nconst icon = prepareIcon({\n Icon: ArrowBroadUnderbarDown,\n});\n\nconst ContentExport = ({ disabled, onClick }: ContentExportProps) => (\n <IconButton\n testLabel=\"content-export-button\"\n onClick={onClick}\n disabled={!!disabled}\n icon={icon}\n tooltipContent={_('Export')}\n />\n);\n\nexport default ContentExport;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAWA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAED,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,MACvC;AAAA,EAAC;AAAA;AAAA,IACG,WAAU;AAAA,IACV;AAAA,IACA,UAAU,CAAC,CAAC;AAAA,IACZ;AAAA,IACA,oBAAgB,gBAAE,QAAQ;AAAA;AAC9B;AAGJ,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
import {
|
|
12
12
|
IconButton_default,
|
|
13
13
|
prepareIcon
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-RZWTF3BK.js";
|
|
15
15
|
import {
|
|
16
16
|
react_default,
|
|
17
17
|
react_exports
|
|
@@ -22,8 +22,7 @@ import {
|
|
|
22
22
|
|
|
23
23
|
// src/buttons/Image.tsx
|
|
24
24
|
var icon = prepareIcon({
|
|
25
|
-
Icon: Picture_default
|
|
26
|
-
screenReaderContent: (0, i18n_exports._)("Add image")
|
|
25
|
+
Icon: Picture_default
|
|
27
26
|
});
|
|
28
27
|
var Image = ({ dashboardApi }) => {
|
|
29
28
|
const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
|
|
@@ -44,7 +43,8 @@ var Image = ({ dashboardApi }) => {
|
|
|
44
43
|
{
|
|
45
44
|
testLabel: "image-button",
|
|
46
45
|
onClick: handleClick,
|
|
47
|
-
icon
|
|
46
|
+
icon,
|
|
47
|
+
tooltipContent: (0, i18n_exports._)("Add image")
|
|
48
48
|
}
|
|
49
49
|
);
|
|
50
50
|
};
|
|
@@ -53,4 +53,4 @@ var Image_default = Image;
|
|
|
53
53
|
export {
|
|
54
54
|
Image_default
|
|
55
55
|
};
|
|
56
|
-
//# sourceMappingURL=chunk-
|
|
56
|
+
//# sourceMappingURL=chunk-U5YCUIDK.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/buttons/Image.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\n\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Picture from '@splunk/react-icons/Picture';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n Icon: Picture,\n});\n\n/**\n * Button that create a empty image\n */\nconst Image = ({ dashboardApi }: ToolbarButtonProps) => {\n const handleClick = useCallback(async () => {\n dashboardApi?.createVisualization({\n visualizationDefinition: {\n type: 'splunk.image',\n options: {\n preserveAspectRatio: true,\n },\n },\n });\n\n dashboardApi?.openPanel({\n activePanel: 'config',\n });\n }, [dashboardApi]);\n\n return (\n <IconButton\n testLabel=\"image-button\"\n onClick={handleClick}\n icon={icon}\n tooltipContent={_('Add image')}\n />\n );\n};\n\nexport default Image;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAKD,IAAM,QAAQ,CAAC,EAAE,aAAa,MAA0B;AACpD,QAAM,kBAAc,2BAAY,MAAY;AACxC,iDAAc,oBAAoB;AAAA,MAC9B,yBAAyB;AAAA,QACrB,MAAM;AAAA,QACN,SAAS;AAAA,UACL,qBAAqB;AAAA,QACzB;AAAA,MACJ;AAAA,IACJ;AAEA,iDAAc,UAAU;AAAA,MACpB,aAAa;AAAA,IACjB;AAAA,EACJ,IAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT;AAAA,MACA,oBAAgB,gBAAE,WAAW;AAAA;AAAA,EACjC;AAER;AAEA,IAAO,gBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
IconButton_default,
|
|
9
9
|
prepareIcon
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-RZWTF3BK.js";
|
|
11
11
|
import {
|
|
12
12
|
dashboard_state_exports
|
|
13
13
|
} from "./chunk-ZV4AQ5DL.js";
|
|
@@ -51,8 +51,7 @@ var useToolbarButtonClick = (event, onClick) => {
|
|
|
51
51
|
|
|
52
52
|
// src/buttons/Fullscreen.tsx
|
|
53
53
|
var icon = prepareIcon({
|
|
54
|
-
Icon: ChevronsOut_default
|
|
55
|
-
screenReaderContent: (0, i18n_exports._)("Fullscreen")
|
|
54
|
+
Icon: ChevronsOut_default
|
|
56
55
|
});
|
|
57
56
|
var FullScreen = ({ dashboardApi }) => {
|
|
58
57
|
const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
|
|
@@ -66,7 +65,8 @@ var FullScreen = ({ dashboardApi }) => {
|
|
|
66
65
|
testLabel: "fullscreen-button",
|
|
67
66
|
onClick: handleClick,
|
|
68
67
|
disabled: isFullscreen,
|
|
69
|
-
icon
|
|
68
|
+
icon,
|
|
69
|
+
tooltipContent: (0, i18n_exports._)("Fullscreen")
|
|
70
70
|
}
|
|
71
71
|
);
|
|
72
72
|
};
|
|
@@ -75,4 +75,4 @@ var Fullscreen_default = FullScreen;
|
|
|
75
75
|
export {
|
|
76
76
|
Fullscreen_default
|
|
77
77
|
};
|
|
78
|
-
//# sourceMappingURL=chunk-
|
|
78
|
+
//# sourceMappingURL=chunk-UNYHHA4F.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/ChevronsOut", "../../src/hooks/useToolbarButtonClick.ts", "../../src/buttons/Fullscreen.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { useCallback } from 'react';\nimport { useDispatch, toolbarButtonClicked } from '@splunk/dashboard-state';\n\nexport const useToolbarButtonClick = <T extends unknown[]>(\n event?: string,\n onClick?: (...args: T) => void\n) => {\n const dispatch = useDispatch();\n\n return useCallback(\n (...args: T) => {\n if (dispatch && event) {\n dispatch(\n toolbarButtonClicked({\n event,\n })\n );\n }\n onClick?.(...args);\n },\n [dispatch, event, onClick]\n );\n};\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Fullscreen from '@splunk/react-icons/ChevronsOut';\nimport { selectFullscreenElement, useSelector } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { useToolbarButtonClick } from '../hooks/useToolbarButtonClick';\n\nconst icon = prepareIcon({\n Icon: Fullscreen,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACC9D,IAAM,wBAAwB,CACjC,OACA,YACC;AACD,QAAM,eAAW,qCAAY;AAE7B,aAAO;AAAA,IACH,IAAI,SAAY;AACZ,UAAI,YAAY,OAAO;AACnB;AAAA,cACI,8CAAqB;AAAA,YACjB;AAAA,UACJ,CAAC;AAAA,QACL;AAAA,MACJ;AACA,yCAAU,GAAG;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,OAAO,OAAO;AAAA,EAC7B;AACJ;;;ACZA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;
|
|
4
|
+
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { useCallback } from 'react';\nimport { useDispatch, toolbarButtonClicked } from '@splunk/dashboard-state';\n\nexport const useToolbarButtonClick = <T extends unknown[]>(\n event?: string,\n onClick?: (...args: T) => void\n) => {\n const dispatch = useDispatch();\n\n return useCallback(\n (...args: T) => {\n if (dispatch && event) {\n dispatch(\n toolbarButtonClicked({\n event,\n })\n );\n }\n onClick?.(...args);\n },\n [dispatch, event, onClick]\n );\n};\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Fullscreen from '@splunk/react-icons/ChevronsOut';\nimport { selectFullscreenElement, useSelector } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\nimport { useToolbarButtonClick } from '../hooks/useToolbarButtonClick';\n\nconst icon = prepareIcon({\n Icon: Fullscreen,\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n const isFullscreen = !!useSelector(selectFullscreenElement);\n\n const enterFullscreen = useCallback(async () => {\n await dashboardApi?.enterFullscreen();\n }, [dashboardApi]);\n\n const handleClick = useToolbarButtonClick('fullscreen', enterFullscreen);\n\n return (\n <IconButton\n testLabel=\"fullscreen-button\"\n onClick={handleClick}\n disabled={isFullscreen}\n icon={icon}\n tooltipContent={_('Fullscreen')}\n />\n );\n};\n\nexport default FullScreen;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACC9D,IAAM,wBAAwB,CACjC,OACA,YACC;AACD,QAAM,eAAW,qCAAY;AAE7B,aAAO;AAAA,IACH,IAAI,SAAY;AACZ,UAAI,YAAY,OAAO;AACnB;AAAA,cACI,8CAAqB;AAAA,YACjB;AAAA,UACJ,CAAC;AAAA,QACL;AAAA,MACJ;AACA,yCAAU,GAAG;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,OAAO,OAAO;AAAA,EAC7B;AACJ;;;ACZA,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AACV,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,sBAAkB,2BAAY,MAAY;AAC5C,UAAM,6CAAc;AAAA,EACxB,IAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,cAAc,sBAAsB,cAAc,eAAe;AAEvE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA,MACA,oBAAgB,gBAAE,YAAY;AAAA;AAAA,EAClC;AAER;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
} from "./chunk-GMMN7SOC.js";
|
|
15
15
|
import {
|
|
16
16
|
StyledDropdownButton
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-BDFUA6X7.js";
|
|
18
18
|
import {
|
|
19
19
|
Dropdown_default,
|
|
20
20
|
Dropdown_exports,
|
|
@@ -25,7 +25,7 @@ import {
|
|
|
25
25
|
} from "./chunk-JIIPUMEA.js";
|
|
26
26
|
import {
|
|
27
27
|
prepareIcon
|
|
28
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-RZWTF3BK.js";
|
|
29
29
|
import {
|
|
30
30
|
Item_default
|
|
31
31
|
} from "./chunk-C3GFY32L.js";
|
|
@@ -71,7 +71,6 @@ var ShapesVariety_default = "default" in defaultImport3 ? defaultImport3.default
|
|
|
71
71
|
// src/buttons/Shapes.tsx
|
|
72
72
|
var shapesDropdown = prepareIcon({
|
|
73
73
|
Icon: ShapesVariety_default,
|
|
74
|
-
screenReaderContent: (0, i18n_exports._)("Add shape"),
|
|
75
74
|
isMenu: true
|
|
76
75
|
});
|
|
77
76
|
var ButtonToggle = /* @__PURE__ */ react_default.createElement(
|
|
@@ -80,7 +79,8 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
|
|
|
80
79
|
appearance: "subtle",
|
|
81
80
|
"data-clickable": true,
|
|
82
81
|
"data-test": "shapes-button",
|
|
83
|
-
icon: shapesDropdown
|
|
82
|
+
icon: shapesDropdown,
|
|
83
|
+
tooltipContent: (0, i18n_exports._)("Add shape")
|
|
84
84
|
}
|
|
85
85
|
);
|
|
86
86
|
var focusToggleReasons = [
|
|
@@ -172,4 +172,4 @@ var Shapes_default = Shapes;
|
|
|
172
172
|
export {
|
|
173
173
|
Shapes_default
|
|
174
174
|
};
|
|
175
|
-
//# sourceMappingURL=chunk-
|
|
175
|
+
//# sourceMappingURL=chunk-UUMIWWJE.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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
|
+
"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,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;",
|
|
6
|
+
"names": ["defaultImport", "defaultImport"]
|
|
7
|
+
}
|
|
@@ -3,7 +3,7 @@ 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
|
Fullscreen_default
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-UNYHHA4F.js";
|
|
7
7
|
import {
|
|
8
8
|
ItemGroup_default
|
|
9
9
|
} from "./chunk-RJ5FWZWY.js";
|
|
@@ -22,4 +22,4 @@ var ControlGroup_default = ControlGroup;
|
|
|
22
22
|
export {
|
|
23
23
|
ControlGroup_default
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
25
|
+
//# sourceMappingURL=chunk-VGHYIDZA.js.map
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from "./chunk-GMMN7SOC.js";
|
|
11
11
|
import {
|
|
12
12
|
StyledDropdownButton
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-BDFUA6X7.js";
|
|
14
14
|
import {
|
|
15
15
|
Dropdown_default,
|
|
16
16
|
Dropdown_exports,
|
|
@@ -24,7 +24,7 @@ import {
|
|
|
24
24
|
} from "./chunk-JIIPUMEA.js";
|
|
25
25
|
import {
|
|
26
26
|
prepareIcon
|
|
27
|
-
} from "./chunk-
|
|
27
|
+
} from "./chunk-RZWTF3BK.js";
|
|
28
28
|
import {
|
|
29
29
|
Item_default
|
|
30
30
|
} from "./chunk-C3GFY32L.js";
|
|
@@ -69,8 +69,7 @@ var ScrollableMenu = styled_components_default(Menu_default).attrs(
|
|
|
69
69
|
`;
|
|
70
70
|
var chartsDropdown = prepareIcon({
|
|
71
71
|
Icon: ChartColumn_default,
|
|
72
|
-
isMenu: true
|
|
73
|
-
screenReaderContent: (0, i18n_exports._)("Add chart")
|
|
72
|
+
isMenu: true
|
|
74
73
|
});
|
|
75
74
|
var ButtonToggle = /* @__PURE__ */ react_default.createElement(
|
|
76
75
|
StyledDropdownButton,
|
|
@@ -78,7 +77,8 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
|
|
|
78
77
|
"data-test": "charts-button",
|
|
79
78
|
"data-clickable": true,
|
|
80
79
|
appearance: "subtle",
|
|
81
|
-
icon: chartsDropdown
|
|
80
|
+
icon: chartsDropdown,
|
|
81
|
+
tooltipContent: (0, i18n_exports._)("Add chart")
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
84
|
var focusToggleReasons = [
|
|
@@ -199,4 +199,4 @@ export {
|
|
|
199
199
|
getVisualizationListFromTaxonomy,
|
|
200
200
|
Charts_default
|
|
201
201
|
};
|
|
202
|
-
//# sourceMappingURL=chunk-
|
|
202
|
+
//# sourceMappingURL=chunk-YH3LWJKQ.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["esm-externals:@splunk/react-icons/ChartColumn", "../../src/buttons/Charts.tsx"],
|
|
4
|
+
"sourcesContent": ["import * 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});\n\nconst ButtonToggle = (\n <StyledDropdownButton\n data-test=\"charts-button\"\n data-clickable\n appearance=\"subtle\"\n icon={chartsDropdown}\n tooltipContent={_('Add chart')}\n />\n);\n\nconst focusToggleReasons: DropdownPossibleCloseReason[] = [\n 'escapeKey',\n 'tabKey',\n];\n\ntype Visualizations = Taxonomy[number]['visualizations'];\n\n/**\n * export for unit testing\n * @private\n */\nexport const getVisualizationListFromTaxonomy = ({\n taxonomy,\n handleCreateVisualization,\n}: {\n taxonomy: Taxonomy;\n handleCreateVisualization: (opt: {\n type: string;\n options: Record<string, unknown>;\n }) => () => void;\n}): JSX.Element[] =>\n taxonomy.reduce(\n (list: React.ReactElement[], { visualizations, category }) => {\n const availableVisualizations: Visualizations =\n visualizations.filter((props) => props.includeInToolbar);\n\n if (availableVisualizations.length === 0) {\n return list;\n }\n\n list.push(<Menu.Divider key={`menu-divider-${category}`} />);\n\n return list.concat(\n availableVisualizations.map((vizProps) => {\n const { label, type, initialOptions } = vizProps;\n const Icon = vizProps.icon as React.JSXElementConstructor<\n Record<string, unknown>\n > | null;\n\n if (!type) {\n return null;\n }\n\n const onClick = handleCreateVisualization({\n type,\n options: initialOptions as Record<string, unknown>,\n });\n\n return (\n <Menu.Item\n data-test={`add-${type}-button`}\n data-test-clickable\n onClick={onClick}\n startAdornment={!!Icon && <Icon size=\"18px\" />}\n key={`add-${type}-button`}\n >\n {label}\n </Menu.Item>\n );\n }) as JSX.Element[]\n );\n },\n []\n );\n\n/**\n * Charts button that has a dropdown menu.\n */\nconst Charts = ({ dashboardApi, preset }: ToolbarButtonProps): JSX.Element => {\n const { showNewDataForViz = true } = useFeatureFlags();\n\n const { family } = useSplunkTheme();\n const { handleForceClose, handleRequestClose, handleRequestOpen, isOpen } =\n useDropdown({\n isContentClickClose: false,\n });\n\n const taxonomy: Taxonomy = useMemo(\n () => new VisualizationFilter(preset).taxonomy,\n [preset]\n );\n\n const handleCreateVisualization = useCallback(\n ({\n type,\n options,\n }: {\n type: string;\n options: Record<string, unknown>;\n }) =>\n () => {\n batch(() => {\n dashboardApi?.createVisualization({\n visualizationDefinition: { type, options },\n });\n\n if (showNewDataForViz) {\n dashboardApi?.openPanel({\n activePanel: 'connectData',\n panelProps: {\n bindingType: 'primary',\n from: {\n activePanel: 'config',\n },\n },\n });\n }\n });\n\n handleForceClose();\n },\n [dashboardApi, showNewDataForViz, handleForceClose]\n );\n\n const visualizationList = useMemo(\n () =>\n getVisualizationListFromTaxonomy({\n taxonomy,\n handleCreateVisualization,\n }),\n [taxonomy, handleCreateVisualization]\n );\n\n const renderScrollableMenu = useCallback<DropdownChildrenRenderer>(\n ({ maxHeight }) => (\n <SplunkThemeProvider\n density={family === 'enterprise' ? 'comfortable' : 'compact'}\n >\n <ScrollableMenu\n maxHeight={maxHeight}\n data-test=\"add-chart-menu\"\n >\n {visualizationList}\n </ScrollableMenu>\n </SplunkThemeProvider>\n ),\n [family, visualizationList]\n );\n\n return (\n <ToolbarItem>\n <Dropdown\n focusToggleReasons={focusToggleReasons}\n onRequestClose={handleRequestClose}\n onRequestOpen={handleRequestOpen}\n open={isOpen}\n toggle={ButtonToggle}\n >\n {renderScrollableMenu}\n </Dropdown>\n </ToolbarItem>\n );\n};\n\nexport default Charts;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACuBrE,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;AACZ,CAAC;AAED,IAAM,eACF;AAAA,EAAC;AAAA;AAAA,IACG,aAAU;AAAA,IACV,kBAAc;AAAA,IACd,YAAW;AAAA,IACX,MAAM;AAAA,IACN,oBAAgB,gBAAE,WAAW;AAAA;AACjC;AAGJ,IAAM,qBAAoD;AAAA,EACtD;AAAA,EACA;AACJ;AAQO,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,MACG;AAAA,MACA;AAAA,IACJ,MAII,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;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk-6NLVLUCU.js";
|
|
7
7
|
import {
|
|
8
8
|
StyledDropdownButton
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-BDFUA6X7.js";
|
|
10
10
|
import {
|
|
11
11
|
Dropdown_default,
|
|
12
12
|
Dropdown_exports,
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
} from "./chunk-JIIPUMEA.js";
|
|
18
18
|
import {
|
|
19
19
|
prepareIcon
|
|
20
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-RZWTF3BK.js";
|
|
21
21
|
import {
|
|
22
22
|
Item_default
|
|
23
23
|
} from "./chunk-C3GFY32L.js";
|
|
@@ -52,7 +52,6 @@ var MenusContainer = styled_components_default.div`
|
|
|
52
52
|
`;
|
|
53
53
|
var iconGalleryDropdown = prepareIcon({
|
|
54
54
|
Icon: ChartSingleValueIcon_default,
|
|
55
|
-
screenReaderContent: (0, i18n_exports._)("Add icon"),
|
|
56
55
|
isMenu: true
|
|
57
56
|
});
|
|
58
57
|
var focusToggleReasons = [
|
|
@@ -76,7 +75,8 @@ var IconGallery = ({ dashboardApi }) => {
|
|
|
76
75
|
"data-test": "icon-gallery-button",
|
|
77
76
|
"data-clickable": true,
|
|
78
77
|
appearance: "subtle",
|
|
79
|
-
icon: iconGalleryDropdown
|
|
78
|
+
icon: iconGalleryDropdown,
|
|
79
|
+
tooltipContent: (0, i18n_exports._)("Add icon")
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
82
|
[]
|
|
@@ -122,4 +122,4 @@ var IconGallery_default = IconGallery;
|
|
|
122
122
|
export {
|
|
123
123
|
IconGallery_default
|
|
124
124
|
};
|
|
125
|
-
//# sourceMappingURL=chunk-
|
|
125
|
+
//# sourceMappingURL=chunk-YMIK47DX.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["esm-externals:@splunk/react-icons/ChartSingleValueIcon", "../../src/buttons/IconGallery.tsx"],
|
|
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,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;",
|
|
6
|
+
"names": ["IconGalleryPanel"]
|
|
7
|
+
}
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
import {
|
|
11
11
|
IconButton_default,
|
|
12
12
|
prepareIcon
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-RZWTF3BK.js";
|
|
14
14
|
import {
|
|
15
15
|
dashboard_state_exports
|
|
16
16
|
} from "./chunk-ZV4AQ5DL.js";
|
|
@@ -35,8 +35,7 @@ var CylinderMulti_default = "default" in defaultImport ? defaultImport.default :
|
|
|
35
35
|
|
|
36
36
|
// src/buttons/Data.tsx
|
|
37
37
|
var dataInputIcon = prepareIcon({
|
|
38
|
-
Icon: CylinderMulti_default
|
|
39
|
-
screenReaderContent: (0, i18n_exports._)("Data source overview")
|
|
38
|
+
Icon: CylinderMulti_default
|
|
40
39
|
});
|
|
41
40
|
var Data = ({ dashboardApi }) => {
|
|
42
41
|
const dataButtonRef = (0, dashboard_context_exports.useToolbarRef)("dataOverview");
|
|
@@ -62,7 +61,8 @@ var Data = ({ dashboardApi }) => {
|
|
|
62
61
|
buttonRef: dataButtonRef,
|
|
63
62
|
testLabel: "data-button",
|
|
64
63
|
onClick: handleClick,
|
|
65
|
-
icon: dataInputIcon
|
|
64
|
+
icon: dataInputIcon,
|
|
65
|
+
tooltipContent: (0, i18n_exports._)("Data source overview")
|
|
66
66
|
}
|
|
67
67
|
);
|
|
68
68
|
};
|
|
@@ -71,4 +71,4 @@ var Data_default = Data;
|
|
|
71
71
|
export {
|
|
72
72
|
Data_default
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=chunk-
|
|
74
|
+
//# sourceMappingURL=chunk-ZEITW5IL.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["esm-externals:@splunk/react-icons/CylinderMulti", "../../src/buttons/Data.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/CylinderMulti\";\nexport * from \"@splunk/react-icons/CylinderMulti\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport DataInput from '@splunk/react-icons/CylinderMulti';\n\nimport { useToolbarRef } from '@splunk/dashboard-context';\nimport { batch } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst dataInputIcon = prepareIcon({\n Icon: DataInput,\n});\n\n/**\n * Button that toggle data overview panel\n */\nconst Data = ({ dashboardApi }: ToolbarButtonProps) => {\n const dataButtonRef = useToolbarRef('dataOverview');\n\n const handleClick = useCallback(() => {\n const isOpen = dashboardApi?.getOpenedPanel() === 'dataOverview';\n if (isOpen) {\n dashboardApi.closePanel();\n } else {\n batch(() => {\n // Deselect all selected visualizations\n dashboardApi?.selectVisualization([]);\n // Open data overview panel\n dashboardApi?.openPanel({\n activePanel: 'dataOverview',\n panelProps: {\n focusOnOpen: true,\n },\n });\n });\n }\n }, [dashboardApi]);\n\n return (\n <IconButton\n buttonRef={dataButtonRef}\n testLabel=\"data-button\"\n onClick={handleClick}\n icon={dataInputIcon}\n tooltipContent={_('Data source overview')}\n />\n );\n};\n\nexport default Data;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,oCAAc;AACd,IAAO,wBAAS,aAAa,gBAA8B,wBAAU;;;ACSrE,IAAM,gBAAgB,YAAY;AAAA,EAC9B,MAAM;AACV,CAAC;AAKD,IAAM,OAAO,CAAC,EAAE,aAAa,MAA0B;AACnD,QAAM,oBAAgB,yCAAc,cAAc;AAElD,QAAM,kBAAc,2BAAY,MAAM;AAClC,UAAM,UAAS,6CAAc,sBAAqB;AAClD,QAAI,QAAQ;AACR,mBAAa,WAAW;AAAA,IAC5B,OAAO;AACH,yCAAM,MAAM;AAER,qDAAc,oBAAoB,CAAC;AAEnC,qDAAc,UAAU;AAAA,UACpB,aAAa;AAAA,UACb,YAAY;AAAA,YACR,aAAa;AAAA,UACjB;AAAA,QACJ;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,sBAAsB;AAAA;AAAA,EAC5C;AAER;AAEA,IAAO,eAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -3,41 +3,41 @@ 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
|
ControlGroup_default
|
|
6
|
-
} from "../chunks/chunk-
|
|
7
|
-
import "../chunks/chunk-
|
|
8
|
-
import "../chunks/chunk-
|
|
9
|
-
import "../chunks/chunk-
|
|
10
|
-
import "../chunks/chunk-
|
|
11
|
-
import "../chunks/chunk-
|
|
12
|
-
import "../chunks/chunk-
|
|
6
|
+
} from "../chunks/chunk-VGHYIDZA.js";
|
|
7
|
+
import "../chunks/chunk-RZRB3MPG.js";
|
|
8
|
+
import "../chunks/chunk-SJNT4MK5.js";
|
|
9
|
+
import "../chunks/chunk-KDWTCNVM.js";
|
|
10
|
+
import "../chunks/chunk-YMIK47DX.js";
|
|
11
|
+
import "../chunks/chunk-U5YCUIDK.js";
|
|
12
|
+
import "../chunks/chunk-EUFLSUPO.js";
|
|
13
13
|
import "../chunks/chunk-I6AJG47U.js";
|
|
14
|
-
import "../chunks/chunk-
|
|
15
|
-
import "../chunks/chunk-
|
|
14
|
+
import "../chunks/chunk-DM27U6AI.js";
|
|
15
|
+
import "../chunks/chunk-RS2VRN2X.js";
|
|
16
16
|
import "../chunks/chunk-NTQBWCZU.js";
|
|
17
|
-
import "../chunks/chunk-
|
|
18
|
-
import "../chunks/chunk-
|
|
19
|
-
import "../chunks/chunk-
|
|
20
|
-
import "../chunks/chunk-
|
|
21
|
-
import "../chunks/chunk-
|
|
22
|
-
import "../chunks/chunk-
|
|
17
|
+
import "../chunks/chunk-HMQY5XLG.js";
|
|
18
|
+
import "../chunks/chunk-UUMIWWJE.js";
|
|
19
|
+
import "../chunks/chunk-P5YTSVEV.js";
|
|
20
|
+
import "../chunks/chunk-TQIO5WSS.js";
|
|
21
|
+
import "../chunks/chunk-ZEITW5IL.js";
|
|
22
|
+
import "../chunks/chunk-6RWX6HA7.js";
|
|
23
23
|
import "../chunks/chunk-RKJ7RKNK.js";
|
|
24
24
|
import "../chunks/chunk-2MOF5ZP7.js";
|
|
25
25
|
import "../chunks/chunk-KGSEQL62.js";
|
|
26
|
-
import "../chunks/chunk-
|
|
26
|
+
import "../chunks/chunk-UNYHHA4F.js";
|
|
27
27
|
import "../chunks/chunk-MUXHFVOC.js";
|
|
28
|
-
import "../chunks/chunk-
|
|
28
|
+
import "../chunks/chunk-DQZGTQ2Z.js";
|
|
29
29
|
import "../chunks/chunk-RJ5FWZWY.js";
|
|
30
30
|
import "../chunks/chunk-IHFVJPGQ.js";
|
|
31
31
|
import "../chunks/chunk-WSTQTULM.js";
|
|
32
32
|
import "../chunks/chunk-SFYQQARV.js";
|
|
33
|
-
import "../chunks/chunk-
|
|
33
|
+
import "../chunks/chunk-YH3LWJKQ.js";
|
|
34
34
|
import "../chunks/chunk-6NLVLUCU.js";
|
|
35
35
|
import "../chunks/chunk-GMMN7SOC.js";
|
|
36
|
-
import "../chunks/chunk-
|
|
36
|
+
import "../chunks/chunk-BDFUA6X7.js";
|
|
37
37
|
import "../chunks/chunk-4SWPK2TU.js";
|
|
38
38
|
import "../chunks/chunk-VITMNUKV.js";
|
|
39
39
|
import "../chunks/chunk-JIIPUMEA.js";
|
|
40
|
-
import "../chunks/chunk-
|
|
40
|
+
import "../chunks/chunk-RZWTF3BK.js";
|
|
41
41
|
import "../chunks/chunk-RFWUOGJ3.js";
|
|
42
42
|
import "../chunks/chunk-C3GFY32L.js";
|
|
43
43
|
import "../chunks/chunk-ZV4AQ5DL.js";
|
|
@@ -3,41 +3,41 @@ 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
|
EditingGroup_default
|
|
6
|
-
} from "../chunks/chunk-
|
|
7
|
-
import "../chunks/chunk-
|
|
8
|
-
import "../chunks/chunk-
|
|
9
|
-
import "../chunks/chunk-
|
|
10
|
-
import "../chunks/chunk-
|
|
11
|
-
import "../chunks/chunk-
|
|
12
|
-
import "../chunks/chunk-
|
|
6
|
+
} from "../chunks/chunk-5IFDFRGD.js";
|
|
7
|
+
import "../chunks/chunk-RZRB3MPG.js";
|
|
8
|
+
import "../chunks/chunk-SJNT4MK5.js";
|
|
9
|
+
import "../chunks/chunk-KDWTCNVM.js";
|
|
10
|
+
import "../chunks/chunk-YMIK47DX.js";
|
|
11
|
+
import "../chunks/chunk-U5YCUIDK.js";
|
|
12
|
+
import "../chunks/chunk-EUFLSUPO.js";
|
|
13
13
|
import "../chunks/chunk-I6AJG47U.js";
|
|
14
|
-
import "../chunks/chunk-
|
|
15
|
-
import "../chunks/chunk-
|
|
14
|
+
import "../chunks/chunk-DM27U6AI.js";
|
|
15
|
+
import "../chunks/chunk-RS2VRN2X.js";
|
|
16
16
|
import "../chunks/chunk-NTQBWCZU.js";
|
|
17
|
-
import "../chunks/chunk-
|
|
18
|
-
import "../chunks/chunk-
|
|
19
|
-
import "../chunks/chunk-
|
|
20
|
-
import "../chunks/chunk-
|
|
21
|
-
import "../chunks/chunk-
|
|
22
|
-
import "../chunks/chunk-
|
|
17
|
+
import "../chunks/chunk-HMQY5XLG.js";
|
|
18
|
+
import "../chunks/chunk-UUMIWWJE.js";
|
|
19
|
+
import "../chunks/chunk-P5YTSVEV.js";
|
|
20
|
+
import "../chunks/chunk-TQIO5WSS.js";
|
|
21
|
+
import "../chunks/chunk-ZEITW5IL.js";
|
|
22
|
+
import "../chunks/chunk-6RWX6HA7.js";
|
|
23
23
|
import "../chunks/chunk-RKJ7RKNK.js";
|
|
24
24
|
import "../chunks/chunk-2MOF5ZP7.js";
|
|
25
25
|
import "../chunks/chunk-KGSEQL62.js";
|
|
26
|
-
import "../chunks/chunk-
|
|
26
|
+
import "../chunks/chunk-UNYHHA4F.js";
|
|
27
27
|
import "../chunks/chunk-MUXHFVOC.js";
|
|
28
|
-
import "../chunks/chunk-
|
|
28
|
+
import "../chunks/chunk-DQZGTQ2Z.js";
|
|
29
29
|
import "../chunks/chunk-RJ5FWZWY.js";
|
|
30
30
|
import "../chunks/chunk-IHFVJPGQ.js";
|
|
31
31
|
import "../chunks/chunk-WSTQTULM.js";
|
|
32
32
|
import "../chunks/chunk-SFYQQARV.js";
|
|
33
|
-
import "../chunks/chunk-
|
|
33
|
+
import "../chunks/chunk-YH3LWJKQ.js";
|
|
34
34
|
import "../chunks/chunk-6NLVLUCU.js";
|
|
35
35
|
import "../chunks/chunk-GMMN7SOC.js";
|
|
36
|
-
import "../chunks/chunk-
|
|
36
|
+
import "../chunks/chunk-BDFUA6X7.js";
|
|
37
37
|
import "../chunks/chunk-4SWPK2TU.js";
|
|
38
38
|
import "../chunks/chunk-VITMNUKV.js";
|
|
39
39
|
import "../chunks/chunk-JIIPUMEA.js";
|
|
40
|
-
import "../chunks/chunk-
|
|
40
|
+
import "../chunks/chunk-RZWTF3BK.js";
|
|
41
41
|
import "../chunks/chunk-RFWUOGJ3.js";
|
|
42
42
|
import "../chunks/chunk-C3GFY32L.js";
|
|
43
43
|
import "../chunks/chunk-ZV4AQ5DL.js";
|