@splunk/dashboard-toolbar 29.5.2 → 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/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 +22 -22
- 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
|
@@ -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/ArrowBowLeft
|
|
21
21
|
var ArrowBowLeft_exports = {};
|
|
@@ -33,17 +33,13 @@ var icon = prepareIcon({
|
|
|
33
33
|
});
|
|
34
34
|
var Undo = ({ dashboardApi }) => {
|
|
35
35
|
const [canUndo, setCanUndo] = (0, react_exports.useState)(
|
|
36
|
-
() =>
|
|
37
|
-
var _a;
|
|
38
|
-
return (_a = dashboardApi == null ? void 0 : dashboardApi.canUndo()) != null ? _a : false;
|
|
39
|
-
}
|
|
36
|
+
() => dashboardApi?.canUndo() ?? false
|
|
40
37
|
);
|
|
41
38
|
const onDefinitionChange = (0, react_exports.useCallback)(() => {
|
|
42
|
-
|
|
43
|
-
setCanUndo((_a = dashboardApi == null ? void 0 : dashboardApi.canUndo()) != null ? _a : false);
|
|
39
|
+
setCanUndo(dashboardApi?.canUndo() ?? 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 Undo_default = Undo;
|
|
|
74
70
|
export {
|
|
75
71
|
Undo_default
|
|
76
72
|
};
|
|
77
|
-
//# sourceMappingURL=chunk-
|
|
73
|
+
//# sourceMappingURL=chunk-37TNXIHV.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/ArrowBowLeft", "../../src/buttons/Undo.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as defaultImport from \"@splunk/react-icons/ArrowBowLeft\";\nexport * from \"@splunk/react-icons/ArrowBowLeft\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useState } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport UndoIcon from '@splunk/react-icons/ArrowBowLeft';\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n Icon: UndoIcon,\n});\n\nconst Undo = ({ dashboardApi }: ToolbarButtonProps) => {\n // TODO: replace when history management is done in redux\n // mode changes can cause the button to mount while there is an undo state\n const [canUndo, setCanUndo] = useState(\n () => dashboardApi?.canUndo() ?? false\n );\n\n const onDefinitionChange = useCallback(() => {\n setCanUndo(dashboardApi?.canUndo() ?? false);\n }, [dashboardApi]);\n\n useEffect(() => {\n if (!dashboardApi?.historyManager) {\n return () => undefined;\n }\n // Dirty hack to get the history manager.\n return dashboardApi.historyManager.subscribe({\n onAdd: onDefinitionChange,\n onUndo: onDefinitionChange,\n onRedo: onDefinitionChange,\n });\n }, [dashboardApi, onDefinitionChange]);\n\n const handleClick = useCallback(() => {\n if (!dashboardApi) {\n return;\n }\n\n dashboardApi.undo({ source: 'toolbar' });\n }, [dashboardApi]);\n\n return (\n <IconButton\n testLabel=\"undo-button\"\n onClick={handleClick}\n disabled={!canUndo}\n icon={icon}\n tooltipContent={_('Undo')}\n />\n );\n};\n\nexport default Undo;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,mCAAc;AACd,IAAO,uBAAS,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,mCAAc;AACd,IAAO,uBAAS,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
|
}
|
|
@@ -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/Menu
|
|
10
10
|
var Menu_exports = {};
|
|
@@ -20,4 +20,4 @@ export {
|
|
|
20
20
|
Menu_default,
|
|
21
21
|
Menu_exports
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=chunk-
|
|
23
|
+
//# sourceMappingURL=chunk-3PEWQDKC.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-state
|
|
10
10
|
var dashboard_state_exports = {};
|
|
@@ -19,4 +19,4 @@ var dashboard_state_default = "default" in defaultImport ? defaultImport.default
|
|
|
19
19
|
export {
|
|
20
20
|
dashboard_state_exports
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=chunk-
|
|
22
|
+
//# sourceMappingURL=chunk-6C2NOEOI.js.map
|
|
@@ -4,23 +4,23 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
Menu_default,
|
|
6
6
|
Menu_exports
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-3PEWQDKC.js";
|
|
8
8
|
import {
|
|
9
9
|
Dropdown_default,
|
|
10
10
|
Dropdown_exports,
|
|
11
11
|
useDropdown_default
|
|
12
|
-
} from "./chunk-
|
|
12
|
+
} from "./chunk-KTJRF2VW.js";
|
|
13
13
|
import {
|
|
14
14
|
i18n_exports
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-PZA4F4AY.js";
|
|
16
16
|
import {
|
|
17
17
|
Button_default,
|
|
18
18
|
Button_exports
|
|
19
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-ICS6CLF6.js";
|
|
20
20
|
import {
|
|
21
21
|
react_default,
|
|
22
22
|
react_exports
|
|
23
|
-
} from "./chunk-
|
|
23
|
+
} from "./chunk-OOGFGU4X.js";
|
|
24
24
|
|
|
25
25
|
// src/groups/ActionsGroup.tsx
|
|
26
26
|
var menuStyle = {
|
|
@@ -56,4 +56,4 @@ var ActionsGroup_default = ActionsGroup;
|
|
|
56
56
|
export {
|
|
57
57
|
ActionsGroup_default
|
|
58
58
|
};
|
|
59
|
-
//# sourceMappingURL=chunk-
|
|
59
|
+
//# sourceMappingURL=chunk-A4O2G7H7.js.map
|
|
@@ -4,24 +4,22 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
|
4
4
|
import {
|
|
5
5
|
Button_default,
|
|
6
6
|
Button_exports
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-ICS6CLF6.js";
|
|
8
8
|
import {
|
|
9
9
|
Item_default
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-KIWM3XWB.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
|
styled_components_default,
|
|
17
17
|
styled_components_exports
|
|
18
|
-
} from "./chunk-
|
|
18
|
+
} from "./chunk-Q5OC2QQV.js";
|
|
19
19
|
import {
|
|
20
20
|
__export,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
__spreadValues
|
|
24
|
-
} from "./chunk-VQIRZ53C.js";
|
|
21
|
+
__reExport
|
|
22
|
+
} from "./chunk-AFH5LL74.js";
|
|
25
23
|
|
|
26
24
|
// esm-externals:@splunk/react-icons/CaretDown
|
|
27
25
|
var CaretDown_exports = {};
|
|
@@ -59,37 +57,25 @@ var StyledDropdownIcon = styled_components_default(CaretDown_default)`
|
|
|
59
57
|
`;
|
|
60
58
|
var iconSize = 24;
|
|
61
59
|
var menuIconSize = 20;
|
|
62
|
-
var prepareIcon = (
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"Icon",
|
|
69
|
-
"screenReaderContent",
|
|
70
|
-
"isMenu"
|
|
71
|
-
]);
|
|
60
|
+
var prepareIcon = ({
|
|
61
|
+
Icon,
|
|
62
|
+
screenReaderContent,
|
|
63
|
+
isMenu = false,
|
|
64
|
+
...props
|
|
65
|
+
}) => {
|
|
72
66
|
const size = isMenu ? menuIconSize : iconSize;
|
|
73
|
-
return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Icon,
|
|
67
|
+
return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(Icon, { width: size, height: size, ...props }), isMenu && /* @__PURE__ */ react_default.createElement(StyledDropdownIcon, { variant: "filled", width: 9, height: size }), screenReaderContent && /* @__PURE__ */ react_default.createElement(ScreenReaderContent_default, null, screenReaderContent));
|
|
74
68
|
};
|
|
75
|
-
var IconButton = (
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
"icon",
|
|
86
|
-
"buttonRef",
|
|
87
|
-
"disabled",
|
|
88
|
-
"onClick",
|
|
89
|
-
"label",
|
|
90
|
-
"tooltipContent",
|
|
91
|
-
"testLabel"
|
|
92
|
-
]);
|
|
69
|
+
var IconButton = ({
|
|
70
|
+
icon,
|
|
71
|
+
buttonRef,
|
|
72
|
+
disabled = false,
|
|
73
|
+
onClick,
|
|
74
|
+
label,
|
|
75
|
+
tooltipContent,
|
|
76
|
+
testLabel,
|
|
77
|
+
...rest
|
|
78
|
+
}) => {
|
|
93
79
|
const button = /* @__PURE__ */ react_default.createElement(
|
|
94
80
|
Button_default,
|
|
95
81
|
{
|
|
@@ -103,7 +89,7 @@ var IconButton = (_a) => {
|
|
|
103
89
|
"data-clickable": true
|
|
104
90
|
}
|
|
105
91
|
);
|
|
106
|
-
return /* @__PURE__ */ react_default.createElement(Item_default,
|
|
92
|
+
return /* @__PURE__ */ react_default.createElement(Item_default, { ...rest }, tooltipContent ? /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: tooltipContent }, button) : button);
|
|
107
93
|
};
|
|
108
94
|
var IconButton_default = IconButton;
|
|
109
95
|
|
|
@@ -117,4 +103,4 @@ export {
|
|
|
117
103
|
prepareIcon,
|
|
118
104
|
IconButton_default
|
|
119
105
|
};
|
|
120
|
-
//# sourceMappingURL=chunk-
|
|
106
|
+
//# sourceMappingURL=chunk-A4S4A2N5.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
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
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": "
|
|
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;AAAA,EACxB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACP,MAAwB;AACpB,QAAM,OAAO,SAAS,eAAe;AACrC,SACI,0EACI,4CAAC,QAAK,OAAO,MAAM,QAAQ,MAAO,GAAG,OAAO,GAC3C,UACG,4CAAC,sBAAmB,SAAQ,UAAS,OAAO,GAAG,QAAQ,MAAM,GAEhE,uBACG,4CAAC,mCAAqB,mBAAoB,CAElD;AAER;AAYA,IAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAoC;AAChC,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,gBAAa,GAAG,QACZ,iBACG,4CAAC,mBAAQ,qBAAoB,SAAQ,SAAS,kBACzC,MACL,IAEA,MAER;AAER;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": ["defaultImport", "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/dashboard-ui
|
|
10
10
|
var dashboard_ui_exports = {};
|
|
@@ -19,4 +19,4 @@ var dashboard_ui_default = "default" in defaultImport ? defaultImport.default :
|
|
|
19
19
|
export {
|
|
20
20
|
dashboard_ui_exports
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=chunk-
|
|
22
|
+
//# sourceMappingURL=chunk-A6YRCP43.js.map
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/* Copyright © 2020 Splunk Inc.
|
|
2
|
+
SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
3
|
+
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
+
|
|
22
|
+
export {
|
|
23
|
+
__export,
|
|
24
|
+
__reExport
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=chunk-AFH5LL74.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_state_exports
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-6C2NOEOI.js";
|
|
7
7
|
import {
|
|
8
8
|
themes_exports
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-OBDH7GEY.js";
|
|
10
10
|
import {
|
|
11
11
|
react_default,
|
|
12
12
|
react_exports
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-OOGFGU4X.js";
|
|
14
14
|
import {
|
|
15
15
|
styled_components_default,
|
|
16
16
|
styled_components_exports
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-Q5OC2QQV.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/themes/mixins
|
|
24
24
|
var mixins_exports = {};
|
|
@@ -80,19 +80,13 @@ var Toolbar = ({
|
|
|
80
80
|
);
|
|
81
81
|
const leftAlignItems = (0, react_exports.useMemo)(() => {
|
|
82
82
|
const items = toolbarItems.filter(
|
|
83
|
-
(item) =>
|
|
84
|
-
var _a;
|
|
85
|
-
return ((_a = item.props) == null ? void 0 : _a.align) !== "right";
|
|
86
|
-
}
|
|
83
|
+
(item) => item.props?.align !== "right"
|
|
87
84
|
);
|
|
88
85
|
return injectDashboardProps(items);
|
|
89
86
|
}, [toolbarItems, injectDashboardProps]);
|
|
90
87
|
const rightAlignItems = (0, react_exports.useMemo)(() => {
|
|
91
88
|
const items = toolbarItems.filter(
|
|
92
|
-
(item) =>
|
|
93
|
-
var _a;
|
|
94
|
-
return ((_a = item.props) == null ? void 0 : _a.align) === "right";
|
|
95
|
-
}
|
|
89
|
+
(item) => item.props?.align === "right"
|
|
96
90
|
);
|
|
97
91
|
return injectDashboardProps(items);
|
|
98
92
|
}, [toolbarItems, injectDashboardProps]);
|
|
@@ -104,12 +98,11 @@ var Toolbar = ({
|
|
|
104
98
|
return void 0;
|
|
105
99
|
}
|
|
106
100
|
observerRef.current = new MutationObserver(() => {
|
|
107
|
-
|
|
108
|
-
const firstFocusableButton = (_a = toolbarRef.current) == null ? void 0 : _a.querySelector(
|
|
101
|
+
const firstFocusableButton = toolbarRef.current?.querySelector(
|
|
109
102
|
'button:not([disabled]):not([aria-disabled="true"]):not([tabindex="-1"])'
|
|
110
103
|
);
|
|
111
|
-
firstFocusableButton
|
|
112
|
-
|
|
104
|
+
firstFocusableButton?.focus();
|
|
105
|
+
observerRef.current?.disconnect();
|
|
113
106
|
});
|
|
114
107
|
if (toolbarRef.current) {
|
|
115
108
|
observerRef.current.observe(toolbarRef.current, {
|
|
@@ -118,8 +111,7 @@ var Toolbar = ({
|
|
|
118
111
|
});
|
|
119
112
|
}
|
|
120
113
|
return () => {
|
|
121
|
-
|
|
122
|
-
(_a = observerRef.current) == null ? void 0 : _a.disconnect();
|
|
114
|
+
observerRef.current?.disconnect();
|
|
123
115
|
};
|
|
124
116
|
}, [mode]);
|
|
125
117
|
if (!toolbarItems.length) {
|
|
@@ -140,4 +132,4 @@ var Toolbar_default = Toolbar;
|
|
|
140
132
|
export {
|
|
141
133
|
Toolbar_default
|
|
142
134
|
};
|
|
143
|
-
//# sourceMappingURL=chunk-
|
|
135
|
+
//# sourceMappingURL=chunk-B4IRCRYC.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/themes/mixins", "../../src/Toolbar.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as defaultImport from \"@splunk/themes/mixins\";\nexport * from \"@splunk/themes/mixins\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport styled from 'styled-components';\nimport { variables } from '@splunk/themes';\nimport { reset } from '@splunk/themes/mixins';\nimport { selectLayoutType, useSelector } from '@splunk/dashboard-state';\nimport type { ToolbarButtonProps } from './types/common';\n\nconst ToolbarWrapper = styled.div`\n ${reset('flex')};\n justify-content: space-between;\n color: ${variables.contentColorDefault};\n padding: 5px 5px 5px 8px;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: ${variables.borderColor};\n flex-wrap: wrap;\n flex-shrink: 0;\n background-color: ${variables.backgroundColorNavigation};\n`;\n\nconst LeftAlignItems = styled.div`\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n gap: ${variables.spacingSmall};\n`;\n\nconst RightAlignItems = styled.div`\n flex-basis: auto;\n display: flex;\n flex-direction: row;\n gap: ${variables.spacingSmall};\n margin-inline-end: ${variables.spacingSmall};\n`;\n\nexport type ToolbarProps = ToolbarButtonProps & {\n toolbarItems: React.ReactElement[];\n};\n\n/**\n * Dashboard Toolbar\n */\nconst Toolbar = ({\n activePanel,\n dashboardApi,\n mode,\n preset,\n toolbarItems,\n}: ToolbarProps) => {\n const layoutType = useSelector(selectLayoutType);\n const toolbarRef = useRef<HTMLDivElement | null>(null);\n\n /**\n * merge dashboard props with current item props\n * so that item have access to dashboard api and other stuff\n */\n const injectDashboardProps = useCallback(\n (items: React.ReactElement[]): React.ReactElement[] => {\n const buttonProps: ToolbarButtonProps = {\n activePanel,\n dashboardApi,\n layoutType,\n mode,\n preset,\n };\n\n return items.map((item) => React.cloneElement(item, buttonProps));\n },\n [activePanel, dashboardApi, layoutType, mode, preset]\n );\n\n const leftAlignItems = useMemo(() => {\n const items = toolbarItems.filter(\n (item) => item.props?.align !== 'right'\n );\n return injectDashboardProps(items);\n }, [toolbarItems, injectDashboardProps]);\n\n const rightAlignItems = useMemo(() => {\n const items = toolbarItems.filter(\n (item) => item.props?.align === 'right'\n );\n return injectDashboardProps(items);\n }, [toolbarItems, injectDashboardProps]);\n\n const observerRef = useRef<MutationObserver | null>(null);\n const isFirstRender = useRef(true);\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false;\n return undefined;\n }\n\n observerRef.current = new MutationObserver(() => {\n const firstFocusableButton = toolbarRef.current?.querySelector(\n 'button:not([disabled]):not([aria-disabled=\"true\"]):not([tabindex=\"-1\"])'\n ) as HTMLButtonElement;\n\n firstFocusableButton?.focus();\n observerRef.current?.disconnect();\n });\n\n if (toolbarRef.current) {\n observerRef.current.observe(toolbarRef.current, {\n childList: true,\n subtree: true,\n });\n }\n\n return () => {\n observerRef.current?.disconnect();\n };\n }, [mode]);\n\n if (!toolbarItems.length) {\n return null;\n }\n\n return (\n <ToolbarWrapper data-test=\"dashboard-toolbar\" ref={toolbarRef}>\n <LeftAlignItems key=\"left-align-items\" data-test=\"left-align-items\">\n {leftAlignItems}\n </LeftAlignItems>\n <RightAlignItems\n key=\"right-align-items\"\n data-test=\"right-align-items\"\n >\n {rightAlignItems}\n </RightAlignItems>\n </ToolbarWrapper>\n );\n};\n\nToolbar.displayName = 'Toolbar';\nexport default Toolbar;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,iBAAiB,0BAAO;AAAA,UACxB,sBAAM,MAAM,CAAC;AAAA;AAAA,aAEN,yBAAU,mBAAmB;AAAA;AAAA;AAAA;AAAA,2BAIf,yBAAU,WAAW;AAAA;AAAA;AAAA,wBAGxB,yBAAU,yBAAyB;AAAA;AAG3D,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAInB,yBAAU,YAAY;AAAA;AAGjC,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA,yBACR,yBAAU,YAAY;AAAA;AAU/C,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,iBAAa,qCAAY,wCAAgB;AAC/C,QAAM,iBAAa,sBAA8B,IAAI;AAMrD,QAAM,2BAAuB;AAAA,IACzB,CAAC,UAAsD;AACnD,YAAM,cAAkC;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAEA,aAAO,MAAM,IAAI,CAAC,SAAS,cAAM,aAAa,MAAM,WAAW,CAAC;AAAA,IACpE;AAAA,IACA,CAAC,aAAa,cAAc,YAAY,MAAM,MAAM;AAAA,EACxD;AAEA,QAAM,qBAAiB,uBAAQ,MAAM;AACjC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA;AADA,YAAY,mBAAmB;AAC/B,6BAAc;AACd,IAAO,iBAAS,aAAa,gBAA8B,wBAAU;;;ACKrE,IAAM,iBAAiB,0BAAO;AAAA,UACxB,sBAAM,MAAM,CAAC;AAAA;AAAA,aAEN,yBAAU,mBAAmB;AAAA;AAAA;AAAA;AAAA,2BAIf,yBAAU,WAAW;AAAA;AAAA;AAAA,wBAGxB,yBAAU,yBAAyB;AAAA;AAG3D,IAAM,iBAAiB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAInB,yBAAU,YAAY;AAAA;AAGjC,IAAM,kBAAkB,0BAAO;AAAA;AAAA;AAAA;AAAA,WAIpB,yBAAU,YAAY;AAAA,yBACR,yBAAU,YAAY;AAAA;AAU/C,IAAM,UAAU,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAoB;AAChB,QAAM,iBAAa,qCAAY,wCAAgB;AAC/C,QAAM,iBAAa,sBAA8B,IAAI;AAMrD,QAAM,2BAAuB;AAAA,IACzB,CAAC,UAAsD;AACnD,YAAM,cAAkC;AAAA,QACpC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAEA,aAAO,MAAM,IAAI,CAAC,SAAS,cAAM,aAAa,MAAM,WAAW,CAAC;AAAA,IACpE;AAAA,IACA,CAAC,aAAa,cAAc,YAAY,MAAM,MAAM;AAAA,EACxD;AAEA,QAAM,qBAAiB,uBAAQ,MAAM;AACjC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAS,KAAK,OAAO,UAAU;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,sBAAkB,uBAAQ,MAAM;AAClC,UAAM,QAAQ,aAAa;AAAA,MACvB,CAAC,SAAS,KAAK,OAAO,UAAU;AAAA,IACpC;AACA,WAAO,qBAAqB,KAAK;AAAA,EACrC,GAAG,CAAC,cAAc,oBAAoB,CAAC;AAEvC,QAAM,kBAAc,sBAAgC,IAAI;AACxD,QAAM,oBAAgB,sBAAO,IAAI;AAEjC,+BAAU,MAAM;AACZ,QAAI,cAAc,SAAS;AACvB,oBAAc,UAAU;AACxB,aAAO;AAAA,IACX;AAEA,gBAAY,UAAU,IAAI,iBAAiB,MAAM;AAC7C,YAAM,uBAAuB,WAAW,SAAS;AAAA,QAC7C;AAAA,MACJ;AAEA,4BAAsB,MAAM;AAC5B,kBAAY,SAAS,WAAW;AAAA,IACpC,CAAC;AAED,QAAI,WAAW,SAAS;AACpB,kBAAY,QAAQ,QAAQ,WAAW,SAAS;AAAA,QAC5C,WAAW;AAAA,QACX,SAAS;AAAA,MACb,CAAC;AAAA,IACL;AAEA,WAAO,MAAM;AACT,kBAAY,SAAS,WAAW;AAAA,IACpC;AAAA,EACJ,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,aAAa,QAAQ;AACtB,WAAO;AAAA,EACX;AAEA,SACI,4CAAC,kBAAe,aAAU,qBAAoB,KAAK,cAC/C,4CAAC,kBAAe,KAAI,oBAAmB,aAAU,sBAC5C,cACL,GACA;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,aAAU;AAAA;AAAA,IAET;AAAA,EACL,CACJ;AAER;AAEA,QAAQ,cAAc;AACtB,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -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/WindowChevronsSlash
|
|
24
24
|
var WindowChevronsSlash_exports = {};
|
|
@@ -63,4 +63,4 @@ var Source_default = Source;
|
|
|
63
63
|
export {
|
|
64
64
|
Source_default
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
66
|
+
//# sourceMappingURL=chunk-DONX4ISJ.js.map
|
|
@@ -3,24 +3,24 @@ 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
|
Button_default,
|
|
12
12
|
Button_exports
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-ICS6CLF6.js";
|
|
14
14
|
import {
|
|
15
15
|
Item_default
|
|
16
|
-
} from "./chunk-
|
|
16
|
+
} from "./chunk-KIWM3XWB.js";
|
|
17
17
|
import {
|
|
18
18
|
dashboard_state_exports
|
|
19
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-6C2NOEOI.js";
|
|
20
20
|
import {
|
|
21
21
|
react_default,
|
|
22
22
|
react_exports
|
|
23
|
-
} from "./chunk-
|
|
23
|
+
} from "./chunk-OOGFGU4X.js";
|
|
24
24
|
|
|
25
25
|
// src/buttons/ModeSwitch.tsx
|
|
26
26
|
var ModeSwitch = () => {
|
|
@@ -29,7 +29,7 @@ var ModeSwitch = () => {
|
|
|
29
29
|
const appearance = mode === "edit" ? "secondary" : "primary";
|
|
30
30
|
const label = mode === "edit" ? (0, i18n_exports._)("View") : (0, i18n_exports._)("Edit");
|
|
31
31
|
const handleClick = (0, react_exports.useCallback)(() => {
|
|
32
|
-
dashboardApi
|
|
32
|
+
dashboardApi?.switchMode(mode === "edit" ? "view" : "edit");
|
|
33
33
|
}, [mode, dashboardApi]);
|
|
34
34
|
return /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(
|
|
35
35
|
Button_default,
|
|
@@ -49,4 +49,4 @@ var ModeSwitch_default = ModeSwitch;
|
|
|
49
49
|
export {
|
|
50
50
|
ModeSwitch_default
|
|
51
51
|
};
|
|
52
|
-
//# sourceMappingURL=chunk-
|
|
52
|
+
//# sourceMappingURL=chunk-EDGMTRPE.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/buttons/ModeSwitch.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { useCallback } from 'react';\nimport Button from '@splunk/react-ui/Button';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport { useSelector, selectMode } from '@splunk/dashboard-state';\nimport { useDashboardApi } from '@splunk/dashboard-context';\nimport Item from '../Item';\n\n/**\n * Dashboard mode switch button\n */\nconst ModeSwitch = () => {\n const mode = useSelector(selectMode);\n const dashboardApi = useDashboardApi();\n const appearance = mode === 'edit' ? 'secondary' : 'primary';\n const label = mode === 'edit' ? _('View') : _('Edit');\n\n const handleClick = useCallback(() => {\n dashboardApi?.switchMode(mode === 'edit' ? 'view' : 'edit');\n }, [mode, dashboardApi]);\n\n return (\n <Item>\n <Button\n key=\"mode-button\"\n data-clickable\n data-test=\"mode-button\"\n inline={false}\n label={label}\n appearance={appearance}\n onClick={handleClick}\n />\n </Item>\n );\n};\n\nexport default ModeSwitch;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,aAAa,MAAM;AACrB,QAAM,WAAO,qCAAY,kCAAU;AACnC,QAAM,mBAAe,2CAAgB;AACrC,QAAM,aAAa,SAAS,SAAS,cAAc;AACnD,QAAM,QAAQ,SAAS,aAAS,gBAAE,MAAM,QAAI,gBAAE,MAAM;AAEpD,QAAM,kBAAc,2BAAY,MAAM;AAClC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,aAAa,MAAM;AACrB,QAAM,WAAO,qCAAY,kCAAU;AACnC,QAAM,mBAAe,2CAAgB;AACrC,QAAM,aAAa,SAAS,SAAS,cAAc;AACnD,QAAM,QAAQ,SAAS,aAAS,gBAAE,MAAM,QAAI,gBAAE,MAAM;AAEpD,QAAM,kBAAc,2BAAY,MAAM;AAClC,kBAAc,WAAW,SAAS,SAAS,SAAS,MAAM;AAAA,EAC9D,GAAG,CAAC,MAAM,YAAY,CAAC;AAEvB,SACI,4CAAC,oBACG;AAAA,IAAC;AAAA;AAAA,MACG,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,SAAS;AAAA;AAAA,EACb,CACJ;AAER;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* Copyright © 2020 Splunk Inc.
|
|
2
|
+
SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
|
|
3
|
+
in part without a valid written license from Splunk Inc. is PROHIBITED. */
|
|
4
|
+
import {
|
|
5
|
+
TokenManager
|
|
6
|
+
} from "./chunk-I3Y2YMOQ.js";
|
|
7
|
+
import {
|
|
8
|
+
Source_default
|
|
9
|
+
} from "./chunk-DONX4ISJ.js";
|
|
10
|
+
import {
|
|
11
|
+
Config_default
|
|
12
|
+
} from "./chunk-L5IQTYSU.js";
|
|
13
|
+
import {
|
|
14
|
+
Data_default
|
|
15
|
+
} from "./chunk-HNLSR2U2.js";
|
|
16
|
+
import {
|
|
17
|
+
ItemGroup_default
|
|
18
|
+
} from "./chunk-PKNBH4OS.js";
|
|
19
|
+
import {
|
|
20
|
+
dashboard_utils_exports
|
|
21
|
+
} from "./chunk-EVRV5ZFT.js";
|
|
22
|
+
import {
|
|
23
|
+
react_default,
|
|
24
|
+
react_exports
|
|
25
|
+
} from "./chunk-OOGFGU4X.js";
|
|
26
|
+
|
|
27
|
+
// src/groups/EditorsControlGroup.tsx
|
|
28
|
+
var EditorsControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, { borders: false, ...props }, /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: props.sourceButtonOnClick ?? dashboard_utils_exports.noop }));
|
|
29
|
+
var EditorsControlGroup_default = EditorsControlGroup;
|
|
30
|
+
|
|
31
|
+
export {
|
|
32
|
+
EditorsControlGroup_default
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=chunk-EGORPP2V.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/groups/EditorsControlGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport { Config, Data, TokenManager, Source } from '../buttons';\nimport ItemGroup from '../ItemGroup';\n\n/**\n * group that controls dashboard editors\n */\nconst EditorsControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n <ItemGroup borders={false} {...props}>\n <Config />\n <Data />\n <TokenManager />\n <Source onClick={props.sourceButtonOnClick ?? noop} />\n </ItemGroup>\n);\n\nexport default EditorsControlGroup;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,sBAAsB,CAAC,UACzB,4CAAC,qBAAU,SAAS,OAAQ,GAAG,SAC3B,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAa,GACd,4CAAC,kBAAO,SAAS,MAAM,uBAAuB,8BAAM,CACxD;AAGJ,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,23 +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
|
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
|
dashboard_state_exports
|
|
13
|
-
} from "./chunk-
|
|
13
|
+
} from "./chunk-6C2NOEOI.js";
|
|
14
14
|
import {
|
|
15
15
|
react_default,
|
|
16
16
|
react_exports
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-OOGFGU4X.js";
|
|
18
18
|
import {
|
|
19
|
-
__async,
|
|
20
19
|
__export,
|
|
21
20
|
__reExport
|
|
22
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-AFH5LL74.js";
|
|
23
22
|
|
|
24
23
|
// esm-externals:@splunk/react-icons/ChevronsOut
|
|
25
24
|
var ChevronsOut_exports = {};
|
|
@@ -43,7 +42,7 @@ var useToolbarButtonClick = (event, onClick) => {
|
|
|
43
42
|
})
|
|
44
43
|
);
|
|
45
44
|
}
|
|
46
|
-
onClick
|
|
45
|
+
onClick?.(...args);
|
|
47
46
|
},
|
|
48
47
|
[dispatch, event, onClick]
|
|
49
48
|
);
|
|
@@ -55,9 +54,9 @@ var icon = prepareIcon({
|
|
|
55
54
|
});
|
|
56
55
|
var FullScreen = ({ dashboardApi }) => {
|
|
57
56
|
const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
|
|
58
|
-
const enterFullscreen = (0, react_exports.useCallback)(() =>
|
|
59
|
-
|
|
60
|
-
}
|
|
57
|
+
const enterFullscreen = (0, react_exports.useCallback)(async () => {
|
|
58
|
+
await dashboardApi?.enterFullscreen();
|
|
59
|
+
}, [dashboardApi]);
|
|
61
60
|
const handleClick = useToolbarButtonClick("fullscreen", enterFullscreen);
|
|
62
61
|
return /* @__PURE__ */ react_default.createElement(
|
|
63
62
|
IconButton_default,
|
|
@@ -75,4 +74,4 @@ var Fullscreen_default = FullScreen;
|
|
|
75
74
|
export {
|
|
76
75
|
Fullscreen_default
|
|
77
76
|
};
|
|
78
|
-
//# sourceMappingURL=chunk-
|
|
77
|
+
//# sourceMappingURL=chunk-EPMHIBVT.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["esm-externals:@splunk/react-icons/ChevronsOut", "../../src/hooks/useToolbarButtonClick.ts", "../../src/buttons/Fullscreen.tsx"],
|
|
4
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": "
|
|
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,gBAAU,GAAG,IAAI;AAAA,IACrB;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,YAAY;AAC5C,UAAM,cAAc,gBAAgB;AAAA,EACxC,GAAG,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
|
}
|