@qwik.dev/devtools 0.1.0 → 0.1.2

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/useTreeKeyboardBindings.qwik.mjs

@@ -0,0 +1,164 @@
+import { useKey } from "../hotkeys/useKey.qwik.mjs";
+import { useHotkey } from "../hotkeys/useHotkey.qwik.mjs";
+import { useMoveFocusToIndex } from "./useMoveFocusToIndex.qwik.mjs";
+import { useViewState } from "./useViewState.qwik.mjs";
+import { useTree } from "./Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useDragAndDrop } from "../drag/DragAndDropProvider.qwik.mjs";
+import { useSelectUpTo } from "./useSelectUpTo.qwik.mjs";
+import { useLinearItems } from "../controlledEnvironment/useLinearItems.qwik.mjs";
+var __spreadArray = function(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var useTreeKeyboardBindings = function() {
+  var _a;
+  var environment = useTreeEnvironment();
+  var _b = useTree(), treeId = _b.treeId, setRenamingItem = _b.setRenamingItem, setSearch = _b.setSearch, renamingItem = _b.renamingItem;
+  var linearItems = useLinearItems(treeId);
+  var dnd = useDragAndDrop();
+  var viewState = useViewState();
+  var moveFocusToIndex = useMoveFocusToIndex();
+  var selectUpTo = useSelectUpTo("first-selected");
+  var isActiveTree = environment.activeTreeId === treeId;
+  var isRenaming = !!renamingItem;
+  var disableArrowKeys = environment.disableArrowKeys;
+  var enableArrowKeys = !disableArrowKeys && isActiveTree && !isRenaming;
+  useKey("arrowdown", function(e) {
+    e.preventDefault();
+    if (dnd.isProgrammaticallyDragging) {
+      dnd.programmaticDragDown();
+    } else {
+      var newFocusItem = moveFocusToIndex(function(currentIndex) {
+        return currentIndex + 1;
+      });
+      if (e.shiftKey) {
+        selectUpTo(newFocusItem);
+      }
+    }
+  }, enableArrowKeys);
+  useKey("arrowup", function(e) {
+    e.preventDefault();
+    if (dnd.isProgrammaticallyDragging) {
+      dnd.programmaticDragUp();
+    } else {
+      var newFocusItem = moveFocusToIndex(function(currentIndex) {
+        return currentIndex - 1;
+      });
+      if (e.shiftKey) {
+        selectUpTo(newFocusItem);
+      }
+    }
+  }, enableArrowKeys);
+  useHotkey("moveFocusToFirstItem", function(e) {
+    e.preventDefault();
+    moveFocusToIndex(function() {
+      return 0;
+    });
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("moveFocusToLastItem", function(e) {
+    e.preventDefault();
+    moveFocusToIndex(function(currentIndex, linearItems2) {
+      return linearItems2.length - 1;
+    });
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useKey("arrowright", function(e) {
+    e.preventDefault();
+    moveFocusToIndex(function(currentIndex, linearItems2) {
+      var _a2, _b2;
+      var item = environment.items[linearItems2[currentIndex].item];
+      if (item.isFolder) {
+        if ((_a2 = viewState.expandedItems) === null || _a2 === void 0 ? void 0 : _a2.includes(item.index)) {
+          return currentIndex + 1;
+        }
+        (_b2 = environment.onExpandItem) === null || _b2 === void 0 ? void 0 : _b2.call(environment, item, treeId);
+      }
+      return currentIndex;
+    });
+  }, enableArrowKeys && !dnd.isProgrammaticallyDragging);
+  useKey("arrowleft", function(e) {
+    e.preventDefault();
+    moveFocusToIndex(function(currentIndex, linearItems2) {
+      var _a2, _b2;
+      var item = environment.items[linearItems2[currentIndex].item];
+      var itemDepth = linearItems2[currentIndex].depth;
+      if (item.isFolder && ((_a2 = viewState.expandedItems) === null || _a2 === void 0 ? void 0 : _a2.includes(item.index))) {
+        (_b2 = environment.onCollapseItem) === null || _b2 === void 0 ? void 0 : _b2.call(environment, item, treeId);
+      } else if (itemDepth > 0) {
+        var parentIndex = currentIndex;
+        for (parentIndex; linearItems2[parentIndex].depth !== itemDepth - 1; parentIndex -= 1)
+          ;
+        return parentIndex;
+      }
+      return currentIndex;
+    });
+  }, enableArrowKeys && !dnd.isProgrammaticallyDragging);
+  useHotkey("primaryAction", function(e) {
+    var _a2, _b2;
+    e.preventDefault();
+    if (viewState.focusedItem !== void 0) {
+      (_a2 = environment.onSelectItems) === null || _a2 === void 0 ? void 0 : _a2.call(environment, [viewState.focusedItem], treeId);
+      (_b2 = environment.onPrimaryAction) === null || _b2 === void 0 ? void 0 : _b2.call(environment, environment.items[viewState.focusedItem], treeId);
+    }
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("toggleSelectItem", function(e) {
+    var _a2, _b2, _c;
+    e.preventDefault();
+    if (viewState.focusedItem !== void 0) {
+      if (viewState.selectedItems && viewState.selectedItems.includes(viewState.focusedItem)) {
+        (_a2 = environment.onSelectItems) === null || _a2 === void 0 ? void 0 : _a2.call(environment, viewState.selectedItems.filter(function(item) {
+          return item !== viewState.focusedItem;
+        }), treeId);
+      } else {
+        (_b2 = environment.onSelectItems) === null || _b2 === void 0 ? void 0 : _b2.call(environment, __spreadArray(__spreadArray([], (_c = viewState.selectedItems) !== null && _c !== void 0 ? _c : [], true), [viewState.focusedItem], false), treeId);
+      }
+    }
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("selectAll", function(e) {
+    var _a2;
+    e.preventDefault();
+    (_a2 = environment.onSelectItems) === null || _a2 === void 0 ? void 0 : _a2.call(environment, linearItems.map(function(_a3) {
+      var item = _a3.item;
+      return item;
+    }), treeId);
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("renameItem", function(e) {
+    var _a2;
+    if (viewState.focusedItem === void 0) {
+      return;
+    }
+    e.preventDefault();
+    var item = environment.items[viewState.focusedItem];
+    if (item.canRename === false) {
+      return;
+    }
+    (_a2 = environment.onStartRenamingItem) === null || _a2 === void 0 ? void 0 : _a2.call(environment, item, treeId);
+    setRenamingItem(item.index);
+  }, isActiveTree && ((_a = environment.canRename) !== null && _a !== void 0 ? _a : true) && !isRenaming);
+  useHotkey("startSearch", function(e) {
+    var _a2, _b2;
+    e.preventDefault();
+    setSearch("");
+    (_b2 = (_a2 = document.querySelector('[data-rct-search-input="true"]')) === null || _a2 === void 0 ? void 0 : _a2.focus) === null || _b2 === void 0 ? void 0 : _b2.call(_a2);
+  }, isActiveTree && !dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("startProgrammaticDnd", function(e) {
+    e.preventDefault();
+    dnd.startProgrammaticDrag();
+  }, isActiveTree && !isRenaming);
+  useHotkey("completeProgrammaticDnd", function(e) {
+    e.preventDefault();
+    dnd.completeProgrammaticDrag();
+  }, isActiveTree && dnd.isProgrammaticallyDragging && !isRenaming);
+  useHotkey("abortProgrammaticDnd", function(e) {
+    e.preventDefault();
+    dnd.abortProgrammaticDrag();
+  }, isActiveTree && dnd.isProgrammaticallyDragging && !isRenaming);
+};
+export {
+  useTreeKeyboardBindings
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/useViewState.qwik.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Tree = require("./Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+var useViewState = function() {
+  var _a;
+  var treeId = Tree.useTree().treeId;
+  var viewState = ControlledTreeEnvironment.useTreeEnvironment().viewState;
+  return (_a = viewState[treeId]) !== null && _a !== void 0 ? _a : {};
+};
+exports.useViewState = useViewState;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/useViewState.qwik.mjs

@@ -0,0 +1,11 @@
+import { useTree } from "./Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+var useViewState = function() {
+  var _a;
+  var treeId = useTree().treeId;
+  var viewState = useTreeEnvironment().viewState;
+  return (_a = viewState[treeId]) !== null && _a !== void 0 ? _a : {};
+};
+export {
+  useViewState
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeActions/TreeActionsProvider.qwik.cjs

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const DragAndDropProvider = require("../drag/DragAndDropProvider.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const useCreatedTreeRef = require("./useCreatedTreeRef.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+const EnvironmentActionsProvider = require("../environmentActions/EnvironmentActionsProvider.qwik.cjs");
+var EnvironmentActionsContext = index.reactExports.createContext(null);
+var TreeActionsProvider = index.reactExports.forwardRef(function(props, ref) {
+  ControlledTreeEnvironment.useTreeEnvironment();
+  var tree = Tree.useTree();
+  DragAndDropProvider.useDragAndDrop();
+  var envActions = EnvironmentActionsProvider.useEnvironmentActions();
+  var actions = index.reactExports.useMemo(function() {
+    return {
+      abortRenamingItem: function() {
+        tree.setRenamingItem(null);
+      },
+      abortSearch: function() {
+        tree.setSearch(null);
+      },
+      collapseItem: function(itemId) {
+        envActions.collapseItem(itemId, tree.treeId);
+      },
+      completeRenamingItem: function() {
+      },
+      expandItem: function(itemId) {
+        envActions.expandItem(itemId, tree.treeId);
+      },
+      focusItem: function(itemId, setDomFocus) {
+        if (setDomFocus === void 0) {
+          setDomFocus = true;
+        }
+        envActions.focusItem(itemId, tree.treeId, setDomFocus);
+      },
+      focusTree: function(autoFocus) {
+        if (autoFocus === void 0) {
+          autoFocus = true;
+        }
+        envActions.focusTree(tree.treeId, autoFocus);
+      },
+      invokePrimaryAction: function(itemId) {
+        envActions.invokePrimaryAction(itemId, tree.treeId);
+      },
+      moveFocusDown: function() {
+        envActions.moveFocusDown(tree.treeId);
+      },
+      moveFocusUp: function() {
+        envActions.moveFocusUp(tree.treeId);
+      },
+      renameItem: function(itemId, name) {
+        envActions.renameItem(itemId, name, tree.treeId);
+      },
+      selectItems: function(itemsIds) {
+        envActions.selectItems(itemsIds, tree.treeId);
+      },
+      setSearch: function(search) {
+        tree.setSearch(search);
+      },
+      startRenamingItem: function(itemId) {
+        tree.setRenamingItem(itemId);
+      },
+      stopRenamingItem: function() {
+        tree.setRenamingItem(null);
+      },
+      toggleItemExpandedState: function(itemId) {
+        envActions.toggleItemExpandedState(itemId, tree.treeId);
+      },
+      toggleItemSelectStatus: function(itemId) {
+        envActions.toggleItemSelectStatus(itemId, tree.treeId);
+      },
+      expandAll: function() {
+        envActions.expandAll(tree.treeId);
+      },
+      collapseAll: function() {
+        envActions.collapseAll(tree.treeId);
+      },
+      expandSubsequently: function(itemIds) {
+        return envActions.expandSubsequently(tree.treeId, itemIds);
+      }
+    };
+  }, [envActions, tree]);
+  useCreatedTreeRef.useCreatedTreeRef(ref, actions);
+  return index.reactExports.createElement(EnvironmentActionsContext.Provider, { value: actions }, props.children);
+});
+exports.TreeActionsProvider = TreeActionsProvider;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeActions/TreeActionsProvider.qwik.mjs

@@ -0,0 +1,87 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { useDragAndDrop } from "../drag/DragAndDropProvider.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useCreatedTreeRef } from "./useCreatedTreeRef.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useEnvironmentActions } from "../environmentActions/EnvironmentActionsProvider.qwik.mjs";
+var EnvironmentActionsContext = reactExports.createContext(null);
+var TreeActionsProvider = reactExports.forwardRef(function(props, ref) {
+  useTreeEnvironment();
+  var tree = useTree();
+  useDragAndDrop();
+  var envActions = useEnvironmentActions();
+  var actions = reactExports.useMemo(function() {
+    return {
+      abortRenamingItem: function() {
+        tree.setRenamingItem(null);
+      },
+      abortSearch: function() {
+        tree.setSearch(null);
+      },
+      collapseItem: function(itemId) {
+        envActions.collapseItem(itemId, tree.treeId);
+      },
+      completeRenamingItem: function() {
+      },
+      expandItem: function(itemId) {
+        envActions.expandItem(itemId, tree.treeId);
+      },
+      focusItem: function(itemId, setDomFocus) {
+        if (setDomFocus === void 0) {
+          setDomFocus = true;
+        }
+        envActions.focusItem(itemId, tree.treeId, setDomFocus);
+      },
+      focusTree: function(autoFocus) {
+        if (autoFocus === void 0) {
+          autoFocus = true;
+        }
+        envActions.focusTree(tree.treeId, autoFocus);
+      },
+      invokePrimaryAction: function(itemId) {
+        envActions.invokePrimaryAction(itemId, tree.treeId);
+      },
+      moveFocusDown: function() {
+        envActions.moveFocusDown(tree.treeId);
+      },
+      moveFocusUp: function() {
+        envActions.moveFocusUp(tree.treeId);
+      },
+      renameItem: function(itemId, name) {
+        envActions.renameItem(itemId, name, tree.treeId);
+      },
+      selectItems: function(itemsIds) {
+        envActions.selectItems(itemsIds, tree.treeId);
+      },
+      setSearch: function(search) {
+        tree.setSearch(search);
+      },
+      startRenamingItem: function(itemId) {
+        tree.setRenamingItem(itemId);
+      },
+      stopRenamingItem: function() {
+        tree.setRenamingItem(null);
+      },
+      toggleItemExpandedState: function(itemId) {
+        envActions.toggleItemExpandedState(itemId, tree.treeId);
+      },
+      toggleItemSelectStatus: function(itemId) {
+        envActions.toggleItemSelectStatus(itemId, tree.treeId);
+      },
+      expandAll: function() {
+        envActions.expandAll(tree.treeId);
+      },
+      collapseAll: function() {
+        envActions.collapseAll(tree.treeId);
+      },
+      expandSubsequently: function(itemIds) {
+        return envActions.expandSubsequently(tree.treeId, itemIds);
+      }
+    };
+  }, [envActions, tree]);
+  useCreatedTreeRef(ref, actions);
+  return reactExports.createElement(EnvironmentActionsContext.Provider, { value: actions }, props.children);
+});
+export {
+  TreeActionsProvider
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeActions/useCreatedTreeRef.qwik.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const DragAndDropProvider = require("../drag/DragAndDropProvider.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+var __assign = function() {
+  __assign = 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.apply(this, arguments);
+};
+var useCreatedTreeRef = function(ref, actions) {
+  var environment = ControlledTreeEnvironment.useTreeEnvironment();
+  var tree = Tree.useTree();
+  var dnd = DragAndDropProvider.useDragAndDrop();
+  index.reactExports.useImperativeHandle(ref, function() {
+    return __assign(__assign(__assign({}, actions), { treeEnvironmentContext: environment, dragAndDropContext: dnd, treeContext: tree }), tree.treeInformation);
+  });
+};
+exports.useCreatedTreeRef = useCreatedTreeRef;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeActions/useCreatedTreeRef.qwik.mjs

@@ -0,0 +1,26 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useDragAndDrop } from "../drag/DragAndDropProvider.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+var __assign = function() {
+  __assign = 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.apply(this, arguments);
+};
+var useCreatedTreeRef = function(ref, actions) {
+  var environment = useTreeEnvironment();
+  var tree = useTree();
+  var dnd = useDragAndDrop();
+  reactExports.useImperativeHandle(ref, function() {
+    return __assign(__assign(__assign({}, actions), { treeEnvironmentContext: environment, dragAndDropContext: dnd, treeContext: tree }), tree.treeInformation);
+  });
+};
+export {
+  useCreatedTreeRef
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeItem/TreeItemChildren.qwik.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const TreeItemElement = require("./TreeItemElement.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+var TreeItemChildren = function(props) {
+  var _a = Tree.useTree(), renderers = _a.renderers, treeInformation = _a.treeInformation;
+  var childElements = [];
+  for (var _i = 0, _b = props.children; _i < _b.length; _i++) {
+    var child = _b[_i];
+    childElements.push(index.default.createElement(TreeItemElement.TreeItemElement, { key: child, itemIndex: child, depth: props.depth }));
+  }
+  if (childElements.length === 0) {
+    return null;
+  }
+  var containerProps = {
+    role: props.depth !== 0 ? "group" : void 0
+  };
+  return renderers.renderItemsContainer({
+    children: childElements,
+    info: treeInformation,
+    containerProps,
+    depth: props.depth,
+    parentId: props.parentId
+  });
+};
+exports.TreeItemChildren = TreeItemChildren;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeItem/TreeItemChildren.qwik.mjs

@@ -0,0 +1,27 @@
+import React from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { TreeItemElement } from "./TreeItemElement.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+var TreeItemChildren = function(props) {
+  var _a = useTree(), renderers = _a.renderers, treeInformation = _a.treeInformation;
+  var childElements = [];
+  for (var _i = 0, _b = props.children; _i < _b.length; _i++) {
+    var child = _b[_i];
+    childElements.push(React.createElement(TreeItemElement, { key: child, itemIndex: child, depth: props.depth }));
+  }
+  if (childElements.length === 0) {
+    return null;
+  }
+  var containerProps = {
+    role: props.depth !== 0 ? "group" : void 0
+  };
+  return renderers.renderItemsContainer({
+    children: childElements,
+    info: treeInformation,
+    containerProps,
+    depth: props.depth,
+    parentId: props.parentId
+  });
+};
+export {
+  TreeItemChildren
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeItem/TreeItemElement.qwik.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const TreeItemChildren = require("./TreeItemChildren.qwik.cjs");
+const useViewState = require("../tree/useViewState.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const useTreeItemRenderContext = require("./useTreeItemRenderContext.qwik.cjs");
+const TreeItemRenamingInput = require("./TreeItemRenamingInput.qwik.cjs");
+var TreeItemElement = function(props) {
+  var _a, _b, _c, _d;
+  var _e = index.reactExports.useState(false), hasBeenRequested = _e[0], setHasBeenRequested = _e[1];
+  var _f = Tree.useTree(), renderers = _f.renderers, treeInformation = _f.treeInformation, renamingItem = _f.renamingItem;
+  var environment = ControlledTreeEnvironment.useTreeEnvironment();
+  var viewState = useViewState.useViewState();
+  var item = environment.items[props.itemIndex];
+  var isExpanded = index.reactExports.useMemo(function() {
+    var _a2;
+    return (_a2 = viewState.expandedItems) === null || _a2 === void 0 ? void 0 : _a2.includes(props.itemIndex);
+  }, [props.itemIndex, viewState.expandedItems]);
+  var renderContext = useTreeItemRenderContext.useTreeItemRenderContext(item);
+  if (item === void 0 || renderContext === void 0) {
+    if (!hasBeenRequested) {
+      setHasBeenRequested(true);
+      (_a = environment.onMissingItems) === null || _a === void 0 ? void 0 : _a.call(environment, [props.itemIndex]);
+    }
+    return null;
+  }
+  var shouldRenderChildren = (_c = (_b = environment.shouldRenderChildren) === null || _b === void 0 ? void 0 : _b.call(environment, item, renderContext)) !== null && _c !== void 0 ? _c : item.isFolder && isExpanded;
+  var children = item.children && shouldRenderChildren && index.default.createElement(TreeItemChildren.TreeItemChildren, { depth: props.depth + 1, parentId: props.itemIndex }, item.children);
+  var title = environment.getItemTitle(item);
+  var titleComponent = renamingItem === props.itemIndex ? index.default.createElement(TreeItemRenamingInput.TreeItemRenamingInput, { itemIndex: props.itemIndex }) : renderers.renderItemTitle({
+    info: treeInformation,
+    context: renderContext,
+    title,
+    item
+  });
+  var arrowComponent = renderers.renderItemArrow({
+    info: treeInformation,
+    context: renderContext,
+    item: environment.items[props.itemIndex]
+  });
+  return (_d = renderers.renderItem({
+    item: environment.items[props.itemIndex],
+    depth: props.depth,
+    title: titleComponent,
+    arrow: arrowComponent,
+    context: renderContext,
+    info: treeInformation,
+    children
+  })) !== null && _d !== void 0 ? _d : null;
+};
+exports.TreeItemElement = TreeItemElement;

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeItem/TreeItemElement.qwik.mjs

@@ -0,0 +1,53 @@
+import React, { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { TreeItemChildren } from "./TreeItemChildren.qwik.mjs";
+import { useViewState } from "../tree/useViewState.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useTreeItemRenderContext } from "./useTreeItemRenderContext.qwik.mjs";
+import { TreeItemRenamingInput } from "./TreeItemRenamingInput.qwik.mjs";
+var TreeItemElement = function(props) {
+  var _a, _b, _c, _d;
+  var _e = reactExports.useState(false), hasBeenRequested = _e[0], setHasBeenRequested = _e[1];
+  var _f = useTree(), renderers = _f.renderers, treeInformation = _f.treeInformation, renamingItem = _f.renamingItem;
+  var environment = useTreeEnvironment();
+  var viewState = useViewState();
+  var item = environment.items[props.itemIndex];
+  var isExpanded = reactExports.useMemo(function() {
+    var _a2;
+    return (_a2 = viewState.expandedItems) === null || _a2 === void 0 ? void 0 : _a2.includes(props.itemIndex);
+  }, [props.itemIndex, viewState.expandedItems]);
+  var renderContext = useTreeItemRenderContext(item);
+  if (item === void 0 || renderContext === void 0) {
+    if (!hasBeenRequested) {
+      setHasBeenRequested(true);
+      (_a = environment.onMissingItems) === null || _a === void 0 ? void 0 : _a.call(environment, [props.itemIndex]);
+    }
+    return null;
+  }
+  var shouldRenderChildren = (_c = (_b = environment.shouldRenderChildren) === null || _b === void 0 ? void 0 : _b.call(environment, item, renderContext)) !== null && _c !== void 0 ? _c : item.isFolder && isExpanded;
+  var children = item.children && shouldRenderChildren && React.createElement(TreeItemChildren, { depth: props.depth + 1, parentId: props.itemIndex }, item.children);
+  var title = environment.getItemTitle(item);
+  var titleComponent = renamingItem === props.itemIndex ? React.createElement(TreeItemRenamingInput, { itemIndex: props.itemIndex }) : renderers.renderItemTitle({
+    info: treeInformation,
+    context: renderContext,
+    title,
+    item
+  });
+  var arrowComponent = renderers.renderItemArrow({
+    info: treeInformation,
+    context: renderContext,
+    item: environment.items[props.itemIndex]
+  });
+  return (_d = renderers.renderItem({
+    item: environment.items[props.itemIndex],
+    depth: props.depth,
+    title: titleComponent,
+    arrow: arrowComponent,
+    context: renderContext,
+    info: treeInformation,
+    children
+  })) !== null && _d !== void 0 ? _d : null;
+};
+export {
+  TreeItemElement
+};

package/dist/ui/node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/treeItem/TreeItemRenamingInput.qwik.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const useHotkey = require("../hotkeys/useHotkey.qwik.cjs");
+const useSideEffect = require("../useSideEffect.qwik.cjs");
+const useCallSoon = require("../useCallSoon.qwik.cjs");
+var TreeItemRenamingInput = function(props) {
+  var _a = Tree.useTree(), renderers = _a.renderers, treeInformation = _a.treeInformation, setRenamingItem = _a.setRenamingItem, treeId = _a.treeId;
+  var environment = ControlledTreeEnvironment.useTreeEnvironment();
+  var inputRef = index.reactExports.useRef(null);
+  var submitButtonRef = index.reactExports.useRef(null);
+  var item = environment.items[props.itemIndex];
+  var _b = index.reactExports.useState(environment.getItemTitle(item)), title = _b[0], setTitle = _b[1];
+  var callSoon = useCallSoon.useCallSoon(true);
+  var abort = function() {
+    var _a2;
+    (_a2 = environment.onAbortRenamingItem) === null || _a2 === void 0 ? void 0 : _a2.call(environment, item, treeInformation.treeId);
+    setRenamingItem(null);
+    callSoon(function() {
+      environment.setActiveTree(treeId);
+    });
+  };
+  var confirm = function() {
+    var _a2;
+    (_a2 = environment.onRenameItem) === null || _a2 === void 0 ? void 0 : _a2.call(environment, item, title, treeInformation.treeId);
+    setRenamingItem(null);
+    callSoon(function() {
+      environment.setActiveTree(treeId);
+    });
+  };
+  useSideEffect.useSideEffect(function() {
+    var _a2, _b2, _c, _d;
+    environment.setActiveTree(treeId);
+    if ((_a2 = environment.autoFocus) !== null && _a2 !== void 0 ? _a2 : true) {
+      (_b2 = inputRef.current) === null || _b2 === void 0 ? void 0 : _b2.select();
+      (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }, [environment, treeId], []);
+  useHotkey.useHotkey("abortRenameItem", function() {
+    abort();
+  }, true, true);
+  var inputProps = {
+    value: title,
+    onChange: function(e) {
+      setTitle(e.target.value);
+    },
+    onBlur: function(e) {
+      if (!e.relatedTarget || e.relatedTarget !== submitButtonRef.current) {
+        abort();
+      }
+    },
+    "aria-label": "New item name",
+    tabIndex: 0
+  };
+  var submitButtonProps = {
+    onClick: function(e) {
+      e.stopPropagation();
+      confirm();
+    }
+  };
+  var formProps = {
+    onSubmit: function(e) {
+      e.preventDefault();
+      confirm();
+    }
+  };
+  return renderers.renderRenameInput({
+    item,
+    inputRef,
+    submitButtonProps,
+    submitButtonRef,
+    formProps,
+    inputProps
+  });
+};
+exports.TreeItemRenamingInput = TreeItemRenamingInput;