@react-stately/layout 3.13.10-nightly.4674 → 3.13.10-nightly.4683

package/dist/ListLayout.mjs

@@ -44,9 +44,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     }
     layoutIfNeeded(rect) {
         if (!this.lastCollection) return;
-        if (!this.validRect.containsRect(rect)) {
-            this.lastValidRect = this.validRect;
-            this.validRect = this.validRect.union(rect);
+        if (!this.requestedRect.containsRect(rect)) {
+            this.requestedRect = this.requestedRect.union(rect);
             this.rootNodes = this.buildCollection();
         } else // Ensure all of the persisted keys are available.
         for (let key of this.virtualizer.persistedKeys){
@@ -57,11 +56,10 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // If the layout info wasn't found, it might be outside the bounds of the area that we've
         // computed layout for so far. This can happen when accessing a random key, e.g pressing Home/End.
         // Compute the full layout and try again.
-        if (!this.layoutInfos.has(key) && this.validRect.area < this.contentSize.area && this.lastCollection) {
-            this.lastValidRect = this.validRect;
-            this.validRect = new (0, $img26$Rect)(0, 0, Infinity, Infinity);
+        if (!this.layoutInfos.has(key) && this.requestedRect.area < this.contentSize.area && this.lastCollection) {
+            this.requestedRect = new (0, $img26$Rect)(0, 0, Infinity, Infinity);
             this.rootNodes = this.buildCollection();
-            this.validRect = new (0, $img26$Rect)(0, 0, this.contentSize.width, this.contentSize.height);
+            this.requestedRect = new (0, $img26$Rect)(0, 0, this.contentSize.width, this.contentSize.height);
             return true;
         }
         return false;
@@ -81,10 +79,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // Reset valid rect if we will have to invalidate everything.
         // Otherwise we can reuse cached layout infos outside the current visible rect.
         this.invalidateEverything = this.shouldInvalidateEverything(invalidationContext);
-        if (this.invalidateEverything) {
-            this.lastValidRect = this.validRect;
-            this.validRect = this.virtualizer.visibleRect.copy();
-        }
+        if (this.invalidateEverything) this.requestedRect = this.virtualizer.visibleRect.copy();
         this.rootNodes = this.buildCollection();
         // Remove deleted layout nodes
         if (this.lastCollection && this.collection !== this.lastCollection) {
@@ -101,6 +96,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         this.lastWidth = this.virtualizer.visibleRect.width;
         this.lastCollection = this.collection;
         this.invalidateEverything = false;
+        this.validRect = this.requestedRect.copy();
     }
     buildCollection() {
         let y = this.padding;
@@ -110,15 +106,15 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             var _this_rowHeight;
             let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
             // Skip rows before the valid rectangle unless they are already cached.
-            if (node.type === 'item' && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
+            if (node.type === 'item' && y + rowHeight < this.requestedRect.y && !this.isValid(node, y)) {
                 y += rowHeight;
                 skipped++;
                 continue;
             }
-            let layoutNode = this.buildChild(node, 0, y);
+            let layoutNode = this.buildChild(node, 0, y, null);
             y = layoutNode.layoutInfo.rect.maxY;
             nodes.push(layoutNode);
-            if (node.type === 'item' && y > this.validRect.maxY) {
+            if (node.type === 'item' && y > this.requestedRect.maxY) {
                 y += (this.collection.size - (nodes.length + skipped)) * rowHeight;
                 break;
             }
@@ -133,7 +129,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             });
             y = loader.rect.maxY;
         }
-        if (nodes.length === 0) {
+        if (nodes.length === 0 && this.enableEmptyState) {
             var _this_placeholderHeight;
             let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_placeholderHeight = this.placeholderHeight) !== null && _this_placeholderHeight !== void 0 ? _this_placeholderHeight : this.virtualizer.visibleRect.height);
             let placeholder = new (0, $img26$LayoutInfo)('placeholder', 'placeholder', rect);
@@ -148,14 +144,13 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     }
     isValid(node, y) {
         let cached = this.layoutNodes.get(node.key);
-        return !this.invalidateEverything && cached && cached.node === node && y === (cached.header || cached.layoutInfo).rect.y && cached.layoutInfo.rect.intersects(this.lastValidRect) && cached.validRect.containsRect(cached.layoutInfo.rect.intersection(this.validRect));
+        return !this.invalidateEverything && cached && cached.node === node && y === (cached.header || cached.layoutInfo).rect.y && cached.layoutInfo.rect.intersects(this.validRect) && cached.validRect.containsRect(cached.layoutInfo.rect.intersection(this.requestedRect));
     }
-    buildChild(node, x, y) {
+    buildChild(node, x, y, parentKey) {
         if (this.isValid(node, y)) return this.layoutNodes.get(node.key);
         let layoutNode = this.buildNode(node, x, y);
         layoutNode.node = node;
-        var _node_parentKey;
-        layoutNode.layoutInfo.parentKey = (_node_parentKey = node.parentKey) !== null && _node_parentKey !== void 0 ? _node_parentKey : null;
+        layoutNode.layoutInfo.parentKey = parentKey !== null && parentKey !== void 0 ? parentKey : null;
         this.layoutInfos.set(layoutNode.layoutInfo.key, layoutNode.layoutInfo);
         if (layoutNode.header) this.layoutInfos.set(layoutNode.header.key, layoutNode.header);
         this.layoutNodes.set(node.key, layoutNode);
@@ -168,14 +163,14 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             case 'item':
                 return this.buildItem(node, x, y);
             case 'header':
-                return this.buildHeader(node, x, y);
+                return this.buildSectionHeader(node, x, y);
         }
     }
     buildSection(node, x, y) {
         let width = this.virtualizer.visibleRect.width;
         let header = null;
         if (node.rendered || this.forceSectionHeaders) {
-            let headerNode = this.buildHeader(node, x, y);
+            let headerNode = this.buildSectionHeader(node, x, y);
             header = headerNode.layoutInfo;
             header.key += ':header';
             header.parentKey = node.key;
@@ -190,15 +185,15 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             var _this_rowHeight;
             let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
             // Skip rows before the valid rectangle unless they are already cached.
-            if (y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
+            if (y + rowHeight < this.requestedRect.y && !this.isValid(node, y)) {
                 y += rowHeight;
                 skipped++;
                 continue;
             }
-            let layoutNode = this.buildChild(child, x, y);
+            let layoutNode = this.buildChild(child, x, y, layoutInfo.key);
             y = layoutNode.layoutInfo.rect.maxY;
             children.push(layoutNode);
-            if (y > this.validRect.maxY) {
+            if (y > this.requestedRect.maxY) {
                 // Estimate the remaining height for rows that we don't need to layout right now.
                 y += ([
                     ...(0, $img26$getChildNodes)(node, this.collection)
@@ -211,17 +206,17 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             header: header,
             layoutInfo: layoutInfo,
             children: children,
-            validRect: layoutInfo.rect.intersection(this.validRect)
+            validRect: layoutInfo.rect.intersection(this.requestedRect)
         };
     }
-    buildHeader(node, x, y) {
+    buildSectionHeader(node, x, y) {
         let width = this.virtualizer.visibleRect.width;
         let rectHeight = this.headingHeight;
         let isEstimated = false;
         // If no explicit height is available, use an estimated height.
         if (rectHeight == 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,
+            // Mark as estimated if the size of the overall virtualizer changed,
             // or the content of the item changed.
             let previousLayoutNode = this.layoutNodes.get(node.key);
             let previousLayoutInfo = (previousLayoutNode === null || previousLayoutNode === void 0 ? void 0 : previousLayoutNode.header) || (previousLayoutNode === null || previousLayoutNode === void 0 ? void 0 : previousLayoutNode.layoutInfo);
@@ -242,7 +237,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         return {
             layoutInfo: header,
             children: [],
-            validRect: header.rect.intersection(this.validRect)
+            validRect: header.rect.intersection(this.requestedRect)
         };
     }
     buildItem(node, x, y) {
@@ -252,7 +247,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // If no explicit height is available, use an estimated height.
         if (rectHeight == 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,
+            // Mark as estimated if the size of the overall virtualizer changed,
             // or the content of the item changed.
             let previousLayoutNode = this.layoutNodes.get(node.key);
             if (previousLayoutNode) {
@@ -285,6 +280,11 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             let newLayoutInfo = layoutInfo.copy();
             newLayoutInfo.rect.height = size.height;
             this.layoutInfos.set(key, newLayoutInfo);
+            // Items after this layoutInfo will need to be repositioned to account for the new height.
+            // Adjust the validRect so that only items above remain valid.
+            this.validRect.height = Math.min(this.validRect.height, layoutInfo.rect.y - this.validRect.y);
+            // The requestedRect also needs to be adjusted to account for the height difference.
+            this.requestedRect.height += newLayoutInfo.rect.height - layoutInfo.rect.height;
             // Invalidate layout for this layout node and all parents
             this.updateLayoutNode(key, layoutInfo, newLayoutInfo);
             let node = this.collection.getItem(layoutInfo.parentKey);
@@ -299,8 +299,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     updateLayoutNode(key, oldLayoutInfo, newLayoutInfo) {
         let n = this.layoutNodes.get(key);
         if (n) {
-            // Invalidate by reseting validRect.
-            n.validRect = new (0, $img26$Rect)();
+            // Invalidate by intersecting the validRect of this node with the overall validRect.
+            n.validRect = n.validRect.intersection(this.validRect);
             // Replace layout info in LayoutNode
             if (n.header === oldLayoutInfo) n.header = newLayoutInfo;
             else if (n.layoutInfo === oldLayoutInfo) n.layoutInfo = newLayoutInfo;
@@ -309,78 +309,6 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     getContentSize() {
         return this.contentSize;
     }
-    getKeyAbove(key) {
-        let collection = this.collection;
-        key = collection.getKeyBefore(key);
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyBefore(key);
-        }
-    }
-    getKeyBelow(key) {
-        let collection = this.collection;
-        key = collection.getKeyAfter(key);
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyAfter(key);
-        }
-    }
-    getKeyPageAbove(key) {
-        let layoutInfo = this.getLayoutInfo(key);
-        if (layoutInfo) {
-            let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);
-            while(layoutInfo && layoutInfo.rect.y > pageY){
-                let keyAbove = this.getKeyAbove(layoutInfo.key);
-                layoutInfo = this.getLayoutInfo(keyAbove);
-            }
-            if (layoutInfo) return layoutInfo.key;
-        }
-        return this.getFirstKey();
-    }
-    getKeyPageBelow(key) {
-        let layoutInfo = this.getLayoutInfo(key != null ? key : this.getFirstKey());
-        if (layoutInfo) {
-            let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);
-            while(layoutInfo && layoutInfo.rect.y < pageY){
-                let keyBelow = this.getKeyBelow(layoutInfo.key);
-                layoutInfo = this.getLayoutInfo(keyBelow);
-            }
-            if (layoutInfo) return layoutInfo.key;
-        }
-        return this.getLastKey();
-    }
-    getFirstKey() {
-        let collection = this.collection;
-        let key = collection.getFirstKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyAfter(key);
-        }
-    }
-    getLastKey() {
-        let collection = this.collection;
-        let key = collection.getLastKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyBefore(key);
-        }
-    }
-    getKeyForSearch(search, fromKey) {
-        if (!this.collator) return null;
-        let collection = this.collection;
-        let key = fromKey || this.getFirstKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            let substring = item.textValue.slice(0, search.length);
-            if (item.textValue && this.collator.compare(substring, search) === 0) return key;
-            key = this.getKeyBelow(key);
-        }
-        return null;
-    }
     getDropTargetFromPoint(x, y, isValidDropTarget) {
         x += this.virtualizer.visibleRect.x;
         y += this.virtualizer.visibleRect.y;
@@ -422,8 +350,6 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
    * of the options that can be provided.
    */ constructor(options = {}){
         super();
-        this.disabledKeys = new Set();
-        this.allowDisabledKeyFocus = false;
         this.rowHeight = options.rowHeight;
         this.estimatedRowHeight = options.estimatedRowHeight;
         this.headingHeight = options.headingHeight;
@@ -431,17 +357,16 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         this.forceSectionHeaders = options.forceSectionHeaders;
         this.padding = options.padding || 0;
         this.indentationForItem = options.indentationForItem;
-        this.collator = options.collator;
         this.loaderHeight = options.loaderHeight;
         this.placeholderHeight = options.placeholderHeight;
+        this.enableEmptyState = options.enableEmptyState || false;
         this.layoutInfos = new Map();
         this.layoutNodes = new Map();
         this.rootNodes = [];
         this.lastWidth = 0;
         this.lastCollection = null;
-        this.allowDisabledKeyFocus = options.allowDisabledKeyFocus;
-        this.lastValidRect = new (0, $img26$Rect)();
         this.validRect = new (0, $img26$Rect)();
+        this.requestedRect = new (0, $img26$Rect)();
         this.contentSize = new (0, $img26$Size)();
     }
 }

package/dist/ListLayout.module.js

@@ -44,9 +44,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     }
     layoutIfNeeded(rect) {
         if (!this.lastCollection) return;
-        if (!this.validRect.containsRect(rect)) {
-            this.lastValidRect = this.validRect;
-            this.validRect = this.validRect.union(rect);
+        if (!this.requestedRect.containsRect(rect)) {
+            this.requestedRect = this.requestedRect.union(rect);
             this.rootNodes = this.buildCollection();
         } else // Ensure all of the persisted keys are available.
         for (let key of this.virtualizer.persistedKeys){
@@ -57,11 +56,10 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // If the layout info wasn't found, it might be outside the bounds of the area that we've
         // computed layout for so far. This can happen when accessing a random key, e.g pressing Home/End.
         // Compute the full layout and try again.
-        if (!this.layoutInfos.has(key) && this.validRect.area < this.contentSize.area && this.lastCollection) {
-            this.lastValidRect = this.validRect;
-            this.validRect = new (0, $img26$Rect)(0, 0, Infinity, Infinity);
+        if (!this.layoutInfos.has(key) && this.requestedRect.area < this.contentSize.area && this.lastCollection) {
+            this.requestedRect = new (0, $img26$Rect)(0, 0, Infinity, Infinity);
             this.rootNodes = this.buildCollection();
-            this.validRect = new (0, $img26$Rect)(0, 0, this.contentSize.width, this.contentSize.height);
+            this.requestedRect = new (0, $img26$Rect)(0, 0, this.contentSize.width, this.contentSize.height);
             return true;
         }
         return false;
@@ -81,10 +79,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // Reset valid rect if we will have to invalidate everything.
         // Otherwise we can reuse cached layout infos outside the current visible rect.
         this.invalidateEverything = this.shouldInvalidateEverything(invalidationContext);
-        if (this.invalidateEverything) {
-            this.lastValidRect = this.validRect;
-            this.validRect = this.virtualizer.visibleRect.copy();
-        }
+        if (this.invalidateEverything) this.requestedRect = this.virtualizer.visibleRect.copy();
         this.rootNodes = this.buildCollection();
         // Remove deleted layout nodes
         if (this.lastCollection && this.collection !== this.lastCollection) {
@@ -101,6 +96,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         this.lastWidth = this.virtualizer.visibleRect.width;
         this.lastCollection = this.collection;
         this.invalidateEverything = false;
+        this.validRect = this.requestedRect.copy();
     }
     buildCollection() {
         let y = this.padding;
@@ -110,15 +106,15 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             var _this_rowHeight;
             let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
             // Skip rows before the valid rectangle unless they are already cached.
-            if (node.type === 'item' && y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
+            if (node.type === 'item' && y + rowHeight < this.requestedRect.y && !this.isValid(node, y)) {
                 y += rowHeight;
                 skipped++;
                 continue;
             }
-            let layoutNode = this.buildChild(node, 0, y);
+            let layoutNode = this.buildChild(node, 0, y, null);
             y = layoutNode.layoutInfo.rect.maxY;
             nodes.push(layoutNode);
-            if (node.type === 'item' && y > this.validRect.maxY) {
+            if (node.type === 'item' && y > this.requestedRect.maxY) {
                 y += (this.collection.size - (nodes.length + skipped)) * rowHeight;
                 break;
             }
@@ -133,7 +129,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             });
             y = loader.rect.maxY;
         }
-        if (nodes.length === 0) {
+        if (nodes.length === 0 && this.enableEmptyState) {
             var _this_placeholderHeight;
             let rect = new (0, $img26$Rect)(0, y, this.virtualizer.visibleRect.width, (_this_placeholderHeight = this.placeholderHeight) !== null && _this_placeholderHeight !== void 0 ? _this_placeholderHeight : this.virtualizer.visibleRect.height);
             let placeholder = new (0, $img26$LayoutInfo)('placeholder', 'placeholder', rect);
@@ -148,14 +144,13 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     }
     isValid(node, y) {
         let cached = this.layoutNodes.get(node.key);
-        return !this.invalidateEverything && cached && cached.node === node && y === (cached.header || cached.layoutInfo).rect.y && cached.layoutInfo.rect.intersects(this.lastValidRect) && cached.validRect.containsRect(cached.layoutInfo.rect.intersection(this.validRect));
+        return !this.invalidateEverything && cached && cached.node === node && y === (cached.header || cached.layoutInfo).rect.y && cached.layoutInfo.rect.intersects(this.validRect) && cached.validRect.containsRect(cached.layoutInfo.rect.intersection(this.requestedRect));
     }
-    buildChild(node, x, y) {
+    buildChild(node, x, y, parentKey) {
         if (this.isValid(node, y)) return this.layoutNodes.get(node.key);
         let layoutNode = this.buildNode(node, x, y);
         layoutNode.node = node;
-        var _node_parentKey;
-        layoutNode.layoutInfo.parentKey = (_node_parentKey = node.parentKey) !== null && _node_parentKey !== void 0 ? _node_parentKey : null;
+        layoutNode.layoutInfo.parentKey = parentKey !== null && parentKey !== void 0 ? parentKey : null;
         this.layoutInfos.set(layoutNode.layoutInfo.key, layoutNode.layoutInfo);
         if (layoutNode.header) this.layoutInfos.set(layoutNode.header.key, layoutNode.header);
         this.layoutNodes.set(node.key, layoutNode);
@@ -168,14 +163,14 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             case 'item':
                 return this.buildItem(node, x, y);
             case 'header':
-                return this.buildHeader(node, x, y);
+                return this.buildSectionHeader(node, x, y);
         }
     }
     buildSection(node, x, y) {
         let width = this.virtualizer.visibleRect.width;
         let header = null;
         if (node.rendered || this.forceSectionHeaders) {
-            let headerNode = this.buildHeader(node, x, y);
+            let headerNode = this.buildSectionHeader(node, x, y);
             header = headerNode.layoutInfo;
             header.key += ':header';
             header.parentKey = node.key;
@@ -190,15 +185,15 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             var _this_rowHeight;
             let rowHeight = (_this_rowHeight = this.rowHeight) !== null && _this_rowHeight !== void 0 ? _this_rowHeight : this.estimatedRowHeight;
             // Skip rows before the valid rectangle unless they are already cached.
-            if (y + rowHeight < this.validRect.y && !this.isValid(node, y)) {
+            if (y + rowHeight < this.requestedRect.y && !this.isValid(node, y)) {
                 y += rowHeight;
                 skipped++;
                 continue;
             }
-            let layoutNode = this.buildChild(child, x, y);
+            let layoutNode = this.buildChild(child, x, y, layoutInfo.key);
             y = layoutNode.layoutInfo.rect.maxY;
             children.push(layoutNode);
-            if (y > this.validRect.maxY) {
+            if (y > this.requestedRect.maxY) {
                 // Estimate the remaining height for rows that we don't need to layout right now.
                 y += ([
                     ...(0, $img26$getChildNodes)(node, this.collection)
@@ -211,17 +206,17 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             header: header,
             layoutInfo: layoutInfo,
             children: children,
-            validRect: layoutInfo.rect.intersection(this.validRect)
+            validRect: layoutInfo.rect.intersection(this.requestedRect)
         };
     }
-    buildHeader(node, x, y) {
+    buildSectionHeader(node, x, y) {
         let width = this.virtualizer.visibleRect.width;
         let rectHeight = this.headingHeight;
         let isEstimated = false;
         // If no explicit height is available, use an estimated height.
         if (rectHeight == 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,
+            // Mark as estimated if the size of the overall virtualizer changed,
             // or the content of the item changed.
             let previousLayoutNode = this.layoutNodes.get(node.key);
             let previousLayoutInfo = (previousLayoutNode === null || previousLayoutNode === void 0 ? void 0 : previousLayoutNode.header) || (previousLayoutNode === null || previousLayoutNode === void 0 ? void 0 : previousLayoutNode.layoutInfo);
@@ -242,7 +237,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         return {
             layoutInfo: header,
             children: [],
-            validRect: header.rect.intersection(this.validRect)
+            validRect: header.rect.intersection(this.requestedRect)
         };
     }
     buildItem(node, x, y) {
@@ -252,7 +247,7 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         // If no explicit height is available, use an estimated height.
         if (rectHeight == 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,
+            // Mark as estimated if the size of the overall virtualizer changed,
             // or the content of the item changed.
             let previousLayoutNode = this.layoutNodes.get(node.key);
             if (previousLayoutNode) {
@@ -285,6 +280,11 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
             let newLayoutInfo = layoutInfo.copy();
             newLayoutInfo.rect.height = size.height;
             this.layoutInfos.set(key, newLayoutInfo);
+            // Items after this layoutInfo will need to be repositioned to account for the new height.
+            // Adjust the validRect so that only items above remain valid.
+            this.validRect.height = Math.min(this.validRect.height, layoutInfo.rect.y - this.validRect.y);
+            // The requestedRect also needs to be adjusted to account for the height difference.
+            this.requestedRect.height += newLayoutInfo.rect.height - layoutInfo.rect.height;
             // Invalidate layout for this layout node and all parents
             this.updateLayoutNode(key, layoutInfo, newLayoutInfo);
             let node = this.collection.getItem(layoutInfo.parentKey);
@@ -299,8 +299,8 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     updateLayoutNode(key, oldLayoutInfo, newLayoutInfo) {
         let n = this.layoutNodes.get(key);
         if (n) {
-            // Invalidate by reseting validRect.
-            n.validRect = new (0, $img26$Rect)();
+            // Invalidate by intersecting the validRect of this node with the overall validRect.
+            n.validRect = n.validRect.intersection(this.validRect);
             // Replace layout info in LayoutNode
             if (n.header === oldLayoutInfo) n.header = newLayoutInfo;
             else if (n.layoutInfo === oldLayoutInfo) n.layoutInfo = newLayoutInfo;
@@ -309,78 +309,6 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
     getContentSize() {
         return this.contentSize;
     }
-    getKeyAbove(key) {
-        let collection = this.collection;
-        key = collection.getKeyBefore(key);
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyBefore(key);
-        }
-    }
-    getKeyBelow(key) {
-        let collection = this.collection;
-        key = collection.getKeyAfter(key);
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyAfter(key);
-        }
-    }
-    getKeyPageAbove(key) {
-        let layoutInfo = this.getLayoutInfo(key);
-        if (layoutInfo) {
-            let pageY = Math.max(0, layoutInfo.rect.y + layoutInfo.rect.height - this.virtualizer.visibleRect.height);
-            while(layoutInfo && layoutInfo.rect.y > pageY){
-                let keyAbove = this.getKeyAbove(layoutInfo.key);
-                layoutInfo = this.getLayoutInfo(keyAbove);
-            }
-            if (layoutInfo) return layoutInfo.key;
-        }
-        return this.getFirstKey();
-    }
-    getKeyPageBelow(key) {
-        let layoutInfo = this.getLayoutInfo(key != null ? key : this.getFirstKey());
-        if (layoutInfo) {
-            let pageY = Math.min(this.virtualizer.contentSize.height, layoutInfo.rect.y - layoutInfo.rect.height + this.virtualizer.visibleRect.height);
-            while(layoutInfo && layoutInfo.rect.y < pageY){
-                let keyBelow = this.getKeyBelow(layoutInfo.key);
-                layoutInfo = this.getLayoutInfo(keyBelow);
-            }
-            if (layoutInfo) return layoutInfo.key;
-        }
-        return this.getLastKey();
-    }
-    getFirstKey() {
-        let collection = this.collection;
-        let key = collection.getFirstKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyAfter(key);
-        }
-    }
-    getLastKey() {
-        let collection = this.collection;
-        let key = collection.getLastKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            if (item.type === 'item' && (this.allowDisabledKeyFocus || !this.disabledKeys.has(item.key))) return key;
-            key = collection.getKeyBefore(key);
-        }
-    }
-    getKeyForSearch(search, fromKey) {
-        if (!this.collator) return null;
-        let collection = this.collection;
-        let key = fromKey || this.getFirstKey();
-        while(key != null){
-            let item = collection.getItem(key);
-            let substring = item.textValue.slice(0, search.length);
-            if (item.textValue && this.collator.compare(substring, search) === 0) return key;
-            key = this.getKeyBelow(key);
-        }
-        return null;
-    }
     getDropTargetFromPoint(x, y, isValidDropTarget) {
         x += this.virtualizer.visibleRect.x;
         y += this.virtualizer.visibleRect.y;
@@ -422,8 +350,6 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
    * of the options that can be provided.
    */ constructor(options = {}){
         super();
-        this.disabledKeys = new Set();
-        this.allowDisabledKeyFocus = false;
         this.rowHeight = options.rowHeight;
         this.estimatedRowHeight = options.estimatedRowHeight;
         this.headingHeight = options.headingHeight;
@@ -431,17 +357,16 @@ class $61ef60fc9b1041f4$export$cacbb3924155d68e extends (0, $img26$Layout) {
         this.forceSectionHeaders = options.forceSectionHeaders;
         this.padding = options.padding || 0;
         this.indentationForItem = options.indentationForItem;
-        this.collator = options.collator;
         this.loaderHeight = options.loaderHeight;
         this.placeholderHeight = options.placeholderHeight;
+        this.enableEmptyState = options.enableEmptyState || false;
         this.layoutInfos = new Map();
         this.layoutNodes = new Map();
         this.rootNodes = [];
         this.lastWidth = 0;
         this.lastCollection = null;
-        this.allowDisabledKeyFocus = options.allowDisabledKeyFocus;
-        this.lastValidRect = new (0, $img26$Rect)();
         this.validRect = new (0, $img26$Rect)();
+        this.requestedRect = new (0, $img26$Rect)();
         this.contentSize = new (0, $img26$Size)();
     }
 }