@gooddata/sdk-ui-dashboard 10.33.0-alpha.68 → 10.33.0-alpha.7

package/styles/scss/dragAndDrop.scss

@@ -179,63 +179,60 @@
 
 .add-kpi-placeholder::before,
 .move-kpi-placeholder::before {
-    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
-}
-
-.add-attribute-filter-placeholder.disabled::before {
-    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
+    background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-kpi-placeholder.svg");
 }
 
 .add-attribute-filter-placeholder::before {
-    background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
-}
-
-.gd-fluid-layout {
-    .dropzone {
-        z-index: zIndexes.$drag-and-drop-drop-zone;
+    background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder.svg");
 
-        &.next,
-        &.prev {
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            width: 50%;
-        }
+    &:disabled {
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-attribute-filter-placeholder-disabled.svg");
+    }
+}
 
-        &.next {
-            right: 0;
+.dropzone {
+    z-index: zIndexes.$drag-and-drop-drop-zone;
+    &.next,
+    &.prev {
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 50%;
+    }
 
-            .drop-hint {
-                float: right;
-                margin-left: 3px;
-            }
+    &.next {
+        right: 0;
 
-            &.full {
-                width: 100%;
-            }
+        .drop-hint {
+            float: right;
+            margin-left: 3px;
         }
 
-        &.prev {
-            left: 0;
-
-            .drop-hint {
-                float: left;
-                margin-left: -3px;
-            }
-
-            &.full {
-                width: 100%;
-            }
+        &.full {
+            width: 100%;
         }
+    }
 
-        &.hidden {
-            display: none;
+    &.prev {
+        left: 0;
+
+        .drop-hint {
+            float: left;
+            margin-left: -3px;
         }
 
-        &.extended {
+        &.full {
             width: 100%;
         }
     }
+
+    &.hidden {
+        display: none;
+    }
+
+    &.extended {
+        width: 100%;
+    }
 }
 
 .widget-dropzone,
@@ -444,7 +441,7 @@
 
     .gd-icon-insight {
         &::before {
-            content: url("@gooddata/sdk-ui-dashboard/esm/assets/add-insight-placeholder.svg");
+            content: url("~@gooddata/sdk-ui-dashboard/esm/assets/add-insight-placeholder.svg");
             display: inline-block;
             margin-right: 10px;
         }
@@ -564,7 +561,7 @@
     cursor: pointer;
 
     &.select-measure {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/dummy-kpi-simple.svg") no-repeat center center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/dummy-kpi-simple.svg") no-repeat center center;
         background-size: 130px;
     }
 }
@@ -713,6 +710,14 @@
         }
     }
 
+    .dropzone {
+        &.next {
+            .drop-hint {
+                float: unset;
+            }
+        }
+    }
+
     .row-hotspot-container {
         .row-hotspot {
             top: -20px; // move active dropzone over the section hotspot row
@@ -767,12 +772,6 @@
         padding: 10px;
     }
 
-    .gd-fluidlayout-column-dropzone__text--hidden {
-        .drop-target-inner {
-            padding: 4px;
-        }
-    }
-
     .drop-target-message {
         position: unset;
         top: unset;
@@ -834,25 +833,15 @@
 
     .gd-fluidlayout-column-row-end-hotspot {
         min-height: unset;
-
         .widget-dropzone-box {
             padding: 10px 0;
         }
-
         .drag-info-placeholder-inner {
             padding: 0;
         }
-
-        &.gd-fluidlayout-column-row-end-hotspot--direction-column.gd-fluidlayout-column-dropzone__text--hidden {
-            .widget-dropzone-box {
-                padding: 0;
-            }
-        }
-
         &.gd-first-container-row-dropzone .widget-dropzone-box {
             padding-top: 0;
         }
-
         .drag-info-placeholder-drop-target,
         .drop-target-inner {
             position: unset;

package/styles/scss/drillConfigPanel.scss

@@ -116,7 +116,7 @@
             display: block;
             width: 18px;
             height: 24px;
-            background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+            background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
             background-repeat: no-repeat;
             background-position: left top;
             background-size: contain;
@@ -128,20 +128,20 @@
     }
 
     .gd-drill-measure-selector-list-item::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
     }
     .gd-drill-metric-selector-list-item::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
         top: 8px;
         height: 18px;
     }
     .gd-drill-attribute-selector-list-item::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
     }
     .gd-drill-attribute-date-selector-list-item::before {
         top: 9px;
         height: 16px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
     }
 }
 
@@ -227,7 +227,7 @@
         display: block;
         width: 18px;
         height: 24px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
         background-repeat: no-repeat;
         background-position: left top;
         background-size: contain;
@@ -262,16 +262,16 @@
     }
 
     .dm-button-icon-metric {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg");
     }
     .dm-button-icon-measure {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg");
     }
     .dm-button-icon-attribute {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg");
     }
     .dm-button-icon-date {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg");
     }
 
     .dm-button-title {
@@ -434,21 +434,21 @@
     }
 
     .gd-icon-drill-to-dashboard::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-to-dashboard.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-to-dashboard.svg");
     }
 
     .gd-icon-drill-to-insight::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-to-insight.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-to-insight.svg");
     }
 
     .gd-icon-drill-down::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/drill-down.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/drill-down.svg");
         background-repeat: no-repeat;
         top: 1px;
     }
 
     .gd-icon-attribute-hierarchy::before {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute-hierarchy.svg");
         background-repeat: no-repeat;
         top: 1px;
     }

package/styles/scss/icons.scss

@@ -35,7 +35,7 @@
         }
 
         &::before {
-            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-positive.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -53,7 +53,7 @@
         }
 
         &::before {
-            background: url("@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/trend-negative.svg") no-repeat center;
         }
 
         &.is-selected {
@@ -66,20 +66,20 @@
     }
 
     &.type-measure::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/measure.svg") no-repeat center;
     }
 
     &.type-metric::before {
         margin-top: 0;
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/metric.svg") no-repeat center;
     }
 
     &.type-attribute::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/attribute.svg") no-repeat center;
     }
 
     &.type-date::before {
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
+        background: url("~@gooddata/sdk-ui-dashboard/esm/assets/date-dropdown.svg") no-repeat center;
     }
 
     &.type-comparison::before {
@@ -98,85 +98,87 @@
     }
 }
 
-.gd-icon-list {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+.gd-list-item {
+    .gd-icon-list {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/list.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-save-as-new {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-save-as-new {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/save-as-new.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-filter {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-filter {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/filter.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-pdf {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-pdf.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-pdf {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-pdf.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-sheet {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-sheet.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-sheet {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-sheet.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-slides {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-slides.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-slides {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-slides.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-image {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-image.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-image {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-image.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-csv-raw {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-csv-raw.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-csv-raw {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-raw.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
-}
-.gd-icon-type-csv-formatted {
-    &::before {
-        content: "";
-        background: url("@gooddata/sdk-ui-dashboard/esm/assets/type-csv-formatted.svg") no-repeat center;
-        width: 16px;
-        height: 16px;
-        display: inline-block;
+    .gd-icon-type-csv-formatted {
+        &::before {
+            content: "";
+            background: url("~@gooddata/sdk-ui-dashboard/esm/assets/type-csv-formatted.svg") no-repeat center;
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
     }
 }
 

package/styles/scss/notifications_channels_dialog.scss

@@ -143,22 +143,6 @@ $min-content-height: 110px;
     }
 
     .gd-attachment-list {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        flex: 1;
-        overflow: hidden;
-        margin: -2px 0;
-        flex-wrap: wrap;
-        gap: 5px;
-        scroll-margin-bottom: 40px;
-
-        @media #{kit-variables.$small-only} {
-            max-width: none;
-        }
-    }
-
-    .gd-attachment-list-old {
         display: flex;
         flex-direction: row;
         align-items: end;
@@ -338,7 +322,6 @@ $min-content-height: 110px;
         display: flex;
         flex-direction: column;
         padding: 15px 10px;
-        gap: var(--gd-spacing-10px);
     }
 
     .gd-attachment-settings-dropdown-footer {
@@ -464,7 +447,7 @@ $min-content-height: 110px;
             border: none;
             cursor: pointer;
 
-            background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
+            background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/ellipsis.svg");
             background-color: transparent;
             background-position: center center;
         }
@@ -914,74 +897,3 @@ $min-content-height: 110px;
 .gd-recurrence-form .gd-input-component .gd-label {
     min-width: unset;
 }
-
-.gd-attachment-type-label {
-    display: inline-flex;
-    gap: var(--gd-spacing-10px);
-    align-items: center;
-    margin-inline-start: 5px;
-}
-
-.gd-attachment-types-content {
-    padding: var(--gd-spacing-10px);
-}
-
-.gd-attachment-type-item {
-    padding: 3px 0;
-    font-size: 12px;
-}
-
-.gd-attachment-chip {
-    height: 27px;
-    max-width: 245px;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    position: relative;
-    border-radius: 20px;
-    padding-left: var(--gd-spacing-10px);
-    font-size: 12px;
-    border: 1px solid var(--gd-palette-complementary-4);
-    background-color: var(--gd-palette-complementary-0);
-    color: var(--gd-palette-complementary-7);
-    &:has(.gd-attachment-chip-delete:hover) {
-        background-color: var(--gd-palette-error-dimmed);
-        color: var(--gd-palette-error-base);
-        border: 1px solid var(--gd-palette-error-base-t85);
-    }
-}
-
-.gd-attachment-chip-label {
-    display: inline-flex;
-    gap: var(--gd-spacing-5px);
-    align-items: center;
-}
-
-.gd-attachment-chip-button {
-    background: none;
-    border: none;
-    padding: 0;
-    font: inherit;
-    cursor: pointer;
-    color: var(--gd-palette-complementary-6);
-    display: grid;
-    place-items: center;
-    width: 27px;
-    height: 100%;
-    &:hover {
-        color: var(--gd-palette-complementary-8);
-    }
-}
-
-.gd-attachment-chip-delete {
-    &:hover {
-        color: var(--gd-palette-error-base);
-    }
-}
-
-.gd-attachment-list-error {
-    color: var(--gd-palette-error-base);
-    font-size: 12px;
-}

package/styles/scss/poweredByGDLogo.scss

@@ -1,4 +1,4 @@
-// (C) 2019-2025 GoodData Corporation
+// (C) 2019-2020 GoodData Corporation
 .gd-powered-by-logo-wrapper {
     right: 0;
     bottom: 0;
@@ -23,14 +23,14 @@
     &-large {
         width: 165px;
         height: 30px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-large.svg?v=2022");
         background-size: 165px 30px;
     }
 
     &-small {
         width: 146px;
         height: 16px;
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
+        background-image: url("~@gooddata/sdk-ui-dashboard/esm/assets/powered-by-gd-small.svg?v=2022");
         background-size: 146px 16px;
     }
 }

package/styles/scss/sidebar.scss

@@ -110,14 +110,12 @@
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
-    max-width: 260px;
+    max-width: 240px;
 
     &__image {
-        background-image: url("@gooddata/sdk-ui-dashboard/esm/assets/flexible-layouts-tooltip.gif");
-        background-repeat: no-repeat;
-        background-position: left top;
-        background-size: contain;
-        aspect-ratio: 44/27; // This needs to be updated if the image is ever changed
+        width: 100%;
+        aspect-ratio: 3/2;
+        background: fuchsia;
     }
 
     &__actions {

package/esm/model/commandHandlers/layout/rowContainerSanitization.d.ts

@@ -1,15 +0,0 @@
-import { AnyAction } from "@reduxjs/toolkit";
-import { IDashboardLayout, ScreenSize, IDashboardLayoutItem } from "@gooddata/sdk-model";
-import { ExtendedDashboardWidget } from "../../types/layoutTypes.js";
-import { ILayoutItemPath } from "../../../types.js";
-import { IDashboardCommand } from "../../commands/index.js";
-/**
- * Builds actions for row container sanitization when moving items between layouts.
- *
- * If a container is being moved, we need to check if it has a row direction, and it is being moved to
- * a column layout. If yes, we need to change its direction to column. In any case, we need to check all
- * its children and find all the row containers and change their direction to column. We will also need to
- * update the width of all the children to match the moved container width.
- */
-export declare function buildRowContainerSanitizationActions(cmd: IDashboardCommand, rootLayout: IDashboardLayout<ExtendedDashboardWidget>, possibleContainer: IDashboardLayoutItem<ExtendedDashboardWidget>, fromItemIndex: ILayoutItemPath, toItemIndex: ILayoutItemPath, screen: ScreenSize): AnyAction[];
-//# sourceMappingURL=rowContainerSanitization.d.ts.map

package/esm/model/commandHandlers/layout/rowContainerSanitization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rowContainerSanitization.d.ts","sourceRoot":"","sources":["../../../../src/model/commandHandlers/layout/rowContainerSanitization.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAqB,gBAAgB,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE5G,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAOpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAyF5D;;;;;;;GAOG;AACH,wBAAgB,oCAAoC,CAChD,GAAG,EAAE,iBAAiB,EACtB,UAAU,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,EACrD,iBAAiB,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,EAChE,aAAa,EAAE,eAAe,EAC9B,WAAW,EAAE,eAAe,EAC5B,MAAM,EAAE,UAAU,GACnB,SAAS,EAAE,CA0Bb"}