@gooddata/sdk-ui-dashboard 10.11.0-alpha.22 → 10.11.0-alpha.24

package/styles/css/visualizationSwitcherToolbar.css

@@ -0,0 +1,145 @@
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Variables, mixins, silent classes etc.
+   ========================================================================== */
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-visualization-switcher-configuration-bubble {
+  width: 270px;
+}
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .bubble-content {
+  padding: 0;
+}
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .content {
+  padding: 10px;
+}
+
+.gd-visualization-switcher-toolbar-top {
+  width: 189px;
+  height: 40px;
+  padding: 6px 8px;
+  margin-bottom: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  background-color: white;
+  line-height: 0;
+}
+.gd-visualization-switcher-toolbar-top .gd-bubble-trigger {
+  display: inline-block;
+}
+.gd-visualization-switcher-toolbar-top .left-section {
+  padding: 4px;
+  flex: 0 1 auto;
+}
+.gd-visualization-switcher-toolbar-top .vertical-divider {
+  flex: 0 0 1px;
+  width: 1px;
+  height: 28px;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-top .middle-section {
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 14px;
+}
+.gd-visualization-switcher-toolbar-top .status {
+  padding: 2px 0;
+  line-height: 21px;
+}
+.gd-visualization-switcher-toolbar-top .navigate-button {
+  display: flex;
+  padding: 4px;
+  justify-content: center;
+  align-items: center;
+}
+.gd-visualization-switcher-toolbar-top .right-section {
+  display: flex;
+  padding: 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+}
+.gd-visualization-switcher-toolbar-top .gd-trash-icon:hover path {
+  fill: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-visualization-switcher-toolbar-bottom {
+  background-color: white;
+}
+.gd-visualization-switcher-toolbar-bottom .configuration-panel-header {
+  height: 39px;
+  position: relative;
+}
+.gd-visualization-switcher-toolbar-bottom .insight-configuration-content {
+  padding: 10px 0 5px 0;
+}
+.gd-visualization-switcher-toolbar-bottom .no-visualizations-text {
+  margin-left: 15px;
+  padding: 5px 0;
+  font-size: 12px;
+  line-height: 21px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-visualization-switcher-toolbar-bottom .visualizations-list {
+  max-height: 253px;
+  overflow-y: auto;
+}
+.gd-visualization-switcher-toolbar-bottom .horizontal-divider {
+  width: 100%;
+  text-align: center;
+  padding: 5px 15px;
+}
+.gd-visualization-switcher-toolbar-bottom .horizontal-divider .horizontal-divider-line {
+  height: 1px;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom .gd-add-visualization {
+  margin-left: 5px;
+  font-size: 12px;
+}
+.gd-visualization-switcher-toolbar-bottom .open-visualizations {
+  padding-top: 5px;
+  padding-bottom: 15px;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  height: 40px;
+  cursor: pointer;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover .visualization-title,
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover .gd-vis-type {
+  color: var(--gd-palette-complementary-9, #000);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected .visualization-title,
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected .gd-vis-type {
+  font-weight: 700;
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected:hover {
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .visualization-title {
+  display: flex;
+  align-items: center;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .gd-visualizations-list-item-content-name {
+  white-space: nowrap;
+  max-width: 150px;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .gd-visualizations-list-item-content-name span {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+}
+
+/*# sourceMappingURL=visualizationSwitcherToolbar.css.map */

package/styles/css/visualizationSwitcherToolbar.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/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;;AAEA;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA,kBCyBiB;;ADvBrB;EACI;EACA;EACA;EACA;EACA,OEpBQ;EFqBR;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AACA;EACI;EACA,kBCzCa;;AD4CrB;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,kBElBY;;AFoBZ;AAAA;EAEI,OE/FA;;AFoGJ;AAAA;EAEI;EACA;;AAEJ;EACI,kBElGY;;AFqGpB;EACI;EACA;;AAEJ;EACI;EACA;;AAEA;EACI;EACA;EACA","file":"visualizationSwitcherToolbar.css"}

package/styles/scss/main.scss

@@ -33,3 +33,4 @@
 @use "visualizationSwitcherWidget";
 @use "alerting";
 @use "deleteDialog";
+@use "visualizationSwitcherToolbar";

package/styles/scss/visualizationSwitcherToolbar.scss

@@ -0,0 +1,161 @@
+// (C) 2024 GoodData Corporation
+@use "variables";
+@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
+
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on {
+    .gd-configuration-bubble.gd-visualization-switcher-configuration-bubble {
+        width: 270px;
+    }
+    .bubble-content {
+        padding: 0;
+    }
+    .content {
+        padding: 10px;
+    }
+}
+
+.gd-visualization-switcher-toolbar-top {
+    width: 189px;
+    height: 40px;
+    padding: 6px 8px;
+    margin-bottom: 8px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    background-color: white;
+    line-height: 0;
+
+    .gd-bubble-trigger {
+        display: inline-block;
+    }
+    .left-section {
+        padding: 4px;
+        flex: 0 1 auto;
+    }
+    .vertical-divider {
+        flex: 0 0 1px;
+        width: 1px;
+        height: 28px;
+        background-color: variables.$button-grey-background;
+    }
+    .middle-section {
+        flex: 1 0 auto;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: kit-variables.$gd-color-link;
+        font-size: 14px;
+    }
+    .status {
+        padding: 2px 0;
+        line-height: 21px;
+    }
+    .navigate-button {
+        display: flex;
+        padding: 4px;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .right-section {
+        display: flex;
+        padding: 4px;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+    }
+
+    .gd-trash-icon:hover {
+        path {
+            fill: var(--gd-palette-error-base, #e54d42);
+        }
+    }
+}
+
+.gd-visualization-switcher-toolbar-bottom {
+    background-color: white;
+
+    .configuration-panel-header {
+        height: 39px;
+        position: relative;
+    }
+
+    .insight-configuration-content {
+        padding: 10px 0 5px 0;
+    }
+    .no-visualizations-text {
+        margin-left: 15px;
+        padding: 5px 0;
+        font-size: 12px;
+        line-height: 21px;
+        color: var(--gd-palette-complementary-6, #94a1ad);
+    }
+
+    .visualizations-list {
+        max-height: 253px;
+        overflow-y: auto;
+    }
+
+    .horizontal-divider {
+        width: 100%;
+        text-align: center;
+        padding: 5px 15px;
+        .horizontal-divider-line {
+            height: 1px;
+            background-color: variables.$button-grey-background;
+        }
+    }
+    .gd-add-visualization {
+        margin-left: 5px;
+        font-size: 12px;
+    }
+
+    .open-visualizations {
+        padding-top: 5px;
+        padding-bottom: 15px;
+    }
+
+    .switcher-visualizations-list-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0 15px;
+        height: 40px;
+        cursor: pointer;
+
+        &:hover {
+            background-color: kit-variables.$is-focused-background;
+
+            .visualization-title,
+            .gd-vis-type {
+                color: kit-variables.$is-focused-color;
+            }
+        }
+
+        &.is-selected {
+            .visualization-title,
+            .gd-vis-type {
+                font-weight: 700;
+                color: var(--gd-palette-primary-0, #14b2e2);
+            }
+            &:hover {
+                background-color: kit-variables.$gd-palette-primary-dimmed;
+            }
+        }
+        .visualization-title {
+            display: flex;
+            align-items: center;
+        }
+        .gd-visualizations-list-item-content-name {
+            white-space: nowrap;
+            max-width: 150px;
+
+            span {
+                display: inline-block;
+                width: 100%;
+                white-space: nowrap;
+            }
+        }
+    }
+}

package/esm/presentation/widget/insight/configuration/DrillTargets/InsightDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsightDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/DrillTargets/InsightDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,QAAQ,EAAuC,MAAM,qBAAqB,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAA0B,MAAM,4BAA4B,CAAC;AAItF,MAAM,WAAW,qBAAqB;IAClC,aAAa,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AA2BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0C3D,CAAC"}

package/esm/presentation/widget/insight/configuration/DrillTargets/InsightDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsightDropdown.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/insight/configuration/DrillTargets/InsightDropdown.tsx"],"names":[],"mappings":"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"}