@spark-ui/hooks 17.2.1-beta.1 → 17.2.2

package/dist/use-sortable-list/index.d.mts

@@ -1,98 +0,0 @@
-import { Ref } from 'react';
-
-interface UseSortableListOptions<T> {
-    /**
-     * The list of items to be sortable
-     */
-    items: T[];
-    /**
-     * Callback called when items are reordered
-     * @param newItems - The reordered items array
-     */
-    onReorder: (newItems: T[]) => void;
-    /**
-     * Function to generate a unique key for each item
-     * @param item - The item to generate a key for
-     * @returns A unique string key for the item
-     */
-    getItemKey: (item: T) => string;
-}
-interface SortableItemProps<TElement extends HTMLElement = HTMLElement> {
-    /**
-     * Whether the item is draggable
-     */
-    draggable: boolean;
-    /**
-     * Handler for drag start event
-     */
-    onDragStart: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag enter event
-     */
-    onDragEnter: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag over event
-     */
-    onDragOver: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag leave event
-     */
-    onDragLeave: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag end event
-     */
-    onDragEnd: (e: React.DragEvent) => void;
-    /**
-     * Handler for drop event
-     */
-    onDrop: (e: React.DragEvent) => void;
-    /**
-     * Handler for keyboard navigation
-     */
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    /**
-     * Tab index for keyboard navigation
-     */
-    tabIndex: number;
-    /**
-     * Ref callback to attach to the item element
-     */
-    ref: Ref<TElement>;
-}
-interface UseSortableListReturn<T> {
-    /**
-     * Get props to spread on a sortable item element (includes ref)
-     * @param item - The item to get props for
-     * @param index - The current index of the item in the list
-     * @returns Props object to spread on the element
-     */
-    getItemProps: <TElement extends HTMLElement = HTMLElement>(item: T, index: number) => SortableItemProps<TElement>;
-}
-/**
- * Hook to make a list of items sortable via drag and drop and keyboard navigation
- *
- * @example
- * ```tsx
- * const { getItemProps } = useSortableList({
- *   items: myItems,
- *   onReorder: setMyItems,
- *   getItemKey: (item) => item.id
- * })
- *
- * return (
- *   <ul>
- *     {myItems.map((item, index) => (
- *       <li
- *         key={getItemKey(item)}
- *         {...getItemProps(item, index)}
- *       >
- *         {item.name}
- *       </li>
- *     ))}
- *   </ul>
- * )
- * ```
- */
-declare function useSortableList<T>({ items, onReorder, getItemKey, }: UseSortableListOptions<T>): UseSortableListReturn<T>;
-
-export { type SortableItemProps, type UseSortableListOptions, type UseSortableListReturn, useSortableList };

package/dist/use-sortable-list/index.d.ts

@@ -1,98 +0,0 @@
-import { Ref } from 'react';
-
-interface UseSortableListOptions<T> {
-    /**
-     * The list of items to be sortable
-     */
-    items: T[];
-    /**
-     * Callback called when items are reordered
-     * @param newItems - The reordered items array
-     */
-    onReorder: (newItems: T[]) => void;
-    /**
-     * Function to generate a unique key for each item
-     * @param item - The item to generate a key for
-     * @returns A unique string key for the item
-     */
-    getItemKey: (item: T) => string;
-}
-interface SortableItemProps<TElement extends HTMLElement = HTMLElement> {
-    /**
-     * Whether the item is draggable
-     */
-    draggable: boolean;
-    /**
-     * Handler for drag start event
-     */
-    onDragStart: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag enter event
-     */
-    onDragEnter: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag over event
-     */
-    onDragOver: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag leave event
-     */
-    onDragLeave: (e: React.DragEvent) => void;
-    /**
-     * Handler for drag end event
-     */
-    onDragEnd: (e: React.DragEvent) => void;
-    /**
-     * Handler for drop event
-     */
-    onDrop: (e: React.DragEvent) => void;
-    /**
-     * Handler for keyboard navigation
-     */
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    /**
-     * Tab index for keyboard navigation
-     */
-    tabIndex: number;
-    /**
-     * Ref callback to attach to the item element
-     */
-    ref: Ref<TElement>;
-}
-interface UseSortableListReturn<T> {
-    /**
-     * Get props to spread on a sortable item element (includes ref)
-     * @param item - The item to get props for
-     * @param index - The current index of the item in the list
-     * @returns Props object to spread on the element
-     */
-    getItemProps: <TElement extends HTMLElement = HTMLElement>(item: T, index: number) => SortableItemProps<TElement>;
-}
-/**
- * Hook to make a list of items sortable via drag and drop and keyboard navigation
- *
- * @example
- * ```tsx
- * const { getItemProps } = useSortableList({
- *   items: myItems,
- *   onReorder: setMyItems,
- *   getItemKey: (item) => item.id
- * })
- *
- * return (
- *   <ul>
- *     {myItems.map((item, index) => (
- *       <li
- *         key={getItemKey(item)}
- *         {...getItemProps(item, index)}
- *       >
- *         {item.name}
- *       </li>
- *     ))}
- *   </ul>
- * )
- * ```
- */
-declare function useSortableList<T>({ items, onReorder, getItemKey, }: UseSortableListOptions<T>): UseSortableListReturn<T>;
-
-export { type SortableItemProps, type UseSortableListOptions, type UseSortableListReturn, useSortableList };

package/tsup.config.ts

@@ -1,11 +0,0 @@
-import { defineConfig } from 'tsup'
-
-export default defineConfig(() => {
-  return {
-    entryPoints: ['src/*/index.(ts|tsx)'],
-    format: ['cjs', 'esm'],
-    dts: true,
-    sourcemap: true,
-    external: ['react'],
-  }
-})