@qwik.dev/devtools 0.1.1 → 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/treeItem/TreeItemRenamingInput.qwik.mjs

@@ -0,0 +1,78 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useHotkey } from "../hotkeys/useHotkey.qwik.mjs";
+import { useSideEffect } from "../useSideEffect.qwik.mjs";
+import { useCallSoon } from "../useCallSoon.qwik.mjs";
+var TreeItemRenamingInput = function(props) {
+  var _a = useTree(), renderers = _a.renderers, treeInformation = _a.treeInformation, setRenamingItem = _a.setRenamingItem, treeId = _a.treeId;
+  var environment = useTreeEnvironment();
+  var inputRef = reactExports.useRef(null);
+  var submitButtonRef = reactExports.useRef(null);
+  var item = environment.items[props.itemIndex];
+  var _b = reactExports.useState(environment.getItemTitle(item)), title = _b[0], setTitle = _b[1];
+  var callSoon = 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(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("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
+  });
+};
+export {
+  TreeItemRenamingInput
+};

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

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../../../../../../../_virtual/index.qwik2.cjs");
+const defaultMatcher = require("../search/defaultMatcher.qwik.cjs");
+const Tree = require("../tree/Tree.qwik.cjs");
+const ControlledTreeEnvironment = require("../controlledEnvironment/ControlledTreeEnvironment.qwik.cjs");
+const InteractionManagerProvider = require("../controlledEnvironment/InteractionManagerProvider.qwik.cjs");
+const DragAndDropProvider = require("../drag/DragAndDropProvider.qwik.cjs");
+const useSelectUpTo = require("../tree/useSelectUpTo.qwik.cjs");
+const useGetOriginalItemOrder = require("../useGetOriginalItemOrder.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 __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 useTreeItemRenderContext = function(item) {
+  var _a, _b, _c, _d;
+  var _e = Tree.useTree(), treeId = _e.treeId, search = _e.search, renamingItem = _e.renamingItem, setRenamingItem = _e.setRenamingItem;
+  var environment = ControlledTreeEnvironment.useTreeEnvironment();
+  var interactionManager = InteractionManagerProvider.useInteractionManager();
+  var dnd = DragAndDropProvider.useDragAndDrop();
+  var selectUpTo = useSelectUpTo.useSelectUpTo("last-focus");
+  var itemTitle = item && environment.getItemTitle(item);
+  var getOriginalItemOrder = useGetOriginalItemOrder.useGetOriginalItemOrder();
+  var isSearchMatching = index.reactExports.useMemo(function() {
+    var _a2;
+    return search === null || search.length === 0 || !item || !itemTitle ? false : ((_a2 = environment.doesSearchMatchItem) !== null && _a2 !== void 0 ? _a2 : defaultMatcher.defaultMatcher)(search, item, itemTitle);
+  }, [search, item, itemTitle, environment.doesSearchMatchItem]);
+  var isSelected = item && ((_b = (_a = environment.viewState[treeId]) === null || _a === void 0 ? void 0 : _a.selectedItems) === null || _b === void 0 ? void 0 : _b.includes(item.index));
+  var isExpanded = item && ((_d = (_c = environment.viewState[treeId]) === null || _c === void 0 ? void 0 : _c.expandedItems) === null || _d === void 0 ? void 0 : _d.includes(item.index));
+  var isRenaming = item && renamingItem === item.index;
+  return index.reactExports.useMemo(function() {
+    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _j;
+    if (!item) {
+      return void 0;
+    }
+    var viewState = environment.viewState[treeId];
+    var currentlySelectedItems = ((_b2 = (_a2 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _a2 === void 0 ? void 0 : _a2.map(function(item2) {
+      return environment.items[item2];
+    })) !== null && _b2 !== void 0 ? _b2 : (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []).filter(function(item2) {
+      return !!item2;
+    });
+    var isItemPartOfSelectedItems = !!currentlySelectedItems.find(function(selectedItem) {
+      return selectedItem.index === item.index;
+    });
+    var canDragCurrentlySelectedItems = currentlySelectedItems && ((_d2 = (_c2 = environment.canDrag) === null || _c2 === void 0 ? void 0 : _c2.call(environment, currentlySelectedItems)) !== null && _d2 !== void 0 ? _d2 : true) && currentlySelectedItems.map(function(item2) {
+      var _a3;
+      return (_a3 = item2.canMove) !== null && _a3 !== void 0 ? _a3 : true;
+    }).reduce(function(a, b) {
+      return a && b;
+    }, true);
+    var canDragThisItem = ((_f = (_e2 = environment.canDrag) === null || _e2 === void 0 ? void 0 : _e2.call(environment, [item])) !== null && _f !== void 0 ? _f : true) && ((_g = item.canMove) !== null && _g !== void 0 ? _g : true);
+    var canDrag = environment.canDragAndDrop && (isItemPartOfSelectedItems && canDragCurrentlySelectedItems || !isItemPartOfSelectedItems && canDragThisItem);
+    var canDropOn = environment.canDragAndDrop && !!((_j = (_h = dnd.viableDragPositions) === null || _h === void 0 ? void 0 : _h[treeId]) === null || _j === void 0 ? void 0 : _j.find(function(position) {
+      return position.targetType === "item" && position.targetItem === item.index;
+    }));
+    var actions = {
+      // TODO disable most actions during rename
+      primaryAction: function() {
+        var _a3;
+        (_a3 = environment.onPrimaryAction) === null || _a3 === void 0 ? void 0 : _a3.call(environment, environment.items[item.index], treeId);
+      },
+      collapseItem: function() {
+        var _a3;
+        (_a3 = environment.onCollapseItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+      },
+      expandItem: function() {
+        var _a3;
+        (_a3 = environment.onExpandItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+      },
+      toggleExpandedState: function() {
+        var _a3, _b3;
+        if (isExpanded) {
+          (_a3 = environment.onCollapseItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+        } else {
+          (_b3 = environment.onExpandItem) === null || _b3 === void 0 ? void 0 : _b3.call(environment, item, treeId);
+        }
+      },
+      selectItem: function() {
+        var _a3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, [item.index], treeId);
+      },
+      addToSelectedItems: function() {
+        var _a3, _b3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, __spreadArray(__spreadArray([], (_b3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) !== null && _b3 !== void 0 ? _b3 : [], true), [item.index], false), treeId);
+      },
+      unselectItem: function() {
+        var _a3, _b3, _c3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, (_c3 = (_b3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _b3 === void 0 ? void 0 : _b3.filter(function(id) {
+          return id !== item.index;
+        })) !== null && _c3 !== void 0 ? _c3 : [], treeId);
+      },
+      selectUpTo: function(overrideOldSelection) {
+        selectUpTo(item, overrideOldSelection);
+      },
+      startRenamingItem: function() {
+        setRenamingItem(item.index);
+      },
+      stopRenamingItem: function() {
+        setRenamingItem(null);
+      },
+      focusItem: function(setDomFocus) {
+        var _a3;
+        if (setDomFocus === void 0) {
+          setDomFocus = true;
+        }
+        (_a3 = environment.onFocusItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId, setDomFocus);
+      },
+      startDragging: function() {
+        var _a3, _b3;
+        var selectedItems = (_a3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) !== null && _a3 !== void 0 ? _a3 : [];
+        if (!selectedItems.includes(item.index)) {
+          selectedItems = [item.index];
+          (_b3 = environment.onSelectItems) === null || _b3 === void 0 ? void 0 : _b3.call(environment, selectedItems, treeId);
+        }
+        if (canDrag) {
+          var orderedItems = getOriginalItemOrder(treeId, selectedItems.map(function(id) {
+            return environment.items[id];
+          }));
+          dnd.onStartDraggingItems(orderedItems, treeId);
+        }
+      }
+    };
+    var renderFlags = {
+      isSelected,
+      isExpanded,
+      isFocused: (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) === item.index,
+      isRenaming,
+      isDraggingOver: dnd.draggingPosition && dnd.draggingPosition.targetType === "item" && dnd.draggingPosition.targetItem === item.index && dnd.draggingPosition.treeId === treeId,
+      isDraggingOverParent: false,
+      isSearchMatching,
+      canDrag,
+      canDropOn
+    };
+    var interactiveElementProps = __assign(__assign({}, interactionManager.createInteractiveElementProps(item, treeId, actions, renderFlags, viewState)), {
+      "data-rct-item-interactive": true,
+      "data-rct-item-focus": renderFlags.isFocused ? "true" : "false",
+      "data-rct-item-id": item.index
+    });
+    var itemContainerWithoutChildrenProps = __assign({}, {
+      "data-rct-item-container": "true"
+    });
+    var itemContainerWithChildrenProps = {
+      role: "treeitem",
+      "aria-selected": renderFlags.isSelected,
+      "aria-expanded": item.isFolder ? renderFlags.isExpanded ? "true" : "false" : void 0
+    };
+    var arrowProps = {
+      onClick: function() {
+        if (item.isFolder) {
+          actions.toggleExpandedState();
+        }
+        actions.selectItem();
+      },
+      onFocus: function() {
+        actions.focusItem();
+      },
+      onDragOver: function(e) {
+        e.preventDefault();
+      },
+      "aria-hidden": true,
+      tabIndex: -1
+    };
+    var viewStateFlags = !viewState ? {} : Object.entries(viewState).reduce(function(acc, _a3) {
+      var key = _a3[0], value = _a3[1];
+      acc[key] = Array.isArray(value) ? value.includes(item.index) : value === item.index;
+      return acc;
+    }, {});
+    return __assign(__assign(__assign({}, actions), renderFlags), { interactiveElementProps, itemContainerWithChildrenProps, itemContainerWithoutChildrenProps, arrowProps, viewStateFlags });
+  }, [
+    item,
+    environment,
+    treeId,
+    dnd,
+    isSelected,
+    isExpanded,
+    isRenaming,
+    isSearchMatching,
+    interactionManager,
+    selectUpTo,
+    setRenamingItem,
+    getOriginalItemOrder
+  ]);
+};
+exports.useTreeItemRenderContext = useTreeItemRenderContext;

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

@@ -0,0 +1,200 @@
+import { r as reactExports } from "../../../../../../../../_virtual/index.qwik2.mjs";
+import { defaultMatcher } from "../search/defaultMatcher.qwik.mjs";
+import { useTree } from "../tree/Tree.qwik.mjs";
+import { useTreeEnvironment } from "../controlledEnvironment/ControlledTreeEnvironment.qwik.mjs";
+import { useInteractionManager } from "../controlledEnvironment/InteractionManagerProvider.qwik.mjs";
+import { useDragAndDrop } from "../drag/DragAndDropProvider.qwik.mjs";
+import { useSelectUpTo } from "../tree/useSelectUpTo.qwik.mjs";
+import { useGetOriginalItemOrder } from "../useGetOriginalItemOrder.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 __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 useTreeItemRenderContext = function(item) {
+  var _a, _b, _c, _d;
+  var _e = useTree(), treeId = _e.treeId, search = _e.search, renamingItem = _e.renamingItem, setRenamingItem = _e.setRenamingItem;
+  var environment = useTreeEnvironment();
+  var interactionManager = useInteractionManager();
+  var dnd = useDragAndDrop();
+  var selectUpTo = useSelectUpTo("last-focus");
+  var itemTitle = item && environment.getItemTitle(item);
+  var getOriginalItemOrder = useGetOriginalItemOrder();
+  var isSearchMatching = reactExports.useMemo(function() {
+    var _a2;
+    return search === null || search.length === 0 || !item || !itemTitle ? false : ((_a2 = environment.doesSearchMatchItem) !== null && _a2 !== void 0 ? _a2 : defaultMatcher)(search, item, itemTitle);
+  }, [search, item, itemTitle, environment.doesSearchMatchItem]);
+  var isSelected = item && ((_b = (_a = environment.viewState[treeId]) === null || _a === void 0 ? void 0 : _a.selectedItems) === null || _b === void 0 ? void 0 : _b.includes(item.index));
+  var isExpanded = item && ((_d = (_c = environment.viewState[treeId]) === null || _c === void 0 ? void 0 : _c.expandedItems) === null || _d === void 0 ? void 0 : _d.includes(item.index));
+  var isRenaming = item && renamingItem === item.index;
+  return reactExports.useMemo(function() {
+    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _j;
+    if (!item) {
+      return void 0;
+    }
+    var viewState = environment.viewState[treeId];
+    var currentlySelectedItems = ((_b2 = (_a2 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _a2 === void 0 ? void 0 : _a2.map(function(item2) {
+      return environment.items[item2];
+    })) !== null && _b2 !== void 0 ? _b2 : (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) ? [environment.items[viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem]] : []).filter(function(item2) {
+      return !!item2;
+    });
+    var isItemPartOfSelectedItems = !!currentlySelectedItems.find(function(selectedItem) {
+      return selectedItem.index === item.index;
+    });
+    var canDragCurrentlySelectedItems = currentlySelectedItems && ((_d2 = (_c2 = environment.canDrag) === null || _c2 === void 0 ? void 0 : _c2.call(environment, currentlySelectedItems)) !== null && _d2 !== void 0 ? _d2 : true) && currentlySelectedItems.map(function(item2) {
+      var _a3;
+      return (_a3 = item2.canMove) !== null && _a3 !== void 0 ? _a3 : true;
+    }).reduce(function(a, b) {
+      return a && b;
+    }, true);
+    var canDragThisItem = ((_f = (_e2 = environment.canDrag) === null || _e2 === void 0 ? void 0 : _e2.call(environment, [item])) !== null && _f !== void 0 ? _f : true) && ((_g = item.canMove) !== null && _g !== void 0 ? _g : true);
+    var canDrag = environment.canDragAndDrop && (isItemPartOfSelectedItems && canDragCurrentlySelectedItems || !isItemPartOfSelectedItems && canDragThisItem);
+    var canDropOn = environment.canDragAndDrop && !!((_j = (_h = dnd.viableDragPositions) === null || _h === void 0 ? void 0 : _h[treeId]) === null || _j === void 0 ? void 0 : _j.find(function(position) {
+      return position.targetType === "item" && position.targetItem === item.index;
+    }));
+    var actions = {
+      // TODO disable most actions during rename
+      primaryAction: function() {
+        var _a3;
+        (_a3 = environment.onPrimaryAction) === null || _a3 === void 0 ? void 0 : _a3.call(environment, environment.items[item.index], treeId);
+      },
+      collapseItem: function() {
+        var _a3;
+        (_a3 = environment.onCollapseItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+      },
+      expandItem: function() {
+        var _a3;
+        (_a3 = environment.onExpandItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+      },
+      toggleExpandedState: function() {
+        var _a3, _b3;
+        if (isExpanded) {
+          (_a3 = environment.onCollapseItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId);
+        } else {
+          (_b3 = environment.onExpandItem) === null || _b3 === void 0 ? void 0 : _b3.call(environment, item, treeId);
+        }
+      },
+      selectItem: function() {
+        var _a3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, [item.index], treeId);
+      },
+      addToSelectedItems: function() {
+        var _a3, _b3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, __spreadArray(__spreadArray([], (_b3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) !== null && _b3 !== void 0 ? _b3 : [], true), [item.index], false), treeId);
+      },
+      unselectItem: function() {
+        var _a3, _b3, _c3;
+        (_a3 = environment.onSelectItems) === null || _a3 === void 0 ? void 0 : _a3.call(environment, (_c3 = (_b3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) === null || _b3 === void 0 ? void 0 : _b3.filter(function(id) {
+          return id !== item.index;
+        })) !== null && _c3 !== void 0 ? _c3 : [], treeId);
+      },
+      selectUpTo: function(overrideOldSelection) {
+        selectUpTo(item, overrideOldSelection);
+      },
+      startRenamingItem: function() {
+        setRenamingItem(item.index);
+      },
+      stopRenamingItem: function() {
+        setRenamingItem(null);
+      },
+      focusItem: function(setDomFocus) {
+        var _a3;
+        if (setDomFocus === void 0) {
+          setDomFocus = true;
+        }
+        (_a3 = environment.onFocusItem) === null || _a3 === void 0 ? void 0 : _a3.call(environment, item, treeId, setDomFocus);
+      },
+      startDragging: function() {
+        var _a3, _b3;
+        var selectedItems = (_a3 = viewState === null || viewState === void 0 ? void 0 : viewState.selectedItems) !== null && _a3 !== void 0 ? _a3 : [];
+        if (!selectedItems.includes(item.index)) {
+          selectedItems = [item.index];
+          (_b3 = environment.onSelectItems) === null || _b3 === void 0 ? void 0 : _b3.call(environment, selectedItems, treeId);
+        }
+        if (canDrag) {
+          var orderedItems = getOriginalItemOrder(treeId, selectedItems.map(function(id) {
+            return environment.items[id];
+          }));
+          dnd.onStartDraggingItems(orderedItems, treeId);
+        }
+      }
+    };
+    var renderFlags = {
+      isSelected,
+      isExpanded,
+      isFocused: (viewState === null || viewState === void 0 ? void 0 : viewState.focusedItem) === item.index,
+      isRenaming,
+      isDraggingOver: dnd.draggingPosition && dnd.draggingPosition.targetType === "item" && dnd.draggingPosition.targetItem === item.index && dnd.draggingPosition.treeId === treeId,
+      isDraggingOverParent: false,
+      isSearchMatching,
+      canDrag,
+      canDropOn
+    };
+    var interactiveElementProps = __assign(__assign({}, interactionManager.createInteractiveElementProps(item, treeId, actions, renderFlags, viewState)), {
+      "data-rct-item-interactive": true,
+      "data-rct-item-focus": renderFlags.isFocused ? "true" : "false",
+      "data-rct-item-id": item.index
+    });
+    var itemContainerWithoutChildrenProps = __assign({}, {
+      "data-rct-item-container": "true"
+    });
+    var itemContainerWithChildrenProps = {
+      role: "treeitem",
+      "aria-selected": renderFlags.isSelected,
+      "aria-expanded": item.isFolder ? renderFlags.isExpanded ? "true" : "false" : void 0
+    };
+    var arrowProps = {
+      onClick: function() {
+        if (item.isFolder) {
+          actions.toggleExpandedState();
+        }
+        actions.selectItem();
+      },
+      onFocus: function() {
+        actions.focusItem();
+      },
+      onDragOver: function(e) {
+        e.preventDefault();
+      },
+      "aria-hidden": true,
+      tabIndex: -1
+    };
+    var viewStateFlags = !viewState ? {} : Object.entries(viewState).reduce(function(acc, _a3) {
+      var key = _a3[0], value = _a3[1];
+      acc[key] = Array.isArray(value) ? value.includes(item.index) : value === item.index;
+      return acc;
+    }, {});
+    return __assign(__assign(__assign({}, actions), renderFlags), { interactiveElementProps, itemContainerWithChildrenProps, itemContainerWithoutChildrenProps, arrowProps, viewStateFlags });
+  }, [
+    item,
+    environment,
+    treeId,
+    dnd,
+    isSelected,
+    isExpanded,
+    isRenaming,
+    isSearchMatching,
+    interactionManager,
+    selectUpTo,
+    setRenamingItem,
+    getOriginalItemOrder
+  ]);
+};
+export {
+  useTreeItemRenderContext
+};

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.InteractionMode = void 0;
+(function(InteractionMode) {
+  InteractionMode["DoubleClickItemToExpand"] = "double-click-item-to-expand";
+  InteractionMode["ClickItemToExpand"] = "click-item-to-expand";
+  InteractionMode["ClickArrowToExpand"] = "click-arrow-to-expand";
+})(exports.InteractionMode || (exports.InteractionMode = {}));

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

@@ -0,0 +1,9 @@
+var InteractionMode;
+(function(InteractionMode2) {
+  InteractionMode2["DoubleClickItemToExpand"] = "double-click-item-to-expand";
+  InteractionMode2["ClickItemToExpand"] = "click-item-to-expand";
+  InteractionMode2["ClickArrowToExpand"] = "click-arrow-to-expand";
+})(InteractionMode || (InteractionMode = {}));
+export {
+  InteractionMode
+};

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

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var __awaiter = function(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function(resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = function(thisArg, body) {
+  var _ = { label: 0, sent: function() {
+    if (t[0] & 1) throw t[1];
+    return t[1];
+  }, trys: [], ops: [] }, f, y, t, g;
+  return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    return this;
+  }), g;
+  function verb(n) {
+    return function(v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return { value: op[1], done: false };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return { value: op[0] ? op[1] : void 0, done: true };
+  }
+};
+var CompleteTreeDataProvider = (
+  /** @class */
+  function() {
+    function CompleteTreeDataProvider2(provider) {
+      this.provider = provider;
+    }
+    CompleteTreeDataProvider2.prototype.getTreeItem = function(itemId) {
+      return __awaiter(this, void 0, void 0, function() {
+        return __generator(this, function(_a) {
+          return [2, this.provider.getTreeItem(itemId)];
+        });
+      });
+    };
+    CompleteTreeDataProvider2.prototype.getTreeItems = function(itemIds) {
+      return __awaiter(this, void 0, void 0, function() {
+        var _this = this;
+        return __generator(this, function(_a) {
+          return [2, this.provider.getTreeItems ? this.provider.getTreeItems(itemIds) : Promise.all(itemIds.map(function(id) {
+            return _this.provider.getTreeItem(id);
+          }))];
+        });
+      });
+    };
+    CompleteTreeDataProvider2.prototype.onChangeItemChildren = function(itemId, newChildren) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function() {
+        return __generator(this, function(_c) {
+          return [2, (_b = (_a = this.provider).onChangeItemChildren) === null || _b === void 0 ? void 0 : _b.call(_a, itemId, newChildren)];
+        });
+      });
+    };
+    CompleteTreeDataProvider2.prototype.onDidChangeTreeData = function(listener) {
+      return this.provider.onDidChangeTreeData ? this.provider.onDidChangeTreeData(listener) : { dispose: function() {
+      } };
+    };
+    CompleteTreeDataProvider2.prototype.onRenameItem = function(item, name) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function() {
+        return __generator(this, function(_c) {
+          return [2, (_b = (_a = this.provider).onRenameItem) === null || _b === void 0 ? void 0 : _b.call(_a, item, name)];
+        });
+      });
+    };
+    return CompleteTreeDataProvider2;
+  }()
+);
+exports.CompleteTreeDataProvider = CompleteTreeDataProvider;