@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.
Files changed (51) hide show
  1. package/esm/__version.d.ts +1 -1
  2. package/esm/__version.js +1 -1
  3. package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.d.ts.map +1 -1
  4. package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js +3 -1
  5. package/esm/presentation/dragAndDrop/draggableWidget/AddVisualizationSwitcherWidgetButton.js.map +1 -1
  6. package/esm/presentation/localization/bundles/en-US.json +15 -0
  7. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.d.ts.map +1 -1
  8. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js +14 -1
  9. package/esm/presentation/widget/visualizationSwitcher/configuration/Toolbar.js.map +1 -1
  10. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts +1 -0
  11. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.d.ts.map +1 -1
  12. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js +2 -2
  13. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarBottom.js.map +1 -1
  14. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.d.ts.map +1 -1
  15. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.js +8 -5
  16. package/esm/presentation/widget/visualizationSwitcher/configuration/ToolbarTop.js.map +1 -1
  17. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts +16 -0
  18. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.d.ts.map +1 -0
  19. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js +47 -0
  20. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListItem.js.map +1 -0
  21. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts +15 -0
  22. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.d.ts.map +1 -0
  23. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js +32 -0
  24. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenu.js.map +1 -0
  25. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts +10 -0
  26. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.d.ts.map +1 -0
  27. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js +7 -0
  28. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationListMenuItem.js.map +1 -0
  29. package/esm/presentation/widget/visualizationSwitcher/configuration/{VisualizationsList.d.ts → VisualizationsList/VisualizationsList.d.ts} +2 -1
  30. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.d.ts.map +1 -0
  31. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js +16 -0
  32. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList/VisualizationsList.js.map +1 -0
  33. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts +1 -0
  34. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.d.ts.map +1 -1
  35. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js +3 -3
  36. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsPage.js.map +1 -1
  37. package/package.json +15 -15
  38. package/styles/css/main.css +86 -2
  39. package/styles/css/main.css.map +1 -1
  40. package/styles/css/visualizationSwitcherHeader.css +2 -1
  41. package/styles/css/visualizationSwitcherHeader.css.map +1 -1
  42. package/styles/css/visualizationSwitcherToolbar.css +69 -1
  43. package/styles/css/visualizationSwitcherToolbar.css.map +1 -1
  44. package/styles/css/visualizationSwitcherWidget.css +15 -0
  45. package/styles/css/visualizationSwitcherWidget.css.map +1 -1
  46. package/styles/scss/visualizationSwitcherHeader.scss +2 -1
  47. package/styles/scss/visualizationSwitcherToolbar.scss +104 -1
  48. package/styles/scss/visualizationSwitcherWidget.scss +20 -2
  49. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.d.ts.map +0 -1
  50. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js +0 -36
  51. package/esm/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.js.map +0 -1
@@ -33,6 +33,9 @@
33
33
  padding: 4px;
34
34
  flex: 0 1 auto;
35
35
  }
36
+ .gd-visualization-switcher-toolbar-top.bubble.bubble-light .left-section:not(.is-active):hover path {
37
+ fill: var(--gd-palette-complementary-8, #464e56);
38
+ }
36
39
  .gd-visualization-switcher-toolbar-top.bubble.bubble-light .vertical-divider {
37
40
  flex: 0 0 1px;
38
41
  width: 1px;
@@ -57,6 +60,9 @@
57
60
  justify-content: center;
58
61
  align-items: center;
59
62
  }
63
+ .gd-visualization-switcher-toolbar-top.bubble.bubble-light .navigate-button:not(.is-disabled):hover path {
64
+ fill: var(--gd-palette-complementary-8, #464e56);
65
+ }
60
66
  .gd-visualization-switcher-toolbar-top.bubble.bubble-light .right-section {
61
67
  display: flex;
62
68
  padding: 4px;
@@ -86,6 +92,9 @@
86
92
  line-height: 21px;
87
93
  color: var(--gd-palette-complementary-6, #94a1ad);
88
94
  }
95
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .configuration-panel-header-close-button {
96
+ display: none;
97
+ }
89
98
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .visualizations-list {
90
99
  max-height: 253px;
91
100
  overflow-y: auto;
@@ -111,10 +120,47 @@
111
120
  display: flex;
112
121
  align-items: center;
113
122
  justify-content: space-between;
114
- padding: 0 15px;
115
123
  height: 40px;
116
124
  cursor: pointer;
117
125
  }
126
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .switcher-visualizations-list-item-content {
127
+ width: 100%;
128
+ padding: 0 0 0 15px;
129
+ }
130
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .gd-vis-switcher-show-more-button {
131
+ display: none;
132
+ position: relative;
133
+ padding: 5px 14px;
134
+ border: 1px solid transparent;
135
+ outline: 0;
136
+ font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
137
+ height: 40px;
138
+ white-space: nowrap;
139
+ vertical-align: middle;
140
+ cursor: pointer;
141
+ text-align: left;
142
+ background: transparent;
143
+ }
144
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:not(.is-selected) .gd-vis-switcher-show-more-button:hover {
145
+ background: var(--gd-palette-complementary-7, #ccd8e2);
146
+ color: var(--gd-palette-complementary-6, #94a1ad);
147
+ }
148
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active {
149
+ background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
150
+ }
151
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected.is-active .gd-vis-switcher-show-more-button {
152
+ display: block;
153
+ background: var(--gd-palette-primary-dimmed50, #b9e8f6);
154
+ color: var(--gd-palette-primary-0, #14b2e2);
155
+ }
156
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) {
157
+ background: var(--gd-palette-complementary-2, #ebeff4);
158
+ }
159
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-active:not(.is-selected) .gd-vis-switcher-show-more-button {
160
+ display: block;
161
+ background: var(--gd-palette-complementary-7, #ccd8e2);
162
+ color: var(--gd-palette-complementary-6, #94a1ad);
163
+ }
118
164
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover {
119
165
  background-color: var(--gd-palette-complementary-2, #ebeff4);
120
166
  }
@@ -122,14 +168,27 @@
122
168
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-type {
123
169
  color: var(--gd-palette-complementary-9, #000);
124
170
  }
171
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item:hover .gd-vis-switcher-show-more-button {
172
+ display: block;
173
+ color: var(--gd-palette-complementary-6, #94a1ad);
174
+ }
125
175
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .visualization-title,
126
176
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-type {
127
177
  font-weight: 700;
128
178
  color: var(--gd-palette-primary-0, #14b2e2);
129
179
  }
180
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected .gd-vis-switcher-show-more-button {
181
+ color: var(--gd-palette-primary-0, #14b2e2);
182
+ }
130
183
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover {
131
184
  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
132
185
  }
186
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button {
187
+ color: var(--gd-palette-primary-0, #14b2e2);
188
+ }
189
+ .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item.is-selected:hover .gd-vis-switcher-show-more-button:hover {
190
+ background: var(--gd-palette-primary-dimmed50, #b9e8f6);
191
+ }
133
192
  .gd-visualization-switcher-toolbar-bottom.bubble.bubble-light .switcher-visualizations-list-item .visualization-title {
134
193
  display: flex;
135
194
  align-items: center;
@@ -144,4 +203,13 @@
144
203
  white-space: nowrap;
145
204
  }
146
205
 
206
+ .gd-vis-swicher-show-more-item-remove:hover {
207
+ background-color: var(--gd-palette-error-lightest, #fff2f1);
208
+ color: var(--gd-palette-error-base, #e54d42);
209
+ }
210
+
211
+ .gd-vis-switcher-show-more-item.is-disabled {
212
+ cursor: default;
213
+ }
214
+
147
215
  /*# sourceMappingURL=visualizationSwitcherToolbar.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherToolbar.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACAI;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA,kBCwBiB;;ADtBrB;EACI;EACA;EACA;EACA;EACA,OErBQ;EFsBR;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA,kBC3Ca;;AD8CrB;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBEpBY;;AFsBZ;AAAA;EAEI,OEjGA;;AFsGJ;AAAA;EAEI;EACA;;AAEJ;EACI,kBEpGY;;AFuGpB;EACI;EACA;;AAEJ;EACI;EACA;;AAEA;EACI;EACA;EACA","file":"visualizationSwitcherToolbar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherToolbar.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACCI;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;;AACA;EACI,MCPI;;ADWZ;EACI;EACA;EACA;EACA,kBEmBiB;;AFjBrB;EACI;EACA;EACA;EACA;EACA,OC1BQ;ED2BR;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AACA;EACI,MCnCI;;ADuCZ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA,kBEvDa;;AF0DrB;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMI;EACI;EACA,OC7IG;;ADiJf;EACI,kBC7HgB;;AD+HhB;EACI;EACA;EAIA;;AAIR;EACI,YCzEY;;AD2EZ;EACI;EACA;EACA,OCpKO;;ADwKf;EACI,kBCnFY;;ADqFZ;AAAA;EAEI,OChKA;;ADmKJ;EACI;EACA,OClLO;;ADuLX;AAAA;EAEI;EACA;;AAGJ;EACI;;AAGJ;EACI,kBC7KY;;ADgLZ;EACI;;AAGA;EACI;;AAYhB;EACI;EACA;;AAEJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAOZ;EACI;EACA,OCvMgB;;;AD4MpB;EACI","file":"visualizationSwitcherToolbar.css"}
@@ -26,6 +26,18 @@
26
26
  .gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span {
27
27
  text-decoration-line: underline;
28
28
  }
29
+ .gd-visualization-switcher-widget-wrapper .gd-editable-label-inner span::after {
30
+ content: "\e612";
31
+ display: inline-block;
32
+ height: 1px;
33
+ color: var(--gd-dashboards-content-widget-title-color, var(--gd-palette-complementary-8, #464e56));
34
+ vertical-align: top;
35
+ transition: 0.2s;
36
+ margin-left: 0.5em;
37
+ font-family: "Indigo", sans-serif;
38
+ font-weight: normal;
39
+ font-size: inherit;
40
+ }
29
41
 
30
42
  .gd-visualization-switcher-widget-empty-content {
31
43
  height: 100%;
@@ -35,6 +47,9 @@
35
47
  align-items: center;
36
48
  gap: 8px;
37
49
  }
50
+ .gd-visualization-switcher-widget-empty-content .gd-typography--p {
51
+ color: var(--gd-palette-complementary-7, #6d7680);
52
+ }
38
53
 
39
54
  .gd-visualization-switcher-visible-visualization {
40
55
  width: 100%;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherWidget.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACFA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAEI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA","file":"visualizationSwitcherWidget.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/visualizationSwitcherWidget.scss","../scss/_variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACDA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAEI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAIA;EACI;;AACA;EACI;EACA;EACA;EACA,OC0E2B;EDzE3B;EACA;EACA;EACA;EACA;EACA;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,OE3BQ;;;AF+BhB;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA","file":"visualizationSwitcherWidget.css"}
@@ -14,7 +14,7 @@
14
14
  content: "\e612";
15
15
  display: inline-block;
16
16
  height: 1px;
17
- color: variables.$gd-color-text;
17
+ color: variables.$gd-dashboards-content-widget-title-color;
18
18
  vertical-align: top;
19
19
  transition: 0.2s;
20
20
  margin-left: 0.5em;
@@ -49,6 +49,7 @@
49
49
  padding: 0 10px;
50
50
 
51
51
  .gd-visualization-switcher-widget-header-item-content {
52
+ display: inline-flex;
52
53
  white-space: nowrap;
53
54
  }
54
55
 
@@ -1,4 +1,5 @@
1
1
  // (C) 2024 GoodData Corporation
2
+ @use "sass:color";
2
3
  @use "variables";
3
4
  @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
4
5
 
@@ -33,7 +34,11 @@
33
34
  .left-section {
34
35
  padding: 4px;
35
36
  flex: 0 1 auto;
37
+ &:not(.is-active):hover path {
38
+ fill: kit-variables.$gd-color-text;
39
+ }
36
40
  }
41
+
37
42
  .vertical-divider {
38
43
  flex: 0 0 1px;
39
44
  width: 1px;
@@ -57,6 +62,9 @@
57
62
  padding: 4px;
58
63
  justify-content: center;
59
64
  align-items: center;
65
+ &:not(.is-disabled):hover path {
66
+ fill: kit-variables.$gd-color-text;
67
+ }
60
68
  }
61
69
 
62
70
  .right-section {
@@ -94,6 +102,10 @@
94
102
  color: var(--gd-palette-complementary-6, #94a1ad);
95
103
  }
96
104
 
105
+ .configuration-panel-header-close-button {
106
+ display: none;
107
+ }
108
+
97
109
  .visualizations-list {
98
110
  max-height: 253px;
99
111
  overflow-y: auto;
@@ -122,10 +134,61 @@
122
134
  display: flex;
123
135
  align-items: center;
124
136
  justify-content: space-between;
125
- padding: 0 15px;
126
137
  height: 40px;
127
138
  cursor: pointer;
128
139
 
140
+ .switcher-visualizations-list-item-content {
141
+ width: 100%;
142
+ padding: 0 0 0 15px;
143
+ }
144
+
145
+ .gd-vis-switcher-show-more-button {
146
+ display: none;
147
+ position: relative;
148
+ padding: 5px 14px;
149
+ border: 1px solid transparent;
150
+ outline: 0;
151
+ font: 700 14px/20px gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
152
+ height: 40px;
153
+ white-space: nowrap;
154
+ vertical-align: middle;
155
+ cursor: pointer;
156
+ text-align: left;
157
+ background: transparent;
158
+ }
159
+
160
+ &:not(.is-selected) {
161
+ .gd-vis-switcher-show-more-button {
162
+ // stylelint-disable-next-line max-nesting-depth
163
+ &:hover {
164
+ background: var(--gd-palette-complementary-7, #ccd8e2);
165
+ color: kit-variables.$gd-color-state-blank;
166
+ }
167
+ }
168
+ }
169
+ &.is-selected.is-active {
170
+ background-color: kit-variables.$gd-palette-primary-dimmed;
171
+
172
+ .gd-vis-switcher-show-more-button {
173
+ display: block;
174
+ background: var(
175
+ --gd-palette-primary-dimmed50,
176
+ color.mix(kit-variables.$gd-color-highlight, kit-variables.$default-gd-color-white, 30%)
177
+ );
178
+ color: var(--gd-palette-primary-0, #14b2e2);
179
+ }
180
+ }
181
+
182
+ &.is-active:not(.is-selected) {
183
+ background: kit-variables.$is-focused-background;
184
+
185
+ .gd-vis-switcher-show-more-button {
186
+ display: block;
187
+ background: var(--gd-palette-complementary-7, #ccd8e2);
188
+ color: kit-variables.$gd-color-state-blank;
189
+ }
190
+ }
191
+
129
192
  &:hover {
130
193
  background-color: kit-variables.$is-focused-background;
131
194
 
@@ -133,6 +196,11 @@
133
196
  .gd-vis-type {
134
197
  color: kit-variables.$is-focused-color;
135
198
  }
199
+
200
+ .gd-vis-switcher-show-more-button {
201
+ display: block;
202
+ color: kit-variables.$gd-color-state-blank;
203
+ }
136
204
  }
137
205
 
138
206
  &.is-selected {
@@ -141,8 +209,30 @@
141
209
  font-weight: 700;
142
210
  color: var(--gd-palette-primary-0, #14b2e2);
143
211
  }
212
+
213
+ .gd-vis-switcher-show-more-button {
214
+ color: var(--gd-palette-primary-0, #14b2e2);
215
+ }
216
+
144
217
  &:hover {
145
218
  background-color: kit-variables.$gd-palette-primary-dimmed;
219
+
220
+ // stylelint-disable-next-line max-nesting-depth
221
+ .gd-vis-switcher-show-more-button {
222
+ color: var(--gd-palette-primary-0, #14b2e2);
223
+
224
+ // stylelint-disable-next-line max-nesting-depth
225
+ &:hover {
226
+ background: var(
227
+ --gd-palette-primary-dimmed50,
228
+ color.mix(
229
+ kit-variables.$gd-color-highlight,
230
+ kit-variables.$default-gd-color-white,
231
+ 30%
232
+ )
233
+ );
234
+ }
235
+ }
146
236
  }
147
237
  }
148
238
  .visualization-title {
@@ -161,3 +251,16 @@
161
251
  }
162
252
  }
163
253
  }
254
+
255
+ .gd-vis-swicher-show-more-item-remove {
256
+ &:hover {
257
+ background-color: var(--gd-palette-error-lightest, #fff2f1);
258
+ color: kit-variables.$gd-palette-error-base;
259
+ }
260
+ }
261
+
262
+ .gd-vis-switcher-show-more-item {
263
+ &.is-disabled {
264
+ cursor: default;
265
+ }
266
+ }
@@ -1,5 +1,6 @@
1
1
  // (C) 2024 GoodData Corporation
2
2
  @use "variables";
3
+ @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
3
4
 
4
5
  .gd-visualization-switcher-widget-wrapper {
5
6
  width: 100%;
@@ -23,8 +24,22 @@
23
24
  border-width: 0;
24
25
  }
25
26
 
26
- .gd-editable-label-inner span {
27
- text-decoration-line: underline;
27
+ .gd-editable-label-inner {
28
+ span {
29
+ text-decoration-line: underline;
30
+ &::after {
31
+ content: "\e612";
32
+ display: inline-block;
33
+ height: 1px;
34
+ color: variables.$gd-dashboards-content-widget-title-color;
35
+ vertical-align: top;
36
+ transition: 0.2s;
37
+ margin-left: 0.5em;
38
+ font-family: "Indigo", sans-serif;
39
+ font-weight: normal;
40
+ font-size: inherit;
41
+ }
42
+ }
28
43
  }
29
44
  }
30
45
 
@@ -35,6 +50,9 @@
35
50
  justify-content: center;
36
51
  align-items: center;
37
52
  gap: 8px;
53
+ .gd-typography--p {
54
+ color: kit-variables.$gd-color-link;
55
+ }
38
56
  }
39
57
 
40
58
  .gd-visualization-switcher-visible-visualization {
@@ -1 +0,0 @@
1
- {"version":3,"file":"VisualizationsList.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAevE,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;CAClE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ChE,CAAC"}
@@ -1,36 +0,0 @@
1
- // (C) 2024 GoodData Corporation
2
- import { Button, InsightListItemTypeIcon, ShortenedText } from "@gooddata/sdk-ui-kit";
3
- import React from "react";
4
- import cx from "classnames";
5
- import { insightVisualizationType } from "@gooddata/sdk-model";
6
- import { selectInsightsMap, useDashboardSelector } from "../../../../model/index.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 VisualizationsList = ({ visualizations, activeVisualizationId, onVisualizationDeleted, onVisualizationSelect, }) => {
21
- const insightsMap = useDashboardSelector(selectInsightsMap);
22
- return visualizations.map((visualization) => {
23
- const insight = insightsMap.get(visualization.insight);
24
- const isActive = visualization.identifier === activeVisualizationId;
25
- return (React.createElement("div", { key: visualization.identifier, className: cx("switcher-visualizations-list-item", {
26
- "is-selected": isActive,
27
- }) },
28
- React.createElement("div", { className: "visualization-title", onClick: () => onVisualizationSelect(visualization.identifier) },
29
- insight ? React.createElement(InsightListItemTypeIcon, { type: insightVisualizationType(insight) }) : null,
30
- React.createElement("div", { className: "gd-visualizations-list-item-content" },
31
- React.createElement("div", { className: "gd-visualizations-list-item-content-name" },
32
- React.createElement(ShortenedText, { className: "gd-visualizations-list-item-content-name-text", tooltipAlignPoints: tooltipAlignPoints }, visualization.title)))),
33
- React.createElement(Button, { className: "gd-button-link gd-button-icon-only gd-icon-trash s-visualization-switcher-remove-button", onClick: () => onVisualizationDeleted(visualization.identifier) })));
34
- });
35
- };
36
- //# sourceMappingURL=VisualizationsList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VisualizationsList.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/visualizationSwitcher/configuration/VisualizationsList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAA4B,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGrF,MAAM,gCAAgC,GAAG,EAAE,CAAC;AAC5C,MAAM,kBAAkB,GAAG;IACvB;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;AASF,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EAClE,cAAc,EACd,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACxB,EAAE,EAAE;IACD,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE5D,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE;QACxC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,aAAa,CAAC,UAAU,KAAK,qBAAqB,CAAC;QAEpE,OAAO,CACH,6BACI,GAAG,EAAE,aAAa,CAAC,UAAU,EAC7B,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE;gBAC/C,aAAa,EAAE,QAAQ;aAC1B,CAAC;YAEF,6BACI,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,aAAa,CAAC,UAAU,CAAC;gBAE7D,OAAO,CAAC,CAAC,CAAC,oBAAC,uBAAuB,IAAC,IAAI,EAAE,wBAAwB,CAAC,OAAQ,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI;gBACvF,6BAAK,SAAS,EAAC,qCAAqC;oBAChD,6BAAK,SAAS,EAAC,0CAA0C;wBACrD,oBAAC,aAAa,IACV,SAAS,EAAC,+CAA+C,EACzD,kBAAkB,EAAE,kBAAkB,IAErC,aAAa,CAAC,KAAK,CACR,CACd,CACJ,CACJ;YACN,oBAAC,MAAM,IACH,SAAS,EAAC,yFAAyF,EACnG,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,aAAa,CAAC,UAAU,CAAC,GACjE,CACA,CACT,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}