@gooddata/sdk-ui-dashboard 10.14.0-alpha.15 → 10.14.0-alpha.16

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.

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { ScreenSize } from "@gooddata/sdk-model";
+export declare const useScreenSize: (ref: React.RefObject<HTMLDivElement>) => ScreenSize;
+//# sourceMappingURL=useScreenSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/useScreenSize.ts"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAwBjD,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,CAAC,cAAc,CAAC,KAAG,UAUpE,CAAC"}

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

@@ -0,0 +1,34 @@
+// (C) 2024 GoodData Corporation
+import { useEffect, useState } from "react";
+import { DASHBOARD_LAYOUT_BREAK_POINTS } from "../../constants/index.js";
+const getScreenClass = (ref) => {
+    if (!ref.current) {
+        return "xl";
+    }
+    const viewportWidth = ref.current.clientWidth;
+    if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[3]) {
+        return "xl";
+    }
+    if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[2]) {
+        return "lg";
+    }
+    if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[1]) {
+        return "md";
+    }
+    if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[0]) {
+        return "sm";
+    }
+    return "xs";
+};
+export const useScreenSize = (ref) => {
+    const [screenClass, setScreenClass] = useState(() => getScreenClass(ref));
+    useEffect(() => {
+        const handleWindowResized = () => setScreenClass(getScreenClass(ref));
+        window.addEventListener("resize", handleWindowResized, false);
+        return () => {
+            window.removeEventListener("resize", handleWindowResized, false);
+        };
+    }, [ref]);
+    return screenClass;
+};
+//# sourceMappingURL=useScreenSize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/useScreenSize.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,cAAc,GAAG,CAAC,GAAoC,EAAc,EAAE;IACxE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,CAAC;IAC9C,IAAI,aAAa,IAAI,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,aAAa,IAAI,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,aAAa,IAAI,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,aAAa,IAAI,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAoC,EAAc,EAAE;IAC9E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QACtE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACrE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.d.ts

@@ -1,3 +1,3 @@
 import { IDashboardLayoutItemFacade } from "../../../../_staging/dashboard/fluidLayout/index.js";
-export declare const emptyItemFacadeWithFullSize: IDashboardLayoutItemFacade<unknown>;
+export declare const buildEmptyItemFacadeWithSetSize: (gridWidth: number) => IDashboardLayoutItemFacade<unknown>;
 //# sourceMappingURL=emptyFacade.d.ts.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emptyFacade.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AAEjG,eAAO,MAAM,2BAA2B,EAAE,0BAA0B,CAAC,OAAO,CA4B3E,CAAC"}
+{"version":3,"file":"emptyFacade.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qDAAqD,CAAC;AAEjG,eAAO,MAAM,+BAA+B,cAAe,MAAM,KAAG,2BAA2B,OAAO,CA4BpG,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.js

@@ -1,12 +1,12 @@
 // (C) 2022-2024 GoodData Corporation
-export const emptyItemFacadeWithFullSize = {
+export const buildEmptyItemFacadeWithSetSize = (gridWidth) => ({
     index: () => 0,
     raw: () => null, // TODO: should we allow this in the interface?
     widget: () => null,
     ref: () => undefined,
     section: () => undefined, // TODO: should we allow this in the interface?
-    size: () => ({ xl: { gridWidth: 12 } }),
-    sizeForScreen: () => ({ gridWidth: 12 }),
+    size: () => ({ xl: { gridWidth } }),
+    sizeForScreen: () => ({ gridWidth }),
     isLast: () => true,
     widgetEquals: () => false,
     widgetIs: () => false,
@@ -27,5 +27,5 @@ export const emptyItemFacadeWithFullSize = {
     isWidgetItemWithKpiRef: () => false,
     isWidgetItemWithRef: () => false,
     isEmpty: () => false,
-};
+});
 //# sourceMappingURL=emptyFacade.js.map

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.js.map

@@ -1 +1 @@
-{"version":3,"file":"emptyFacade.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAIrC,MAAM,CAAC,MAAM,2BAA2B,GAAwC;IAC5E,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACd,GAAG,EAAE,GAAG,EAAE,CAAC,IAAW,EAAE,+CAA+C;IACvE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAgB,EAAE,+CAA+C;IAChF,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC;IACvC,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;IACxC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;IAChC,6BAA6B,EAAE,GAAG,EAAE,CAAC,KAAK;IAC1C,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,yBAAyB,EAAE,GAAG,EAAE,CAAC,KAAK;IACtC,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK;IACnC,0BAA0B,EAAE,GAAG,EAAE,CAAC,KAAK;IACvC,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK;IACnC,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;IAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;CACvB,CAAC"}
+{"version":3,"file":"emptyFacade.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/emptyFacade.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAIrC,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,SAAiB,EAAuC,EAAE,CAAC,CAAC;IACxG,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACd,GAAG,EAAE,GAAG,EAAE,CAAC,IAAW,EAAE,+CAA+C;IACvE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAgB,EAAE,+CAA+C;IAChF,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC;IACnC,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK;IAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;IACpB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;IAChC,6BAA6B,EAAE,GAAG,EAAE,CAAC,KAAK;IAC1C,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;IAC5B,yBAAyB,EAAE,GAAG,EAAE,CAAC,KAAK;IACtC,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK;IACzB,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK;IACnC,0BAA0B,EAAE,GAAG,EAAE,CAAC,KAAK;IACvC,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK;IACnC,mBAAmB,EAAE,GAAG,EAAE,CAAC,KAAK;IAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK;CACvB,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/sizing.d.ts

@@ -1,13 +1,20 @@
-import { AnalyticalWidgetType, IDashboardLayout, IDashboardLayoutItem, IDashboardLayoutSize, ISettings, ScreenSize } from "@gooddata/sdk-model";
+import { AnalyticalWidgetType, IDashboardLayout, IDashboardLayoutItem, IDashboardLayoutSize, IDashboardLayoutSizeByScreenSize, ISettings, ScreenSize } from "@gooddata/sdk-model";
 import { IDashboardLayoutItemFacade } from "../../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
 import { MeasurableWidgetContent } from "../../../../_staging/layout/sizing.js";
 /**
  * Unify dashboard layout items height for all screens.
  *
- * @param items - dashboard layout items
+ * @param layout - dashboard layout with items
  */
 export declare function unifyDashboardLayoutItemHeights<TWidget>(layout: IDashboardLayout<TWidget>): IDashboardLayout<TWidget>;
 export declare function unifyDashboardLayoutItemHeights<TWidget>(items: IDashboardLayoutItem<TWidget>[]): IDashboardLayoutItem<TWidget>[];
+/**
+ * Derive dashboard layout size for all screens from dashboard layout size defined for xl screen.
+ * We have only xl size saved in metadata, this will create additional screen sizes based on xl.
+ *
+ * @param xlSize - dashboard layout size for xl screen
+ */
+export declare function implicitLayoutItemSizeFromXlSize(xlSize: IDashboardLayoutSize): IDashboardLayoutSizeByScreenSize;
 /**
  * Divide the items into a list representing the future rows of the grid.
  * This is useful for performing item transformations, depending on how they really appear in the grid.
@@ -39,5 +46,6 @@ export declare function validateDashboardLayoutWidgetSize(currentWidth: number,
     validWidth: number;
     validHeight?: number;
 };
+export declare const determineSizeForScreen: (screen: ScreenSize, layoutItemSize?: IDashboardLayoutSizeByScreenSize) => number;
 export {};
 //# sourceMappingURL=sizing.d.ts.map