@headless-tree/react 0.0.0-20230802230636

package/.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/CHANGELOG.md

@@ -0,0 +1,49 @@
+# @headless-tree/react
+
+## 0.0.0-20230802230636
+
+### Patch Changes
+
+- 076dfc5: dev release
+- Updated dependencies [076dfc5]
+  - @headless-tree/core@0.0.0-20230802230636
+
+## 0.0.6
+
+### Patch Changes
+
+- 6ec53b3: dev release
+- Updated dependencies [6ec53b3]
+  - @headless-tree/core@0.0.7
+
+## 0.0.5
+
+### Patch Changes
+
+- bc9c446: dev release
+- Updated dependencies [bc9c446]
+  - @headless-tree/core@0.0.6
+
+## 0.0.4
+
+### Patch Changes
+
+- 751682a: dev release
+- Updated dependencies [751682a]
+  - @headless-tree/core@0.0.5
+
+## 0.0.3
+
+### Patch Changes
+
+- 6460368: tree shaking
+- Updated dependencies [6460368]
+  - @headless-tree/core@0.0.3
+
+## 0.0.2
+
+### Patch Changes
+
+- 05e24de: release test
+- Updated dependencies [05e24de]
+  - @headless-tree/core@0.0.2

package/lib/cjs/index.d.ts

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

package/lib/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTree = void 0;
+const react_1 = require("react");
+const core_1 = require("@headless-tree/core");
+const useTree = (config) => {
+    const [tree] = (0, react_1.useState)(() => ({ current: (0, core_1.createTree)(config) }));
+    const [state, setState] = (0, react_1.useState)(() => tree.current.getState());
+    tree.current.setConfig((prev) => (Object.assign(Object.assign(Object.assign({}, prev), config), { state: Object.assign(Object.assign({}, state), config.state), setState: (state) => {
+            var _a;
+            setState(state);
+            (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state);
+        } })));
+    return tree.current;
+};
+exports.useTree = useTree;

package/lib/esm/index.d.ts

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

package/lib/esm/index.js

@@ -0,0 +1,12 @@
+import { useState } from "react";
+import { createTree } from "@headless-tree/core";
+export const useTree = (config) => {
+    const [tree] = useState(() => ({ current: createTree(config) }));
+    const [state, setState] = useState(() => tree.current.getState());
+    tree.current.setConfig((prev) => (Object.assign(Object.assign(Object.assign({}, prev), config), { state: Object.assign(Object.assign({}, state), config.state), setState: (state) => {
+            var _a;
+            setState(state);
+            (_a = config.setState) === null || _a === void 0 ? void 0 : _a.call(config, state);
+        } })));
+    return tree.current;
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@headless-tree/react",
+  "version": "0.0.0-20230802230636",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/esm/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build:cjs": "tsc -m commonjs --outDir lib/cjs",
+    "build:esm": "tsc",
+    "start": "tsc -w"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:lukasbach/headless-tree.git",
+    "directory": "packages/react"
+  },
+  "author": "Lukas Bach <npm@lukasbach.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.5",
+    "@headless-tree/core": "workspace:*",
+    "prop-types": "15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.0.4"
+  },
+  "peerDependencies": {
+    "@headless-tree/core": "0.0.0-20230802230636",
+    "react": "*",
+    "react-dom": "*"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,23 @@
+import { useState } from "react";
+import { createTree, TreeConfig } from "@headless-tree/core";
+
+export const useTree = <T,>(config: TreeConfig<T>) => {
+  const [tree] = useState(() => ({ current: createTree(config) }));
+  const [state, setState] = useState(() => tree.current.getState());
+
+  tree.current.setConfig((prev) => ({
+    ...prev,
+    ...config,
+    state: {
+      // ...prev.state,
+      ...state,
+      ...config.state,
+    },
+    setState: (state) => {
+      setState(state);
+      config.setState?.(state);
+    },
+  }));
+
+  return tree.current;
+};

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["./src/**/*"],
+  "compilerOptions": {
+    "outDir": "lib/esm"
+  }
+}

package/typedoc.json

@@ -0,0 +1,4 @@
+{
+  "extends": ["../../typedoc.base.json"],
+  "entryPoints": ["src/index.tsx"]
+}