@gooddata/sdk-ui-dashboard 10.12.0-alpha.42 → 10.12.0-alpha.44
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/esm/__version.d.ts +1 -1
- package/esm/__version.js +1 -1
- package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.d.ts.map +1 -1
- package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js +3 -1
- package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js.map +1 -1
- package/esm/presentation/localization/bundles/en-US.json +15 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.d.ts.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js +14 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js +2 -2
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.d.ts.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.js +8 -5
- package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.js.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts +16 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js +47 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts +15 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js +32 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts +10 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js +7 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/{VisualizationsList.d.ts → VisualizationsList/VisualizationsList.d.ts} +2 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.d.ts.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js +16 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js.map +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts +1 -0
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts.map +1 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js +3 -3
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js.map +1 -1
- package/package.json +15 -15
- package/styles/css/main.css +86 -2
- package/styles/css/main.css.map +1 -1
- package/styles/css/visualizationSwitcherHeader.css +2 -1
- package/styles/css/visualizationSwitcherHeader.css.map +1 -1
- package/styles/css/visualizationSwitcherToolbar.css +69 -1
- package/styles/css/visualizationSwitcherToolbar.css.map +1 -1
- package/styles/css/visualizationSwitcherWidget.css +15 -0
- package/styles/css/visualizationSwitcherWidget.css.map +1 -1
- package/styles/scss/visualizationSwitcherHeader.scss +2 -1
- package/styles/scss/visualizationSwitcherToolbar.scss +104 -1
- package/styles/scss/visualizationSwitcherWidget.scss +20 -2
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.d.ts.map +0 -1
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js +0 -36
- package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js.map +0 -1
package/esm/__version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "10.12.0-alpha.
|
|
1
|
+
export declare const LIB_VERSION = "10.12.0-alpha.44";
|
|
2
2
|
//# sourceMappingURL=__version.d.ts.map
|
package/esm/__version.js
CHANGED
package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddVisualizationSwitcherWidgetButton.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AddVisualizationSwitcherWidgetButton.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,oCAAoC,EAAE,KAAK,CAAC,EAwBxD,CAAC"}
|
package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js
CHANGED
|
@@ -3,11 +3,13 @@ import React from "react";
|
|
|
3
3
|
import { FormattedMessage } from "react-intl";
|
|
4
4
|
import cx from "classnames";
|
|
5
5
|
import { Bubble, BubbleHoverTrigger, Icon, useMediaQuery } from "@gooddata/sdk-ui-kit";
|
|
6
|
+
import { useTheme } from "@gooddata/sdk-ui-theme-provider";
|
|
6
7
|
const bubbleAlignPoints = [{ align: "cr cl", offset: { x: 5, y: 0 } }];
|
|
7
8
|
export const AddVisualizationSwitcherWidgetButton = () => {
|
|
8
9
|
const isMobileDevice = useMediaQuery("mobileDevice");
|
|
10
|
+
const theme = useTheme();
|
|
9
11
|
return (React.createElement("div", { className: "add-item-placeholder add-item-placeholder-visualization-switcher s-add-visualization-switcher" },
|
|
10
|
-
React.createElement(Icon.VisualizationSwitcher,
|
|
12
|
+
React.createElement(Icon.VisualizationSwitcher, { color: theme?.palette?.complementary?.c6 ?? "#94a1ad" }),
|
|
11
13
|
React.createElement(FormattedMessage, { id: "addPanel.visualizationSwitcher" }),
|
|
12
14
|
React.createElement(BubbleHoverTrigger, { eventsOnBubble: true, className: "gd-add-visualization-switcher s-add-visualization-switcher-bubble-trigger" },
|
|
13
15
|
React.createElement("div", { className: cx("s-description-trigger", {
|
package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddVisualizationSwitcherWidgetButton.js","sourceRoot":"","sources":["../../../../src/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAe,IAAI,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"AddVisualizationSwitcherWidgetButton.js","sourceRoot":"","sources":["../../../../src/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAe,IAAI,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE3D,MAAM,iBAAiB,GAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,oCAAoC,GAAa,GAAG,EAAE;IAC/D,MAAM,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACH,6BAAK,SAAS,EAAC,+FAA+F;QAC1G,oBAAC,IAAI,CAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,IAAI,SAAS,GAAI;QACrF,oBAAC,gBAAgB,IAAC,EAAE,EAAC,gCAAgC,GAAG;QACxD,oBAAC,kBAAkB,IACf,cAAc,EAAE,IAAI,EACpB,SAAS,EAAC,2EAA2E;YAErF,6BACI,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;oBACnC,WAAW,EAAE,cAAc;iBAC9B,CAAC;gBAEF,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACzC;YACN,oBAAC,MAAM,IAAC,WAAW,EAAE,iBAAiB;gBAClC,oBAAC,gBAAgB,IAAC,EAAE,EAAC,wCAAwC,GAAG,CAC3D,CACQ,CACnB,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2534,6 +2534,21 @@
|
|
|
2534
2534
|
"comment": "",
|
|
2535
2535
|
"limit": 0
|
|
2536
2536
|
},
|
|
2537
|
+
"visualizationSwitcher.list.menu.move.up": {
|
|
2538
|
+
"value": "Move up",
|
|
2539
|
+
"comment": "",
|
|
2540
|
+
"limit": 0
|
|
2541
|
+
},
|
|
2542
|
+
"visualizationSwitcher.list.menu.move.down": {
|
|
2543
|
+
"value": "Move down",
|
|
2544
|
+
"comment": "",
|
|
2545
|
+
"limit": 0
|
|
2546
|
+
},
|
|
2547
|
+
"visualizationSwitcher.list.menu.remove": {
|
|
2548
|
+
"value": "Remove",
|
|
2549
|
+
"comment": "",
|
|
2550
|
+
"limit": 0
|
|
2551
|
+
},
|
|
2537
2552
|
"attributesDropdown.valuesLimiting.title": {
|
|
2538
2553
|
"value": "Filter values by",
|
|
2539
2554
|
"comment": "The title of section that configures filters for listed values in the filter. There is a list of applied filters below the title.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EACH,QAAQ,EACR,cAAc,EACd,4BAA4B,EAI/B,MAAM,qBAAqB,CAAC;AAmB7B,UAAU,YAAY;IAClB,MAAM,EAAE,4BAA4B,CAAC;IACrC,uBAAuB,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAClB,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,sBAAsB,KAC/B,IAAI,CAAC;IACV,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,8BAA8B,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EACH,QAAQ,EACR,cAAc,EACd,4BAA4B,EAI/B,MAAM,qBAAqB,CAAC;AAmB7B,UAAU,YAAY;IAClB,MAAM,EAAE,4BAA4B,CAAC;IACrC,uBAAuB,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAClB,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,sBAAsB,KAC/B,IAAI,CAAC;IACV,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,8BAA8B,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyJ1C,CAAC"}
|
|
@@ -49,6 +49,19 @@ export const Toolbar = ({ widget, onVisualizationsChanged, onVisualizationAdded,
|
|
|
49
49
|
setActiveVisualizationId(nextVisualizationId);
|
|
50
50
|
onSelectedVisualizationChanged?.(nextVisualizationId);
|
|
51
51
|
}, [onVisualizationsChanged, visualizations, onSelectedVisualizationChanged]);
|
|
52
|
+
const onVisualizationPositionChanged = useCallback((widgetId, direction) => {
|
|
53
|
+
const updatedVisualizations = [...visualizations];
|
|
54
|
+
const changedVisualizationIndex = visualizations.findIndex((visualization) => visualization.identifier === widgetId);
|
|
55
|
+
const element = updatedVisualizations[changedVisualizationIndex];
|
|
56
|
+
updatedVisualizations.splice(changedVisualizationIndex, 1);
|
|
57
|
+
if (direction === "moveUp") {
|
|
58
|
+
updatedVisualizations.splice(changedVisualizationIndex - 1, 0, element);
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
updatedVisualizations.splice(changedVisualizationIndex + 1, 0, element);
|
|
62
|
+
}
|
|
63
|
+
onVisualizationsChanged(updatedVisualizations);
|
|
64
|
+
}, [onVisualizationsChanged, visualizations]);
|
|
52
65
|
const showVisualizationsList = () => {
|
|
53
66
|
setVisualizationsListVisible(true);
|
|
54
67
|
};
|
|
@@ -68,6 +81,6 @@ export const Toolbar = ({ widget, onVisualizationsChanged, onVisualizationAdded,
|
|
|
68
81
|
const configBubbleClassNames = cx("gd-visualization-switcher-configuration-bubble", "edit-insight-config", "s-edit-insight-config", "edit-insight-config-title-1-line", "edit-insight-config-arrow-color");
|
|
69
82
|
return (React.createElement(Bubble, { className: cx("gd-configuration-bubble s-gd-visualization-switcher-toolbar-bubble", configBubbleClassNames), overlayClassName: "gd-configuration-bubble-wrapper sdk-edit-mode-on gd-visualization-switcher-toolbar-bubble-wrapper", alignTo: alignTo, alignPoints: defaultAlignPoints, arrowOffsets: defaultArrowOffsets, arrowDirections: defaultArrowDirections, closeOnOutsideClick: true, closeOnParentScroll: false, ignoreClicksOnByClass: ignoreClicksOnByClass, arrowStyle: { display: "none" }, onClose: onClose },
|
|
70
83
|
React.createElement(ToolbarTop, { visualizations: visualizations, onNavigate: onNavigate, activeVisualizationId: activeVisualizationId, onDelete: onWidgetDelete, toggleVisualizationsList: showVisualizationsList, visualizationsListShown: shouldShowVisualizationsList }),
|
|
71
|
-
React.createElement(ToolbarBottom, { visualizations: visualizations, activeVisualizationId: activeVisualizationId, showVisualizationsList: shouldShowVisualizationsList, onVisualizationAdd: onVisualizationAdd, onVisualizationDelete: onVisualizationDelete, onVisualizationSelect: onVisualizationSelect })));
|
|
84
|
+
React.createElement(ToolbarBottom, { visualizations: visualizations, activeVisualizationId: activeVisualizationId, showVisualizationsList: shouldShowVisualizationsList, onVisualizationAdd: onVisualizationAdd, onVisualizationDelete: onVisualizationDelete, onVisualizationSelect: onVisualizationSelect, onVisualizationPositionChange: onVisualizationPositionChanged })));
|
|
72
85
|
};
|
|
73
86
|
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/Toolbar.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAgB,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAGlC,OAAO,EAIH,KAAK,EACL,UAAU,EACV,YAAY,GACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClF,OAAO,EACH,kBAAkB,EAClB,sBAAsB,GACzB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,mBAAmB,GAAiB;IACtC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;CACtB,CAAC;AAeF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,MAAM,EACN,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,8BAA8B,EAC9B,OAAO,GACV,EAAE,EAAE;IACD,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;IAE7C,MAAM,CAAC,2BAA2B,EAAE,4BAA4B,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnF,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAClG,MAAM,QAAQ,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,OAAiB,EAAE,EAAE;QAClB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;QAC3D,MAAM,UAAU,GAAG,IAAI,EAAE,CAAC;QAE1B,MAAM,SAAS,GAAmB;YAC9B,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;YAC5B,sBAAsB,EAAE,EAAE;YAC1B,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC;YAC5B,WAAW,EAAE,EAAE;YACf,UAAU;YACV,eAAe,EAAE,UAAU;YAC3B,GAAG,EAAE,EAAE;YACP,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC;SACzB,CAAC;QACF,oBAAoB,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QACnD,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACrC,8BAA8B,EAAE,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,8BAA8B,CAAC,CACnE,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACrC,CAAC,QAAgB,EAAE,EAAE;QACjB,MAAM,yBAAyB,GAAG,cAAc,CAAC,SAAS,CACtD,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,UAAU,KAAK,QAAQ,CAC3D,CAAC;QACF,MAAM,mBAAmB,GAAG,cAAc,CAAC,MAAM,CAC7C,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,UAAU,KAAK,QAAQ,CAC3D,CAAC;QACF,MAAM,sBAAsB,GAAG,IAAI,CAAC,GAAG,CACnC,yBAAyB,EACzB,mBAAmB,CAAC,MAAM,GAAG,CAAC,CACjC,CAAC;QACF,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,EAAE,UAAU,CAAC;QACpF,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;QAE7C,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;QAC9C,8BAA8B,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC1D,CAAC,EACD,CAAC,uBAAuB,EAAE,cAAc,EAAE,8BAA8B,CAAC,CAC5E,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAChC,4BAA4B,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,UAAkB,EAAE,EAAE;QACnB,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACrC,8BAA8B,EAAE,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC,EACD,CAAC,8BAA8B,CAAC,CACnC,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACrC,CAAC,UAAkB,EAAE,EAAE;QACnB,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACrC,8BAA8B,EAAE,CAAC,UAAU,CAAC,CAAC;QAC7C,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,8BAA8B,CAAC,CACnC,CAAC;IAEF,MAAM,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAC3C,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,UAAU,KAAK,qBAAqB,CACxE,CAAC;IAEF,MAAM,4BAA4B,GAAG,2BAA2B,IAAI,CAAC,mBAAmB,CAAC;IACzF,MAAM,OAAO,GAAG,0BAA0B,CAAC;IAC3C,MAAM,qBAAqB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sCAAsC;IAC/E,MAAM,sBAAsB,GAAG,EAAE,CAC7B,gDAAgD,EAChD,qBAAqB,EACrB,uBAAuB,EACvB,kCAAkC,EAClC,iCAAiC,CACpC,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,IACH,SAAS,EAAE,EAAE,CACT,oEAAoE,EACpE,sBAAsB,CACzB,EACD,gBAAgB,EAAC,mGAAmG,EACpH,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,eAAe,EAAE,sBAAsB,EACvC,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC/B,OAAO,EAAE,OAAO;QAEhB,oBAAC,UAAU,IACP,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,cAAc,EACxB,wBAAwB,EAAE,sBAAsB,EAChD,uBAAuB,EAAE,4BAA4B,GACvD;QACF,oBAAC,aAAa,IACV,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,4BAA4B,EACpD,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,EAC5C,qBAAqB,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ interface IToolbarBottomProps {
|
|
|
6
6
|
onVisualizationAdd: (insight: IInsight) => void;
|
|
7
7
|
onVisualizationDelete: (visualizationWidgetId: string) => void;
|
|
8
8
|
onVisualizationSelect: (visualizationWidgetId: string) => void;
|
|
9
|
+
onVisualizationPositionChange: (visualizationWidgetId: string, direction: string) => void;
|
|
9
10
|
showVisualizationsList: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const ToolbarBottom: React.FC<IToolbarBottomProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarBottom.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI/D,UAAU,mBAAmB;IACzB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,sBAAsB,EAAE,OAAO,CAAC;CACnC;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ToolbarBottom.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI/D,UAAU,mBAAmB;IACzB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,sBAAsB,EAAE,OAAO,CAAC;CACnC;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgCvD,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { VisualizationConfig } from "./VisualizationConfig.js";
|
|
4
4
|
import { VisualizationsPage } from "./VisualizationsPage.js";
|
|
5
|
-
export const ToolbarBottom = ({ showVisualizationsList, visualizations, onVisualizationAdd, onVisualizationDelete, onVisualizationSelect, activeVisualizationId, }) => {
|
|
5
|
+
export const ToolbarBottom = ({ showVisualizationsList, visualizations, onVisualizationAdd, onVisualizationDelete, onVisualizationSelect, onVisualizationPositionChange, activeVisualizationId, }) => {
|
|
6
6
|
const activeVisualization = visualizations.find((visualization) => visualization.identifier === activeVisualizationId);
|
|
7
|
-
return (React.createElement("div", { className: "gd-visualization-switcher-toolbar-bottom bubble bubble-light" }, showVisualizationsList || !activeVisualization ? (React.createElement(VisualizationsPage, { visualizations: visualizations, activeVisualizationId: activeVisualizationId, onVisualizationAdd: onVisualizationAdd, onVisualizationDeleted: onVisualizationDelete, onVisualizationSelect: onVisualizationSelect })) : (React.createElement(VisualizationConfig, { widget: activeVisualization, onVisualizationDeleted: onVisualizationDelete }))));
|
|
7
|
+
return (React.createElement("div", { className: "gd-visualization-switcher-toolbar-bottom bubble bubble-light" }, showVisualizationsList || !activeVisualization ? (React.createElement(VisualizationsPage, { visualizations: visualizations, activeVisualizationId: activeVisualizationId, onVisualizationAdd: onVisualizationAdd, onVisualizationDeleted: onVisualizationDelete, onVisualizationSelect: onVisualizationSelect, onVisualizationPositionChange: onVisualizationPositionChange })) : (React.createElement(VisualizationConfig, { widget: activeVisualization, onVisualizationDeleted: onVisualizationDelete }))));
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=ToolbarBottom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarBottom.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarBottom.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAW7D,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EACzD,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,mBAAmB,GAAG,cAAc,CAAC,IAAI,CAC3C,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,UAAU,KAAK,qBAAqB,CACxE,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,8DAA8D,IACxE,sBAAsB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC9C,oBAAC,kBAAkB,IACf,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,qBAAqB,EAC7C,qBAAqB,EAAE,qBAAqB,EAC5C,6BAA6B,EAAE,6BAA6B,GAC9D,CACL,CAAC,CAAC,CAAC,CACA,oBAAC,mBAAmB,IAChB,MAAM,EAAE,mBAAmB,EAC3B,sBAAsB,EAAE,qBAAqB,GAC/C,CACL,CACC,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarTop.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAKrD,UAAU,gBAAgB;IACtB,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,uBAAuB,EAAE,OAAO,CAAC;CACpC;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6FjD,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Bubble, BubbleHoverTrigger, GD_COLOR_HIGHLIGHT, Icon } from "@gooddata/
|
|
|
3
3
|
import { useTheme } from "@gooddata/sdk-ui-theme-provider";
|
|
4
4
|
import React, { useCallback } from "react";
|
|
5
5
|
import { FormattedMessage } from "react-intl";
|
|
6
|
-
import
|
|
6
|
+
import cx from "classnames";
|
|
7
7
|
const bubbleAlignPoints = [{ align: "tc bc", offset: { x: 0, y: -8 } }];
|
|
8
8
|
export const ToolbarTop = ({ visualizations, onNavigate, activeVisualizationId: activeWidgetId, onDelete, toggleVisualizationsList, visualizationsListShown, }) => {
|
|
9
9
|
const theme = useTheme();
|
|
@@ -12,7 +12,7 @@ export const ToolbarTop = ({ visualizations, onNavigate, activeVisualizationId:
|
|
|
12
12
|
const nextDisabled = activeWidgetIndex === -1 || activeWidgetIndex >= visualizations.length - 1;
|
|
13
13
|
const iconColor = visualizationsListShown
|
|
14
14
|
? theme?.palette?.primary?.base ?? GD_COLOR_HIGHLIGHT
|
|
15
|
-
: theme?.palette?.complementary?.
|
|
15
|
+
: theme?.palette?.complementary?.c7 ?? "#6D7680";
|
|
16
16
|
const enabledColor = theme?.palette?.complementary?.c7 ?? "#6D7680";
|
|
17
17
|
const disabledColor = theme?.palette?.complementary?.c5 ?? "#B0BECA";
|
|
18
18
|
const prevColor = prevDisabled ? disabledColor : enabledColor;
|
|
@@ -33,15 +33,18 @@ export const ToolbarTop = ({ visualizations, onNavigate, activeVisualizationId:
|
|
|
33
33
|
const nextWidgetId = visualizations[nextIndex].identifier;
|
|
34
34
|
onNavigate(nextWidgetId);
|
|
35
35
|
}, [activeWidgetIndex, visualizations, onNavigate, nextDisabled]);
|
|
36
|
+
const leftSectionClassName = cx("left-section", visualizationsListShown ? "is-active" : null);
|
|
37
|
+
const navigatePrevClassName = cx("navigate-button", "navigate-prev", prevDisabled ? "is-disabled" : null);
|
|
38
|
+
const navigateNextClassName = cx("navigate-button", "navigate-next", nextDisabled ? "is-disabled" : null);
|
|
36
39
|
return (React.createElement("div", { className: "gd-visualization-switcher-toolbar-top bubble bubble-light" },
|
|
37
|
-
React.createElement("div", { className:
|
|
40
|
+
React.createElement("div", { className: leftSectionClassName, onClick: toggleVisualizationsList },
|
|
38
41
|
React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
|
|
39
42
|
React.createElement(Icon.VisualizationSwitcher, { color: iconColor, width: 20, height: 20 }),
|
|
40
43
|
React.createElement(Bubble, { alignPoints: bubbleAlignPoints },
|
|
41
44
|
React.createElement(FormattedMessage, { id: "visualizationSwitcherToolbar.visualizationsList.tooltip" })))),
|
|
42
45
|
React.createElement("div", { className: "vertical-divider" }),
|
|
43
46
|
React.createElement("div", { className: "middle-section" },
|
|
44
|
-
React.createElement("div", { className:
|
|
47
|
+
React.createElement("div", { className: navigatePrevClassName, onClick: onNavigatePrev },
|
|
45
48
|
React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
|
|
46
49
|
React.createElement(Icon.ArrowLeft, { color: prevColor }),
|
|
47
50
|
React.createElement(Bubble, { alignPoints: bubbleAlignPoints },
|
|
@@ -50,7 +53,7 @@ export const ToolbarTop = ({ visualizations, onNavigate, activeVisualizationId:
|
|
|
50
53
|
activeWidgetIndex + 1,
|
|
51
54
|
"/",
|
|
52
55
|
visualizations.length),
|
|
53
|
-
React.createElement("div", { className:
|
|
56
|
+
React.createElement("div", { className: navigateNextClassName, onClick: onNavigateNext },
|
|
54
57
|
React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
|
|
55
58
|
React.createElement(Icon.ArrowRight, { color: nextColor }),
|
|
56
59
|
React.createElement(Bubble, { alignPoints: bubbleAlignPoints },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarTop.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAe,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACzG,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarTop.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IInsight, IInsightWidget } from "@gooddata/sdk-model";
|
|
3
|
+
interface IVisualizationListItemProps {
|
|
4
|
+
visualization: IInsightWidget;
|
|
5
|
+
insight: IInsight;
|
|
6
|
+
isActive: boolean;
|
|
7
|
+
isLast: boolean;
|
|
8
|
+
isFirst: boolean;
|
|
9
|
+
shouldRenderActions: boolean;
|
|
10
|
+
onVisualizationDeleted: (visualizationWidgetId: string) => void;
|
|
11
|
+
onVisualizationSelect: (visualizationWidgetId: string) => void;
|
|
12
|
+
onVisualizationPositionChange: (visualizationWidgetId: string, direction: string) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const VisualizationListItem: React.FC<IVisualizationListItemProps>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=VisualizationListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAiBzF,UAAU,2BAA2B;IACjC,aAAa,EAAE,cAAc,CAAC;IAC9B,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sBAAsB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7F;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAkFvE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React, { useCallback, useState } from "react";
|
|
3
|
+
import cx from "classnames";
|
|
4
|
+
import { Button, InsightListItemTypeIcon, ShortenedText } from "@gooddata/sdk-ui-kit";
|
|
5
|
+
import { insightVisualizationType } from "@gooddata/sdk-model";
|
|
6
|
+
import { VisualizationListMenu } from "./VisualizationListMenu.js";
|
|
7
|
+
const visualizationIconWidthAndPadding = 42;
|
|
8
|
+
const tooltipAlignPoints = [
|
|
9
|
+
{
|
|
10
|
+
align: "cr cl",
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
align: "cl cr",
|
|
14
|
+
offset: {
|
|
15
|
+
x: -visualizationIconWidthAndPadding,
|
|
16
|
+
y: 0,
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
];
|
|
20
|
+
export const VisualizationListItem = ({ visualization, insight, isActive, isLast, isFirst, shouldRenderActions, onVisualizationDeleted, onVisualizationSelect, onVisualizationPositionChange, }) => {
|
|
21
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
22
|
+
const [active, setActive] = useState("");
|
|
23
|
+
const onMenuButtonClick = useCallback(() => {
|
|
24
|
+
setIsOpen(!isOpen);
|
|
25
|
+
setActive("");
|
|
26
|
+
}, [isOpen]);
|
|
27
|
+
const handleClick = useCallback((id) => {
|
|
28
|
+
setIsOpen(!isOpen);
|
|
29
|
+
setActive(id);
|
|
30
|
+
}, [isOpen]);
|
|
31
|
+
return (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement("div", { key: visualization.identifier, className: cx("switcher-visualizations-list-item", {
|
|
33
|
+
"is-selected": isActive,
|
|
34
|
+
"is-active": active === visualization.identifier,
|
|
35
|
+
}) },
|
|
36
|
+
React.createElement("div", { className: "switcher-visualizations-list-item-content", onClick: () => onVisualizationSelect(visualization.identifier) },
|
|
37
|
+
React.createElement("div", { className: "visualization-title" },
|
|
38
|
+
insight ? (React.createElement(InsightListItemTypeIcon, { type: insightVisualizationType(insight) })) : null,
|
|
39
|
+
React.createElement("div", { className: "gd-visualizations-list-item-content" },
|
|
40
|
+
React.createElement("div", { className: "gd-visualizations-list-item-content-name" },
|
|
41
|
+
React.createElement(ShortenedText, { className: "gd-visualizations-list-item-content-name-text", tooltipAlignPoints: tooltipAlignPoints }, visualization.title))))),
|
|
42
|
+
React.createElement(Button, { key: visualization.identifier, onClick: () => handleClick(visualization.identifier), value: "\u22EF", className: cx(`gd-vis-switcher-show-more-button gd-button s-visualization-switcher-more-menu-button-${visualization.identifier}`, {
|
|
43
|
+
"is-active": active === visualization.identifier,
|
|
44
|
+
}) })),
|
|
45
|
+
isOpen ? (React.createElement(VisualizationListMenu, { alignTo: `.s-visualization-switcher-more-menu-button-${visualization.identifier}`, visualization: visualization, isLast: isLast, isFirst: isFirst, shouldRenderActions: shouldRenderActions, onMenuButtonClick: onMenuButtonClick, onVisualizationDeleted: onVisualizationDeleted, onVisualizationPositionChange: onVisualizationPositionChange })) : null));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=VisualizationListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListItem.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IInsightWidget } from "@gooddata/sdk-model";
|
|
3
|
+
interface IVisualizationListMenu {
|
|
4
|
+
alignTo: string;
|
|
5
|
+
isLast: boolean;
|
|
6
|
+
isFirst: boolean;
|
|
7
|
+
visualization: IInsightWidget;
|
|
8
|
+
shouldRenderActions: boolean;
|
|
9
|
+
onMenuButtonClick: () => void;
|
|
10
|
+
onVisualizationDeleted: (visualizationWidgetId: string) => void;
|
|
11
|
+
onVisualizationPositionChange: (visualizationWidgetId: string, direction: string) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const VisualizationListMenu: React.FC<IVisualizationListMenu>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=VisualizationListMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAMrD,UAAU,sBAAsB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,cAAc,CAAC;IAC9B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,sBAAsB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7F;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkElE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React, { useCallback } from "react";
|
|
3
|
+
import { useIntl } from "react-intl";
|
|
4
|
+
import cx from "classnames";
|
|
5
|
+
import { ItemsWrapper, Overlay, Separator } from "@gooddata/sdk-ui-kit";
|
|
6
|
+
import { VisualizationListMenuItem } from "./VisualizationListMenuItem.js";
|
|
7
|
+
const menuAlignPoints = [{ align: "br tr" }];
|
|
8
|
+
export const VisualizationListMenu = ({ alignTo, isLast, isFirst, visualization, shouldRenderActions, onMenuButtonClick, onVisualizationDeleted, onVisualizationPositionChange, }) => {
|
|
9
|
+
const intl = useIntl();
|
|
10
|
+
const handleOnVisualizationPositionChange = useCallback((disabled, direction) => {
|
|
11
|
+
if (disabled) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
onVisualizationPositionChange(visualization.identifier, direction);
|
|
15
|
+
onMenuButtonClick();
|
|
16
|
+
}, [visualization.identifier]);
|
|
17
|
+
return (React.createElement(Overlay, { key: "VisSwitcherMoreMenu", alignTo: alignTo, alignPoints: menuAlignPoints, className: "gd-more-menu-overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, onClose: onMenuButtonClick },
|
|
18
|
+
React.createElement(ItemsWrapper, { smallItemsSpacing: true, className: ".s-visualization-switcher-more-menu" },
|
|
19
|
+
shouldRenderActions ? (React.createElement(React.Fragment, null,
|
|
20
|
+
React.createElement(VisualizationListMenuItem, { className: cx("gd-vis-switcher-show-more-item", { "is-disabled": isFirst }), disabled: isFirst, onClick: () => {
|
|
21
|
+
handleOnVisualizationPositionChange(isFirst, "moveUp");
|
|
22
|
+
}, text: intl.formatMessage({ id: "visualizationSwitcher.list.menu.move.up" }) }),
|
|
23
|
+
React.createElement(VisualizationListMenuItem, { className: cx("gd-vis-switcher-show-more-item", { "is-disabled": isLast }), disabled: isLast, onClick: () => {
|
|
24
|
+
handleOnVisualizationPositionChange(isLast, "moveDown");
|
|
25
|
+
}, text: intl.formatMessage({ id: "visualizationSwitcher.list.menu.move.down" }) }),
|
|
26
|
+
React.createElement(Separator, null))) : null,
|
|
27
|
+
React.createElement(VisualizationListMenuItem, { className: "gd-vis-swicher-show-more-item-remove", onClick: () => {
|
|
28
|
+
onVisualizationDeleted(visualization.identifier);
|
|
29
|
+
onMenuButtonClick();
|
|
30
|
+
}, text: intl.formatMessage({ id: "visualizationSwitcher.list.menu.remove" }) }))));
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=VisualizationListMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListMenu.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAe,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGrF,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,MAAM,eAAe,GAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAa5D,MAAM,CAAC,MAAM,qBAAqB,GAAqC,CAAC,EACpE,OAAO,EACP,MAAM,EACN,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,6BAA6B,GAChC,EAAE,EAAE;IACD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,mCAAmC,GAAG,WAAW,CACnD,CAAC,QAAiB,EAAE,SAAiB,EAAE,EAAE;QACrC,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QACD,6BAA6B,CAAC,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACnE,iBAAiB,EAAE,CAAC;IACxB,CAAC,EACD,CAAC,aAAa,CAAC,UAAU,CAAC,CAC7B,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IACJ,GAAG,EAAE,qBAAqB,EAC1B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAC,sBAAsB,EAChC,gBAAgB,EAAE,IAAI,EACtB,mBAAmB,EAAE,IAAI,EACzB,OAAO,EAAE,iBAAiB;QAE1B,oBAAC,YAAY,IAAC,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAC,qCAAqC;YACjF,mBAAmB,CAAC,CAAC,CAAC,CACnB;gBACI,oBAAC,yBAAyB,IACtB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAC3E,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE;wBACV,mCAAmC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;oBAC3D,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yCAAyC,EAAE,CAAC,GAC7E;gBACF,oBAAC,yBAAyB,IACtB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,EAC1E,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,GAAG,EAAE;wBACV,mCAAmC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;oBAC5D,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,2CAA2C,EAAE,CAAC,GAC/E;gBACF,oBAAC,SAAS,OAAG,CACd,CACN,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,yBAAyB,IACtB,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,GAAG,EAAE;oBACV,sBAAsB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;oBACjD,iBAAiB,EAAE,CAAC;gBACxB,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,wCAAwC,EAAE,CAAC,GAC5E,CACS,CACT,CACb,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IVisualizationListMenuItemProps {
|
|
3
|
+
className: string;
|
|
4
|
+
text: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const VisualizationListMenuItem: React.FC<IVisualizationListMenuItemProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=VisualizationListMenuItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,+BAA+B;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAW/E,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Item } from "@gooddata/sdk-ui-kit";
|
|
4
|
+
export const VisualizationListMenuItem = ({ className, disabled, text, onClick, }) => {
|
|
5
|
+
return (React.createElement(Item, { onClick: onClick, className: className, disabled: disabled }, text));
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=VisualizationListMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationListMenuItem.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAS5C,MAAM,CAAC,MAAM,yBAAyB,GAA8C,CAAC,EACjF,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,OAAO,GACV,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAC3D,IAAI,CACF,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IInsight, IInsightWidget } from "@gooddata/sdk-model";
|
|
3
|
-
import { ObjRefMap } from "
|
|
3
|
+
import { ObjRefMap } from "../../../../../_staging/metadata/objRefMap.js";
|
|
4
4
|
interface IVisulizationsListProps {
|
|
5
5
|
visualizations: IInsightWidget[];
|
|
6
6
|
insights: ObjRefMap<IInsight>;
|
|
7
7
|
activeVisualizationId: string | undefined;
|
|
8
8
|
onVisualizationDeleted: (visualizationWidgetId: string) => void;
|
|
9
9
|
onVisualizationSelect: (visualizationWidgetId: string) => void;
|
|
10
|
+
onVisualizationPositionChange: (visualizationWidgetId: string, direction: string) => void;
|
|
10
11
|
}
|
|
11
12
|
export declare const VisualizationsList: React.FC<IVisulizationsListProps>;
|
|
12
13
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationsList.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAG1E,UAAU,uBAAuB;IAC7B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9B,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,sBAAsB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7F;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgChE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// (C) 2024 GoodData Corporation
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { selectInsightsMap, useDashboardSelector } from "../../../../../model/index.js";
|
|
4
|
+
import { VisualizationListItem } from "./VisualizationListItem.js";
|
|
5
|
+
export const VisualizationsList = ({ visualizations, activeVisualizationId, onVisualizationDeleted, onVisualizationSelect, onVisualizationPositionChange, }) => {
|
|
6
|
+
const insightsMap = useDashboardSelector(selectInsightsMap);
|
|
7
|
+
const shouldRenderActions = visualizations.length > 1;
|
|
8
|
+
return visualizations.map((visualization, index) => {
|
|
9
|
+
const insight = insightsMap.get(visualization.insight);
|
|
10
|
+
const isActive = visualization.identifier === activeVisualizationId;
|
|
11
|
+
const isLast = index === visualizations.length - 1;
|
|
12
|
+
const isFirst = index === 0;
|
|
13
|
+
return (React.createElement(VisualizationListItem, { key: visualization.identifier, visualization: visualization, insight: insight, isActive: isActive, isLast: isLast, isFirst: isFirst, shouldRenderActions: shouldRenderActions, onVisualizationSelect: onVisualizationSelect, onVisualizationDeleted: onVisualizationDeleted, onVisualizationPositionChange: onVisualizationPositionChange }));
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=VisualizationsList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisualizationsList.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAWnE,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,GAChC,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,mBAAmB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAEtD,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;QAC/C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,aAAa,CAAC,UAAU,KAAK,qBAAqB,CAAC;QACpE,MAAM,MAAM,GAAG,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QACnD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;QAE5B,OAAO,CACH,oBAAC,qBAAqB,IAClB,GAAG,EAAE,aAAa,CAAC,UAAU,EAC7B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,6BAA6B,EAAE,6BAA6B,GAC9D,CACL,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}
|
|
@@ -6,6 +6,7 @@ interface IVisualizationsPageProps {
|
|
|
6
6
|
onVisualizationAdd: (insight: IInsight) => void;
|
|
7
7
|
onVisualizationDeleted: (visualizationWidgetId: string) => void;
|
|
8
8
|
onVisualizationSelect: (visualizationWidgetId: string) => void;
|
|
9
|
+
onVisualizationPositionChange: (visualizationWidgetId: string, direction: string) => void;
|
|
9
10
|
}
|
|
10
11
|
export declare const VisualizationsPage: React.FC<IVisualizationsPageProps>;
|
|
11
12
|
export {};
|
package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualizationsPage.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAM/D,UAAU,wBAAwB;IAC9B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"VisualizationsPage.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAM/D,UAAU,wBAAwB;IAC9B,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,6BAA6B,EAAE,CAAC,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7F;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsEjE,CAAC"}
|
|
@@ -3,9 +3,9 @@ import { Button, Typography } from "@gooddata/sdk-ui-kit";
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { selectInsightsMap, useDashboardSelector } from "../../../../model/index.js";
|
|
5
5
|
import { useIntl } from "react-intl";
|
|
6
|
-
import { VisualizationsList } from "./VisualizationsList.js";
|
|
6
|
+
import { VisualizationsList } from "./VisualizationsList/VisualizationsList.js";
|
|
7
7
|
import { InsightPicker } from "./InsightPicker.js";
|
|
8
|
-
export const VisualizationsPage = ({ visualizations, activeVisualizationId, onVisualizationDeleted, onVisualizationAdd, onVisualizationSelect, }) => {
|
|
8
|
+
export const VisualizationsPage = ({ visualizations, activeVisualizationId, onVisualizationDeleted, onVisualizationAdd, onVisualizationSelect, onVisualizationPositionChange, }) => {
|
|
9
9
|
const [isVisualizationPickerVisible, setVisualizationPickerVisible] = React.useState(false);
|
|
10
10
|
const intl = useIntl();
|
|
11
11
|
const insights = useDashboardSelector(selectInsightsMap);
|
|
@@ -31,7 +31,7 @@ export const VisualizationsPage = ({ visualizations, activeVisualizationId, onVi
|
|
|
31
31
|
id: "visualizationSwitcherToolbar.visualizationsList.empty",
|
|
32
32
|
}))),
|
|
33
33
|
React.createElement("div", { className: "visualizations-list" },
|
|
34
|
-
React.createElement(VisualizationsList, { visualizations: visualizations, insights: insights, activeVisualizationId: activeVisualizationId, onVisualizationDeleted: onVisualizationDeleted, onVisualizationSelect: onVisualizationSelect })),
|
|
34
|
+
React.createElement(VisualizationsList, { visualizations: visualizations, insights: insights, activeVisualizationId: activeVisualizationId, onVisualizationDeleted: onVisualizationDeleted, onVisualizationSelect: onVisualizationSelect, onVisualizationPositionChange: onVisualizationPositionChange })),
|
|
35
35
|
React.createElement("div", { className: "horizontal-divider" },
|
|
36
36
|
React.createElement("div", { className: "horizontal-divider-line" })),
|
|
37
37
|
React.createElement(Button, { className: "gd-button-link gd-icon-plus gd-add-visualization s-visualization-switcher-add-button", onClick: onAdd }, intl.formatMessage({ id: "visualizationSwitcherToolbar.visualizationsList.add" }))))));
|
package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualizationsPage.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"VisualizationsPage.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAWnD,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,6BAA6B,GAChC,EAAE,EAAE;IACD,MAAM,CAAC,4BAA4B,EAAE,6BAA6B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,QAAQ,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAEzD,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,6BAA6B,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACjE,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,6BAA6B,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,OAAiB,EAAE,EAAE;QAClC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC5B,6BAA6B,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,OAAO,4BAA4B,CAAC,CAAC,CAAC,CAClC,oBAAC,aAAa,IAAC,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAI,CAC9D,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,qBAAqB;QAChC,6BAAK,SAAS,EAAC,uBAAuB;YAClC,6BAAK,SAAS,EAAC,oCAAoC;gBAC/C,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,cAAc;oBAC7C,kCACK,IAAI,CAAC,aAAa,CAAC;wBAChB,EAAE,EAAE,wDAAwD;qBAC/D,CAAC,CACC,CACE,CACX;YACN,6BAAK,SAAS,EAAC,+BAA+B;gBACzC,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,6BAAK,SAAS,EAAC,wBAAwB,IAClC,IAAI,CAAC,aAAa,CAAC;oBAChB,EAAE,EAAE,uDAAuD;iBAC9D,CAAC,CACA,CACT;gBACD,6BAAK,SAAS,EAAC,qBAAqB;oBAChC,oBAAC,kBAAkB,IACf,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,qBAAqB,EAAE,qBAAqB,EAC5C,6BAA6B,EAAE,6BAA6B,GAC9D,CACA;gBACN,6BAAK,SAAS,EAAC,oBAAoB;oBAC/B,6BAAK,SAAS,EAAC,yBAAyB,GAAG,CACzC;gBACN,oBAAC,MAAM,IACH,SAAS,EAAC,sFAAsF,EAChG,OAAO,EAAE,KAAK,IAEb,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qDAAqD,EAAE,CAAC,CAC7E,CACP,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-dashboard",
|
|
3
|
-
"version": "10.12.0-alpha.
|
|
3
|
+
"version": "10.12.0-alpha.44",
|
|
4
4
|
"description": "GoodData SDK - Dashboard Component",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -57,17 +57,17 @@
|
|
|
57
57
|
"ts-invariant": "^0.7.5",
|
|
58
58
|
"tslib": "^2.5.0",
|
|
59
59
|
"uuid": "^8.3.2",
|
|
60
|
-
"@gooddata/sdk-backend-base": "10.12.0-alpha.
|
|
61
|
-
"@gooddata/sdk-backend-spi": "10.12.0-alpha.
|
|
62
|
-
"@gooddata/sdk-model": "10.12.0-alpha.
|
|
63
|
-
"@gooddata/sdk-ui": "10.12.0-alpha.
|
|
64
|
-
"@gooddata/sdk-ui-ext": "10.12.0-alpha.
|
|
65
|
-
"@gooddata/sdk-ui-filters": "10.12.0-alpha.
|
|
66
|
-
"@gooddata/sdk-ui-geo": "10.12.0-alpha.
|
|
67
|
-
"@gooddata/sdk-ui-kit": "10.12.0-alpha.
|
|
68
|
-
"@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.
|
|
69
|
-
"@gooddata/
|
|
70
|
-
"@gooddata/
|
|
60
|
+
"@gooddata/sdk-backend-base": "10.12.0-alpha.44",
|
|
61
|
+
"@gooddata/sdk-backend-spi": "10.12.0-alpha.44",
|
|
62
|
+
"@gooddata/sdk-model": "10.12.0-alpha.44",
|
|
63
|
+
"@gooddata/sdk-ui": "10.12.0-alpha.44",
|
|
64
|
+
"@gooddata/sdk-ui-ext": "10.12.0-alpha.44",
|
|
65
|
+
"@gooddata/sdk-ui-filters": "10.12.0-alpha.44",
|
|
66
|
+
"@gooddata/sdk-ui-geo": "10.12.0-alpha.44",
|
|
67
|
+
"@gooddata/sdk-ui-kit": "10.12.0-alpha.44",
|
|
68
|
+
"@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.44",
|
|
69
|
+
"@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.44",
|
|
70
|
+
"@gooddata/util": "10.12.0-alpha.44"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -120,9 +120,9 @@
|
|
|
120
120
|
"typescript": "5.3.3",
|
|
121
121
|
"vitest": "1.0.4",
|
|
122
122
|
"vitest-dom": "0.1.1",
|
|
123
|
-
"@gooddata/i18n-toolkit": "10.12.0-alpha.
|
|
124
|
-
"@gooddata/reference-workspace": "10.12.0-alpha.
|
|
125
|
-
"@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.
|
|
123
|
+
"@gooddata/i18n-toolkit": "10.12.0-alpha.44",
|
|
124
|
+
"@gooddata/reference-workspace": "10.12.0-alpha.44",
|
|
125
|
+
"@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.44"
|
|
126
126
|
},
|
|
127
127
|
"scripts": {
|
|
128
128
|
"clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
|