@gooddata/sdk-ui-dashboard 10.33.0-alpha.1 → 10.33.0-alpha.10

package/styles/scss/dashboardNestedLayoutToolbar.scss

@@ -21,8 +21,8 @@
     .content {
         display: flex;
         align-items: center;
-        gap: 8px;
-        padding: 6px 8px;
+        gap: 5px;
+        padding: 6px 5px;
     }
 
     .gd-nested-layout__toolbar__delimiter {
@@ -30,45 +30,14 @@
         height: 28px;
         background-color: variables.$button-grey-background;
     }
+}
 
-    .gd-nested-layout__toolbar__button {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 28px;
-        height: 28px;
-        cursor: pointer;
-    }
-
-    .gd-nested-layout__toolbar__icon--headers-active {
-        path {
-            fill: kit-variables.$gd-palette-primary-base;
-        }
-    }
-
-    .gd-nested-layout__toolbar__icon--headers-disabled {
-        path {
-            fill: kit-variables.$default-gd-color-link;
-        }
-
-        &:hover {
-            path {
-                fill: var(--gd-palette-complementary-8, kit-variables.$default-gd-color-text);
-            }
-        }
-    }
-
-    .gd-nested-layout__toolbar__icon--remove:hover {
-        path {
-            fill: var(--gd-palette-error-base, kit-variables.$gd-color-negative);
-        }
+.gd-nested-layout-configuration__panel {
+    .arrow-position {
+        display: none;
     }
 
-    .gd-nested-layout__toolbar__icon--direction {
-        &:hover {
-            path {
-                fill: var(--gd-palette-complementary-8, kit-variables.$default-gd-color-text);
-            }
-        }
+    .gd-nested-layout-configuration__content {
+        padding: 10px 0;
     }
 }

package/styles/scss/sidebar.scss

@@ -110,12 +110,14 @@
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
-    max-width: 240px;
+    max-width: 260px;
 
     &__image {
-        width: 100%;
-        aspect-ratio: 3/2;
-        background: fuchsia;
+        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
     }
 
     &__actions {

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const HorizontalDirectionIcon: React.FC<{
-    color?: string;
-    className?: string;
-}>;
-//# sourceMappingURL=HorizontalDirectionIcon.d.ts.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalDirectionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAuCpF,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.js

@@ -1,15 +0,0 @@
-// (C) 2025 GoodData Corporation
-import React from "react";
-export const HorizontalDirectionIcon = ({ color = "#6D7680", className, }) => {
-    return (React.createElement("svg", { className: className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M1.00049 18.5498C1.00049 18.7983 1.20216 19 1.45068 19H4.00049V20H1.45068C0.649871 20 0.000488316 19.3506 0.000488281 18.5498V16H1.00049V18.5498Z", fill: color }),
-        React.createElement("path", { d: "M12.0005 20H8.00049V19H12.0005V20Z", fill: color }),
-        React.createElement("path", { d: "M20.0005 18.5498C20.0005 19.3505 19.351 19.9999 18.5503 20H16.0005V19H18.5503C18.7987 18.9999 19.0005 18.7983 19.0005 18.5498V16H20.0005V18.5498Z", fill: color }),
-        React.createElement("path", { d: "M10.0005 5.5C10.2766 5.50003 10.5005 5.72388 10.5005 6V12.793L11.647 11.6465C11.8422 11.4513 12.1587 11.4513 12.354 11.6465C12.5492 11.8417 12.5492 12.1583 12.354 12.3535L10.354 14.3535C10.3199 14.3876 10.2809 14.4134 10.2407 14.4355C10.1965 14.46 10.1493 14.4801 10.0981 14.4902C10.0334 14.5031 9.96658 14.5032 9.90186 14.4902C9.85074 14.48 9.80347 14.4601 9.75928 14.4355C9.71942 14.4134 9.68081 14.3873 9.64697 14.3535L7.64697 12.3535C7.45174 12.1583 7.45173 11.8417 7.64697 11.6465C7.84223 11.4513 8.15875 11.4513 8.354 11.6465L9.50049 12.793V6C9.50049 5.72386 9.72435 5.5 10.0005 5.5Z", fill: color }),
-        React.createElement("path", { d: "M1.00049 12H0.000488281V8H1.00049V12Z", fill: color }),
-        React.createElement("path", { d: "M20.0005 12H19.0005V8H20.0005V12Z", fill: color }),
-        React.createElement("path", { d: "M4.00049 1H1.45068C1.20216 1 1.00049 1.20167 1.00049 1.4502V4H0.000488281V1.4502C0.000488246 0.649383 0.649871 3.50046e-08 1.45068 0H4.00049V1Z", fill: color }),
-        React.createElement("path", { d: "M18.5503 0C19.351 0.000132405 20.0005 0.649464 20.0005 1.4502V4H19.0005V1.4502C19.0005 1.20175 18.7987 1.00013 18.5503 1H16.0005V0H18.5503Z", fill: color }),
-        React.createElement("path", { d: "M12.0005 1H8.00049V0H12.0005V1Z", fill: color })));
-};
-//# sourceMappingURL=HorizontalDirectionIcon.js.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalDirectionIcon.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/assets/HorizontalDirectionIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,uBAAuB,GAAqD,CAAC,EACtF,KAAK,GAAG,SAAS,EACjB,SAAS,GACZ,EAAE,EAAE;IACD,OAAO,CACH,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACI,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,oCAAoC,EAAC,IAAI,EAAE,KAAK,GAAI;QAC5D,8BACI,CAAC,EAAC,mJAAmJ,EACrJ,IAAI,EAAE,KAAK,GACb;QACF,8BACI,CAAC,EAAC,+kBAA+kB,EACjlB,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,uCAAuC,EAAC,IAAI,EAAE,KAAK,GAAI;QAC/D,8BAAM,CAAC,EAAC,mCAAmC,EAAC,IAAI,EAAE,KAAK,GAAI;QAC3D,8BACI,CAAC,EAAC,iJAAiJ,EACnJ,IAAI,EAAE,KAAK,GACb;QACF,8BACI,CAAC,EAAC,6IAA6I,EAC/I,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,iCAAiC,EAAC,IAAI,EAAE,KAAK,GAAI,CACvD,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const VerticalDirectionIcon: React.FC<{
-    color?: string;
-    className?: string;
-}>;
-//# sourceMappingURL=VerticalDirectionIcon.d.ts.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalDirectionIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAuClF,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.js

@@ -1,15 +0,0 @@
-// (C) 2025 GoodData Corporation
-import React from "react";
-export const VerticalDirectionIcon = ({ color = "#6D7680", className, }) => {
-    return (React.createElement("svg", { className: className, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M1 18.5498C1 18.7983 1.20167 19 1.4502 19H4V20H1.4502C0.649383 20 3.50047e-08 19.3506 0 18.5498V16H1V18.5498Z", fill: color }),
-        React.createElement("path", { d: "M12 20H8V19H12V20Z", fill: color }),
-        React.createElement("path", { d: "M20 18.5498C20 19.3506 19.3506 20 18.5498 20H16V19H18.5498C18.7983 19 19 18.7983 19 18.5498V16H20V18.5498Z", fill: color }),
-        React.createElement("path", { d: "M14 5.5C14.2022 5.5 14.3845 5.62179 14.4619 5.80859C14.5393 5.99543 14.4965 6.21052 14.3535 6.35352L7.20703 13.5H12.793L11.6465 12.3535C11.4512 12.1583 11.4512 11.8417 11.6465 11.6465C11.8417 11.4513 12.1583 11.4512 12.3535 11.6465L14.3535 13.6465C14.5488 13.8417 14.5487 14.1583 14.3535 14.3535L12.3535 16.3535C12.1583 16.5488 11.8417 16.5488 11.6465 16.3535C11.4512 16.1583 11.4512 15.8417 11.6465 15.6465L12.793 14.5H6C5.79779 14.5 5.61549 14.3782 5.53809 14.1914C5.4607 14.0046 5.50349 13.7895 5.64648 13.6465L12.793 6.5H6C5.72386 6.5 5.5 6.27614 5.5 6C5.5 5.72386 5.72386 5.5 6 5.5H14Z", fill: color }),
-        React.createElement("path", { d: "M1 12H0V8H1V12Z", fill: color }),
-        React.createElement("path", { d: "M20 12H19V8H20V12Z", fill: color }),
-        React.createElement("path", { d: "M4 1H1.4502C1.20167 1 1 1.20167 1 1.4502V4H0V1.4502C-3.50046e-08 0.649383 0.649382 3.50046e-08 1.4502 0H4V1Z", fill: color }),
-        React.createElement("path", { d: "M18.5498 0C19.3506 4.37606e-07 20 0.649383 20 1.4502V4H19V1.4502C19 1.20167 18.7983 1 18.5498 1H16V0H18.5498Z", fill: color }),
-        React.createElement("path", { d: "M12 1H8V0H12V1Z", fill: color })));
-};
-//# sourceMappingURL=VerticalDirectionIcon.js.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalDirectionIcon.js","sourceRoot":"","sources":["../../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/assets/VerticalDirectionIcon.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAqD,CAAC,EACpF,KAAK,GAAG,SAAS,EACjB,SAAS,GACZ,EAAE,EAAE;IACD,OAAO,CACH,6BACI,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACI,CAAC,EAAC,+GAA+G,EACjH,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAE,KAAK,GAAI;QAC5C,8BACI,CAAC,EAAC,4GAA4G,EAC9G,IAAI,EAAE,KAAK,GACb;QACF,8BACI,CAAC,EAAC,glBAAglB,EACllB,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAE,KAAK,GAAI;QACzC,8BAAM,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAE,KAAK,GAAI;QAC5C,8BACI,CAAC,EAAC,8GAA8G,EAChH,IAAI,EAAE,KAAK,GACb;QACF,8BACI,CAAC,EAAC,+GAA+G,EACjH,IAAI,EAAE,KAAK,GACb;QACF,8BAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAE,KAAK,GAAI,CACvC,CACT,CAAC;AACN,CAAC,CAAC"}