react-arborist 3.3.0-rc.1 → 3.3.1-0

package/dist/index.js

@@ -1,2433 +0,0 @@
-var $foSVk$reactjsxruntime = require("react/jsx-runtime");
-var $foSVk$react = require("react");
-var $foSVk$usesyncexternalstoreshim = require("use-sync-external-store/shim");
-var $foSVk$reactdndhtml5backend = require("react-dnd-html5-backend");
-var $foSVk$reactdnd = require("react-dnd");
-var $foSVk$redux = require("redux");
-var $foSVk$reactwindow = require("react-window");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "Tree", () => $641461e16d1a2941$export$7fbedc92909ed28e);
-
-
-
-
-
-
-const $d5cb84d44d1b8acc$export$feef243b04ff4151 = (0, $foSVk$react.createContext)(null);
-function $d5cb84d44d1b8acc$export$367b0f2231a90ba0() {
-    const value = (0, $foSVk$react.useContext)($d5cb84d44d1b8acc$export$feef243b04ff4151);
-    if (value === null) throw new Error("No Tree Api Provided");
-    return value;
-}
-const $d5cb84d44d1b8acc$export$f6d467aa8b3786af = (0, $foSVk$react.createContext)(null);
-function $d5cb84d44d1b8acc$export$fd23f19d5d8f3033() {
-    const value = (0, $foSVk$react.useContext)($d5cb84d44d1b8acc$export$f6d467aa8b3786af);
-    if (value === null) throw new Error("Provide a NodesContext");
-    return value;
-}
-const $d5cb84d44d1b8acc$export$2d5c5ceac203fc1e = (0, $foSVk$react.createContext)(null);
-function $d5cb84d44d1b8acc$export$4930f6bf413be70e() {
-    const value = (0, $foSVk$react.useContext)($d5cb84d44d1b8acc$export$2d5c5ceac203fc1e);
-    if (value === null) throw new Error("Provide a DnDContext");
-    return value;
-}
-const $d5cb84d44d1b8acc$export$d0c71bc5e3e2d897 = (0, $foSVk$react.createContext)(0);
-function $d5cb84d44d1b8acc$export$83a4f9dc3b36edb8() {
-    (0, $foSVk$react.useContext)($d5cb84d44d1b8acc$export$d0c71bc5e3e2d897);
-}
-
-
-var $5c74fef433be2b0a$exports = {};
-
-$parcel$export($5c74fef433be2b0a$exports, "TreeApi", () => $5c74fef433be2b0a$export$e2da3477247342d1);
-var $eb5355379510ac9b$exports = {};
-
-$parcel$export($eb5355379510ac9b$exports, "bound", () => $eb5355379510ac9b$export$adf7c0fe6059d774);
-$parcel$export($eb5355379510ac9b$exports, "isItem", () => $eb5355379510ac9b$export$5318634f2ee07019);
-$parcel$export($eb5355379510ac9b$exports, "isClosed", () => $eb5355379510ac9b$export$4210f5ea57fbae57);
-$parcel$export($eb5355379510ac9b$exports, "isDescendant", () => $eb5355379510ac9b$export$8503f9d2928f9a64);
-$parcel$export($eb5355379510ac9b$exports, "indexOf", () => $eb5355379510ac9b$export$305f7d4e9d4624f2);
-$parcel$export($eb5355379510ac9b$exports, "noop", () => $eb5355379510ac9b$export$8793edee2d425525);
-$parcel$export($eb5355379510ac9b$exports, "dfs", () => $eb5355379510ac9b$export$51b654aff22fc5a6);
-$parcel$export($eb5355379510ac9b$exports, "walk", () => $eb5355379510ac9b$export$588732934346abbf);
-$parcel$export($eb5355379510ac9b$exports, "focusNextElement", () => $eb5355379510ac9b$export$3b0237e8566c8d65);
-$parcel$export($eb5355379510ac9b$exports, "focusPrevElement", () => $eb5355379510ac9b$export$33b47db07a82b2fb);
-$parcel$export($eb5355379510ac9b$exports, "access", () => $eb5355379510ac9b$export$9bb0e144ba4929ca);
-$parcel$export($eb5355379510ac9b$exports, "identifyNull", () => $eb5355379510ac9b$export$611823266272db76);
-$parcel$export($eb5355379510ac9b$exports, "identify", () => $eb5355379510ac9b$export$65e5b62a4c490288);
-$parcel$export($eb5355379510ac9b$exports, "mergeRefs", () => $eb5355379510ac9b$export$c9058316764c140e);
-$parcel$export($eb5355379510ac9b$exports, "safeRun", () => $eb5355379510ac9b$export$c6d63370cef03886);
-$parcel$export($eb5355379510ac9b$exports, "waitFor", () => $eb5355379510ac9b$export$9bbfceb27f687c1b);
-$parcel$export($eb5355379510ac9b$exports, "getInsertIndex", () => $eb5355379510ac9b$export$e12bf2314d0bc2a9);
-$parcel$export($eb5355379510ac9b$exports, "getInsertParentId", () => $eb5355379510ac9b$export$58fe32731f07ed56);
-function $eb5355379510ac9b$export$adf7c0fe6059d774(n, min, max) {
-    return Math.max(Math.min(n, max), min);
-}
-function $eb5355379510ac9b$export$5318634f2ee07019(node) {
-    return node && node.isLeaf;
-}
-function $eb5355379510ac9b$export$4210f5ea57fbae57(node) {
-    return node && node.isInternal && !node.isOpen;
-}
-const $eb5355379510ac9b$export$8503f9d2928f9a64 = (a, b)=>{
-    let n = a;
-    while(n){
-        if (n.id === b.id) return true;
-        n = n.parent;
-    }
-    return false;
-};
-const $eb5355379510ac9b$export$305f7d4e9d4624f2 = (node)=>{
-    if (!node.parent) throw Error("Node does not have a parent");
-    return node.parent.children.findIndex((c)=>c.id === node.id);
-};
-function $eb5355379510ac9b$export$8793edee2d425525() {}
-function $eb5355379510ac9b$export$51b654aff22fc5a6(node, id) {
-    if (!node) return null;
-    if (node.id === id) return node;
-    if (node.children) for (let child of node.children){
-        const result = $eb5355379510ac9b$export$51b654aff22fc5a6(child, id);
-        if (result) return result;
-    }
-    return null;
-}
-function $eb5355379510ac9b$export$588732934346abbf(node, fn) {
-    fn(node);
-    if (node.children) for (let child of node.children)$eb5355379510ac9b$export$588732934346abbf(child, fn);
-}
-function $eb5355379510ac9b$export$3b0237e8566c8d65(target) {
-    const elements = $eb5355379510ac9b$var$getFocusable(target);
-    let next;
-    for(let i = 0; i < elements.length; ++i){
-        const item = elements[i];
-        if (item === target) {
-            next = $eb5355379510ac9b$var$nextItem(elements, i);
-            break;
-        }
-    }
-    // @ts-ignore ??
-    next?.focus();
-}
-function $eb5355379510ac9b$export$33b47db07a82b2fb(target) {
-    const elements = $eb5355379510ac9b$var$getFocusable(target);
-    let next;
-    for(let i = 0; i < elements.length; ++i){
-        const item = elements[i];
-        if (item === target) {
-            next = $eb5355379510ac9b$var$prevItem(elements, i);
-            break;
-        }
-    }
-    // @ts-ignore
-    next?.focus();
-}
-function $eb5355379510ac9b$var$nextItem(list, index) {
-    if (index + 1 < list.length) return list[index + 1];
-    else return list[0];
-}
-function $eb5355379510ac9b$var$prevItem(list, index) {
-    if (index - 1 >= 0) return list[index - 1];
-    else return list[list.length - 1];
-}
-function $eb5355379510ac9b$var$getFocusable(target) {
-    return Array.from(document.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled]), details:not([disabled]), summary:not(:disabled)')).filter((e)=>e === target || !target.contains(e));
-}
-function $eb5355379510ac9b$export$9bb0e144ba4929ca(obj, accessor) {
-    if (typeof accessor === "boolean") return accessor;
-    if (typeof accessor === "string") return obj[accessor];
-    return accessor(obj);
-}
-function $eb5355379510ac9b$export$611823266272db76(obj) {
-    if (obj === null) return null;
-    else return $eb5355379510ac9b$export$65e5b62a4c490288(obj);
-}
-function $eb5355379510ac9b$export$65e5b62a4c490288(obj) {
-    return typeof obj === "string" ? obj : obj.id;
-}
-function $eb5355379510ac9b$export$c9058316764c140e(...refs) {
-    return (instance)=>{
-        refs.forEach((ref)=>{
-            if (typeof ref === "function") ref(instance);
-            else if (ref != null) ref.current = instance;
-        });
-    };
-}
-function $eb5355379510ac9b$export$c6d63370cef03886(fn, ...args) {
-    if (fn) return fn(...args);
-}
-function $eb5355379510ac9b$export$9bbfceb27f687c1b(fn) {
-    return new Promise((resolve, reject)=>{
-        let tries = 0;
-        function check() {
-            tries += 1;
-            if (tries === 100) reject();
-            if (fn()) resolve();
-            else setTimeout(check, 10);
-        }
-        check();
-    });
-}
-function $eb5355379510ac9b$export$e12bf2314d0bc2a9(tree) {
-    const focus = tree.focusedNode;
-    if (!focus) return tree.root.children?.length ?? 0;
-    if (focus.isOpen) return 0;
-    if (focus.parent) return focus.childIndex + 1;
-    return 0;
-}
-function $eb5355379510ac9b$export$58fe32731f07ed56(tree) {
-    const focus = tree.focusedNode;
-    if (!focus) return null;
-    if (focus.isOpen) return focus.id;
-    if (focus.parent && !focus.parent.isRoot) return focus.parent.id;
-    return null;
-}
-
-
-
-
-const $c79fefb0d0a1d13b$var$placeholderStyle = {
-    display: "flex",
-    alignItems: "center",
-    zIndex: 1
-};
-const $c79fefb0d0a1d13b$var$lineStyle = {
-    flex: 1,
-    height: "2px",
-    background: "#4B91E2",
-    borderRadius: "1px"
-};
-const $c79fefb0d0a1d13b$var$circleStyle = {
-    width: "4px",
-    height: "4px",
-    boxShadow: "0 0 0 3px #4B91E2",
-    borderRadius: "50%"
-};
-const $c79fefb0d0a1d13b$export$6cb3c16721363d11 = /*#__PURE__*/ (0, ($parcel$interopDefault($foSVk$react))).memo(function DefaultCursor({ top: top , left: left , indent: indent  }) {
-    const style = {
-        position: "absolute",
-        pointerEvents: "none",
-        top: top - 2 + "px",
-        left: left + "px",
-        right: indent + "px"
-    };
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)("div", {
-        style: {
-            ...$c79fefb0d0a1d13b$var$placeholderStyle,
-            ...style
-        },
-        children: [
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-                style: {
-                    ...$c79fefb0d0a1d13b$var$circleStyle
-                }
-            }),
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-                style: {
-                    ...$c79fefb0d0a1d13b$var$lineStyle
-                }
-            })
-        ]
-    });
-});
-
-
-
-
-function $ff6862a32cc2ac81$export$f9c541e71856c524({ node: node , attrs: attrs , innerRef: innerRef , children: children  }) {
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        ...attrs,
-        ref: innerRef,
-        onFocus: (e)=>e.stopPropagation(),
-        onClick: node.handleClick,
-        children: children
-    });
-}
-
-
-
-
-function $3240a4b0b5620968$export$909e23cbfbbd3351(props) {
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)("div", {
-        ref: props.dragHandle,
-        style: props.style,
-        children: [
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("span", {
-                onClick: (e)=>{
-                    e.stopPropagation();
-                    props.node.toggle();
-                },
-                children: props.node.isLeaf ? "\uD83C\uDF33" : props.node.isOpen ? "\uD83D\uDDC1" : "\uD83D\uDDC0"
-            }),
-            " ",
-            props.node.isEditing ? /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($3240a4b0b5620968$var$Edit, {
-                ...props
-            }) : /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($3240a4b0b5620968$var$Show, {
-                ...props
-            })
-        ]
-    });
-}
-function $3240a4b0b5620968$var$Show(props) {
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $foSVk$reactjsxruntime.Fragment), {
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("span", {
-            children: props.node.data.name
-        })
-    });
-}
-function $3240a4b0b5620968$var$Edit({ node: node  }) {
-    const input = (0, $foSVk$react.useRef)();
-    (0, $foSVk$react.useEffect)(()=>{
-        input.current?.focus();
-        input.current?.select();
-    }, []);
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("input", {
-        ref: input,
-        // @ts-ignore
-        defaultValue: node.data.name,
-        onBlur: ()=>node.reset(),
-        onKeyDown: (e)=>{
-            if (e.key === "Escape") node.reset();
-            if (e.key === "Enter") node.submit(input.current?.value || "");
-        }
-    });
-}
-
-
-function $1297c48a54b69bac$export$e1a8e267487c59d1(id) {
-    return {
-        type: "EDIT",
-        id: id
-    };
-}
-function $1297c48a54b69bac$export$1650419e431d3ba3(state = {
-    id: null
-}, action) {
-    if (action.type === "EDIT") return {
-        ...state,
-        id: action.id
-    };
-    else return state;
-}
-
-
-function $61ef7f2c3c9633e7$export$d7ddd398f22d79ef(id) {
-    return {
-        type: "FOCUS",
-        id: id
-    };
-}
-function $61ef7f2c3c9633e7$export$6b6c976e46a06288() {
-    return {
-        type: "TREE_BLUR"
-    };
-}
-function $61ef7f2c3c9633e7$export$1650419e431d3ba3(state = {
-    id: null,
-    treeFocused: false
-}, action) {
-    if (action.type === "FOCUS") return {
-        ...state,
-        id: action.id,
-        treeFocused: true
-    };
-    else if (action.type === "TREE_BLUR") return {
-        ...state,
-        treeFocused: false
-    };
-    else return state;
-}
-
-
-var $9b37fe5960a1a3c6$exports = {};
-
-$parcel$export($9b37fe5960a1a3c6$exports, "NodeApi", () => $9b37fe5960a1a3c6$export$d4b903da0f522dc8);
-
-class $9b37fe5960a1a3c6$export$d4b903da0f522dc8 {
-    constructor(params){
-        this.tree = params.tree;
-        this.id = params.id;
-        this.data = params.data;
-        this.level = params.level;
-        this.children = params.children;
-        this.parent = params.parent;
-        this.isDraggable = params.isDraggable;
-        this.rowIndex = params.rowIndex;
-    }
-    get isRoot() {
-        return this.id === (0, $0d7f39915c1a8ae9$export$ec71a3379b43ae5c);
-    }
-    get isLeaf() {
-        return !Array.isArray(this.children);
-    }
-    get isInternal() {
-        return !this.isLeaf;
-    }
-    get isOpen() {
-        return this.isLeaf ? false : this.tree.isOpen(this.id);
-    }
-    get isClosed() {
-        return this.isLeaf ? false : !this.tree.isOpen(this.id);
-    }
-    get isEditable() {
-        return this.tree.isEditable(this.data);
-    }
-    get isEditing() {
-        return this.tree.editingId === this.id;
-    }
-    get isSelected() {
-        return this.tree.isSelected(this.id);
-    }
-    get isOnlySelection() {
-        return this.isSelected && this.tree.hasOneSelection;
-    }
-    get isSelectedStart() {
-        return this.isSelected && !this.prev?.isSelected;
-    }
-    get isSelectedEnd() {
-        return this.isSelected && !this.next?.isSelected;
-    }
-    get isFocused() {
-        return this.tree.isFocused(this.id);
-    }
-    get isDragging() {
-        return this.tree.isDragging(this.id);
-    }
-    get willReceiveDrop() {
-        return this.tree.willReceiveDrop(this.id);
-    }
-    get state() {
-        return {
-            isClosed: this.isClosed,
-            isDragging: this.isDragging,
-            isEditing: this.isEditing,
-            isFocused: this.isFocused,
-            isInternal: this.isInternal,
-            isLeaf: this.isLeaf,
-            isOpen: this.isOpen,
-            isSelected: this.isSelected,
-            isSelectedEnd: this.isSelectedEnd,
-            isSelectedStart: this.isSelectedStart,
-            willReceiveDrop: this.willReceiveDrop
-        };
-    }
-    get childIndex() {
-        if (this.parent && this.parent.children) return this.parent.children.findIndex((child)=>child.id === this.id);
-        else return -1;
-    }
-    get next() {
-        if (this.rowIndex === null) return null;
-        return this.tree.at(this.rowIndex + 1);
-    }
-    get prev() {
-        if (this.rowIndex === null) return null;
-        return this.tree.at(this.rowIndex - 1);
-    }
-    get nextSibling() {
-        const i = this.childIndex;
-        return this.parent?.children[i + 1] ?? null;
-    }
-    isAncestorOf(node) {
-        if (!node) return false;
-        let ancestor = node;
-        while(ancestor){
-            if (ancestor.id === this.id) return true;
-            ancestor = ancestor.parent;
-        }
-        return false;
-    }
-    select() {
-        this.tree.select(this);
-    }
-    deselect() {
-        this.tree.deselect(this);
-    }
-    selectMulti() {
-        this.tree.selectMulti(this);
-    }
-    selectContiguous() {
-        this.tree.selectContiguous(this);
-    }
-    activate() {
-        this.tree.activate(this);
-    }
-    focus() {
-        this.tree.focus(this);
-    }
-    toggle() {
-        this.tree.toggle(this);
-    }
-    open() {
-        this.tree.open(this);
-    }
-    openParents() {
-        this.tree.openParents(this);
-    }
-    close() {
-        this.tree.close(this);
-    }
-    submit(value) {
-        this.tree.submit(this, value);
-    }
-    reset() {
-        this.tree.reset();
-    }
-    clone() {
-        return new $9b37fe5960a1a3c6$export$d4b903da0f522dc8({
-            ...this
-        });
-    }
-    edit() {
-        return this.tree.edit(this);
-    }
-    handleClick = (e)=>{
-        if (e.metaKey && !this.tree.props.disableMultiSelection) this.isSelected ? this.deselect() : this.selectMulti();
-        else if (e.shiftKey && !this.tree.props.disableMultiSelection) this.selectContiguous();
-        else {
-            this.select();
-            this.activate();
-        }
-    };
-}
-
-
-const $0d7f39915c1a8ae9$export$ec71a3379b43ae5c = "__REACT_ARBORIST_INTERNAL_ROOT__";
-function $0d7f39915c1a8ae9$export$882461b6382ed46c(tree) {
-    function visitSelfAndChildren(data, level, parent) {
-        const id = tree.accessId(data);
-        const node = new (0, $9b37fe5960a1a3c6$export$d4b903da0f522dc8)({
-            tree: tree,
-            data: data,
-            level: level,
-            parent: parent,
-            id: id,
-            children: null,
-            isDraggable: tree.isDraggable(data),
-            rowIndex: null
-        });
-        const children = tree.accessChildren(data);
-        if (children) node.children = children.map((child)=>visitSelfAndChildren(child, level + 1, node));
-        return node;
-    }
-    const root = new (0, $9b37fe5960a1a3c6$export$d4b903da0f522dc8)({
-        tree: tree,
-        id: $0d7f39915c1a8ae9$export$ec71a3379b43ae5c,
-        // @ts-ignore
-        data: {
-            id: $0d7f39915c1a8ae9$export$ec71a3379b43ae5c
-        },
-        level: -1,
-        parent: null,
-        children: null,
-        isDraggable: true,
-        rowIndex: null
-    });
-    const data = tree.props.data ?? [];
-    root.children = data.map((child)=>{
-        return visitSelfAndChildren(child, 0, root);
-    });
-    return root;
-}
-
-
-const $d519ceb3313d9d0e$export$e324594224ef24da = {
-    open (id, filtered) {
-        return {
-            type: "VISIBILITY_OPEN",
-            id: id,
-            filtered: filtered
-        };
-    },
-    close (id, filtered) {
-        return {
-            type: "VISIBILITY_CLOSE",
-            id: id,
-            filtered: filtered
-        };
-    },
-    toggle (id, filtered) {
-        return {
-            type: "VISIBILITY_TOGGLE",
-            id: id,
-            filtered: filtered
-        };
-    },
-    clear (filtered) {
-        return {
-            type: "VISIBILITY_CLEAR",
-            filtered: filtered
-        };
-    }
-};
-/* Reducer */ function $d519ceb3313d9d0e$var$openMapReducer(state = {}, action) {
-    if (action.type === "VISIBILITY_OPEN") return {
-        ...state,
-        [action.id]: true
-    };
-    else if (action.type === "VISIBILITY_CLOSE") return {
-        ...state,
-        [action.id]: false
-    };
-    else if (action.type === "VISIBILITY_TOGGLE") {
-        const prev = state[action.id];
-        return {
-            ...state,
-            [action.id]: !prev
-        };
-    } else if (action.type === "VISIBILITY_CLEAR") return {};
-    else return state;
-}
-function $d519ceb3313d9d0e$export$1650419e431d3ba3(state = {
-    filtered: {},
-    unfiltered: {}
-}, action) {
-    if (!action.type.startsWith("VISIBILITY")) return state;
-    if (action.filtered) return {
-        ...state,
-        filtered: $d519ceb3313d9d0e$var$openMapReducer(state.filtered, action)
-    };
-    else return {
-        ...state,
-        unfiltered: $d519ceb3313d9d0e$var$openMapReducer(state.unfiltered, action)
-    };
-}
-
-
-
-const $9d556ecd8e421ffe$export$d4c72bab9d6cc13a = (props)=>({
-        nodes: {
-            // Changes together
-            open: {
-                filtered: {},
-                unfiltered: props?.initialOpenState ?? {}
-            },
-            focus: {
-                id: null,
-                treeFocused: false
-            },
-            edit: {
-                id: null
-            },
-            drag: {
-                id: null,
-                selectedIds: [],
-                destinationParentId: null,
-                destinationIndex: null
-            },
-            selection: {
-                ids: new Set(),
-                anchor: null,
-                mostRecent: null
-            }
-        },
-        dnd: {
-            cursor: {
-                type: "none"
-            },
-            dragId: null,
-            dragIds: [],
-            parentId: null,
-            index: -1
-        }
-    });
-
-
-const $58f9381615aa3d17$export$e324594224ef24da = {
-    clear: ()=>({
-            type: "SELECTION_CLEAR"
-        }),
-    only: (id)=>({
-            type: "SELECTION_ONLY",
-            id: (0, $eb5355379510ac9b$export$65e5b62a4c490288)(id)
-        }),
-    add: (id)=>({
-            type: "SELECTION_ADD",
-            ids: (Array.isArray(id) ? id : [
-                id
-            ]).map((0, $eb5355379510ac9b$export$65e5b62a4c490288))
-        }),
-    remove: (id)=>({
-            type: "SELECTION_REMOVE",
-            ids: (Array.isArray(id) ? id : [
-                id
-            ]).map((0, $eb5355379510ac9b$export$65e5b62a4c490288))
-        }),
-    set: (args)=>({
-            type: "SELECTION_SET",
-            ...args
-        }),
-    mostRecent: (id)=>({
-            type: "SELECTION_MOST_RECENT",
-            id: id === null ? null : (0, $eb5355379510ac9b$export$65e5b62a4c490288)(id)
-        }),
-    anchor: (id)=>({
-            type: "SELECTION_ANCHOR",
-            id: id === null ? null : (0, $eb5355379510ac9b$export$65e5b62a4c490288)(id)
-        })
-};
-function $58f9381615aa3d17$export$1650419e431d3ba3(state = (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)()["nodes"]["selection"], action) {
-    const ids = state.ids;
-    switch(action.type){
-        case "SELECTION_CLEAR":
-            return {
-                ...state,
-                ids: new Set()
-            };
-        case "SELECTION_ONLY":
-            return {
-                ...state,
-                ids: new Set([
-                    action.id
-                ])
-            };
-        case "SELECTION_ADD":
-            if (action.ids.length === 0) return state;
-            action.ids.forEach((id)=>ids.add(id));
-            return {
-                ...state,
-                ids: new Set(ids)
-            };
-        case "SELECTION_REMOVE":
-            if (action.ids.length === 0) return state;
-            action.ids.forEach((id)=>ids.delete(id));
-            return {
-                ...state,
-                ids: new Set(ids)
-            };
-        case "SELECTION_SET":
-            return {
-                ...state,
-                ids: action.ids,
-                mostRecent: action.mostRecent,
-                anchor: action.anchor
-            };
-        case "SELECTION_MOST_RECENT":
-            return {
-                ...state,
-                mostRecent: action.id
-            };
-        case "SELECTION_ANCHOR":
-            return {
-                ...state,
-                anchor: action.id
-            };
-        default:
-            return state;
-    }
-}
-
-
-
-const $7d98f5b84ecaa66b$export$e324594224ef24da = {
-    cursor (cursor) {
-        return {
-            type: "DND_CURSOR",
-            cursor: cursor
-        };
-    },
-    dragStart (id, dragIds) {
-        return {
-            type: "DND_DRAG_START",
-            id: id,
-            dragIds: dragIds
-        };
-    },
-    dragEnd () {
-        return {
-            type: "DND_DRAG_END"
-        };
-    },
-    hovering (parentId, index) {
-        return {
-            type: "DND_HOVERING",
-            parentId: parentId,
-            index: index
-        };
-    }
-};
-function $7d98f5b84ecaa66b$export$1650419e431d3ba3(state = (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)()["dnd"], action) {
-    switch(action.type){
-        case "DND_CURSOR":
-            return {
-                ...state,
-                cursor: action.cursor
-            };
-        case "DND_DRAG_START":
-            return {
-                ...state,
-                dragId: action.id,
-                dragIds: action.dragIds
-            };
-        case "DND_DRAG_END":
-            return (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)()["dnd"];
-        case "DND_HOVERING":
-            return {
-                ...state,
-                parentId: action.parentId,
-                index: action.index
-            };
-        default:
-            return state;
-    }
-}
-
-
-
-
-
-const $6e3db8c23c41dfc9$var$layerStyles = {
-    position: "fixed",
-    pointerEvents: "none",
-    zIndex: 100,
-    left: 0,
-    top: 0,
-    width: "100%",
-    height: "100%"
-};
-const $6e3db8c23c41dfc9$var$getStyle = (offset)=>{
-    if (!offset) return {
-        display: "none"
-    };
-    const { x: x , y: y  } = offset;
-    return {
-        transform: `translate(${x}px, ${y}px)`
-    };
-};
-const $6e3db8c23c41dfc9$var$getCountStyle = (offset)=>{
-    if (!offset) return {
-        display: "none"
-    };
-    const { x: x , y: y  } = offset;
-    return {
-        transform: `translate(${x + 10}px, ${y + 10}px)`
-    };
-};
-function $6e3db8c23c41dfc9$export$84e211ad8431a387({ offset: offset , mouse: mouse , id: id , dragIds: dragIds , isDragging: isDragging  }) {
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)($6e3db8c23c41dfc9$var$Overlay, {
-        isDragging: isDragging,
-        children: [
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($6e3db8c23c41dfc9$var$Position, {
-                offset: offset,
-                children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($6e3db8c23c41dfc9$var$PreviewNode, {
-                    id: id,
-                    dragIds: dragIds
-                })
-            }),
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($6e3db8c23c41dfc9$var$Count, {
-                mouse: mouse,
-                count: dragIds.length
-            })
-        ]
-    });
-}
-const $6e3db8c23c41dfc9$var$Overlay = /*#__PURE__*/ (0, $foSVk$react.memo)(function Overlay(props) {
-    if (!props.isDragging) return null;
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        style: $6e3db8c23c41dfc9$var$layerStyles,
-        children: props.children
-    });
-});
-function $6e3db8c23c41dfc9$var$Position(props) {
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        className: "row preview",
-        style: $6e3db8c23c41dfc9$var$getStyle(props.offset),
-        children: props.children
-    });
-}
-function $6e3db8c23c41dfc9$var$Count(props) {
-    const { count: count , mouse: mouse  } = props;
-    if (count > 1) return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        className: "selected-count",
-        style: $6e3db8c23c41dfc9$var$getCountStyle(mouse),
-        children: count
-    });
-    else return null;
-}
-const $6e3db8c23c41dfc9$var$PreviewNode = /*#__PURE__*/ (0, $foSVk$react.memo)(function PreviewNode(props) {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const node = tree.get(props.id);
-    if (!node) return null;
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(tree.renderNode, {
-        preview: true,
-        node: node,
-        style: {
-            paddingLeft: node.level * tree.indent,
-            opacity: 0.2,
-            background: "transparent"
-        },
-        tree: tree
-    });
-});
-
-
-
-
-
-
-
-
-
-
-
-function $e527b4e3d64e6932$export$b6a79797ad180576() {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const state = (0, $d5cb84d44d1b8acc$export$4930f6bf413be70e)();
-    const cursor = state.cursor;
-    if (!cursor || cursor.type !== "line") return null;
-    const indent = tree.indent;
-    const top = tree.rowHeight * cursor.index + ((tree.props.padding ?? tree.props.paddingTop) ?? 0);
-    const left = indent * cursor.level;
-    const Cursor = tree.renderCursor;
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(Cursor, {
-        top: top,
-        left: left,
-        indent: indent
-    });
-}
-
-
-const $0e2adc7837d85ac3$export$70c2b8898b86d3ad = /*#__PURE__*/ (0, $foSVk$react.forwardRef)(function Outer(props, ref) {
-    const { children: children , ...rest } = props;
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)("div", {
-        // @ts-ignore
-        ref: ref,
-        ...rest,
-        onClick: (e)=>{
-            if (e.currentTarget === e.target) tree.deselectAll();
-        },
-        children: [
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)($0e2adc7837d85ac3$var$DropContainer, {}),
-            children
-        ]
-    });
-});
-const $0e2adc7837d85ac3$var$DropContainer = ()=>{
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        style: {
-            height: tree.visibleNodes.length * tree.rowHeight,
-            width: "100%",
-            position: "absolute",
-            left: "0",
-            right: "0"
-        },
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $e527b4e3d64e6932$export$b6a79797ad180576), {})
-    });
-};
-
-
-
-
-
-
-const $472f3c5b35f3bf96$export$a9af0da3ae60cd00 = /*#__PURE__*/ (0, $foSVk$react.forwardRef)(function InnerElement({ style: style , ...rest }, ref) {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const paddingTop = (tree.props.padding ?? tree.props.paddingTop) ?? 0;
-    const paddingBottom = (tree.props.padding ?? tree.props.paddingBottom) ?? 0;
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        ref: ref,
-        style: {
-            ...style,
-            height: `${parseFloat(style.height) + paddingTop + paddingBottom}px`
-        },
-        ...rest
-    });
-});
-
-
-
-
-
-
-
-
-
-
-
-
-function $74bee24dbb0f3e2b$export$715c0d031ede7907(node) {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const ids = tree.selectedIds;
-    const [_, ref, preview] = (0, $foSVk$reactdnd.useDrag)(()=>({
-            canDrag: ()=>node.isDraggable,
-            type: "NODE",
-            item: ()=>{
-                // This is fired once at the begging of a drag operation
-                const dragIds = tree.isSelected(node.id) ? Array.from(ids) : [
-                    node.id
-                ];
-                tree.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).dragStart(node.id, dragIds));
-                return {
-                    id: node.id
-                };
-            },
-            end: ()=>{
-                tree.hideCursor();
-                let { parentId: parentId , index: index , dragIds: dragIds  } = tree.state.dnd;
-                // If they held down meta, we need to create a copy
-                // if (drop.dropEffect === "copy")
-                if (tree.canDrop()) {
-                    (0, $eb5355379510ac9b$export$c6d63370cef03886)(tree.props.onMove, {
-                        dragIds: dragIds,
-                        parentId: parentId === (0, $0d7f39915c1a8ae9$export$ec71a3379b43ae5c) ? null : parentId,
-                        index: index === null ? 0 : index,
-                        dragNodes: tree.dragNodes,
-                        parentNode: tree.get(parentId)
-                    });
-                    tree.open(parentId);
-                }
-                tree.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).dragEnd());
-            }
-        }), [
-        ids,
-        node
-    ]);
-    (0, $foSVk$react.useEffect)(()=>{
-        preview((0, $foSVk$reactdndhtml5backend.getEmptyImage)());
-    }, [
-        preview
-    ]);
-    return ref;
-}
-
-
-
-
-
-function $462841de7cc5b715$var$measureHover(el, offset) {
-    const rect = el.getBoundingClientRect();
-    const x = offset.x - Math.round(rect.x);
-    const y = offset.y - Math.round(rect.y);
-    const height = rect.height;
-    const inTopHalf = y < height / 2;
-    const inBottomHalf = !inTopHalf;
-    const pad = height / 4;
-    const inMiddle = y > pad && y < height - pad;
-    const atTop = !inMiddle && inTopHalf;
-    const atBottom = !inMiddle && inBottomHalf;
-    return {
-        x: x,
-        inTopHalf: inTopHalf,
-        inBottomHalf: inBottomHalf,
-        inMiddle: inMiddle,
-        atTop: atTop,
-        atBottom: atBottom
-    };
-}
-function $462841de7cc5b715$var$getNodesAroundCursor(node, prev, next, hover) {
-    if (!node) // We're hovering over the empty part of the list, not over an item,
-    // Put the cursor below the last item which is "prev"
-    return [
-        prev,
-        null
-    ];
-    if (node.isInternal) {
-        if (hover.atTop) return [
-            prev,
-            node
-        ];
-        else if (hover.inMiddle) return [
-            node,
-            node
-        ];
-        else return [
-            node,
-            next
-        ];
-    } else {
-        if (hover.inTopHalf) return [
-            prev,
-            node
-        ];
-        else return [
-            node,
-            next
-        ];
-    }
-}
-function $462841de7cc5b715$var$getDropLevel(hovering, aboveCursor, belowCursor, indent) {
-    const hoverLevel = Math.round(Math.max(0, hovering.x - indent) / indent);
-    let min, max;
-    if (!aboveCursor) {
-        max = 0;
-        min = 0;
-    } else if (!belowCursor) {
-        max = aboveCursor.level;
-        min = 0;
-    } else {
-        max = aboveCursor.level;
-        min = belowCursor.level;
-    }
-    return (0, $eb5355379510ac9b$export$adf7c0fe6059d774)(hoverLevel, min, max);
-}
-function $462841de7cc5b715$var$dropAt(parentId, index) {
-    return {
-        parentId: parentId || null,
-        index: index
-    };
-}
-function $462841de7cc5b715$var$lineCursor(index, level) {
-    return {
-        type: "line",
-        index: index,
-        level: level
-    };
-}
-function $462841de7cc5b715$var$noCursor() {
-    return {
-        type: "none"
-    };
-}
-function $462841de7cc5b715$var$highlightCursor(id) {
-    return {
-        type: "highlight",
-        id: id
-    };
-}
-function $462841de7cc5b715$var$walkUpFrom(node, level) {
-    let drop = node;
-    while(drop.parent && drop.level > level)drop = drop.parent;
-    const parentId = drop.parent?.id || null;
-    const index = (0, $eb5355379510ac9b$export$305f7d4e9d4624f2)(drop) + 1;
-    return {
-        parentId: parentId,
-        index: index
-    };
-}
-function $462841de7cc5b715$export$f502ca02ebb85a1c(args) {
-    const hover = $462841de7cc5b715$var$measureHover(args.element, args.offset);
-    const { node: node , nextNode: nextNode , prevNode: prevNode  } = args;
-    const [above, below] = $462841de7cc5b715$var$getNodesAroundCursor(node, prevNode, nextNode, hover);
-    /* Hovering over the middle of a folder */ if (node && node.isInternal && hover.inMiddle) return {
-        drop: $462841de7cc5b715$var$dropAt(node.id, null),
-        cursor: $462841de7cc5b715$var$highlightCursor(node.id)
-    };
-    /* At the top of the list */ if (!above) return {
-        drop: $462841de7cc5b715$var$dropAt(below?.parent?.id, 0),
-        cursor: $462841de7cc5b715$var$lineCursor(0, 0)
-    };
-    /* The above node is an item or a closed folder */ if ((0, $eb5355379510ac9b$export$5318634f2ee07019)(above) || (0, $eb5355379510ac9b$export$4210f5ea57fbae57)(above)) {
-        const level = $462841de7cc5b715$var$getDropLevel(hover, above, below, args.indent);
-        return {
-            drop: $462841de7cc5b715$var$walkUpFrom(above, level),
-            cursor: $462841de7cc5b715$var$lineCursor(above.rowIndex + 1, level)
-        };
-    }
-    /* The above node is an open folder */ return {
-        drop: $462841de7cc5b715$var$dropAt(above?.id, 0),
-        cursor: $462841de7cc5b715$var$lineCursor(above.rowIndex + 1, above.level + 1)
-    };
-}
-
-
-
-function $cf8ebdb33758b119$export$57afafec4637d997(el, node) {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const [_, dropRef] = (0, $foSVk$reactdnd.useDrop)(()=>({
-            accept: "NODE",
-            canDrop: ()=>tree.canDrop(),
-            hover: (_item, m)=>{
-                const offset = m.getClientOffset();
-                if (!el.current || !offset) return;
-                const { cursor: cursor , drop: drop  } = (0, $462841de7cc5b715$export$f502ca02ebb85a1c)({
-                    element: el.current,
-                    offset: offset,
-                    indent: tree.indent,
-                    node: node,
-                    prevNode: node.prev,
-                    nextNode: node.next
-                });
-                if (drop) tree.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).hovering(drop.parentId, drop.index));
-                if (m.canDrop()) {
-                    if (cursor) tree.showCursor(cursor);
-                } else tree.hideCursor();
-            },
-            drop: (_, m)=>{
-                if (!m.canDrop()) return null;
-            }
-        }), [
-        node,
-        el.current,
-        tree.props
-    ]);
-    return dropRef;
-}
-
-
-
-
-function $3105f2bcc0822e0d$export$d75ab90b05ebbfaa(index) {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const original = tree.at(index);
-    if (!original) throw new Error(`Could not find node for index: ${index}`);
-    return (0, $foSVk$react.useMemo)(()=>{
-        const fresh = original.clone();
-        tree.visibleNodes[index] = fresh; // sneaky
-        return fresh;
-    // Return a fresh instance if the state values change
-    }, [
-        ...Object.values(original.state),
-        original
-    ]);
-}
-
-
-const $37e3f46f8fd1101f$export$a9754b3c8daa5172 = /*#__PURE__*/ (0, ($parcel$interopDefault($foSVk$react))).memo(function RowContainer({ index: index , style: style  }) {
-    /* When will the <Row> will re-render.
-   *
-   * The row component is memo'd so it will only render
-   * when a new instance of the NodeApi class is passed
-   * to it.
-   *
-   * The TreeApi instance is stable. It does not
-   * change when the internal state changes.
-   *
-   * The TreeApi has all the references to the nodes.
-   * We need to clone the nodes when their state
-   * changes. The node class contains no state itself,
-   * It always checks the tree for state. The tree's
-   * state will always be up to date.
-   */ (0, $d5cb84d44d1b8acc$export$83a4f9dc3b36edb8)(); // Re-render when tree props or visability changes
-    const _ = (0, $d5cb84d44d1b8acc$export$fd23f19d5d8f3033)(); // So that we re-render appropriately
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)(); // Tree already has the fresh state
-    const node = (0, $3105f2bcc0822e0d$export$d75ab90b05ebbfaa)(index);
-    const el = (0, $foSVk$react.useRef)(null);
-    const dragRef = (0, $74bee24dbb0f3e2b$export$715c0d031ede7907)(node);
-    const dropRef = (0, $cf8ebdb33758b119$export$57afafec4637d997)(el, node);
-    const innerRef = (0, $foSVk$react.useCallback)((n)=>{
-        el.current = n;
-        dropRef(n);
-    }, [
-        dropRef
-    ]);
-    const indent = tree.indent * node.level;
-    const nodeStyle = (0, $foSVk$react.useMemo)(()=>({
-            paddingLeft: indent
-        }), [
-        indent
-    ]);
-    const rowStyle = (0, $foSVk$react.useMemo)(()=>({
-            ...style,
-            top: parseFloat(style.top) + ((tree.props.padding ?? tree.props.paddingTop) ?? 0)
-        }), [
-        style,
-        tree.props.padding,
-        tree.props.paddingTop
-    ]);
-    const rowAttrs = {
-        role: "treeitem",
-        "aria-level": node.level,
-        "aria-selected": node.isSelected,
-        style: rowStyle,
-        tabIndex: -1,
-        className: tree.props.rowClassName
-    };
-    (0, $foSVk$react.useEffect)(()=>{
-        if (!node.isEditing && node.isFocused) el.current?.focus({
-            preventScroll: true
-        });
-    }, [
-        node.isEditing,
-        node.isFocused,
-        el.current
-    ]);
-    const Node = tree.renderNode;
-    const Row = tree.renderRow;
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(Row, {
-        node: node,
-        innerRef: innerRef,
-        attrs: rowAttrs,
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(Node, {
-            node: node,
-            tree: tree,
-            style: nodeStyle,
-            dragHandle: dragRef
-        })
-    });
-});
-
-
-let $bb9a1e34249689ac$var$focusSearchTerm = "";
-let $bb9a1e34249689ac$var$timeoutId = null;
-function $bb9a1e34249689ac$export$ff4858a4110d9246() {
-    (0, $d5cb84d44d1b8acc$export$83a4f9dc3b36edb8)();
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)("div", {
-        style: {
-            height: tree.height,
-            width: tree.width,
-            minHeight: 0,
-            minWidth: 0
-        },
-        onContextMenu: tree.props.onContextMenu,
-        onClick: tree.props.onClick,
-        tabIndex: 0,
-        onFocus: (e)=>{
-            if (!e.currentTarget.contains(e.relatedTarget)) tree.onFocus();
-        },
-        onBlur: (e)=>{
-            if (!e.currentTarget.contains(e.relatedTarget)) tree.onBlur();
-        },
-        onKeyDown: (e)=>{
-            if (tree.isEditing) return;
-            if (e.key === "Backspace") {
-                if (!tree.props.onDelete) return;
-                const ids = Array.from(tree.selectedIds);
-                if (ids.length > 1) {
-                    let nextFocus = tree.mostRecentNode;
-                    while(nextFocus && nextFocus.isSelected)nextFocus = nextFocus.nextSibling;
-                    if (!nextFocus) nextFocus = tree.lastNode;
-                    tree.focus(nextFocus, {
-                        scroll: false
-                    });
-                    tree.delete(Array.from(ids));
-                } else {
-                    const node = tree.focusedNode;
-                    if (node) {
-                        const sib = node.nextSibling;
-                        const parent = node.parent;
-                        tree.focus(sib || parent, {
-                            scroll: false
-                        });
-                        tree.delete(node);
-                    }
-                }
-                return;
-            }
-            if (e.key === "Tab" && !e.shiftKey) {
-                e.preventDefault();
-                (0, $eb5355379510ac9b$export$3b0237e8566c8d65)(e.currentTarget);
-                return;
-            }
-            if (e.key === "Tab" && e.shiftKey) {
-                e.preventDefault();
-                (0, $eb5355379510ac9b$export$33b47db07a82b2fb)(e.currentTarget);
-                return;
-            }
-            if (e.key === "ArrowDown") {
-                e.preventDefault();
-                const next = tree.nextNode;
-                if (e.metaKey) {
-                    tree.select(tree.focusedNode);
-                    tree.activate(tree.focusedNode);
-                    return;
-                } else if (!e.shiftKey || tree.props.disableMultiSelection) {
-                    tree.focus(next);
-                    return;
-                } else {
-                    if (!next) return;
-                    const current = tree.focusedNode;
-                    if (!current) tree.focus(tree.firstNode);
-                    else if (current.isSelected) tree.selectContiguous(next);
-                    else tree.selectMulti(next);
-                    return;
-                }
-            }
-            if (e.key === "ArrowUp") {
-                e.preventDefault();
-                const prev = tree.prevNode;
-                if (!e.shiftKey || tree.props.disableMultiSelection) {
-                    tree.focus(prev);
-                    return;
-                } else {
-                    if (!prev) return;
-                    const current1 = tree.focusedNode;
-                    if (!current1) tree.focus(tree.lastNode); // ?
-                    else if (current1.isSelected) tree.selectContiguous(prev);
-                    else tree.selectMulti(prev);
-                    return;
-                }
-            }
-            if (e.key === "ArrowRight") {
-                const node1 = tree.focusedNode;
-                if (!node1) return;
-                if (node1.isInternal && node1.isOpen) tree.focus(tree.nextNode);
-                else if (node1.isInternal) tree.open(node1.id);
-                return;
-            }
-            if (e.key === "ArrowLeft") {
-                const node2 = tree.focusedNode;
-                if (!node2 || node2.isRoot) return;
-                if (node2.isInternal && node2.isOpen) tree.close(node2.id);
-                else if (!node2.parent?.isRoot) tree.focus(node2.parent);
-                return;
-            }
-            if (e.key === "a" && e.metaKey && !tree.props.disableMultiSelection) {
-                e.preventDefault();
-                tree.selectAll();
-                return;
-            }
-            if (e.key === "a" && !e.metaKey && tree.props.onCreate) {
-                tree.createLeaf();
-                return;
-            }
-            if (e.key === "A" && !e.metaKey) {
-                if (!tree.props.onCreate) return;
-                tree.createInternal();
-                return;
-            }
-            if (e.key === "Home") {
-                // add shift keys
-                e.preventDefault();
-                tree.focus(tree.firstNode);
-                return;
-            }
-            if (e.key === "End") {
-                // add shift keys
-                e.preventDefault();
-                tree.focus(tree.lastNode);
-                return;
-            }
-            if (e.key === "Enter") {
-                const node3 = tree.focusedNode;
-                if (!node3) return;
-                if (!node3.isEditable || !tree.props.onRename) return;
-                setTimeout(()=>{
-                    if (node3) tree.edit(node3);
-                });
-                return;
-            }
-            if (e.key === " ") {
-                e.preventDefault();
-                const node4 = tree.focusedNode;
-                if (!node4) return;
-                if (node4.isLeaf) {
-                    node4.select();
-                    node4.activate();
-                } else node4.toggle();
-                return;
-            }
-            if (e.key === "*") {
-                const node5 = tree.focusedNode;
-                if (!node5) return;
-                tree.openSiblings(node5);
-                return;
-            }
-            if (e.key === "PageUp") {
-                e.preventDefault();
-                tree.pageUp();
-                return;
-            }
-            if (e.key === "PageDown") {
-                e.preventDefault();
-                tree.pageDown();
-            }
-            // If they type a sequence of characters
-            // collect them. Reset them after a timeout.
-            // Use it to search the tree for a node, then focus it.
-            // Clean this up a bit later
-            clearTimeout($bb9a1e34249689ac$var$timeoutId);
-            $bb9a1e34249689ac$var$focusSearchTerm += e.key;
-            $bb9a1e34249689ac$var$timeoutId = setTimeout(()=>{
-                $bb9a1e34249689ac$var$focusSearchTerm = "";
-            }, 600);
-            const node6 = tree.visibleNodes.find((n)=>{
-                // @ts-ignore
-                const name = n.data.name;
-                if (typeof name === "string") return name.toLowerCase().startsWith($bb9a1e34249689ac$var$focusSearchTerm);
-                else return false;
-            });
-            if (node6) tree.focus(node6.id);
-        },
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $foSVk$reactwindow.FixedSizeList), {
-            className: tree.props.className,
-            outerRef: tree.listEl,
-            itemCount: tree.visibleNodes.length,
-            height: tree.height,
-            width: tree.width,
-            itemSize: tree.rowHeight,
-            overscanCount: tree.overscanCount,
-            itemKey: (index)=>tree.visibleNodes[index]?.id || index,
-            outerElementType: (0, $0e2adc7837d85ac3$export$70c2b8898b86d3ad),
-            innerElementType: (0, $472f3c5b35f3bf96$export$a9af0da3ae60cd00),
-            onScroll: tree.props.onScroll,
-            onItemsRendered: tree.onItemsRendered.bind(tree),
-            ref: tree.list,
-            children: (0, $37e3f46f8fd1101f$export$a9754b3c8daa5172)
-        })
-    });
-}
-
-
-function $07d1cda4da20dc54$export$5897d8d7c7a3d871(tree) {
-    if (tree.isFiltered) return $07d1cda4da20dc54$var$flattenAndFilterTree(tree.root, tree.isMatch.bind(tree));
-    else return $07d1cda4da20dc54$var$flattenTree(tree.root);
-}
-function $07d1cda4da20dc54$var$flattenTree(root) {
-    const list = [];
-    function collect(node) {
-        if (node.level >= 0) list.push(node);
-        if (node.isOpen) node.children?.forEach(collect);
-    }
-    collect(root);
-    list.forEach($07d1cda4da20dc54$var$assignRowIndex);
-    return list;
-}
-function $07d1cda4da20dc54$var$flattenAndFilterTree(root, isMatch) {
-    const matches = {};
-    const list = [];
-    function markMatch(node) {
-        const yes = !node.isRoot && isMatch(node);
-        if (yes) {
-            matches[node.id] = true;
-            let parent = node.parent;
-            while(parent){
-                matches[parent.id] = true;
-                parent = parent.parent;
-            }
-        }
-        if (node.children) for (let child of node.children)markMatch(child);
-    }
-    function collect(node) {
-        if (node.level >= 0 && matches[node.id]) list.push(node);
-        if (node.isOpen) node.children?.forEach(collect);
-    }
-    markMatch(root);
-    collect(root);
-    list.forEach($07d1cda4da20dc54$var$assignRowIndex);
-    return list;
-}
-function $07d1cda4da20dc54$var$assignRowIndex(node, index) {
-    node.rowIndex = index;
-}
-
-
-const $db9e6e601e34ba08$export$c6d108d7c8095f19 = (nodes)=>{
-    return nodes.reduce((map, node, index)=>{
-        map[node.id] = index;
-        return map;
-    }, {});
-};
-
-
-const { safeRun: $5c74fef433be2b0a$var$safeRun , identify: $5c74fef433be2b0a$var$identify , identifyNull: $5c74fef433be2b0a$var$identifyNull  } = $eb5355379510ac9b$exports;
-class $5c74fef433be2b0a$export$e2da3477247342d1 {
-    constructor(store, props, list, listEl){
-        this.store = store;
-        this.props = props;
-        this.list = list;
-        this.listEl = listEl;
-        this.visibleStartIndex = 0;
-        this.visibleStopIndex = 0;
-        /* Changes here must also be made in update() */ this.root = (0, $0d7f39915c1a8ae9$export$882461b6382ed46c)(this);
-        this.visibleNodes = (0, $07d1cda4da20dc54$export$5897d8d7c7a3d871)(this);
-        this.idToIndex = (0, $db9e6e601e34ba08$export$c6d108d7c8095f19)(this.visibleNodes);
-    }
-    /* Changes here must also be made in constructor() */ update(props) {
-        this.props = props;
-        this.root = (0, $0d7f39915c1a8ae9$export$882461b6382ed46c)(this);
-        this.visibleNodes = (0, $07d1cda4da20dc54$export$5897d8d7c7a3d871)(this);
-        this.idToIndex = (0, $db9e6e601e34ba08$export$c6d108d7c8095f19)(this.visibleNodes);
-    }
-    /* Store helpers */ dispatch(action) {
-        return this.store.dispatch(action);
-    }
-    get state() {
-        return this.store.getState();
-    }
-    get openState() {
-        return this.state.nodes.open.unfiltered;
-    }
-    /* Tree Props */ get width() {
-        return this.props.width ?? 300;
-    }
-    get height() {
-        return this.props.height ?? 500;
-    }
-    get indent() {
-        return this.props.indent ?? 24;
-    }
-    get rowHeight() {
-        return this.props.rowHeight ?? 24;
-    }
-    get overscanCount() {
-        return this.props.overscanCount ?? 1;
-    }
-    get searchTerm() {
-        return (this.props.searchTerm || "").trim();
-    }
-    get matchFn() {
-        const match = this.props.searchMatch ?? ((node, term)=>{
-            const string = JSON.stringify(Object.values(node.data));
-            return string.toLocaleLowerCase().includes(term.toLocaleLowerCase());
-        });
-        return (node)=>match(node, this.searchTerm);
-    }
-    accessChildren(data) {
-        const get = this.props.childrenAccessor || "children";
-        return $eb5355379510ac9b$exports.access(data, get) ?? null;
-    }
-    accessId(data) {
-        const get = this.props.idAccessor || "id";
-        const id = $eb5355379510ac9b$exports.access(data, get);
-        if (!id) throw new Error("Data must contain an 'id' property or props.idAccessor must return a string");
-        return id;
-    }
-    /* Node Access */ get firstNode() {
-        return this.visibleNodes[0] ?? null;
-    }
-    get lastNode() {
-        return this.visibleNodes[this.visibleNodes.length - 1] ?? null;
-    }
-    get focusedNode() {
-        return this.get(this.state.nodes.focus.id) ?? null;
-    }
-    get mostRecentNode() {
-        return this.get(this.state.nodes.selection.mostRecent) ?? null;
-    }
-    get nextNode() {
-        const index = this.indexOf(this.focusedNode);
-        if (index === null) return null;
-        else return this.at(index + 1);
-    }
-    get prevNode() {
-        const index = this.indexOf(this.focusedNode);
-        if (index === null) return null;
-        else return this.at(index - 1);
-    }
-    get(id) {
-        if (!id) return null;
-        if (id in this.idToIndex) return this.visibleNodes[this.idToIndex[id]] || null;
-        else return null;
-    }
-    at(index) {
-        return this.visibleNodes[index] || null;
-    }
-    nodesBetween(startId, endId) {
-        if (startId === null || endId === null) return [];
-        const index1 = this.indexOf(startId) ?? 0;
-        const index2 = this.indexOf(endId);
-        if (index2 === null) return [];
-        const start = Math.min(index1, index2);
-        const end = Math.max(index1, index2);
-        return this.visibleNodes.slice(start, end + 1);
-    }
-    indexOf(id) {
-        const key = $eb5355379510ac9b$exports.identifyNull(id);
-        if (!key) return null;
-        return this.idToIndex[key];
-    }
-    /* Data Operations */ get editingId() {
-        return this.state.nodes.edit.id;
-    }
-    createInternal() {
-        return this.create({
-            type: "internal"
-        });
-    }
-    createLeaf() {
-        return this.create({
-            type: "leaf"
-        });
-    }
-    async create(opts = {}) {
-        const parentId = opts.parentId === undefined ? $eb5355379510ac9b$exports.getInsertParentId(this) : opts.parentId;
-        const index = opts.index ?? $eb5355379510ac9b$exports.getInsertIndex(this);
-        const type = opts.type ?? "leaf";
-        const data = await $5c74fef433be2b0a$var$safeRun(this.props.onCreate, {
-            type: type,
-            parentId: parentId,
-            index: index,
-            parentNode: this.get(parentId)
-        });
-        if (data) {
-            this.focus(data);
-            setTimeout(()=>{
-                this.edit(data).then(()=>{
-                    this.select(data);
-                    this.activate(data);
-                });
-            });
-        }
-    }
-    async delete(node) {
-        if (!node) return;
-        const idents = Array.isArray(node) ? node : [
-            node
-        ];
-        const ids = idents.map($5c74fef433be2b0a$var$identify);
-        const nodes = ids.map((id)=>this.get(id)).filter((n)=>!!n);
-        await $5c74fef433be2b0a$var$safeRun(this.props.onDelete, {
-            nodes: nodes,
-            ids: ids
-        });
-    }
-    edit(node) {
-        const id = $5c74fef433be2b0a$var$identify(node);
-        this.resolveEdit({
-            cancelled: true
-        });
-        this.scrollTo(id);
-        this.dispatch((0, $1297c48a54b69bac$export$e1a8e267487c59d1)(id));
-        return new Promise((resolve)=>{
-            $5c74fef433be2b0a$export$e2da3477247342d1.editPromise = resolve;
-        });
-    }
-    async submit(identity, value) {
-        if (!identity) return;
-        const id = $5c74fef433be2b0a$var$identify(identity);
-        await $5c74fef433be2b0a$var$safeRun(this.props.onRename, {
-            id: id,
-            name: value,
-            node: this.get(id)
-        });
-        this.dispatch((0, $1297c48a54b69bac$export$e1a8e267487c59d1)(null));
-        this.resolveEdit({
-            cancelled: false,
-            value: value
-        });
-        setTimeout(()=>this.onFocus()); // Return focus to element;
-    }
-    reset() {
-        this.dispatch((0, $1297c48a54b69bac$export$e1a8e267487c59d1)(null));
-        this.resolveEdit({
-            cancelled: true
-        });
-        setTimeout(()=>this.onFocus()); // Return focus to element;
-    }
-    activate(id) {
-        const node = this.get($5c74fef433be2b0a$var$identifyNull(id));
-        if (!node) return;
-        $5c74fef433be2b0a$var$safeRun(this.props.onActivate, node);
-    }
-    resolveEdit(value) {
-        const resolve = $5c74fef433be2b0a$export$e2da3477247342d1.editPromise;
-        if (resolve) resolve(value);
-        $5c74fef433be2b0a$export$e2da3477247342d1.editPromise = null;
-    }
-    /* Focus and Selection */ get selectedIds() {
-        return this.state.nodes.selection.ids;
-    }
-    get selectedNodes() {
-        let nodes = [];
-        for (let id of Array.from(this.selectedIds)){
-            const node = this.get(id);
-            if (node) nodes.push(node);
-        }
-        return nodes;
-    }
-    focus(node, opts = {}) {
-        if (!node) return;
-        /* Focus is responsible for scrolling, while selection is
-     * responsible for focus. If selectionFollowsFocus, then
-     * just select it. */ if (this.props.selectionFollowsFocus) this.select(node);
-        else {
-            this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)($5c74fef433be2b0a$var$identify(node)));
-            if (opts.scroll !== false) this.scrollTo(node);
-            if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
-        }
-    }
-    pageUp() {
-        const start = this.visibleStartIndex;
-        const stop = this.visibleStopIndex;
-        const page = stop - start;
-        let index = this.focusedNode?.rowIndex ?? 0;
-        if (index > start) index = start;
-        else index = Math.max(start - page, 0);
-        this.focus(this.at(index));
-    }
-    pageDown() {
-        const start = this.visibleStartIndex;
-        const stop = this.visibleStopIndex;
-        const page = stop - start;
-        let index = this.focusedNode?.rowIndex ?? 0;
-        if (index < stop) index = stop;
-        else index = Math.min(index + page, this.visibleNodes.length - 1);
-        this.focus(this.at(index));
-    }
-    select(node, opts = {}) {
-        if (!node) return;
-        const changeFocus = opts.focus !== false;
-        const id = $5c74fef433be2b0a$var$identify(node);
-        if (changeFocus) this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).only(id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(id));
-        this.scrollTo(id, opts.align);
-        if (this.focusedNode && changeFocus) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    deselect(node) {
-        if (!node) return;
-        const id = $5c74fef433be2b0a$var$identify(node);
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).remove(id));
-    }
-    selectMulti(identity) {
-        const node = this.get($5c74fef433be2b0a$var$identifyNull(identity));
-        if (!node) return;
-        this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(node.id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).add(node.id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).anchor(node.id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(node.id));
-        this.scrollTo(node);
-        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    selectContiguous(identity) {
-        if (!identity) return;
-        const id = $5c74fef433be2b0a$var$identify(identity);
-        const { anchor: anchor , mostRecent: mostRecent  } = this.state.nodes.selection;
-        this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(id));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).remove(this.nodesBetween(anchor, mostRecent)));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).add(this.nodesBetween(anchor, $5c74fef433be2b0a$var$identifyNull(id))));
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).mostRecent(id));
-        this.scrollTo(id);
-        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    deselectAll() {
-        this.setSelection({
-            ids: [],
-            anchor: null,
-            mostRecent: null
-        });
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    selectAll() {
-        this.setSelection({
-            ids: Object.keys(this.idToIndex),
-            anchor: this.firstNode,
-            mostRecent: this.lastNode
-        });
-        this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(this.lastNode?.id));
-        if (this.focusedNode) $5c74fef433be2b0a$var$safeRun(this.props.onFocus, this.focusedNode);
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    setSelection(args) {
-        const ids = new Set(args.ids?.map($5c74fef433be2b0a$var$identify));
-        const anchor = $5c74fef433be2b0a$var$identifyNull(args.anchor);
-        const mostRecent = $5c74fef433be2b0a$var$identifyNull(args.mostRecent);
-        this.dispatch((0, $58f9381615aa3d17$export$e324594224ef24da).set({
-            ids: ids,
-            anchor: anchor,
-            mostRecent: mostRecent
-        }));
-        $5c74fef433be2b0a$var$safeRun(this.props.onSelect, this.selectedNodes);
-    }
-    /* Drag and Drop */ get cursorParentId() {
-        const { cursor: cursor  } = this.state.dnd;
-        switch(cursor.type){
-            case "highlight":
-                return cursor.id;
-            default:
-                return null;
-        }
-    }
-    get cursorOverFolder() {
-        return this.state.dnd.cursor.type === "highlight";
-    }
-    get dragNodes() {
-        return this.state.dnd.dragIds.map((id)=>this.get(id)).filter((n)=>!!n);
-    }
-    get dragNode() {
-        return this.get(this.state.nodes.drag.id);
-    }
-    get dragDestinationParent() {
-        return this.get(this.state.nodes.drag.destinationParentId);
-    }
-    get dragDestinationIndex() {
-        return this.state.nodes.drag.destinationIndex;
-    }
-    canDrop() {
-        if (this.isFiltered) return false;
-        const parentNode = this.get(this.state.dnd.parentId) ?? this.root;
-        const dragNodes = this.dragNodes;
-        const isDisabled = this.props.disableDrop;
-        for (const drag of dragNodes){
-            if (!drag) return false;
-            if (!parentNode) return false;
-            if (drag.isInternal && $eb5355379510ac9b$exports.isDescendant(parentNode, drag)) return false;
-        }
-        // Allow the user to insert their own logic
-        if (typeof isDisabled == "function") return !isDisabled({
-            parentNode: parentNode,
-            dragNodes: this.dragNodes,
-            index: this.state.dnd.index || 0
-        });
-        else if (typeof isDisabled == "string") // @ts-ignore
-        return !parentNode.data[isDisabled];
-        else if (typeof isDisabled === "boolean") return !isDisabled;
-        else return true;
-    }
-    hideCursor() {
-        this.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).cursor({
-            type: "none"
-        }));
-    }
-    showCursor(cursor) {
-        this.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).cursor(cursor));
-    }
-    /* Visibility */ open(identity) {
-        const id = $5c74fef433be2b0a$var$identifyNull(identity);
-        if (!id) return;
-        if (this.isOpen(id)) return;
-        this.dispatch((0, $d519ceb3313d9d0e$export$e324594224ef24da).open(id, this.isFiltered));
-        $5c74fef433be2b0a$var$safeRun(this.props.onToggle, id);
-    }
-    close(identity) {
-        const id = $5c74fef433be2b0a$var$identifyNull(identity);
-        if (!id) return;
-        if (!this.isOpen(id)) return;
-        this.dispatch((0, $d519ceb3313d9d0e$export$e324594224ef24da).close(id, this.isFiltered));
-        $5c74fef433be2b0a$var$safeRun(this.props.onToggle, id);
-    }
-    toggle(identity) {
-        const id = $5c74fef433be2b0a$var$identifyNull(identity);
-        if (!id) return;
-        return this.isOpen(id) ? this.close(id) : this.open(id);
-    }
-    openParents(identity) {
-        const id = $5c74fef433be2b0a$var$identifyNull(identity);
-        if (!id) return;
-        const node = $eb5355379510ac9b$exports.dfs(this.root, id);
-        let parent = node?.parent;
-        while(parent){
-            this.open(parent.id);
-            parent = parent.parent;
-        }
-    }
-    openSiblings(node) {
-        const parent = node.parent;
-        if (!parent) this.toggle(node.id);
-        else if (parent.children) {
-            const isOpen = node.isOpen;
-            for (let sibling of parent.children)if (sibling.isInternal) isOpen ? this.close(sibling.id) : this.open(sibling.id);
-            this.scrollTo(this.focusedNode);
-        }
-    }
-    openAll() {
-        $eb5355379510ac9b$exports.walk(this.root, (node)=>{
-            if (node.isInternal) node.open();
-        });
-    }
-    closeAll() {
-        $eb5355379510ac9b$exports.walk(this.root, (node)=>{
-            if (node.isInternal) node.close();
-        });
-    }
-    /* Scrolling */ scrollTo(identity, align = "smart") {
-        if (!identity) return;
-        const id = $5c74fef433be2b0a$var$identify(identity);
-        this.openParents(id);
-        return $eb5355379510ac9b$exports.waitFor(()=>id in this.idToIndex).then(()=>{
-            const index = this.idToIndex[id];
-            if (index === undefined) return;
-            this.list.current?.scrollToItem(index, align);
-        }).catch(()=>{
-        // Id: ${id} never appeared in the list.
-        });
-    }
-    /* State Checks */ get isEditing() {
-        return this.state.nodes.edit.id !== null;
-    }
-    get isFiltered() {
-        return !!this.props.searchTerm?.trim();
-    }
-    get hasFocus() {
-        return this.state.nodes.focus.treeFocused;
-    }
-    get hasNoSelection() {
-        return this.state.nodes.selection.ids.size === 0;
-    }
-    get hasOneSelection() {
-        return this.state.nodes.selection.ids.size === 1;
-    }
-    get hasMultipleSelections() {
-        return this.state.nodes.selection.ids.size > 1;
-    }
-    isSelected(id) {
-        if (!id) return false;
-        return this.state.nodes.selection.ids.has(id);
-    }
-    isOpen(id) {
-        if (!id) return false;
-        if (id === (0, $0d7f39915c1a8ae9$export$ec71a3379b43ae5c)) return true;
-        const def = this.props.openByDefault ?? true;
-        if (this.isFiltered) return this.state.nodes.open.filtered[id] ?? true; // Filtered folders are always opened by default
-        else return this.state.nodes.open.unfiltered[id] ?? def;
-    }
-    isEditable(data) {
-        const check = this.props.disableEdit || (()=>false);
-        return !$eb5355379510ac9b$exports.access(data, check) ?? true;
-    }
-    isDraggable(data) {
-        const check = this.props.disableDrag || (()=>false);
-        return !$eb5355379510ac9b$exports.access(data, check) ?? true;
-    }
-    isDragging(node) {
-        const id = $5c74fef433be2b0a$var$identifyNull(node);
-        if (!id) return false;
-        return this.state.nodes.drag.id === id;
-    }
-    isFocused(id) {
-        return this.hasFocus && this.state.nodes.focus.id === id;
-    }
-    isMatch(node) {
-        return this.matchFn(node);
-    }
-    willReceiveDrop(node) {
-        const id = $5c74fef433be2b0a$var$identifyNull(node);
-        if (!id) return false;
-        const { destinationParentId: destinationParentId , destinationIndex: destinationIndex  } = this.state.nodes.drag;
-        return id === destinationParentId && destinationIndex === null;
-    }
-    /* Tree Event Handlers */ onFocus() {
-        const node = this.focusedNode || this.firstNode;
-        if (node) this.dispatch((0, $61ef7f2c3c9633e7$export$d7ddd398f22d79ef)(node.id));
-    }
-    onBlur() {
-        this.dispatch((0, $61ef7f2c3c9633e7$export$6b6c976e46a06288)());
-    }
-    onItemsRendered(args) {
-        this.visibleStartIndex = args.visibleStartIndex;
-        this.visibleStopIndex = args.visibleStopIndex;
-    }
-    /* Get Renderers */ get renderContainer() {
-        return this.props.renderContainer || (0, $bb9a1e34249689ac$export$ff4858a4110d9246);
-    }
-    get renderRow() {
-        return this.props.renderRow || (0, $ff6862a32cc2ac81$export$f9c541e71856c524);
-    }
-    get renderNode() {
-        return this.props.children || (0, $3240a4b0b5620968$export$909e23cbfbbd3351);
-    }
-    get renderDragPreview() {
-        return this.props.renderDragPreview || (0, $6e3db8c23c41dfc9$export$84e211ad8431a387);
-    }
-    get renderCursor() {
-        return this.props.renderCursor || (0, $c79fefb0d0a1d13b$export$6cb3c16721363d11);
-    }
-}
-
-
-
-
-
-
-
-
-
-
-function $2f73c1963cd9aa06$export$1650419e431d3ba3(state = (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)().nodes.drag, action) {
-    switch(action.type){
-        case "DND_DRAG_START":
-            return {
-                ...state,
-                id: action.id,
-                selectedIds: action.dragIds
-            };
-        case "DND_DRAG_END":
-            return {
-                ...state,
-                id: null,
-                destinationParentId: null,
-                destinationIndex: null,
-                selectedIds: []
-            };
-        case "DND_HOVERING":
-            if (action.parentId !== state.destinationParentId || action.index != state.destinationIndex) return {
-                ...state,
-                destinationParentId: action.parentId,
-                destinationIndex: action.index
-            };
-            else return state;
-        default:
-            return state;
-    }
-}
-
-
-const $cdb8f316fadc608f$export$a8a69c316169e623 = (0, $foSVk$redux.combineReducers)({
-    nodes: (0, $foSVk$redux.combineReducers)({
-        focus: $61ef7f2c3c9633e7$export$1650419e431d3ba3,
-        edit: $1297c48a54b69bac$export$1650419e431d3ba3,
-        open: $d519ceb3313d9d0e$export$1650419e431d3ba3,
-        selection: $58f9381615aa3d17$export$1650419e431d3ba3,
-        drag: $2f73c1963cd9aa06$export$1650419e431d3ba3
-    }),
-    dnd: $7d98f5b84ecaa66b$export$1650419e431d3ba3
-});
-
-
-
-
-
-
-const $9511ad6af37da13b$var$SERVER_STATE = (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)();
-function $9511ad6af37da13b$export$c49dab5eb1b4ce0c({ treeProps: treeProps , imperativeHandle: imperativeHandle , children: children  }) {
-    const list = (0, $foSVk$react.useRef)(null);
-    const listEl = (0, $foSVk$react.useRef)(null);
-    const store = (0, $foSVk$react.useRef)((0, $foSVk$redux.createStore)((0, $cdb8f316fadc608f$export$a8a69c316169e623), (0, $9d556ecd8e421ffe$export$d4c72bab9d6cc13a)(treeProps)));
-    const state = (0, $foSVk$usesyncexternalstoreshim.useSyncExternalStore)(store.current.subscribe, store.current.getState, ()=>$9511ad6af37da13b$var$SERVER_STATE);
-    /* The tree api object is stable. */ const api = (0, $foSVk$react.useMemo)(()=>{
-        return new (0, $5c74fef433be2b0a$export$e2da3477247342d1)(store.current, treeProps, list, listEl);
-    }, []);
-    /* Make sure the tree instance stays in sync */ const updateCount = (0, $foSVk$react.useRef)(0);
-    (0, $foSVk$react.useMemo)(()=>{
-        updateCount.current += 1;
-        api.update(treeProps);
-    }, [
-        ...Object.values(treeProps),
-        state.nodes.open
-    ]);
-    /* Expose the tree api */ (0, $foSVk$react.useImperativeHandle)(imperativeHandle, ()=>api);
-    /* Change selection based on props */ (0, $foSVk$react.useEffect)(()=>{
-        if (api.props.selection) api.select(api.props.selection, {
-            focus: false
-        });
-        else api.deselectAll();
-    }, [
-        api.props.selection
-    ]);
-    /* Clear visability for filtered nodes */ (0, $foSVk$react.useEffect)(()=>{
-        if (!api.props.searchTerm) store.current.dispatch((0, $d519ceb3313d9d0e$export$e324594224ef24da).clear(true));
-    }, [
-        api.props.searchTerm
-    ]);
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $d5cb84d44d1b8acc$export$feef243b04ff4151).Provider, {
-        value: api,
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $d5cb84d44d1b8acc$export$d0c71bc5e3e2d897).Provider, {
-            value: updateCount.current,
-            children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $d5cb84d44d1b8acc$export$f6d467aa8b3786af).Provider, {
-                value: state.nodes,
-                children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $d5cb84d44d1b8acc$export$2d5c5ceac203fc1e).Provider, {
-                    value: state.dnd,
-                    children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $foSVk$reactdnd.DndProvider), {
-                        backend: (0, $foSVk$reactdndhtml5backend.HTML5Backend),
-                        options: {
-                            rootElement: api.props.dndRootElement || undefined
-                        },
-                        ...treeProps.dndManager && {
-                            manager: treeProps.dndManager
-                        },
-                        children: children
-                    })
-                })
-            })
-        })
-    });
-}
-
-
-
-
-
-
-function $6c0a9a91d5e7ff45$export$5a6c424b1725f44f() {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    // In case we drop an item at the bottom of the list
-    const [, drop] = (0, $foSVk$reactdnd.useDrop)(()=>({
-            accept: "NODE",
-            canDrop: (_item, m)=>{
-                if (!m.isOver({
-                    shallow: true
-                })) return false;
-                return tree.canDrop();
-            },
-            hover: (_item, m)=>{
-                if (!m.isOver({
-                    shallow: true
-                })) return;
-                const offset = m.getClientOffset();
-                if (!tree.listEl.current || !offset) return;
-                const { cursor: cursor , drop: drop  } = (0, $462841de7cc5b715$export$f502ca02ebb85a1c)({
-                    element: tree.listEl.current,
-                    offset: offset,
-                    indent: tree.indent,
-                    node: null,
-                    prevNode: tree.visibleNodes[tree.visibleNodes.length - 1],
-                    nextNode: null
-                });
-                if (drop) tree.dispatch((0, $7d98f5b84ecaa66b$export$e324594224ef24da).hovering(drop.parentId, drop.index));
-                if (m.canDrop()) {
-                    if (cursor) tree.showCursor(cursor);
-                } else tree.hideCursor();
-            }
-        }), [
-        tree
-    ]);
-    drop(tree.listEl);
-}
-
-
-function $df8d0340a995314b$export$a6ee728c3c6ef11d(props) {
-    (0, $6c0a9a91d5e7ff45$export$5a6c424b1725f44f)();
-    return props.children;
-}
-
-
-
-
-
-
-function $17a87d0a329a3eaa$export$cdf2ef3f6364d85() {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const Container = tree.props.renderContainer || (0, $bb9a1e34249689ac$export$ff4858a4110d9246);
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $foSVk$reactjsxruntime.Fragment), {
-        children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(Container, {})
-    });
-}
-
-
-
-
-
-
-function $ed13b1d404b3872b$export$3e21b60650ec7e55() {
-    const tree = (0, $d5cb84d44d1b8acc$export$367b0f2231a90ba0)();
-    const { offset: offset , mouse: mouse , item: item , isDragging: isDragging  } = (0, $foSVk$reactdnd.useDragLayer)((m)=>{
-        return {
-            offset: m.getSourceClientOffset(),
-            mouse: m.getClientOffset(),
-            item: m.getItem(),
-            isDragging: m.isDragging()
-        };
-    });
-    const DragPreview = tree.props.renderDragPreview || (0, $6e3db8c23c41dfc9$export$84e211ad8431a387);
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)(DragPreview, {
-        offset: offset,
-        mouse: mouse,
-        id: item?.id || null,
-        dragIds: item?.dragIds || [],
-        isDragging: isDragging
-    });
-}
-
-
-var $2492d77b1ec82005$exports = {};
-
-$parcel$export($2492d77b1ec82005$exports, "useSimpleTree", () => $2492d77b1ec82005$export$dcd27aa2043b2724);
-
-var $ce2da9e8a36b0fcd$exports = {};
-
-$parcel$export($ce2da9e8a36b0fcd$exports, "SimpleTree", () => $ce2da9e8a36b0fcd$export$e32206264f456dce);
-class $ce2da9e8a36b0fcd$export$e32206264f456dce {
-    constructor(data){
-        this.root = $ce2da9e8a36b0fcd$var$createRoot(data);
-    }
-    get data() {
-        return this.root.children?.map((node)=>node.data) ?? [];
-    }
-    create(args) {
-        const parent = args.parentId ? this.find(args.parentId) : this.root;
-        if (!parent) return null;
-        parent.addChild(args.data, args.index);
-    }
-    move(args) {
-        const src = this.find(args.id);
-        const parent = args.parentId ? this.find(args.parentId) : this.root;
-        if (!src || !parent) return;
-        parent.addChild(src.data, args.index);
-        src.drop();
-    }
-    update(args) {
-        const node = this.find(args.id);
-        if (node) node.update(args.changes);
-    }
-    drop(args) {
-        const node = this.find(args.id);
-        if (node) node.drop();
-    }
-    find(id, node = this.root) {
-        if (!node) return null;
-        if (node.id === id) return node;
-        if (node.children) {
-            for (let child of node.children){
-                const found = this.find(id, child);
-                if (found) return found;
-            }
-            return null;
-        }
-        return null;
-    }
-}
-function $ce2da9e8a36b0fcd$var$createRoot(data) {
-    const root = new $ce2da9e8a36b0fcd$var$SimpleNode({
-        id: "ROOT"
-    }, null);
-    root.children = data.map((d)=>$ce2da9e8a36b0fcd$var$createNode(d, root));
-    return root;
-}
-function $ce2da9e8a36b0fcd$var$createNode(data, parent) {
-    const node = new $ce2da9e8a36b0fcd$var$SimpleNode(data, parent);
-    if (data.children) node.children = data.children.map((d)=>$ce2da9e8a36b0fcd$var$createNode(d, node));
-    return node;
-}
-class $ce2da9e8a36b0fcd$var$SimpleNode {
-    constructor(data, parent){
-        this.data = data;
-        this.parent = parent;
-        this.id = data.id;
-    }
-    hasParent() {
-        return !!this.parent;
-    }
-    get childIndex() {
-        return this.hasParent() ? this.parent.children.indexOf(this) : -1;
-    }
-    addChild(data, index) {
-        const node = $ce2da9e8a36b0fcd$var$createNode(data, this);
-        this.children = this.children ?? [];
-        this.children.splice(index, 0, node);
-        this.data.children = this.data.children ?? [];
-        this.data.children.splice(index, 0, data);
-    }
-    removeChild(index) {
-        this.children?.splice(index, 1);
-        this.data.children?.splice(index, 1);
-    }
-    update(changes) {
-        if (this.hasParent()) {
-            const i = this.childIndex;
-            this.parent.addChild({
-                ...this.data,
-                ...changes
-            }, i);
-            this.drop();
-        }
-    }
-    drop() {
-        if (this.hasParent()) this.parent.removeChild(this.childIndex);
-    }
-}
-
-
-let $2492d77b1ec82005$var$nextId = 0;
-function $2492d77b1ec82005$export$dcd27aa2043b2724(initialData) {
-    const [data, setData] = (0, $foSVk$react.useState)(initialData);
-    const tree = (0, $foSVk$react.useMemo)(()=>new (0, $ce2da9e8a36b0fcd$export$e32206264f456dce)(data), [
-        data
-    ]);
-    const onMove = (args)=>{
-        for (const id of args.dragIds)tree.move({
-            id: id,
-            parentId: args.parentId,
-            index: args.index
-        });
-        setData(tree.data);
-    };
-    const onRename = ({ name: name , id: id  })=>{
-        tree.update({
-            id: id,
-            changes: {
-                name: name
-            }
-        });
-        setData(tree.data);
-    };
-    const onCreate = ({ parentId: parentId , index: index , type: type  })=>{
-        const data = {
-            id: `simple-tree-id-${$2492d77b1ec82005$var$nextId++}`,
-            name: ""
-        };
-        if (type === "internal") data.children = [];
-        tree.create({
-            parentId: parentId,
-            index: index,
-            data: data
-        });
-        setData(tree.data);
-        return data;
-    };
-    const onDelete = (args)=>{
-        args.ids.forEach((id)=>tree.drop({
-                id: id
-            }));
-        setData(tree.data);
-    };
-    const controller = {
-        onMove: onMove,
-        onRename: onRename,
-        onCreate: onCreate,
-        onDelete: onDelete
-    };
-    return [
-        data,
-        controller
-    ];
-}
-
-
-function $8e1ae4dab2259e77$export$d227906824a13416(props) {
-    if (props.initialData && props.data) throw new Error(`React Arborist Tree => Provide either a data or initialData prop, but not both.`);
-    if (props.initialData && (props.onCreate || props.onDelete || props.onMove || props.onRename)) throw new Error(`React Arborist Tree => You passed the initialData prop along with a data handler.
-Use the data prop if you want to provide your own handlers.`);
-    if (props.initialData) {
-        /**
-     * Let's break the rules of hooks here. If the initialData prop
-     * is provided, we will assume it will not change for the life of
-     * the component.
-     *
-     * We will provide the real data and the handlers to update it.
-     *   */ const [data, controller] = (0, $2492d77b1ec82005$export$dcd27aa2043b2724)(props.initialData);
-        return {
-            ...props,
-            ...controller,
-            data: data
-        };
-    } else return props;
-}
-
-
-function $641461e16d1a2941$var$TreeComponent(props, ref) {
-    const treeProps = (0, $8e1ae4dab2259e77$export$d227906824a13416)(props);
-    return /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsxs)((0, $9511ad6af37da13b$export$c49dab5eb1b4ce0c), {
-        treeProps: treeProps,
-        imperativeHandle: ref,
-        children: [
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $df8d0340a995314b$export$a6ee728c3c6ef11d), {
-                children: /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $17a87d0a329a3eaa$export$cdf2ef3f6364d85), {})
-            }),
-            /*#__PURE__*/ (0, $foSVk$reactjsxruntime.jsx)((0, $ed13b1d404b3872b$export$3e21b60650ec7e55), {})
-        ]
-    });
-}
-const $641461e16d1a2941$export$7fbedc92909ed28e = /*#__PURE__*/ (0, $foSVk$react.forwardRef)($641461e16d1a2941$var$TreeComponent);
-
-
-var $73c61fb8fd3b5237$exports = {};
-
-
-var $6740b53b975d3884$exports = {};
-
-
-var $6cfe0c91f2a90e78$exports = {};
-
-
-
-
-
-
-$parcel$exportWildcard(module.exports, $73c61fb8fd3b5237$exports);
-$parcel$exportWildcard(module.exports, $6740b53b975d3884$exports);
-$parcel$exportWildcard(module.exports, $6cfe0c91f2a90e78$exports);
-$parcel$exportWildcard(module.exports, $9b37fe5960a1a3c6$exports);
-$parcel$exportWildcard(module.exports, $5c74fef433be2b0a$exports);
-$parcel$exportWildcard(module.exports, $ce2da9e8a36b0fcd$exports);
-$parcel$exportWildcard(module.exports, $2492d77b1ec82005$exports);
-
-
-//# sourceMappingURL=index.js.map