@gooddata/sdk-ui-dashboard 10.16.0-alpha.10 → 10.16.0-alpha.12

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/HeightResizerHotspot.js

@@ -0,0 +1,96 @@
+// (C) 2021-2024 GoodData Corporation
+import React, { useEffect, useMemo, useState } from "react";
+import { fluidLayoutDescriptor, INSIGHT_WIDGET_SIZE_INFO_DEFAULT } from "@gooddata/sdk-ui-ext";
+import isEqual from "lodash/fp/isEqual.js";
+import isEmpty from "lodash/isEmpty.js";
+import { useDashboardDrag } from "../../../dragAndDrop/useDashboardDrag.js";
+import { isCustomWidgetBase, resizeNestedLayoutItemsHeight, selectInsightsMap, selectSettings, useDashboardDispatch, useDashboardSelector, } from "../../../../model/index.js";
+import { calculateWidgetMinHeight, getMaxHeight, getMinHeight } from "../../../../_staging/layout/sizing.js";
+import { HeightResizer } from "./HeightResizer.js";
+import { DEFAULT_WIDTH_RESIZER_HEIGHT } from "../../../layout/constants.js";
+import { getItemIndex } from "../../../../_staging/layout/coordinates.js";
+import { determineSizeForScreen } from "../../DefaultDashboardLayoutRenderer/utils/sizing.js";
+import cx from "classnames";
+import { useScreenSize } from "../../../dashboard/components/DashboardScreenSizeContext.js";
+import { useResizeContext } from "../../../dragAndDrop/index.js";
+import { useDashboardItemPathAndSize } from "../../../dashboard/components/DashboardItemPathAndSizeContext.js";
+export function HeightResizerHotspot({ section, items, getLayoutDimensions }) {
+    const dispatch = useDashboardDispatch();
+    const insightsMap = useDashboardSelector(selectInsightsMap);
+    const settings = useDashboardSelector(selectSettings);
+    const screen = useScreenSize();
+    const { itemSize } = useDashboardItemPathAndSize();
+    const { resizeDirection, resizeItemIdentifiers, resizeStart, resizeEnd, getScrollCorrection } = useResizeContext();
+    const widgets = useMemo(() => items.map((item) => item.widget()), [items]);
+    const widgetIdentifiers = useMemo(() => widgets.map((widget) => widget.identifier), [widgets]);
+    const customWidgetsRestrictions = useMemo(() => getCustomWidgetRestrictions(items), [items]);
+    const gridWidth = determineSizeForScreen(screen, itemSize);
+    const [{ isDragging }, dragRef] = useDashboardDrag({
+        dragItem: () => {
+            const initialLayoutDimensions = getLayoutDimensions();
+            const minLimit = getMinHeight(widgets, insightsMap, customWidgetsRestrictions.heightLimit);
+            const maxLimit = getMaxHeight(widgets, insightsMap);
+            const heightsGR = getHeightsGR(items, insightsMap, screen, settings);
+            return {
+                type: "internal-height-resizer",
+                sectionPath: section.index(),
+                sectionIndex: -1, // only for type compatibility reasons, will not be used
+                itemIndexes: items.map((item) => getItemIndex(item.index())),
+                initialLayoutDimensions,
+                widgetHeights: heightsGR,
+                minLimit,
+                maxLimit,
+            };
+        },
+        dragEnd: (item, monitor) => {
+            const scrollCorrection = getScrollCorrection();
+            const { sectionPath, itemIndexes, widgetHeights } = item;
+            const minLimit = getMinHeight(widgets, insightsMap, customWidgetsRestrictions.heightLimit);
+            const maxLimit = getMaxHeight(widgets, insightsMap);
+            const newHeightGR = getNewHeightGR(widgetHeights, monitor.getDifferenceFromInitialOffset()?.y || 0, scrollCorrection.y, minLimit, maxLimit);
+            dispatch(resizeNestedLayoutItemsHeight(sectionPath, itemIndexes, newHeightGR));
+            resizeEnd();
+        },
+    }, [widgets, insightsMap, customWidgetsRestrictions.heightLimit]);
+    useEffect(() => {
+        if (isDragging) {
+            resizeStart("height", widgetIdentifiers);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- we want to run this only when isDragging changes
+    }, [isDragging]);
+    const areWidgetsResizing = resizeDirection !== "none";
+    const isColumnResizing = resizeDirection === "width";
+    const isOtherRowResizing = !isEmpty(resizeItemIdentifiers) && !isEqual(resizeItemIdentifiers, widgetIdentifiers);
+    const [isResizerVisible, setResizerVisibility] = useState(false);
+    const onMouseEnter = () => setResizerVisibility(true);
+    const onMouseLeave = () => setResizerVisibility(false);
+    const shouldRenderResizer = (areWidgetsResizing || isResizerVisible) && !isColumnResizing && !isOtherRowResizing;
+    const status = isDragging ? "muted" : "active";
+    return (React.createElement("div", { className: cx("dash-height-resizer-container s-dash-height-resizer-container", `gd-grid-layout__item--span-${gridWidth}`) }, customWidgetsRestrictions.allowHeightResize ? (React.createElement("div", { ref: dragRef, className: "dash-height-resizer-hotspot s-dash-height-resizer-hotspot", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, shouldRenderResizer ? React.createElement(HeightResizer, { status: status }) : null)) : null));
+}
+export function getHeightsGR(items, insightMap, screen, settings) {
+    return items.reduce((acc, item) => {
+        const currentSize = item.sizeForScreen(screen);
+        const widgetMinHeightPX = calculateWidgetMinHeight(item.widget(), currentSize, insightMap, settings) ?? DEFAULT_WIDTH_RESIZER_HEIGHT;
+        const curHeightGR = fluidLayoutDescriptor.toGridHeight(widgetMinHeightPX);
+        const gridHeight = item.sizeForScreen(screen)?.gridHeight ?? curHeightGR;
+        return [...acc, gridHeight];
+    }, []);
+}
+export function getNewHeightGR(widgetHeights, offsetYPX, scrollCorrectionY, minLimit, maxLimit) {
+    const currentWidth = Math.max(...widgetHeights);
+    const deltaHeightGR = fluidLayoutDescriptor.toGridHeight(offsetYPX - scrollCorrectionY);
+    return Math.min(maxLimit, Math.max(minLimit, currentWidth + deltaHeightGR));
+}
+function getCustomWidgetRestrictions(items) {
+    const customWidgetItems = items.filter((item) => isCustomWidgetBase(item.widget()));
+    const heightLimit = customWidgetItems.reduce((minCustomWidgetHeight, item) => {
+        const { xl: { gridHeight = INSIGHT_WIDGET_SIZE_INFO_DEFAULT.height.default }, } = item.size() ?? { xl: {} };
+        return Math.max(minCustomWidgetHeight, gridHeight);
+    }, 0);
+    return {
+        allowHeightResize: customWidgetItems.length < items.length,
+        heightLimit: customWidgetItems.length > 0 ? heightLimit : 0,
+    };
+}
+//# sourceMappingURL=HeightResizerHotspot.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/HeightResizerHotspot.js.map

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

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/Resize/ResizeOverlay.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReachedResizingLimit } from "../DragLayerPreview/types.js";
+import { ReachedResizingLimit } from "../../../dragAndDrop/DragLayerPreview/types.js";
 export interface ResizeOverlayProps {
     isResizingColumnOrRow: boolean;
     isActive: boolean;

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/ResizeOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/ResizeOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAgBtF,MAAM,WAAW,kBAAkB;IAC/B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,EAAE,oBAAoB,CAAC;IACxC,kBAAkB,EAAE,oBAAoB,CAAC;CAC5C;AA2CD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAgCtD"}

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/Resize/ResizeOverlay.js

@@ -1,4 +1,4 @@
-// (C) 2019-2022 GoodData Corporation
+// (C) 2019-2024 GoodData Corporation
 import React from "react";
 import cx from "classnames";
 import { FormattedMessage, defineMessages } from "react-intl";

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/ResizeOverlay.js.map

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

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthResizer.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,qBAQpD"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizer.js

@@ -0,0 +1,10 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+export function WidthResizer({ status }) {
+    const boxClassName = cx("gd-fluidlayout-width-resizer", status, "s-gd-fluidlayout-width-resizer");
+    const lineClassName = cx("width-resizer-line", status);
+    return (React.createElement("div", { className: boxClassName },
+        React.createElement("div", { className: lineClassName })));
+}
+//# sourceMappingURL=WidthResizer.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthResizer.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAgB;IACjD,MAAM,YAAY,GAAG,EAAE,CAAC,8BAA8B,EAAE,MAAM,EAAE,gCAAgC,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;IACvD,OAAO,CACH,6BAAK,SAAS,EAAE,YAAY;QACxB,6BAAK,SAAS,EAAE,aAAa,GAAI,CAC/B,CACT,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { IDashboardLayoutItemFacade } from "../../../../_staging/dashboard/flexibleLayout/index.js";
+export type WidthResizerHotspotProps = {
+    item: IDashboardLayoutItemFacade<unknown>;
+    getGridColumnHeightInPx: () => number;
+    getGridColumnWidth: () => number;
+    getLayoutDimensions: () => DOMRect;
+};
+export declare function WidthResizerHotspot({ item, getGridColumnWidth, getGridColumnHeightInPx, getLayoutDimensions, }: WidthResizerHotspotProps): React.JSX.Element | null;
+//# sourceMappingURL=WidthResizerHotspot.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthResizerHotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AAQpG,MAAM,MAAM,wBAAwB,GAAG;IACnC,IAAI,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC1C,uBAAuB,EAAE,MAAM,MAAM,CAAC;IACtC,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,mBAAmB,EAAE,MAAM,OAAO,CAAC;CACtC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,GACtB,EAAE,wBAAwB,4BAoF1B"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.js

@@ -0,0 +1,65 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { resizeNestedLayoutItemWidth, selectInsightsMap, useDashboardDispatch, useDashboardSelector, } from "../../../../model/index.js";
+import { getMinWidth } from "../../../../_staging/layout/sizing.js";
+import { getDashboardLayoutItemMaxGridWidth } from "../../DefaultDashboardLayoutRenderer/index.js";
+import { getSizeAndXCoords } from "../DragLayerPreview/WidthResizerDragPreview.js";
+import { useDashboardDrag, useResizeHandlers, useResizeWidthItemStatus } from "../../../dragAndDrop/index.js";
+import { WidthResizer } from "./WidthResizer.js";
+import { useScreenSize } from "../../../dashboard/components/DashboardScreenSizeContext.js";
+export function WidthResizerHotspot({ item, getGridColumnWidth, getGridColumnHeightInPx, getLayoutDimensions, }) {
+    const dispatch = useDashboardDispatch();
+    const insightsMap = useDashboardSelector(selectInsightsMap);
+    const { resizeStart, resizeEnd, getScrollCorrection } = useResizeHandlers();
+    const screen = useScreenSize();
+    const widget = useMemo(() => item.widget(), [item]);
+    const widgetIdentifier = widget.identifier;
+    const { isWidthResizing, isActive } = useResizeWidthItemStatus(widgetIdentifier);
+    const [isResizerVisible, setResizerVisibility] = useState(false);
+    const onMouseEnter = () => setResizerVisibility(true);
+    const onMouseLeave = () => setResizerVisibility(false);
+    const layoutPath = item.index();
+    const currentWidth = item.sizeForScreen(screen).gridWidth;
+    const minLimit = getMinWidth(widget, insightsMap);
+    const maxLimit = getDashboardLayoutItemMaxGridWidth(item, screen);
+    const [{ isDragging }, dragRef] = useDashboardDrag({
+        dragItem: () => {
+            const initialLayoutDimensions = getLayoutDimensions();
+            return {
+                type: "internal-width-resizer",
+                layoutPath,
+                sectionIndex: -1, // only for type compatibility reasons, will not be used
+                itemIndex: -1, // only for type compatibility reasons, will not be used
+                gridColumnHeightInPx: getGridColumnHeightInPx(),
+                gridColumnWidth: getGridColumnWidth(),
+                initialLayoutDimensions,
+                currentWidth,
+                minLimit,
+                maxLimit,
+            };
+        },
+        dragEnd: (dragItem, monitor) => {
+            const scrollCorrection = getScrollCorrection();
+            const { limitedSize } = getSizeAndXCoords(dragItem, monitor.getInitialClientOffset().x, monitor.getDifferenceFromInitialOffset().x, scrollCorrection.x);
+            dispatch(resizeNestedLayoutItemWidth(layoutPath, limitedSize));
+            setResizerVisibility(false);
+        },
+    }, [widget, insightsMap, layoutPath, currentWidth, minLimit, maxLimit]);
+    useEffect(() => {
+        if (isDragging) {
+            resizeStart("width", [widgetIdentifier], getLayoutDimensions);
+        }
+        else {
+            resizeEnd();
+        }
+    }, [isDragging]);
+    const isThisResizing = isWidthResizing && isActive;
+    const showHotspot = !isDragging || isWidthResizing || isResizerVisible;
+    const showResizer = isResizerVisible || isThisResizing;
+    const status = isDragging ? "muted" : "active";
+    if (!showHotspot) {
+        return null;
+    }
+    return (React.createElement("div", { className: "dash-width-resizer-container" },
+        React.createElement("div", { className: "dash-width-resizer-hotspot s-dash-width-resizer-hotspot", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: dragRef }, showResizer ? React.createElement(WidthResizer, { status: status }) : null)));
+}
+//# sourceMappingURL=WidthResizerHotspot.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthResizerHotspot.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/WidthResizerHotspot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EACH,2BAA2B,EAC3B,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,GACvB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,kCAAkC,EAAE,MAAM,+CAA+C,CAAC;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9G,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,6DAA6D,CAAC;AAS5F,MAAM,UAAU,mBAAmB,CAAC,EAChC,IAAI,EACJ,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,GACI;IACvB,MAAM,QAAQ,GAAG,oBAAoB,EAAE,CAAC;IACxC,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC5E,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC;IAC3C,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;IAEjF,MAAM,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhC,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,SAAS,CAAC;IAC3D,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,kCAAkC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAElE,MAAM,CAAC,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAC9C;QACI,QAAQ,EAAE,GAAG,EAAE;YACX,MAAM,uBAAuB,GAAG,mBAAmB,EAAE,CAAC;YACtD,OAAO;gBACH,IAAI,EAAE,wBAAwB;gBAC9B,UAAU;gBACV,YAAY,EAAE,CAAC,CAAC,EAAE,wDAAwD;gBAC1E,SAAS,EAAE,CAAC,CAAC,EAAE,wDAAwD;gBACvE,oBAAoB,EAAE,uBAAuB,EAAE;gBAC/C,eAAe,EAAE,kBAAkB,EAAE;gBACrC,uBAAuB;gBACvB,YAAY;gBACZ,QAAQ;gBACR,QAAQ;aACX,CAAC;QACN,CAAC;QACD,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE;YAC3B,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;YAE/C,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,CACrC,QAAQ,EACR,OAAO,CAAC,sBAAsB,EAAG,CAAC,CAAC,EACnC,OAAO,CAAC,8BAA8B,EAAG,CAAC,CAAC,EAC3C,gBAAgB,CAAC,CAAC,CACrB,CAAC;YAEF,QAAQ,CAAC,2BAA2B,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;YAC/D,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;KACJ,EAED,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACtE,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,EAAE,CAAC;YACb,WAAW,CAAC,OAAO,EAAE,CAAC,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,CAAC;QAClE,CAAC;aAAM,CAAC;YACJ,SAAS,EAAE,CAAC;QAChB,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,cAAc,GAAG,eAAe,IAAI,QAAQ,CAAC;IAEnD,MAAM,WAAW,GAAG,CAAC,UAAU,IAAI,eAAe,IAAI,gBAAgB,CAAC;IACvE,MAAM,WAAW,GAAG,gBAAgB,IAAI,cAAc,CAAC;IACvD,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE/C,IAAI,CAAC,WAAW,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,6BAAK,SAAS,EAAC,8BAA8B;QACzC,6BACI,SAAS,EAAC,yDAAyD,EACnE,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,OAAO,IAEX,WAAW,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACpD,CACJ,CACT,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,aAAa,CAAC;CACzB"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/types.js

@@ -0,0 +1,3 @@
+// (C) 2022-2024 GoodData Corporation
+export {};
+//# sourceMappingURL=types.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/types.ts"],"names":[],"mappings":"AAAA,qCAAqC"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
+import { DashboardLayoutSectionBorderStatus } from "./types.js";
+interface IDashboardLayoutSectionBorderProps {
+    status: DashboardLayoutSectionBorderStatus;
+    children?: React.ReactNode;
+    renderBottomBorder?: boolean;
+    itemSize?: IDashboardLayoutSizeByScreenSize;
+}
+export declare const DashboardLayoutSectionBorder: React.FC<IDashboardLayoutSectionBorderProps>;
+export {};
+//# sourceMappingURL=DashboardLayoutSectionBorder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorder.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAGvE,OAAO,EAAE,kCAAkC,EAAE,MAAM,YAAY,CAAC;AAEhE,UAAU,kCAAkC;IACxC,MAAM,EAAE,kCAAkC,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,gCAAgC,CAAC;CAC/C;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAarF,CAAC"}

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

@@ -0,0 +1,8 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import { DashboardLayoutSectionBorderLine } from "./DashboardLayoutSectionBorderLine.js";
+export const DashboardLayoutSectionBorder = ({ status, renderBottomBorder = true, children, itemSize, }) => (React.createElement(React.Fragment, null,
+    React.createElement(DashboardLayoutSectionBorderLine, { position: "top", status: status, itemSize: itemSize }),
+    children,
+    renderBottomBorder ? (React.createElement(DashboardLayoutSectionBorderLine, { position: "bottom", status: status, itemSize: itemSize })) : null));
+//# sourceMappingURL=DashboardLayoutSectionBorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorder.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorder.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAUzF,MAAM,CAAC,MAAM,4BAA4B,GAAiD,CAAC,EACvF,MAAM,EACN,kBAAkB,GAAG,IAAI,EACzB,QAAQ,EACR,QAAQ,GACX,EAAE,EAAE,CAAC,CACF;IACI,oBAAC,gCAAgC,IAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI;IACtF,QAAQ;IACR,kBAAkB,CAAC,CAAC,CAAC,CAClB,oBAAC,gCAAgC,IAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC7F,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IDashboardLayoutSizeByScreenSize } from "@gooddata/sdk-model";
+import { DashboardLayoutSectionBorderStatus } from "./types.js";
+interface IDashboardLayoutSectionBorderLineProps {
+    position: "top" | "bottom";
+    status: DashboardLayoutSectionBorderStatus;
+    itemSize?: IDashboardLayoutSizeByScreenSize;
+}
+export declare const DashboardLayoutSectionBorderLine: React.FC<IDashboardLayoutSectionBorderLineProps>;
+export {};
+//# sourceMappingURL=DashboardLayoutSectionBorderLine.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorderLine.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAGvE,OAAO,EAAE,kCAAkC,EAAE,MAAM,YAAY,CAAC;AAGhE,UAAU,sCAAsC;IAC5C,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,MAAM,EAAE,kCAAkC,CAAC;IAC3C,QAAQ,CAAC,EAAE,gCAAgC,CAAC;CAC/C;AAED,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,sCAAsC,CAsB7F,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.js

@@ -0,0 +1,12 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+import { DashboardLayoutSectionBorderMarker } from "./DashboardLayoutSectionBorderMarker.js";
+import { GridLayoutElement } from "../../../DefaultDashboardLayoutRenderer/GridLayoutElement.js";
+export const DashboardLayoutSectionBorderLine = ({ position, status, itemSize, }) => {
+    return (React.createElement(GridLayoutElement, { type: "item", layoutItemSize: itemSize, className: cx("gd-fluidlayout-row-separator", "s-fluidlayout-row-separator", position, status) },
+        React.createElement(DashboardLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-left", active: status === "active" }),
+        React.createElement("div", { className: "gd-fluidlayout-row-separator-line" }),
+        React.createElement(DashboardLayoutSectionBorderMarker, { className: "gd-fluidlayout-row-separator-icon gd-fluidlayout-row-separator-icon-right", active: status === "active" })));
+};
+//# sourceMappingURL=DashboardLayoutSectionBorderLine.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorderLine.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderLine.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAE7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAC;AAQjG,MAAM,CAAC,MAAM,gCAAgC,GAAqD,CAAC,EAC/F,QAAQ,EACR,MAAM,EACN,QAAQ,GACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,MAAM,EACX,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,6BAA6B,EAAE,QAAQ,EAAE,MAAM,CAAC;QAE9F,oBAAC,kCAAkC,IAC/B,SAAS,EAAC,0EAA0E,EACpF,MAAM,EAAE,MAAM,KAAK,QAAQ,GAC7B;QACF,6BAAK,SAAS,EAAC,mCAAmC,GAAG;QACrD,oBAAC,kCAAkC,IAC/B,SAAS,EAAC,2EAA2E,EACrF,MAAM,EAAE,MAAM,KAAK,QAAQ,GAC7B,CACc,CACvB,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorderMarker.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderMarker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,wCAAwC;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CA0BjG,CAAC"}

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderMarker.js

@@ -1,4 +1,4 @@
-// (C) 2020-2022 GoodData Corporation
+// (C) 2020-2024 GoodData Corporation
 import React from "react";
 import { GD_COLOR_HIGHLIGHT, GD_COLOR_WHITE, INFO_TEXT_COLOR } from "@gooddata/sdk-ui-kit";
 export const DashboardLayoutSectionBorderMarker = (props) => {

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderMarker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayoutSectionBorderMarker.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/DashboardLayoutSectionBorderMarker.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAO3F,MAAM,CAAC,MAAM,kCAAkC,GAAuD,CAClG,KAAK,EACP,EAAE;IACA,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,kCAAkC,kBAAkB,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC;IAExD,OAAO,CACH,6BACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,SAAS,EAAE,SAAS;QAEpB,2BAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAC7B,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAE,UAAU,GAAI;YACnD,8BACI,CAAC,EAAC,mMAAmM,EACrM,IAAI,EAAE,KAAK,EACX,QAAQ,EAAC,SAAS,GACpB,CACF,CACF,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,YAAY,EAAE,kCAAkC,EAAE,MAAM,YAAY,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/index.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,kCAAkC,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/DashboardLayoutSectionBorder/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDashboardDropZone.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/EmptyDashboardDropZone.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAoBlD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA4E1C,CAAC"}

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

@@ -0,0 +1,55 @@
+// (C) 2022-2024 GoodData Corporation
+import React, { useMemo } from "react";
+import { FormattedMessage } from "react-intl";
+import cx from "classnames";
+import { Typography } from "@gooddata/sdk-ui-kit";
+import { useDashboardComponentsContext } from "../../../dashboardContexts/index.js";
+import { useEmptyContentHandlers } from "./useEmptyContentHandlers.js";
+import { GridLayoutElement } from "../../DefaultDashboardLayoutRenderer/index.js";
+import { getDashboardLayoutItemHeightForGrid } from "../../../../_staging/layout/sizing.js";
+const widgetCategoryMapping = {
+    "insight-placeholder": "insight",
+    insightListItem: "visualization",
+    "kpi-placeholder": "kpi",
+    richTextListItem: "richText",
+    visualizationSwitcherListItem: "visualizationSwitcher",
+    dashboardLayoutListItem: "dashboardLayout",
+};
+export const EmptyDashboardDropZone = () => {
+    const { EmptyLayoutDropZoneBodyComponent } = useDashboardComponentsContext();
+    const sectionPath = {
+        parent: undefined,
+        sectionIndex: 0,
+    };
+    const { item, itemType, canDrop, isOver, dropRef } = useEmptyContentHandlers(sectionPath);
+    const { gridWidth = 12, gridHeight } = item?.size || {};
+    const layoutItemSize = useMemo(() => ({
+        xl: { gridWidth, gridHeight },
+        lg: { gridWidth, gridHeight },
+        md: { gridWidth, gridHeight },
+        sm: { gridWidth, gridHeight },
+        xs: { gridWidth, gridHeight },
+    }), [gridWidth, gridHeight]);
+    const widgetCategory = widgetCategoryMapping[itemType];
+    const message = widgetCategory === "visualization" || widgetCategory === "kpi" ? (React.createElement(FormattedMessage, { id: "newDashboard.dropInsight" })) : (React.createElement(FormattedMessage, { id: "dropzone.widget.desc", values: { b: (chunks) => React.createElement("b", null, chunks) } }));
+    return (React.createElement(GridLayoutElement, { type: "root", layoutItemSize: {
+            xl: { gridWidth: 12, gridHeight },
+            lg: { gridWidth: 12, gridHeight },
+            md: { gridWidth: 12, gridHeight },
+            sm: { gridWidth: 12, gridHeight },
+            xs: { gridWidth: 12, gridHeight },
+        }, className: "gd-empty-dashboard-dropzone" },
+        React.createElement(GridLayoutElement, { type: "item", layoutItemSize: layoutItemSize, className: cx("drag-info-placeholder", "dash-item", {
+                [`type-${widgetCategory}`]: !!widgetCategory,
+                "type-none": !widgetCategory,
+                "s-last-drop-position": canDrop,
+            }), style: {
+                minHeight: gridHeight ? getDashboardLayoutItemHeightForGrid(gridHeight) : undefined,
+            } },
+            React.createElement("div", { className: cx("drag-info-placeholder-inner", { "can-drop": canDrop, "is-over": isOver }), ref: dropRef },
+                React.createElement(EmptyLayoutDropZoneBodyComponent, null),
+                React.createElement("div", { className: "drag-info-placeholder-drop-target s-drag-info-placeholder-drop-target" },
+                    React.createElement("div", { className: "drop-target-inner" },
+                        React.createElement(Typography, { tagName: "p", className: cx("drop-target-message", `${widgetCategory}-drop-target`) }, message)))))));
+};
+//# sourceMappingURL=EmptyDashboardDropZone.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyNestedLayoutDropZone.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/EmptyNestedLayoutDropZone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAkBzC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAYnC,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,KAAK,CAAC,EAMxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAsC7C,CAAC"}

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

@@ -0,0 +1,50 @@
+// (C) 2022-2024 GoodData Corporation
+import React from "react";
+import { FormattedMessage } from "react-intl";
+import cx from "classnames";
+import { Typography } from "@gooddata/sdk-ui-kit";
+import { getDashboardLayoutItemHeightForGrid } from "../../../../_staging/layout/sizing.js";
+import { useEmptyContentHandlers } from "./useEmptyContentHandlers.js";
+import { useDashboardItemPathAndSize } from "../../../dashboard/components/DashboardItemPathAndSizeContext.js";
+const widgetCategoryMapping = {
+    "insight-placeholder": "insight",
+    insightListItem: "visualization",
+    "kpi-placeholder": "kpi",
+    richTextListItem: "richText",
+    visualizationSwitcherListItem: "visualizationSwitcher",
+    dashboardLayoutListItem: "dashboardLayout",
+};
+export const DropZoneMessage = () => {
+    return (React.createElement(Typography, { tagName: "p", className: "drop-target-message" },
+        React.createElement(FormattedMessage, { id: "nestedLayout.emptyDropZone.message", values: {
+                b: (chunks) => React.createElement("b", null, chunks),
+                br: React.createElement("br", null),
+            } })));
+};
+export const DefaultEmptyNestedLayoutDropZoneBody = () => {
+    return (React.createElement("div", { className: "drag-info-placeholder-box s-drag-info-placeholder-box" },
+        React.createElement(DropZoneMessage, null)));
+};
+export const EmptyNestedLayoutDropZone = () => {
+    const { itemPath } = useDashboardItemPathAndSize();
+    const sectionPath = {
+        parent: itemPath,
+        sectionIndex: 0,
+    };
+    const { item, itemType, canDrop, isOver, dropRef } = useEmptyContentHandlers(sectionPath);
+    const { gridHeight } = item?.size || {};
+    const widgetCategory = widgetCategoryMapping[itemType];
+    return (React.createElement("div", { style: {
+            minHeight: gridHeight ? getDashboardLayoutItemHeightForGrid(gridHeight) : undefined,
+        }, className: cx("drag-info-placeholder", "dash-item", {
+            [`type-${widgetCategory}`]: !!widgetCategory,
+            "type-none": !widgetCategory,
+            "s-last-drop-position": canDrop,
+        }) },
+        React.createElement("div", { className: cx("drag-info-placeholder-inner", { "can-drop": canDrop, "is-over": isOver }), ref: dropRef },
+            React.createElement(DefaultEmptyNestedLayoutDropZoneBody, null),
+            React.createElement("div", { className: "drag-info-placeholder-drop-target s-drag-info-placeholder-drop-target" },
+                React.createElement("div", { className: "drop-target-inner" },
+                    React.createElement(DropZoneMessage, null))))));
+};
+//# sourceMappingURL=EmptyNestedLayoutDropZone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyNestedLayoutDropZone.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/draggableWidget/EmptyNestedLayoutDropZone.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlD,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kEAAkE,CAAC;AAE/G,MAAM,qBAAqB,GAAkD;IACzE,qBAAqB,EAAE,SAAS;IAChC,eAAe,EAAE,eAAe;IAChC,iBAAiB,EAAE,KAAK;IACxB,gBAAgB,EAAE,UAAU;IAC5B,6BAA6B,EAAE,uBAAuB;IACtD,uBAAuB,EAAE,iBAAiB;CAC7C,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC1C,OAAO,CACH,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,qBAAqB;QACnD,oBAAC,gBAAgB,IACb,EAAE,EAAC,oCAAoC,EACvC,MAAM,EAAE;gBACJ,CAAC,EAAE,CAAC,MAAiB,EAAE,EAAE,CAAC,+BAAI,MAAM,CAAK;gBACzC,EAAE,EAAE,+BAAM;aACb,GACH,CACO,CAChB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAa,GAAG,EAAE;IAC/D,OAAO,CACH,6BAAK,SAAS,EAAC,uDAAuD;QAClE,oBAAC,eAAe,OAAG,CACjB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAa,GAAG,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,2BAA2B,EAAE,CAAC;IACnD,MAAM,WAAW,GAAG;QAChB,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,CAAC;KAClB,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAE1F,MAAM,EAAE,UAAU,EAAE,GAAI,IAAgC,EAAE,IAAI,IAAI,EAAE,CAAC;IAErE,MAAM,cAAc,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAEvD,OAAO,CACH,6BACI,KAAK,EAAE;YACH,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,mCAAmC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS;SACtF,EACD,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,WAAW,EAAE;YAChD,CAAC,QAAQ,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC,cAAc;YAC5C,WAAW,EAAE,CAAC,cAAc;YAC5B,sBAAsB,EAAE,OAAO;SAClC,CAAC;QAEF,6BACI,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EACxF,GAAG,EAAE,OAAO;YAGZ,oBAAC,oCAAoC,OAAG;YACxC,6BAAK,SAAS,EAAC,uEAAuE;gBAClF,6BAAK,SAAS,EAAC,mBAAmB;oBAC9B,oBAAC,eAAe,OAAG,CACjB,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { ILayoutItemPath } from "../../../../types.js";
+interface IHotspotProps {
+    layoutPath: ILayoutItemPath;
+    isLastInSection?: boolean;
+    isEndingHotspot?: boolean;
+    classNames?: string;
+    dropZoneType: "prev" | "next";
+}
+export declare const Hotspot: React.FC<IHotspotProps>;
+export {};
+//# sourceMappingURL=Hotspot.d.ts.map

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

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