@shopify/flash-list 1.8.0 → 2.0.0-alpha.2

package/dist/recyclerview/layout-managers/MasonryLayoutManager.js

@@ -0,0 +1,274 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RVMasonryLayoutManagerImpl = void 0;
+var tslib_1 = require("tslib");
+var LayoutManager_1 = require("./LayoutManager");
+/**
+ * MasonryLayoutManager implementation that arranges items in a masonry/pinterest-style layout.
+ * Items are placed in columns, with support for items spanning multiple columns.
+ * Can optimize item placement to minimize column height differences.
+ */
+var RVMasonryLayoutManagerImpl = /** @class */ (function (_super) {
+    tslib_1.__extends(RVMasonryLayoutManagerImpl, _super);
+    function RVMasonryLayoutManagerImpl(params, previousLayoutManager) {
+        var _this = this;
+        var _a;
+        _this = _super.call(this, params, previousLayoutManager) || this;
+        /** Current column index for sequential placement */
+        _this.currentColumn = 0;
+        _this.boundedSize = params.windowSize.width;
+        _this.optimizeItemArrangement = (_a = params.optimizeItemArrangement) !== null && _a !== void 0 ? _a : false;
+        _this.columnHeights = Array(_this.maxColumns).fill(0);
+        return _this;
+    }
+    /**
+     * Updates layout parameters and triggers recomputation if necessary.
+     * @param params New layout parameters
+     */
+    RVMasonryLayoutManagerImpl.prototype.updateLayoutParams = function (params) {
+        var prevMaxColumns = this.maxColumns;
+        var prevOptimizeItemArrangement = this.optimizeItemArrangement;
+        _super.prototype.updateLayoutParams.call(this, params);
+        if (this.boundedSize !== params.windowSize.width ||
+            prevMaxColumns !== params.maxColumns ||
+            prevOptimizeItemArrangement !== params.optimizeItemArrangement) {
+            this.boundedSize = params.windowSize.width;
+            if (this.layouts.length > 0) {
+                //console.log("-----> recomputeLayouts");
+                //update all widths
+                for (var i = 0; i < this.layouts.length; i++) {
+                    this.layouts[i].width = this.getWidth(i);
+                    this.layouts[i].minHeight = undefined;
+                }
+                //TODO: Optimize masonry in general
+                this.recomputeLayouts(0, this.layouts.length - 1);
+                this.requiresRepaint = true;
+            }
+        }
+    };
+    /**
+     * Processes layout information for items, updating their dimensions.
+     * @param layoutInfo Array of layout information for items (real measurements)
+     * @param itemCount Total number of items in the list
+     */
+    RVMasonryLayoutManagerImpl.prototype.processLayoutInfo = function (layoutInfo, itemCount) {
+        var e_1, _a;
+        try {
+            // Update layout information
+            for (var layoutInfo_1 = tslib_1.__values(layoutInfo), layoutInfo_1_1 = layoutInfo_1.next(); !layoutInfo_1_1.done; layoutInfo_1_1 = layoutInfo_1.next()) {
+                var info = layoutInfo_1_1.value;
+                var index = info.index, dimensions = info.dimensions;
+                var layout = this.layouts[index];
+                layout.height = dimensions.height;
+                layout.isHeightMeasured = true;
+                layout.isWidthMeasured = true;
+                this.layouts[index] = layout;
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (layoutInfo_1_1 && !layoutInfo_1_1.done && (_a = layoutInfo_1.return)) _a.call(layoutInfo_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    };
+    /**
+     * Estimates layout dimensions for an item at the given index.
+     * Can be called by base class if estimate is required.
+     * @param index Index of the item to estimate layout for
+     */
+    RVMasonryLayoutManagerImpl.prototype.estimateLayout = function (index) {
+        var layout = this.layouts[index];
+        // Set width based on columns and span
+        layout.width = this.getWidth(index);
+        layout.height = this.getEstimatedHeight(index);
+        layout.isWidthMeasured = true;
+        layout.enforcedWidth = true;
+    };
+    /**
+     * Returns the total size of the layout area.
+     * @returns RVDimension containing width and height of the layout
+     */
+    RVMasonryLayoutManagerImpl.prototype.getLayoutSize = function () {
+        if (this.layouts.length === 0)
+            return { width: 0, height: 0 };
+        // Find the tallest column
+        var maxHeight = Math.max.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(this.columnHeights), false));
+        return {
+            width: this.boundedSize,
+            height: maxHeight,
+        };
+    };
+    /**
+     * Recomputes layouts for items in the given range.
+     * Uses different placement strategies based on optimization settings.
+     * @param startIndex Starting index of items to recompute
+     * @param endIndex Ending index of items to recompute
+     */
+    RVMasonryLayoutManagerImpl.prototype.recomputeLayouts = function (startIndex, endIndex) {
+        var _a;
+        // Reset column heights if starting from the beginning
+        if (startIndex === 0) {
+            this.columnHeights = Array(this.maxColumns).fill(0);
+            this.currentColumn = 0;
+        }
+        else {
+            // Find the y-position of the first item to recompute
+            // and adjust column heights accordingly
+            this.updateColumnHeightsToIndex(startIndex);
+        }
+        var itemCount = this.layouts.length;
+        for (var i = startIndex; i < itemCount; i++) {
+            var layout = this.getLayout(i);
+            var span = (_a = this.getSpanSizeInfo(i).span) !== null && _a !== void 0 ? _a : 1;
+            if (this.optimizeItemArrangement) {
+                if (span === 1) {
+                    // For single column items, place in the shortest column
+                    this.placeSingleColumnItem(layout);
+                }
+                else {
+                    // For multi-column items, find the best position
+                    this.placeOptimizedMultiColumnItem(layout, span);
+                }
+            }
+            else {
+                // No optimization - place items sequentially
+                this.placeItemSequentially(layout, span);
+            }
+        }
+    };
+    /**
+     * Calculates the width of an item based on its span.
+     * @param index Index of the item
+     * @returns Width of the item
+     */
+    RVMasonryLayoutManagerImpl.prototype.getWidth = function (index) {
+        var _a;
+        var span = (_a = this.getSpanSizeInfo(index).span) !== null && _a !== void 0 ? _a : 1;
+        return (this.boundedSize / this.maxColumns) * span;
+    };
+    /**
+     * Places an item sequentially in the next available position.
+     * @param layout Layout information for the item
+     * @param span Number of columns the item spans
+     */
+    RVMasonryLayoutManagerImpl.prototype.placeItemSequentially = function (layout, span) {
+        // Check if the item can fit in the current row
+        if (this.currentColumn + span > this.maxColumns) {
+            // Move to the next row
+            this.currentColumn = 0;
+        }
+        // Find the maximum height of the columns this item will span
+        var maxHeight = this.columnHeights[this.currentColumn];
+        for (var col = this.currentColumn + 1; col < this.currentColumn + span; col++) {
+            if (col < this.maxColumns) {
+                maxHeight = Math.max(maxHeight, this.columnHeights[col]);
+            }
+        }
+        // Place the item
+        layout.x = (this.boundedSize / this.maxColumns) * this.currentColumn;
+        layout.y = maxHeight;
+        // Update column heights
+        for (var col = this.currentColumn; col < this.currentColumn + span; col++) {
+            if (col < this.maxColumns) {
+                this.columnHeights[col] = maxHeight + layout.height;
+            }
+        }
+        // Move to the next column
+        this.currentColumn += span;
+        if (this.currentColumn >= this.maxColumns) {
+            this.currentColumn = 0;
+        }
+    };
+    /**
+     * Places a single-column item in the shortest available column.
+     * @param layout Layout information for the item
+     */
+    RVMasonryLayoutManagerImpl.prototype.placeSingleColumnItem = function (layout) {
+        // Find the shortest column
+        var shortestColumnIndex = 0;
+        var minHeight = this.columnHeights[0];
+        for (var i = 1; i < this.maxColumns; i++) {
+            if (this.columnHeights[i] < minHeight) {
+                minHeight = this.columnHeights[i];
+                shortestColumnIndex = i;
+            }
+        }
+        // Place the item in the shortest column
+        layout.x = (this.boundedSize / this.maxColumns) * shortestColumnIndex;
+        layout.y = this.columnHeights[shortestColumnIndex];
+        // Update the column height
+        this.columnHeights[shortestColumnIndex] += layout.height;
+    };
+    /**
+     * Places a multi-column item in the position that minimizes total column heights.
+     * @param layout Layout information for the item
+     * @param span Number of columns the item spans
+     */
+    RVMasonryLayoutManagerImpl.prototype.placeOptimizedMultiColumnItem = function (layout, span) {
+        var bestStartColumn = 0;
+        var minTotalHeight = Number.MAX_VALUE;
+        // Try all possible positions
+        for (var startCol = 0; startCol <= this.maxColumns - span; startCol++) {
+            // Find the maximum height among the columns this item would span
+            var maxHeight_1 = this.columnHeights[startCol];
+            for (var col = startCol + 1; col < startCol + span; col++) {
+                maxHeight_1 = Math.max(maxHeight_1, this.columnHeights[col]);
+            }
+            // Calculate the total height after placing the item
+            var totalHeight = 0;
+            for (var col = 0; col < this.maxColumns; col++) {
+                if (col >= startCol && col < startCol + span) {
+                    totalHeight += maxHeight_1 + layout.height;
+                }
+                else {
+                    totalHeight += this.columnHeights[col];
+                }
+            }
+            // Update best position if this is better
+            if (totalHeight < minTotalHeight) {
+                minTotalHeight = totalHeight;
+                bestStartColumn = startCol;
+            }
+        }
+        // Place the item at the best position
+        var maxHeight = Math.max.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(this.columnHeights.slice(bestStartColumn, bestStartColumn + span)), false));
+        layout.x = (this.boundedSize / this.maxColumns) * bestStartColumn;
+        layout.y = maxHeight;
+        // Update column heights
+        for (var col = bestStartColumn; col < bestStartColumn + span; col++) {
+            this.columnHeights[col] = maxHeight + layout.height;
+        }
+    };
+    /**
+     * Updates column heights up to a given index by recalculating item positions.
+     * @param index Index to update column heights up to
+     */
+    RVMasonryLayoutManagerImpl.prototype.updateColumnHeightsToIndex = function (index) {
+        // Reset column heights
+        this.columnHeights = Array(this.maxColumns).fill(0);
+        this.currentColumn = 0;
+        // Recalculate column heights up to the given index
+        for (var i = 0; i < index; i++) {
+            var layout = this.layouts[i];
+            var itemWidth = layout.width;
+            var columnWidth = this.boundedSize / this.maxColumns;
+            var span = Math.round(itemWidth / columnWidth);
+            // Find which columns this item spans
+            var startColumn = Math.round(layout.x / columnWidth);
+            var endColumn = Math.min(startColumn + span, this.maxColumns);
+            // Update column heights
+            for (var col = startColumn; col < endColumn; col++) {
+                this.columnHeights[col] = Math.max(this.columnHeights[col], layout.y + layout.height);
+            }
+            // Update current column for non-optimized layout
+            if (!this.optimizeItemArrangement) {
+                this.currentColumn = (startColumn + span) % this.maxColumns;
+            }
+        }
+    };
+    return RVMasonryLayoutManagerImpl;
+}(LayoutManager_1.RVLayoutManager));
+exports.RVMasonryLayoutManagerImpl = RVMasonryLayoutManagerImpl;
+//# sourceMappingURL=MasonryLayoutManager.js.map

package/dist/recyclerview/layout-managers/MasonryLayoutManager.js.map

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

package/dist/recyclerview/utils/adjustOffsetForRTL.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Adjusts the scroll offset for Right-to-Left (RTL) layouts.
+ * offset it flipped when RTL is enabled.
+ * This function converts a left-to-right offset to its RTL equivalent.
+ *
+ * @param offset - The original scroll offset in LTR layout
+ * @param contentSize - The total size of the scrollable content
+ * @param windowSize - The size of the visible window/viewport
+ * @returns The adjusted offset for RTL layout
+ */
+export declare function adjustOffsetForRTL(offset: number, contentSize: number, windowSize: number): number;
+//# sourceMappingURL=adjustOffsetForRTL.d.ts.map

package/dist/recyclerview/utils/adjustOffsetForRTL.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustOffsetForRTL.d.ts","sourceRoot":"","sources":["../../../src/recyclerview/utils/adjustOffsetForRTL.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,UAGnB"}

package/dist/recyclerview/utils/adjustOffsetForRTL.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adjustOffsetForRTL = void 0;
+/**
+ * Adjusts the scroll offset for Right-to-Left (RTL) layouts.
+ * offset it flipped when RTL is enabled.
+ * This function converts a left-to-right offset to its RTL equivalent.
+ *
+ * @param offset - The original scroll offset in LTR layout
+ * @param contentSize - The total size of the scrollable content
+ * @param windowSize - The size of the visible window/viewport
+ * @returns The adjusted offset for RTL layout
+ */
+function adjustOffsetForRTL(offset, contentSize, windowSize) {
+    return contentSize - offset - windowSize;
+}
+exports.adjustOffsetForRTL = adjustOffsetForRTL;
+//# sourceMappingURL=adjustOffsetForRTL.js.map

package/dist/recyclerview/utils/adjustOffsetForRTL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustOffsetForRTL.js","sourceRoot":"","sources":["../../../src/recyclerview/utils/adjustOffsetForRTL.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;GASG;AACH,SAAgB,kBAAkB,CAChC,MAAc,EACd,WAAmB,EACnB,UAAkB;IAElB,OAAO,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAC3C,CAAC;AAND,gDAMC"}

package/dist/recyclerview/utils/componentUtils.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+/**
+ * Helper function to handle both React components and React elements.
+ * This utility ensures proper rendering of components whether they are passed as
+ * component types or pre-rendered elements.
+ *
+ * @param component - Can be a React component type, React element, null, or undefined
+ * @returns A valid React element if the input is valid, null otherwise
+ *
+ * @example
+ * // With a component type
+ * getValidComponent(MyComponent)
+ *
+ * @example
+ * // With a pre-rendered element
+ * getValidComponent(<MyComponent />)
+ */
+export declare const getValidComponent: (component: React.ComponentType<any> | React.ReactElement | null | undefined) => React.ReactElement | null;
+//# sourceMappingURL=componentUtils.d.ts.map

package/dist/recyclerview/utils/componentUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentUtils.d.ts","sourceRoot":"","sources":["../../../src/recyclerview/utils/componentUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,cACjB,MAAM,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,YAAY,GAAG,IAAI,GAAG,SAAS,KAC1E,MAAM,YAAY,GAAG,IAOvB,CAAC"}

package/dist/recyclerview/utils/componentUtils.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValidComponent = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * Helper function to handle both React components and React elements.
+ * This utility ensures proper rendering of components whether they are passed as
+ * component types or pre-rendered elements.
+ *
+ * @param component - Can be a React component type, React element, null, or undefined
+ * @returns A valid React element if the input is valid, null otherwise
+ *
+ * @example
+ * // With a component type
+ * getValidComponent(MyComponent)
+ *
+ * @example
+ * // With a pre-rendered element
+ * getValidComponent(<MyComponent />)
+ */
+var getValidComponent = function (component) {
+    if (react_1.default.isValidElement(component)) {
+        return component;
+    }
+    else if (typeof component === "function") {
+        return react_1.default.createElement(component);
+    }
+    return null;
+};
+exports.getValidComponent = getValidComponent;
+//# sourceMappingURL=componentUtils.js.map

package/dist/recyclerview/utils/componentUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentUtils.js","sourceRoot":"","sources":["../../../src/recyclerview/utils/componentUtils.ts"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B;;;;;;;;;;;;;;;GAeG;AACI,IAAM,iBAAiB,GAAG,UAC/B,SAA2E;IAE3E,IAAI,eAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE;QACnC,OAAO,SAAS,CAAC;KAClB;SAAM,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;QAC1C,OAAO,eAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;KACvC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AATW,QAAA,iBAAiB,qBAS5B"}

package/dist/recyclerview/utils/findVisibleIndex.d.ts

@@ -0,0 +1,24 @@
+import { RVLayout } from "../layout-managers/LayoutManager";
+/**
+ * Finds the first visible index in a sorted array of RVLayout objects.
+ * This is a wrapper around binarySearchVisibleIndex that specifically finds
+ * the first item that becomes visible in the viewport.
+ *
+ * @param layouts - The sorted array of RVLayout objects
+ * @param threshold - The threshold value to determine visibility
+ * @param isSortedByX - A boolean indicating if the array is sorted by x (true) or y (false)
+ * @returns The index of the first visible layout or -1 if none are visible
+ */
+export declare function findFirstVisibleIndex(layouts: RVLayout[], threshold: number, isSortedByX: boolean): number;
+/**
+ * Finds the last visible index in a sorted array of RVLayout objects.
+ * This is a wrapper around binarySearchVisibleIndex that specifically finds
+ * the last item that remains visible in the viewport.
+ *
+ * @param layouts - The sorted array of RVLayout objects
+ * @param threshold - The threshold value to determine visibility
+ * @param isSortedByX - A boolean indicating if the array is sorted by x (true) or y (false)
+ * @returns The index of the last visible layout or -1 if none are visible
+ */
+export declare function findLastVisibleIndex(layouts: RVLayout[], threshold: number, isSortedByX: boolean): number;
+//# sourceMappingURL=findVisibleIndex.d.ts.map

package/dist/recyclerview/utils/findVisibleIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findVisibleIndex.d.ts","sourceRoot":"","sources":["../../../src/recyclerview/utils/findVisibleIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AA2D5D;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,QAAQ,EAAE,EACnB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,OAAO,GACnB,MAAM,CAER;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,QAAQ,EAAE,EACnB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,OAAO,GACnB,MAAM,CAER"}

package/dist/recyclerview/utils/findVisibleIndex.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findLastVisibleIndex = exports.findFirstVisibleIndex = void 0;
+/**
+ * A helper function to perform binary search for the first or last visible index.
+ * This function efficiently finds items that are visible within a viewport by using
+ * a binary search algorithm on sorted layouts.
+ *
+ * @param layouts - The sorted array of RVLayout objects, sorted by either x or y position
+ * @param threshold - The threshold value to determine visibility (viewport boundary)
+ * @param isSortedByX - A boolean indicating if the array is sorted by x (true) or y (false)
+ * @param findFirst - A boolean indicating whether to find the first (true) or last (false) visible index
+ * @returns The index of the visible layout or -1 if none are visible
+ *
+ * @remarks
+ * The binary search implementation ensures O(log n) time complexity for finding visible items.
+ * The function assumes the layouts array is pre-sorted by the relevant dimension (x or y).
+ */
+function binarySearchVisibleIndex(layouts, threshold, isSortedByX, findFirst) {
+    var left = 0;
+    var right = layouts.length - 1;
+    var visibleIndex = -1;
+    while (left <= right) {
+        var mid = Math.floor((left + right) / 2);
+        var layout = layouts[mid];
+        // Check visibility based on the sorting criteria
+        var position = isSortedByX ? layout.x : layout.y;
+        var size = isSortedByX ? layout.width : layout.height;
+        //TODO: Will this find item bigger than viewport
+        if (findFirst) {
+            // Logic for finding the first visible index
+            if (position >= threshold || position + size >= threshold) {
+                // Potential visible index found, continue searching left for earlier visible items
+                visibleIndex = mid;
+                right = mid - 1;
+            }
+            else {
+                // Search in the right half for visible items
+                left = mid + 1;
+            }
+        }
+        else if (position <= threshold) {
+            // Potential visible index found, continue searching right for later visible items
+            visibleIndex = mid;
+            left = mid + 1;
+        }
+        else {
+            // Search in the left half for visible items
+            right = mid - 1;
+        }
+    }
+    return visibleIndex;
+}
+/**
+ * Finds the first visible index in a sorted array of RVLayout objects.
+ * This is a wrapper around binarySearchVisibleIndex that specifically finds
+ * the first item that becomes visible in the viewport.
+ *
+ * @param layouts - The sorted array of RVLayout objects
+ * @param threshold - The threshold value to determine visibility
+ * @param isSortedByX - A boolean indicating if the array is sorted by x (true) or y (false)
+ * @returns The index of the first visible layout or -1 if none are visible
+ */
+function findFirstVisibleIndex(layouts, threshold, isSortedByX) {
+    return binarySearchVisibleIndex(layouts, threshold, isSortedByX, true);
+}
+exports.findFirstVisibleIndex = findFirstVisibleIndex;
+/**
+ * Finds the last visible index in a sorted array of RVLayout objects.
+ * This is a wrapper around binarySearchVisibleIndex that specifically finds
+ * the last item that remains visible in the viewport.
+ *
+ * @param layouts - The sorted array of RVLayout objects
+ * @param threshold - The threshold value to determine visibility
+ * @param isSortedByX - A boolean indicating if the array is sorted by x (true) or y (false)
+ * @returns The index of the last visible layout or -1 if none are visible
+ */
+function findLastVisibleIndex(layouts, threshold, isSortedByX) {
+    return binarySearchVisibleIndex(layouts, threshold, isSortedByX, false);
+}
+exports.findLastVisibleIndex = findLastVisibleIndex;
+//# sourceMappingURL=findVisibleIndex.js.map

package/dist/recyclerview/utils/findVisibleIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findVisibleIndex.js","sourceRoot":"","sources":["../../../src/recyclerview/utils/findVisibleIndex.ts"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;GAcG;AACH,SAAS,wBAAwB,CAC/B,OAAmB,EACnB,SAAiB,EACjB,WAAoB,EACpB,SAAkB;IAElB,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC/B,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC;IAEtB,OAAO,IAAI,IAAI,KAAK,EAAE;QACpB,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3C,IAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QAE5B,iDAAiD;QACjD,IAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACnD,IAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAExD,gDAAgD;QAChD,IAAI,SAAS,EAAE;YACb,4CAA4C;YAC5C,IAAI,QAAQ,IAAI,SAAS,IAAI,QAAQ,GAAG,IAAI,IAAI,SAAS,EAAE;gBACzD,mFAAmF;gBACnF,YAAY,GAAG,GAAG,CAAC;gBACnB,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;aACjB;iBAAM;gBACL,6CAA6C;gBAC7C,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;aAChB;SACF;aAAM,IAAI,QAAQ,IAAI,SAAS,EAAE;YAChC,kFAAkF;YAClF,YAAY,GAAG,GAAG,CAAC;YACnB,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;SAChB;aAAM;YACL,4CAA4C;YAC5C,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;SACjB;KACF;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,qBAAqB,CACnC,OAAmB,EACnB,SAAiB,EACjB,WAAoB;IAEpB,OAAO,wBAAwB,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;AACzE,CAAC;AAND,sDAMC;AAED;;;;;;;;;GASG;AACH,SAAgB,oBAAoB,CAClC,OAAmB,EACnB,SAAiB,EACjB,WAAoB;IAEpB,OAAO,wBAAwB,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAC1E,CAAC;AAND,oDAMC"}

package/dist/recyclerview/utils/measureLayout.d.ts

@@ -0,0 +1,56 @@
+import { View } from "react-native";
+interface Layout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Measures the layout of a view relative to itselft.
+ * Using measure wasn't returing accurate values but this workaround does.
+ * Returns the x, y coordinates and dimensions of the view.
+ *
+ * @param view - The React Native View component to measure
+ * @returns An object containing x, y, width, and height measurements
+ */
+export declare function measureLayout(view: View, oldLayout: Layout | undefined): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * Measures the layout of a view relative to another view.
+ * Useful for measuring positions relative to a specific reference view.
+ *
+ * @param view - The React Native View component to measure
+ * @param relativeTo - The reference view to measure against
+ * @returns An object containing x, y, width, and height measurements
+ */
+export declare function measureLayoutRelative(view: View, relativeTo: View, oldLayout: Layout | undefined): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * Checks if two dimension values are not equal, with a small tolerance.
+ * Used to handle floating-point precision issues in layout measurements.
+ *
+ * @param value1 - First dimension value to compare
+ * @param value2 - Second dimension value to compare
+ * @returns true if the values are significantly different, false otherwise
+ */
+export declare function areDimensionsNotEqual(value1: number, value2: number): boolean;
+/**
+ * Checks if two dimension values are equal, with a small tolerance.
+ * Used to handle floating-point precision issues in layout measurements.
+ *
+ * @param value1 - First dimension value to compare
+ * @param value2 - Second dimension value to compare
+ * @returns true if the values are approximately equal, false otherwise
+ */
+export declare function areDimensionsEqual(value1: number, value2: number): boolean;
+export declare function roundOffPixel(value: number): number;
+export {};
+//# sourceMappingURL=measureLayout.d.ts.map

package/dist/recyclerview/utils/measureLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureLayout.d.ts","sourceRoot":"","sources":["../../../src/recyclerview/utils/measureLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,UAAU,MAAM;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS;;;;;EAMtE;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,MAAM,GAAG,SAAS;;;;;EAmB9B;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAE7E;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAO1E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD"}

package/dist/recyclerview/utils/measureLayout.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.roundOffPixel = exports.areDimensionsEqual = exports.areDimensionsNotEqual = exports.measureLayoutRelative = exports.measureLayout = void 0;
+var react_native_1 = require("react-native");
+/**
+ * Measures the layout of a view relative to itselft.
+ * Using measure wasn't returing accurate values but this workaround does.
+ * Returns the x, y coordinates and dimensions of the view.
+ *
+ * @param view - The React Native View component to measure
+ * @returns An object containing x, y, width, and height measurements
+ */
+function measureLayout(view, oldLayout) {
+    // const layout = view.unstable_getBoundingClientRect();
+    // layout.width = roundOffPixel(layout.width);
+    // layout.height = roundOffPixel(layout.height);
+    // return layout;
+    return measureLayoutRelative(view, view, oldLayout);
+}
+exports.measureLayout = measureLayout;
+/**
+ * Measures the layout of a view relative to another view.
+ * Useful for measuring positions relative to a specific reference view.
+ *
+ * @param view - The React Native View component to measure
+ * @param relativeTo - The reference view to measure against
+ * @returns An object containing x, y, width, and height measurements
+ */
+function measureLayoutRelative(view, relativeTo, oldLayout) {
+    var layout = { x: 0, y: 0, width: 0, height: 0 };
+    view.measureLayout(relativeTo, function (x, y, width, height) {
+        layout.x = x;
+        layout.y = y;
+        layout.width = roundOffPixel(width);
+        layout.height = roundOffPixel(height);
+    });
+    if (oldLayout) {
+        if (areDimensionsEqual(layout.width, oldLayout.width)) {
+            layout.width = oldLayout.width;
+        }
+        if (areDimensionsEqual(layout.height, oldLayout.height)) {
+            layout.height = oldLayout.height;
+        }
+    }
+    return layout;
+}
+exports.measureLayoutRelative = measureLayoutRelative;
+/**
+ * Checks if two dimension values are not equal, with a small tolerance.
+ * Used to handle floating-point precision issues in layout measurements.
+ *
+ * @param value1 - First dimension value to compare
+ * @param value2 - Second dimension value to compare
+ * @returns true if the values are significantly different, false otherwise
+ */
+function areDimensionsNotEqual(value1, value2) {
+    return !areDimensionsEqual(value1, value2);
+}
+exports.areDimensionsNotEqual = areDimensionsNotEqual;
+/**
+ * Checks if two dimension values are equal, with a small tolerance.
+ * Used to handle floating-point precision issues in layout measurements.
+ *
+ * @param value1 - First dimension value to compare
+ * @param value2 - Second dimension value to compare
+ * @returns true if the values are approximately equal, false otherwise
+ */
+function areDimensionsEqual(value1, value2) {
+    return (Math.abs(react_native_1.PixelRatio.getPixelSizeForLayoutSize(value1) -
+        react_native_1.PixelRatio.getPixelSizeForLayoutSize(value2)) <= 1);
+}
+exports.areDimensionsEqual = areDimensionsEqual;
+function roundOffPixel(value) {
+    return react_native_1.PixelRatio.roundToNearestPixel(value);
+}
+exports.roundOffPixel = roundOffPixel;
+//# sourceMappingURL=measureLayout.js.map

package/dist/recyclerview/utils/measureLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"measureLayout.js","sourceRoot":"","sources":["../../../src/recyclerview/utils/measureLayout.ts"],"names":[],"mappings":";;;AAAA,6CAAgD;AAShD;;;;;;;GAOG;AACH,SAAgB,aAAa,CAAC,IAAU,EAAE,SAA6B;IACrE,wDAAwD;IACxD,8CAA8C;IAC9C,gDAAgD;IAChD,iBAAiB;IACjB,OAAO,qBAAqB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AACtD,CAAC;AAND,sCAMC;AAED;;;;;;;GAOG;AACH,SAAgB,qBAAqB,CACnC,IAAU,EACV,UAAgB,EAChB,SAA6B;IAE7B,IAAM,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACnD,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,UAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM;QACjD,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;QACb,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;QACb,MAAM,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,IAAI,SAAS,EAAE;QACb,IAAI,kBAAkB,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE;YACrD,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;SAChC;QACD,IAAI,kBAAkB,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE;YACvD,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;SAClC;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAtBD,sDAsBC;AAED;;;;;;;GAOG;AACH,SAAgB,qBAAqB,CAAC,MAAc,EAAE,MAAc;IAClE,OAAO,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC;AAFD,sDAEC;AAED;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,MAAc,EAAE,MAAc;IAC/D,OAAO,CACL,IAAI,CAAC,GAAG,CACN,yBAAU,CAAC,yBAAyB,CAAC,MAAM,CAAC;QAC1C,yBAAU,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAC/C,IAAI,CAAC,CACP,CAAC;AACJ,CAAC;AAPD,gDAOC;AAED,SAAgB,aAAa,CAAC,KAAa;IACzC,OAAO,yBAAU,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC;AAFD,sCAEC"}