@gooddata/sdk-ui-dashboard 10.16.0-alpha.8 → 10.16.0-beta.0

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/HeightResizerDragPreview.js

@@ -0,0 +1,56 @@
+// (C) 2021-2024 GoodData Corporation
+import React, { useEffect, useState } from "react";
+import { fluidLayoutDescriptor } from "@gooddata/sdk-ui-ext";
+import { HeightResizer } from "../Resize/HeightResizer.js";
+import { getLimitedSize } from "./sizeLimiting.js";
+import { useResizeHandlers } from "../../../dragAndDrop/index.js";
+export const HeightResizerDragPreview = (props) => {
+    const { item, initialOffset, differenceFromInitialOffset, scrollCorrection, getDragLayerPosition } = props;
+    const { toggleHeightLimitReached } = useResizeHandlers();
+    const [hasReachedLimit, setReachedLimit] = useState("none");
+    useEffect(() => {
+        toggleHeightLimitReached(hasReachedLimit);
+    }, [hasReachedLimit, toggleHeightLimitReached]);
+    const dragLayerOffset = getDragLayerPosition();
+    const currentUnlimitedHeightGR = getNewHeightGR(item.widgetHeights, differenceFromInitialOffset.y, scrollCorrection.y);
+    useEffect(() => {
+        const hasNowReachedLimit = hasHeightReachedLimit(currentUnlimitedHeightGR, item.minLimit, item.maxLimit);
+        if (hasNowReachedLimit !== hasReachedLimit) {
+            setReachedLimit(hasNowReachedLimit);
+        }
+    }, [currentUnlimitedHeightGR, item.minLimit, item.maxLimit, hasReachedLimit]);
+    const top = getLimitedYCoord(item, initialOffset.y, differenceFromInitialOffset.y, scrollCorrection.y);
+    const style = {
+        top: `${top - dragLayerOffset.y + scrollCorrection.y}px`,
+        left: `${initialOffset.x - dragLayerOffset.x + scrollCorrection.x}px`,
+        width: `${item.initialLayoutDimensions.width}px`,
+    };
+    return (React.createElement("div", { className: "height-resizer-drag-preview s-height-resizer-drag-preview", style: style },
+        React.createElement(HeightResizer, { status: "active" })));
+};
+function getPrimaryHeightGR(heightsGR) {
+    heightsGR = heightsGR || [10];
+    return Math.max(...heightsGR);
+}
+function hasHeightReachedLimit(heightGR, min, max) {
+    if (heightGR < min)
+        return "min";
+    if (heightGR > max)
+        return "max";
+    return "none";
+}
+function getNewHeightGR(widgetHeights, offsetYPX, scrollingCorrectionY) {
+    const primaryHeightGR = getPrimaryHeightGR(widgetHeights);
+    const totalDelta = offsetYPX - scrollingCorrectionY;
+    const deltaHeightGR = fluidLayoutDescriptor.toGridHeight(totalDelta);
+    return primaryHeightGR + deltaHeightGR;
+}
+export function getLimitedYCoord(item, initialSourceClientOffsetY, differenceFromInitialOffsetY, scrollingCorrectionY) {
+    const { minLimit, maxLimit } = item;
+    const deltaSize = fluidLayoutDescriptor.toGridHeight(differenceFromInitialOffsetY - scrollingCorrectionY);
+    const curPrimaryHeightGR = getPrimaryHeightGR(item.widgetHeights);
+    const newSizeLimited = getLimitedSize(minLimit, maxLimit, curPrimaryHeightGR, deltaSize);
+    const deltaY = fluidLayoutDescriptor.toHeightInPx(newSizeLimited - curPrimaryHeightGR);
+    return initialSourceClientOffsetY + deltaY;
+}
+//# sourceMappingURL=HeightResizerDragPreview.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/HeightResizerDragPreview.js.map

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

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/DragLayerPreview/WidthResizerDragPreview.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { XYCoord } from "react-dnd";
-import { DragResizeProps } from "./types.js";
-import { WidthResizerDragItem } from "../types.js";
+import { WidthResizerDragItem } from "../../../dragAndDrop/types.js";
+import { DragResizeProps } from "../../../dragAndDrop/DragLayerPreview/types.js";
 interface IWidthResizerDragPreviewOwnProps {
     item: WidthResizerDragItem;
     differenceFromInitialOffset: XYCoord;
@@ -22,7 +22,7 @@ export declare function getSizeAndXCoords(item: WidthResizerDragItem, initialSou
     limitedSize: number;
     unlimitedSize: number;
     isLimited: boolean;
-    limitReached: import("./types.js").ReachedResizingLimit;
+    limitReached: import("../../../dragAndDrop/DragLayerPreview/types.js").ReachedResizingLimit;
 };
 export declare function getDiffInGridColumns(pxDiffX: number, gridColumnWidth: number): number;
 export {};

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/WidthResizerDragPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidthResizerDragPreview.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/WidthResizerDragPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAGrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAGjF,UAAU,gCAAgC;IACtC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,qCAAqC;IAClD,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9E;AAED,MAAM,MAAM,6BAA6B,GAAG,qCAAqC,GAC7E,gCAAgC,CAAC;AAErC,MAAM,MAAM,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAwC1E;AAED,wBAAgB,iBAAiB,CAC7B,IAAI,EAAE,oBAAoB,EAC1B,0BAA0B,EAAE,MAAM,EAClC,4BAA4B,EAAE,MAAM,EACpC,iBAAiB,EAAE,MAAM;;;;;;;;;EAsB5B;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAErF"}

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/DragLayerPreview/WidthResizerDragPreview.js

@@ -1,8 +1,8 @@
-// (C) 2019-2022 GoodData Corporation
+// (C) 2019-2024 GoodData Corporation
 import React, { useEffect } from "react";
 import { WidthResizer } from "../Resize/WidthResizer.js";
 import { applySizeLimitation } from "./sizeLimiting.js";
-import { useResizeHandlers } from "../LayoutResizeContext.js";
+import { useResizeHandlers } from "../../../dragAndDrop/index.js";
 export function WidthResizerDragPreview(props) {
     const { setWidthState } = useResizeHandlers();
     const { item, differenceFromInitialOffset, initialOffset, scrollCorrection, getDragLayerPosition } = props;

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/WidthResizerDragPreview.js.map

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

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/DragLayerPreview/sizeLimiting.d.ts

@@ -1,4 +1,4 @@
-import { ReachedResizingLimit } from "./types.js";
+import { ReachedResizingLimit } from "../../../dragAndDrop/DragLayerPreview/types.js";
 export declare function getLimitedSize(minimumSize: number, maximumSize: number, originalSize: number, deltaSize: number): number;
 export declare function applySizeLimitation(minimumSize: number, maximumSize: number, originalSize: number, deltaSize: number): {
     limitedSize: number;

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/sizeLimiting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeLimiting.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/sizeLimiting.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEtF,wBAAgB,cAAc,CAC1B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAClB,MAAM,CAGR;AAgBD,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM;;;;;EAWpB"}

package/esm/presentation/{dragAndDrop → flexibleLayout/dragAndDrop}/DragLayerPreview/sizeLimiting.js

@@ -1,4 +1,4 @@
-// (C) 2022 GoodData Corporation
+// (C) 2022-2024 GoodData Corporation
 import clamp from "lodash/clamp.js";
 export function getLimitedSize(minimumSize, maximumSize, originalSize, deltaSize) {
     const newSize = originalSize + deltaSize;

package/esm/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/sizeLimiting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeLimiting.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/DragLayerPreview/sizeLimiting.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AAGpC,MAAM,UAAU,cAAc,CAC1B,WAAmB,EACnB,WAAmB,EACnB,YAAoB,EACpB,SAAiB;IAEjB,MAAM,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;IACzC,OAAO,KAAK,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,eAAe,CACpB,aAAqB,EACrB,WAAmB,EACnB,WAAmB;IAEnB,MAAM,SAAS,GAAG,WAAW,KAAK,aAAa,CAAC;IAEhD,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,OAAO,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,mBAAmB,CAC/B,WAAmB,EACnB,WAAmB,EACnB,YAAoB,EACpB,SAAiB;IAEjB,MAAM,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAEnE,OAAO;QACH,WAAW;QACX,aAAa;QACb,SAAS,EAAE,WAAW,KAAK,aAAa;QACxC,YAAY,EAAE,eAAe,CAAC,aAAa,EAAE,WAAW,EAAE,WAAW,CAAC;KACzE,CAAC;AACN,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface BulletProps {
+    index: number;
+    isInitial: boolean;
+    isCurrent: boolean;
+    isLast?: boolean;
+}
+export declare const Bullet: React.FC<BulletProps>;
+//# sourceMappingURL=Bullet.d.ts.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoBxC,CAAC"}

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.js

@@ -0,0 +1,16 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import classnames from "classnames";
+export const Bullet = ({ isCurrent, isInitial, isLast, index }) => {
+    const bulletStyle = classnames("gd-resize-bullet", `s-resize-bullet-${index}`, {
+        "gd-resize-bullet--last": isLast,
+    });
+    return (React.createElement("div", { className: bulletStyle },
+        React.createElement("svg", { className: "gd-resize-bullet-icon" },
+            React.createElement("circle", { cx: "3", cy: "3", r: "3", className: classnames({
+                    active: isCurrent,
+                    initial: isInitial,
+                    passive: !isCurrent && !isInitial,
+                }) }))));
+};
+//# sourceMappingURL=Bullet.js.map

package/esm/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bullet.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/Bullet.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,EAAE,EAAE;QAC3E,wBAAwB,EAAE,MAAM;KACnC,CAAC,CAAC;IACH,OAAO,CACH,6BAAK,SAAS,EAAE,WAAW;QACvB,6BAAK,SAAS,EAAC,uBAAuB;YAClC,gCACI,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,SAAS,EAAE,UAAU,CAAC;oBAClB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,SAAS;oBAClB,OAAO,EAAE,CAAC,SAAS,IAAI,CAAC,SAAS;iBACpC,CAAC,GACJ,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletsBar.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAuC9B,CAAC"}

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

@@ -0,0 +1,20 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import { DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT } from "../../../../../_staging/dashboard/flexibleLayout/config.js";
+import { useResizeWidthStatus } from "../../../../dragAndDrop/index.js";
+import { Bullet } from "./Bullet.js";
+export const BulletsBar = () => {
+    const widthResizingStatus = useResizeWidthStatus();
+    if (!widthResizingStatus.isResizingWidth) {
+        return null;
+    }
+    // CSS Grid: grid setup copies the main dashboard grid with 12 columns. Each column contains one bullet
+    // that marks the grid column start. The last bullet is rendered next to the grid in flex container and
+    // shifted via CSS to the left so, it is placed directly on the grid line. This could be done entirely
+    // in CSS, but we need to be able to style bullets based on state (current, initial).
+    return (React.createElement("div", { className: "gd-grid-layout__ruler" },
+        React.createElement("div", { className: "gd-grid-layout__container--root" }, [...Array(DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT)].map((_, index) => (React.createElement("div", { key: index, className: "gd-grid-layout__item--span-1" },
+            React.createElement(Bullet, { key: index, index: index, isInitial: widthResizingStatus.initialIndex === index, isCurrent: widthResizingStatus.currentIndex === index }),
+            index === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT - 1 ? (React.createElement(Bullet, { index: DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isInitial: widthResizingStatus.initialIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isCurrent: widthResizingStatus.currentIndex === DASHBOARD_LAYOUT_GRID_COLUMNS_COUNT, isLast: true })) : null))))));
+};
+//# sourceMappingURL=BulletsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulletsBar.js","sourceRoot":"","sources":["../../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/BulletsBar/BulletsBar.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mCAAmC,EAAE,MAAM,4DAA4D,CAAC;AACjH,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,UAAU,GAAa,GAAG,EAAE;IACrC,MAAM,mBAAmB,GAAG,oBAAoB,EAAE,CAAC;IAEnD,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,uGAAuG;IACvG,uGAAuG;IACvG,sGAAsG;IACtG,qFAAqF;IACrF,OAAO,CACH,6BAAK,SAAS,EAAC,uBAAuB;QAClC,6BAAK,SAAS,EAAC,iCAAiC,IAC3C,CAAC,GAAG,KAAK,CAAC,mCAAmC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/D,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B;YACrD,oBAAC,MAAM,IACH,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mBAAmB,CAAC,YAAY,KAAK,KAAK,EACrD,SAAS,EAAE,mBAAmB,CAAC,YAAY,KAAK,KAAK,GACvD;YACD,KAAK,KAAK,mCAAmC,GAAG,CAAC,CAAC,CAAC,CAAC,CACjD,oBAAC,MAAM,IACH,KAAK,EAAE,mCAAmC,EAC1C,SAAS,EACL,mBAAmB,CAAC,YAAY,KAAK,mCAAmC,EAE5E,SAAS,EACL,mBAAmB,CAAC,YAAY,KAAK,mCAAmC,EAE5E,MAAM,EAAE,IAAI,GACd,CACL,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeightResizer.js","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/HeightResizer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,YAAY,GAAG,EAAE,CAAC,+BAA+B,EAAE,MAAM,EAAE,iCAAiC,CAAC,CAAC;IACpG,MAAM,aAAa,GAAG,EAAE,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;IACxD,OAAO,CACH,6BAAK,SAAS,EAAE,YAAY;QACxB,6BAAK,SAAS,EAAE,aAAa,GAAI,CAC/B,CACT,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { ISettings, ScreenSize, IInsight } from "@gooddata/sdk-model";
+import { IDashboardLayoutItemFacade, IDashboardLayoutSectionFacade } from "../../../../_staging/dashboard/flexibleLayout/facade/interfaces.js";
+import { ObjRefMap } from "../../../../_staging/metadata/objRefMap.js";
+export type HeightResizerHotspotProps = {
+    section: IDashboardLayoutSectionFacade<unknown>;
+    items: IDashboardLayoutItemFacade<unknown>[];
+    getLayoutDimensions: () => DOMRect;
+};
+export declare function HeightResizerHotspot({ section, items, getLayoutDimensions }: HeightResizerHotspotProps): React.JSX.Element;
+export declare function getHeightsGR(items: IDashboardLayoutItemFacade<unknown>[], insightMap: ObjRefMap<IInsight>, screen: ScreenSize, settings: ISettings): number[];
+export declare function getNewHeightGR(widgetHeights: number[], offsetYPX: number, scrollCorrectionY: number, minLimit: number, maxLimit: number): number;
+//# sourceMappingURL=HeightResizerHotspot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeightResizerHotspot.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/flexibleLayout/dragAndDrop/Resize/HeightResizerHotspot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAW,UAAU,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAoB/E,OAAO,EACH,0BAA0B,EAC1B,6BAA6B,EAChC,MAAM,oEAAoE,CAAC;AAK5E,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAOvE,MAAM,MAAM,yBAAyB,GAAG;IACpC,OAAO,EAAE,6BAA6B,CAAC,OAAO,CAAC,CAAC;IAChD,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7C,mBAAmB,EAAE,MAAM,OAAO,CAAC;CACtC,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,yBAAyB,qBAiGtG;AAED,wBAAgB,YAAY,CACxB,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,EAAE,EAC5C,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,EAC/B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,SAAS,YAetB;AAED,wBAAgB,cAAc,CAC1B,aAAa,EAAE,MAAM,EAAE,EACvB,SAAS,EAAE,MAAM,EACjB,iBAAiB,EAAE,MAAM,EACzB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACjB,MAAM,CAKR"}

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

@@ -0,0 +1,95 @@
+// (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, determineWidthForScreen, } 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 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 = determineWidthForScreen(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, screen);
+    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":"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"}

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) => {