@headless-tree/react 0.0.0-20250726130412 → 0.0.0-20250726131941

package/CHANGELOG.md

@@ -1,9 +1,10 @@
 # @headless-tree/react
 
-## 0.0.0-20250726130412
+## 0.0.0-20250726131941
 
 ### Patch Changes
 
+- 32e71e9: Added optional @headless-tree/react/react17 import for useTree for compatibility
 - 662e2a8: Improved customizability of checkboxes feature (still alpha state), allowing you to customize `propagateCheckedState` and `canCheckFolders` independently
 - 662e2a8: Changed to new buildtool in core packages (now using tsup) to hopefully fix some ESM/CJS integrations
 - Updated dependencies [662e2a8]
@@ -12,7 +13,7 @@
 - Updated dependencies [a250b3b]
 - Updated dependencies [662e2a8]
 - Updated dependencies [662e2a8]
-  - @headless-tree/core@0.0.0-20250726130412
+  - @headless-tree/core@0.0.0-20250726131941
 
 ## 1.2.1
 

package/dist/chunk-FWCSY2DS.mjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/dist/index.mjs

@@ -1,34 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
 
 // src/assistive-tree-description.tsx
 import React from "react";

package/dist/react17/index.d.mts

@@ -0,0 +1,6 @@
+import * as _headless_tree_core from '@headless-tree/core';
+import { TreeConfig } from '@headless-tree/core';
+
+declare const useTree: <T>(config: TreeConfig<T>) => _headless_tree_core.TreeInstance<T>;
+
+export { useTree };

package/dist/react17/index.d.ts

@@ -0,0 +1,6 @@
+import * as _headless_tree_core from '@headless-tree/core';
+import { TreeConfig } from '@headless-tree/core';
+
+declare const useTree: <T>(config: TreeConfig<T>) => _headless_tree_core.TreeInstance<T>;
+
+export { useTree };

package/dist/react17/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react17/index.tsx
+var react17_exports = {};
+__export(react17_exports, {
+  useTree: () => useTree
+});
+module.exports = __toCommonJS(react17_exports);
+var import_react = require("react");
+var import_core = require("@headless-tree/core");
+var useTree = (config) => {
+  const [tree] = (0, import_react.useState)(() => ({ current: (0, import_core.createTree)(config) }));
+  const [state, setState] = (0, import_react.useState)(
+    () => tree.current.getState()
+  );
+  (0, import_react.useEffect)(() => {
+    tree.current.rebuildTree();
+  }, [tree]);
+  tree.current.setConfig((prev) => __spreadProps(__spreadValues(__spreadValues({}, prev), config), {
+    state: __spreadValues(__spreadValues({}, state), config.state),
+    setState: (state2) => {
+      var _a;
+      setState(state2);
+      (_a = config.setState) == null ? void 0 : _a.call(config, state2);
+    }
+  }));
+  return tree.current;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTree
+});

package/dist/react17/index.mjs

@@ -0,0 +1,29 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-FWCSY2DS.mjs";
+
+// src/react17/index.tsx
+import { useEffect, useState } from "react";
+import { createTree } from "@headless-tree/core";
+var useTree = (config) => {
+  const [tree] = useState(() => ({ current: createTree(config) }));
+  const [state, setState] = useState(
+    () => tree.current.getState()
+  );
+  useEffect(() => {
+    tree.current.rebuildTree();
+  }, [tree]);
+  tree.current.setConfig((prev) => __spreadProps(__spreadValues(__spreadValues({}, prev), config), {
+    state: __spreadValues(__spreadValues({}, state), config.state),
+    setState: (state2) => {
+      var _a;
+      setState(state2);
+      (_a = config.setState) == null ? void 0 : _a.call(config, state2);
+    }
+  }));
+  return tree.current;
+};
+export {
+  useTree
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-tree/react",
-  "version": "0.0.0-20250726130412",
+  "version": "0.0.0-20250726131941",
   "main": "dist/index.d.ts",
   "module": "dist/index.mjs",
   "types": "dist/index.d.mts",
@@ -15,11 +15,21 @@
         "default": "./dist/index.d.ts"
       }
     },
+    "./react17": {
+      "import": {
+        "types": "./dist/react17/index.d.mts",
+        "default": "./dist/react17/index.mjs"
+      },
+      "require": {
+        "types": "./dist/react17/index.js",
+        "default": "./dist/react17/index.d.ts"
+      }
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
   "scripts": {
-    "build": "tsup ./src/index.ts --format esm,cjs --dts",
+    "build": "tsup ./src/index.ts ./src/react17/index.tsx --format esm,cjs --dts",
     "start": "tsup ./src/index.ts --format esm,cjs --dts --watch"
   },
   "repository": {
@@ -42,7 +52,7 @@
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "@headless-tree/core": "0.0.0-20250726130412",
+    "@headless-tree/core": "0.0.0-20250726131941",
     "react": "*",
     "react-dom": "*"
   }

package/src/react17/index.tsx

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+import { TreeConfig, TreeState, createTree } from "@headless-tree/core";
+
+export const useTree = <T,>(config: TreeConfig<T>) => {
+  const [tree] = useState(() => ({ current: createTree(config) }));
+  const [state, setState] = useState<Partial<TreeState<T>>>(() =>
+    tree.current.getState(),
+  );
+
+  useEffect(() => {
+    tree.current.rebuildTree();
+  }, [tree]); // runs only once after mount
+
+  tree.current.setConfig((prev) => ({
+    ...prev,
+    ...config,
+    state: {
+      // ...prev.state,
+      ...state,
+      ...config.state,
+    },
+    setState: (state) => {
+      setState(state);
+      config.setState?.(state);
+    },
+  }));
+
+  return tree.current;
+};