@gooddata/sdk-ui-dashboard 10.14.0-alpha.1 → 10.14.0-alpha.4

package/esm/presentation/flexibleLayout/DashboardLayoutWidget.js

@@ -0,0 +1,199 @@
+// (C) 2020-2024 GoodData Corporation
+import { isInsightWidget, isKpiWidget, isRichTextWidget, isVisualizationSwitcherWidget, } from "@gooddata/sdk-model";
+import { WIDGET_DROPZONE_SIZE_INFO_DEFAULT } from "@gooddata/sdk-ui-ext";
+import React, { useRef } from "react";
+import cx from "classnames";
+import { isCustomWidget, selectEnableWidgetCustomHeight, selectInsightsMap, selectIsInEditMode, selectSettings, uiActions, useDashboardDispatch, useDashboardSelector, selectWidgetsOverlayState, selectWidgetsModification, selectSectionModification, selectIsExport, useWidgetSelection, } from "../../model/index.js";
+import { isAnyPlaceholderWidget, isPlaceholderWidget } from "../../widgets/index.js";
+import { getSizeInfo, calculateWidgetMinHeight } from "../../_staging/layout/sizing.js";
+import { getLayoutCoordinates } from "../../_staging/layout/coordinates.js";
+import { useDashboardComponentsContext } from "../dashboardContexts/index.js";
+import { Hotspot, ResizeOverlay, useDashboardDrag, useResizeItemStatus, useWidgetDragEndHandler, WidthResizerHotspot, } from "../dragAndDrop/index.js";
+import { DashboardWidget } from "../widget/index.js";
+import { DEFAULT_COLUMN_CLIENT_WIDTH, DEFAULT_WIDTH_RESIZER_HEIGHT } from "./constants.js";
+import { getDashboardLayoutItemHeightForRatioAndScreen, } from "./DefaultDashboardLayoutRenderer/index.js";
+import { DashboardItemOverlay } from "./DashboardItemOverlay/DashboardItemOverlay.js";
+import { getRefsForSection, getRefsForItem } from "./refs.js";
+/**
+ * Tests in KD require widget index for css selectors.
+ * Widget index equals to the widget order in the layout.
+ * Also placeholders are ignored for this.
+ */
+function getWidgetIndex(item) {
+    const sectionIndex = item.section().index();
+    const isIgnoredForIndexes = (widget) => {
+        return !widget || isAnyPlaceholderWidget(widget);
+    };
+    let itemsInSectionsBefore = 0;
+    for (let i = 0; i < sectionIndex; i += 1) {
+        itemsInSectionsBefore +=
+            item
+                .section()
+                .layout()
+                .section(i)
+                ?.items()
+                .filter((i) => !isIgnoredForIndexes(i.widget())).length ?? 0;
+    }
+    const ignoredWidgetsBeforeItemCount = item
+        .section()
+        .items()
+        .filter((i) => i.index() < item.index() && isIgnoredForIndexes(i.widget())).length;
+    return itemsInSectionsBefore + item.index() - ignoredWidgetsBeforeItemCount;
+}
+/**
+ * @internal
+ */
+export const DashboardLayoutWidget = (props) => {
+    const { item, screen, DefaultWidgetRenderer, onDrill, onFiltersChange, onError, getLayoutDimensions } = props;
+    const dispatch = useDashboardDispatch();
+    const insights = useDashboardSelector(selectInsightsMap);
+    const settings = useDashboardSelector(selectSettings);
+    const isInEditMode = useDashboardSelector(selectIsInEditMode);
+    const isExport = useDashboardSelector(selectIsExport);
+    const enableWidgetCustomHeight = useDashboardSelector(selectEnableWidgetCustomHeight);
+    const handleDragEnd = useWidgetDragEndHandler();
+    // TODO: we should probably do something more meaningful when item has no widget; should that even
+    //  be allowed? undefined widget will make things explode down the line away so..
+    const widget = item.widget();
+    const isCustom = isCustomWidget(widget);
+    const isDraggableWidgetType = !(isPlaceholderWidget(widget) || isCustom);
+    const { isSelected } = useWidgetSelection(widget.ref);
+    const isRichText = isRichTextWidget(widget);
+    const isRichTextWidgetInEditState = isSelected && isRichText;
+    const [{ isDragging }, dragRef] = useDashboardDrag({
+        dragItem: () => {
+            return createDraggableItem(item, insights, settings);
+        },
+        canDrag: isInEditMode && isDraggableWidgetType && !isRichTextWidgetInEditState,
+        dragStart: (item) => {
+            dispatch(uiActions.setDraggingWidgetSource(item));
+        },
+        dragEnd: handleDragEnd,
+    }, [item, insights, isInEditMode, isDraggableWidgetType, isRichTextWidgetInEditState]);
+    const { ErrorComponent, LoadingComponent } = useDashboardComponentsContext();
+    const currentSize = item.size()[screen];
+    const minHeight = calculateWidgetMinHeight(widget, currentSize, insights, settings);
+    const height = currentSize.heightAsRatio && !currentSize.gridHeight
+        ? getDashboardLayoutItemHeightForRatioAndScreen(currentSize, screen)
+        : undefined;
+    const allowOverflow = !!currentSize.heightAsRatio;
+    const className = enableWidgetCustomHeight ? "custom-height" : undefined;
+    const index = getWidgetIndex(item);
+    const refs = getRefsForItem(item);
+    const sectionModifications = useDashboardSelector(selectSectionModification(getRefsForSection(item.section())));
+    const itemModifications = useDashboardSelector(selectWidgetsModification(refs));
+    const overlayShow = useDashboardSelector(selectWidgetsOverlayState(refs));
+    const { isActive, isResizingColumnOrRow, heightLimitReached, widthLimitReached } = useResizeItemStatus(widget.identifier);
+    const contentRef = useRef(null);
+    function getWidthInPx() {
+        return contentRef?.current
+            ? contentRef.current.getBoundingClientRect().width
+            : DEFAULT_COLUMN_CLIENT_WIDTH;
+    }
+    function getHeightInPx() {
+        return contentRef?.current
+            ? contentRef.current.getBoundingClientRect().height
+            : DEFAULT_WIDTH_RESIZER_HEIGHT;
+    }
+    function getGridColumnWidth() {
+        const columnWidthInGC = item.sizeForScreen(screen)?.gridWidth;
+        const columnWidthInPx = getWidthInPx();
+        return columnWidthInPx / columnWidthInGC;
+    }
+    const canShowHotspot = isInEditMode && !isDragging;
+    return (React.createElement(DefaultWidgetRenderer, { DefaultWidgetRenderer: DefaultWidgetRenderer, item: item, screen: screen, allowOverflow: allowOverflow, height: height, minHeight: minHeight, className: className, contentRef: contentRef, getLayoutDimensions: getLayoutDimensions },
+        React.createElement("div", { ref: dragRef, className: cx([
+                "dashboard-widget-draggable-wrapper",
+                { "gd-custom-widget-export": isCustom && isExport },
+            ]) },
+            React.createElement(DashboardWidget
+            // @ts-expect-error Don't expose index prop on public interface (we need it only for css class for KD tests)
+            , { 
+                // @ts-expect-error Don't expose index prop on public interface (we need it only for css class for KD tests)
+                index: index, screen: screen, onDrill: onDrill, onError: onError, onFiltersChange: onFiltersChange, widget: widget, ErrorComponent: ErrorComponent, LoadingComponent: LoadingComponent })),
+        canShowHotspot && !isAnyPlaceholderWidget(widget) ? (React.createElement(React.Fragment, null,
+            React.createElement(ResizeOverlay, { isActive: isActive, isResizingColumnOrRow: isResizingColumnOrRow, reachedWidthLimit: widthLimitReached, reachedHeightLimit: heightLimitReached }),
+            !isCustomWidget(widget) ? (React.createElement(React.Fragment, null,
+                React.createElement(Hotspot, { dropZoneType: "prev", itemIndex: item.index(), sectionIndex: item.section().index(), isLastInSection: false }),
+                React.createElement(Hotspot, { dropZoneType: "next", itemIndex: item.index(), sectionIndex: item.section().index(), isLastInSection: item.isLast() }),
+                React.createElement(WidthResizerHotspot, { item: item, screen: screen, getGridColumnHeightInPx: getHeightInPx, getGridColumnWidth: getGridColumnWidth, getLayoutDimensions: getLayoutDimensions }))) : null)) : null,
+        React.createElement(DashboardItemOverlay, { type: "column", onHide: () => dispatch(uiActions.toggleWidgetsOverlay({
+                refs: [item.ref()],
+                visible: false,
+            })), render: Boolean(isInEditMode && overlayShow) && !sectionModifications.includes("insertedByPlugin"), modifications: itemModifications })));
+};
+function getFilledSize(itemSize, sizeInfo) {
+    return {
+        gridWidth: itemSize.xl?.gridWidth ||
+            sizeInfo?.width.default ||
+            WIDGET_DROPZONE_SIZE_INFO_DEFAULT.width.default,
+        gridHeight: itemSize.xl?.gridHeight ||
+            sizeInfo?.height.default ||
+            WIDGET_DROPZONE_SIZE_INFO_DEFAULT.height.default,
+    };
+}
+function createDraggableItem(item, insights, settings) {
+    const widget = item.widget();
+    const { sectionIndex, itemIndex } = getLayoutCoordinates(item);
+    const size = item.size();
+    const isOnlyItemInSection = item.section().items().count() === 1;
+    if (isKpiWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "kpi", widget.kpi);
+        return {
+            type: "kpi",
+            kpi: widget.kpi,
+            title: widget.title,
+            sectionIndex,
+            itemIndex,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isInsightWidget(widget)) {
+        const insight = insights.get(widget.insight);
+        const sizeInfo = getSizeInfo(settings, "kpi", insight);
+        return {
+            type: "insight",
+            insight,
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isRichTextWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "richText");
+        return {
+            type: "richText",
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else if (isVisualizationSwitcherWidget(widget)) {
+        const sizeInfo = getSizeInfo(settings, "visualizationSwitcher");
+        return {
+            type: "visualizationSwitcher",
+            sectionIndex,
+            itemIndex,
+            title: widget.title,
+            isOnlyItemInSection,
+            size: getFilledSize(size, sizeInfo),
+        };
+    }
+    else {
+        return {
+            type: widget.type,
+            widget,
+            sectionIndex,
+            itemIndex,
+            title: "",
+            isOnlyItemInSection,
+            size: getFilledSize(size),
+        };
+    }
+}
+//# sourceMappingURL=DashboardLayoutWidget.js.map

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IDashboardLayoutRenderProps } from "./interfaces.js";
+/**
+ * DashboardLayout is customizable component for rendering {@link IDashboardLayout}.
+ *
+ * @alpha
+ */
+export declare function DashboardLayout<TWidget>(props: IDashboardLayoutRenderProps<TWidget>): JSX.Element;
+//# sourceMappingURL=DashboardLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayout.tsx"],"names":[],"mappings":";AAgBA,OAAO,EACH,2BAA2B,EAI9B,MAAM,iBAAiB,CAAC;AAoBzB;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAwGjG"}

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

@@ -0,0 +1,57 @@
+import cx from "classnames";
+import isEqual from "lodash/isEqual.js";
+import React, { useCallback, useMemo } from "react";
+import { Container, ScreenClassProvider, ScreenClassRender, setConfiguration, } from "react-grid-system";
+import { DashboardLayoutFacade } from "../../../_staging/dashboard/fluidLayout/facade/layout.js";
+import { DASHBOARD_LAYOUT_GRID_CONFIGURATION } from "../../constants/index.js";
+import { emptyDOMRect } from "../constants.js";
+import { DashboardLayoutSection } from "./DashboardLayoutSection.js";
+import { getLayoutWithoutGridHeights, getResizedItemPositions, unifyDashboardLayoutItemHeights, } from "./utils/sizing.js";
+setConfiguration(DASHBOARD_LAYOUT_GRID_CONFIGURATION);
+const removeHeights = (layout, enableCustomHeight) => {
+    if (enableCustomHeight) {
+        return layout;
+    }
+    return getLayoutWithoutGridHeights(layout);
+};
+const defaultSectionKeyGetter = ({ section }) => section.index().toString();
+/**
+ * DashboardLayout is customizable component for rendering {@link IDashboardLayout}.
+ *
+ * @alpha
+ */
+export function DashboardLayout(props) {
+    const { layout, sectionKeyGetter = defaultSectionKeyGetter, sectionRenderer, sectionHeaderRenderer, itemKeyGetter, itemRenderer, widgetRenderer, gridRowRenderer, className, debug, onMouseLeave, enableCustomHeight, renderMode = "view", } = props;
+    const layoutRef = React.useRef(null);
+    const { layoutFacade, resizedItemPositions } = useMemo(() => {
+        const updatedLayout = removeHeights(layout, !!enableCustomHeight);
+        const layoutFacade = DashboardLayoutFacade.for(unifyDashboardLayoutItemHeights(updatedLayout));
+        const resizedItemPositions = getResizedItemPositions(layout, layoutFacade.raw());
+        return { layoutFacade, resizedItemPositions };
+    }, [layout, enableCustomHeight]);
+    const sectionRendererWrapped = useCallback((renderProps) => sectionRenderer ? (sectionRenderer({
+        ...renderProps,
+        debug,
+    })) : (React.createElement(renderProps.DefaultSectionRenderer, { ...renderProps, debug: debug })), [debug, sectionRenderer]);
+    const getLayoutDimensions = useCallback(function () {
+        return layoutRef?.current ? layoutRef.current.getBoundingClientRect() : emptyDOMRect;
+    }, []);
+    const widgetRendererWrapped = useCallback((renderProps) => {
+        const isResizedByLayoutSizingStrategy = resizedItemPositions.some((position) => isEqual(position, [renderProps.item.section().index(), renderProps.item.index()]));
+        return widgetRenderer ? (widgetRenderer({
+            ...renderProps,
+            isResizedByLayoutSizingStrategy,
+            debug,
+            getLayoutDimensions: getLayoutDimensions,
+        })) : (React.createElement(renderProps.DefaultWidgetRenderer, { ...renderProps, debug: debug, isResizedByLayoutSizingStrategy: isResizedByLayoutSizingStrategy, getLayoutDimensions: getLayoutDimensions }));
+    }, [debug, resizedItemPositions, widgetRenderer]);
+    return (React.createElement("div", { className: cx("gd-fluidlayout-container", "s-fluid-layout-container", "gd-dashboards", className), onMouseLeave: onMouseLeave, ref: layoutRef },
+        React.createElement(ScreenClassProvider, { useOwnWidth: false },
+            React.createElement(ScreenClassRender, { render: (screenClass) => {
+                    const screen = screenClass;
+                    return screen ? (React.createElement(Container, { fluid: true, className: "gd-fluidlayout-layout s-fluid-layout" }, layoutFacade.sections().map((section) => {
+                        return (React.createElement(DashboardLayoutSection, { key: sectionKeyGetter({ section, screen }), section: section, sectionRenderer: sectionRendererWrapped, sectionHeaderRenderer: sectionHeaderRenderer, itemKeyGetter: itemKeyGetter, itemRenderer: itemRenderer, gridRowRenderer: gridRowRenderer, widgetRenderer: widgetRendererWrapped, screen: screen, renderMode: renderMode, getLayoutDimensions: getLayoutDimensions }));
+                    }))) : null;
+                } }))));
+}
+//# sourceMappingURL=DashboardLayout.js.map

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDashboardLayoutSectionHeaderRenderProps } from "./interfaces.js";
+export declare function DashboardLayoutEditSectionHeaderRenderer(props: IDashboardLayoutSectionHeaderRenderProps<any>): JSX.Element | null;
+//# sourceMappingURL=DashboardLayoutEditSectionHeaderRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutEditSectionHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutEditSectionHeaderRenderer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,wCAAwC,EAAE,MAAM,iBAAiB,CAAC;AAS3E,wBAAgB,wCAAwC,CACpD,KAAK,EAAE,wCAAwC,CAAC,GAAG,CAAC,GACrD,GAAG,CAAC,OAAO,GAAG,IAAI,CAkCpB"}

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

@@ -0,0 +1,20 @@
+// (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";
+export function DashboardLayoutEditSectionHeaderRenderer(props) {
+    const { section, screen } = 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 },
+        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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ScreenSize } from "@gooddata/sdk-model";
+import { RenderMode } from "../../../types.js";
+import { IDashboardLayoutItemFacade, IDashboardLayoutSectionFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
+import { IDashboardLayoutGridRowRenderer, IDashboardLayoutItemKeyGetter, IDashboardLayoutItemRenderer, IDashboardLayoutWidgetRenderer } from "./interfaces.js";
+/**
+ * @alpha
+ */
+export interface DashboardLayoutGridRowProps<TWidget> {
+    screen: ScreenSize;
+    section: IDashboardLayoutSectionFacade<TWidget>;
+    itemKeyGetter?: IDashboardLayoutItemKeyGetter<TWidget>;
+    itemRenderer?: IDashboardLayoutItemRenderer<TWidget>;
+    widgetRenderer: IDashboardLayoutWidgetRenderer<TWidget>;
+    gridRowRenderer?: IDashboardLayoutGridRowRenderer<TWidget>;
+    getLayoutDimensions: () => DOMRect;
+    items: IDashboardLayoutItemFacade<TWidget>[];
+    renderMode: RenderMode;
+}
+export declare function DashboardLayoutGridRow<TWidget>(props: DashboardLayoutGridRowProps<TWidget>): JSX.Element;
+//# sourceMappingURL=DashboardLayoutGridRow.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+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
+        ? gridRowRenderer({
+            children: rowItems,
+            screen,
+            section,
+            items,
+            renderMode,
+        })
+        : rowItems));
+}
+//# sourceMappingURL=DashboardLayoutGridRow.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DashboardLayoutGridRowProps } from "./DashboardLayoutGridRow.js";
+import { IDashboardLayoutItemFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
+export declare function DashboardLayoutGridRowEdit<TWidget>(props: DashboardLayoutGridRowProps<TWidget> & {
+    itemsInRowsByIndex: [number, IDashboardLayoutItemFacade<TWidget>[]][];
+}): JSX.Element;
+//# sourceMappingURL=DashboardLayoutGridRowEdit.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,41 @@
+// (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";
+const defaultItemKeyGetter = ({ item }) => item.index().toString();
+export function DashboardLayoutGridRowEdit(props) {
+    const { section, itemKeyGetter = defaultItemKeyGetter, gridRowRenderer, itemRenderer, widgetRenderer, getLayoutDimensions, screen, items, renderMode, itemsInRowsByIndex, } = props;
+    const isDraggingWidget = useIsDraggingWidget();
+    const rowItems = useMemo(() => items.map((item) => (React.createElement(DashboardLayoutItem, { key: itemKeyGetter({ item, screen }), item: item, itemRenderer: itemRenderer, widgetRenderer: widgetRenderer, screen: screen }))), [itemKeyGetter, itemRenderer, items, screen, widgetRenderer]);
+    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 })));
+        }, rowItems), [isDraggingWidget, rowItems, itemsInRowsByIndex, screen, getLayoutDimensions, section]);
+    return (React.createElement(Row, { className: "gd-fluidlayout-row s-gd-fluid-layout-row" }, gridRowRenderer
+        ? gridRowRenderer({
+            children: extendedRows,
+            screen,
+            section,
+            items,
+            renderMode,
+        })
+        : extendedRows));
+}
+function splice(arr, start, deleteCount, ...addItem) {
+    const result = [];
+    if (start > 0) {
+        result.push(...arr.slice(0, start));
+    }
+    result.push(...addItem);
+    const len = result.length - addItem.length;
+    const count = deleteCount <= 0 ? len : len + deleteCount;
+    if (arr[count]) {
+        result.push(...arr.slice(count));
+    }
+    return result;
+}
+//# sourceMappingURL=DashboardLayoutGridRowEdit.js.map

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ScreenSize } from "@gooddata/sdk-model";
+import { IDashboardLayoutItemRenderer, IDashboardLayoutWidgetRenderer } from "./interfaces.js";
+import { IDashboardLayoutItemFacade } from "../../../_staging/dashboard/fluidLayout/facade/interfaces.js";
+/**
+ * @alpha
+ */
+export interface IDashboardLayoutItemProps<TWidget> {
+    item: IDashboardLayoutItemFacade<TWidget>;
+    screen: ScreenSize;
+    itemRenderer?: IDashboardLayoutItemRenderer<TWidget>;
+    widgetRenderer: IDashboardLayoutWidgetRenderer<TWidget>;
+}
+export declare function DashboardLayoutItem<TWidget>(props: IDashboardLayoutItemProps<TWidget>): JSX.Element;
+//# sourceMappingURL=DashboardLayoutItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItem.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItem.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACH,4BAA4B,EAC5B,8BAA8B,EAEjC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAI1G;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,OAAO;IAC9C,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,4BAA4B,CAAC,OAAO,CAAC,CAAC;IACrD,cAAc,EAAE,8BAA8B,CAAC,OAAO,CAAC,CAAC;CAC3D;AAMD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,yBAAyB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAcnG"}

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

@@ -0,0 +1,19 @@
+// (C) 2007-2024 GoodData Corporation
+import React from "react";
+import { DashboardLayoutItemRenderer } from "./DashboardLayoutItemRenderer.js";
+import { DashboardLayoutWidgetRenderer } from "./DashboardLayoutWidgetRenderer.js";
+const defaultItemRenderer = (props) => (React.createElement(DashboardLayoutItemRenderer, { ...props }));
+export function DashboardLayoutItem(props) {
+    const { item, itemRenderer = defaultItemRenderer, widgetRenderer, screen } = props;
+    const renderProps = {
+        item,
+        screen,
+        DefaultWidgetRenderer: DashboardLayoutWidgetRenderer,
+    };
+    return itemRenderer({
+        ...props,
+        DefaultItemRenderer: DashboardLayoutItemRenderer,
+        children: widgetRenderer(renderProps),
+    });
+}
+//# sourceMappingURL=DashboardLayoutItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItem.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAYnF,MAAM,mBAAmB,GAA0C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1E,oBAAC,2BAA2B,OAAK,KAAK,GAAI,CAC7C,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAU,KAAyC;IAClF,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,mBAAmB,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnF,MAAM,WAAW,GAAG;QAChB,IAAI;QACJ,MAAM;QACN,qBAAqB,EAAE,6BAA6B;KACT,CAAC;IAEhD,OAAO,YAAY,CAAC;QAChB,GAAG,KAAK;QACR,mBAAmB,EAAE,2BAA2B;QAChD,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC;KACxC,CAAC,CAAC;AACP,CAAC"}

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

@@ -0,0 +1,6 @@
+import { IDashboardLayoutItemRenderer } from "./interfaces.js";
+/**
+ * @internal
+ */
+export declare const DashboardLayoutItemRenderer: IDashboardLayoutItemRenderer<unknown>;
+//# sourceMappingURL=DashboardLayoutItemRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItemRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAsC/D;;GAEG;AACH,eAAO,MAAM,2BAA2B,uCAGG,CAAC"}

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

@@ -0,0 +1,33 @@
+// (C) 2007-2024 GoodData Corporation
+import cx from "classnames";
+import React from "react";
+import { RowEndHotspot, WidgetDropZoneColumn, useIsDraggingCurrentItem } from "../../dragAndDrop/index.js";
+import { DashboardLayoutItemViewRenderer } from "./DashboardLayoutItemViewRenderer.js";
+import { renderModeAware } from "../../componentDefinition/index.js";
+import { isCustomWidgetBase } from "../../../model/index.js";
+function getLayoutCoordinates(item) {
+    return {
+        sectionIndex: item.section()?.index(),
+        itemIndex: item.index(),
+    };
+}
+const DashboardLayoutItemEditRenderer = (props) => {
+    const { item, screen, children } = props;
+    const { sectionIndex, itemIndex } = getLayoutCoordinates(item);
+    const isDraggingCurrentItem = useIsDraggingCurrentItem(sectionIndex, itemIndex);
+    const isCustomWidget = isCustomWidgetBase(item.widget());
+    return (React.createElement(React.Fragment, null,
+        isCustomWidget ? null : (React.createElement(WidgetDropZoneColumn, { screen: screen, sectionIndex: sectionIndex, itemIndex: itemIndex })),
+        React.createElement(DashboardLayoutItemViewRenderer, { ...props, className: cx({
+                "current-dragging-item": isDraggingCurrentItem,
+            }) }, children),
+        isCustomWidget ? null : React.createElement(RowEndHotspot, { item: item, screen: screen })));
+};
+/**
+ * @internal
+ */
+export const DashboardLayoutItemRenderer = renderModeAware({
+    view: DashboardLayoutItemViewRenderer,
+    edit: DashboardLayoutItemEditRenderer,
+});
+//# sourceMappingURL=DashboardLayoutItemRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutItemRenderer.js","sourceRoot":"","sources":["../../../../src/presentation/flexibleLayout/DefaultDashboardLayoutRenderer/DashboardLayoutItemRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3G,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,SAAS,oBAAoB,CAAC,IAAyC;IACnE,OAAO;QACH,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE;QACrC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE;KAC1B,CAAC;AACN,CAAC;AAED,MAAM,+BAA+B,GAA0C,CAAC,KAAK,EAAE,EAAE;IACrF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAE/D,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAEhF,MAAM,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAEzD,OAAO,CACH;QACK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAC7F;QACD,oBAAC,+BAA+B,OACxB,KAAK,EACT,SAAS,EAAE,EAAE,CAAC;gBACV,uBAAuB,EAAE,qBAAqB;aACjD,CAAC,IAED,QAAQ,CACqB;QACjC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACvE,CACN,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,eAAe,CAAwC;IAC9F,IAAI,EAAE,+BAA+B;IACrC,IAAI,EAAE,+BAA+B;CACxC,CAA0C,CAAC"}

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

@@ -0,0 +1,3 @@
+import { IDashboardLayoutItemRenderer } from "./interfaces.js";
+export declare const DashboardLayoutItemViewRenderer: IDashboardLayoutItemRenderer<unknown>;
+//# sourceMappingURL=DashboardLayoutItemViewRenderer.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,39 @@
+import cx from "classnames";
+import isNil from "lodash/isNil.js";
+import React, { useMemo } from "react";
+import { Col } from "react-grid-system";
+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 style = useMemo(() => {
+        let computedStyle = {
+            minHeight,
+        };
+        if (isHidden) {
+            computedStyle = {
+                ...computedStyle,
+                ...isHiddenStyle,
+            };
+        }
+        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}`, {
+            [`s-fluid-layout-column-ratio-${ratio}`]: !isNil(ratio),
+            [`s-fluid-layout-column-height-${height}`]: !isNil(height),
+        }, className), style: style }, children));
+};
+function getSizeForItem(item, screen) {
+    const size = item.size();
+    const currentScreenSizeConfiguration = item.sizeForScreen(screen);
+    const ratio = currentScreenSizeConfiguration?.heightAsRatio;
+    const height = currentScreenSizeConfiguration?.gridHeight;
+    const width = currentScreenSizeConfiguration?.gridWidth;
+    return {
+        height,
+        width,
+        ratio,
+        size,
+    };
+}
+//# sourceMappingURL=DashboardLayoutItemViewRenderer.js.map

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

@@ -0,0 +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"}