@vue-dnd-kit/core 0.0.20 → 0.0.22

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ZiZiGY
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/composables/useDnDStore.d.ts

@@ -1,3 +1,5 @@
+import { IDnDStore } from "../types";
+
 /**
  * Global store for managing drag and drop state.
  * Uses singleton pattern to ensure single source of truth across the application.

package/dist/composables/useDragContainer.d.ts

@@ -66,8 +66,8 @@
  * @property {Ref<boolean>} isDragging - Whether drag operation is in progress
  */
 export declare const useDragContainer: () => {
-    elementRef: any;
-    draggingElements: IDnDStore;
-    pointerPosition: IDnDStore;
-    isDragging: IDnDStore;
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    draggingElements: import('vue').Ref<import('..').IDraggingElement[], import('..').IDraggingElement[]>;
+    pointerPosition: import('..').IPointerPosition;
+    isDragging: import('vue').Ref<boolean, boolean>;
 };

package/dist/composables/useDraggable.d.ts

@@ -1,3 +1,5 @@
+import { IUseDragOptions } from "../types";
+
 /**
  * Main hook for making elements draggable.
  * Provides all necessary functionality for drag and drop operations.
@@ -39,11 +41,11 @@
  * </script>
  * ```
  */
-export declare const useDraggable: (options?: any) => {
-    pointerPosition: any;
-    elementRef: any;
-    isDragging: any;
-    isOvered: any;
-    isAllowed: any;
+export declare const useDraggable: (options?: IUseDragOptions) => {
+    pointerPosition: import('../types').IPointerPosition;
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    isDragging: import('vue').ComputedRef<boolean>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
     handleDragStart: (event: PointerEvent) => void;
 };

package/dist/composables/useDroppable.d.ts

@@ -1,3 +1,5 @@
+import { IUseDropOptions } from "../types";
+
 /**
  * Hook for creating drop zones that can accept dragged elements.
  * Manages drop zone registration and interaction states.
@@ -82,8 +84,8 @@
  * </style>
  * ```
  */
-export declare const useDroppable: (options?: any) => {
-    elementRef: any;
-    isOvered: any;
-    isAllowed: any;
+export declare const useDroppable: (options?: IUseDropOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/usePointer.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 export declare const usePointer: (elementRef: Ref<HTMLElement | null>) => {
     onPointerStart: (event: PointerEvent) => void;
     onPointerMove: (event: PointerEvent | WheelEvent) => void;

package/dist/composables/useSelection.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 /**
  * Hook for managing element selection in drag and drop interface
  * @param elementRef - Reference to the HTML element that can be selected
@@ -7,6 +9,6 @@ export declare const useSelection: (elementRef: Ref<HTMLElement | null>) => {
     handleUnselect: () => void;
     handleSelect: () => void;
     handleToggleSelect: () => void;
-    isSelected: any;
-    isParentOfSelected: any;
+    isSelected: import('vue').ComputedRef<boolean>;
+    isParentOfSelected: import('vue').ComputedRef<boolean>;
 };

package/dist/composables/useSensor.d.ts

@@ -1,3 +1,5 @@
+import { Ref } from 'vue';
+
 export declare const useSensor: (elementRef: Ref<HTMLElement | null>) => {
     activate: (event: PointerEvent) => void;
     track: (event: PointerEvent | WheelEvent) => void;

package/dist/managers/useElementManager.d.ts

@@ -1,3 +1,5 @@
+import { IUseDragOptions } from "../types";
+
 /**
  * Hook for managing draggable elements and their interactions.
  * Provides methods for registering, unregistering elements,
@@ -6,11 +8,11 @@
  * @param options - Optional configuration object for element management
  * @returns Object containing element management state and methods
  */
-export declare const useElementManager: (options?: any) => {
-    elementRef: any;
+export declare const useElementManager: (options?: IUseDragOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     registerElement: () => void;
     unregisterElement: () => void;
-    isDragging: any;
-    isOvered: any;
-    isAllowed: any;
+    isDragging: import('vue').ComputedRef<boolean>;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/managers/useZoneManager.d.ts

@@ -1,7 +1,9 @@
-export declare const useZoneManager: (options?: any) => {
-    elementRef: any;
+import { IUseDropOptions } from "../types";
+
+export declare const useZoneManager: (options?: IUseDropOptions) => {
+    elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     registerZone: () => void;
     unregisterZone: () => void;
-    isOvered: any;
-    isAllowed: any;
+    isOvered: import('vue').ComputedRef<boolean>;
+    isAllowed: import('vue').ComputedRef<boolean>;
 };

package/dist/utils/geometry.d.ts

@@ -1,3 +1,5 @@
+import { IBoundingBox, IPoint } from "../types";
+
 export declare const checkCollision: (boxA: IBoundingBox, boxB: IBoundingBox) => boolean;
 export declare const getBoundingBox: (element: HTMLElement | null) => IBoundingBox;
 export declare const getCenter: (box: IBoundingBox) => IPoint;

package/dist/vue-shims.d.ts

@@ -0,0 +1,5 @@
+declare module '*' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-dnd-kit/core",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "Core functionality for Vue DnD Kit - a lightweight Vue 3 library for building performant and accessible drag and drop interfaces",
   "author": "ZiZIGY",
   "license": "MIT",
@@ -54,6 +54,7 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
+    "@types/node": "^22.13.14",
     "@vitejs/plugin-vue": "^4.2.3",
     "eslint": "^8.38.0",
     "typescript": "^4.9.5",