@depup/react-aria-components 1.16.0-depup.0

package/dist/TreeDropTargetDelegate.module.js

@@ -0,0 +1,211 @@
+const $7e0f784ed4e400df$var$X_SWITCH_THRESHOLD = 10;
+const $7e0f784ed4e400df$var$Y_SWITCH_THRESHOLD = 5;
+class $7e0f784ed4e400df$export$82c13862611c034e {
+    setup(delegate, state, direction) {
+        this.delegate = delegate;
+        this.state = state;
+        this.direction = direction;
+    }
+    getDropTargetFromPoint(x, y, isValidDropTarget) {
+        let baseTarget = this.delegate.getDropTargetFromPoint(x, y, isValidDropTarget);
+        if (!baseTarget || baseTarget.type === 'root') return baseTarget;
+        return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);
+    }
+    resolveDropTarget(target, x, y, isValidDropTarget) {
+        let tracking = this.pointerTracking;
+        // Calculate movement directions
+        let deltaY = y - tracking.lastY;
+        let deltaX = x - tracking.lastX;
+        let currentYMovement = tracking.yDirection;
+        let currentXMovement = tracking.xDirection;
+        if (Math.abs(deltaY) > $7e0f784ed4e400df$var$Y_SWITCH_THRESHOLD) {
+            currentYMovement = deltaY > 0 ? 'down' : 'up';
+            tracking.yDirection = currentYMovement;
+            tracking.lastY = y;
+        }
+        if (Math.abs(deltaX) > $7e0f784ed4e400df$var$X_SWITCH_THRESHOLD) {
+            currentXMovement = deltaX > 0 ? 'right' : 'left';
+            tracking.xDirection = currentXMovement;
+            tracking.lastX = x;
+        }
+        // Normalize to 'after'
+        if (target.dropPosition === 'before') {
+            let keyBefore = this.state.collection.getKeyBefore(target.key);
+            if (keyBefore != null) {
+                let convertedTarget = {
+                    type: 'item',
+                    key: keyBefore,
+                    dropPosition: 'after'
+                };
+                if (isValidDropTarget(convertedTarget)) target = convertedTarget;
+            }
+        }
+        let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);
+        if (potentialTargets.length === 0) return {
+            type: 'root'
+        };
+        let resolvedItemTarget;
+        if (potentialTargets.length > 1) resolvedItemTarget = this.selectTarget(potentialTargets, target, x, y, currentYMovement, currentXMovement);
+        else {
+            resolvedItemTarget = potentialTargets[0];
+            // Reset boundary context since we're not in a boundary case
+            tracking.boundaryContext = null;
+        }
+        return resolvedItemTarget;
+    }
+    // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)
+    // Ordered by level, from innermost to outermost.
+    getPotentialTargets(originalTarget, isValidDropTarget) {
+        if (originalTarget.dropPosition === 'on') return [
+            originalTarget
+        ];
+        let target = originalTarget;
+        let collection = this.state.collection;
+        let currentItem = collection.getItem(target.key);
+        while(currentItem && (currentItem === null || currentItem === void 0 ? void 0 : currentItem.type) !== 'item' && currentItem.nextKey != null){
+            target.key = currentItem.nextKey;
+            currentItem = collection.getItem(currentItem.nextKey);
+        }
+        let potentialTargets = [
+            target
+        ];
+        // If target has children and is expanded, use "before first child"
+        if (currentItem && currentItem.hasChildNodes && this.state.expandedKeys.has(currentItem.key) && collection.getChildren && target.dropPosition === 'after') {
+            let firstChildItemNode = null;
+            for (let child of collection.getChildren(currentItem.key))if (child.type === 'item') {
+                firstChildItemNode = child;
+                break;
+            }
+            if (firstChildItemNode) {
+                const beforeFirstChildTarget = {
+                    type: 'item',
+                    key: firstChildItemNode.key,
+                    dropPosition: 'before'
+                };
+                if (isValidDropTarget(beforeFirstChildTarget)) return [
+                    beforeFirstChildTarget
+                ];
+                else return [];
+            }
+        }
+        if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.nextKey) != null) return [
+            originalTarget
+        ];
+        // Walk up the parent chain to find ancestors that are the last child at their level
+        let parentKey = currentItem === null || currentItem === void 0 ? void 0 : currentItem.parentKey;
+        let ancestorTargets = [];
+        while(parentKey){
+            let parentItem = collection.getItem(parentKey);
+            let nextItem = (parentItem === null || parentItem === void 0 ? void 0 : parentItem.nextKey) ? collection.getItem(parentItem.nextKey) : null;
+            let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;
+            if (isLastChildAtLevel) {
+                let afterParentTarget = {
+                    type: 'item',
+                    key: parentKey,
+                    dropPosition: 'after'
+                };
+                if (isValidDropTarget(afterParentTarget)) ancestorTargets.push(afterParentTarget);
+                if (nextItem) break;
+            }
+            parentKey = parentItem === null || parentItem === void 0 ? void 0 : parentItem.parentKey;
+        }
+        if (ancestorTargets.length > 0) potentialTargets.push(...ancestorTargets);
+        // Handle converting "after" to "before next" for non-ambiguous cases
+        if (potentialTargets.length === 1) {
+            let nextKey = collection.getKeyAfter(target.key);
+            let nextNode = nextKey ? collection.getItem(nextKey) : null;
+            if (nextKey != null && nextNode && currentItem && nextNode.level != null && currentItem.level != null && nextNode.level > currentItem.level) {
+                let beforeTarget = {
+                    type: 'item',
+                    key: nextKey,
+                    dropPosition: 'before'
+                };
+                if (isValidDropTarget(beforeTarget)) return [
+                    beforeTarget
+                ];
+            }
+        }
+        return potentialTargets.filter(isValidDropTarget);
+    }
+    selectTarget(potentialTargets, originalTarget, x, y, currentYMovement, currentXMovement) {
+        if (potentialTargets.length < 2) return potentialTargets[0];
+        let tracking = this.pointerTracking;
+        let currentItem = this.state.collection.getItem(originalTarget.key);
+        let parentKey = currentItem === null || currentItem === void 0 ? void 0 : currentItem.parentKey;
+        if (!parentKey) return potentialTargets[0];
+        // More than 1 potential target - use Y for initial target, then X for switching levels
+        // Initialize boundary context if needed
+        if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {
+            // If entering from below, start with outer-most
+            let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;
+            tracking.boundaryContext = {
+                parentKey: parentKey,
+                preferredTargetIndex: initialTargetIndex,
+                lastSwitchY: y,
+                lastSwitchX: x
+            };
+        }
+        let boundaryContext = tracking.boundaryContext;
+        let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);
+        let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);
+        // Switch between targets based on Y movement
+        if (distanceFromLastYSwitch > $7e0f784ed4e400df$var$Y_SWITCH_THRESHOLD && currentYMovement) {
+            let currentIndex = boundaryContext.preferredTargetIndex || 0;
+            if (currentYMovement === 'down' && currentIndex === 0) // Moving down from inner-most, switch to outer-most
+            boundaryContext.preferredTargetIndex = potentialTargets.length - 1;
+            else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) // Moving up from outer-most, switch to inner-most
+            boundaryContext.preferredTargetIndex = 0;
+            // Reset x tracking so that moving diagonally doesn't cause flickering.
+            tracking.xDirection = null;
+        }
+        // X movement controls level selection
+        if (distanceFromLastXSwitch > $7e0f784ed4e400df$var$X_SWITCH_THRESHOLD && currentXMovement) {
+            let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;
+            if (currentXMovement === 'left') {
+                if (this.direction === 'ltr') // LTR: left = move to higher level in tree (increase index)
+                {
+                    if (currentTargetIndex < potentialTargets.length - 1) {
+                        boundaryContext.preferredTargetIndex = currentTargetIndex + 1;
+                        boundaryContext.lastSwitchX = x;
+                    }
+                } else // RTL: left = move to lower level in tree (decrease index)
+                if (currentTargetIndex > 0) {
+                    boundaryContext.preferredTargetIndex = currentTargetIndex - 1;
+                    boundaryContext.lastSwitchX = x;
+                }
+            } else if (currentXMovement === 'right') {
+                if (this.direction === 'ltr') // LTR: right = move to lower level in tree (decrease index)
+                {
+                    if (currentTargetIndex > 0) {
+                        boundaryContext.preferredTargetIndex = currentTargetIndex - 1;
+                        boundaryContext.lastSwitchX = x;
+                    }
+                } else // RTL: right = move to higher level in tree (increase index)
+                if (currentTargetIndex < potentialTargets.length - 1) {
+                    boundaryContext.preferredTargetIndex = currentTargetIndex + 1;
+                    boundaryContext.lastSwitchX = x;
+                }
+            }
+            // Reset y tracking so that moving diagonally doesn't cause flickering.
+            tracking.yDirection = null;
+        }
+        let targetIndex = Math.max(0, Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1));
+        return potentialTargets[targetIndex];
+    }
+    constructor(){
+        this.delegate = null;
+        this.state = null;
+        this.direction = 'ltr';
+        this.pointerTracking = {
+            lastY: 0,
+            lastX: 0,
+            yDirection: null,
+            xDirection: null,
+            boundaryContext: null
+        };
+    }
+}
+
+
+export {$7e0f784ed4e400df$export$82c13862611c034e as TreeDropTargetDelegate};
+//# sourceMappingURL=TreeDropTargetDelegate.module.js.map

package/dist/TreeDropTargetDelegate.module.js.map

@@ -0,0 +1 @@
+{"mappings":"AA2BA,MAAM,2CAAqB;AAC3B,MAAM,2CAAqB;AACpB,MAAM;IAYX,MAAM,QAA4B,EAAE,KAAmB,EAAE,SAAoB,EAAQ;QACnF,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,SAAS,GAAG;IACnB;IAEA,uBAAuB,CAAS,EAAE,CAAS,EAAE,iBAAkD,EAAqB;QAClH,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAE,sBAAsB,CAAC,GAAG,GAAG;QAC7D,IAAI,CAAC,cAAc,WAAW,IAAI,KAAK,QACrC,OAAO;QAGT,OAAO,IAAI,CAAC,iBAAiB,CAAC,YAAY,GAAG,GAAG;IAClD;IAEQ,kBACN,MAAsB,EACtB,CAAS,EACT,CAAS,EACT,iBAAkD,EACV;QACxC,IAAI,WAAW,IAAI,CAAC,eAAe;QAEnC,gCAAgC;QAChC,IAAI,SAAS,IAAI,SAAS,KAAK;QAC/B,IAAI,SAAS,IAAI,SAAS,KAAK;QAC/B,IAAI,mBAAyC,SAAS,UAAU;QAChE,IAAI,mBAA4C,SAAS,UAAU;QAEnE,IAAI,KAAK,GAAG,CAAC,UAAU,0CAAoB;YACzC,mBAAmB,SAAS,IAAI,SAAS;YACzC,SAAS,UAAU,GAAG;YACtB,SAAS,KAAK,GAAG;QACnB;QAEA,IAAI,KAAK,GAAG,CAAC,UAAU,0CAAoB;YACzC,mBAAmB,SAAS,IAAI,UAAU;YAC1C,SAAS,UAAU,GAAG;YACtB,SAAS,KAAK,GAAG;QACnB;QAEA,uBAAuB;QACvB,IAAI,OAAO,YAAY,KAAK,UAAU;YACpC,IAAI,YAAY,IAAI,CAAC,KAAK,CAAE,UAAU,CAAC,YAAY,CAAC,OAAO,GAAG;YAC9D,IAAI,aAAa,MAAM;gBACrB,IAAI,kBAAkB;oBACpB,MAAM;oBACN,KAAK;oBACL,cAAc;gBAChB;gBAEA,IAAI,kBAAkB,kBACpB,SAAS;YAEb;QACF;QAEA,IAAI,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,QAAQ;QAExD,IAAI,iBAAiB,MAAM,KAAK,GAC9B,OAAO;YAAC,MAAM;QAAM;QAGtB,IAAI;QACJ,IAAI,iBAAiB,MAAM,GAAG,GAC5B,qBAAqB,IAAI,CAAC,YAAY,CAAC,kBAAkB,QAAQ,GAAG,GAAG,kBAAkB;aACpF;YACL,qBAAqB,gBAAgB,CAAC,EAAE;YACxC,4DAA4D;YAC5D,SAAS,eAAe,GAAG;QAC7B;QAEA,OAAO;IACT;IAEA,+HAA+H;IAC/H,iDAAiD;IACzC,oBAAoB,cAA8B,EAAE,iBAAkD,EAAoB;QAChI,IAAI,eAAe,YAAY,KAAK,MAClC,OAAO;YAAC;SAAe;QAGzB,IAAI,SAAS;QACb,IAAI,aAAa,IAAI,CAAC,KAAK,CAAE,UAAU;QAEvC,IAAI,cAAc,WAAW,OAAO,CAAC,OAAO,GAAG;QAC/C,MAAO,eAAe,CAAA,wBAAA,kCAAA,YAAa,IAAI,MAAK,UAAU,YAAY,OAAO,IAAI,KAAM;YACjF,OAAO,GAAG,GAAG,YAAY,OAAO;YAChC,cAAc,WAAW,OAAO,CAAC,YAAY,OAAO;QACtD;QAEA,IAAI,mBAAmB;YAAC;SAAO;QAE/B,mEAAmE;QACnE,IAAI,eAAe,YAAY,aAAa,IAAI,IAAI,CAAC,KAAK,CAAE,YAAY,CAAC,GAAG,CAAC,YAAY,GAAG,KAAK,WAAW,WAAW,IAAI,OAAO,YAAY,KAAK,SAAS;YAC1J,IAAI,qBAAqC;YACzC,KAAK,IAAI,SAAS,WAAW,WAAW,CAAC,YAAY,GAAG,EACtD,IAAI,MAAM,IAAI,KAAK,QAAQ;gBACzB,qBAAqB;gBACrB;YACF;YAGF,IAAI,oBAAoB;gBACtB,MAAM,yBAAyB;oBAC7B,MAAM;oBACN,KAAK,mBAAmB,GAAG;oBAC3B,cAAc;gBAChB;gBAEA,IAAI,kBAAkB,yBACpB,OAAO;oBAAC;iBAAuB;qBAE/B,OAAO,EAAE;YAEb;QACF;QAEA,IAAI,CAAA,wBAAA,kCAAA,YAAa,OAAO,KAAI,MAC1B,OAAO;YAAC;SAAe;QAGzB,oFAAoF;QACpF,IAAI,YAAY,wBAAA,kCAAA,YAAa,SAAS;QACtC,IAAI,kBAAoC,EAAE;QAE1C,MAAO,UAAW;YAChB,IAAI,aAAa,WAAW,OAAO,CAAC;YACpC,IAAI,WAAW,CAAA,uBAAA,iCAAA,WAAY,OAAO,IAAG,WAAW,OAAO,CAAC,WAAW,OAAO,IAAI;YAC9E,IAAI,qBAAqB,CAAC,YAAY,SAAS,SAAS,KAAK;YAE7D,IAAI,oBAAoB;gBACtB,IAAI,oBAAoB;oBACtB,MAAM;oBACN,KAAK;oBACL,cAAc;gBAChB;gBAEA,IAAI,kBAAkB,oBACpB,gBAAgB,IAAI,CAAC;gBAEvB,IAAI,UACF;YAEJ;YAEA,YAAY,uBAAA,iCAAA,WAAY,SAAS;QACnC;QAEA,IAAI,gBAAgB,MAAM,GAAG,GAC3B,iBAAiB,IAAI,IAAI;QAG3B,qEAAqE;QACrE,IAAI,iBAAiB,MAAM,KAAK,GAAG;YACjC,IAAI,UAAU,WAAW,WAAW,CAAC,OAAO,GAAG;YAC/C,IAAI,WAAW,UAAU,WAAW,OAAO,CAAC,WAAW;YACvD,IAAI,WAAW,QAAQ,YAAY,eAAe,SAAS,KAAK,IAAI,QAAQ,YAAY,KAAK,IAAI,QAAQ,SAAS,KAAK,GAAG,YAAY,KAAK,EAAE;gBAC3I,IAAI,eAAe;oBACjB,MAAM;oBACN,KAAK;oBACL,cAAc;gBAChB;gBACA,IAAI,kBAAkB,eACpB,OAAO;oBAAC;iBAAa;YAEzB;QACF;QAEA,OAAO,iBAAiB,MAAM,CAAC;IACjC;IAEQ,aACN,gBAAkC,EAClC,cAA8B,EAC9B,CAAS,EACT,CAAS,EACT,gBAAsC,EACtC,gBAAyC,EACzB;QAChB,IAAI,iBAAiB,MAAM,GAAG,GAC5B,OAAO,gBAAgB,CAAC,EAAE;QAG5B,IAAI,WAAW,IAAI,CAAC,eAAe;QACnC,IAAI,cAAc,IAAI,CAAC,KAAK,CAAE,UAAU,CAAC,OAAO,CAAC,eAAe,GAAG;QACnE,IAAI,YAAY,wBAAA,kCAAA,YAAa,SAAS;QAEtC,IAAI,CAAC,WACH,OAAO,gBAAgB,CAAC,EAAE;QAG5B,uFAAuF;QACvF,wCAAwC;QACxC,IAAI,CAAC,SAAS,eAAe,IAAI,SAAS,eAAe,CAAC,SAAS,KAAK,WAAW;YACjF,gDAAgD;YAChD,IAAI,qBAAqB,SAAS,UAAU,KAAK,OAAO,iBAAiB,MAAM,GAAG,IAAI;YACtF,SAAS,eAAe,GAAG;2BACzB;gBACA,sBAAsB;gBACtB,aAAa;gBACb,aAAa;YACf;QACF;QAEA,IAAI,kBAAkB,SAAS,eAAe;QAC9C,IAAI,0BAA0B,KAAK,GAAG,CAAC,IAAI,gBAAgB,WAAW;QACtE,IAAI,0BAA0B,KAAK,GAAG,CAAC,IAAI,gBAAgB,WAAW;QAEtE,6CAA6C;QAC7C,IAAI,0BAA0B,4CAAsB,kBAAkB;YACpE,IAAI,eAAe,gBAAgB,oBAAoB,IAAI;YAE3D,IAAI,qBAAqB,UAAU,iBAAiB,GAClD,oDAAoD;YACpD,gBAAgB,oBAAoB,GAAG,iBAAiB,MAAM,GAAG;iBAC5D,IAAI,qBAAqB,QAAQ,iBAAiB,iBAAiB,MAAM,GAAG,GACjF,kDAAkD;YAClD,gBAAgB,oBAAoB,GAAG;YAGzC,uEAAuE;YACvE,SAAS,UAAU,GAAG;QACxB;QAEA,sCAAsC;QACtC,IAAI,0BAA0B,4CAAsB,kBAAkB;YACpE,IAAI,qBAAqB,gBAAgB,oBAAoB,IAAI;YAEjE,IAAI,qBAAqB,QAAQ;gBAC/B,IAAI,IAAI,CAAC,SAAS,KAAK,OACrB,4DAA4D;gBAC5D;oBAAA,IAAI,qBAAqB,iBAAiB,MAAM,GAAG,GAAG;wBACpD,gBAAgB,oBAAoB,GAAG,qBAAqB;wBAC5D,gBAAgB,WAAW,GAAG;oBAChC;gBAAA,OAEA,2DAA2D;gBAC3D,IAAI,qBAAqB,GAAG;oBAC1B,gBAAgB,oBAAoB,GAAG,qBAAqB;oBAC5D,gBAAgB,WAAW,GAAG;gBAChC;YAEJ,OAAO,IAAI,qBAAqB,SAAS;gBACvC,IAAI,IAAI,CAAC,SAAS,KAAK,OACrB,4DAA4D;gBAC5D;oBAAA,IAAI,qBAAqB,GAAG;wBAC1B,gBAAgB,oBAAoB,GAAG,qBAAqB;wBAC5D,gBAAgB,WAAW,GAAG;oBAChC;gBAAA,OAEA,6DAA6D;gBAC7D,IAAI,qBAAqB,iBAAiB,MAAM,GAAG,GAAG;oBACpD,gBAAgB,oBAAoB,GAAG,qBAAqB;oBAC5D,gBAAgB,WAAW,GAAG;gBAChC;YAEJ;YAEA,uEAAuE;YACvE,SAAS,UAAU,GAAG;QACxB;QAEA,IAAI,cAAc,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,gBAAgB,oBAAoB,IAAI,GAAG,iBAAiB,MAAM,GAAG;QAC5G,OAAO,gBAAgB,CAAC,YAAY;IACtC;;aApRQ,WAAsC;aACtC,QAA6B;aAC7B,YAAuB;aACvB,kBAAmC;YACzC,OAAO;YACP,OAAO;YACP,YAAY;YACZ,YAAY;YACZ,iBAAiB;QACnB;;AA4QF","sources":["packages/react-aria-components/src/TreeDropTargetDelegate.ts"],"sourcesContent":["import {Direction, DropTarget, DropTargetDelegate, ItemDropTarget, Key, Node, RootDropTarget} from '@react-types/shared';\n\ninterface TreeCollection<T> extends Iterable<Node<T>> {\n  getItem(key: Key): Node<T> | null,\n  getChildren?(key: Key): Iterable<Node<T>>,\n  getKeyAfter(key: Key): Key | null,\n  getKeyBefore(key: Key): Key | null\n}\n\ninterface TreeState<T> {\n  collection: TreeCollection<T>,\n  expandedKeys: Set<Key>\n}\n\ninterface PointerTracking {\n  lastY: number,\n  lastX: number,\n  yDirection: 'up' | 'down' | null,\n  xDirection: 'left' | 'right' | null,\n  boundaryContext: {\n    parentKey: Key,\n    lastSwitchY: number,\n    lastSwitchX: number,\n    preferredTargetIndex?: number\n  } | null\n}\n\nconst X_SWITCH_THRESHOLD = 10;\nconst Y_SWITCH_THRESHOLD = 5;\nexport class TreeDropTargetDelegate<T> {\n  private delegate: DropTargetDelegate | null = null;\n  private state: TreeState<T> | null = null;\n  private direction: Direction = 'ltr';\n  private pointerTracking: PointerTracking = {\n    lastY: 0,\n    lastX: 0,\n    yDirection: null,\n    xDirection: null,\n    boundaryContext: null\n  };\n\n  setup(delegate: DropTargetDelegate, state: TreeState<T>, direction: Direction): void {\n    this.delegate = delegate;\n    this.state = state;\n    this.direction = direction;\n  }\n\n  getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget | null {\n    let baseTarget = this.delegate!.getDropTargetFromPoint(x, y, isValidDropTarget);\n    if (!baseTarget || baseTarget.type === 'root') {\n      return baseTarget;\n    }\n\n    return this.resolveDropTarget(baseTarget, x, y, isValidDropTarget);\n  }\n\n  private resolveDropTarget(\n    target: ItemDropTarget,\n    x: number,\n    y: number,\n    isValidDropTarget: (target: DropTarget) => boolean\n  ): RootDropTarget | ItemDropTarget | null {\n    let tracking = this.pointerTracking;\n\n    // Calculate movement directions\n    let deltaY = y - tracking.lastY;\n    let deltaX = x - tracking.lastX;\n    let currentYMovement: 'up' | 'down' | null = tracking.yDirection;\n    let currentXMovement: 'left' | 'right' | null = tracking.xDirection;\n\n    if (Math.abs(deltaY) > Y_SWITCH_THRESHOLD) {\n      currentYMovement = deltaY > 0 ? 'down' : 'up';\n      tracking.yDirection = currentYMovement;\n      tracking.lastY = y;\n    }\n\n    if (Math.abs(deltaX) > X_SWITCH_THRESHOLD) {\n      currentXMovement = deltaX > 0 ? 'right' : 'left';\n      tracking.xDirection = currentXMovement;\n      tracking.lastX = x;\n    }\n\n    // Normalize to 'after'\n    if (target.dropPosition === 'before') {\n      let keyBefore = this.state!.collection.getKeyBefore(target.key);\n      if (keyBefore != null) {\n        let convertedTarget = {\n          type: 'item',\n          key: keyBefore,\n          dropPosition: 'after'\n        } as const;\n\n        if (isValidDropTarget(convertedTarget)) {\n          target = convertedTarget;\n        }\n      }\n    }\n\n    let potentialTargets = this.getPotentialTargets(target, isValidDropTarget);\n\n    if (potentialTargets.length === 0) {\n      return {type: 'root'};\n    }\n\n    let resolvedItemTarget: ItemDropTarget;\n    if (potentialTargets.length > 1) {\n      resolvedItemTarget = this.selectTarget(potentialTargets, target, x, y, currentYMovement, currentXMovement);\n    } else {\n      resolvedItemTarget = potentialTargets[0];\n      // Reset boundary context since we're not in a boundary case\n      tracking.boundaryContext = null;\n    }\n\n    return resolvedItemTarget;\n  }\n\n  // Returns potential targets for an ambiguous drop position (e.g. after the last child of a parent, or after the parent itself)\n  // Ordered by level, from innermost to outermost.\n  private getPotentialTargets(originalTarget: ItemDropTarget, isValidDropTarget: (target: DropTarget) => boolean): ItemDropTarget[] {\n    if (originalTarget.dropPosition === 'on') {\n      return [originalTarget];\n    }\n\n    let target = originalTarget;\n    let collection = this.state!.collection;\n\n    let currentItem = collection.getItem(target.key);\n    while (currentItem && currentItem?.type !== 'item' && currentItem.nextKey != null) {\n      target.key = currentItem.nextKey;\n      currentItem = collection.getItem(currentItem.nextKey);\n    }\n\n    let potentialTargets = [target];\n\n    // If target has children and is expanded, use \"before first child\"\n    if (currentItem && currentItem.hasChildNodes && this.state!.expandedKeys.has(currentItem.key) && collection.getChildren && target.dropPosition === 'after') {\n      let firstChildItemNode: Node<T> | null = null;\n      for (let child of collection.getChildren(currentItem.key)) {\n        if (child.type === 'item') {\n          firstChildItemNode = child;\n          break;\n        }\n      }\n\n      if (firstChildItemNode) {\n        const beforeFirstChildTarget = {\n          type: 'item',\n          key: firstChildItemNode.key,\n          dropPosition: 'before'\n        } as const;\n\n        if (isValidDropTarget(beforeFirstChildTarget)) {\n          return [beforeFirstChildTarget];\n        } else {\n          return [];\n        }\n      }\n    }\n\n    if (currentItem?.nextKey != null) {\n      return [originalTarget];\n    }\n\n    // Walk up the parent chain to find ancestors that are the last child at their level\n    let parentKey = currentItem?.parentKey;\n    let ancestorTargets: ItemDropTarget[] = [];\n\n    while (parentKey) {\n      let parentItem = collection.getItem(parentKey);\n      let nextItem = parentItem?.nextKey ? collection.getItem(parentItem.nextKey) : null;\n      let isLastChildAtLevel = !nextItem || nextItem.parentKey !== parentKey;\n\n      if (isLastChildAtLevel) {\n        let afterParentTarget = {\n          type: 'item',\n          key: parentKey,\n          dropPosition: 'after'\n        } as const;\n\n        if (isValidDropTarget(afterParentTarget)) {\n          ancestorTargets.push(afterParentTarget);\n        }\n        if (nextItem) {\n          break;\n        }\n      }\n\n      parentKey = parentItem?.parentKey;\n    }\n\n    if (ancestorTargets.length > 0) {\n      potentialTargets.push(...ancestorTargets);\n    }\n\n    // Handle converting \"after\" to \"before next\" for non-ambiguous cases\n    if (potentialTargets.length === 1) {\n      let nextKey = collection.getKeyAfter(target.key);\n      let nextNode = nextKey ? collection.getItem(nextKey) : null;\n      if (nextKey != null && nextNode && currentItem && nextNode.level != null && currentItem.level != null && nextNode.level > currentItem.level) {\n        let beforeTarget = {\n          type: 'item',\n          key: nextKey,\n          dropPosition: 'before'\n        } as const;\n        if (isValidDropTarget(beforeTarget)) {\n          return [beforeTarget];\n        }\n      }\n    }\n\n    return potentialTargets.filter(isValidDropTarget);\n  }\n\n  private selectTarget(\n    potentialTargets: ItemDropTarget[],\n    originalTarget: ItemDropTarget,\n    x: number,\n    y: number,\n    currentYMovement: 'up' | 'down' | null,\n    currentXMovement: 'left' | 'right' | null\n  ): ItemDropTarget {\n    if (potentialTargets.length < 2) {\n      return potentialTargets[0];\n    }\n\n    let tracking = this.pointerTracking;\n    let currentItem = this.state!.collection.getItem(originalTarget.key);\n    let parentKey = currentItem?.parentKey;\n\n    if (!parentKey) {\n      return potentialTargets[0];\n    }\n\n    // More than 1 potential target - use Y for initial target, then X for switching levels\n    // Initialize boundary context if needed\n    if (!tracking.boundaryContext || tracking.boundaryContext.parentKey !== parentKey) {\n      // If entering from below, start with outer-most\n      let initialTargetIndex = tracking.yDirection === 'up' ? potentialTargets.length - 1 : 0;\n      tracking.boundaryContext = {\n        parentKey,\n        preferredTargetIndex: initialTargetIndex,\n        lastSwitchY: y,\n        lastSwitchX: x\n      };\n    }\n\n    let boundaryContext = tracking.boundaryContext;\n    let distanceFromLastXSwitch = Math.abs(x - boundaryContext.lastSwitchX);\n    let distanceFromLastYSwitch = Math.abs(y - boundaryContext.lastSwitchY);\n\n    // Switch between targets based on Y movement\n    if (distanceFromLastYSwitch > Y_SWITCH_THRESHOLD && currentYMovement) {\n      let currentIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentYMovement === 'down' && currentIndex === 0) {\n        // Moving down from inner-most, switch to outer-most\n        boundaryContext.preferredTargetIndex = potentialTargets.length - 1;\n      } else if (currentYMovement === 'up' && currentIndex === potentialTargets.length - 1) {\n        // Moving up from outer-most, switch to inner-most\n        boundaryContext.preferredTargetIndex = 0;\n      }\n\n      // Reset x tracking so that moving diagonally doesn't cause flickering.\n      tracking.xDirection = null;\n    }\n\n    // X movement controls level selection\n    if (distanceFromLastXSwitch > X_SWITCH_THRESHOLD && currentXMovement) {\n      let currentTargetIndex = boundaryContext.preferredTargetIndex || 0;\n\n      if (currentXMovement === 'left') {\n        if (this.direction === 'ltr') {\n          // LTR: left = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: left = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      } else if (currentXMovement === 'right') {\n        if (this.direction === 'ltr') {\n          // LTR: right = move to lower level in tree (decrease index)\n          if (currentTargetIndex > 0) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex - 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        } else {\n          // RTL: right = move to higher level in tree (increase index)\n          if (currentTargetIndex < potentialTargets.length - 1) {\n            boundaryContext.preferredTargetIndex = currentTargetIndex + 1;\n            boundaryContext.lastSwitchX = x;\n          }\n        }\n      }\n\n      // Reset y tracking so that moving diagonally doesn't cause flickering.\n      tracking.yDirection = null;\n    }\n\n    let targetIndex = Math.max(0, Math.min(boundaryContext.preferredTargetIndex || 0, potentialTargets.length - 1));\n    return potentialTargets[targetIndex];\n  }\n}\n"],"names":[],"version":3,"file":"TreeDropTargetDelegate.module.js.map"}

package/dist/Virtualizer.main.js

@@ -0,0 +1,135 @@
+var $3114c2382242bdc0$exports = require("./Collection.main.js");
+var $elHQ5$reactstatelyvirtualizer = require("@react-stately/virtualizer");
+var $elHQ5$react = require("react");
+var $elHQ5$reactariavirtualizer = require("@react-aria/virtualizer");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Virtualizer", () => $eff08fda52c0d997$export$89be5a243e59c4b2);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $eff08fda52c0d997$var$VirtualizerContext = /*#__PURE__*/ (0, $elHQ5$react.createContext)(null);
+const $eff08fda52c0d997$var$LayoutContext = /*#__PURE__*/ (0, $elHQ5$react.createContext)(null);
+function $eff08fda52c0d997$export$89be5a243e59c4b2(props) {
+    let { children: children, layout: layoutProp, layoutOptions: layoutOptions } = props;
+    let layout = (0, $elHQ5$react.useMemo)(()=>typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [
+        layoutProp
+    ]);
+    let renderer = (0, $elHQ5$react.useMemo)(()=>({
+            isVirtualized: true,
+            layoutDelegate: layout,
+            dropTargetDelegate: layout.getDropTargetFromPoint ? layout : undefined,
+            CollectionRoot: $eff08fda52c0d997$var$CollectionRoot,
+            CollectionBranch: $eff08fda52c0d997$var$CollectionBranch
+        }), [
+        layout
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement((0, $3114c2382242bdc0$exports.CollectionRendererContext).Provider, {
+        value: renderer
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement($eff08fda52c0d997$var$LayoutContext.Provider, {
+        value: {
+            layout: layout,
+            layoutOptions: layoutOptions
+        }
+    }, children));
+}
+function $eff08fda52c0d997$var$CollectionRoot({ collection: collection, persistedKeys: persistedKeys, scrollRef: scrollRef, renderDropIndicator: renderDropIndicator }) {
+    var _layout_useLayoutOptions;
+    let { layout: layout, layoutOptions: layoutOptions } = (0, $elHQ5$react.useContext)($eff08fda52c0d997$var$LayoutContext);
+    let layoutOptions2 = (_layout_useLayoutOptions = layout.useLayoutOptions) === null || _layout_useLayoutOptions === void 0 ? void 0 : _layout_useLayoutOptions.call(layout);
+    let state = (0, $elHQ5$reactstatelyvirtualizer.useVirtualizerState)({
+        layout: layout,
+        collection: collection,
+        renderView: (type, item)=>{
+            var _item_render;
+            return item === null || item === void 0 ? void 0 : (_item_render = item.render) === null || _item_render === void 0 ? void 0 : _item_render.call(item, item);
+        },
+        onVisibleRectChange (rect) {
+            let element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+            if (element) {
+                element.scrollLeft = rect.x;
+                element.scrollTop = rect.y;
+            }
+        },
+        persistedKeys: persistedKeys,
+        layoutOptions: (0, $elHQ5$react.useMemo)(()=>{
+            if (layoutOptions && layoutOptions2) return {
+                ...layoutOptions,
+                ...layoutOptions2
+            };
+            return layoutOptions || layoutOptions2;
+        }, [
+            layoutOptions,
+            layoutOptions2
+        ])
+    });
+    let { contentProps: contentProps } = (0, $elHQ5$reactariavirtualizer.useScrollView)({
+        onVisibleRectChange: state.setVisibleRect,
+        contentSize: state.contentSize,
+        onScrollStart: state.startScrolling,
+        onScrollEnd: state.endScrolling
+    }, scrollRef);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement("div", contentProps, /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement($eff08fda52c0d997$var$VirtualizerContext.Provider, {
+        value: state
+    }, $eff08fda52c0d997$var$renderChildren(null, state.visibleViews, renderDropIndicator)));
+}
+function $eff08fda52c0d997$var$CollectionBranch({ parent: parent, renderDropIndicator: renderDropIndicator }) {
+    let virtualizer = (0, $elHQ5$react.useContext)($eff08fda52c0d997$var$VirtualizerContext);
+    let parentView = virtualizer.virtualizer.getVisibleView(parent.key);
+    return $eff08fda52c0d997$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);
+}
+function $eff08fda52c0d997$var$renderChildren(parent, children, renderDropIndicator) {
+    return children.map((view)=>$eff08fda52c0d997$var$renderWrapper(parent, view, renderDropIndicator));
+}
+function $eff08fda52c0d997$var$renderWrapper(parent, reusableView, renderDropIndicator) {
+    let rendered = /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement((0, $elHQ5$reactariavirtualizer.VirtualizerItem), {
+        key: reusableView.key,
+        layoutInfo: reusableView.layoutInfo,
+        virtualizer: reusableView.virtualizer,
+        parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+    }, reusableView.rendered);
+    let { collection: collection, layout: layout } = reusableView.virtualizer;
+    let node = reusableView.content;
+    if ((node === null || node === void 0 ? void 0 : node.type) === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) rendered = /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement((0, ($parcel$interopDefault($elHQ5$react))).Fragment, {
+        key: reusableView.key
+    }, $eff08fda52c0d997$var$renderDropIndicatorWrapper(parent, reusableView, {
+        type: 'item',
+        key: reusableView.content.key,
+        dropPosition: 'before'
+    }, renderDropIndicator), rendered, (0, $3114c2382242bdc0$exports.renderAfterDropIndicators)(collection, node, (target)=>$eff08fda52c0d997$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)));
+    return rendered;
+}
+function $eff08fda52c0d997$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator) {
+    let indicator = renderDropIndicator(target);
+    if (indicator) {
+        let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo(target);
+        indicator = /*#__PURE__*/ (0, ($parcel$interopDefault($elHQ5$react))).createElement((0, $elHQ5$reactariavirtualizer.VirtualizerItem), {
+            layoutInfo: layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+        }, indicator);
+    }
+    return indicator;
+}
+
+
+//# sourceMappingURL=Virtualizer.main.js.map

package/dist/Virtualizer.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Virtualizer.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {CollectionBranchProps, CollectionRenderer, CollectionRendererContext, CollectionRootProps, renderAfterDropIndicators} from './Collection';\nimport {DropTargetDelegate, ItemDropTarget, Node} from '@react-types/shared';\nimport {Layout, ReusableView, useVirtualizerState, VirtualizerState} from '@react-stately/virtualizer';\nimport React, {createContext, JSX, ReactNode, useContext, useMemo} from 'react';\nimport {useScrollView, VirtualizerItem} from '@react-aria/virtualizer';\n\ntype View = ReusableView<Node<unknown>, ReactNode>;\n\nexport interface LayoutOptionsDelegate<O> {\n  useLayoutOptions?(): O\n}\n\ninterface ILayout<O> extends Layout<Node<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {}\n\ninterface LayoutClass<O> {\n  new(): ILayout<O>\n}\n\nexport interface VirtualizerProps<O> {\n  /** The child collection to virtualize (e.g. ListBox, GridList, or Table). */\n  children: ReactNode,\n  /** The layout object that determines the position and size of the visible elements. */\n  layout: LayoutClass<O> | ILayout<O>,\n  /** Options for the layout. */\n  layoutOptions?: O\n}\n\ninterface LayoutContextValue {\n  layout: ILayout<any>,\n  layoutOptions?: any\n}\n\nconst VirtualizerContext = createContext<VirtualizerState<any, any> | null>(null);\nconst LayoutContext = createContext<LayoutContextValue | null>(null);\n\n/**\n * A Virtualizer renders a scrollable collection of data using customizable layouts.\n * It supports very large collections by only rendering visible items to the DOM, reusing\n * them as the user scrolls.\n */\nexport function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element {\n  let {children, layout: layoutProp, layoutOptions} = props;\n  let layout = useMemo(() => typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [layoutProp]);\n  let renderer: CollectionRenderer = useMemo(() => ({\n    isVirtualized: true,\n    layoutDelegate: layout,\n    dropTargetDelegate: layout.getDropTargetFromPoint ? layout as DropTargetDelegate : undefined,\n    CollectionRoot,\n    CollectionBranch\n  }), [layout]);\n\n  return (\n    <CollectionRendererContext.Provider value={renderer}>\n      <LayoutContext.Provider value={{layout, layoutOptions}}>\n        {children}\n      </LayoutContext.Provider>\n    </CollectionRendererContext.Provider>\n  );\n}\n\nfunction CollectionRoot({collection, persistedKeys, scrollRef, renderDropIndicator}: CollectionRootProps) {\n  let {layout, layoutOptions} = useContext(LayoutContext)!;\n  let layoutOptions2 = layout.useLayoutOptions?.();\n  let state = useVirtualizerState({\n    layout,\n    collection,\n    renderView: (type, item) => {\n      return item?.render?.(item);\n    },\n    onVisibleRectChange(rect) {\n      let element = scrollRef?.current;\n      if (element) {\n        element.scrollLeft = rect.x;\n        element.scrollTop = rect.y;\n      }\n    },\n    persistedKeys,\n    layoutOptions: useMemo(() => {\n      if (layoutOptions && layoutOptions2) {\n        return {...layoutOptions, ...layoutOptions2};\n      }\n      return layoutOptions || layoutOptions2;\n    }, [layoutOptions, layoutOptions2])\n  });\n\n  let {contentProps} = useScrollView({\n    onVisibleRectChange: state.setVisibleRect,\n    contentSize: state.contentSize,\n    onScrollStart: state.startScrolling,\n    onScrollEnd: state.endScrolling\n  }, scrollRef!);\n\n  return (\n    <div {...contentProps}>\n      <VirtualizerContext.Provider value={state}>\n        {renderChildren(null, state.visibleViews, renderDropIndicator)}\n      </VirtualizerContext.Provider>\n    </div>\n  );\n}\n\nfunction CollectionBranch({parent, renderDropIndicator}: CollectionBranchProps) {\n  let virtualizer = useContext(VirtualizerContext);\n  let parentView = virtualizer!.virtualizer.getVisibleView(parent.key)!;\n  return renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);\n}\n\nfunction renderChildren(parent: View | null, children: View[], renderDropIndicator?: (target: ItemDropTarget) => ReactNode) {\n  return children.map(view => renderWrapper(parent, view, renderDropIndicator));\n}\n\nfunction renderWrapper(\n  parent: View | null,\n  reusableView: View,\n  renderDropIndicator?: (target: ItemDropTarget) => ReactNode\n): ReactNode {\n  let rendered = (\n    <VirtualizerItem\n      key={reusableView.key}\n      layoutInfo={reusableView.layoutInfo!}\n      virtualizer={reusableView.virtualizer}\n      parent={parent?.layoutInfo}>\n      {reusableView.rendered}\n    </VirtualizerItem>\n  );\n\n  let {collection, layout} = reusableView.virtualizer;\n  let node = reusableView.content;\n  if (node?.type === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) {\n    rendered = (\n      <React.Fragment key={reusableView.key}>\n        {renderDropIndicatorWrapper(parent, reusableView, {type: 'item', key: reusableView.content!.key, dropPosition: 'before'}, renderDropIndicator)}\n        {rendered}\n        {renderAfterDropIndicators(collection, node, target => renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator))}\n      </React.Fragment>\n    );\n  }\n\n  return rendered;\n}\n\nfunction renderDropIndicatorWrapper(\n  parent: View | null,\n  reusableView: View,\n  target: ItemDropTarget,\n  renderDropIndicator: (target: ItemDropTarget) => ReactNode\n) {\n  let indicator = renderDropIndicator(target);\n  if (indicator) {\n    let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo!(target);\n    indicator = (\n      <VirtualizerItem\n        layoutInfo={layoutInfo}\n        virtualizer={reusableView.virtualizer}\n        parent={parent?.layoutInfo}>\n        {indicator}\n      </VirtualizerItem>\n    );\n  }\n\n  return indicator;\n}\n"],"names":[],"version":3,"file":"Virtualizer.main.js.map"}

package/dist/Virtualizer.mjs

@@ -0,0 +1,126 @@
+import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, renderAfterDropIndicators as $7135fc7d473fd974$export$2dbbd341daed716d} from "./Collection.mjs";
+import {useVirtualizerState as $dVUg9$useVirtualizerState} from "@react-stately/virtualizer";
+import $dVUg9$react, {createContext as $dVUg9$createContext, useMemo as $dVUg9$useMemo, useContext as $dVUg9$useContext} from "react";
+import {useScrollView as $dVUg9$useScrollView, VirtualizerItem as $dVUg9$VirtualizerItem} from "@react-aria/virtualizer";
+
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $ce3a951440fc273f$var$VirtualizerContext = /*#__PURE__*/ (0, $dVUg9$createContext)(null);
+const $ce3a951440fc273f$var$LayoutContext = /*#__PURE__*/ (0, $dVUg9$createContext)(null);
+function $ce3a951440fc273f$export$89be5a243e59c4b2(props) {
+    let { children: children, layout: layoutProp, layoutOptions: layoutOptions } = props;
+    let layout = (0, $dVUg9$useMemo)(()=>typeof layoutProp === 'function' ? new layoutProp() : layoutProp, [
+        layoutProp
+    ]);
+    let renderer = (0, $dVUg9$useMemo)(()=>({
+            isVirtualized: true,
+            layoutDelegate: layout,
+            dropTargetDelegate: layout.getDropTargetFromPoint ? layout : undefined,
+            CollectionRoot: $ce3a951440fc273f$var$CollectionRoot,
+            CollectionBranch: $ce3a951440fc273f$var$CollectionBranch
+        }), [
+        layout
+    ]);
+    return /*#__PURE__*/ (0, $dVUg9$react).createElement((0, $7135fc7d473fd974$export$4feb769f8ddf26c5).Provider, {
+        value: renderer
+    }, /*#__PURE__*/ (0, $dVUg9$react).createElement($ce3a951440fc273f$var$LayoutContext.Provider, {
+        value: {
+            layout: layout,
+            layoutOptions: layoutOptions
+        }
+    }, children));
+}
+function $ce3a951440fc273f$var$CollectionRoot({ collection: collection, persistedKeys: persistedKeys, scrollRef: scrollRef, renderDropIndicator: renderDropIndicator }) {
+    var _layout_useLayoutOptions;
+    let { layout: layout, layoutOptions: layoutOptions } = (0, $dVUg9$useContext)($ce3a951440fc273f$var$LayoutContext);
+    let layoutOptions2 = (_layout_useLayoutOptions = layout.useLayoutOptions) === null || _layout_useLayoutOptions === void 0 ? void 0 : _layout_useLayoutOptions.call(layout);
+    let state = (0, $dVUg9$useVirtualizerState)({
+        layout: layout,
+        collection: collection,
+        renderView: (type, item)=>{
+            var _item_render;
+            return item === null || item === void 0 ? void 0 : (_item_render = item.render) === null || _item_render === void 0 ? void 0 : _item_render.call(item, item);
+        },
+        onVisibleRectChange (rect) {
+            let element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+            if (element) {
+                element.scrollLeft = rect.x;
+                element.scrollTop = rect.y;
+            }
+        },
+        persistedKeys: persistedKeys,
+        layoutOptions: (0, $dVUg9$useMemo)(()=>{
+            if (layoutOptions && layoutOptions2) return {
+                ...layoutOptions,
+                ...layoutOptions2
+            };
+            return layoutOptions || layoutOptions2;
+        }, [
+            layoutOptions,
+            layoutOptions2
+        ])
+    });
+    let { contentProps: contentProps } = (0, $dVUg9$useScrollView)({
+        onVisibleRectChange: state.setVisibleRect,
+        contentSize: state.contentSize,
+        onScrollStart: state.startScrolling,
+        onScrollEnd: state.endScrolling
+    }, scrollRef);
+    return /*#__PURE__*/ (0, $dVUg9$react).createElement("div", contentProps, /*#__PURE__*/ (0, $dVUg9$react).createElement($ce3a951440fc273f$var$VirtualizerContext.Provider, {
+        value: state
+    }, $ce3a951440fc273f$var$renderChildren(null, state.visibleViews, renderDropIndicator)));
+}
+function $ce3a951440fc273f$var$CollectionBranch({ parent: parent, renderDropIndicator: renderDropIndicator }) {
+    let virtualizer = (0, $dVUg9$useContext)($ce3a951440fc273f$var$VirtualizerContext);
+    let parentView = virtualizer.virtualizer.getVisibleView(parent.key);
+    return $ce3a951440fc273f$var$renderChildren(parentView, Array.from(parentView.children), renderDropIndicator);
+}
+function $ce3a951440fc273f$var$renderChildren(parent, children, renderDropIndicator) {
+    return children.map((view)=>$ce3a951440fc273f$var$renderWrapper(parent, view, renderDropIndicator));
+}
+function $ce3a951440fc273f$var$renderWrapper(parent, reusableView, renderDropIndicator) {
+    let rendered = /*#__PURE__*/ (0, $dVUg9$react).createElement((0, $dVUg9$VirtualizerItem), {
+        key: reusableView.key,
+        layoutInfo: reusableView.layoutInfo,
+        virtualizer: reusableView.virtualizer,
+        parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+    }, reusableView.rendered);
+    let { collection: collection, layout: layout } = reusableView.virtualizer;
+    let node = reusableView.content;
+    if ((node === null || node === void 0 ? void 0 : node.type) === 'item' && renderDropIndicator && layout.getDropTargetLayoutInfo) rendered = /*#__PURE__*/ (0, $dVUg9$react).createElement((0, $dVUg9$react).Fragment, {
+        key: reusableView.key
+    }, $ce3a951440fc273f$var$renderDropIndicatorWrapper(parent, reusableView, {
+        type: 'item',
+        key: reusableView.content.key,
+        dropPosition: 'before'
+    }, renderDropIndicator), rendered, (0, $7135fc7d473fd974$export$2dbbd341daed716d)(collection, node, (target)=>$ce3a951440fc273f$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator)));
+    return rendered;
+}
+function $ce3a951440fc273f$var$renderDropIndicatorWrapper(parent, reusableView, target, renderDropIndicator) {
+    let indicator = renderDropIndicator(target);
+    if (indicator) {
+        let layoutInfo = reusableView.virtualizer.layout.getDropTargetLayoutInfo(target);
+        indicator = /*#__PURE__*/ (0, $dVUg9$react).createElement((0, $dVUg9$VirtualizerItem), {
+            layoutInfo: layoutInfo,
+            virtualizer: reusableView.virtualizer,
+            parent: parent === null || parent === void 0 ? void 0 : parent.layoutInfo
+        }, indicator);
+    }
+    return indicator;
+}
+
+
+export {$ce3a951440fc273f$export$89be5a243e59c4b2 as Virtualizer};
+//# sourceMappingURL=Virtualizer.module.js.map