@gooddata/sdk-ui-dashboard 10.12.0-alpha.7 → 10.12.0-alpha.8

package/styles/css/visualizationSwitcherHeader.css

@@ -0,0 +1,59 @@
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Variables, mixins, silent classes etc.
+   ========================================================================== */
+.gd-visualization-switcher-widget-header {
+  text-align: center;
+  font-size: 17px;
+  line-height: 23px;
+  text-decoration-line: underline;
+}
+.gd-visualization-switcher-widget-header::after {
+  content: "\e612";
+  display: inline-block;
+  height: 1px;
+  color: var(--gd-palette-complementary-8, #464e56);
+  vertical-align: top;
+  transition: 0.2s;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+}
+.gd-visualization-switcher-widget-header.is-open::after {
+  content: "\e613";
+}
+
+.gd-visualization-switcher-widget-header-list {
+  max-height: 356px;
+  overflow-y: auto;
+  padding: 5px 0;
+}
+.gd-visualization-switcher-widget-header-list .gd-visualization-switcher-widget-header-list-container {
+  max-height: 346px;
+  overflow-y: auto;
+}
+
+.gd-visualization-switcher-widget-header-item {
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: left;
+  height: 33px;
+  padding: 0 10px;
+}
+.gd-visualization-switcher-widget-header-item .gd-visualization-switcher-widget-header-item-content {
+  white-space: nowrap;
+}
+.gd-visualization-switcher-widget-header-item.is-selected {
+  font-weight: 700;
+}
+.gd-visualization-switcher-widget-header-item .title {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+}
+
+/*# sourceMappingURL=visualizationSwitcherHeader.css.map */

package/styles/css/visualizationSwitcherHeader.css.map

@@ -0,0 +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/visualizationSwitcherHeader.scss","../scss/_variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACFA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OCqEQ;EDpER;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAIZ;EACI;EACA;EACA;;AACA;EACI;EACA;;;AAIR;EACI,OC2CY;ED1CZ;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA","file":"visualizationSwitcherHeader.css"}

package/styles/css/visualizationSwitcherWidget.css

@@ -6,13 +6,16 @@
 .gd-visualization-switcher-widget-wrapper {
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
-  position: absolute;
-  left: 0;
-  top: 0;
+}
+.gd-visualization-switcher-widget-wrapper .dash-item,
+.gd-visualization-switcher-widget-wrapper .dash-item-content {
+  padding: 0;
+  position: static;
+}
+.gd-visualization-switcher-widget-wrapper .dash-item-content {
+  border-width: 0;
 }
 
 .gd-visualization-switcher-widget-empty-content {
@@ -24,4 +27,18 @@
   gap: 8px;
 }
 
+.gd-visualization-switcher-visible-visualization {
+  width: 100%;
+  height: 100%;
+}
+.gd-visualization-switcher-visible-visualization.is-edit-mode {
+  display: flex;
+}
+
+.gd-visualization-switcher-hidden-visualization {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+
 /*# sourceMappingURL=visualizationSwitcherWidget.css.map */

package/styles/css/visualizationSwitcherWidget.css.map

@@ -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;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA","file":"visualizationSwitcherWidget.css"}
+{"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;;AAEA;AAAA;EAEI;EACA;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA","file":"visualizationSwitcherWidget.css"}

package/styles/scss/insightConfiguration.scss

@@ -1,4 +1,4 @@
-// (C) 2020-2021 GoodData Corporation
+// (C) 2020-2024 GoodData Corporation
 @use "variables";
 @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
 
@@ -67,6 +67,7 @@ $delete-hover-status-bg: var(--gd-palette-error-lightest, #fff2f1);
         .widget-title .insight-title {
             font: inherit;
             padding-bottom: 0;
+            text-align: left;
 
             .original-insight-title {
                 font: inherit;

package/styles/scss/main.scss

@@ -34,3 +34,4 @@
 @use "alerting";
 @use "deleteDialog";
 @use "visualizationSwitcherToolbar";
+@use "visualizationSwitcherHeader";

package/styles/scss/visualizationSwitcherHeader.scss

@@ -0,0 +1,61 @@
+// (C) 2024 GoodData Corporation
+@use "variables";
+
+.gd-visualization-switcher-widget-header {
+    text-align: center;
+    font-size: 17px;
+    line-height: 23px;
+    text-decoration-line: underline;
+
+    &::after {
+        content: "\e612";
+        display: inline-block;
+        height: 1px;
+        color: variables.$gd-color-text;
+        vertical-align: top;
+        transition: 0.2s;
+        margin-left: 0.5em;
+        font-family: "Indigo", sans-serif;
+        font-weight: normal;
+        font-size: inherit;
+    }
+
+    &.is-open {
+        &::after {
+            content: "\e613";
+        }
+    }
+}
+.gd-visualization-switcher-widget-header-list {
+    max-height: 356px;
+    overflow-y: auto;
+    padding: 5px 0;
+    .gd-visualization-switcher-widget-header-list-container {
+        max-height: 346px;
+        overflow-y: auto;
+    }
+}
+
+.gd-visualization-switcher-widget-header-item {
+    color: variables.$gd-color-text;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    text-align: left;
+    height: 33px;
+    padding: 0 10px;
+
+    .gd-visualization-switcher-widget-header-item-content {
+        white-space: nowrap;
+    }
+
+    &.is-selected {
+        font-weight: 700;
+    }
+
+    .title {
+        display: inline-block;
+        width: 100%;
+        white-space: nowrap;
+    }
+}

package/styles/scss/visualizationSwitcherWidget.scss

@@ -4,13 +4,17 @@
 .gd-visualization-switcher-widget-wrapper {
     width: 100%;
     height: 100%;
-    display: flex;
-    flex-direction: column;
     overflow-x: hidden;
     overflow-y: auto;
-    position: absolute;
-    left: 0;
-    top: 0;
+
+    .dash-item,
+    .dash-item-content {
+        padding: 0;
+        position: static;
+    }
+    .dash-item-content {
+        border-width: 0;
+    }
 }
 
 .gd-visualization-switcher-widget-empty-content {
@@ -21,3 +25,18 @@
     align-items: center;
     gap: 8px;
 }
+
+.gd-visualization-switcher-visible-visualization {
+    width: 100%;
+    height: 100%;
+
+    &.is-edit-mode {
+        display: flex;
+    }
+}
+
+.gd-visualization-switcher-hidden-visualization {
+    width: 0;
+    height: 0;
+    overflow: hidden;
+}