@clevertask/react-sortable-tree 0.0.7 → 0.0.8

package/dist/src/SortableTree/components/TreeItemStructure/index.d.ts

@@ -0,0 +1,39 @@
+import { TreeItem } from '../../types';
+import { RenderItemProps } from '../TreeItem/TreeItem';
+import { default as React } from 'react';
+type AriaProps = {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+export type TreeItemStructureProps = {
+    treeItem: TreeItem & {
+        parentId?: string;
+    };
+    dropZoneRef: (element: HTMLElement | null) => void;
+    draggableItemRef: React.Ref<any>;
+    dropZoneStyle?: React.CSSProperties;
+    draggableItemStyle?: React.CSSProperties;
+    classNames?: {
+        dropZone?: string;
+        draggableItem?: string;
+    };
+    asDropZone?: React.ElementType;
+    asDraggableItem?: React.ElementType;
+    children?: React.ReactNode;
+    clone?: boolean;
+    dataSlots: {
+        dropZone?: AriaProps & Record<string, string | boolean | number | undefined>;
+        draggableItem?: AriaProps & Record<string, string>;
+    };
+} & Pick<RenderItemProps, 'dragListeners'>;
+export declare const TreeItemStructure: {
+    ({ dropZoneRef, draggableItemRef, dropZoneStyle, draggableItemStyle, classNames, asDropZone: DropZoneComponent, asDraggableItem: DraggableComponent, children, dataSlots, treeItem, clone, dragListeners, }: TreeItemStructureProps): import("react/jsx-runtime").JSX.Element;
+    DragHandler({ children, as: Component, className, style, }: {
+        children: React.ReactNode;
+        as?: React.ElementType;
+        className?: string;
+        style?: React.CSSProperties;
+    }): import("react/jsx-runtime").JSX.Element | null;
+};
+export {};

package/package.json

@@ -1,21 +1,29 @@
 {
   "name": "@clevertask/react-sortable-tree",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "license": "MIT",
   "author": "CleverTask",
   "files": [
     "dist"
   ],
-  "main": "./dist/react-sortable-tree.js",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "dev": "vite",
-    "build": "rm -rf dist && vite build",
-    "lint": "eslint .",
-    "format": "prettier . --write",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build"
+  "homepage": "https://github.com/clevertask/react-sortable-tree#readme",
+  "bugs": {
+    "url": "https://github.com/clevertask/react-sortable-tree/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/clevertask/react-sortable-tree"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "default": "./dist/react-sortable-tree.js"
+    },
+    "./e2e": {
+      "types": "./dist/e2e/utils/index.d.ts",
+      "default": "./dist/e2e/index.js"
+    }
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -26,6 +34,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@playwright/test": "^1.57.0",
     "@types/node": "^22.14.1",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
@@ -34,6 +43,8 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
     "prettier": "^3.5.3",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.30.1",
@@ -43,5 +54,17 @@
   "peerDependencies": {
     "react": ">=18.3.1 <20.0.0",
     "react-dom": ">=18.3.1 <20.0.0"
+  },
+  "lint-staged": {
+    "*.{ts, tsx, css}": "pnpm run format"
+  },
+  "scripts": {
+    "dev": "vite",
+    "e2e": "playwright test",
+    "e2e:dev": "playwright test --ui",
+    "build": "rm -rf dist && vite build && vite build -c vite.test.config.ts",
+    "lint": "eslint .",
+    "format": "prettier --write",
+    "preview": "vite preview"
   }
-}
+}

package/dist/SortableTree/components/TreeItemStructure/index.d.ts

@@ -1,19 +0,0 @@
-export interface TreeItemStructureProps {
-    dropZoneRef: (element: HTMLElement | null) => void;
-    draggableItemRef: React.Ref<any>;
-    dropZoneStyle?: React.CSSProperties;
-    draggableItemStyle?: React.CSSProperties;
-    classNames?: {
-        dropZone?: string;
-        draggableItem?: string;
-    };
-    asDropZone?: React.ElementType;
-    asDraggableItem?: React.ElementType;
-    draggableItemProps?: Record<string, any>;
-    children?: React.ReactNode;
-    dataSlots: {
-        dropZone: Record<string, string | boolean | undefined>;
-        draggableItem: Record<string, string>;
-    };
-}
-export declare const TreeItemStructure: ({ dropZoneRef, draggableItemRef, dropZoneStyle, draggableItemStyle, classNames, asDropZone: DropZoneComponent, asDraggableItem: DraggableComponent, draggableItemProps, children, dataSlots, }: TreeItemStructureProps) => import("react/jsx-runtime").JSX.Element;