@gooddata/sdk-ui-dashboard 10.14.0-alpha.2 → 10.14.0-alpha.20

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

@@ -0,0 +1,360 @@
+// (C) 2019-2024 GoodData Corporation
+import { isDashboardLayout, isWidget, isWidgetDefinition, } from "@gooddata/sdk-model";
+import { fluidLayoutDescriptor } from "@gooddata/sdk-ui-ext";
+import clamp from "lodash/clamp.js";
+import flatten from "lodash/flatten.js";
+import isEqual from "lodash/isEqual.js";
+import isNil from "lodash/isNil.js";
+import round from "lodash/round.js";
+import { invariant } from "ts-invariant";
+import { DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT } from "../../../../_staging/dashboard/fluidLayout/index.js";
+import { DashboardLayoutBuilder } from "../../../../_staging/dashboard/fluidLayout/builder/layout.js";
+import { DashboardLayoutFacade } from "../../../../_staging/dashboard/fluidLayout/facade/layout.js";
+import { getDashboardLayoutItemHeightForGrid, getSizeInfo, getDashboardLayoutWidgetMinGridWidth, getDashboardLayoutWidgetMinGridHeight, getDashboardLayoutWidgetMaxGridHeight, } from "../../../../_staging/layout/sizing.js";
+import { ALL_SCREENS, DASHBOARD_LAYOUT_CONTAINER_WIDTHS, DASHBOARD_LAYOUT_MAX_HEIGHT_AS_RATIO_XS, } from "../../../constants/index.js";
+import { GRID_COLUMNS_COUNT } from "../constants.js";
+export function unifyDashboardLayoutItemHeights(itemsOrLayout) {
+    if (isDashboardLayout(itemsOrLayout)) {
+        return {
+            ...itemsOrLayout,
+            sections: DashboardLayoutFacade.for(itemsOrLayout)
+                .sections()
+                .reduce((acc, section) => {
+                acc.push({
+                    ...section.raw(),
+                    items: unifyDashboardLayoutItemHeights(section.items().raw()),
+                });
+                return acc;
+            }, []),
+        };
+    }
+    const itemsWithSizeForAllScreens = itemsOrLayout.map((item) => ({
+        ...item,
+        size: implicitLayoutItemSizeFromXlSize(item.size.xl),
+    }));
+    // items with unified height for all screens
+    return ALL_SCREENS.reduce((acc, screen) => {
+        const itemsAsFutureGridRows = splitDashboardLayoutItemsAsRenderedGridRows(acc, screen);
+        return flatten(itemsAsFutureGridRows.map((futureGridRow) => unifyDashboardLayoutItemHeightsForScreen(futureGridRow, screen)));
+    }, itemsWithSizeForAllScreens);
+}
+/**
+ * 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 function implicitLayoutItemSizeFromXlSize(xlSize) {
+    const xlWidth = xlSize.gridWidth;
+    const xlHeight = xlSize.gridHeight;
+    const ratio = xlSize.heightAsRatio;
+    switch (xlWidth) {
+        case 0:
+            return dashboardLayoutItemSizeForAllScreens(0, 0, 0, 0, 0, 0, 0);
+        case 1:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 2, 6, 12);
+        case 2:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 4, 6, 12);
+        case 3:
+        case 4:
+        case 5:
+        case 6:
+        case 7:
+        case 8:
+        case 9:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 6, 12, 12);
+        case 10:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 12, 12, 12);
+        case 11:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 12, 12, 12);
+        case 12:
+            return dashboardLayoutItemSizeForAllScreens(ratio, xlHeight, xlWidth, xlWidth, 12, 12, 12);
+        default:
+            invariant(false, `Unsupported xlWidth: ${xlWidth}`);
+    }
+}
+/**
+ * Create dashboard layout item size for all screens,
+ * with identical height, defined as ratio,
+ * but different width, defined as grid items count.
+ *
+ * @param heightAsRatio - height as ratio to the width, defined in percents
+ * @param gridHeight - height as number of grid rows
+ * @param xl - width as grid items count for xl screen
+ * @param lg - width as grid items count for lg screen
+ * @param md - width as grid items count for md screen
+ * @param sm - width as grid items count for sm screen
+ * @param xs - width as grid items count for xs screen
+ */
+function dashboardLayoutItemSizeForAllScreens(heightAsRatio, gridHeight, xl, lg, md, sm, xs) {
+    if (gridHeight) {
+        return {
+            xl: {
+                gridWidth: xl,
+                gridHeight,
+            },
+            lg: {
+                gridWidth: lg,
+                gridHeight,
+            },
+            md: {
+                gridWidth: md,
+                gridHeight,
+            },
+            sm: {
+                gridWidth: sm,
+                gridHeight,
+            },
+            xs: {
+                gridWidth: xs,
+                gridHeight,
+            },
+        };
+    }
+    return {
+        xl: {
+            gridWidth: xl,
+            heightAsRatio,
+        },
+        lg: {
+            gridWidth: lg,
+            heightAsRatio,
+        },
+        md: {
+            gridWidth: md,
+            heightAsRatio,
+        },
+        sm: {
+            gridWidth: sm,
+            heightAsRatio,
+        },
+        xs: {
+            gridWidth: xs,
+            heightAsRatio,
+        },
+    };
+}
+/**
+ * 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.
+ *
+ * @param items - dashboard layout items
+ * @param screen - responsive screen class
+ */
+export function splitDashboardLayoutItemsAsRenderedGridRows(items, screen) {
+    const renderedRows = [];
+    let currentRowWidth = 0;
+    let currentRow = [];
+    items.forEach((item) => {
+        const itemSize = item.size[screen];
+        if (isNil(itemSize)) {
+            throw Error("Item size for current screen is undefined");
+        }
+        if (currentRowWidth + itemSize.gridWidth > DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT) {
+            renderedRows.push(currentRow);
+            currentRow = [];
+            currentRowWidth = 0;
+        }
+        currentRow.push(item);
+        currentRowWidth = currentRowWidth + itemSize.gridWidth;
+    });
+    if (currentRow.length > 0) {
+        renderedRows.push(currentRow);
+    }
+    return renderedRows;
+}
+/**
+ * Calculate dashboard layout item height for the provided screen.
+ * Result, if custom height is defined, is height of the item, defined
+ * as grid items count, multiplied by {@link GRID_ROW_HEIGHT_IN_PX} or width of the item,
+ * defined as grid items count, multiplied by height, defined as a ratio.
+ *
+ * @param item - dashboard layout item
+ * @param screen - responsive screen class
+ */
+function dashboardLayoutItemHeightForScreen(item, screen) {
+    const { gridWidth, gridHeight, heightAsRatio = 0 } = item.size?.[screen] ?? {};
+    if (!gridWidth) {
+        return 0;
+    }
+    if (gridHeight) {
+        return getDashboardLayoutItemHeightForGrid(gridHeight);
+    }
+    return gridWidth * heightAsRatio;
+}
+/**
+ * Unify dashboard layout items height, defined as ratio, for the provided screen.
+ * It overrides height of all items to the highest item height found for the provided screen.
+ *
+ * @param items - dashboard layout items
+ * @param screen -  responsive screen class
+ */
+function unifyDashboardLayoutItemHeightsForScreen(items, screen) {
+    const heights = items.map((item) => dashboardLayoutItemHeightForScreen(item, screen));
+    const maxHeight = Math.max(0, ...heights);
+    if (maxHeight === 0) {
+        return items;
+    }
+    return items.map((item) => updateDashboardLayoutItemHeight(item, screen, maxHeight));
+}
+const updateDashboardLayoutItemHeight = (item, screen, maxHeight) => {
+    const itemSizeForCurrentScreen = item.size[screen];
+    const heightAsRatio = itemSizeForCurrentScreen?.gridWidth
+        ? round(maxHeight / itemSizeForCurrentScreen.gridWidth, 2)
+        : 0;
+    let updatedColumn = item;
+    if (!itemSizeForCurrentScreen?.gridHeight &&
+        !isNil(itemSizeForCurrentScreen?.heightAsRatio) &&
+        itemSizeForCurrentScreen?.heightAsRatio !== heightAsRatio) {
+        if (isWidget(updatedColumn.widget) || isWidgetDefinition(updatedColumn.widget)) {
+            updatedColumn = {
+                ...updatedColumn,
+                widget: {
+                    ...updatedColumn.widget,
+                },
+            };
+        }
+        updatedColumn = {
+            ...updatedColumn,
+            size: {
+                ...updatedColumn.size,
+                [screen]: {
+                    ...updatedColumn.size[screen],
+                    heightAsRatio,
+                },
+            },
+        };
+    }
+    if (screen === "xs" && heightAsRatio > DASHBOARD_LAYOUT_MAX_HEIGHT_AS_RATIO_XS) {
+        updatedColumn = {
+            ...updatedColumn,
+            size: {
+                ...updatedColumn.size,
+                xs: {
+                    ...updatedColumn.size.xs,
+                    heightAsRatio: DASHBOARD_LAYOUT_MAX_HEIGHT_AS_RATIO_XS,
+                },
+            },
+        };
+    }
+    return updatedColumn;
+};
+/**
+ *
+ * @internal
+ */
+export const getResizedItemPositions = (originalLayout, resizedLayout, positions = []) => {
+    const originalLayoutFacade = DashboardLayoutFacade.for(originalLayout);
+    return DashboardLayoutFacade.for(resizedLayout)
+        .sections()
+        .reduce((acc, section) => {
+        return section.items().reduce((acc, item) => {
+            const originalColumn = originalLayoutFacade
+                .sections()
+                .section(section.index())
+                .items()
+                .item(item.index());
+            // if this bombs there is something wrong with the layout
+            invariant(originalColumn);
+            const originalContent = originalColumn.widget();
+            const updatedContent = item.widget();
+            // Is nested layout?
+            if (isDashboardLayout(originalContent) && isDashboardLayout(updatedContent)) {
+                return getResizedItemPositions(originalContent, updatedContent, positions);
+            }
+            if (!isEqual(originalColumn.size(), item.size()) &&
+                (isWidget(updatedContent) || isWidgetDefinition(updatedContent))) {
+                acc.push([item.section().index(), item.index()]);
+            }
+            return acc;
+        }, acc);
+    }, positions);
+};
+export const getDashboardLayoutItemHeightForRatioAndScreen = (size, screen) => {
+    // TODO is this default ok?
+    const { gridWidth, heightAsRatio = 1 } = size;
+    const actualWidth = DASHBOARD_LAYOUT_CONTAINER_WIDTHS[screen];
+    const actualColumnUnitWidth = actualWidth / DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT;
+    return actualColumnUnitWidth * gridWidth * (heightAsRatio / 100);
+};
+export function getDashboardLayoutItemMaxGridWidth(item, screen) {
+    let gridRowWidth = 0;
+    const sectionItems = item.section().items().all();
+    for (const sectionItem of sectionItems) {
+        const newWidth = sectionItem.sizeForScreen(screen).gridWidth + gridRowWidth;
+        if (newWidth <= DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT) {
+            if (sectionItem.index() === item.index()) {
+                break;
+            }
+            gridRowWidth = newWidth;
+        }
+        else {
+            if (sectionItem.index() === item.index()) {
+                return DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT;
+            }
+            // TODO is this default ok?
+            gridRowWidth = sectionItem.sizeForScreen(screen)?.gridWidth ?? 1;
+        }
+    }
+    return DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT - gridRowWidth;
+}
+export function getDashboardLayoutWidgetDefaultGridWidth(settings, widgetType, widgetContent) {
+    const sizeInfo = getSizeInfo(settings, widgetType, widgetContent);
+    return sizeInfo.width.default;
+}
+export function getLayoutWithoutGridHeights(layout) {
+    const layoutBuilder = DashboardLayoutBuilder.for(layout);
+    return layoutBuilder
+        .modifySections((section) => section.modifyItems((itemBuilder, itemFacade) => {
+        const widget = itemFacade.widget();
+        if (isDashboardLayout(widget)) {
+            const updatedLayout = getLayoutWithoutGridHeights(widget);
+            return itemBuilder.widget(updatedLayout);
+        }
+        const itemWithoutGridHeight = removeGridHeightFromItemSize(itemFacade.raw());
+        return itemBuilder.setItem(itemWithoutGridHeight);
+    }))
+        .build();
+}
+function removeGridHeightFromItemSize(item) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { gridHeight, ...rest } = item.size.xl;
+    return {
+        ...item,
+        size: {
+            ...item.size,
+            xl: {
+                ...rest,
+            },
+        },
+    };
+}
+/**
+ * @internal
+ */
+export function validateDashboardLayoutWidgetSize(currentWidth, currentHeight, widgetType, widgetContent, settings) {
+    const minWidth = getDashboardLayoutWidgetMinGridWidth(settings, widgetType, widgetContent);
+    const maxWidth = fluidLayoutDescriptor.gridColumnsCount;
+    const minHeight = getDashboardLayoutWidgetMinGridHeight(settings, widgetType, widgetContent);
+    const maxHeight = getDashboardLayoutWidgetMaxGridHeight(settings, widgetType, widgetContent);
+    const validWidth = currentWidth !== undefined ? clamp(currentWidth, minWidth, maxWidth) : currentWidth;
+    const validHeight = currentHeight !== undefined ? clamp(currentHeight, minHeight, maxHeight) : currentHeight;
+    return {
+        validWidth,
+        validHeight,
+    };
+}
+export const determineSizeForScreen = (screen, layoutItemSize) => {
+    // Determine if element has size set in metadata object for the current screen size
+    const providedSizeForScreen = layoutItemSize ? layoutItemSize[screen] : undefined;
+    // Use the provided size for the screen if it is known, otherwise determine the size for the current
+    // screen if we at least know xl size from metadata object, otherwise expect the element to be root
+    // element with that spans the full size.
+    const itemSize = providedSizeForScreen ??
+        implicitLayoutItemSizeFromXlSize(layoutItemSize?.xl ?? {
+            gridWidth: GRID_COLUMNS_COUNT,
+        })[screen];
+    // Expect element to be full size if we could not get the size for the current screen from the value above.
+    return itemSize?.gridWidth ?? GRID_COLUMNS_COUNT;
+};
+//# sourceMappingURL=sizing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/utils/sizing.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAOH,iBAAiB,EAEjB,QAAQ,EACR,kBAAkB,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,mCAAmC,EAAE,MAAM,qDAAqD,CAAC;AAC1G,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EACH,mCAAmC,EAEnC,WAAW,EACX,oCAAoC,EACpC,qCAAqC,EACrC,qCAAqC,GACxC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACH,WAAW,EACX,iCAAiC,EACjC,uCAAuC,GAC1C,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAarD,MAAM,UAAU,+BAA+B,CAC3C,aAA0E;IAE1E,IAAI,iBAAiB,CAAU,aAAa,CAAC,EAAE,CAAC;QAC5C,OAAO;YACH,GAAG,aAAa;YAChB,QAAQ,EAAE,qBAAqB,CAAC,GAAG,CAAC,aAAa,CAAC;iBAC7C,QAAQ,EAAE;iBACV,MAAM,CAAC,CAAC,GAAuC,EAAE,OAAO,EAAE,EAAE;gBACzD,GAAG,CAAC,IAAI,CAAC;oBACL,GAAG,OAAO,CAAC,GAAG,EAAE;oBAChB,KAAK,EAAE,+BAA+B,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC;iBAChE,CAAC,CAAC;gBACH,OAAO,GAAG,CAAC;YACf,CAAC,EAAE,EAAE,CAAC;SACb,CAAC;IACN,CAAC;IAED,MAAM,0BAA0B,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC5D,GAAG,IAAI;QACP,IAAI,EAAE,gCAAgC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;KACvD,CAAC,CAAC,CAAC;IAEJ,4CAA4C;IAC5C,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACtC,MAAM,qBAAqB,GAAG,2CAA2C,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAEvF,OAAO,OAAO,CACV,qBAAqB,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CACxC,wCAAwC,CAAC,aAAa,EAAE,MAAM,CAAC,CAClE,CACJ,CAAC;IACN,CAAC,EAAE,0BAA0B,CAAC,CAAC;AACnC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gCAAgC,CAC5C,MAA4B;IAE5B,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC;IAEnC,QAAQ,OAAO,EAAE,CAAC;QACd,KAAK,CAAC;YACF,OAAO,oCAAoC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACrE,KAAK,CAAC;YACF,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7F,KAAK,CAAC;YACF,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7F,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC,CAAC;QACP,KAAK,CAAC;YACF,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9F,KAAK,EAAE;YACH,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/F,KAAK,EAAE;YACH,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/F,KAAK,EAAE;YACH,OAAO,oCAAoC,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/F;YACI,SAAS,CAAC,KAAK,EAAE,wBAAwB,OAAO,EAAE,CAAC,CAAC;IAC5D,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,SAAS,oCAAoC,CACzC,aAAiC,EACjC,UAA8B,EAC9B,EAAU,EACV,EAAU,EACV,EAAU,EACV,EAAU,EACV,EAAU;IAEV,IAAI,UAAU,EAAE,CAAC;QACb,OAAO;YACH,EAAE,EAAE;gBACA,SAAS,EAAE,EAAE;gBACb,UAAU;aACb;YACD,EAAE,EAAE;gBACA,SAAS,EAAE,EAAE;gBACb,UAAU;aACb;YACD,EAAE,EAAE;gBACA,SAAS,EAAE,EAAE;gBACb,UAAU;aACb;YACD,EAAE,EAAE;gBACA,SAAS,EAAE,EAAE;gBACb,UAAU;aACb;YACD,EAAE,EAAE;gBACA,SAAS,EAAE,EAAE;gBACb,UAAU;aACb;SACJ,CAAC;IACN,CAAC;IACD,OAAO;QACH,EAAE,EAAE;YACA,SAAS,EAAE,EAAE;YACb,aAAa;SAChB;QACD,EAAE,EAAE;YACA,SAAS,EAAE,EAAE;YACb,aAAa;SAChB;QACD,EAAE,EAAE;YACA,SAAS,EAAE,EAAE;YACb,aAAa;SAChB;QACD,EAAE,EAAE;YACA,SAAS,EAAE,EAAE;YACb,aAAa;SAChB;QACD,EAAE,EAAE;YACA,SAAS,EAAE,EAAE;YACb,aAAa;SAChB;KACJ,CAAC;AACN,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,2CAA2C,CACvD,KAAsC,EACtC,MAAkB;IAElB,MAAM,YAAY,GAAsC,EAAE,CAAC;IAE3D,IAAI,eAAe,GAAG,CAAC,CAAC;IACxB,IAAI,UAAU,GAAoC,EAAE,CAAC;IAErD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEnC,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAClB,MAAM,KAAK,CAAC,2CAA2C,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,eAAe,GAAG,QAAQ,CAAC,SAAS,GAAG,mCAAmC,EAAE,CAAC;YAC7E,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9B,UAAU,GAAG,EAAE,CAAC;YAChB,eAAe,GAAG,CAAC,CAAC;QACxB,CAAC;QAED,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,eAAe,GAAG,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,YAAY,CAAC;AACxB,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,kCAAkC,CACvC,IAAmC,EACnC,MAAkB;IAElB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IAC/E,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,CAAC,CAAC;IACb,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,mCAAmC,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,SAAS,GAAG,aAAa,CAAC;AACrC,CAAC;AAED;;;;;;GAMG;AACH,SAAS,wCAAwC,CAC7C,KAAsC,EACtC,MAAkB;IAElB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,kCAAkC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACtF,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC;IAE1C,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;QAClB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,+BAA+B,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;AACzF,CAAC;AAED,MAAM,+BAA+B,GAAG,CACpC,IAAmC,EACnC,MAAkB,EAClB,SAAiB,EACY,EAAE;IAC/B,MAAM,wBAAwB,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,wBAAwB,EAAE,SAAS;QACrD,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,wBAAwB,CAAC,SAAS,EAAE,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC,CAAC;IAER,IAAI,aAAa,GAAG,IAAI,CAAC;IAEzB,IACI,CAAC,wBAAwB,EAAE,UAAU;QACrC,CAAC,KAAK,CAAC,wBAAwB,EAAE,aAAa,CAAC;QAC/C,wBAAwB,EAAE,aAAa,KAAK,aAAa,EAC3D,CAAC;QACC,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,kBAAkB,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;YAC7E,aAAa,GAAG;gBACZ,GAAG,aAAa;gBAChB,MAAM,EAAE;oBACJ,GAAG,aAAa,CAAC,MAAM;iBAC1B;aACJ,CAAC;QACN,CAAC;QAED,aAAa,GAAG;YACZ,GAAG,aAAa;YAChB,IAAI,EAAE;gBACF,GAAG,aAAa,CAAC,IAAI;gBACrB,CAAC,MAAM,CAAC,EAAE;oBACN,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;oBAC7B,aAAa;iBAChB;aACJ;SACJ,CAAC;IACN,CAAC;IAED,IAAI,MAAM,KAAK,IAAI,IAAI,aAAa,GAAG,uCAAuC,EAAE,CAAC;QAC7E,aAAa,GAAG;YACZ,GAAG,aAAa;YAChB,IAAI,EAAE;gBACF,GAAG,aAAa,CAAC,IAAI;gBACrB,EAAE,EAAE;oBACA,GAAG,aAAa,CAAC,IAAI,CAAC,EAAG;oBACzB,aAAa,EAAE,uCAAuC;iBACzD;aACJ;SACJ,CAAC;IACN,CAAC;IAED,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAUF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,cAAyC,EACzC,aAAwC,EACxC,YAA4B,EAAE,EAChB,EAAE;IAChB,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACvE,OAAO,qBAAqB,CAAC,GAAG,CAAC,aAAa,CAAC;SAC1C,QAAQ,EAAE;SACV,MAAM,CAAC,CAAC,GAAmB,EAAE,OAAO,EAAE,EAAE;QACrC,OAAO,OAAO,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACxC,MAAM,cAAc,GAAG,oBAAoB;iBACtC,QAAQ,EAAE;iBACV,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAE;iBACzB,KAAK,EAAE;iBACP,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAExB,yDAAyD;YACzD,SAAS,CAAC,cAAc,CAAC,CAAC;YAE1B,MAAM,eAAe,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC;YAChD,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAErC,oBAAoB;YACpB,IAAI,iBAAiB,CAAC,eAAe,CAAC,IAAI,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC1E,OAAO,uBAAuB,CAAC,eAAe,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;YAC/E,CAAC;YAED,IACI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC5C,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,CAAC,EAClE,CAAC;gBACC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACrD,CAAC;YAED,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,EAAE,SAAS,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6CAA6C,GAAG,CACzD,IAA0B,EAC1B,MAAkB,EACZ,EAAE;IACR,2BAA2B;IAC3B,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;IAC9C,MAAM,WAAW,GAAG,iCAAiC,CAAC,MAAM,CAAC,CAAC;IAE9D,MAAM,qBAAqB,GAAG,WAAW,GAAG,mCAAmC,CAAC;IAChF,OAAO,qBAAqB,GAAG,SAAS,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,CAAC;AACrE,CAAC,CAAC;AAEF,MAAM,UAAU,kCAAkC,CAC9C,IAAqC,EACrC,MAAkB;IAElB,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC;IAElD,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,SAAS,GAAG,YAAY,CAAC;QAE7E,IAAI,QAAQ,IAAI,mCAAmC,EAAE,CAAC;YAClD,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;gBACvC,MAAM;YACV,CAAC;YACD,YAAY,GAAG,QAAQ,CAAC;QAC5B,CAAC;aAAM,CAAC;YACJ,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;gBACvC,OAAO,mCAAmC,CAAC;YAC/C,CAAC;YACD,2BAA2B;YAC3B,YAAY,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC;QACrE,CAAC;IACL,CAAC;IAED,OAAO,mCAAmC,GAAG,YAAY,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,wCAAwC,CACpD,QAAmB,EACnB,UAAgC,EAChC,aAAuC;IAEvC,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAClE,OAAO,QAAQ,CAAC,KAAK,CAAC,OAAQ,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,2BAA2B,CACvC,MAAiC;IAEjC,MAAM,aAAa,GAAG,sBAAsB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACzD,OAAO,aAAa;SACf,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE,CACxB,OAAO,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE;QAC5C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC;QACnC,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,CAAuB,CAAC;YAChF,OAAO,WAAW,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC7C,CAAC;QAED,MAAM,qBAAqB,GAAG,4BAA4B,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7E,OAAO,WAAW,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACtD,CAAC,CAAC,CACL;SACA,KAAK,EAAE,CAAC;AACjB,CAAC;AAED,SAAS,4BAA4B,CAAU,IAAmC;IAC9E,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;IAE7C,OAAO;QACH,GAAG,IAAI;QACP,IAAI,EAAE;YACF,GAAG,IAAI,CAAC,IAAI;YACZ,EAAE,EAAE;gBACA,GAAG,IAAI;aACV;SACJ;KACJ,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iCAAiC,CAC7C,YAAoB,EACpB,aAAiC,EACjC,UAAgC,EAChC,aAAsC,EACtC,QAAmB;IAKnB,MAAM,QAAQ,GAAG,oCAAoC,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,qBAAqB,CAAC,gBAAgB,CAAC;IACxD,MAAM,SAAS,GAAG,qCAAqC,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,qCAAqC,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC7F,MAAM,UAAU,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;IACvG,MAAM,WAAW,GACb,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAC7F,OAAO;QACH,UAAU;QACV,WAAW;KACd,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,MAAkB,EAClB,cAAiD,EACnD,EAAE;IACA,mFAAmF;IACnF,MAAM,qBAAqB,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,oGAAoG;IACpG,mGAAmG;IACnG,yCAAyC;IACzC,MAAM,QAAQ,GACV,qBAAqB;QACrB,gCAAgC,CAC5B,cAAc,EAAE,EAAE,IAAI;YAClB,SAAS,EAAE,kBAAkB;SAChC,CACJ,CAAC,MAAM,CAAC,CAAC;IACd,2GAA2G;IAC3G,OAAO,QAAQ,EAAE,SAAS,IAAI,kBAAkB,CAAC;AACrD,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { ObjRef, IInsight, IDashboardWidget, IDashboardLayoutItem } from "@gooddata/sdk-model";
+import { LRUCache } from "lru-cache";
+import { DashboardLayoutItemModifications } from "./DefaultDashboardLayoutRenderer/index.js";
+/**
+ * We need to aggressively memoize the widget sanitization results in order to prevent expensive re-renders
+ * down the line - we need to keep the widgets referentially equal whenever they are not changed.
+ */
+export declare const getMemoizedWidgetSanitizer: <TWidget>(cache: LRUCache<string, IDashboardLayoutItem<TWidget>, unknown>) => (getInsightByRef: (insightRef: ObjRef) => IInsight | undefined, enableKDWidgetCustomHeight: boolean) => DashboardLayoutItemModifications<TWidget>;
+/**
+ * Ensure that areObjRefsEqual() and other predicates will be working with uncontrolled user ref inputs
+ * in custom layout transformation and/or custom widget/item renderers.
+ *
+ * @internal
+ */
+export declare function polluteWidgetRefsWithBothIdAndUri<TWidget = IDashboardWidget>(getInsightByRef: (insightRef: ObjRef) => IInsight | undefined): DashboardLayoutItemModifications<TWidget>;
+/**
+ * Ensure the insight widgets conform to their allowed sizes.
+ *
+ * @internal
+ */
+export declare function validateItemsSize<TWidget = IDashboardWidget>(getInsightByRef: (insightRef: ObjRef) => IInsight | undefined, enableKDWidgetCustomHeight: boolean): DashboardLayoutItemModifications<TWidget>;
+//# sourceMappingURL=DefaultDashboardLayoutUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardLayoutUtils.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/DefaultDashboardLayoutUtils.ts"],"names":[],"mappings":"AACA,OAAO,EACH,MAAM,EACN,QAAQ,EAOR,gBAAgB,EAChB,oBAAoB,EACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAIrC,OAAO,EACH,gCAAgC,EAGnC,MAAM,2CAA2C,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,+GAGD,MAAM,KAAK,QAAQ,GAAG,SAAS,8BACjC,OAAO,8CAmBtC,CAAC;AAEN;;;;;GAKG;AACH,wBAAgB,iCAAiC,CAAC,OAAO,GAAG,gBAAgB,EACxE,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,QAAQ,GAAG,SAAS,GAC9D,gCAAgC,CAAC,OAAO,CAAC,CAgC3C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAG,gBAAgB,EACxD,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,QAAQ,GAAG,SAAS,EAC7D,0BAA0B,EAAE,OAAO,GACpC,gCAAgC,CAAC,OAAO,CAAC,CAqC3C"}

package/esm/presentation/flexibleLayout/DefaultDashboardLayoutUtils.js

@@ -0,0 +1,96 @@
+// (C) 2020-2024 GoodData Corporation
+import { insightId, insightUri, isWidget, widgetUri, widgetId, isInsightWidget, } from "@gooddata/sdk-model";
+import stringify from "json-stable-stringify";
+import flow from "lodash/flow.js";
+import { validateDashboardLayoutWidgetSize, } from "./DefaultDashboardLayoutRenderer/index.js";
+/**
+ * We need to aggressively memoize the widget sanitization results in order to prevent expensive re-renders
+ * down the line - we need to keep the widgets referentially equal whenever they are not changed.
+ */
+export const getMemoizedWidgetSanitizer = (cache) => (getInsightByRef, enableKDWidgetCustomHeight) => {
+    return (item) => {
+        const widget = item.facade().widget();
+        const insightAvailable = isInsightWidget(widget) && !!getInsightByRef(widget.insight);
+        // we need to check if the result was made with insight available or not, it might change the result
+        // of polluteWidgetRefsWithBothIdAndUri which touches the insight as well
+        const cacheKey = `${stringify(item.facade().raw(), { space: 0 })}__${insightAvailable}`;
+        if (!cache.has(cacheKey)) {
+            const resultBuilder = flow(polluteWidgetRefsWithBothIdAndUri(getInsightByRef), validateItemsSize(getInsightByRef, enableKDWidgetCustomHeight))(item);
+            cache.set(cacheKey, resultBuilder.build());
+        }
+        return item.setItem(cache.get(cacheKey));
+    };
+};
+/**
+ * Ensure that areObjRefsEqual() and other predicates will be working with uncontrolled user ref inputs
+ * in custom layout transformation and/or custom widget/item renderers.
+ *
+ * @internal
+ */
+export function polluteWidgetRefsWithBothIdAndUri(getInsightByRef) {
+    return (item) => item.widget((c) => {
+        let updatedContent = c;
+        if (isWidget(updatedContent)) {
+            updatedContent = {
+                ...updatedContent,
+                ref: {
+                    ...updatedContent.ref,
+                    uri: widgetUri(updatedContent),
+                    identifier: widgetId(updatedContent),
+                },
+            };
+        }
+        if (isInsightWidget(updatedContent)) {
+            const insight = getInsightByRef(updatedContent.insight);
+            // sometimes this seems to be called sooner than insights are loaded leading to invariant errors
+            // since the behavior is nearly impossible to replicate reliably, let's be defensive here
+            if (insight) {
+                updatedContent = {
+                    ...updatedContent,
+                    insight: {
+                        ...updatedContent.insight,
+                        uri: insightUri(insight),
+                        identifier: insightId(insight),
+                    },
+                };
+            }
+        }
+        return updatedContent;
+    });
+}
+/**
+ * Ensure the insight widgets conform to their allowed sizes.
+ *
+ * @internal
+ */
+export function validateItemsSize(getInsightByRef, enableKDWidgetCustomHeight) {
+    return (item) => {
+        const widget = item.facade().widget();
+        if (isInsightWidget(widget)) {
+            const insight = getInsightByRef(widget.insight);
+            const currentSize = item.facade().size().xl;
+            const { gridWidth: currentWidth, gridHeight: currentHeight } = currentSize;
+            if (!insight) {
+                return item.size({
+                    xl: {
+                        ...currentSize,
+                    },
+                });
+            }
+            const { validWidth, validHeight } = validateDashboardLayoutWidgetSize(currentWidth, currentHeight, "insight", insight, { enableKDWidgetCustomHeight });
+            if (currentWidth !== validWidth || currentHeight !== validHeight) {
+                const gridWidthProp = currentWidth !== validWidth ? { gridWidth: validWidth } : {};
+                const gridHeightProp = currentHeight !== validHeight ? { gridHeight: validHeight } : {};
+                return item.size({
+                    xl: {
+                        ...currentSize,
+                        ...gridWidthProp,
+                        ...gridHeightProp,
+                    },
+                });
+            }
+        }
+        return item;
+    };
+}
+//# sourceMappingURL=DefaultDashboardLayoutUtils.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IDashboardLayoutProps } from "./types.js";
+/**
+ * @alpha
+ */
+export declare const DefaultFlexibleDashboardLayout: (props: IDashboardLayoutProps) => JSX.Element;
+//# sourceMappingURL=DefaultFlexibleDashboardLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFlexibleDashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/DefaultFlexibleDashboardLayout.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAoEnD;;GAEG;AACH,eAAO,MAAM,8BAA8B,UAAW,qBAAqB,KAAG,WAsF7E,CAAC"}

package/esm/presentation/flexibleLayout/DefaultFlexibleDashboardLayout.js

@@ -0,0 +1,101 @@
+// (C) 2020-2024 GoodData Corporation
+import React, { useCallback, useMemo } from "react";
+import { objRefToString, isWidget, } from "@gooddata/sdk-model";
+import { LRUCache } from "lru-cache";
+import max from "lodash/max.js";
+import { useDashboardSelector, selectIsExport, selectIsLayoutEmpty, selectLayout, selectInsightsMap, selectEnableWidgetCustomHeight, selectRenderMode, } from "../../model/index.js";
+import { DashboardLayoutWidget } from "./DashboardLayoutWidget.js";
+import { DashboardLayout, DashboardLayoutBuilder, } from "./DefaultDashboardLayoutRenderer/index.js";
+import { renderModeAwareDashboardLayoutSectionRenderer } from "./DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionRenderer.js";
+import { renderModeAwareDashboardLayoutSectionHeaderRenderer } from "./DefaultDashboardLayoutRenderer/RenderModeAwareDashboardLayoutSectionHeaderRenderer.js";
+import { getMemoizedWidgetSanitizer } from "./DefaultDashboardLayoutUtils.js";
+import { SectionHotspot } from "../dragAndDrop/index.js";
+import { isInitialPlaceholderWidget } from "../../widgets/index.js";
+import { EmptyDashboardLayout } from "./EmptyDashboardLayout.js";
+/**
+ * Get dashboard layout for exports.
+ *  - Create new extra rows if current row has width of widgets greater than 12
+ *
+ * @internal
+ * @param layout - dashboard layout to modify
+ * @returns transformed layout
+ */
+function getDashboardLayoutForExport(layout) {
+    const dashLayout = DashboardLayoutBuilder.for(layout);
+    const layoutFacade = dashLayout.facade();
+    const sections = layoutFacade.sections();
+    const screenSplitSections = sections.map((section) => ({
+        items: section.items().asGridRows("xl"),
+        header: section.header(),
+    }));
+    dashLayout.removeSections();
+    screenSplitSections.forEach((wrappedSection) => {
+        wrappedSection.items.forEach((rowSection, index) => {
+            // Also ensure that all items in a section have equal grid height - the max one.
+            // This simulates non-export mode, where the flex-box stretches
+            // all the items in a row to the equal height.
+            // This is necessary as we have no control over the custom widgets heights.
+            const sectionItemsGridHeights = rowSection.map((item) => item.size().xl.gridHeight);
+            const maxGridHeight = max(sectionItemsGridHeights);
+            dashLayout.createSection((section) => {
+                rowSection.forEach((item) => {
+                    if (index === 0) {
+                        section.header(wrappedSection.header);
+                    }
+                    section.createItem({ ...item.size().xl, gridHeight: maxGridHeight }, (i) => i.widget(item.widget()));
+                });
+                return section;
+            });
+        });
+    });
+    return dashLayout.build();
+}
+const itemKeyGetter = (keyGetterProps) => {
+    const widget = keyGetterProps.item.widget();
+    if (isWidget(widget)) {
+        return objRefToString(widget.ref);
+    }
+    return keyGetterProps.item.index().toString();
+};
+/**
+ * @alpha
+ */
+export const DefaultFlexibleDashboardLayout = (props) => {
+    const { layout: providedLayout, screen: providedScreen, parentLayoutItemSize, onFiltersChange, onDrill, onError, } = props;
+    const selectedLayout = useDashboardSelector(selectLayout);
+    const isLayoutEmpty = useDashboardSelector(selectIsLayoutEmpty);
+    const enableWidgetCustomHeight = useDashboardSelector(selectEnableWidgetCustomHeight);
+    const insights = useDashboardSelector(selectInsightsMap);
+    const isExport = useDashboardSelector(selectIsExport);
+    const renderMode = useDashboardSelector(selectRenderMode);
+    const layout = providedLayout ?? selectedLayout;
+    const getInsightByRef = useCallback((insightRef) => {
+        return insights.get(insightRef);
+    }, [insights]);
+    const sanitizeWidgets = useMemo(() => {
+        // keep the cache local so that it is cleared when the dashboard changes for example and this component is remounted
+        const cache = new LRUCache({ max: 100 });
+        return getMemoizedWidgetSanitizer(cache);
+    }, []);
+    const transformedLayout = useMemo(() => {
+        if (isExport) {
+            return getDashboardLayoutForExport(layout);
+        }
+        return DashboardLayoutBuilder.for(layout)
+            .modifySections((section) => section.modifyItems(sanitizeWidgets(getInsightByRef, enableWidgetCustomHeight)))
+            .build();
+    }, [layout, isExport, getInsightByRef, enableWidgetCustomHeight, sanitizeWidgets]);
+    const widgetRenderer = useCallback((renderProps) => {
+        return (React.createElement(DashboardLayoutWidget, { onError: onError, onDrill: onDrill, onFiltersChange: onFiltersChange, ...renderProps }));
+    }, [onError, onDrill, onFiltersChange]);
+    if (isLayoutEmpty) {
+        return React.createElement(EmptyDashboardLayout, null);
+    }
+    // do not render the tailing section hotspot if there is only one section in the layout and it has only initial placeholders in it
+    const shouldRenderSectionHotspot = transformedLayout.sections.length > 1 ||
+        transformedLayout.sections[0].items.some((i) => !isInitialPlaceholderWidget(i.widget));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DashboardLayout, { className: isExport ? "export-mode" : "", layout: transformedLayout, parentLayoutItemSize: parentLayoutItemSize, screen: providedScreen, itemKeyGetter: itemKeyGetter, widgetRenderer: widgetRenderer, enableCustomHeight: enableWidgetCustomHeight, sectionRenderer: renderModeAwareDashboardLayoutSectionRenderer, sectionHeaderRenderer: renderModeAwareDashboardLayoutSectionHeaderRenderer, renderMode: renderMode }),
+        !!shouldRenderSectionHotspot && (React.createElement(SectionHotspot, { index: transformedLayout.sections.length, targetPosition: "below" }))));
+};
+//# sourceMappingURL=DefaultFlexibleDashboardLayout.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const EmptyDashboardError: React.FC;
+//# sourceMappingURL=EmptyDashboardError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDashboardError.d.ts","sourceRoot":"","sources":["../../../src/presentation/flexibleLayout/EmptyDashboardError.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAUvC,CAAC"}

package/esm/presentation/flexibleLayout/EmptyDashboardError.js

@@ -0,0 +1,10 @@
+// (C) 2020-2024 GoodData Corporation
+import React from "react";
+import { useIntl } from "react-intl";
+import { useDashboardComponentsContext } from "../dashboardContexts/index.js";
+export const EmptyDashboardError = () => {
+    const intl = useIntl();
+    const { ErrorComponent } = useDashboardComponentsContext();
+    return (React.createElement(ErrorComponent, { className: "s-layout-error", message: intl.formatMessage({ id: "dashboard.error.empty.heading" }), description: intl.formatMessage({ id: "dashboard.error.empty.text" }) }));
+};
+//# sourceMappingURL=EmptyDashboardError.js.map