vim-web 0.4.0 → 0.4.1-dev.1

package/dist/vim-web.js

@@ -46838,7 +46838,7 @@ let Vim$1 = class Vim {
     return this._onDispose;
   }
   getBoundingBox() {
-    const box = this.getFullSet().getBoundingBox();
+    const box = this.scene.getBoundingBox();
     return Promise.resolve(box);
   }
   /**
@@ -50031,6 +50031,24 @@ const index$9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   createTransparent,
   createWireframe
 }, Symbol.toStringTag, { value: "Module" }));
+class CameraSaveState {
+  constructor(camera2) {
+    __publicField(this, "_camera");
+    __publicField(this, "_position", new Vector3());
+    __publicField(this, "_target", new Vector3());
+    this._camera = camera2;
+  }
+  save() {
+    this._position.copy(this._camera.position);
+    this._target.copy(this._camera.target);
+  }
+  get position() {
+    return this._position;
+  }
+  get target() {
+    return this._target;
+  }
+}
 const _Marker = class _Marker {
   /**
    * Constructs a new Marker object.
@@ -50214,9 +50232,13 @@ __publicField(_Marker, "_tmpMatrix", new Matrix4());
 __publicField(_Marker, "_unitVector", new Vector3(1, 1, 1));
 let Marker = _Marker;
 class CameraMovement {
-  constructor(camera2) {
+  constructor(camera2, savedState, getBoundingBox) {
     __publicField(this, "_camera");
+    __publicField(this, "_savedState");
+    __publicField(this, "_getBoundingBox");
     this._camera = camera2;
+    this._savedState = savedState;
+    this._getBoundingBox = getBoundingBox;
   }
   /**
    * Moves the camera in a specified 2D direction within a plane defined by the given axes.
@@ -50264,6 +50286,12 @@ class CameraMovement {
     angle.multiplyScalar(180 / Math.PI);
     this.orbit(angle);
   }
+  /**
+   * Resets the camera to its last saved position and orientation.
+   */
+  reset() {
+    this.set(this._camera.position, this._camera.target);
+  }
   /**
    * Sets the camera's orientation and position to focus on the specified target.
    * @param {IObject | Vim | THREE.Sphere | THREE.Box3 | 'all' | undefined} target - The target object, or 'all' to frame all objects.
@@ -50278,7 +50306,7 @@ class CameraMovement {
     }
     if (target === "all") {
       console.log("frame all");
-      target = this._camera._scene.getAverageBoundingBox();
+      target = this._getBoundingBox();
     }
     if (target instanceof Box3) {
       target = target.getBoundingSphere(new Sphere());
@@ -50310,8 +50338,8 @@ class CameraMovement {
   }
 }
 class CameraLerp extends CameraMovement {
-  constructor(camera2, movement) {
-    super(camera2);
+  constructor(camera2, movement, savedState, getBoundingBox) {
+    super(camera2, savedState, getBoundingBox);
     __publicField(this, "_movement");
     __publicField(this, "_clock", new Clock());
     // position
@@ -50352,11 +50380,11 @@ class CameraLerp extends CameraMovement {
     const start = this._camera.position.clone();
     const end = this._camera.position.clone().add(v);
     const pos = new Vector3();
+    const offset = this._camera.forward.multiplyScalar(this._camera.orbitDistance);
     this.onProgress = (progress) => {
-      console.log("progress", progress);
       pos.copy(start);
       pos.lerp(end, progress);
-      this._movement.move3(pos);
+      this._movement.set(pos, pos.clone().add(offset));
     };
   }
   rotate(angle) {
@@ -50412,9 +50440,6 @@ class CameraLerp extends CameraMovement {
       this._movement.applyRotation(r);
     };
   }
-  reset() {
-    this.set(this._camera._savedPosition, this._camera._savedTarget);
-  }
   set(position, target) {
     const endTarget = target ?? this._camera.target;
     const startPos = this._camera.position.clone();
@@ -50436,9 +50461,6 @@ class CameraMovementSnap extends CameraMovement {
     const dist2 = this._camera.orbitDistance * amount;
     this.setDistance(dist2);
   }
-  reset() {
-    this.set(this._camera._savedPosition, this._camera._savedTarget);
-  }
   setDistance(dist2) {
     const pos = this._camera.target.clone().sub(this._camera.forward.multiplyScalar(dist2));
     this.set(pos, this._camera.target);
@@ -51138,10 +51160,14 @@ function threeNDCFromVector2(position) {
   );
 }
 class OrthographicCamera2 {
-  constructor(camera2) {
+  constructor(camera2, settings2) {
     __publicField(this, "camera");
     this.camera = camera2;
     this.camera.layers.enable(Layers2.NoRaycast);
+    this.camera.zoom = settings2.camera.zoom;
+    this.camera.near = -settings2.camera.far;
+    this.camera.far = settings2.camera.far;
+    this.camera.updateProjectionMatrix();
   }
   frustrumSizeAt(point) {
     return new Vector2(
@@ -51149,12 +51175,6 @@ class OrthographicCamera2 {
       this.camera.top - this.camera.bottom
     );
   }
-  applySettings(settings2) {
-    this.camera.zoom = settings2.camera.zoom;
-    this.camera.near = -settings2.camera.far;
-    this.camera.far = settings2.camera.far;
-    this.camera.updateProjectionMatrix();
-  }
   updateProjection(size, aspect2) {
     const max2 = Math.max(size.x, size.y);
     this.camera.left = -max2 * aspect2;
@@ -51165,12 +51185,10 @@ class OrthographicCamera2 {
   }
 }
 class PerspectiveCamera2 {
-  constructor(camera2) {
+  constructor(camera2, settings2) {
     __publicField(this, "camera");
     this.camera = camera2;
     this.camera.layers.enable(Layers2.NoRaycast);
-  }
-  applySettings(settings2) {
     this.camera.fov = settings2.camera.fov;
     this.camera.zoom = settings2.camera.zoom;
     this.camera.near = settings2.camera.near;
@@ -51210,8 +51228,7 @@ let Camera$1 = class Camera2 {
     __publicField(this, "_tmp1", new Vector3());
     __publicField(this, "_tmp2", new Vector3());
     // saves
-    __publicField(this, "_savedPosition", new Vector3(0, 0, -5));
-    __publicField(this, "_savedTarget", new Vector3(0, 0, 0));
+    __publicField(this, "_savedState", new CameraSaveState(this));
     __publicField(this, "_onValueChanged", new distExports$1.SignalDispatcher());
     __publicField(this, "_hasMoved");
     __publicField(this, "_onMoved", new distExports$1.SignalDispatcher());
@@ -51229,18 +51246,24 @@ let Camera$1 = class Camera2 {
     __publicField(this, "_defaultForward", new Vector3(1, -1, 1).normalize());
     // Settings
     __publicField(this, "_velocityBlendFactor", 1e-4);
-    this.camPerspective = new PerspectiveCamera2(new PerspectiveCamera$1());
+    this.camPerspective = new PerspectiveCamera2(new PerspectiveCamera$1(), settings2);
     this.camPerspective.camera.up = new Vector3(0, 0, 1);
     this.camPerspective.camera.lookAt(new Vector3(0, 1, 0));
     this.camOrthographic = new OrthographicCamera2(
-      new OrthographicCamera$1()
+      new OrthographicCamera$1(),
+      settings2
     );
-    this._movement = new CameraMovementSnap(this);
-    this._lerp = new CameraLerp(this, this._movement);
+    this._savedState = new CameraSaveState(this);
+    this._movement = new CameraMovementSnap(this, this._savedState, () => this._scene.getBoundingBox());
+    this._lerp = new CameraLerp(this, this._movement, this._savedState, () => this._scene.getBoundingBox());
     this._scene = scene;
     this._viewport = viewport;
     this._viewport.onResize.sub(() => this.updateProjection());
-    this.applySettings(settings2);
+    this.defaultForward = settings2.camera.forward;
+    this._orthographic = settings2.camera.orthographic;
+    this.allowedMovement = settings2.camera.allowedMovement;
+    this.allowedRotation = settings2.camera.allowedRotation;
+    this._onValueChanged.dispatch();
     this.snap(true).setDistance(-1e3);
     this.snap(true).orbitTowards(this._defaultForward);
     this.updateProjection();
@@ -51391,13 +51414,6 @@ let Camera$1 = class Camera2 {
     return this._target;
   }
   applySettings(settings2) {
-    this.defaultForward = settings2.camera.forward;
-    this._orthographic = settings2.camera.orthographic;
-    this.allowedMovement = settings2.camera.allowedMovement;
-    this.allowedRotation = settings2.camera.allowedRotation;
-    this.camPerspective.applySettings(settings2);
-    this.camOrthographic.applySettings(settings2);
-    this._onValueChanged.dispatch();
   }
   /**
    * The distance from the camera to the target.
@@ -51410,8 +51426,7 @@ let Camera$1 = class Camera2 {
    */
   save() {
     this._lerp.cancel();
-    this._savedPosition.copy(this.position);
-    this._savedTarget.copy(this._target);
+    this._savedState.save();
   }
   /**
    * Represents whether the camera projection is orthographic.
@@ -52554,15 +52569,18 @@ class CaptureHandler {
     this._id = -1;
   }
   onPointerDown(event) {
-    if (this._id >= 0) {
-      this._canvas.releasePointerCapture(this._id);
-    }
+    this.release();
     this._canvas.setPointerCapture(event.pointerId);
     this._id = event.pointerId;
   }
   onPointerUp(event) {
-    this._canvas.releasePointerCapture(this._id);
-    this._id = -1;
+    this.release();
+  }
+  release() {
+    if (this._id >= 0) {
+      this._canvas.releasePointerCapture(this._id);
+      this._id = -1;
+    }
   }
 }
 class DoubleClickHandler {
@@ -68547,8 +68565,8 @@ var InteractionMode;
   InteractionMode2["ClickItemToExpand"] = "click-item-to-expand";
   InteractionMode2["ClickArrowToExpand"] = "click-arrow-to-expand";
 })(InteractionMode || (InteractionMode = {}));
-var __assign$d = function() {
-  __assign$d = Object.assign || function(t) {
+var __assign$c = function() {
+  __assign$c = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -68556,13 +68574,13 @@ var __assign$d = function() {
     }
     return t;
   };
-  return __assign$d.apply(this, arguments);
+  return __assign$c.apply(this, arguments);
 };
 var mergeInteractionManagers = function(main, fallback) {
   return {
     mode: main.mode,
     createInteractiveElementProps: function(item, treeId, actions, renderFlags) {
-      return __assign$d(__assign$d({}, fallback.createInteractiveElementProps(item, treeId, actions, renderFlags)), main.createInteractiveElementProps(item, treeId, actions, renderFlags));
+      return __assign$c(__assign$c({}, fallback.createInteractiveElementProps(item, treeId, actions, renderFlags)), main.createInteractiveElementProps(item, treeId, actions, renderFlags));
     }
   };
 };
@@ -68580,10 +68598,11 @@ var DoubleClickItemToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68631,10 +68650,11 @@ var ClickItemToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68678,10 +68698,11 @@ var ClickArrowToExpandInteractionManager = (
       var _this = this;
       return {
         onClick: function(e) {
+          var isSpacebarEvent = e.detail === 0;
           actions.focusItem();
-          if (e.shiftKey) {
+          if (e.shiftKey && !isSpacebarEvent) {
             actions.selectUpTo(!isControlKey$1(e));
-          } else if (isControlKey$1(e)) {
+          } else if (isControlKey$1(e) && !isSpacebarEvent) {
             if (renderFlags.isSelected) {
               actions.unselectItem();
             } else {
@@ -68799,7 +68820,7 @@ var useGetViableDragPositions = function() {
     return isDescendant(treeId, parentLinearIndex, potentialParents);
   }, [getParentOfLinearItem]);
   return useCallback(function(treeId, draggingItems) {
-    var _a3, _b2;
+    var _a3, _b2, _c, _d;
     var linearItems = environment.linearItems[treeId];
     var targets = [];
     var skipUntilDepthIsLowerThan = -1;
@@ -68809,7 +68830,7 @@ var useGetViableDragPositions = function() {
       // eslint-disable-next-line no-plusplus
       linearIndex++
     ) {
-      var _c = linearItems[linearIndex], item = _c.item, depth = _c.depth;
+      var _e = linearItems[linearIndex], item = _e.item, depth = _e.depth;
       if (skipUntilDepthIsLowerThan !== -1 && depth > skipUntilDepthIsLowerThan) {
         continue;
       } else {
@@ -68847,14 +68868,17 @@ var useGetViableDragPositions = function() {
         depth,
         treeId
       };
-      var skipTopPosition = depth === ((_b2 = (_a3 = linearItems[linearIndex - 1]) === null || _a3 === void 0 ? void 0 : _a3.depth) !== null && _b2 !== void 0 ? _b2 : -1);
-      if (!skipTopPosition && canDropAt(topPosition, draggingItems)) {
+      var depthOfItemAbove = (_b2 = (_a3 = linearItems[linearIndex - 1]) === null || _a3 === void 0 ? void 0 : _a3.depth) !== null && _b2 !== void 0 ? _b2 : -1;
+      var depthOfItemBelow = (_d = (_c = linearItems[linearIndex + 1]) === null || _c === void 0 ? void 0 : _c.depth) !== null && _d !== void 0 ? _d : -1;
+      var isWithinFolder = depth === depthOfItemAbove;
+      var isBelowOpenFolder = depth === depthOfItemBelow - 1;
+      if (!isWithinFolder && canDropAt(topPosition, draggingItems)) {
         targets.push(topPosition);
       }
       if (canDropAt(itemPosition, draggingItems)) {
         targets.push(itemPosition);
       }
-      if (canDropAt(bottomPosition, draggingItems)) {
+      if (!isBelowOpenFolder && canDropAt(bottomPosition, draggingItems)) {
         targets.push(bottomPosition);
       }
     }
@@ -68893,8 +68917,8 @@ var useSideEffect = function(effect, deps, changeOn) {
     }
   }, __spreadArray$4(__spreadArray$4([], deps, true), changeOn, true));
 };
-var __assign$c = function() {
-  __assign$c = Object.assign || function(t) {
+var __assign$b = function() {
+  __assign$b = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -68902,7 +68926,7 @@ var __assign$c = function() {
     }
     return t;
   };
-  return __assign$c.apply(this, arguments);
+  return __assign$b.apply(this, arguments);
 };
 var buildMapForTrees = function(treeIds, build) {
   return treeIds.map(function(id2) {
@@ -68910,7 +68934,7 @@ var buildMapForTrees = function(treeIds, build) {
   }).reduce(function(a, _a3) {
     var _b2;
     var id2 = _a3[0], obj = _a3[1];
-    return __assign$c(__assign$c({}, a), (_b2 = {}, _b2[id2] = obj, _b2));
+    return __assign$b(__assign$b({}, a), (_b2 = {}, _b2[id2] = obj, _b2));
   }, {});
 };
 var getDocument = function() {
@@ -69417,7 +69441,7 @@ var DragAndDropProvider = function(_a3) {
   var programmaticDragDown = useCallback(function() {
     if (environment.activeTreeId) {
       setProgrammaticDragIndex(function(oldIndex) {
-        return Math.min(viableDragPositions[environment.activeTreeId].length, oldIndex + 1);
+        return Math.min(viableDragPositions[environment.activeTreeId].length - 1, oldIndex + 1);
       });
     }
   }, [environment.activeTreeId, viableDragPositions]);
@@ -69462,8 +69486,8 @@ var DragAndDropProvider = function(_a3) {
   }, [onDropHandler, resetState]);
   return React.createElement(DragAndDropContext.Provider, { value: dnd }, children);
 };
-var __assign$b = function() {
-  __assign$b = Object.assign || function(t) {
+var __assign$a = function() {
+  __assign$a = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -69471,13 +69495,13 @@ var __assign$b = function() {
     }
     return t;
   };
-  return __assign$b.apply(this, arguments);
+  return __assign$a.apply(this, arguments);
 };
 var useCreatedEnvironmentRef = function(ref, actions) {
   var environment = useTreeEnvironment();
   var dnd = useDragAndDrop();
   useImperativeHandle(ref, function() {
-    return __assign$b(__assign$b(__assign$b({}, actions), environment), { treeEnvironmentContext: environment, dragAndDropContext: dnd });
+    return __assign$a(__assign$a(__assign$a({}, actions), environment), { treeEnvironmentContext: environment, dragAndDropContext: dnd });
   });
 };
 var waitFor = function(check2, intervalMs, timeoutMs) {
@@ -69833,8 +69857,8 @@ var scrollIntoView = function(element) {
     }
   }
 };
-var __assign$a = function() {
-  __assign$a = Object.assign || function(t) {
+var __assign$9 = function() {
+  __assign$9 = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -69842,7 +69866,7 @@ var __assign$a = function() {
     }
     return t;
   };
-  return __assign$a.apply(this, arguments);
+  return __assign$9.apply(this, arguments);
 };
 var cx$1 = function() {
   var classNames = [];
@@ -69873,7 +69897,7 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var item = _a3.item, context = _a3.context;
       return (
         // Icons from https://blueprintjs.com/docs/#icons
-        React__default.createElement("div", __assign$a({ className: cx$1(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? React__default.createElement(
+        React__default.createElement("div", __assign$9({ className: cx$1(item.isFolder && "rct-tree-item-arrow-isFolder", context.isExpanded && "rct-tree-item-arrow-expanded", "rct-tree-item-arrow") }, context.arrowProps), item.isFolder && (context.isExpanded ? React__default.createElement(
           "svg",
           { version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 16 16", enableBackground: "new 0 0 16 16", xmlSpace: "preserve" },
           React__default.createElement(
@@ -69906,12 +69930,12 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var type = context.isRenaming ? void 0 : "button";
       return React__default.createElement(
         "li",
-        __assign$a({}, context.itemContainerWithChildrenProps, { className: cx$1("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
+        __assign$9({}, context.itemContainerWithChildrenProps, { className: cx$1("rct-tree-item-li", item.isFolder && "rct-tree-item-li-isFolder", context.isSelected && "rct-tree-item-li-selected", context.isExpanded && "rct-tree-item-li-expanded", context.isFocused && "rct-tree-item-li-focused", context.isDraggingOver && "rct-tree-item-li-dragging-over", context.isSearchMatching && "rct-tree-item-li-search-match") }),
         React__default.createElement(
           "div",
-          __assign$a({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx$1("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
+          __assign$9({}, context.itemContainerWithoutChildrenProps, { style: { "--depthOffset": "".concat((depth + 1) * renderDepthOffset, "px") }, className: cx$1("rct-tree-item-title-container", item.isFolder && "rct-tree-item-title-container-isFolder", context.isSelected && "rct-tree-item-title-container-selected", context.isExpanded && "rct-tree-item-title-container-expanded", context.isFocused && "rct-tree-item-title-container-focused", context.isDraggingOver && "rct-tree-item-title-container-dragging-over", context.isSearchMatching && "rct-tree-item-title-container-search-match") }),
           arrow,
-          React__default.createElement(InteractiveComponent, __assign$a({ type }, context.interactiveElementProps, { className: cx$1("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title2)
+          React__default.createElement(InteractiveComponent, __assign$9({ type }, context.interactiveElementProps, { className: cx$1("rct-tree-item-button", item.isFolder && "rct-tree-item-button-isFolder", context.isSelected && "rct-tree-item-button-selected", context.isExpanded && "rct-tree-item-button-expanded", context.isFocused && "rct-tree-item-button-focused", context.isDraggingOver && "rct-tree-item-button-dragging-over", context.isSearchMatching && "rct-tree-item-button-search-match") }), title2)
         ),
         children
       );
@@ -69920,9 +69944,9 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       var inputProps = _a3.inputProps, inputRef = _a3.inputRef, submitButtonProps = _a3.submitButtonProps, submitButtonRef = _a3.submitButtonRef, formProps = _a3.formProps;
       return React__default.createElement(
         "form",
-        __assign$a({}, formProps, { className: "rct-tree-item-renaming-form" }),
-        React__default.createElement("input", __assign$a({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
-        React__default.createElement("input", __assign$a({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
+        __assign$9({}, formProps, { className: "rct-tree-item-renaming-form" }),
+        React__default.createElement("input", __assign$9({}, inputProps, { ref: inputRef, className: "rct-tree-item-renaming-input" })),
+        React__default.createElement("input", __assign$9({}, submitButtonProps, { ref: submitButtonRef, type: "submit", className: "rct-tree-item-renaming-submit-button", value: "🗸" }))
       );
     },
     renderTreeContainer: function(_a3) {
@@ -69930,16 +69954,16 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
       return React__default.createElement(
         "div",
         { className: cx$1("rct-tree-root", info.isFocused && "rct-tree-root-focus", info.isRenaming && "rct-tree-root-renaming", info.areItemsSelected && "rct-tree-root-itemsselected", rtl) },
-        React__default.createElement("div", __assign$a({}, containerProps, { style: __assign$a({ minHeight: "30px" }, containerProps.style) }), children)
+        React__default.createElement("div", __assign$9({}, containerProps, { style: __assign$9({ minHeight: "30px" }, containerProps.style) }), children)
       );
     },
     renderItemsContainer: function(_a3) {
       var children = _a3.children, containerProps = _a3.containerProps;
-      return React__default.createElement("ul", __assign$a({}, containerProps, { className: "rct-tree-items-container" }), children);
+      return React__default.createElement("ul", __assign$9({}, containerProps, { className: "rct-tree-items-container" }), children);
     },
     renderDragBetweenLine: function(_a3) {
       var draggingPosition = _a3.draggingPosition, lineProps = _a3.lineProps;
-      return React__default.createElement("div", __assign$a({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx$1("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
+      return React__default.createElement("div", __assign$9({}, lineProps, { style: { left: "".concat(draggingPosition.depth * renderDepthOffset, "px") }, className: cx$1("rct-tree-drag-between-line", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "top" && "rct-tree-drag-between-line-top", draggingPosition.targetType === "between-items" && draggingPosition.linePosition === "bottom" && "rct-tree-drag-between-line-bottom") }));
     },
     renderSearchInput: function(_a3) {
       var inputProps = _a3.inputProps;
@@ -69947,7 +69971,7 @@ var createDefaultRenderers = function(renderDepthOffset, rtl) {
         "div",
         { className: cx$1("rct-tree-search-input-container") },
         React__default.createElement("span", { className: "rct-tree-input-icon" }),
-        React__default.createElement("input", __assign$a({}, inputProps, { className: cx$1("rct-tree-search-input") }))
+        React__default.createElement("input", __assign$9({}, inputProps, { className: cx$1("rct-tree-search-input") }))
       );
     },
     renderLiveDescriptorContainer: function(_a3) {
@@ -70018,8 +70042,8 @@ var getItemsLinearly = function(rootItem, viewState, items, depth) {
   }
   return itemIds;
 };
-var __assign$9 = function() {
-  __assign$9 = Object.assign || function(t) {
+var __assign$8 = function() {
+  __assign$8 = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -70027,7 +70051,7 @@ var __assign$9 = function() {
     }
     return t;
   };
-  return __assign$9.apply(this, arguments);
+  return __assign$8.apply(this, arguments);
 };
 var __rest = function(s, e) {
   var t = {};
@@ -70077,7 +70101,7 @@ var useControlledTreeEnvironmentProps = function(_a3) {
   var registerTree = useCallback(function(tree) {
     setTrees(function(trees3) {
       var _a4;
-      return __assign$9(__assign$9({}, trees3), (_a4 = {}, _a4[tree.treeId] = tree, _a4));
+      return __assign$8(__assign$8({}, trees3), (_a4 = {}, _a4[tree.treeId] = tree, _a4));
     });
     onRegisterTree === null || onRegisterTree === void 0 ? void 0 : onRegisterTree(tree);
   }, [onRegisterTree]);
@@ -70134,33 +70158,26 @@ var useControlledTreeEnvironmentProps = function(_a3) {
     }
   }, [autoFocus, focusTree]);
   var renderers = useRenderers(props);
-  return __assign$9(__assign$9(__assign$9({}, renderers), props), { onFocusItem: onFocusItemHandler, registerTree, unregisterTree, onExpandItem, onCollapseItem, onDrop, setActiveTree, treeIds, trees: trees2, activeTreeId, linearItems });
-};
-var __assign$8 = function() {
-  __assign$8 = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-        t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign$8.apply(this, arguments);
+  return __assign$8(__assign$8(__assign$8({}, renderers), props), { onFocusItem: onFocusItemHandler, registerTree, unregisterTree, onExpandItem, onCollapseItem, onDrop, setActiveTree, treeIds, trees: trees2, activeTreeId, linearItems });
 };
 var TreeEnvironmentContext = React.createContext(null);
 var useTreeEnvironment = function() {
   return useContext(TreeEnvironmentContext);
 };
 var ControlledTreeEnvironment = React.forwardRef(function(props, ref) {
-  var _a3, _b2, _c;
   var environmentContextProps = useControlledTreeEnvironmentProps(props);
-  var viewState = props.viewState;
-  for (var _i = 0, _d = Object.keys(environmentContextProps.trees); _i < _d.length; _i++) {
-    var treeId = _d[_i];
-    if (!((_a3 = viewState[treeId]) === null || _a3 === void 0 ? void 0 : _a3.focusedItem) && environmentContextProps.trees[treeId]) {
-      viewState[treeId] = __assign$8(__assign$8({}, viewState[treeId]), { focusedItem: (_c = (_b2 = props.items[environmentContextProps.trees[treeId].rootItem]) === null || _b2 === void 0 ? void 0 : _b2.children) === null || _c === void 0 ? void 0 : _c[0] });
+  var viewState = props.viewState, onFocusItem = props.onFocusItem;
+  useEffect(function() {
+    var _a3, _b2, _c;
+    for (var _i = 0, _d = Object.keys(environmentContextProps.trees); _i < _d.length; _i++) {
+      var treeId = _d[_i];
+      var firstItemIndex = (_b2 = (_a3 = props.items[environmentContextProps.trees[treeId].rootItem]) === null || _a3 === void 0 ? void 0 : _a3.children) === null || _b2 === void 0 ? void 0 : _b2[0];
+      var firstItem = firstItemIndex && props.items[firstItemIndex];
+      if (!((_c = viewState[treeId]) === null || _c === void 0 ? void 0 : _c.focusedItem) && environmentContextProps.trees[treeId] && firstItem) {
+        onFocusItem === null || onFocusItem === void 0 ? void 0 : onFocusItem(firstItem, treeId, false);
+      }
     }
-  }
+  }, [environmentContextProps.trees, onFocusItem, props.items, viewState]);
   return React.createElement(
     TreeEnvironmentContext.Provider,
     { value: environmentContextProps },
@@ -70255,11 +70272,11 @@ var defaultKeyboardBindings = {
   primaryAction: ["enter"],
   renameItem: ["f2"],
   abortRenameItem: ["escape"],
-  toggleSelectItem: ["control+space"],
+  toggleSelectItem: ["control+ "],
   abortSearch: ["escape", "enter"],
   startSearch: [],
   selectAll: ["control+a"],
-  startProgrammaticDnd: ["control+d"],
+  startProgrammaticDnd: ["control+shift+d"],
   completeProgrammaticDnd: ["enter"],
   abortProgrammaticDnd: ["escape"]
 };
@@ -70319,7 +70336,7 @@ var useHotkey = function(combinationName, onHit, active, activatableWhileFocusin
         return a || b;
       }, false);
       if (partialMatch) {
-        if (pressedKeys.current.length > 1 || !/^[a-zA-Z]$/.test(e.key)) {
+        if (pressedKeys.current.length > 1 || !/^[a-zA-Z\s]$/.test(e.key)) {
           e.preventDefault();
         }
       }
@@ -70553,6 +70570,7 @@ var useTreeKeyboardBindings = function() {
   useHotkey("toggleSelectItem", function(e) {
     var _a4, _b3, _c;
     e.preventDefault();
+    e.stopPropagation();
     if (viewState.focusedItem !== void 0) {
       if (viewState.selectedItems && viewState.selectedItems.includes(viewState.focusedItem)) {
         (_a4 = environment.onSelectItems) === null || _a4 === void 0 ? void 0 : _a4.call(environment, viewState.selectedItems.filter(function(item) {