@clevertask/react-sortable-tree 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +183 -0
  3. package/dist/SortableTree/SortableTree.d.ts +4 -0
  4. package/dist/SortableTree/components/Action/Action.d.ts +9 -0
  5. package/dist/SortableTree/components/Action/index.d.ts +2 -0
  6. package/dist/SortableTree/components/Add/Add.d.ts +2 -0
  7. package/dist/SortableTree/components/Add/index.d.ts +1 -0
  8. package/dist/SortableTree/components/Handle/Handle.d.ts +2 -0
  9. package/dist/SortableTree/components/Handle/index.d.ts +1 -0
  10. package/dist/SortableTree/components/Remove/Remove.d.ts +2 -0
  11. package/dist/SortableTree/components/Remove/index.d.ts +1 -0
  12. package/dist/SortableTree/components/TreeItem/SortableTreeItem.d.ts +8 -0
  13. package/dist/SortableTree/components/TreeItem/TreeItem.d.ts +22 -0
  14. package/dist/SortableTree/components/TreeItem/index.d.ts +2 -0
  15. package/dist/SortableTree/components/index.d.ts +1 -0
  16. package/dist/SortableTree/index.d.ts +3 -0
  17. package/dist/SortableTree/keyboardCoordinates.d.ts +3 -0
  18. package/dist/SortableTree/types.d.ts +138 -0
  19. package/dist/SortableTree/utilities.d.ts +18 -0
  20. package/dist/index.d.ts +1 -0
  21. package/dist/main.d.ts +1 -0
  22. package/dist/react-sortable-tree.js +3789 -0
  23. package/dist/react-sortable-tree.js.map +1 -0
  24. package/dist/style.css +1 -0
  25. package/package.json +44 -0
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ ._Wrapper_1ewsl_1{list-style:none;box-sizing:border-box;padding-left:var(--spacing);margin-bottom:-1px}._Wrapper_1ewsl_1._clone_1ewsl_8{display:inline-block;pointer-events:none;padding:5px 0 0 10px}._Wrapper_1ewsl_1._clone_1ewsl_8 ._TreeItem_1ewsl_16{--vertical-padding: 5px;padding-right:24px;border-radius:4px;box-shadow:0 15px 15px #2221511a}._Wrapper_1ewsl_1._ghost_1ewsl_23._indicator_1ewsl_23{opacity:1;position:relative;z-index:1;margin-bottom:-1px}._Wrapper_1ewsl_1._ghost_1ewsl_23._indicator_1ewsl_23 ._TreeItem_1ewsl_16{position:relative;padding:0;height:8px;border-color:#2389ff;background-color:#56a1f8}._Wrapper_1ewsl_1._ghost_1ewsl_23._indicator_1ewsl_23 ._TreeItem_1ewsl_16:before{position:absolute;left:-8px;top:-4px;display:block;content:"";width:12px;height:12px;border-radius:50%;border:1px solid #2389ff;background-color:#fff}._Wrapper_1ewsl_1._ghost_1ewsl_23._indicator_1ewsl_23 ._TreeItem_1ewsl_16>*{opacity:0;height:0}._Wrapper_1ewsl_1._ghost_1ewsl_23:not(._indicator_1ewsl_23){opacity:.5}._Wrapper_1ewsl_1._ghost_1ewsl_23 ._TreeItem_1ewsl_16>*{box-shadow:none;background-color:transparent}._TreeItem_1ewsl_16{--vertical-padding: 10px;position:relative;display:flex;align-items:center;padding:var(--vertical-padding) 10px;background-color:#fff;border:1px solid #dedede;color:#222;box-sizing:border-box}._Text_1ewsl_78{flex-grow:1;padding-left:.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;align-self:stretch;display:flex;align-items:center;cursor:pointer}._Count_1ewsl_90{position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#2389ff;font-size:.8rem;font-weight:600;color:#fff}._disableInteraction_1ewsl_106{pointer-events:none}._disableSelection_1ewsl_110 ._Text_1ewsl_78,._disableSelection_1ewsl_110 ._Count_1ewsl_90,._clone_1ewsl_8 ._Text_1ewsl_78,._clone_1ewsl_8 ._Count_1ewsl_90{user-select:none;-webkit-user-select:none}._Collapse_1ewsl_118 svg{transition:transform .25s ease}._Collapse_1ewsl_118._collapsed_1ewsl_122 svg{transform:rotate(-90deg)}._Action_1vzup_1{display:flex;width:12px;padding:15px;align-items:center;justify-content:center;flex:0 0 auto;touch-action:none;cursor:var(--cursor, pointer);border-radius:5px;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-tap-highlight-color:transparent}@media (hover: hover){._Action_1vzup_1:hover{background-color:var(--action-background, rgba(0, 0, 0, .05))}._Action_1vzup_1:hover svg{fill:#6f7b88}}._Action_1vzup_1 svg{flex:0 0 auto;margin:auto;height:100%;overflow:visible;fill:#919eab}._Action_1vzup_1:active{background-color:var(--background, rgba(0, 0, 0, .05))}._Action_1vzup_1:active svg{fill:var(--fill, #788491)}._Action_1vzup_1:focus-visible{outline:none;box-shadow:0 0 0 2px #fff0,0 0 0 2px #4c9ffe}
package/package.json ADDED
@@ -0,0 +1,44 @@
1
+ {
2
+ "name": "@clevertask/react-sortable-tree",
3
+ "version": "0.0.1",
4
+ "type": "module",
5
+ "license": "MIT",
6
+ "author": "CleverTask",
7
+ "files": [
8
+ "dist"
9
+ ],
10
+ "main": "./dist/react-sortable-tree.js",
11
+ "types": "./dist/index.d.ts",
12
+ "scripts": {
13
+ "dev": "vite",
14
+ "build": "rm -rf dist && tsc -b && vite build",
15
+ "lint": "eslint .",
16
+ "preview": "vite preview",
17
+ "prepublishOnly": "npm run build"
18
+ },
19
+ "dependencies": {
20
+ "@dnd-kit/core": "^6.1.0",
21
+ "@dnd-kit/sortable": "^8.0.0",
22
+ "@dnd-kit/utilities": "^3.2.2",
23
+ "classnames": "^2.5.1"
24
+ },
25
+ "devDependencies": {
26
+ "@eslint/js": "^9.9.0",
27
+ "@types/node": "^22.5.4",
28
+ "@types/react": "^18.3.3",
29
+ "@types/react-dom": "^18.3.0",
30
+ "@vitejs/plugin-react-swc": "^3.5.0",
31
+ "eslint": "^9.9.0",
32
+ "eslint-plugin-react-hooks": "^5.1.0-rc.0",
33
+ "eslint-plugin-react-refresh": "^0.4.9",
34
+ "globals": "^15.9.0",
35
+ "typescript": "^5.5.3",
36
+ "typescript-eslint": "^8.0.1",
37
+ "vite": "^5.4.1",
38
+ "vite-plugin-dts": "^4.2.1"
39
+ },
40
+ "peerDependencies": {
41
+ "react": "^18.3.1",
42
+ "react-dom": "^18.3.1"
43
+ }
44
+ }