@react-stately/layout 3.5.1-nightly.3335 → 3.5.1-nightly.3346

package/dist/main.js

@@ -654,343 +654,8 @@ class $67c493497dcda343$export$62444c3c724b1b20 extends $fe69e47e38ed0ac4$export
 }
 
 
-var $8cf5b1c755e3d109$exports = {};
-
-$parcel$export($8cf5b1c755e3d109$exports, "TableLayout_DEPRECATED", () => $8cf5b1c755e3d109$export$7e9c3f5c8fff54f);
-
-
-class $8cf5b1c755e3d109$export$7e9c3f5c8fff54f extends $fe69e47e38ed0ac4$export$cacbb3924155d68e {
-    buildCollection() {
-        // If columns changed, clear layout cache.
-        if (!this.lastCollection || this.collection.columns.length !== this.lastCollection.columns.length || this.collection.columns.some((c, i)=>c.key !== this.lastCollection.columns[i].key
-        )) // Invalidate everything in this layout pass. Will be reset in ListLayout on the next pass.
-        this.invalidateEverything = true;
-        // Track whether we were previously loading. This is used to adjust the animations of async loading vs inserts.
-        let loadingState = this.collection.body.props.loadingState;
-        this.wasLoading = this.isLoading;
-        this.isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
-        this.buildColumnWidths();
-        let header = this.buildHeader();
-        let body = this.buildBody(0);
-        body.layoutInfo.rect.width = Math.max(header.layoutInfo.rect.width, body.layoutInfo.rect.width);
-        this.contentSize = new $cMJQZ$reactstatelyvirtualizer.Size(body.layoutInfo.rect.width, body.layoutInfo.rect.maxY);
-        return [
-            header,
-            body
-        ];
-    }
-    buildColumnWidths() {
-        this.columnWidths = new Map();
-        this.stickyColumnIndices = [];
-        // Pass 1: set widths for all explicitly defined columns.
-        let remainingColumns = new Set();
-        let remainingSpace = this.virtualizer.visibleRect.width;
-        for (let column of this.collection.columns){
-            let props = column.props;
-            var _width;
-            let width = (_width = props.width) !== null && _width !== void 0 ? _width : this.getDefaultWidth(props);
-            if (width != null) {
-                let w = this.parseWidth(width);
-                this.columnWidths.set(column.key, w);
-                remainingSpace -= w;
-            } else remainingColumns.add(column);
-            // The selection cell and any other sticky columns always need to be visible.
-            // In addition, row headers need to be in the DOM for accessibility labeling.
-            if (column.props.isSelectionCell || this.collection.rowHeaderColumnKeys.has(column.key)) this.stickyColumnIndices.push(column.index);
-        }
-        // Pass 2: if there are remaining columns, then distribute the remaining space evenly.
-        if (remainingColumns.size > 0) {
-            let columnWidth = remainingSpace / (this.collection.columns.length - this.columnWidths.size);
-            for (let column of remainingColumns){
-                let props = column.props;
-                let minWidth = props.minWidth != null ? this.parseWidth(props.minWidth) : 75;
-                let maxWidth = props.maxWidth != null ? this.parseWidth(props.maxWidth) : Infinity;
-                let width = Math.floor(Math.max(minWidth, Math.min(maxWidth, columnWidth)));
-                this.columnWidths.set(column.key, width);
-                remainingSpace -= width;
-                if (width !== columnWidth) columnWidth = remainingSpace / (this.collection.columns.length - this.columnWidths.size);
-            }
-        }
-    }
-    parseWidth(width) {
-        if (typeof width === 'string') {
-            let match = width.match(/^(\d+)%$/);
-            if (!match) throw new Error('Only percentages are supported as column widths');
-            return this.virtualizer.visibleRect.width * (parseInt(match[1], 10) / 100);
-        }
-        return width;
-    }
-    buildHeader() {
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, 0, 0, 0);
-        let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('header', 'header', rect);
-        let y = 0;
-        let width = 0;
-        let children = [];
-        for (let headerRow of this.collection.headerRows){
-            let layoutNode = this.buildChild(headerRow, 0, y);
-            layoutNode.layoutInfo.parentKey = 'header';
-            y = layoutNode.layoutInfo.rect.maxY;
-            width = Math.max(width, layoutNode.layoutInfo.rect.width);
-            children.push(layoutNode);
-        }
-        rect.width = width;
-        rect.height = y;
-        this.layoutInfos.set('header', layoutInfo);
-        return {
-            layoutInfo: layoutInfo,
-            children: children
-        };
-    }
-    buildHeaderRow(headerRow, x, y) {
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, 0, 0);
-        let row = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('headerrow', headerRow.key, rect);
-        let height = 0;
-        let columns = [];
-        for (let cell of headerRow.childNodes){
-            let layoutNode = this.buildChild(cell, x, y);
-            layoutNode.layoutInfo.parentKey = row.key;
-            x = layoutNode.layoutInfo.rect.maxX;
-            height = Math.max(height, layoutNode.layoutInfo.rect.height);
-            columns.push(layoutNode);
-        }
-        this.setChildHeights(columns, height);
-        rect.height = height;
-        rect.width = x;
-        return {
-            layoutInfo: row,
-            children: columns
-        };
-    }
-    setChildHeights(children, height) {
-        for (let child of children)if (child.layoutInfo.rect.height !== height) {
-            // Need to copy the layout info before we mutate it.
-            child.layoutInfo = child.layoutInfo.copy();
-            this.layoutInfos.set(child.layoutInfo.key, child.layoutInfo);
-            child.layoutInfo.rect.height = height;
-        }
-    }
-    getColumnWidth(node) {
-        var _colspan;
-        let colspan = (_colspan = node.colspan) !== null && _colspan !== void 0 ? _colspan : 1;
-        let width = 0;
-        for(let i = 0; i < colspan; i++){
-            let column = this.collection.columns[node.index + i];
-            width += this.columnWidths.get(column.key);
-        }
-        return width;
-    }
-    getEstimatedHeight(node, width, height, estimatedHeight) {
-        let isEstimated = false;
-        // If no explicit height is available, use an estimated height.
-        if (height == null) {
-            // If a previous version of this layout info exists, reuse its height.
-            // Mark as estimated if the size of the overall collection view changed,
-            // or the content of the item changed.
-            let previousLayoutNode = this.layoutNodes.get(node.key);
-            if (previousLayoutNode) {
-                let curNode = this.collection.getItem(node.key);
-                let lastNode = this.lastCollection ? this.lastCollection.getItem(node.key) : null;
-                height = previousLayoutNode.layoutInfo.rect.height;
-                isEstimated = curNode !== lastNode || width !== previousLayoutNode.layoutInfo.rect.width || previousLayoutNode.layoutInfo.estimatedSize;
-            } else {
-                height = estimatedHeight;
-                isEstimated = true;
-            }
-        }
-        return {
-            height: height,
-            isEstimated: isEstimated
-        };
-    }
-    buildColumn(node, x, y) {
-        var ref;
-        let width = this.getColumnWidth(node);
-        let { height: height , isEstimated: isEstimated  } = this.getEstimatedHeight(node, width, this.headingHeight, this.estimatedHeadingHeight);
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, width, height);
-        let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
-        layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
-        layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
-        layoutInfo.estimatedSize = isEstimated;
-        return {
-            layoutInfo: layoutInfo
-        };
-    }
-    buildBody(y) {
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, 0, 0);
-        let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('rowgroup', 'body', rect);
-        let startY = y;
-        let width = 0;
-        let children = [];
-        for (let node of this.collection.body.childNodes){
-            let layoutNode = this.buildChild(node, 0, y);
-            layoutNode.layoutInfo.parentKey = 'body';
-            y = layoutNode.layoutInfo.rect.maxY;
-            width = Math.max(width, layoutNode.layoutInfo.rect.width);
-            children.push(layoutNode);
-        }
-        if (this.isLoading) {
-            let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, width || this.virtualizer.visibleRect.width, children.length === 0 ? this.virtualizer.visibleRect.height : 60);
-            let loader = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('loader', 'loader', rect);
-            loader.parentKey = 'body';
-            loader.isSticky = children.length === 0;
-            this.layoutInfos.set('loader', loader);
-            children.push({
-                layoutInfo: loader
-            });
-            y = loader.rect.maxY;
-            width = Math.max(width, rect.width);
-        } else if (children.length === 0) {
-            let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(0, y, this.virtualizer.visibleRect.width, this.virtualizer.visibleRect.height);
-            let empty = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('empty', 'empty', rect);
-            empty.parentKey = 'body';
-            empty.isSticky = true;
-            this.layoutInfos.set('empty', empty);
-            children.push({
-                layoutInfo: empty
-            });
-            y = empty.rect.maxY;
-            width = Math.max(width, rect.width);
-        }
-        rect.width = width;
-        rect.height = y - startY;
-        this.layoutInfos.set('body', layoutInfo);
-        return {
-            layoutInfo: layoutInfo,
-            children: children
-        };
-    }
-    buildNode(node, x, y) {
-        switch(node.type){
-            case 'headerrow':
-                return this.buildHeaderRow(node, x, y);
-            case 'item':
-                return this.buildRow(node, x, y);
-            case 'column':
-            case 'placeholder':
-                return this.buildColumn(node, x, y);
-            case 'cell':
-                return this.buildCell(node, x, y);
-            default:
-                throw new Error('Unknown node type ' + node.type);
-        }
-    }
-    buildRow(node, x, y) {
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, 0, 0);
-        let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo('row', node.key, rect);
-        let children = [];
-        let height = 0;
-        for (let child of node.childNodes){
-            let layoutNode = this.buildChild(child, x, y);
-            x = layoutNode.layoutInfo.rect.maxX;
-            height = Math.max(height, layoutNode.layoutInfo.rect.height);
-            children.push(layoutNode);
-        }
-        this.setChildHeights(children, height);
-        rect.width = x;
-        rect.height = height + 1; // +1 for bottom border
-        return {
-            layoutInfo: layoutInfo,
-            children: children
-        };
-    }
-    buildCell(node, x, y) {
-        var ref;
-        let width = this.getColumnWidth(node);
-        let { height: height , isEstimated: isEstimated  } = this.getEstimatedHeight(node, width, this.rowHeight, this.estimatedRowHeight);
-        let rect = new $cMJQZ$reactstatelyvirtualizer.Rect(x, y, width, height);
-        let layoutInfo = new $cMJQZ$reactstatelyvirtualizer.LayoutInfo(node.type, node.key, rect);
-        layoutInfo.isSticky = (ref = node.props) === null || ref === void 0 ? void 0 : ref.isSelectionCell;
-        layoutInfo.zIndex = layoutInfo.isSticky ? 2 : 1;
-        layoutInfo.estimatedSize = isEstimated;
-        return {
-            layoutInfo: layoutInfo
-        };
-    }
-    getVisibleLayoutInfos(rect) {
-        let res = [];
-        for (let node of this.rootNodes){
-            res.push(node.layoutInfo);
-            this.addVisibleLayoutInfos(res, node, rect);
-        }
-        return res;
-    }
-    addVisibleLayoutInfos(res, node, rect) {
-        if (!node.children || node.children.length === 0) return;
-        switch(node.layoutInfo.type){
-            case 'header':
-                for (let child of node.children){
-                    res.push(child.layoutInfo);
-                    this.addVisibleLayoutInfos(res, child, rect);
-                }
-                break;
-            case 'rowgroup':
-                {
-                    let firstVisibleRow = this.binarySearch(node.children, rect.topLeft, 'y');
-                    let lastVisibleRow = this.binarySearch(node.children, rect.bottomRight, 'y');
-                    for(let i = firstVisibleRow; i <= lastVisibleRow; i++){
-                        res.push(node.children[i].layoutInfo);
-                        this.addVisibleLayoutInfos(res, node.children[i], rect);
-                    }
-                    break;
-                }
-            case 'headerrow':
-            case 'row':
-                {
-                    let firstVisibleCell = this.binarySearch(node.children, rect.topLeft, 'x');
-                    let lastVisibleCell = this.binarySearch(node.children, rect.topRight, 'x');
-                    let stickyIndex = 0;
-                    for(let i = firstVisibleCell; i <= lastVisibleCell; i++){
-                        // Sticky columns and row headers are always in the DOM. Interleave these
-                        // with the visible range so that they are in the right order.
-                        if (stickyIndex < this.stickyColumnIndices.length) {
-                            let idx = this.stickyColumnIndices[stickyIndex];
-                            while(idx < i){
-                                res.push(node.children[idx].layoutInfo);
-                                idx = this.stickyColumnIndices[stickyIndex++];
-                            }
-                        }
-                        res.push(node.children[i].layoutInfo);
-                    }
-                    while(stickyIndex < this.stickyColumnIndices.length){
-                        let idx = this.stickyColumnIndices[stickyIndex++];
-                        res.push(node.children[idx].layoutInfo);
-                    }
-                    break;
-                }
-            default:
-                throw new Error('Unknown node type ' + node.layoutInfo.type);
-        }
-    }
-    binarySearch(items, point, axis) {
-        let low = 0;
-        let high = items.length - 1;
-        while(low <= high){
-            let mid = low + high >> 1;
-            let item = items[mid];
-            if (axis === 'x' && item.layoutInfo.rect.maxX < point.x || axis === 'y' && item.layoutInfo.rect.maxY < point.y) low = mid + 1;
-            else if (axis === 'x' && item.layoutInfo.rect.x > point.x || axis === 'y' && item.layoutInfo.rect.y > point.y) high = mid - 1;
-            else return mid;
-        }
-        return Math.max(0, Math.min(items.length - 1, low));
-    }
-    getInitialLayoutInfo(layoutInfo) {
-        let res = super.getInitialLayoutInfo(layoutInfo);
-        // If this insert was the result of async loading, remove the zoom effect and just keep the fade in.
-        if (this.wasLoading) res.transform = null;
-        return res;
-    }
-    constructor(options){
-        super(options);
-        this.wasLoading = false;
-        this.isLoading = false;
-        this.getDefaultWidth = options.getDefaultWidth;
-    }
-}
-
-
 $parcel$exportWildcard(module.exports, $fe69e47e38ed0ac4$exports);
 $parcel$exportWildcard(module.exports, $67c493497dcda343$exports);
-$parcel$exportWildcard(module.exports, $8cf5b1c755e3d109$exports);
 
 
 //# sourceMappingURL=main.js.map