@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/tree/drag.js

@@ -0,0 +1,190 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, pointerWithin, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { GripVertical } from "lucide-react";
+import { createContext, useContext, useId, useRef, useState } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useDragAnnouncements } from "../shared/use-drag-announcements.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
+import { moveTreeNode } from "./move.js";
+const Context = /*#__PURE__*/ createContext({});
+function TreeDragScope({ data, nodes, allowDrop, onDrop, children }) {
+    const id = useId();
+    const accessibility = useDragAnnouncements((key)=>{
+        const node = nodes.get(String(key))?.node;
+        return node?.searchLabel ?? ('string' == typeof node?.title ? node.title : String(key));
+    }, true);
+    const [state, setState] = useState({});
+    const blocked = useRef(new Set());
+    const keyboardTarget = useRef(void 0);
+    const pointerY = useRef(void 0);
+    const collisionDetection = (args)=>{
+        if (args.pointerCoordinates) {
+            pointerY.current = args.pointerCoordinates.y;
+            const hits = pointerWithin(args);
+            return hits.length ? hits : closestCenter(args);
+        }
+        if (keyboardTarget.current) return [
+            {
+                id: keyboardTarget.current.key
+            }
+        ];
+        return closestCenter(args);
+    };
+    const keyboardCoordinates = (event, { active, currentCoordinates, context })=>{
+        const rect = context.collisionRect;
+        if (!rect || ![
+            'ArrowUp',
+            'ArrowDown',
+            'ArrowLeft',
+            'ArrowRight'
+        ].includes(event.code)) return;
+        const candidates = context.droppableContainers.getEnabled().filter((container)=>!blocked.current.has(String(container.id))).flatMap((container)=>{
+            const target = context.droppableRects.get(container.id);
+            return target ? [
+                {
+                    id: container.id,
+                    rect: target
+                }
+            ] : [];
+        }).sort((a, b)=>a.rect.top - b.rect.top);
+        const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;
+        const centerY = current.top + current.height / 2;
+        const target = 'ArrowDown' === event.code ? candidates.find((candidate)=>candidate.rect.top + candidate.rect.height / 2 > centerY + 1) : 'ArrowUp' === event.code ? candidates.reverse().find((candidate)=>candidate.rect.top + candidate.rect.height / 2 < centerY - 1) : candidates.find((candidate)=>candidate.id === keyboardTarget.current?.key);
+        if (!target) return;
+        const fraction = 'ArrowLeft' === event.code ? 0.15 : 'ArrowRight' === event.code ? 0.85 : 0.5;
+        keyboardTarget.current = {
+            key: String(target.id),
+            position: 'ArrowLeft' === event.code ? 'before' : 'ArrowRight' === event.code ? 'after' : 'inside'
+        };
+        return {
+            x: currentCoordinates.x + target.rect.left + target.rect.width / 2 - (rect.left + rect.width / 2),
+            y: currentCoordinates.y + target.rect.top + target.rect.height * fraction - (rect.top + rect.height / 2)
+        };
+    };
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: keyboardCoordinates
+    }));
+    const updateTarget = ({ active, over })=>{
+        const activeRect = active.rect.current.translated;
+        const targetRect = over?.rect;
+        const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);
+        const position = keyboardTarget.current?.position ?? (!targetRect || y >= targetRect.top + 0.3 * targetRect.height && y <= targetRect.top + 0.7 * targetRect.height ? 'inside' : y < targetRect.top + targetRect.height / 2 ? 'before' : 'after');
+        const node = nodes.get(String(active.id))?.node;
+        const target = over ? nodes.get(String(over.id))?.node : void 0;
+        const permitted = node && target && !target.disabled && !blocked.current.has(target.key) && (!allowDrop || allowDrop({
+            node,
+            target,
+            position
+        }));
+        const next = {
+            active: String(active.id),
+            over: permitted && over ? String(over.id) : void 0,
+            position
+        };
+        setState((previous)=>previous.active === next.active && previous.over === next.over && previous.position === next.position ? previous : next);
+    };
+    return /*#__PURE__*/ jsxs(DndContext, {
+        id: id,
+        sensors: sensors,
+        collisionDetection: collisionDetection,
+        accessibility: accessibility,
+        onDragStart: ({ active })=>{
+            const key = String(active.id);
+            keyboardTarget.current = void 0;
+            pointerY.current = void 0;
+            blocked.current = new Set([
+                key
+            ]);
+            const collect = (node)=>{
+                for (const child of node?.children ?? []){
+                    blocked.current.add(child.key);
+                    collect(child);
+                }
+            };
+            collect(nodes.get(key)?.node);
+            setState({
+                active: key
+            });
+        },
+        onDragMove: updateTarget,
+        onDragOver: updateTarget,
+        onDragCancel: ()=>setState({}),
+        onDragEnd: ({ active, over })=>{
+            const node = nodes.get(String(active.id))?.node;
+            const target = over ? nodes.get(String(over.id))?.node : void 0;
+            const position = state.position ?? 'inside';
+            setState({});
+            if (!node || !target || target.disabled || target.key === node.key) return;
+            const info = {
+                node,
+                target,
+                position
+            };
+            if (allowDrop && !allowDrop(info)) return;
+            const next = moveTreeNode(data, node.key, target.key, position);
+            if (next) onDrop?.({
+                ...info,
+                data: next
+            });
+        },
+        children: [
+            /*#__PURE__*/ jsx(Context.Provider, {
+                value: state,
+                children: children
+            }),
+            /*#__PURE__*/ jsx(DragOverlay, {
+                children: state.active && /*#__PURE__*/ jsx("div", {
+                    className: "leaf-tree__drag-preview",
+                    children: nodes.get(state.active)?.node.title
+                })
+            })
+        ]
+    });
+}
+function TreeDragRow({ node, draggable, children }) {
+    const format = useFormattedText();
+    const state = useContext(Context);
+    const { attributes, listeners, setNodeRef: setDrag, setActivatorNodeRef, isDragging } = useDraggable({
+        id: node.key,
+        disabled: !draggable || node.disabled
+    });
+    const { setNodeRef: setDrop } = useDroppable({
+        id: node.key,
+        disabled: node.disabled
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: (element)=>{
+            setDrag(element);
+            setDrop(element);
+        },
+        className: "leaf-tree__drag-row",
+        "data-dragging": isDragging || void 0,
+        "data-drop": state.over === node.key && state.active !== node.key ? state.position : void 0,
+        children: [
+            draggable && /*#__PURE__*/ jsx(ButtonControl, {
+                ...attributes,
+                ...listeners,
+                ref: setActivatorNodeRef,
+                variant: "ghost",
+                size: "sm",
+                disabled: node.disabled,
+                className: "leaf-tree__drag-handle",
+                startIcon: /*#__PURE__*/ jsx(GripVertical, {
+                    size: 14
+                }),
+                "aria-label": format('tree.moveNode', {
+                    label: node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key)
+                })
+            }),
+            children
+        ]
+    });
+}
+export { TreeDragRow, TreeDragScope };
+
+//# sourceMappingURL=drag.js.map

package/dist/esm/tree/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/drag.js","sources":["../../../src/tree/drag.tsx"],"sourcesContent":["import {\n  type CollisionDetection,\n  closestCenter,\n  DndContext,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useDragAnnouncements } from '../shared/use-drag-announcements';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { moveTreeNode } from './move';\nimport type { TreeDropInfo, TreeNode } from './tree';\n\ninterface DragState {\n  active?: string;\n  over?: string;\n  position?: TreeDropInfo['position'];\n}\nconst Context = createContext<DragState>({});\nexport function TreeDragScope({\n  data,\n  nodes,\n  allowDrop,\n  onDrop,\n  children,\n}: {\n  data: readonly TreeNode[];\n  nodes: Map<string, { node: TreeNode }>;\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const accessibility = useDragAnnouncements((key) => {\n    const node = nodes.get(String(key))?.node;\n    return node?.searchLabel ?? (typeof node?.title === 'string' ? node.title : String(key));\n  }, true);\n  const [state, setState] = useState<DragState>({});\n  const blocked = useRef(new Set<string>());\n  const keyboardTarget = useRef<{ key: string; position: TreeDropInfo['position'] } | undefined>(\n    undefined,\n  );\n  const pointerY = useRef<number | undefined>(undefined);\n  const collisionDetection: CollisionDetection = (args) => {\n    if (args.pointerCoordinates) {\n      pointerY.current = args.pointerCoordinates.y;\n      const hits = pointerWithin(args);\n      return hits.length ? hits : closestCenter(args);\n    }\n    if (keyboardTarget.current) return [{ id: keyboardTarget.current.key }];\n    return closestCenter(args);\n  };\n  const keyboardCoordinates: KeyboardCoordinateGetter = (\n    event,\n    { active, currentCoordinates, context },\n  ) => {\n    const rect = context.collisionRect;\n    if (!rect || !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) return;\n    const candidates = context.droppableContainers\n      .getEnabled()\n      .filter((container) => !blocked.current.has(String(container.id)))\n      .flatMap((container) => {\n        const target = context.droppableRects.get(container.id);\n        return target ? [{ id: container.id, rect: target }] : [];\n      })\n      .sort((a, b) => a.rect.top - b.rect.top);\n    const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;\n    const centerY = current.top + current.height / 2;\n    const target =\n      event.code === 'ArrowDown'\n        ? candidates.find(\n            (candidate) => candidate.rect.top + candidate.rect.height / 2 > centerY + 1,\n          )\n        : event.code === 'ArrowUp'\n          ? candidates\n              .reverse()\n              .find((candidate) => candidate.rect.top + candidate.rect.height / 2 < centerY - 1)\n          : candidates.find((candidate) => candidate.id === keyboardTarget.current?.key);\n    if (!target) return;\n    const fraction = event.code === 'ArrowLeft' ? 0.15 : event.code === 'ArrowRight' ? 0.85 : 0.5;\n    keyboardTarget.current = {\n      key: String(target.id),\n      position:\n        event.code === 'ArrowLeft' ? 'before' : event.code === 'ArrowRight' ? 'after' : 'inside',\n    };\n    return {\n      x:\n        currentCoordinates.x +\n        target.rect.left +\n        target.rect.width / 2 -\n        (rect.left + rect.width / 2),\n      y:\n        currentCoordinates.y +\n        target.rect.top +\n        target.rect.height * fraction -\n        (rect.top + rect.height / 2),\n    };\n  };\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates }),\n  );\n  const updateTarget = ({ active, over }: DragMoveEvent | DragOverEvent) => {\n    const activeRect = active.rect.current.translated;\n    const targetRect = over?.rect;\n    const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);\n    const position =\n      keyboardTarget.current?.position ??\n      (!targetRect ||\n      (y >= targetRect.top + targetRect.height * 0.3 &&\n        y <= targetRect.top + targetRect.height * 0.7)\n        ? 'inside'\n        : y < targetRect.top + targetRect.height / 2\n          ? 'before'\n          : 'after');\n    const node = nodes.get(String(active.id))?.node;\n    const target = over ? nodes.get(String(over.id))?.node : undefined;\n    const permitted =\n      node &&\n      target &&\n      !target.disabled &&\n      !blocked.current.has(target.key) &&\n      (!allowDrop || allowDrop({ node, target, position }));\n    const next = {\n      active: String(active.id),\n      over: permitted && over ? String(over.id) : undefined,\n      position,\n    };\n    setState((previous) =>\n      previous.active === next.active &&\n      previous.over === next.over &&\n      previous.position === next.position\n        ? previous\n        : next,\n    );\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      accessibility={accessibility}\n      onDragStart={({ active }) => {\n        const key = String(active.id);\n        keyboardTarget.current = undefined;\n        pointerY.current = undefined;\n        blocked.current = new Set([key]);\n        const collect = (node?: TreeNode) => {\n          for (const child of node?.children ?? []) {\n            blocked.current.add(child.key);\n            collect(child);\n          }\n        };\n        collect(nodes.get(key)?.node);\n        setState({ active: key });\n      }}\n      onDragMove={updateTarget}\n      onDragOver={updateTarget}\n      onDragCancel={() => setState({})}\n      onDragEnd={({ active, over }) => {\n        const node = nodes.get(String(active.id))?.node;\n        const target = over ? nodes.get(String(over.id))?.node : undefined;\n        const position = state.position ?? 'inside';\n        setState({});\n        if (!node || !target || target.disabled || target.key === node.key) return;\n        const info = { node, target, position };\n        if (allowDrop && !allowDrop(info)) return;\n        const next = moveTreeNode(data, node.key, target.key, position);\n        if (next) onDrop?.({ ...info, data: next });\n      }}\n    >\n      <Context.Provider value={state}>{children}</Context.Provider>\n      <DragOverlay>\n        {state.active && (\n          <div className=\"leaf-tree__drag-preview\">{nodes.get(state.active)?.node.title}</div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\nexport function TreeDragRow({\n  node,\n  draggable,\n  children,\n}: {\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  const format = useFormattedText();\n  const state = useContext(Context);\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDrag,\n    setActivatorNodeRef,\n    isDragging,\n  } = useDraggable({ id: node.key, disabled: !draggable || node.disabled });\n  const { setNodeRef: setDrop } = useDroppable({ id: node.key, disabled: node.disabled });\n  return (\n    <div\n      ref={(element) => {\n        setDrag(element);\n        setDrop(element);\n      }}\n      className=\"leaf-tree__drag-row\"\n      data-dragging={isDragging || undefined}\n      data-drop={state.over === node.key && state.active !== node.key ? state.position : undefined}\n    >\n      {draggable && (\n        <ButtonControl\n          {...attributes}\n          {...listeners}\n          ref={setActivatorNodeRef}\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={node.disabled}\n          className=\"leaf-tree__drag-handle\"\n          startIcon={<GripVertical size={14} />}\n          aria-label={format('tree.moveNode', {\n            label: node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key),\n          })}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["Context","createContext","TreeDragScope","data","nodes","allowDrop","onDrop","children","id","useId","accessibility","useDragAnnouncements","key","node","String","state","setState","useState","blocked","useRef","Set","keyboardTarget","undefined","pointerY","collisionDetection","args","hits","pointerWithin","closestCenter","keyboardCoordinates","event","active","currentCoordinates","context","rect","candidates","container","target","a","b","current","centerY","candidate","fraction","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","updateTarget","over","activeRect","targetRect","y","position","permitted","next","previous","DndContext","collect","child","info","moveTreeNode","DragOverlay","TreeDragRow","draggable","format","useFormattedText","useContext","attributes","listeners","setDrag","setActivatorNodeRef","isDragging","useDraggable","setDrop","useDroppable","element","ButtonControl","GripVertical"],"mappings":"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"}

package/dist/esm/tree/index.d.ts

@@ -0,0 +1,4 @@
+export { moveTreeNode } from './move.js';
+export type { TreeCheckInfo, TreeDropInfo, TreeExpandInfo, TreeNode, TreeProps, TreeSelectInfo, } from './tree.js';
+export { Tree } from './tree.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/tree/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { moveTreeNode } from "./move.js";
+export { Tree } from "./tree.js";

package/dist/esm/tree/model.d.ts

@@ -0,0 +1,19 @@
+import type { TreeNode } from './tree.js';
+export interface TreeRecord {
+    node: TreeNode;
+    parent?: string;
+    level: number;
+}
+export declare function treeModel(data: readonly TreeNode[]): Map<string, TreeRecord>;
+export declare function treeChecks(records: Map<string, TreeRecord>, keys: readonly string[], strict?: boolean, toggle?: {
+    key: string;
+    checked: boolean;
+}): {
+    checked: string[];
+    half: string[];
+};
+export declare function treeMatches(records: Map<string, TreeRecord>, query: string, filter?: (node: TreeNode, query: string) => boolean): {
+    matched: Set<string>;
+    visible: Set<string>;
+} | undefined;
+//# sourceMappingURL=model.d.ts.map

package/dist/esm/tree/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/tree/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,QAAQ,EAAE,2BAUlD;AAGD,wBAAgB,UAAU,CACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAChC,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,MAAM,UAAQ,EACd,MAAM,CAAC,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE;;UASI,MAAM,EAAE;EAmCvD;AACD,wBAAgB,WAAW,CACzB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAChC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;;;cAoBpD"}

package/dist/esm/tree/model.js

@@ -0,0 +1,97 @@
+"use client";
+function treeModel(data) {
+    const records = new Map();
+    const visit = (nodes, level, parent)=>{
+        for (const node of nodes){
+            records.set(node.key, {
+                node,
+                level,
+                parent
+            });
+            if (node.children) visit(node.children, level + 1, node.key);
+        }
+    };
+    visit(data, 1);
+    return records;
+}
+const canCheck = (node)=>!node.disabled && !node.disableCheckbox && false !== node.checkable;
+function treeChecks(records, keys, strict = false, toggle) {
+    const checked = new Set(keys.filter((key)=>records.has(key)));
+    const half = new Set();
+    if (strict) {
+        if (toggle) if (toggle.checked) checked.add(toggle.key);
+        else checked.delete(toggle.key);
+        return {
+            checked: [
+                ...checked
+            ],
+            half: []
+        };
+    }
+    const descend = (key, state)=>{
+        const record = records.get(key);
+        if (!record || !canCheck(record.node)) return;
+        if (state) checked.add(key);
+        else checked.delete(key);
+        for (const child of record.node.children ?? [])descend(child.key, state);
+    };
+    for (const key of keys)descend(key, true);
+    if (toggle) {
+        descend(toggle.key, toggle.checked);
+        if (!toggle.checked) {
+            let parent = records.get(toggle.key)?.parent;
+            while(parent){
+                const record = records.get(parent);
+                if (!record || !canCheck(record.node)) break;
+                checked.delete(parent);
+                parent = record.parent;
+            }
+        }
+    }
+    for (const [key, { node }] of [
+        ...records
+    ].reverse()){
+        if (!canCheck(node)) continue;
+        const children = (node.children ?? []).filter(canCheck);
+        if (!children.length) continue;
+        const all = children.every((child)=>checked.has(child.key));
+        const some = children.some((child)=>checked.has(child.key) || half.has(child.key));
+        if (all) checked.add(key);
+        else {
+            checked.delete(key);
+            if (some) half.add(key);
+        }
+    }
+    return {
+        checked: [
+            ...records.keys()
+        ].filter((key)=>checked.has(key)),
+        half: [
+            ...half
+        ]
+    };
+}
+function treeMatches(records, query, filter) {
+    const matched = new Set();
+    const visible = new Set();
+    const text = query.trim().toLocaleLowerCase();
+    if (!text) return;
+    for (const [key, { node }] of records){
+        const title = node.searchLabel ?? ('string' == typeof node.title || 'number' == typeof node.title ? String(node.title) : key);
+        if (!(filter ? filter(node, query) : title.toLocaleLowerCase().includes(text))) continue;
+        matched.add(key);
+        visible.add(key);
+        let parent = records.get(key)?.parent;
+        while(parent){
+            visible.add(parent);
+            parent = records.get(parent)?.parent;
+        }
+    }
+    return {
+        matched,
+        visible
+    };
+}
+export { treeChecks, treeMatches, treeModel };
+
+//# sourceMappingURL=model.js.map

package/dist/esm/tree/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/model.js","sources":["../../../src/tree/model.ts"],"sourcesContent":["import type { TreeNode } from './tree';\n\nexport interface TreeRecord {\n  node: TreeNode;\n  parent?: string;\n  level: number;\n}\nexport function treeModel(data: readonly TreeNode[]) {\n  const records = new Map<string, TreeRecord>();\n  const visit = (nodes: readonly TreeNode[], level: number, parent?: string) => {\n    for (const node of nodes) {\n      records.set(node.key, { node, level, parent });\n      if (node.children) visit(node.children, level + 1, node.key);\n    }\n  };\n  visit(data, 1);\n  return records;\n}\nconst canCheck = (node: TreeNode) =>\n  !node.disabled && !node.disableCheckbox && node.checkable !== false;\nexport function treeChecks(\n  records: Map<string, TreeRecord>,\n  keys: readonly string[],\n  strict = false,\n  toggle?: { key: string; checked: boolean },\n) {\n  const checked = new Set(keys.filter((key) => records.has(key)));\n  const half = new Set<string>();\n  if (strict) {\n    if (toggle) {\n      if (toggle.checked) checked.add(toggle.key);\n      else checked.delete(toggle.key);\n    }\n    return { checked: [...checked], half: [] as string[] };\n  }\n  const descend = (key: string, state: boolean) => {\n    const record = records.get(key);\n    if (!record || !canCheck(record.node)) return;\n    if (state) checked.add(key);\n    else checked.delete(key);\n    for (const child of record.node.children ?? []) descend(child.key, state);\n  };\n  for (const key of keys) descend(key, true);\n  if (toggle) {\n    descend(toggle.key, toggle.checked);\n    if (!toggle.checked) {\n      let parent = records.get(toggle.key)?.parent;\n      while (parent) {\n        const record = records.get(parent);\n        if (!record || !canCheck(record.node)) break;\n        checked.delete(parent);\n        parent = record.parent;\n      }\n    }\n  }\n  for (const [key, { node }] of [...records].reverse()) {\n    if (!canCheck(node)) continue;\n    const children = (node.children ?? []).filter(canCheck);\n    if (!children.length) continue;\n    const all = children.every((child) => checked.has(child.key));\n    const some = children.some((child) => checked.has(child.key) || half.has(child.key));\n    if (all) checked.add(key);\n    else {\n      checked.delete(key);\n      if (some) half.add(key);\n    }\n  }\n  return { checked: [...records.keys()].filter((key) => checked.has(key)), half: [...half] };\n}\nexport function treeMatches(\n  records: Map<string, TreeRecord>,\n  query: string,\n  filter?: (node: TreeNode, query: string) => boolean,\n) {\n  const matched = new Set<string>();\n  const visible = new Set<string>();\n  const text = query.trim().toLocaleLowerCase();\n  if (!text) return undefined;\n  for (const [key, { node }] of records) {\n    const title =\n      node.searchLabel ??\n      (typeof node.title === 'string' || typeof node.title === 'number' ? String(node.title) : key);\n    if (!(filter ? filter(node, query) : title.toLocaleLowerCase().includes(text))) continue;\n    matched.add(key);\n    visible.add(key);\n    let parent = records.get(key)?.parent;\n    while (parent) {\n      visible.add(parent);\n      parent = records.get(parent)?.parent;\n    }\n  }\n  return { matched, visible };\n}\n"],"names":["treeModel","data","records","Map","visit","nodes","level","parent","node","canCheck","treeChecks","keys","strict","toggle","checked","Set","key","half","descend","state","record","child","children","all","some","treeMatches","query","filter","matched","visible","text","title","String"],"mappings":"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"}

package/dist/esm/tree/move.d.ts

@@ -0,0 +1,3 @@
+import type { TreeDropInfo, TreeNode } from './tree.js';
+export declare function moveTreeNode(data: readonly TreeNode[], key: string, target: string, position: TreeDropInfo['position']): TreeNode[] | null;
+//# sourceMappingURL=move.d.ts.map

package/dist/esm/tree/move.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.d.ts","sourceRoot":"","sources":["../../../src/tree/move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,QAAQ,EAAE,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,GACjC,QAAQ,EAAE,GAAG,IAAI,CAiCnB"}

package/dist/esm/tree/move.js

@@ -0,0 +1,56 @@
+"use client";
+function moveTreeNode(data, key, target, position) {
+    let moved;
+    const find = (nodes)=>{
+        for (const node of nodes){
+            if (node.key === key) return node;
+            const nested = find(node.children ?? []);
+            if (nested) return nested;
+        }
+    };
+    moved = find(data);
+    if (!moved || key === target) return null;
+    const contains = (node)=>node.key === target || (node.children ?? []).some(contains);
+    if (contains(moved)) return null;
+    const remove = (nodes)=>nodes.filter((node)=>node.key !== key).map((node)=>node.children ? {
+                ...node,
+                children: remove(node.children)
+            } : {
+                ...node
+            });
+    let inserted = false;
+    const insert = (nodes)=>nodes.flatMap((node)=>{
+            const next = node.children ? {
+                ...node,
+                children: insert(node.children)
+            } : {
+                ...node
+            };
+            if (node.key !== target) return [
+                next
+            ];
+            inserted = true;
+            if ('inside' === position) return [
+                {
+                    ...next,
+                    isLeaf: false,
+                    children: [
+                        ...next.children ?? [],
+                        moved
+                    ]
+                }
+            ];
+            return 'before' === position ? [
+                moved,
+                next
+            ] : [
+                next,
+                moved
+            ];
+        });
+    const result = insert(remove(data));
+    return inserted ? result : null;
+}
+export { moveTreeNode };
+
+//# sourceMappingURL=move.js.map

package/dist/esm/tree/move.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/move.js","sources":["../../../src/tree/move.ts"],"sourcesContent":["import type { TreeDropInfo, TreeNode } from './tree';\n\nexport function moveTreeNode(\n  data: readonly TreeNode[],\n  key: string,\n  target: string,\n  position: TreeDropInfo['position'],\n): TreeNode[] | null {\n  let moved: TreeNode | undefined;\n  const find = (nodes: readonly TreeNode[]): TreeNode | undefined => {\n    for (const node of nodes) {\n      if (node.key === key) return node;\n      const nested = find(node.children ?? []);\n      if (nested) return nested;\n    }\n    return undefined;\n  };\n  moved = find(data);\n  if (!moved || key === target) return null;\n  const contains = (node: TreeNode): boolean =>\n    node.key === target || (node.children ?? []).some(contains);\n  if (contains(moved)) return null;\n  const remove = (nodes: readonly TreeNode[]): TreeNode[] =>\n    nodes\n      .filter((node) => node.key !== key)\n      .map((node) => (node.children ? { ...node, children: remove(node.children) } : { ...node }));\n  let inserted = false;\n  const insert = (nodes: readonly TreeNode[]): TreeNode[] =>\n    nodes.flatMap((node) => {\n      const next = node.children ? { ...node, children: insert(node.children) } : { ...node };\n      if (node.key !== target) return [next];\n      inserted = true;\n      if (position === 'inside')\n        return [\n          { ...next, isLeaf: false, children: [...(next.children ?? []), moved as TreeNode] },\n        ];\n      return position === 'before' ? [moved as TreeNode, next] : [next, moved as TreeNode];\n    });\n  const result = insert(remove(data));\n  return inserted ? result : null;\n}\n"],"names":["moveTreeNode","data","key","target","position","moved","find","nodes","node","nested","contains","remove","inserted","insert","next","result"],"mappings":";AAEO,SAASA,aACdC,IAAyB,EACzBC,GAAW,EACXC,MAAc,EACdC,QAAkC;IAElC,IAAIC;IACJ,MAAMC,OAAO,CAACC;QACZ,KAAK,MAAMC,QAAQD,MAAO;YACxB,IAAIC,KAAK,GAAG,KAAKN,KAAK,OAAOM;YAC7B,MAAMC,SAASH,KAAKE,KAAK,QAAQ,IAAI,EAAE;YACvC,IAAIC,QAAQ,OAAOA;QACrB;IAEF;IACAJ,QAAQC,KAAKL;IACb,IAAI,CAACI,SAASH,QAAQC,QAAQ,OAAO;IACrC,MAAMO,WAAW,CAACF,OAChBA,KAAK,GAAG,KAAKL,UAAWK,AAAAA,CAAAA,KAAK,QAAQ,IAAI,EAAC,EAAG,IAAI,CAACE;IACpD,IAAIA,SAASL,QAAQ,OAAO;IAC5B,MAAMM,SAAS,CAACJ,QACdA,MACG,MAAM,CAAC,CAACC,OAASA,KAAK,GAAG,KAAKN,KAC9B,GAAG,CAAC,CAACM,OAAUA,KAAK,QAAQ,GAAG;gBAAE,GAAGA,IAAI;gBAAE,UAAUG,OAAOH,KAAK,QAAQ;YAAE,IAAI;gBAAE,GAAGA,IAAI;YAAC;IAC7F,IAAII,WAAW;IACf,MAAMC,SAAS,CAACN,QACdA,MAAM,OAAO,CAAC,CAACC;YACb,MAAMM,OAAON,KAAK,QAAQ,GAAG;gBAAE,GAAGA,IAAI;gBAAE,UAAUK,OAAOL,KAAK,QAAQ;YAAE,IAAI;gBAAE,GAAGA,IAAI;YAAC;YACtF,IAAIA,KAAK,GAAG,KAAKL,QAAQ,OAAO;gBAACW;aAAK;YACtCF,WAAW;YACX,IAAIR,AAAa,aAAbA,UACF,OAAO;gBACL;oBAAE,GAAGU,IAAI;oBAAE,QAAQ;oBAAO,UAAU;2BAAKA,KAAK,QAAQ,IAAI,EAAE;wBAAGT;qBAAkB;gBAAC;aACnF;YACH,OAAOD,AAAa,aAAbA,WAAwB;gBAACC;gBAAmBS;aAAK,GAAG;gBAACA;gBAAMT;aAAkB;QACtF;IACF,MAAMU,SAASF,OAAOF,OAAOV;IAC7B,OAAOW,WAAWG,SAAS;AAC7B"}

package/dist/esm/tree/tree.d.ts

@@ -0,0 +1,74 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface TreeNode {
+    key: string;
+    title: ReactNode;
+    children?: readonly TreeNode[];
+    icon?: ReactNode;
+    disabled?: boolean;
+    selectable?: boolean;
+    checkable?: boolean;
+    disableCheckbox?: boolean;
+    searchLabel?: string;
+    isLeaf?: boolean;
+}
+export interface TreeSelectInfo {
+    node: TreeNode;
+    selected: boolean;
+    selectedNodes: readonly TreeNode[];
+}
+export interface TreeCheckInfo {
+    node: TreeNode;
+    checked: boolean;
+    checkedNodes: readonly TreeNode[];
+    halfCheckedKeys: readonly string[];
+}
+export interface TreeExpandInfo {
+    node: TreeNode;
+    expanded: boolean;
+}
+export interface TreeDropInfo {
+    node: TreeNode;
+    target: TreeNode;
+    position: 'before' | 'inside' | 'after';
+    data: TreeNode[];
+}
+export interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onDrop' | 'onLoad' | 'draggable'> {
+    data: readonly TreeNode[];
+    selectedKeys?: readonly string[];
+    defaultSelectedKeys?: readonly string[];
+    onSelect?: (keys: string[], info: TreeSelectInfo) => void;
+    multiple?: boolean;
+    selectable?: boolean;
+    checkable?: boolean;
+    checkStrictly?: boolean;
+    checkedKeys?: readonly string[];
+    defaultCheckedKeys?: readonly string[];
+    onCheck?: (keys: string[], info: TreeCheckInfo) => void;
+    expandedKeys?: readonly string[];
+    defaultExpandedKeys?: readonly string[];
+    defaultExpandAll?: boolean;
+    onExpand?: (keys: string[], info: TreeExpandInfo) => void;
+    disabled?: boolean;
+    showLine?: boolean;
+    showIcon?: boolean;
+    searchValue?: string;
+    filterTreeNode?: (node: TreeNode, query: string) => boolean;
+    notFoundContent?: ReactNode;
+    loadData?: (node: TreeNode, signal: AbortSignal) => Promise<readonly TreeNode[]>;
+    cacheKey?: string | number;
+    nodeRender?: (node: TreeNode) => ReactNode;
+    onLoad?: (node: TreeNode, children: readonly TreeNode[]) => void;
+    onLoadError?: (error: unknown, node: TreeNode) => void;
+    virtual?: boolean;
+    height?: number;
+    itemHeight?: number;
+    draggable?: boolean | ((node: TreeNode) => boolean);
+    allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;
+    onDrop?: (info: TreeDropInfo) => void;
+}
+export declare function TreeControl({ data: suppliedData, selectedKeys, defaultSelectedKeys, onSelect, multiple, selectable, checkable, checkOnClick, expandOnClick, checkStrictly, checkedKeys, defaultCheckedKeys, onCheck, expandedKeys, defaultExpandedKeys, defaultExpandAll, onExpand, disabled, showLine, showIcon, searchValue, filterTreeNode, notFoundContent, loadData, cacheKey, nodeRender, onLoad, onLoadError, virtual, height, itemHeight: itemHeightProp, draggable, allowDrop, onDrop, className, 'aria-label': label, ...props }: TreeProps & {
+    checkOnClick?: boolean;
+    expandOnClick?: boolean;
+}): import("react").JSX.Element;
+export declare function Tree(rawProps: TreeProps): import("react").JSX.Element;
+//# sourceMappingURL=tree.d.ts.map

package/dist/esm/tree/tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/tree/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,SAAS,QAAQ,EAAE,CAAC;CACpC;AACD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,QAAQ,EAAE,CAAC;IAClC,eAAe,EAAE,SAAS,MAAM,EAAE,CAAC;CACpC;AACD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AACD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AACD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC5F,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC;IACjF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,SAAS,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,QAAQ,EAAE,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AACD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,YAAY,EAClB,YAAY,EACZ,mBAAwB,EACxB,QAAQ,EACR,QAAgB,EAChB,UAAiB,EACjB,SAAiB,EACjB,YAAoB,EACpB,aAAqB,EACrB,aAAqB,EACrB,WAAW,EACX,kBAAuB,EACvB,OAAO,EACP,YAAY,EACZ,mBAAwB,EACxB,gBAAwB,EACxB,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,WAAgB,EAChB,cAAc,EACd,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,MAAM,EACN,WAAW,EACX,OAAe,EACf,MAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,SAAiB,EACjB,SAAS,EACT,MAAM,EACN,SAAS,EACT,YAAY,EAAE,KAAK,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,+BAibjE;AAgDD,wBAAgB,IAAI,CAAC,QAAQ,EAAE,SAAS,+BAGvC"}