@gooddata/sdk-ui-dashboard 10.14.0-alpha.9 → 10.15.0-alpha.0

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeaderRenderer.js

@@ -1,20 +1,23 @@
 // (C) 2019-2024 GoodData Corporation
 import * as React from "react";
-import { DashboardLayoutSectionHeader } from "./DashboardLayoutSectionHeader.js";
-import { SectionHeaderEditable } from "./EditableHeader/SectionHeaderEditable.js";
-import { emptyItemFacadeWithFullSize } from "./utils/emptyFacade.js";
 import { SectionHotspot } from "../../dragAndDrop/index.js";
 import { isInitialPlaceholderWidget } from "../../../widgets/index.js";
 import { DashboardLayoutItemViewRenderer } from "./DashboardLayoutItemViewRenderer.js";
 import { getRefsForSection } from "../refs.js";
 import { selectIsSectionInsertedByPlugin, useDashboardSelector } from "../../../model/index.js";
+import { DashboardLayoutSectionHeader } from "./DashboardLayoutSectionHeader.js";
+import { SectionHeaderEditable } from "./EditableHeader/SectionHeaderEditable.js";
+import { buildEmptyItemFacadeWithSetSize } from "./utils/emptyFacade.js";
+import { determineSizeForScreen } from "./utils/sizing.js";
 export function DashboardLayoutEditSectionHeaderRenderer(props) {
-    const { section, screen } = props;
+    const { section, screen, parentLayoutItemSize } = props;
     const sectionHeader = section.header();
     const isInitialDropzone = section.index() === 0 && section.items().every((i) => isInitialPlaceholderWidget(i.widget()));
     const refs = getRefsForSection(section);
     const isEditingDisabled = useDashboardSelector(selectIsSectionInsertedByPlugin(refs));
-    return (React.createElement(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItemFacadeWithFullSize, screen: screen },
+    const gridWidth = determineSizeForScreen(screen, parentLayoutItemSize);
+    const emptyItem = buildEmptyItemFacadeWithSetSize(gridWidth);
+    return (React.createElement(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItem, screen: screen },
         React.createElement(DashboardLayoutSectionHeader, { title: sectionHeader?.title, description: sectionHeader?.description, renderBeforeHeader: !isInitialDropzone && React.createElement(SectionHotspot, { index: section.index(), targetPosition: "above" }), renderHeader: !isInitialDropzone && !isEditingDisabled ? (React.createElement(SectionHeaderEditable, { title: sectionHeader?.title || "", description: sectionHeader?.description || "", index: section.index() })) : undefined })));
 }
 //# sourceMappingURL=DashboardLayoutEditSectionHeaderRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeaderRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutEditSectionHeaderRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,+BAA+B,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEhG,MAAM,UAAU,wCAAwC,CACpD,KAAoD;IAEpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEvC,MAAM,iBAAiB,GACnB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAElG,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtF,OAAO,CACH,oBAAC,+BAA+B,IAC5B,mBAAmB,EAAE,+BAA+B,EACpD,IAAI,EAAE,2BAA2B,EACjC,MAAM,EAAE,MAAM;QAEd,oBAAC,4BAA4B,IACzB,KAAK,EAAE,aAAa,EAAE,KAAK,EAC3B,WAAW,EAAE,aAAa,EAAE,WAAW,EACvC,kBAAkB,EACd,CAAC,iBAAiB,IAAI,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,cAAc,EAAC,OAAO,GAAG,EAE3F,YAAY,EACR,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACvC,oBAAC,qBAAqB,IAClB,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,EACjC,WAAW,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE,EAC7C,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,GACxB,CACL,CAAC,CAAC,CAAC,SAAS,GAEnB,CAC4B,CACrC,CAAC;AACN,CAAC"}
+{"version":3,"file":"DashboardLayoutEditSectionHeaderRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,+BAA+B,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEhG,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,UAAU,wCAAwC,CACpD,KAAoD;IAEpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEvC,MAAM,iBAAiB,GACnB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAElG,MAAM,IAAI,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC,CAAC;IAEtF,MAAM,SAAS,GAAG,sBAAsB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,+BAA+B,CAAC,SAAS,CAAC,CAAC;IAE7D,OAAO,CACH,oBAAC,+BAA+B,IAC5B,mBAAmB,EAAE,+BAA+B,EACpD,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM;QAEd,oBAAC,4BAA4B,IACzB,KAAK,EAAE,aAAa,EAAE,KAAK,EAC3B,WAAW,EAAE,aAAa,EAAE,WAAW,EACvC,kBAAkB,EACd,CAAC,iBAAiB,IAAI,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,cAAc,EAAC,OAAO,GAAG,EAE3F,YAAY,EACR,CAAC,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACvC,oBAAC,qBAAqB,IAClB,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,EACjC,WAAW,EAAE,aAAa,EAAE,WAAW,IAAI,EAAE,EAC7C,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,GACxB,CACL,CAAC,CAAC,CAAC,SAAS,GAEnB,CAC4B,CACrC,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutGridRow.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACH,0BAA0B,EAC1B,6BAA6B,EAChC,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EACH,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EACjC,MAAM,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,2BAA2B,CAAC,OAAO;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7C,UAAU,EAAE,UAAU,CAAC;CAC1B;AAID,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAmCxG"}
+{"version":3,"file":"DashboardLayoutGridRow.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACH,0BAA0B,EAC1B,6BAA6B,EAChC,MAAM,8DAA8D,CAAC;AAGtE,OAAO,EACH,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,8BAA8B,EACjC,MAAM,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,2BAA2B,CAAC,OAAO;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7C,UAAU,EAAE,UAAU,CAAC;CAC1B;AAID,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAmCxG"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.js

@@ -1,11 +1,10 @@
 import React from "react";
-import { Row } from "react-grid-system";
 import { DashboardLayoutItem } from "./DashboardLayoutItem.js";
 const defaultItemKeyGetter = ({ item }) => item.index().toString();
 export function DashboardLayoutGridRow(props) {
     const { section, itemKeyGetter = defaultItemKeyGetter, gridRowRenderer, itemRenderer, widgetRenderer, screen, items, renderMode, } = props;
     const rowItems = items.map((item) => (React.createElement(DashboardLayoutItem, { key: itemKeyGetter({ item, screen }), item: item, itemRenderer: itemRenderer, widgetRenderer: widgetRenderer, screen: screen })));
-    return (React.createElement(Row, { className: "gd-fluidlayout-row s-gd-fluid-layout-row" }, gridRowRenderer
+    return (React.createElement(React.Fragment, null, gridRowRenderer
         ? gridRowRenderer({
             children: rowItems,
             screen,

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutGridRow.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAMxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAuB/D,MAAM,oBAAoB,GAA2C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE3G,MAAM,UAAU,sBAAsB,CAAU,KAA2C;IACvF,MAAM,EACF,OAAO,EACP,aAAa,GAAG,oBAAoB,EACpC,eAAe,EACf,YAAY,EACZ,cAAc,EACd,MAAM,EACN,KAAK,EACL,UAAU,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjC,oBAAC,mBAAmB,IAChB,GAAG,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,GAChB,CACL,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,GAAG,IAAC,SAAS,EAAC,0CAA0C,IACpD,eAAe;QACZ,CAAC,CAAC,eAAe,CAAC;YACZ,QAAQ,EAAE,QAAQ;YAClB,MAAM;YACN,OAAO;YACP,KAAK;YACL,UAAU;SACb,CAAC;QACJ,CAAC,CAAC,QAAQ,CACZ,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DashboardLayoutGridRow.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAuB/D,MAAM,oBAAoB,GAA2C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE3G,MAAM,UAAU,sBAAsB,CAAU,KAA2C;IACvF,MAAM,EACF,OAAO,EACP,aAAa,GAAG,oBAAoB,EACpC,eAAe,EACf,YAAY,EACZ,cAAc,EACd,MAAM,EACN,KAAK,EACL,UAAU,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjC,oBAAC,mBAAmB,IAChB,GAAG,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,GAChB,CACL,CAAC,CAAC;IAEH,OAAO,CACH,0CACK,eAAe;QACZ,CAAC,CAAC,eAAe,CAAC;YACZ,QAAQ,EAAE,QAAQ;YAClB,MAAM;YACN,OAAO;YACP,KAAK;YACL,UAAU;SACb,CAAC;QACJ,CAAC,CAAC,QAAQ,CACf,CACN,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutGridRowEdit.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAG1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAI1G,wBAAgB,0BAA0B,CAAC,OAAO,EAC9C,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,GAAG;IAC1C,kBAAkB,EAAE,CAAC,MAAM,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACzE,GACF,GAAG,CAAC,OAAO,CAiEb"}
+{"version":3,"file":"DashboardLayoutGridRowEdit.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAG1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAI1G,wBAAgB,0BAA0B,CAAC,OAAO,EAC9C,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,GAAG;IAC1C,kBAAkB,EAAE,CAAC,MAAM,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;CACzE,GACF,GAAG,CAAC,OAAO,CA+Db"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.js

@@ -1,6 +1,5 @@
 // (C) 2007-2024 GoodData Corporation
 import React, { useMemo } from "react";
-import { Col, Row } from "react-grid-system";
 import reverse from "lodash/fp/reverse.js";
 import { HeightResizerHotspot, useIsDraggingWidget } from "../../dragAndDrop/index.js";
 import { DashboardLayoutItem } from "./DashboardLayoutItem.js";
@@ -12,10 +11,9 @@ export function DashboardLayoutGridRowEdit(props) {
     const extendedRows = useMemo(() => isDraggingWidget
         ? rowItems
         : reverse(itemsInRowsByIndex).reduce((acc, [index, itemsInRow]) => {
-            return splice(acc, index + 1, 0, React.createElement(Col, { xl: 12, key: `HeightResizerHotspot-${index}`, style: { minHeight: 0 } },
-                React.createElement(HeightResizerHotspot, { key: `HeightResizerHotspot-${index}`, screen: screen, getLayoutDimensions: getLayoutDimensions, section: section, items: itemsInRow })));
+            return splice(acc, index + 1, 0, React.createElement(HeightResizerHotspot, { key: `HeightResizerHotspot-${index}`, screen: screen, getLayoutDimensions: getLayoutDimensions, section: section, items: itemsInRow }));
         }, rowItems), [isDraggingWidget, rowItems, itemsInRowsByIndex, screen, getLayoutDimensions, section]);
-    return (React.createElement(Row, { className: "gd-fluidlayout-row s-gd-fluid-layout-row" }, gridRowRenderer
+    return (React.createElement(React.Fragment, null, gridRowRenderer
         ? gridRowRenderer({
             children: extendedRows,
             screen,

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutGridRowEdit.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardLayoutGridRowEdit.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutGridRowEdit.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAE3C,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAI/D,MAAM,oBAAoB,GAA2C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE3G,MAAM,UAAU,0BAA0B,CACtC,KAEC;IAED,MAAM,EACF,OAAO,EACP,aAAa,GAAG,oBAAoB,EACpC,eAAe,EACf,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,MAAM,EACN,KAAK,EACL,UAAU,EACV,kBAAkB,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,CACpB,GAAG,EAAE,CACD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,oBAAC,mBAAmB,IAChB,GAAG,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EACpC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,GAChB,CACL,CAAC,EACN,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,CAC/D,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CACD,gBAAgB;QACZ,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE;YAC5D,OAAO,MAAM,CACT,GAAG,EACH,KAAK,GAAG,CAAC,EACT,CAAC,EACD,oBAAC,oBAAoB,IACjB,GAAG,EAAE,wBAAwB,KAAK,EAAE,EACpC,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,EACxC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,GACnB,CACL,CAAC;QACN,CAAC,EAAE,QAAQ,CAAC,EACtB,CAAC,gBAAgB,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,CAAC,CACzF,CAAC;IAEF,OAAO,CACH,0CACK,eAAe;QACZ,CAAC,CAAC,eAAe,CAAC;YACZ,QAAQ,EAAE,YAAY;YACtB,MAAM;YACN,OAAO;YACP,KAAK;YACL,UAAU;SACb,CAAC;QACJ,CAAC,CAAC,YAAY,CACnB,CACN,CAAC;AACN,CAAC;AAED,SAAS,MAAM,CAAC,GAAU,EAAE,KAAa,EAAE,WAAmB,EAAE,GAAG,OAAc;IAC7E,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC;IACD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC;IACxB,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC3C,MAAM,KAAK,GAAG,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC;IACzD,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QACb,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutItemViewRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAK/D,eAAO,MAAM,+BAA+B,EAAE,4BAA4B,CAAC,OAAO,CAyCjF,CAAC"}
+{"version":3,"file":"DashboardLayoutItemViewRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAK/D,eAAO,MAAM,+BAA+B,EAAE,4BAA4B,CAAC,OAAO,CAmCjF,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.js

@@ -1,11 +1,12 @@
+// (C) 2007-2024 GoodData Corporation
+import React, { useMemo } from "react";
 import cx from "classnames";
 import isNil from "lodash/isNil.js";
-import React, { useMemo } from "react";
-import { Col } from "react-grid-system";
+import { GridLayoutElement } from "./GridLayoutElement.js";
 const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
 export const DashboardLayoutItemViewRenderer = (props) => {
     const { item, screen, children, className, minHeight = 0, isHidden } = props;
-    const { size, ratio, width, height } = getSizeForItem(item, screen);
+    const { ratio, height } = getSizeForItem(item, screen);
     const style = useMemo(() => {
         let computedStyle = {
             minHeight,
@@ -18,7 +19,7 @@ export const DashboardLayoutItemViewRenderer = (props) => {
         }
         return computedStyle;
     }, [minHeight, isHidden]);
-    return (React.createElement(Col, { xl: size?.xl?.gridWidth, lg: size?.lg?.gridWidth, md: size?.md?.gridWidth, sm: size?.sm?.gridWidth, xs: size?.xs?.gridWidth, className: cx("gd-fluidlayout-column", "s-fluid-layout-column", `s-fluid-layout-screen-${screen}`, `s-fluid-layout-column-width-${width}`, {
+    return (React.createElement(GridLayoutElement, { type: "item", screen: screen, layoutItemSize: item.size(), className: cx({
             [`s-fluid-layout-column-ratio-${ratio}`]: !isNil(ratio),
             [`s-fluid-layout-column-height-${height}`]: !isNil(height),
         }, className), style: style }, children));

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutItemViewRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIxC,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE3E,MAAM,CAAC,MAAM,+BAA+B,GAA0C,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,IAAI,aAAa,GAAG;YAChB,SAAS;SACZ,CAAC;QAEF,IAAI,QAAQ,EAAE,CAAC;YACX,aAAa,GAAG;gBACZ,GAAG,aAAa;gBAChB,GAAG,aAAa;aACnB,CAAC;QACN,CAAC;QACD,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,oBAAC,GAAG,IACA,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EACvB,SAAS,EAAE,EAAE,CACT,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,MAAM,EAAE,EACjC,+BAA+B,KAAK,EAAE,EACtC;YACI,CAAC,+BAA+B,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;YACvD,CAAC,gCAAgC,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;SAC7D,EACD,SAAS,CACZ,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,IAAyC,EAAE,MAAkB;IACjF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IACzB,MAAM,8BAA8B,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,8BAA8B,EAAE,aAAa,CAAC;IAC5D,MAAM,MAAM,GAAG,8BAA8B,EAAE,UAAU,CAAC;IAC1D,MAAM,KAAK,GAAG,8BAA8B,EAAE,SAAS,CAAC;IAExD,OAAO;QACH,MAAM;QACN,KAAK;QACL,KAAK;QACL,IAAI;KACP,CAAC;AACN,CAAC"}
+{"version":3,"file":"DashboardLayoutItemViewRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemViewRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAMpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE3E,MAAM,CAAC,MAAM,+BAA+B,GAA0C,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,IAAI,aAAa,GAAG;YAChB,SAAS;SACZ,CAAC;QAEF,IAAI,QAAQ,EAAE,CAAC;YACX,aAAa,GAAG;gBACZ,GAAG,aAAa;gBAChB,GAAG,aAAa;aACnB,CAAC;QACN,CAAC;QACD,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAI,CAAC,IAAI,EAAE,EAC3B,SAAS,EAAE,EAAE,CACT;YACI,CAAC,+BAA+B,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC;YACvD,CAAC,gCAAgC,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;SAC7D,EACD,SAAS,CACZ,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACO,CACvB,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,IAAyC,EAAE,MAAkB;IACjF,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IACzB,MAAM,8BAA8B,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAClE,MAAM,KAAK,GAAG,8BAA8B,EAAE,aAAa,CAAC;IAC5D,MAAM,MAAM,GAAG,8BAA8B,EAAE,UAAU,CAAC;IAC1D,MAAM,KAAK,GAAG,8BAA8B,EAAE,SAAS,CAAC;IAExD,OAAO;QACH,MAAM;QACN,KAAK;QACL,KAAK;QACL,IAAI;KACP,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ScreenSize } from "@gooddata/sdk-model";
+import { ScreenSize, IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
 import { RenderMode } from "../../../types.js";
 import { IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
 import { IDashboardLayoutGridRowRenderer, IDashboardLayoutItemKeyGetter, IDashboardLayoutItemRenderer, IDashboardLayoutSectionHeaderRenderer, IDashboardLayoutSectionKeyGetter, IDashboardLayoutSectionRenderer, IDashboardLayoutWidgetRenderer } from "./interfaces.js";
@@ -19,6 +19,7 @@ export interface IDashboardLayoutSectionProps<TWidget> {
     screen: ScreenSize;
     renderMode: RenderMode;
     isDraggingWidget?: boolean;
+    parentLayoutItemSize?: IDashboardLayoutSizeByScreenSize;
 }
 export declare function DashboardLayoutSection<TWidget>(props: IDashboardLayoutSectionProps<TWidget>): JSX.Element;
 //# sourceMappingURL=DashboardLayoutSection.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAEH,6BAA6B,EAChC,MAAM,8DAA8D,CAAC;AAItE,OAAO,EACH,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,qCAAqC,EACrC,gCAAgC,EAChC,+BAA+B,EAC/B,8BAA8B,EACjC,MAAM,iBAAiB,CAAC;AAKzB;;GAEG;AACH,MAAM,WAAW,4BAA4B,CAAC,OAAO;IACjD,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,gCAAgC,CAAC,OAAO,CAAC,CAAC;IAC7D,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,qBAAqB,CAAC,EAAE,qCAAqC,CAAC,OAAO,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAYD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,4BAA4B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAwFzG"}
+{"version":3,"file":"DashboardLayoutSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAGnF,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAEH,6BAA6B,EAChC,MAAM,8DAA8D,CAAC;AAItE,OAAO,EACH,+BAA+B,EAC/B,6BAA6B,EAC7B,4BAA4B,EAC5B,qCAAqC,EACrC,gCAAgC,EAChC,+BAA+B,EAC/B,8BAA8B,EACjC,MAAM,iBAAiB,CAAC;AAKzB;;GAEG;AACH,MAAM,WAAW,4BAA4B,CAAC,OAAO;IACjD,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,gCAAgC,CAAC,OAAO,CAAC,CAAC;IAC7D,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,qBAAqB,CAAC,EAAE,qCAAqC,CAAC,OAAO,CAAC,CAAC;IACvE,aAAa,CAAC,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,+BAA+B,CAAC,OAAO,CAAC,CAAC;IAC3D,mBAAmB,EAAE,MAAM,OAAO,CAAC;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,gCAAgC,CAAC;CAC3D;AAYD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,4BAA4B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CA0FzG"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.js

@@ -10,8 +10,8 @@ const defaultSectionRenderer = (props) => (React.createElement(DashboardLayoutSe
 const defaultHeaderRenderer = (props) => (React.createElement(DashboardLayoutSectionHeaderRenderer, { ...props }));
 const defaultItemKeyGetter = ({ item }) => item.index().toString();
 export function DashboardLayoutSection(props) {
-    const { section, sectionRenderer = defaultSectionRenderer, sectionHeaderRenderer = defaultHeaderRenderer, itemKeyGetter = defaultItemKeyGetter, gridRowRenderer, itemRenderer, widgetRenderer, getLayoutDimensions, screen, renderMode, } = props;
-    const renderProps = { section, screen, renderMode };
+    const { section, sectionRenderer = defaultSectionRenderer, sectionHeaderRenderer = defaultHeaderRenderer, itemKeyGetter = defaultItemKeyGetter, gridRowRenderer, itemRenderer, widgetRenderer, getLayoutDimensions, screen, renderMode, parentLayoutItemSize, } = props;
+    const renderProps = { section, screen, renderMode, parentLayoutItemSize };
     const items = useMemo(() => {
         if (renderMode === "edit") {
             const itemsInRowsByIndex = section
@@ -42,6 +42,7 @@ export function DashboardLayoutSection(props) {
                 section,
                 screen,
                 DefaultSectionHeaderRenderer: DashboardLayoutSectionHeaderRenderer,
+                parentLayoutItemSize,
             }),
             items,
             renderMode === "edit" ? React.createElement(DashboardLayoutSectionOverlayController, { section: section }) : null)),

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSection.js.map

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

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,wCAAwC,EAAE,MAAM,iBAAiB,CAAC;AAG3E,wBAAgB,oCAAoC,CAChD,KAAK,EAAE,wCAAwC,CAAC,GAAG,CAAC,GACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAgBpB"}
+{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,wCAAwC,EAAE,MAAM,iBAAiB,CAAC;AAI3E,wBAAgB,oCAAoC,CAChD,KAAK,EAAE,wCAAwC,CAAC,GAAG,CAAC,GACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAoBpB"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.js

@@ -1,12 +1,17 @@
 // (C) 2019-2024 GoodData Corporation
-import * as React from "react";
+import React, { useMemo } from "react";
 import { DashboardLayoutItemViewRenderer } from "./DashboardLayoutItemViewRenderer.js";
 import { DashboardLayoutSectionHeader } from "./DashboardLayoutSectionHeader.js";
-import { emptyItemFacadeWithFullSize } from "./utils/emptyFacade.js";
+import { buildEmptyItemFacadeWithSetSize } from "./utils/emptyFacade.js";
+import { determineSizeForScreen } from "./utils/sizing.js";
 export function DashboardLayoutSectionHeaderRenderer(props) {
-    const { section, screen } = props;
+    const { section, screen, parentLayoutItemSize } = props;
     const sectionHeader = section.header();
-    return sectionHeader ? (React.createElement(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItemFacadeWithFullSize, screen: screen },
+    const gridWidth = determineSizeForScreen(screen, parentLayoutItemSize);
+    const emptyItem = useMemo(() => {
+        return buildEmptyItemFacadeWithSetSize(gridWidth);
+    }, [gridWidth]);
+    return sectionHeader ? (React.createElement(DashboardLayoutItemViewRenderer, { DefaultItemRenderer: DashboardLayoutItemViewRenderer, item: emptyItem, screen: screen },
         React.createElement(DashboardLayoutSectionHeader, { title: sectionHeader.title, description: sectionHeader.description }))) : null;
 }
 //# sourceMappingURL=DashboardLayoutSectionHeaderRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,MAAM,UAAU,oCAAoC,CAChD,KAAoD;IAEpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IAEvC,OAAO,aAAa,CAAC,CAAC,CAAC,CACnB,oBAAC,+BAA+B,IAC5B,mBAAmB,EAAE,+BAA+B,EACpD,IAAI,EAAE,2BAA2B,EACjC,MAAM,EAAE,MAAM;QAEd,oBAAC,4BAA4B,IACzB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,WAAW,EAAE,aAAa,CAAC,WAAW,GACxC,CAC4B,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC"}
+{"version":3,"file":"DashboardLayoutSectionHeaderRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionHeaderRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,UAAU,oCAAoC,CAChD,KAAoD;IAEpD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,sBAAsB,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,+BAA+B,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,aAAa,CAAC,CAAC,CAAC,CACnB,oBAAC,+BAA+B,IAC5B,mBAAmB,EAAE,+BAA+B,EACpD,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM;QAEd,oBAAC,4BAA4B,IACzB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,WAAW,EAAE,aAAa,CAAC,WAAW,GACxC,CAC4B,CACrC,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAMlE,eAAO,MAAM,8BAA8B,EAAE,+BAA+B,CAAC,OAAO,CAenF,CAAC"}
+{"version":3,"file":"DashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAMlE,eAAO,MAAM,8BAA8B,EAAE,+BAA+B,CAAC,OAAO,CAcnF,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.js

@@ -1,13 +1,11 @@
 // (C) 2007-2024 GoodData Corporation
 import React from "react";
-import cx from "classnames";
+import { GridLayoutElement } from "./GridLayoutElement.js";
 const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
 const defaultStyle = {};
 export const DashboardLayoutSectionRenderer = (props) => {
-    const { children, className, debug, isHidden } = props;
+    const { children, screen, parentLayoutItemSize, className, isHidden } = props;
     const style = isHidden ? isHiddenStyle : defaultStyle;
-    return (React.createElement("div", { className: cx(["gd-fluidlayout-row", "s-fluid-layout-row", className], {
-            "gd-fluidlayout-row-debug": debug,
-        }), style: style }, children));
+    return (React.createElement(GridLayoutElement, { type: "section", screen: screen, layoutItemSize: parentLayoutItemSize, className: className, style: style }, children));
 };
 //# sourceMappingURL=DashboardLayoutSectionRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,CAAC,MAAM,8BAA8B,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC9F,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAEtD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE;YACnE,0BAA0B,EAAE,KAAK;SACpC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,CAAC,MAAM,8BAA8B,GAA6C,CAAC,KAAK,EAAE,EAAE;IAC9F,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,oBAAoB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9E,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IACtD,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,oBAAoB,EACpC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACO,CACvB,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AAEpE,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iCAAiC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAmDxG"}
+{"version":3,"file":"DashboardLayoutWidgetRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AAEpE,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iCAAiC,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAwCxG"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.js

@@ -2,7 +2,7 @@
 import React, { useMemo } from "react";
 import cx from "classnames";
 export function DashboardLayoutWidgetRenderer(props) {
-    const { item, screen, debug, className, contentRef, isResizedByLayoutSizingStrategy, minHeight, height, allowOverflow, children, } = props;
+    const { item, screen, className, contentRef, isResizedByLayoutSizingStrategy, minHeight, height, allowOverflow, children, } = props;
     const { heightAsRatio, gridHeight } = item.size()[screen];
     const style = useMemo(() => {
         const computedStyle = {
@@ -13,18 +13,8 @@ export function DashboardLayoutWidgetRenderer(props) {
             computedStyle.overflowX = "hidden";
             computedStyle.overflowY = "auto";
         }
-        if (debug) {
-            if (!heightAsRatio) {
-                computedStyle.outline = "solid 1px yellow";
-            }
-            else {
-                computedStyle.border = isResizedByLayoutSizingStrategy
-                    ? "dashed 1px #d6d6d6"
-                    : "solid 1px green";
-            }
-        }
         return computedStyle;
-    }, [minHeight, height, allowOverflow, debug, heightAsRatio, isResizedByLayoutSizingStrategy]);
+    }, [minHeight, height, allowOverflow, heightAsRatio, isResizedByLayoutSizingStrategy]);
     return (React.createElement("div", { ref: contentRef, className: cx("gd-fluidlayout-column-container", className, {
             "custom-height": !!gridHeight,
         }), style: style }, children));

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayoutWidgetRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,MAAM,UAAU,6BAA6B,CAAC,KAA6C;IACvF,MAAM,EACF,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,UAAU,EACV,+BAA+B,EAC/B,SAAS,EACT,MAAM,EACN,aAAa,EACb,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAE,CAAC;IAE3D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,MAAM,aAAa,GAAkB;YACjC,SAAS;YACT,MAAM;SACT,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,SAAS,GAAG,QAAQ,CAAC;YACnC,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACR,IAAI,CAAC,aAAa,EAAE,CAAC;gBACjB,aAAa,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,aAAa,CAAC,MAAM,GAAG,+BAA+B;oBAClD,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,iBAAiB,CAAC;YAC5B,CAAC;QACL,CAAC;QAED,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAE9F,OAAO,CACH,6BACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,EAAE;YACxD,eAAe,EAAE,CAAC,CAAC,UAAU;SAChC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DashboardLayoutWidgetRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutWidgetRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,MAAM,UAAU,6BAA6B,CAAC,KAA6C;IACvF,MAAM,EACF,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,+BAA+B,EAC/B,SAAS,EACT,MAAM,EACN,aAAa,EACb,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAE,CAAC;IAE3D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,MAAM,aAAa,GAAkB;YACjC,SAAS;YACT,MAAM;SACT,CAAC;QAEF,IAAI,aAAa,EAAE,CAAC;YAChB,aAAa,CAAC,SAAS,GAAG,QAAQ,CAAC;YACnC,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;QACrC,CAAC;QAED,OAAO,aAAa,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,+BAA+B,CAAC,CAAC,CAAC;IAEvF,OAAO,CACH,6BACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,EAAE;YACxD,eAAe,EAAE,CAAC,CAAC,UAAU;SAChC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACP,CACT,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAuBlE,eAAO,MAAM,sCAAsC,EAAE,+BAA+B,CAAC,OAAO,CAgB3F,CAAC"}
+{"version":3,"file":"EditableDashboardLayoutSectionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAsBlE,eAAO,MAAM,sCAAsC,EAAE,+BAA+B,CAAC,OAAO,CAe3F,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.js

@@ -1,8 +1,8 @@
 // (C) 2007-2024 GoodData Corporation
 import React from "react";
-import cx from "classnames";
 import { DashboardLayoutSectionBorder, useIsDraggingWidget, } from "../../dragAndDrop/index.js";
 import { selectActiveSectionIndex, useDashboardSelector } from "../../../model/index.js";
+import { GridLayoutElement } from "./GridLayoutElement.js";
 const isHiddenStyle = { height: 0, width: 0, overflow: "hidden", flex: 0 };
 const defaultStyle = {};
 function useBorderStatus(sectionIndex) {
@@ -15,12 +15,10 @@ function useBorderStatus(sectionIndex) {
     return !isActive ? "invisible" : "muted";
 }
 export const EditableDashboardLayoutSectionRenderer = (props) => {
-    const { children, className, debug, isHidden, section } = props;
+    const { children, className, isHidden, section, screen, parentLayoutItemSize } = props;
     const style = isHidden ? isHiddenStyle : defaultStyle;
     const status = useBorderStatus(section.index());
-    return (React.createElement("div", { className: cx(["gd-fluidlayout-row", "s-fluid-layout-row", className], {
-            "gd-fluidlayout-row-debug": debug,
-        }), style: style },
+    return (React.createElement(GridLayoutElement, { type: "section", screen: screen, layoutItemSize: parentLayoutItemSize, className: className, style: style },
         React.createElement(DashboardLayoutSectionBorder, { status: status }, children)));
 };
 //# sourceMappingURL=EditableDashboardLayoutSectionRenderer.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACH,4BAA4B,EAE5B,mBAAmB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEzF,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,SAAS,eAAe,CAAC,YAAoB;IACzC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,IAAI,gBAAgB,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,MAAM,QAAQ,GAAG,kBAAkB,KAAK,YAAY,CAAC;IACrD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,sCAAsC,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IACtD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAEhD,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE;YACnE,0BAA0B,EAAE,KAAK;SACpC,CAAC,EACF,KAAK,EAAE,KAAK;QAEZ,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAgC,CACrF,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"EditableDashboardLayoutSectionRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/EditableDashboardLayoutSectionRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,4BAA4B,EAE5B,mBAAmB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC3E,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,SAAS,eAAe,CAAC,YAAoB;IACzC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,IAAI,gBAAgB,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC;IACnB,CAAC;IACD,MAAM,QAAQ,GAAG,kBAAkB,KAAK,YAAY,CAAC;IACrD,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,sCAAsC,GAA6C,CAAC,KAAK,EAAE,EAAE;IACtG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IACtD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,oBAAoB,EACpC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QAEZ,oBAAC,4BAA4B,IAAC,MAAM,EAAE,MAAM,IAAG,QAAQ,CAAgC,CACvE,CACvB,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.d.ts

@@ -0,0 +1,39 @@
+import React, { CSSProperties, MouseEventHandler } from "react";
+import { ScreenSize, IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
+export type LayoutElementType = "root" | "nested" | "section" | "item";
+export interface IGridLayoutElementProps {
+    /**
+     * Type of grid element.
+     */
+    type: LayoutElementType;
+    /**
+     * Element children renderer inside of the element.
+     */
+    children: React.ReactNode;
+    /**
+     * Optional class name set on the element.
+     */
+    className?: string;
+    /**
+     * Optional style set on the element, used for quick hiding of the element from layout.
+     */
+    style?: CSSProperties | undefined;
+    /**
+     * The current scree size.
+     */
+    screen: ScreenSize;
+    /**
+     * The sizes of the grid element per each supported screen size.
+     */
+    layoutItemSize?: IDashboardLayoutSizeByScreenSize;
+    /**
+     * Enable to render debugging information about the element.
+     */
+    debug?: boolean;
+    /**
+     * Callback called when mouse leave the element.
+     */
+    onMouseLeave?: MouseEventHandler;
+}
+export declare const GridLayoutElement: React.ForwardRefExoticComponent<IGridLayoutElementProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GridLayoutElement.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayoutElement.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAOnF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AA4CvE,MAAM,WAAW,uBAAuB;IACpC;;OAEG;IACH,IAAI,EAAE,iBAAiB,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,gCAAgC,CAAC;IAClD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,gGA0B7B,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.js

@@ -0,0 +1,63 @@
+// (C) 2024 GoodData Corporation
+import React, { forwardRef } from "react";
+import cx from "classnames";
+import { determineSizeForScreen } from "./utils/sizing.js";
+// internal constant used to enable rendering of debug information that helps with layout issues debugging
+const ENABLE_DEBUG_MODE = false;
+const getBubbleDebugClassName = (type) => {
+    switch (type) {
+        case "root":
+            return "gd-grid-layout__debug--root";
+        case "nested":
+            return "gd-grid-layout__debug--nested";
+        case "section":
+            return "gd-grid-layout__debug--section";
+        case "item":
+        default:
+            return "gd-grid-layout__debug--item";
+    }
+};
+const getElementDebugClassName = (type) => {
+    switch (type) {
+        case "root":
+            return "gd-grid-layout__root--debug";
+        case "nested":
+            return "gd-grid-layout__nested--debug";
+        case "section":
+            return "gd-grid-layout__section--debug";
+        case "item":
+        default:
+            return "gd-grid-layout__item--debug";
+    }
+};
+const getElementClassName = (type) => {
+    switch (type) {
+        case "root":
+            return "gd-grid-layout__root";
+        case "nested":
+            return "gd-grid-layout__nested";
+        case "section":
+            return "gd-grid-layout__section";
+        case "item":
+        default:
+            return "gd-grid-layout__item";
+    }
+};
+export const GridLayoutElement = forwardRef(({ children, className, style, type, layoutItemSize, screen, onMouseLeave }, ref) => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const enableDebugMode = window.DEBUG_LAYOUT ?? ENABLE_DEBUG_MODE;
+    const gridWidth = determineSizeForScreen(screen, layoutItemSize);
+    const classNames = cx(className, getElementClassName(type), `gd-grid-layout__item--span-${gridWidth}`, // CSS Grid columns size class name
+    {
+        [getElementDebugClassName(type)]: enableDebugMode,
+    });
+    return (React.createElement("div", { className: classNames, style: style, onMouseLeave: onMouseLeave, ref: ref },
+        enableDebugMode ? (React.createElement("div", { className: cx("gd-grid-layout__debug", getBubbleDebugClassName(type)) },
+            gridWidth,
+            " ",
+            screen)) : null,
+        children));
+});
+GridLayoutElement.displayName = "GridLayoutElement";
+//# sourceMappingURL=GridLayoutElement.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayoutElement.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/GridLayoutElement.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAoC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,0GAA0G;AAC1G,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAIhC,MAAM,uBAAuB,GAAG,CAAC,IAAuB,EAAE,EAAE;IACxD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,MAAM;YACP,OAAO,6BAA6B,CAAC;QACzC,KAAK,QAAQ;YACT,OAAO,+BAA+B,CAAC;QAC3C,KAAK,SAAS;YACV,OAAO,gCAAgC,CAAC;QAC5C,KAAK,MAAM,CAAC;QACZ;YACI,OAAO,6BAA6B,CAAC;IAC7C,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAAuB,EAAE,EAAE;IACzD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,MAAM;YACP,OAAO,6BAA6B,CAAC;QACzC,KAAK,QAAQ;YACT,OAAO,+BAA+B,CAAC;QAC3C,KAAK,SAAS;YACV,OAAO,gCAAgC,CAAC;QAC5C,KAAK,MAAM,CAAC;QACZ;YACI,OAAO,6BAA6B,CAAC;IAC7C,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,IAAuB,EAAE,EAAE;IACpD,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,MAAM;YACP,OAAO,sBAAsB,CAAC;QAClC,KAAK,QAAQ;YACT,OAAO,wBAAwB,CAAC;QACpC,KAAK,SAAS;YACV,OAAO,yBAAyB,CAAC;QACrC,KAAK,MAAM,CAAC;QACZ;YACI,OAAO,sBAAsB,CAAC;IACtC,CAAC;AACL,CAAC,CAAC;AAqCF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACvC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,6DAA6D;IAC7D,aAAa;IACb,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,IAAI,iBAAiB,CAAC;IACjE,MAAM,SAAS,GAAG,sBAAsB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACjE,MAAM,UAAU,GAAG,EAAE,CACjB,SAAS,EACT,mBAAmB,CAAC,IAAI,CAAC,EACzB,8BAA8B,SAAS,EAAE,EAAE,mCAAmC;IAC9E;QACI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,EAAE,eAAe;KACpD,CACJ,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG;QACzE,eAAe,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;YACrE,SAAS;;YAAG,MAAM,CACjB,CACT,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const GRID_COLUMNS_COUNT = 12;
+//# sourceMappingURL=constants.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,KAAK,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.js

@@ -0,0 +1,3 @@
+// (C) 2024 GoodData Corporation
+export const GRID_COLUMNS_COUNT = 12;
+//# sourceMappingURL=constants.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/constants.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,MAAM,CAAC,MAAM,kBAAkB,GAAG,EAAE,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/interfaces.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IDashboardLayout, IDashboardWidget, ScreenSize } from "@gooddata/sdk-model";
+import { IDashboardLayout, IDashboardWidget, ScreenSize, IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
 import { RenderMode } from "../../../types.js";
 import { IDashboardLayoutItemFacade, IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
+import React from "react";
 /**
  * Default props provided to {@link IDashboardLayoutSectionKeyGetter}.
  *
@@ -41,6 +41,10 @@ export interface IDashboardLayoutSectionRenderProps<TWidget = IDashboardWidget>
      * Current screen type with respect to the set breakpoints.
      */
     screen: ScreenSize;
+    /**
+     * The size of layout item in which the section is nested. Undefined, when section is in the root layout.
+     */
+    parentLayoutItemSize?: IDashboardLayoutSizeByScreenSize;
     /**
      * Default renderer of the section - can be used as a fallback for custom sectionRenderer.
      */
@@ -57,10 +61,6 @@ export interface IDashboardLayoutSectionRenderProps<TWidget = IDashboardWidget>
      * Additional section css class name.
      */
     className?: string;
-    /**
-     * Enable debug mode? (In debug mode, sections & items are highlighted for better overview of the layout structure).
-     */
-    debug?: boolean;
     /**
      * Is hidden section? Use this to hide the section without remounting it.
      */
@@ -87,6 +87,11 @@ export interface IDashboardLayoutSectionHeaderRenderProps<TWidget = IDashboardWi
      * Current screen type with respect to the set breakpoints.
      */
     screen: ScreenSize;
+    /**
+     * The size of layout item in which the section header is nested. Undefined, when section, to which
+     * this header belongs to, is in the root layout.
+     */
+    parentLayoutItemSize?: IDashboardLayoutSizeByScreenSize;
     /**
      * Default renderer of the section header - can be used as a fallback for custom sectionHeaderRenderer.
      */
@@ -209,10 +214,6 @@ export interface IDashboardLayoutWidgetRenderProps<TWidget = IDashboardWidget> {
      * Was item size updated by layout sizing strategy?
      */
     isResizedByLayoutSizingStrategy?: boolean;
-    /**
-     * Enable debug mode? (In debug mode, sections & items are highlighted for better overview of the layout structure).
-     */
-    debug?: boolean;
     /**
      * Get dimensions of layout container element
      */
@@ -314,10 +315,6 @@ export interface IDashboardLayoutRenderProps<TWidget = IDashboardWidget> {
      * Callback called on mouse leave event.
      */
     onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Enable debug mode? (In debug mode, sections & items are highlighted for better overview of the layout structure).
-     */
-    debug?: boolean;
     /**
      * Checks if feature flag enableKDWidgetCustomHeight is enabled
      */
@@ -326,6 +323,15 @@ export interface IDashboardLayoutRenderProps<TWidget = IDashboardWidget> {
      * Dashboard render mode
      */
     renderMode?: RenderMode;
+    /**
+     * The current screen size.
+     * If undefined, the screen size will be determined by the layout and provided to its nested layouts.
+     */
+    screen?: ScreenSize;
+    /**
+     * The size of layout item in which the layout is nested. Undefined, when the layout is the root layout.
+     */
+    parentLayoutItemSize?: IDashboardLayoutSizeByScreenSize;
 }
 /**
  * Dashboard layout renderer.