{"_id":"@alpernative/tree","_rev":"13-258caf660162294122cd486df954adfc","name":"@alpernative/tree","dist-tags":{"latest":"0.1.4"},"versions":{"0.0.1":{"name":"@alpernative/tree","version":"0.0.1","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@storybook/addon-essentials":"^7.6.14","@storybook/addon-interactions":"^7.6.14","@storybook/addon-links":"^7.6.14","@storybook/addon-onboarding":"^1.0.11","@storybook/blocks":"^7.6.14","@storybook/react":"^7.6.14","@storybook/react-vite":"^7.6.14","@storybook/test":"^7.6.14","@trivago/prettier-plugin-sort-imports":"^4.3.0","@types/node":"^20.11.17","@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.56.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","eslint-plugin-storybook":"^0.6.15","prettier":"3.2.5","react-icons":"^5.0.1","storybook":"^7.6.14","typescript":"^5.2.2","vite":"^5.1.0","vite-plugin-dts":"^3.7.2"},"packageManager":"yarn@4.1.0","_id":"@alpernative/tree@0.0.1","description":"![alpernative-tree](https://github.com/VirtualMetric/virtualmetric-dashboard/assets/55390822/423d110f-4a03-4d72-abd8-975bcb1b3ae8)","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-ZuX9ZqbVbj5ksdaIOi35zf82Wy7iNBZjiDjNx711uc+zEdsahq7CsNfUQefX17tRtxTPy9tQnMe+ZwDEgAzuiA==","shasum":"68b032d8354a6df0f1cd8ad83b22c1b6d12978ba","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.1.tgz","fileCount":19,"unpackedSize":2209298,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHHGm2Mikosx/93A81G0IZ4XLifLx+wiVq6WmEDzBwFTAiBXvfY4jm9CoP8tf+s3FgEYlYwv/sOOM0kurwj9aKA0Zw=="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.1_1707668484171_0.18354785509673888"},"_hasShrinkwrap":false},"0.0.2":{"name":"@alpernative/tree","version":"0.0.2","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","prepare":"npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@emotion/react":"^11.11.3","@emotion/styled":"^11.11.0","@storybook/addon-essentials":"^7.6.14","@storybook/addon-interactions":"^7.6.14","@storybook/addon-links":"^7.6.14","@storybook/addon-onboarding":"^1.0.11","@storybook/blocks":"^7.6.14","@storybook/react":"^7.6.14","@storybook/react-vite":"^7.6.14","@storybook/test":"^7.6.14","@trivago/prettier-plugin-sort-imports":"^4.3.0","@types/node":"^20.11.17","@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","@typescript-eslint/eslint-plugin":"^6.21.0","@typescript-eslint/parser":"^6.21.0","@vitejs/plugin-react":"^4.2.1","eslint":"^8.56.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","eslint-plugin-storybook":"^0.6.15","prettier":"3.2.5","react-icons":"^5.0.1","storybook":"^7.6.14","typescript":"^5.2.2","vite":"^5.1.0","vite-plugin-dts":"^3.7.2"},"_id":"@alpernative/tree@0.0.2","gitHead":"794e5f5e9129dfb4661a3c4872c18eb5529d0bdd","description":"![alpernative-tree](https://github.com/VirtualMetric/virtualmetric-dashboard/assets/55390822/423d110f-4a03-4d72-abd8-975bcb1b3ae8)","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-TK9FaEPhXZ3FwSIbnQDLASWlMgg+Vt5XIJ3OHr7SuI9m3gFfEsUHwzsvmTD64wzy4gMCmc+/flsNuZ2sHTAr3w==","shasum":"1ae0d84d24acfef5d3567e2e1a2f03f06cbee696","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.2.tgz","fileCount":19,"unpackedSize":2014404,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEE2JN/8zASfA+ASkEyVjvrG3SvcM7BWtAwSdFscHcHLAiEA/w4aM4f07mHmJW5i52/QtrLKTjAfpr6ZSyV2DJ4jtkU="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.2_1707671499643_0.7152661384865846"},"_hasShrinkwrap":false},"0.0.3":{"name":"@alpernative/tree","version":"0.0.3","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.3","gitHead":"aa7abd1cfc698d4da77c74844b6f52e16a84335c","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-QzsfYmhZzNYU8KBQ89JPLMcHNBc1LAJVrdj9g/5ZVd+PnDOQTonporYpvXlDShcixDRRTZfoRK7TgvqJp0quvQ==","shasum":"37402bda35e1921949592b64b0a7aba5d2790e24","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.3.tgz","fileCount":18,"unpackedSize":2008599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZPjCyr+CZlS21KoXEQ+Ps5hNCGLaw84ETkXeXp2qySwIgSDRubVXutGbb0dRHrRaHEEXaa851h0w37BQmbgTpiLY="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.3_1707788274069_0.8280339677241928"},"_hasShrinkwrap":false},"0.0.4":{"name":"@alpernative/tree","version":"0.0.4","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.4","gitHead":"5c8fbd310cbe0bed97967c6fad0496d97ca50377","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-Ukfebu1ALS0xla2FDD9wec2Az3oZmuM0rWgkwSK5bWr9gY+jy9V6mxfL0/fQP/Gh6zr0VisUSbgOJBXHBiST8Q==","shasum":"0f3368418b80e7aca9880ddc97c46637ad60ae8f","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.4.tgz","fileCount":18,"unpackedSize":2008599,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6cPV0IxSUP38jyu7yptyXPpE3rrq5Vl5sX7pIuDZ1NgIhAMnCuAu04H3/iWb1TCzI/s6WILmAimaMIRgKzvcJqBEX"}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.4_1707788676081_0.36922641701888037"},"_hasShrinkwrap":false},"0.0.5":{"name":"@alpernative/tree","version":"0.0.5","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.5","gitHead":"fc824d023fef88c4a2e3df0c64467e61207f16f1","description":"[`@alpernative/tree`](npm-link) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-InrTe7oXAouP916wFQeXHpTyIKiKlBmmd/1H83RPCOs64bATTEJvkfk299cXmAmhB56fF76tumQ3+eg5n99mlg==","shasum":"7122d6f6890f9e7bb9f551fb33b4b04df6a339dc","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.5.tgz","fileCount":19,"unpackedSize":2013693,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBFdmDhPyyJD05J4mlpMkzm9HrIEUFu6u07ofbZZWouJAiEA/KO5McMH5+yz0hQ1chiq31+6/NOvOb7VlTS4Mo91nJ8="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.5_1707788760904_0.4009249927318399"},"_hasShrinkwrap":false},"0.0.6":{"name":"@alpernative/tree","version":"0.0.6","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.6","gitHead":"73442b36c7bb7a2a01fc9e76475af0779f3f9dc0","description":"[`@alpernative/tree`](npm-link) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-NSekzCrxq/73lacIgOv65YyvLJtAOGLjZP9YHSHEOzEykIPM4XG4pEjRqv5vg4e3vIEuV27uLzxMdUxpX+NLnw==","shasum":"4cc38f6ffc1124bc2100ff6f4701799f6e47420c","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.6.tgz","fileCount":19,"unpackedSize":2013684,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhc8SCBgLEyb3jqB/1tQCWH9i9w0pkPgUTKJYdxZvJxgIhAKg4n6UDRb+QblI4KtXU4J1hApfO4bbSIY5NxfabDIA3"}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.6_1707951428434_0.6597094350475463"},"_hasShrinkwrap":false},"0.0.7":{"name":"@alpernative/tree","version":"0.0.7","type":"module","main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.7","gitHead":"ce22fe2fba883a1608e949568feed8103aed11bf","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","homepage":"https://github.com/alpernative/tree#readme","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-euQvZnMcFlbZGHfekkIEa0VMFU2P5gDIUezS1+Wm+agqfRNfzQU92lrqeJKbDOCrif5VBDuqgriC2q+v5EAe7A==","shasum":"2dd2c7aff0d74d0c80596a985b5f2342a6f1b641","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.7.tgz","fileCount":19,"unpackedSize":2014311,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG6cguB5O6yk3VD4CxYXYZZmoJw743QYFPdP3JFZI3BlAiAWyG2KWIP0XNnN2mOxFt3bAASyHl7FF725AHgXW2B0Ug=="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.7_1707952464157_0.44779612850096306"},"_hasShrinkwrap":false},"0.0.8":{"name":"@alpernative/tree","version":"0.0.8","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.8","gitHead":"172e8e49f895c2d6bac6a04d7c2fd5ab48c6a312","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-c0Ge8fcHD/+FsqeRVjK4qM406sCdw1nZhXcAsI3M7b08gJWYrXJ2fEK7MkNM7HyIl8nJWPiyljusrmMFpxd8bQ==","shasum":"f8d0deefd0228fc487de2b7a9f2534ef05a702b7","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.8.tgz","fileCount":19,"unpackedSize":2014385,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP0fRVd9i874J2WVZW03ePk1RPmjU3PPCxB0n6oth4EwIhAKtJeOC3qwfOlYkjJllLXO7YalpUr1YL36Co9KVgovTs"}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.8_1707952633208_0.9843687895603215"},"_hasShrinkwrap":false},"0.0.9":{"name":"@alpernative/tree","version":"0.0.9","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.0.9","gitHead":"5dfb4604bd85d520e1699e6a5a4acfe6f1abd598","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-/lOhs/AAp+brJDoUbcYw+Z85RCYin45SIts2DYeRWD1/ZJfkQqMxiaiRwt4ov+VmuLYzkA7Xb20ugNkWV263Bg==","shasum":"4af27d3df61924dc8eb47ad10e98bf304c4d29a0","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.0.9.tgz","fileCount":19,"unpackedSize":2014385,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDx7IeEp8HFRZlG7IP530RYd++fDHdsvJLhBWaJ4IgkiwIhALlkHf81wdEwfP6z+Xd1O6FnG/gHuKS2pHb2y2kgqKec"}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.0.9_1707990909593_0.8107963712773423"},"_hasShrinkwrap":false},"0.1.0":{"name":"@alpernative/tree","version":"0.1.0","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.1.0","gitHead":"5dfb4604bd85d520e1699e6a5a4acfe6f1abd598","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-wI2MSH33XTsq+OSesGSdnlEdqAg92V4Di+XpIvgKWjZPqu3v4LP4SmV0t96Es47gxRnEwtI+YOnaZRsTsfpu/g==","shasum":"7a627455a2564ec3ccce22a1a048da757042be99","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.1.0.tgz","fileCount":19,"unpackedSize":2014411,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCI5hW3jC/tNZDdSrJNfqVAnTxZq0YN06KKms4NkvZWbQIgF4JOyY1cm5xDpN4DzyHGNTfgHE6uPFzayTiy5j8olgo="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.1.0_1707991404745_0.19066895871274703"},"_hasShrinkwrap":false},"0.1.1":{"name":"@alpernative/tree","version":"0.1.1","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.1.1","gitHead":"f7c05fce5a3ce8b58edb3e6a7fe223ad7498a930","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-3MrtlE6SrDa6VMTBpotI5Si0lDWREn+dFToyzj1vfastQgxxW2V09U/RX5GlkH/uPJojUVJQB3Xsa+EdQY0K6Q==","shasum":"835be0debdada2590609ad8d4bf9c08217535f93","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.1.1.tgz","fileCount":19,"unpackedSize":2014411,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp7yI0N48HX/W99mHQRfqfXVJIIvVxcLEtrD2/dg28TQIhAMMliG40sbgXeoBxpZRfwrFuYTDEg2o4eRRyNqOpUmJN"}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.1.1_1707996607736_0.5171399617427768"},"_hasShrinkwrap":false},"0.1.2":{"name":"@alpernative/tree","version":"0.1.2","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.1.2","gitHead":"f7c05fce5a3ce8b58edb3e6a7fe223ad7498a930","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-/ODRgF1j8c/l+WVSW7CoTbwqRzD5nVkIfkMqPN7WyuwNoN9/iewNsQeq9+JvjTXjRp7uVbRPll4BhcmABt8d6A==","shasum":"499a7338a21788453fc8854bfeb46e146c803be3","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.1.2.tgz","fileCount":19,"unpackedSize":2014465,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEt42wmyO3j8IXGUoli1tCF6Pprtd64CFBB8XskP8DNgAiEA6qukO/rOTl6JUwLC+YgnLqB6buUjewF/0xiCg5Tw5rQ="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.1.2_1707996721922_0.3814873797369325"},"_hasShrinkwrap":false},"0.1.3":{"name":"@alpernative/tree","version":"0.1.3","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.1.3","gitHead":"d015a7848bff7093e69280083d351907ff9cef42","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-XuKKCNQ1mephbdFv5PuufDc9uyZECbS7NTubvf0sqSuaV7+50JxMG81WVa2R4dzcDNKrU/7NbmkVcN7YXz+fiA==","shasum":"931e5d35015a348eda73018417afba2f7efb0e1f","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.1.3.tgz","fileCount":19,"unpackedSize":2014436,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAYtHNYoVHau2rPD5HLCh47Pg0Z7bOivyjnjflgB6wkOAiAxvYM31Xjqs9i8xtcK02UXba5tx+wioPdpCV/jdmZsuw=="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.1.3_1707997341916_0.24893229157834762"},"_hasShrinkwrap":false},"0.1.4":{"name":"@alpernative/tree","version":"0.1.4","type":"module","main":"dist/index.umd.js","license":"MIT","homepage":"https://tree.alpernative.vercel.app/","module":"dist/index.es.js","types":"dist/index.d.ts","author":{"name":"Alperen Karaguzel"},"keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"exports":{".":{"import":"./dist/index.es.js","require":"./dist/index.umd.js","types":"./dist/index.d.ts"}},"publishConfig":{"access":"public"},"scripts":{"build":"tsc && vite build"},"dependencies":{"@hello-pangea/dnd":"^16.5.0","css-box-model":"^1.2.1","react":"^18.2.0","react-dom":"^18.2.0","react-virtualized-auto-sizer":"^1.0.22","react-window":"^1.8.10"},"devDependencies":{"@types/react":"^18.2.55","@types/react-dom":"^18.2.19","@types/react-window":"^1","vite":"^5.1.0","vite-plugin-dts":"^3.7.2","typescript":"^5.2.2","@vitejs/plugin-react":"^4.2.1"},"_id":"@alpernative/tree@0.1.4","gitHead":"93f056526296f6b21a3135619523e97b716c49b3","description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","_nodeVersion":"18.18.2","_npmVersion":"9.8.1","dist":{"integrity":"sha512-U0AOtC+UFVeRSOZwkmyl1itVm4pWMiNJQtKiwDKXNj1HNrh3RrfnjAA7CtCCRTZHxKsXA/hQ3yMDKq0rFHz8bw==","shasum":"331b794d2178cccf03af25aae550248971c9e8fc","tarball":"https://registry.npmjs.org/@alpernative/tree/-/tree-0.1.4.tgz","fileCount":19,"unpackedSize":2014472,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4lZkx4Gz6hhaAjCY9h/fa+Mf48RJUtL4eAIL2b6UOegIgUxaWrDJK15AuQk6kF/SO1f8hH9fCeXThXQopioVTR34="}]},"_npmUser":{"name":"alperenak","email":"alperenkaraguzel@gmail.com"},"directories":{},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tree_0.1.4_1708075083075_0.5225555483192292"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-11T16:21:24.084Z","0.0.1":"2024-02-11T16:21:24.360Z","modified":"2024-02-16T09:18:03.756Z","0.0.2":"2024-02-11T17:11:39.884Z","0.0.3":"2024-02-13T01:37:54.344Z","0.0.4":"2024-02-13T01:44:36.314Z","0.0.5":"2024-02-13T01:46:01.124Z","0.0.6":"2024-02-14T22:57:08.648Z","0.0.7":"2024-02-14T23:14:24.431Z","0.0.8":"2024-02-14T23:17:13.461Z","0.0.9":"2024-02-15T09:55:09.816Z","0.1.0":"2024-02-15T10:03:25.041Z","0.1.1":"2024-02-15T11:30:07.995Z","0.1.2":"2024-02-15T11:32:02.086Z","0.1.3":"2024-02-15T11:42:22.144Z","0.1.4":"2024-02-16T09:18:03.299Z"},"maintainers":[{"name":"alperenak","email":"alperenkaraguzel@gmail.com"}],"readme":"## AlperNative Tree\n\n[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.\n\n## Features\n\n- **High Performance**: [`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is designed to handle large datasets with ease, providing smooth and responsive user experiences.\n- **Customizable**: [`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) offers a wide range of customization options, allowing you to tailor the appearance and behavior of the tree to your specific needs.\n- **Virtualization**: [`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) supports virtualization, enabling you to render only the visible portion of the tree, which can significantly improve performance when working with large datasets.\n- **Drag and Drop**: [`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) provides built-in support for drag-and-drop operations, making it easy to rearrange tree nodes.\n- **Nested Drag and Drop**: [`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) supports nested drag-and-drop operations, allowing you to move nodes within and between different levels of the tree.\n\n## Getting Started\n\n### Installation\n\n```bash\nnpm install @alpernative/tree\n```\n\nor using yarn:\n\n```bash\nyarn add @alpernative/tree\n```\n\n### Basic Usage\n\nWe need to create `TreeItem.tsx` file to render the tree items\n\n```tsx\nimport { FC, useState } from 'react';\n\nimport { RenderItemParams, TreeItem as TreeItemType } from '@alpernative/tree';\nimport { AiOutlineFile, AiOutlineFolder, AiOutlineFolderOpen } from 'react-icons/ai';\nimport { FaChevronRight, FaChevronDown } from 'react-icons/fa';\n\nexport const TreeItem: FC<RenderItemParams> = ({ item, provided, onCollapse, onExpand }) => {\n  const [isSelected, setIsSelected] = useState(false);\n\n  const renderItemIcon = () => {\n    // You can customize the your icons based on the item's properties\n    if (!item.hasChildren) return <AiOutlineFile />;\n    if (item.isExpanded) return <AiOutlineFolderOpen />;\n    return <AiOutlineFolder />;\n  };\n\n  const handleOnClick = (item: TreeItemType) => {\n    setIsSelected(value => !value);\n    if (item.isExpanded) onCollapse(item.id);\n    if (!item.isExpanded) onExpand(item.id);\n  };\n\n  return (\n    <div\n      ref={provided.innerRef}\n      {...provided.draggableProps}\n      {...provided.dragHandleProps}\n      onClick={() => handleOnClick(item)}\n    >\n      <div style={{ color: isSelected ? 'red' : 'gray' }}>\n        {item.hasChildren && (item.isExpanded ? <FaChevronDown /> : <FaChevronRight />)}\n        {renderItemIcon()}\n        {item.data.title}\n      </div>\n    </div>\n  );\n};\n```\n\nThen we can use the `Tree` component in our `App.tsx` file\n\n```tsx\nimport { FC, useState } from 'react';\n\nimport Tree from '@alpernative/tree';\n\nimport { TreeItem } from './TreeItem';\n\nexport const basicTreeData = {\n  rootId: 'root',\n  items: {\n    root: {\n      id: 'root',\n      data: { title: 'Root' },\n      children: ['item-0'],\n      hasChildren: true,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n    'item-0': {\n      id: 'item-0',\n      data: {\n        title: 'Item 0',\n      },\n      children: ['item-1', 'item-2', 'item-3', 'item-4'],\n      hasChildren: true,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n    'item-1': {\n      id: 'item-1',\n      data: {\n        title: 'Item 1',\n      },\n      children: [],\n      hasChildren: false,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n    'item-2': {\n      id: 'item-2',\n      data: {\n        title: 'Item 2',\n      },\n      children: [],\n      hasChildren: false,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n    'item-3': {\n      id: 'item-3',\n      data: {\n        title: 'Item 3',\n      },\n      children: [],\n      hasChildren: false,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n    'item-4': {\n      id: 'item-4',\n      data: {\n        title: 'Item 4',\n      },\n      children: [],\n      hasChildren: false,\n      isExpanded: true,\n      isChildrenLoading: false,\n    },\n  },\n};\n\nexport const App: FC = () => {\n  const [treeData, setTreeData] = useState<TreeData>(basicTreeData);\n\n  const onExpand = (ItemId: ItemId) => {\n    setTreeData(mutateTree(treeData, ItemId, { isExpanded: true }));\n  };\n\n  const onCollapse = (ItemId: ItemId) => {\n    setTreeData(mutateTree(treeData, ItemId, { isExpanded: false }));\n  };\n\n  const onDragEnd = (source: TreeSourcePosition, destination?: TreeDestinationPosition) => {\n    if (!destination) return;\n\n    const newTree = moveItemOnTree(treeData, source, destination);\n    setTreeData(newTree);\n  };\n\n  return (\n    <div style={{ width: 200, height: 300 }}>\n      <Tree\n        tree={treeData}\n        offsetPerLevel={19}\n        renderItem={props => <TreeItem {...props} />}\n        onExpand={onExpand}\n        onCollapse={onCollapse}\n        onDragEnd={onDragEnd}\n        isNestingEnabled\n        isDragEnabled\n        virtualItemHeight={24}\n        isVirtualizationEnabled\n      />\n    </div>\n  );\n};\n```\n\n## Examples\n\nLooking for more examples? Check out the [Storybook](https://tree.alpernative.vercel.app/) for a wide range of use cases and customization options.\n\nDo you want more? Check out the [CodeSandbox](https://codesandbox.io/p/sandbox/strange-knuth-k69ykm?file=%2Fsrc%2FApp.tsx%3A10%2C31) for a wide range of use cases and customization options.\n\n## Documentation\n\nFor full documentation, visit [Link to Documentation](https://tree.alpernative.vercel.app/).\n","readmeFilename":"README.md","homepage":"https://tree.alpernative.vercel.app/","keywords":["react","tree","dnd","drag","drop","react-tree","react-treeview","react-dnd","react-dnd-tree","react-dnd-treeview","react-dnd-treeview-draggable","react-dnd-treeview-draggable-droppable","react-dnd-treeview-draggable-droppable-tree","@alpernative/tree","alperen/tree"],"repository":{"type":"git","url":"git+https://github.com/alpernative/tree.git"},"author":{"name":"Alperen Karaguzel"},"bugs":{"url":"https://github.com/alpernative/tree/issues"},"description":"[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.","license":"MIT"}