@gooddata/sdk-ui-dashboard 10.12.0-alpha.42 → 10.12.0-alpha.43

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.
Files changed (39) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.js +1 -1
  3. package/esm/presentation/localization/bundles/en-US.json +15 -0
  4. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.d.ts.map +1 -1
  5. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js +14 -1
  6. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js.map +1 -1
  7. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts +1 -0
  8. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts.map +1 -1
  9. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js +2 -2
  10. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js.map +1 -1
  11. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts +16 -0
  12. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts.map +1 -0
  13. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js +47 -0
  14. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js.map +1 -0
  15. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts +15 -0
  16. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts.map +1 -0
  17. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js +32 -0
  18. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js.map +1 -0
  19. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts +10 -0
  20. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts.map +1 -0
  21. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js +7 -0
  22. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js.map +1 -0
  23. package/esm/presentation/widget/visualizationSwitcher/configuration/{VisualizationsList.d.ts → VisualizationsList/VisualizationsList.d.ts} +2 -1
  24. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.d.ts.map +1 -0
  25. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js +16 -0
  26. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js.map +1 -0
  27. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts +1 -0
  28. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts.map +1 -1
  29. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js +3 -3
  30. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js.map +1 -1
  31. package/package.json +15 -15
  32. package/styles/css/main.css +60 -1
  33. package/styles/css/main.css.map +1 -1
  34. package/styles/css/visualizationSwitcherToolbar.css +60 -1
  35. package/styles/css/visualizationSwitcherToolbar.css.map +1 -1
  36. package/styles/scss/visualizationSwitcherToolbar.scss +93 -1
  37. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.d.ts.map +0 -1
  38. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js +0 -36
  39. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js.map +0 -1
@@ -1,2 +1,2 @@
1
- export declare const LIB_VERSION = "10.12.0-alpha.42";
1
+ export declare const LIB_VERSION = "10.12.0-alpha.43";
2
2
  //# sourceMappingURL=__version.d.ts.map
package/esm/__version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // (C) 2021 GoodData Corporation
2
2
  // DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
3
- export const LIB_VERSION = "10.12.0-alpha.42";
3
+ export const LIB_VERSION = "10.12.0-alpha.43";
4
4
  //# sourceMappingURL=__version.js.map
@@ -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,CAmI1C,CAAC"}
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":"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"}
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,CA8BvD,CAAC"}
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;AAU7D,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EACzD,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,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,GAC9C,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
+ {"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"}
@@ -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":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAe,uBAAuB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAA4B,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAC5C,MAAM,kBAAkB,GAAkB;IACtC;QACI,KAAK,EAAE,OAAO;KACjB;IACD;QACI,KAAK,EAAE,OAAO;QACd,MAAM,EAAE;YACJ,CAAC,EAAE,CAAC,gCAAgC;YACpC,CAAC,EAAE,CAAC;SACP;KACJ;CACJ,CAAC;AAcF,MAAM,CAAC,MAAM,qBAAqB,GAA0C,CAAC,EACzE,aAAa,EACb,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,GAChC,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,SAAS,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,EAAU,EAAE,EAAE;QACX,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;QACnB,SAAS,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,OAAO,CACH;QACI,6BACI,GAAG,EAAE,aAAa,CAAC,UAAU,EAC7B,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE;gBAC/C,aAAa,EAAE,QAAQ;gBACvB,WAAW,EAAE,MAAM,KAAK,aAAa,CAAC,UAAU;aACnD,CAAC;YAEF,6BACI,SAAS,EAAC,2CAA2C,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,aAAa,CAAC,UAAU,CAAC;gBAE9D,6BAAK,SAAS,EAAC,qBAAqB;oBAC/B,OAAO,CAAC,CAAC,CAAC,CACP,oBAAC,uBAAuB,IAAC,IAAI,EAAE,wBAAwB,CAAC,OAAQ,CAAC,GAAI,CACxE,CAAC,CAAC,CAAC,IAAI;oBACR,6BAAK,SAAS,EAAC,qCAAqC;wBAChD,6BAAK,SAAS,EAAC,0CAA0C;4BACrD,oBAAC,aAAa,IACV,SAAS,EAAC,+CAA+C,EACzD,kBAAkB,EAAE,kBAAkB,IAErC,aAAa,CAAC,KAAK,CACR,CACd,CACJ,CACJ,CACJ;YACN,oBAAC,MAAM,IACH,GAAG,EAAE,aAAa,CAAC,UAAU,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,EACpD,KAAK,EAAC,QAAS,EACf,SAAS,EAAE,EAAE,CACT,wFAAwF,aAAa,CAAC,UAAU,EAAE,EAClH;oBACI,WAAW,EAAE,MAAM,KAAK,aAAa,CAAC,UAAU;iBACnD,CACJ,GACH,CACA;QACL,MAAM,CAAC,CAAC,CAAC,CACN,oBAAC,qBAAqB,IAClB,OAAO,EAAE,8CAA8C,aAAa,CAAC,UAAU,EAAE,EACjF,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,sBAAsB,EAAE,sBAAsB,EAC9C,6BAA6B,EAAE,6BAA6B,GAC9D,CACL,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC,CAAC"}
@@ -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 "../../../../_staging/metadata/objRefMap.js";
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 {};
@@ -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;CAClE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoEjE,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" }))))));
@@ -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,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAUnD,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,EAClB,qBAAqB,GACxB,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,GAC9C,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"}
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.42",
3
+ "version": "10.12.0-alpha.43",
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.42",
61
- "@gooddata/sdk-backend-spi": "10.12.0-alpha.42",
62
- "@gooddata/sdk-model": "10.12.0-alpha.42",
63
- "@gooddata/sdk-ui": "10.12.0-alpha.42",
64
- "@gooddata/sdk-ui-ext": "10.12.0-alpha.42",
65
- "@gooddata/sdk-ui-filters": "10.12.0-alpha.42",
66
- "@gooddata/sdk-ui-geo": "10.12.0-alpha.42",
67
- "@gooddata/sdk-ui-kit": "10.12.0-alpha.42",
68
- "@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.42",
69
- "@gooddata/util": "10.12.0-alpha.42",
70
- "@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.42"
60
+ "@gooddata/sdk-backend-base": "10.12.0-alpha.43",
61
+ "@gooddata/sdk-backend-spi": "10.12.0-alpha.43",
62
+ "@gooddata/sdk-model": "10.12.0-alpha.43",
63
+ "@gooddata/sdk-ui": "10.12.0-alpha.43",
64
+ "@gooddata/sdk-ui-filters": "10.12.0-alpha.43",
65
+ "@gooddata/sdk-ui-ext": "10.12.0-alpha.43",
66
+ "@gooddata/sdk-ui-geo": "10.12.0-alpha.43",
67
+ "@gooddata/sdk-ui-kit": "10.12.0-alpha.43",
68
+ "@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.43",
69
+ "@gooddata/util": "10.12.0-alpha.43",
70
+ "@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.43"
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.42",
124
- "@gooddata/reference-workspace": "10.12.0-alpha.42",
125
- "@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.42"
123
+ "@gooddata/i18n-toolkit": "10.12.0-alpha.43",
124
+ "@gooddata/reference-workspace": "10.12.0-alpha.43",
125
+ "@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.43"
126
126
  },
127
127
  "scripts": {
128
128
  "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
@@ -24826,10 +24826,47 @@ div.gd-empty-item-bubble {
24826
24826
  display: flex;
24827
24827
  align-items: center;
24828
24828
  justify-content: space-between;
24829
- padding: 0 15px;
24830
24829
  height: 40px;
24831
24830
  cursor: pointer;
24832
24831
  }
24832
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .switcher-visualizations-list-item-content {
24833
+ width: 100%;
24834
+ padding: 0 0 0 15px;
24835
+ }
24836
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-vis-switcher-show-more-button {
24837
+ display: none;
24838
+ position: relative;
24839
+ padding: 5px 14px;
24840
+ border: 1px solid transparent;
24841
+ outline: 0;
24842
+ font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
24843
+ height: 40px;
24844
+ white-space: nowrap;
24845
+ vertical-align: middle;
24846
+ cursor: pointer;
24847
+ text-align: left;
24848
+ background: transparent;
24849
+ }
24850
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected) .gd-vis-switcher-show-more-button:hover {
24851
+ background: var(--gd-palette-complementary-7, #ccd8e2);
24852
+ color: var(--gd-palette-complementary-6, #94a1ad);
24853
+ }
24854
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active {
24855
+ background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
24856
+ }
24857
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active .gd-vis-switcher-show-more-button {
24858
+ display: block;
24859
+ background: var(--gd-palette-primary-dimmed50, #b9e8f6);
24860
+ color: var(--gd-palette-primary-0, #14b2e2);
24861
+ }
24862
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) {
24863
+ background: var(--gd-palette-complementary-2, #ebeff4);
24864
+ }
24865
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) .gd-vis-switcher-show-more-button {
24866
+ display: block;
24867
+ background: var(--gd-palette-complementary-7, #ccd8e2);
24868
+ color: var(--gd-palette-complementary-6, #94a1ad);
24869
+ }
24833
24870
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover {
24834
24871
  background-color: var(--gd-palette-complementary-2, #ebeff4);
24835
24872
  }
@@ -24837,14 +24874,27 @@ div.gd-empty-item-bubble {
24837
24874
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-type {
24838
24875
  color: var(--gd-palette-complementary-9, #000);
24839
24876
  }
24877
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-switcher-show-more-button {
24878
+ display: block;
24879
+ color: var(--gd-palette-complementary-6, #94a1ad);
24880
+ }
24840
24881
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .visualization-title,
24841
24882
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-type {
24842
24883
  font-weight: 700;
24843
24884
  color: var(--gd-palette-primary-0, #14b2e2);
24844
24885
  }
24886
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-switcher-show-more-button {
24887
+ color: var(--gd-palette-primary-0, #14b2e2);
24888
+ }
24845
24889
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover {
24846
24890
  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
24847
24891
  }
24892
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button {
24893
+ color: var(--gd-palette-primary-0, #14b2e2);
24894
+ }
24895
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button:hover {
24896
+ background: var(--gd-palette-primary-dimmed50, #b9e8f6);
24897
+ }
24848
24898
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
24849
24899
  display: flex;
24850
24900
  align-items: center;
@@ -24859,6 +24909,15 @@ div.gd-empty-item-bubble {
24859
24909
  white-space: nowrap;
24860
24910
  }
24861
24911
 
24912
+ .gd-vis-swicher-show-more-item-remove:hover {
24913
+ background-color: var(--gd-palette-error-lightest, #fff2f1);
24914
+ color: var(--gd-palette-error-base, #e54d42);
24915
+ }
24916
+
24917
+ .gd-vis-switcher-show-more-item.is-disabled {
24918
+ cursor: default;
24919
+ }
24920
+
24862
24921
  .gd-visualization-switcher-widget-header {
24863
24922
  text-align: center;
24864
24923
  font-size: 17px;