@gooddata/sdk-ui-dashboard 10.17.0-alpha.9 → 10.17.0

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.d.ts

@@ -6,6 +6,7 @@ interface IHotspotProps {
     isEndingHotspot?: boolean;
     classNames?: string;
     dropZoneType: "prev" | "next";
+    hideBorder?: boolean;
 }
 export declare const Hotspot: React.FC<IHotspotProps>;
 export {};

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkBvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,UAAU,aAAa;IACnB,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2G3C,CAAC"}
+{"version":3,"file":"Hotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkBvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,UAAU,aAAa;IACnB,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2G3C,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.js

@@ -15,7 +15,7 @@ import { areLayoutPathsEqual, updateItem, getItemIndex } from "../../../../_stag
 import { draggableWidgetDropHandler } from "../../../dragAndDrop/draggableWidget/draggableWidgetDropHandler.js";
 import { useWidgetDragHoverHandlers } from "./useWidgetDragHoverHandlers.js";
 export const Hotspot = (props) => {
-    const { layoutPath, classNames, dropZoneType, isEndingHotspot } = props;
+    const { layoutPath, classNames, dropZoneType, isEndingHotspot, hideBorder = false } = props;
     const isOverLastValue = useRef(false);
     const currentItemIndex = getItemIndex(layoutPath);
     // for "next" we need to add the item after the current index, for "prev" on the current one
@@ -89,7 +89,16 @@ export const Hotspot = (props) => {
             hidden: !canDrop || !canDropSafe(item),
             full: isEndingHotspot,
             active: isOver,
-        }), style: debugStyle, ref: dropRef },
-        React.createElement("div", { className: "gd-hotspot-border" })));
+        }), style: debugStyle, ref: dropRef }, hideBorder ? null : React.createElement(HotspotBorder, null)));
+};
+/**
+ * A functional component that render hotspot border as dropzone
+ * @returns A JSX element representing the hotspot border.
+ */
+const HotspotBorder = () => {
+    const status = "active";
+    return (React.createElement("div", { className: "gd-hotspot-border__container" },
+        React.createElement("div", { className: `gd-hotspot-border__drop-target ${status}` },
+            React.createElement("div", { className: "drop-target-inner" }))));
 };
 //# sourceMappingURL=Hotspot.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Hotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/Hotspot.tsx"],"names":[],"mappings":"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"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.d.ts

@@ -5,4 +5,5 @@ export type RowEndHotspotProps<TWidget = IDashboardWidget> = {
     item: IDashboardLayoutItemFacade<TWidget>;
 };
 export declare const RowEndHotspot: (props: RowEndHotspotProps<unknown>) => React.JSX.Element | null;
+export declare const shouldShowRowEndDropZone: (remainingGridWidth: number) => boolean;
 //# sourceMappingURL=RowEndHotspot.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowEndHotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AAKpG,MAAM,MAAM,kBAAkB,CAAC,OAAO,GAAG,gBAAgB,IAAI;IACzD,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,mBAAmB,OAAO,CAAC,6BAqC/D,CAAC"}
+{"version":3,"file":"RowEndHotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AASpG,MAAM,MAAM,kBAAkB,CAAC,OAAO,GAAG,gBAAgB,IAAI;IACzD,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,mBAAmB,OAAO,CAAC,6BA+D/D,CAAC;AAEF,eAAO,MAAM,wBAAwB,uBAAwB,MAAM,YAA2B,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js

@@ -3,9 +3,14 @@ import React from "react";
 import { selectIsInEditMode, useDashboardSelector } from "../../../../model/index.js";
 import { Hotspot } from "./Hotspot.js";
 import { updateItem } from "../../../../_staging/layout/coordinates.js";
+import { WidgetDropZoneColumn } from "./WidgetDropZoneColumn.js";
+import { useScreenSize } from "../../../dashboard/components/DashboardScreenSizeContext.js";
+import { GridLayoutElement } from "../../DefaultDashboardLayoutRenderer/GridLayoutElement.js";
+import { getRemainingWidthInRow } from "../../rowEndHotspotHelper.js";
 export const RowEndHotspot = (props) => {
     const { item } = props;
     const isInEditMode = useDashboardSelector(selectIsInEditMode);
+    const screen = useScreenSize();
     const layoutPath = item.index();
     const isLastInSection = item.isLast();
     const showEndingHotspot = isLastInSection && isInEditMode;
@@ -13,8 +18,21 @@ export const RowEndHotspot = (props) => {
         return null;
     }
     const layoutPathForEndHotspot = updateItem(layoutPath, layoutPath[layoutPath.length - 1].sectionIndex, layoutPath[layoutPath.length - 1].itemIndex + 1); // increment item index manually as end hotspot is rendered as prev type
+    const remainingGridWidth = getRemainingWidthInRow(item, screen);
+    const { gridHeight } = item.sizeForScreenWithFallback(screen);
+    const isDropZoneVisible = shouldShowRowEndDropZone(remainingGridWidth);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: cx("gd-fluidlayout-column", "gd-fluidlayout-column-row-end-hotspot", "s-fluid-layout-column") },
-            React.createElement(Hotspot, { dropZoneType: "prev", isEndingHotspot: true, layoutPath: layoutPathForEndHotspot, isLastInSection: item.isLast() }))));
+        React.createElement(GridLayoutElement, { type: "item", layoutItemSize: {
+                xl: { gridWidth: remainingGridWidth, gridHeight },
+                lg: { gridWidth: remainingGridWidth, gridHeight },
+                md: { gridWidth: remainingGridWidth, gridHeight },
+                sm: { gridWidth: remainingGridWidth, gridHeight },
+                xs: { gridWidth: remainingGridWidth, gridHeight },
+            }, className: cx("gd-fluidlayout-column", "gd-fluidlayout-column-dropzone", "s-fluid-layout-column", "gd-fluidlayout-column-row-end-hotspot", {
+                "gd-fluidlayout-column-dropzone__text--hidden": remainingGridWidth < 2,
+            }) },
+            isDropZoneVisible ? (React.createElement(WidgetDropZoneColumn, { layoutPath: layoutPathForEndHotspot, isLastInSection: true, gridWidthOverride: remainingGridWidth })) : null,
+            React.createElement(Hotspot, { dropZoneType: "prev", isEndingHotspot: true, layoutPath: layoutPathForEndHotspot, isLastInSection: item.isLast(), hideBorder: isDropZoneVisible }))));
 };
+export const shouldShowRowEndDropZone = (remainingGridWidth) => remainingGridWidth > 0;
 //# sourceMappingURL=RowEndHotspot.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowEndHotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGtF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAMxE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkC,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,YAAY,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhC,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,eAAe,IAAI,YAAY,CAAC;IAE1D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,uBAAuB,GAAG,UAAU,CACtC,UAAU,EACV,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,EAC9C,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAClD,CAAC,CAAC,wEAAwE;IAE3E,OAAO,CACH;QACI,6BACI,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB,uCAAuC,EACvC,uBAAuB,CAC1B;YAED,oBAAC,OAAO,IACJ,YAAY,EAAC,MAAM,EACnB,eAAe,QACf,UAAU,EAAE,uBAAuB,EACnC,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE,GAChC,CACA,CACP,CACN,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"RowEndHotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/RowEndHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGtF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,6DAA6D,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,2DAA2D,CAAC;AAC9F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAMtE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkC,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,YAAY,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhC,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,MAAM,iBAAiB,GAAG,eAAe,IAAI,YAAY,CAAC;IAE1D,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,uBAAuB,GAAG,UAAU,CACtC,UAAU,EACV,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,EAC9C,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAClD,CAAC,CAAC,wEAAwE;IAE3E,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAChE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IAEvE,OAAO,CACH;QACI,oBAAC,iBAAiB,IACd,IAAI,EAAC,MAAM,EACX,cAAc,EAAE;gBACZ,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;gBACjD,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;gBACjD,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;gBACjD,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;gBACjD,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE;aACpD,EACD,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB,gCAAgC,EAChC,uBAAuB,EACvB,uCAAuC,EACvC;gBACI,8CAA8C,EAAE,kBAAkB,GAAG,CAAC;aACzE,CACJ;YAEA,iBAAiB,CAAC,CAAC,CAAC,CACjB,oBAAC,oBAAoB,IACjB,UAAU,EAAE,uBAAuB,EACnC,eAAe,EAAE,IAAI,EACrB,iBAAiB,EAAE,kBAAkB,GACvC,CACL,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,OAAO,IACJ,YAAY,EAAC,MAAM,EACnB,eAAe,QACf,UAAU,EAAE,uBAAuB,EACnC,eAAe,EAAE,IAAI,CAAC,MAAM,EAAE,EAC9B,UAAU,EAAE,iBAAiB,GAC/B,CACc,CACrB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,kBAA0B,EAAE,EAAE,CAAC,kBAAkB,GAAG,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.d.ts

@@ -3,6 +3,7 @@ import { ILayoutItemPath } from "../../../../types.js";
 export type WidgetDropZoneColumnProps = {
     layoutPath: ILayoutItemPath;
     isLastInSection?: boolean;
+    gridWidthOverride?: number;
 };
 export declare const WidgetDropZoneColumn: (props: WidgetDropZoneColumnProps) => React.JSX.Element | null;
 //# sourceMappingURL=WidgetDropZoneColumn.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDropZoneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiBvC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG;IACpC,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,6BAyFpE,CAAC"}
+{"version":3,"file":"WidgetDropZoneColumn.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiBvC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG;IACpC,UAAU,EAAE,eAAe,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,yBAAyB,6BA2FpE,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.js

@@ -64,16 +64,17 @@ export const WidgetDropZoneColumn = (props) => {
     if (!showDropZone) {
         return null;
     }
-    if (!collectedProps?.item) {
+    if (!collectedProps?.item || !collectedProps.canDrop) {
         return null;
     }
     const { gridWidth = 12, gridHeight } = collectedProps.item.size;
+    const usedWidth = props.gridWidthOverride ?? gridWidth;
     return (React.createElement(GridLayoutElement, { type: "item", layoutItemSize: {
-            xl: { gridWidth, gridHeight },
-            lg: { gridWidth, gridHeight },
-            md: { gridWidth, gridHeight },
-            sm: { gridWidth, gridHeight },
-            xs: { gridWidth, gridHeight },
+            xl: { gridWidth: usedWidth, gridHeight },
+            lg: { gridWidth: usedWidth, gridHeight },
+            md: { gridWidth: usedWidth, gridHeight },
+            sm: { gridWidth: usedWidth, gridHeight },
+            xs: { gridWidth: usedWidth, gridHeight },
         }, className: cx("gd-fluidlayout-column", "gd-fluidlayout-column-dropzone", "s-fluid-layout-column"), style: {
             minHeight: getDashboardLayoutItemHeightForGrid(gridHeight),
         } },

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetDropZoneColumn.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WidgetDropZoneColumn.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/WidgetDropZoneColumn.tsx"],"names":[],"mappings":"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"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardLayoutPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,wCAAwC,CAAC,UAAU,EAAE,eAAe,cAejE,2BAA2B,UAqB7C"}
+{"version":3,"file":"useDashboardLayoutPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,wCAAwC,CAAC,UAAU,EAAE,eAAe,cAejE,2BAA2B,UA0B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.js

@@ -31,6 +31,11 @@ export function useDashboardLayoutPlaceholderDropHandler(layoutPath) {
                 identifier: id,
                 ref: idRef(id),
                 uri: `/${id}`,
+                configuration: {
+                    sections: {
+                        enableHeader: false,
+                    },
+                },
             },
         });
     }, [createDashboardLayout, layoutPath]);

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardLayoutPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,0BAA0B,EAC1B,SAAS,GACZ,MAAM,4BAA4B,CAAC;AAGpC,MAAM,UAAU,wCAAwC,CAAC,UAA2B;IAChF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,qBAAqB,EAAE,GAAG,6BAA6B,CAAC;QACjE,cAAc,EAAE,0BAA0B;QAC1C,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,uCAAuC;QACrD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACpD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QACpB,qBAAqB,CAAC,UAAU,EAAE;YAC9B,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE;gBACF,EAAE,EAAE;oBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBAChC;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE;gBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;gBACd,GAAG,EAAE,IAAI,EAAE,EAAE;aAChB;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,qBAAqB,EAAE,UAAU,CAAC,CACtC,CAAC;AACN,CAAC"}
+{"version":3,"file":"useDashboardLayoutPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,0BAA0B,EAC1B,SAAS,GACZ,MAAM,4BAA4B,CAAC;AAGpC,MAAM,UAAU,wCAAwC,CAAC,UAA2B;IAChF,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,qBAAqB,EAAE,GAAG,6BAA6B,CAAC;QACjE,cAAc,EAAE,0BAA0B;QAC1C,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,uCAAuC;QACrD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACpD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QACpB,qBAAqB,CAAC,UAAU,EAAE;YAC9B,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE;gBACF,EAAE,EAAE;oBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;oBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;iBAChC;aACJ;YACD,MAAM,EAAE;gBACJ,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE;gBACd,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;gBACd,GAAG,EAAE,IAAI,EAAE,EAAE;gBACb,aAAa,EAAE;oBACX,QAAQ,EAAE;wBACN,YAAY,EAAE,KAAK;qBACtB;iBACJ;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,qBAAqB,EAAE,UAAU,CAAC,CACtC,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNewSectionDashboardLayoutPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,kDAAkD,CAAC,YAAY,EAAE,kBAAkB,cAehF,2BAA2B,UAuB7C"}
+{"version":3,"file":"useNewSectionDashboardLayoutPlaceholderDropHandler.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,wBAAgB,kDAAkD,CAAC,YAAY,EAAE,kBAAkB,cAehF,2BAA2B,UA4B7C"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.js

@@ -32,6 +32,11 @@ export function useNewSectionDashboardLayoutPlaceholderDropHandler(sectionIndex)
                     sections: [],
                     ref: idRef(id),
                     uri: `/${id}`,
+                    configuration: {
+                        sections: {
+                            enableHeader: false,
+                        },
+                    },
                 },
             },
         ]);

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNewSectionDashboardLayoutPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AAIpC,MAAM,UAAU,kDAAkD,CAAC,YAAgC;IAC/F,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,2CAA2C,EAAE,GAAG,6BAA6B,CAAC;QACvF,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QACpB,2CAA2C,CAAC,YAAY,EAAE,EAAE,EAAE;YAC1D;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;wBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;qBAChC;iBACJ;gBACD,MAAM,EAAE;oBACJ,IAAI,EAAE,kBAAkB;oBACxB,UAAU,EAAE,EAAE;oBACd,QAAQ,EAAE,EAAE;oBACZ,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;oBACd,GAAG,EAAE,IAAI,EAAE,EAAE;iBAChB;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,2CAA2C,EAAE,YAAY,CAAC,CAC9D,CAAC;AACN,CAAC"}
+{"version":3,"file":"useNewSectionDashboardLayoutPlaceholderDropHandler.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/useNewSectionDashboardLayoutPlaceholderDropHandler.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,OAAO,EACH,oBAAoB,EACpB,6BAA6B,EAC7B,SAAS,EACT,sBAAsB,GACzB,MAAM,4BAA4B,CAAC;AAIpC,MAAM,UAAU,kDAAkD,CAAC,YAAgC;IAC/F,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IAExC,MAAM,EAAE,GAAG,EAAE,2CAA2C,EAAE,GAAG,6BAA6B,CAAC;QACvF,cAAc,EAAE,sBAAsB;QACtC,UAAU,EAAE,6BAA6B;QACzC,YAAY,EAAE,yCAAyC;QACvD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAO,CAAC,GAAG,CAAC;YACvD,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;YACtC,QAAQ,CAAC,SAAS,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,WAAW,CACd,CAAC,QAAqC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QACpB,2CAA2C,CAAC,YAAY,EAAE,EAAE,EAAE;YAC1D;gBACI,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE;oBACF,EAAE,EAAE;wBACA,UAAU,EAAE,QAAQ,CAAC,UAAU;wBAC/B,SAAS,EAAE,QAAQ,CAAC,SAAS;qBAChC;iBACJ;gBACD,MAAM,EAAE;oBACJ,IAAI,EAAE,kBAAkB;oBACxB,UAAU,EAAE,EAAE;oBACd,QAAQ,EAAE,EAAE;oBACZ,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC;oBACd,GAAG,EAAE,IAAI,EAAE,EAAE;oBACb,aAAa,EAAE;wBACX,QAAQ,EAAE;4BACN,YAAY,EAAE,KAAK;yBACtB;qBACJ;iBACJ;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,EACD,CAAC,2CAA2C,EAAE,YAAY,CAAC,CAC9D,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/rowEndHotspotHelper.d.ts

@@ -0,0 +1,4 @@
+import { ScreenSize } from "@gooddata/sdk-model";
+import { IDashboardLayoutItemFacade } from "../../_staging/dashboard/flexibleLayout/index.js";
+export declare function getRemainingWidthInRow(item: IDashboardLayoutItemFacade<unknown>, screen: ScreenSize): number;
+//# sourceMappingURL=rowEndHotspotHelper.d.ts.map

package/esm/presentation/flexibleLayout/rowEndHotspotHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowEndHotspotHelper.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/rowEndHotspotHelper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAC;AAE9F,wBAAgB,sBAAsB,CAClC,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,EACzC,MAAM,EAAE,UAAU,GACnB,MAAM,CAQR"}

package/esm/presentation/flexibleLayout/rowEndHotspotHelper.js

@@ -0,0 +1,9 @@
+// (C) 2022-2024 GoodData Corporation
+import { DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT } from "../../_staging/dashboard/flexibleLayout/config.js";
+export function getRemainingWidthInRow(item, screen) {
+    const rows = item.section().items().asGridRows(screen);
+    const lastRow = rows[rows.length - 1];
+    const lastRowLength = lastRow.reduce((acc, item) => acc + item.sizeForScreenWithFallback(screen).gridWidth, 0);
+    return (item.section().layout().size()?.gridWidth ?? DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT) - lastRowLength;
+}
+//# sourceMappingURL=rowEndHotspotHelper.js.map

package/esm/presentation/flexibleLayout/rowEndHotspotHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowEndHotspotHelper.js","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/rowEndHotspotHelper.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAGrC,OAAO,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAGxG,MAAM,UAAU,sBAAsB,CAClC,IAAyC,EACzC,MAAkB;IAElB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAChC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC,SAAS,EACrE,CAAC,CACJ,CAAC;IACF,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,SAAS,IAAI,mCAAmC,CAAC,GAAG,aAAa,CAAC;AAC9G,CAAC"}

package/esm/presentation/localization/bundles/en-US.json

@@ -2574,8 +2574,18 @@
         "comment": "",
         "limit": 0
     },
+    "nestedLayoutToolbar.hideHeader": {
+        "value": "Hide title and description.",
+        "comment": "",
+        "limit": 0
+    },
+    "nestedLayoutToolbar.showHeader": {
+        "value": "Show title and description.",
+        "comment": "",
+        "limit": 0
+    },
     "nestedLayoutToolbar.remove": {
-        "value": "Remove container and its content",
+        "value": "Remove from dashboard.",
         "comment": "",
         "limit": 0
     },

package/esm/presentation/widget/common/useLayoutSectionsConfiguration.d.ts

@@ -0,0 +1,5 @@
+import { IDashboardLayout } from "@gooddata/sdk-model";
+export declare const useLayoutSectionsConfiguration: (layout: IDashboardLayout<unknown>) => {
+    areSectionHeadersEnabled: boolean;
+};
+//# sourceMappingURL=useLayoutSectionsConfiguration.d.ts.map

package/esm/presentation/widget/common/useLayoutSectionsConfiguration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutSectionsConfiguration.d.ts","sourceRoot":"","sources":["../../../../src/presentation/widget/common/useLayoutSectionsConfiguration.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,8BAA8B,WAAY,iBAAiB,OAAO,CAAC;;CAQ/E,CAAC"}

package/esm/presentation/widget/common/useLayoutSectionsConfiguration.js

@@ -0,0 +1,10 @@
+// (C) 2024 GoodData Corporation
+export const useLayoutSectionsConfiguration = (layout) => {
+    const sectionsConfiguration = layout.configuration?.sections;
+    // backward compatibility, assume header is enabled when configuration is not set on the layout
+    const enableHeader = sectionsConfiguration?.enableHeader ?? true;
+    return {
+        areSectionHeadersEnabled: enableHeader,
+    };
+};
+//# sourceMappingURL=useLayoutSectionsConfiguration.js.map

package/esm/presentation/widget/common/useLayoutSectionsConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutSectionsConfiguration.js","sourceRoot":"","sources":["../../../../src/presentation/widget/common/useLayoutSectionsConfiguration.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,MAAiC,EAAE,EAAE;IAChF,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC7D,+FAA+F;IAC/F,MAAM,YAAY,GAAG,qBAAqB,EAAE,YAAY,IAAI,IAAI,CAAC;IAEjE,OAAO;QACH,wBAAwB,EAAE,YAAY;KACzC,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDashboardNestedLayoutWidget.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAMvE;;GAEG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8F/E,CAAC"}
+{"version":3,"file":"EditableDashboardNestedLayoutWidget.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAMvE;;GAEG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0G/E,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.js

@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from "react-intl";
 import cx from "classnames";
 import { ConfirmDialog, Icon, OverlayController, OverlayControllerProvider } from "@gooddata/sdk-ui-kit";
 import { DashboardItem, DashboardItemBase } from "../../../presentationComponents/index.js";
-import { eagerRemoveSectionItemByWidgetRef, selectIsDashboardSaving, useDashboardDispatch, useDashboardSelector, useWidgetSelection, } from "../../../../model/index.js";
+import { eagerRemoveSectionItemByWidgetRef, selectIsDashboardSaving, useDashboardDispatch, useDashboardSelector, useWidgetSelection, toggleLayoutSectionHeaders, } from "../../../../model/index.js";
 import { DASHBOARD_OVERLAYS_FILTER_Z_INDEX } from "../../../constants/index.js";
 import { DashboardLayout } from "../../dashboardLayout/DashboardLayout.js";
 import { Toolbar } from "./Toolbar.js";
@@ -31,7 +31,9 @@ export const EditableDashboardNestedLayoutWidget = ({ widget, layout, parentLayo
                     "is-editable": isEditable,
                     "is-dragging-widget": isDraggingWidget,
                 }), renderAfterContent: () => {
-                    return (React.createElement(React.Fragment, null, hasConfigPanelOpen ? (React.createElement(Toolbar, { onWidgetDelete: () => setIsConfirmDeleteDialogVisible(true), onClose: closeConfigPanel })) : null));
+                    return (React.createElement(React.Fragment, null, hasConfigPanelOpen ? (React.createElement(Toolbar, { layout: layout, onWidgetDelete: () => setIsConfirmDeleteDialogVisible(true), onToggleHeaders: (areSectionHeadersEnabled) => {
+                            dispatch(toggleLayoutSectionHeaders(parentLayoutPath, areSectionHeadersEnabled));
+                        }, onClose: closeConfigPanel })) : null));
                 } }, ({ clientWidth, clientHeight }) => (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: cx("gd-dashboard-nested-layout-tab", {
                         "is-selected": isSelected,
@@ -41,7 +43,10 @@ export const EditableDashboardNestedLayoutWidget = ({ widget, layout, parentLayo
                         React.createElement(FormattedMessage, { id: "nestedLayout.tab.title" }))),
                 React.createElement(DashboardLayout, { widget: widget, layout: layout, clientHeight: clientHeight, clientWidth: clientWidth, parentLayoutItemSize: parentLayoutItemSize, parentLayoutPath: parentLayoutPath }))))),
         isConfirmDeleteDialogVisible ? (React.createElement(OverlayControllerProvider, { overlayController: overlayController },
-            React.createElement(ConfirmDialog, { className: "s-dashboard-nested-layout-remove-confirm-dialog", onSubmit: () => dispatch(eagerRemoveSectionItemByWidgetRef(widget.ref)), onCancel: () => setIsConfirmDeleteDialogVisible(false), headline: intl.formatMessage({ id: "nestedLayout.deleteDialog.header" }), submitButtonText: intl.formatMessage({ id: "delete" }), cancelButtonText: intl.formatMessage({ id: "cancel" }) },
+            React.createElement(ConfirmDialog, { className: "s-dashboard-nested-layout-remove-confirm-dialog", onSubmit: () => {
+                    dispatch(eagerRemoveSectionItemByWidgetRef(widget.ref));
+                    setIsConfirmDeleteDialogVisible(false);
+                }, onCancel: () => setIsConfirmDeleteDialogVisible(false), headline: intl.formatMessage({ id: "nestedLayout.deleteDialog.header" }), submitButtonText: intl.formatMessage({ id: "delete" }), cancelButtonText: intl.formatMessage({ id: "cancel" }) },
                 React.createElement(FormattedMessage, { id: "nestedLayout.deleteDialog.message" })))) : null));
 };
 //# sourceMappingURL=EditableDashboardNestedLayoutWidget.js.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/EditableDashboardNestedLayoutWidget.js.map

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

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
+import { IDashboardLayout } from "@gooddata/sdk-model";
+import { ExtendedDashboardWidget } from "../../../../model/index.js";
 interface ToolbarProps {
+    layout: IDashboardLayout<ExtendedDashboardWidget>;
     onWidgetDelete: () => void;
+    onToggleHeaders: (areSectionHeadersEnabled: boolean) => void;
     onClose: () => void;
 }
 export declare const Toolbar: React.FC<ToolbarProps>;

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,UAAU,YAAY;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6C1C,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAA+B,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAYlG,UAAU,YAAY;IAClB,MAAM,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsE1C,CAAC"}

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.js

@@ -1,31 +1,44 @@
 // (C) 2024 GoodData Corporation
-import { Bubble, BubbleHoverTrigger, Icon } from "@gooddata/sdk-ui-kit";
 import React from "react";
+import { FormattedMessage } from "react-intl";
+import { Bubble, BubbleHoverTrigger, Icon } from "@gooddata/sdk-ui-kit";
 import cx from "classnames";
 import { useDashboardUserInteraction } from "../../../../model/index.js";
-import { defaultAlignPoints, defaultArrowDirections, } from "../../common/configuration/ConfigurationBubble.js";
-import { FormattedMessage } from "react-intl";
-const defaultArrowOffsets = {
-    "tr tl": [7, 8],
-    "br bl": [7, -8],
-    "tl tr": [-7, 8],
-    "tr tr": [-76, 8],
-    "br br": [-76, -8],
-};
-const bubbleAlignPoints = [{ align: "tc bc", offset: { x: 0, y: -8 } }];
-export const Toolbar = ({ onWidgetDelete, onClose }) => {
+import { useLayoutSectionsConfiguration } from "../../common/useLayoutSectionsConfiguration.js";
+const TOOLBAR_ALIGN_POINTS = [
+    { align: "tr tl", offset: { x: 0, y: 11 } },
+    { align: "tl tr", offset: { x: -2, y: 11 } },
+];
+const TOOLTIP_ALIGN_POINTS = [{ align: "tc bc", offset: { x: 0, y: -7 } }];
+const ARROW_STYLES = { display: "none" };
+const ALIGN_TOOLBAR_TO = ".s-dash-item.is-selected";
+const IGNORE_TOOLBAR_CLICKS_ON_BY_CLASS = [ALIGN_TOOLBAR_TO]; // do not close on click to the widget
+export const Toolbar = ({ layout, onWidgetDelete, onToggleHeaders, onClose }) => {
     const userInteraction = useDashboardUserInteraction();
-    const alignTo = ".s-dash-item.is-selected";
-    const ignoreClicksOnByClass = [alignTo]; // do not close on click to the widget
-    const configBubbleClassNames = cx("edit-insight-config", "s-edit-insight-config", "edit-insight-config-title-1-line", "edit-insight-config-arrow-color");
-    return (React.createElement(Bubble, { className: cx("bubble-light gd-configuration-bubble gd-dashboard-nested-layout-toolbar s-gd-dashboard-nested-layout-toolbar-bubble", configBubbleClassNames), overlayClassName: "gd-configuration-bubble-wrapper gd-dashboard-nested-layout-toolbar-bubble-wrapper sdk-edit-mode-on", alignTo: alignTo, alignPoints: defaultAlignPoints, arrowOffsets: defaultArrowOffsets, arrowDirections: defaultArrowDirections, closeOnOutsideClick: true, closeOnParentScroll: false, ignoreClicksOnByClass: ignoreClicksOnByClass, arrowStyle: { display: "none" }, onClose: onClose },
-        React.createElement("div", { className: "s-dashboard-nested-layout-remove-button gd-dashboard-nested-layout-remove-button ", onClick: () => {
-                onWidgetDelete();
-                userInteraction.nestedLayoutInteraction("nestedLayoutRemoved");
-            } },
+    const { areSectionHeadersEnabled } = useLayoutSectionsConfiguration(layout);
+    return (React.createElement(Bubble, { className: "bubble-light", overlayClassName: "gd-nested-layout__toolbar s-nested-layout__toolbar", alignTo: ALIGN_TOOLBAR_TO, alignPoints: TOOLBAR_ALIGN_POINTS, closeOnOutsideClick: true, closeOnParentScroll: false, ignoreClicksOnByClass: IGNORE_TOOLBAR_CLICKS_ON_BY_CLASS, arrowStyle: ARROW_STYLES, onClose: onClose },
+        React.createElement("div", null,
+            React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
+                React.createElement("div", { className: "gd-nested-layout__toolbar__button s-nested-layout__button--headers", onClick: () => {
+                        onToggleHeaders(!areSectionHeadersEnabled);
+                        userInteraction.nestedLayoutInteraction(areSectionHeadersEnabled
+                            ? "nestedLayoutHeaderDisabled"
+                            : "nestedLayoutHeaderEnabled");
+                    } },
+                    React.createElement(Icon.Header, { className: cx({
+                            "gd-nested-layout__toolbar__icon--headers-active": areSectionHeadersEnabled,
+                            "gd-nested-layout__toolbar__icon--headers-disabled": !areSectionHeadersEnabled,
+                        }), width: 28, height: 28 })),
+                React.createElement(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS }, areSectionHeadersEnabled ? (React.createElement(FormattedMessage, { id: "nestedLayoutToolbar.hideHeader" })) : (React.createElement(FormattedMessage, { id: "nestedLayoutToolbar.showHeader" }))))),
+        React.createElement("div", { className: "gd-nested-layout__toolbar__delimiter" }),
+        React.createElement("div", null,
             React.createElement(BubbleHoverTrigger, { eventsOnBubble: true },
-                React.createElement(Icon.Trash, { className: "gd-trash-icon", width: 20, height: 20 }),
-                React.createElement(Bubble, { alignPoints: bubbleAlignPoints },
+                React.createElement("div", { className: "gd-nested-layout__toolbar__button s-nested-layout__button--remove", onClick: () => {
+                        onWidgetDelete();
+                        userInteraction.nestedLayoutInteraction("nestedLayoutRemoved");
+                    } },
+                    React.createElement(Icon.Trash, { className: "gd-nested-layout__toolbar__icon--remove", width: 20, height: 20 })),
+                React.createElement(Bubble, { alignPoints: TOOLTIP_ALIGN_POINTS },
                     React.createElement(FormattedMessage, { id: "nestedLayoutToolbar.remove" }))))));
 };
 //# sourceMappingURL=Toolbar.js.map

package/esm/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAgB,MAAM,EAAE,kBAAkB,EAAe,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EACH,kBAAkB,EAClB,sBAAsB,GACzB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,mBAAmB,GAAiB;IACtC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;CACrB,CAAC;AAEF,MAAM,iBAAiB,GAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAOvF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3E,MAAM,eAAe,GAAG,2BAA2B,EAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,0BAA0B,CAAC;IAC3C,MAAM,qBAAqB,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,sCAAsC;IAC/E,MAAM,sBAAsB,GAAG,EAAE,CAC7B,qBAAqB,EACrB,uBAAuB,EACvB,kCAAkC,EAClC,iCAAiC,CACpC,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,IACH,SAAS,EAAE,EAAE,CACT,qHAAqH,EACrH,sBAAsB,CACzB,EACD,gBAAgB,EAAC,oGAAoG,EACrH,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,kBAAkB,EAC/B,YAAY,EAAE,mBAAmB,EACjC,eAAe,EAAE,sBAAsB,EACvC,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC/B,OAAO,EAAE,OAAO;QAEhB,6BACI,SAAS,EAAC,mFAAmF,EAC7F,OAAO,EAAE,GAAG,EAAE;gBACV,cAAc,EAAE,CAAC;gBACjB,eAAe,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,CAAC;YACnE,CAAC;YAED,oBAAC,kBAAkB,IAAC,cAAc,EAAE,IAAI;gBACpC,oBAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;gBAC/D,oBAAC,MAAM,IAAC,WAAW,EAAE,iBAAiB;oBAClC,oBAAC,gBAAgB,IAAC,EAAE,EAAC,4BAA4B,GAAG,CAC/C,CACQ,CACnB,CACD,CACZ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/DashboardNestedLayoutWidget/Toolbar.tsx"],"names":[],"mappings":"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"}