@teja-app/ui 0.0.1 → 0.0.2

package/dist/useSelection-DyXUWnGK.cjs

@@ -0,0 +1,358 @@
+"use strict";
+const React = require("react");
+function useDebounce(value, delay = 300) {
+  const [debouncedValue, setDebouncedValue] = React.useState(value);
+  React.useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+function useDebouncedCallback(callback, delay = 300) {
+  const timeoutRef = React.useRef(null);
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const debouncedCallback = React.useCallback(
+    (...args) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay]
+  );
+  React.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  return debouncedCallback;
+}
+function useDebouncedCallbackWithControl(callback, delay = 300) {
+  const timeoutRef = React.useRef(null);
+  const callbackRef = React.useRef(callback);
+  const argsRef = React.useRef(null);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const cancel = React.useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+      argsRef.current = null;
+    }
+  }, []);
+  const flush = React.useCallback(() => {
+    if (timeoutRef.current && argsRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+      const args = argsRef.current;
+      argsRef.current = null;
+      callbackRef.current(...args);
+    }
+  }, []);
+  const isPending = React.useCallback(() => {
+    return timeoutRef.current !== null;
+  }, []);
+  const debouncedFn = React.useCallback(
+    (...args) => {
+      argsRef.current = args;
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        timeoutRef.current = null;
+        argsRef.current = null;
+        callbackRef.current(...args);
+      }, delay);
+    },
+    [delay]
+  );
+  React.useEffect(() => {
+    return () => {
+      cancel();
+    };
+  }, [cancel]);
+  return { debouncedFn, cancel, flush, isPending };
+}
+function useTable({
+  data,
+  initialSortColumn,
+  initialSortDirection = "asc",
+  initialPage = 1,
+  initialPageSize = 10,
+  serverSide = false,
+  onSort,
+  onPageChange,
+  onPageSizeChange,
+  sortFn,
+  getValueByColumn,
+  totalItems: totalItemsProp
+}) {
+  const [sortState, setSortState] = React.useState({
+    column: initialSortColumn ?? null,
+    direction: initialSortDirection
+  });
+  const [currentPage, setCurrentPage] = React.useState(initialPage);
+  const [pageSize, setPageSizeState] = React.useState(initialPageSize);
+  const defaultGetValue = React.useCallback((item, column) => {
+    return item[column];
+  }, []);
+  const getValue = getValueByColumn ?? defaultGetValue;
+  const defaultSortFn = React.useCallback(
+    (items, column, direction) => {
+      return [...items].sort((a, b) => {
+        const aVal = getValue(a, column);
+        const bVal = getValue(b, column);
+        if (aVal == null && bVal == null) return 0;
+        if (aVal == null) return direction === "asc" ? 1 : -1;
+        if (bVal == null) return direction === "asc" ? -1 : 1;
+        if (typeof aVal === "string" && typeof bVal === "string") {
+          const comparison2 = aVal.localeCompare(bVal);
+          return direction === "asc" ? comparison2 : -comparison2;
+        }
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          return direction === "asc" ? aVal - bVal : bVal - aVal;
+        }
+        if (aVal instanceof Date && bVal instanceof Date) {
+          return direction === "asc" ? aVal.getTime() - bVal.getTime() : bVal.getTime() - aVal.getTime();
+        }
+        if (typeof aVal === "boolean" && typeof bVal === "boolean") {
+          const comparison2 = aVal === bVal ? 0 : aVal ? -1 : 1;
+          return direction === "asc" ? comparison2 : -comparison2;
+        }
+        const aStr = String(aVal);
+        const bStr = String(bVal);
+        const comparison = aStr.localeCompare(bStr);
+        return direction === "asc" ? comparison : -comparison;
+      });
+    },
+    [getValue]
+  );
+  const sort = sortFn ?? defaultSortFn;
+  const sortedData = React.useMemo(() => {
+    if (serverSide || !sortState.column) {
+      return data;
+    }
+    return sort(data, sortState.column, sortState.direction);
+  }, [data, serverSide, sortState.column, sortState.direction, sort]);
+  const totalItems = serverSide ? totalItemsProp ?? data.length : data.length;
+  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+  const pageData = React.useMemo(() => {
+    if (serverSide) {
+      return data;
+    }
+    const startIndex = (currentPage - 1) * pageSize;
+    return sortedData.slice(startIndex, startIndex + pageSize);
+  }, [serverSide, sortedData, currentPage, pageSize, data]);
+  const handleSort = React.useCallback(
+    (column) => {
+      const newDirection = sortState.column === column && sortState.direction === "asc" ? "desc" : "asc";
+      setSortState({ column, direction: newDirection });
+      if (serverSide && onSort) {
+        onSort(column, newDirection);
+      }
+      if (!serverSide) {
+        setCurrentPage(1);
+      }
+    },
+    [sortState.column, sortState.direction, serverSide, onSort]
+  );
+  const setSort = React.useCallback(
+    (column, direction) => {
+      setSortState({ column, direction });
+      if (serverSide && onSort && column) {
+        onSort(column, direction);
+      }
+    },
+    [serverSide, onSort]
+  );
+  const goToPage = React.useCallback(
+    (page) => {
+      const validPage = Math.max(1, Math.min(page, totalPages));
+      setCurrentPage(validPage);
+      if (serverSide && onPageChange) {
+        onPageChange(validPage);
+      }
+    },
+    [totalPages, serverSide, onPageChange]
+  );
+  const nextPage = React.useCallback(() => {
+    if (currentPage < totalPages) {
+      goToPage(currentPage + 1);
+    }
+  }, [currentPage, totalPages, goToPage]);
+  const previousPage = React.useCallback(() => {
+    if (currentPage > 1) {
+      goToPage(currentPage - 1);
+    }
+  }, [currentPage, goToPage]);
+  const setPageSize = React.useCallback(
+    (size) => {
+      setPageSizeState(size);
+      setCurrentPage(1);
+      if (serverSide && onPageSizeChange) {
+        onPageSizeChange(size);
+      }
+    },
+    [serverSide, onPageSizeChange]
+  );
+  const reset = React.useCallback(() => {
+    setSortState({
+      column: initialSortColumn ?? null,
+      direction: initialSortDirection
+    });
+    setCurrentPage(initialPage);
+    setPageSizeState(initialPageSize);
+  }, [initialSortColumn, initialSortDirection, initialPage, initialPageSize]);
+  return {
+    pageData,
+    sortedData,
+    sortColumn: sortState.column,
+    sortDirection: sortState.direction,
+    handleSort,
+    setSort,
+    currentPage,
+    pageSize,
+    totalPages,
+    totalItems,
+    goToPage,
+    nextPage,
+    previousPage,
+    setPageSize,
+    reset,
+    isFirstPage: currentPage === 1,
+    isLastPage: currentPage >= totalPages
+  };
+}
+function useSelection({
+  items,
+  getItemId,
+  initialSelected = [],
+  onSelectionChange,
+  isSelectable = () => true
+}) {
+  const [selectedIds, setSelectedIds] = React.useState(initialSelected);
+  const selectedSet = React.useMemo(() => new Set(selectedIds), [selectedIds]);
+  const selectableItems = React.useMemo(
+    () => items.filter(isSelectable),
+    [items, isSelectable]
+  );
+  const selectableIds = React.useMemo(
+    () => selectableItems.map(getItemId),
+    [selectableItems, getItemId]
+  );
+  const selectedCount = selectedIds.length;
+  const allSelected = selectableIds.length > 0 && selectableIds.every((id) => selectedSet.has(id));
+  const someSelected = selectedIds.length > 0;
+  const noneSelected = selectedIds.length === 0;
+  const updateSelection = React.useCallback(
+    (newIds) => {
+      setSelectedIds(newIds);
+      onSelectionChange?.(newIds);
+    },
+    [onSelectionChange]
+  );
+  const isSelected = React.useCallback((id) => selectedSet.has(id), [selectedSet]);
+  const toggle = React.useCallback(
+    (id) => {
+      if (selectedSet.has(id)) {
+        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));
+      } else {
+        updateSelection([...selectedIds, id]);
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const select = React.useCallback(
+    (id) => {
+      if (!selectedSet.has(id)) {
+        updateSelection([...selectedIds, id]);
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const deselect = React.useCallback(
+    (id) => {
+      if (selectedSet.has(id)) {
+        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));
+      }
+    },
+    [selectedIds, selectedSet, updateSelection]
+  );
+  const selectAll = React.useCallback(() => {
+    const newSelectedSet = new Set(selectedIds);
+    selectableIds.forEach((id) => newSelectedSet.add(id));
+    updateSelection(Array.from(newSelectedSet));
+  }, [selectedIds, selectableIds, updateSelection]);
+  const clearSelection = React.useCallback(() => {
+    updateSelection([]);
+  }, [updateSelection]);
+  const toggleAll = React.useCallback(() => {
+    if (allSelected) {
+      const selectableIdSet = new Set(selectableIds);
+      updateSelection(selectedIds.filter((id) => !selectableIdSet.has(id)));
+    } else {
+      selectAll();
+    }
+  }, [allSelected, selectAll, selectedIds, selectableIds, updateSelection]);
+  const selectMany = React.useCallback(
+    (ids) => {
+      const newSelectedSet = new Set(selectedIds);
+      ids.forEach((id) => newSelectedSet.add(id));
+      updateSelection(Array.from(newSelectedSet));
+    },
+    [selectedIds, updateSelection]
+  );
+  const deselectMany = React.useCallback(
+    (ids) => {
+      const idsToRemove = new Set(ids);
+      updateSelection(selectedIds.filter((id) => !idsToRemove.has(id)));
+    },
+    [selectedIds, updateSelection]
+  );
+  const setSelection = React.useCallback(
+    (ids) => {
+      updateSelection(ids);
+    },
+    [updateSelection]
+  );
+  const getSelectedItems = React.useCallback(() => {
+    return items.filter((item) => selectedSet.has(getItemId(item)));
+  }, [items, selectedSet, getItemId]);
+  return {
+    selectedIds,
+    selectedSet,
+    selectedCount,
+    allSelected,
+    someSelected,
+    noneSelected,
+    isSelected,
+    toggle,
+    select,
+    deselect,
+    selectAll,
+    clearSelection,
+    toggleAll,
+    selectMany,
+    deselectMany,
+    setSelection,
+    getSelectedItems
+  };
+}
+exports.useDebounce = useDebounce;
+exports.useDebouncedCallback = useDebouncedCallback;
+exports.useDebouncedCallbackWithControl = useDebouncedCallbackWithControl;
+exports.useSelection = useSelection;
+exports.useTable = useTable;
+//# sourceMappingURL=useSelection-DyXUWnGK.cjs.map

package/dist/useSelection-DyXUWnGK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelection-DyXUWnGK.cjs","sources":["../src/hooks/useDebounce.ts","../src/hooks/useTable.ts","../src/hooks/useSelection.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\n\n/**\n * Debounces a value, returning the debounced value after the specified delay.\n *\n * @param value - The value to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns The debounced value\n *\n * @example\n * ```tsx\n * const [searchTerm, setSearchTerm] = useState('');\n * const debouncedSearch = useDebounce(searchTerm, 300);\n *\n * useEffect(() => {\n *   // This will only run after the user stops typing for 300ms\n *   fetchResults(debouncedSearch);\n * }, [debouncedSearch]);\n * ```\n */\nexport function useDebounce<T>(value: T, delay: number = 300): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\n/**\n * Returns a debounced version of the provided callback function.\n *\n * @param callback - The function to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns A debounced version of the callback\n *\n * @example\n * ```tsx\n * const handleSearch = useDebouncedCallback((query: string) => {\n *   fetchSearchResults(query);\n * }, 300);\n *\n * // In your component:\n * <input onChange={(e) => handleSearch(e.target.value)} />\n * ```\n */\nexport function useDebouncedCallback<T extends (...args: Parameters<T>) => ReturnType<T>>(\n  callback: T,\n  delay: number = 300\n): (...args: Parameters<T>) => void {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const callbackRef = useRef(callback);\n\n  // Update callback ref on each render to always use latest callback\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  const debouncedCallback = useCallback(\n    (...args: Parameters<T>) => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        callbackRef.current(...args);\n      }, delay);\n    },\n    [delay]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return debouncedCallback;\n}\n\n/**\n * Returns a debounced callback with cancel functionality.\n *\n * @param callback - The function to debounce\n * @param delay - The delay in milliseconds (default: 300ms)\n * @returns An object with the debounced callback and cancel/flush methods\n *\n * @example\n * ```tsx\n * const { debouncedFn, cancel, flush } = useDebouncedCallbackWithControl(\n *   (query: string) => fetchResults(query),\n *   300\n * );\n *\n * // Cancel pending execution\n * cancel();\n *\n * // Execute immediately\n * flush();\n * ```\n */\nexport function useDebouncedCallbackWithControl<T extends (...args: Parameters<T>) => ReturnType<T>>(\n  callback: T,\n  delay: number = 300\n): {\n  debouncedFn: (...args: Parameters<T>) => void;\n  cancel: () => void;\n  flush: () => void;\n  isPending: () => boolean;\n} {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const callbackRef = useRef(callback);\n  const argsRef = useRef<Parameters<T> | null>(null);\n\n  // Update callback ref on each render\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  const cancel = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      argsRef.current = null;\n    }\n  }, []);\n\n  const flush = useCallback(() => {\n    if (timeoutRef.current && argsRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      const args = argsRef.current;\n      argsRef.current = null;\n      callbackRef.current(...(args as Parameters<T>));\n    }\n  }, []);\n\n  const isPending = useCallback(() => {\n    return timeoutRef.current !== null;\n  }, []);\n\n  const debouncedFn = useCallback(\n    (...args: Parameters<T>) => {\n      argsRef.current = args;\n\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        timeoutRef.current = null;\n        argsRef.current = null;\n        callbackRef.current(...args);\n      }, delay);\n    },\n    [delay]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      cancel();\n    };\n  }, [cancel]);\n\n  return { debouncedFn, cancel, flush, isPending };\n}\n","import { useState, useMemo, useCallback } from 'react';\n\nexport type SortDirection = 'asc' | 'desc';\n\nexport interface SortState {\n  column: string | null;\n  direction: SortDirection;\n}\n\nexport interface UseTableOptions<T> {\n  /** The data array to manage */\n  data: T[];\n\n  /** Initial sort column */\n  initialSortColumn?: string;\n\n  /** Initial sort direction */\n  initialSortDirection?: SortDirection;\n\n  /** Initial page (1-based) */\n  initialPage?: number;\n\n  /** Initial page size */\n  initialPageSize?: number;\n\n  /** Enable server-side mode (disables client-side sorting/pagination) */\n  serverSide?: boolean;\n\n  /** Callback when sort changes (server-side mode) */\n  onSort?: (column: string, direction: SortDirection) => void;\n\n  /** Callback when page changes (server-side mode) */\n  onPageChange?: (page: number) => void;\n\n  /** Callback when page size changes (server-side mode) */\n  onPageSizeChange?: (pageSize: number) => void;\n\n  /** Custom sort function for client-side sorting */\n  sortFn?: (data: T[], column: string, direction: SortDirection) => T[];\n\n  /** Key extractor for getting sortable value from item */\n  getValueByColumn?: (item: T, column: string) => unknown;\n\n  /** Total items count (for server-side pagination) */\n  totalItems?: number;\n}\n\nexport interface UseTableReturn<T> {\n  /** Current page data (paginated if not server-side) */\n  pageData: T[];\n\n  /** All sorted data (before pagination) */\n  sortedData: T[];\n\n  /** Current sort column */\n  sortColumn: string | null;\n\n  /** Current sort direction */\n  sortDirection: SortDirection;\n\n  /** Handle sort - toggles direction if same column, resets to asc if different */\n  handleSort: (column: string) => void;\n\n  /** Set sort directly */\n  setSort: (column: string | null, direction: SortDirection) => void;\n\n  /** Current page (1-based) */\n  currentPage: number;\n\n  /** Current page size */\n  pageSize: number;\n\n  /** Total number of pages */\n  totalPages: number;\n\n  /** Total items count */\n  totalItems: number;\n\n  /** Go to specific page */\n  goToPage: (page: number) => void;\n\n  /** Go to next page */\n  nextPage: () => void;\n\n  /** Go to previous page */\n  previousPage: () => void;\n\n  /** Set page size */\n  setPageSize: (size: number) => void;\n\n  /** Reset to initial state */\n  reset: () => void;\n\n  /** Whether currently on first page */\n  isFirstPage: boolean;\n\n  /** Whether currently on last page */\n  isLastPage: boolean;\n}\n\n/**\n * Hook for managing table state including sorting and pagination.\n * Supports both client-side and server-side modes.\n *\n * @example\n * ```tsx\n * // Client-side (default)\n * const { pageData, sortColumn, sortDirection, handleSort, currentPage, goToPage } = useTable({\n *   data: users,\n *   initialPageSize: 10,\n * });\n *\n * // Server-side\n * const { handleSort, goToPage } = useTable({\n *   data: users,\n *   serverSide: true,\n *   totalItems: 1000,\n *   onSort: (col, dir) => fetchUsers({ sort: col, order: dir }),\n *   onPageChange: (page) => fetchUsers({ page }),\n * });\n * ```\n */\nexport function useTable<T>({\n  data,\n  initialSortColumn,\n  initialSortDirection = 'asc',\n  initialPage = 1,\n  initialPageSize = 10,\n  serverSide = false,\n  onSort,\n  onPageChange,\n  onPageSizeChange,\n  sortFn,\n  getValueByColumn,\n  totalItems: totalItemsProp,\n}: UseTableOptions<T>): UseTableReturn<T> {\n  // Sort state\n  const [sortState, setSortState] = useState<SortState>({\n    column: initialSortColumn ?? null,\n    direction: initialSortDirection,\n  });\n\n  // Pagination state\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [pageSize, setPageSizeState] = useState(initialPageSize);\n\n  // Default value extractor\n  const defaultGetValue = useCallback((item: T, column: string): unknown => {\n    return (item as Record<string, unknown>)[column];\n  }, []);\n\n  const getValue = getValueByColumn ?? defaultGetValue;\n\n  // Default sort function\n  const defaultSortFn = useCallback(\n    (items: T[], column: string, direction: SortDirection): T[] => {\n      return [...items].sort((a, b) => {\n        const aVal = getValue(a, column);\n        const bVal = getValue(b, column);\n\n        // Handle null/undefined\n        if (aVal == null && bVal == null) return 0;\n        if (aVal == null) return direction === 'asc' ? 1 : -1;\n        if (bVal == null) return direction === 'asc' ? -1 : 1;\n\n        // String comparison\n        if (typeof aVal === 'string' && typeof bVal === 'string') {\n          const comparison = aVal.localeCompare(bVal);\n          return direction === 'asc' ? comparison : -comparison;\n        }\n\n        // Number comparison\n        if (typeof aVal === 'number' && typeof bVal === 'number') {\n          return direction === 'asc' ? aVal - bVal : bVal - aVal;\n        }\n\n        // Date comparison\n        if (aVal instanceof Date && bVal instanceof Date) {\n          return direction === 'asc'\n            ? aVal.getTime() - bVal.getTime()\n            : bVal.getTime() - aVal.getTime();\n        }\n\n        // Boolean comparison\n        if (typeof aVal === 'boolean' && typeof bVal === 'boolean') {\n          const comparison = aVal === bVal ? 0 : aVal ? -1 : 1;\n          return direction === 'asc' ? comparison : -comparison;\n        }\n\n        // Fallback to string comparison\n        const aStr = String(aVal);\n        const bStr = String(bVal);\n        const comparison = aStr.localeCompare(bStr);\n        return direction === 'asc' ? comparison : -comparison;\n      });\n    },\n    [getValue]\n  );\n\n  const sort = sortFn ?? defaultSortFn;\n\n  // Sorted data (client-side only)\n  const sortedData = useMemo(() => {\n    if (serverSide || !sortState.column) {\n      return data;\n    }\n    return sort(data, sortState.column, sortState.direction);\n  }, [data, serverSide, sortState.column, sortState.direction, sort]);\n\n  // Total items\n  const totalItems = serverSide ? (totalItemsProp ?? data.length) : data.length;\n\n  // Total pages\n  const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));\n\n  // Paginated data (client-side only)\n  const pageData = useMemo(() => {\n    if (serverSide) {\n      return data;\n    }\n    const startIndex = (currentPage - 1) * pageSize;\n    return sortedData.slice(startIndex, startIndex + pageSize);\n  }, [serverSide, sortedData, currentPage, pageSize, data]);\n\n  // Handle sort\n  const handleSort = useCallback(\n    (column: string) => {\n      const newDirection: SortDirection =\n        sortState.column === column && sortState.direction === 'asc' ? 'desc' : 'asc';\n\n      setSortState({ column, direction: newDirection });\n\n      if (serverSide && onSort) {\n        onSort(column, newDirection);\n      }\n\n      // Reset to first page on sort change\n      if (!serverSide) {\n        setCurrentPage(1);\n      }\n    },\n    [sortState.column, sortState.direction, serverSide, onSort]\n  );\n\n  // Set sort directly\n  const setSort = useCallback(\n    (column: string | null, direction: SortDirection) => {\n      setSortState({ column, direction });\n      if (serverSide && onSort && column) {\n        onSort(column, direction);\n      }\n    },\n    [serverSide, onSort]\n  );\n\n  // Go to specific page\n  const goToPage = useCallback(\n    (page: number) => {\n      const validPage = Math.max(1, Math.min(page, totalPages));\n      setCurrentPage(validPage);\n      if (serverSide && onPageChange) {\n        onPageChange(validPage);\n      }\n    },\n    [totalPages, serverSide, onPageChange]\n  );\n\n  // Next page\n  const nextPage = useCallback(() => {\n    if (currentPage < totalPages) {\n      goToPage(currentPage + 1);\n    }\n  }, [currentPage, totalPages, goToPage]);\n\n  // Previous page\n  const previousPage = useCallback(() => {\n    if (currentPage > 1) {\n      goToPage(currentPage - 1);\n    }\n  }, [currentPage, goToPage]);\n\n  // Set page size\n  const setPageSize = useCallback(\n    (size: number) => {\n      setPageSizeState(size);\n      setCurrentPage(1); // Reset to first page\n      if (serverSide && onPageSizeChange) {\n        onPageSizeChange(size);\n      }\n    },\n    [serverSide, onPageSizeChange]\n  );\n\n  // Reset to initial state\n  const reset = useCallback(() => {\n    setSortState({\n      column: initialSortColumn ?? null,\n      direction: initialSortDirection,\n    });\n    setCurrentPage(initialPage);\n    setPageSizeState(initialPageSize);\n  }, [initialSortColumn, initialSortDirection, initialPage, initialPageSize]);\n\n  return {\n    pageData,\n    sortedData,\n    sortColumn: sortState.column,\n    sortDirection: sortState.direction,\n    handleSort,\n    setSort,\n    currentPage,\n    pageSize,\n    totalPages,\n    totalItems,\n    goToPage,\n    nextPage,\n    previousPage,\n    setPageSize,\n    reset,\n    isFirstPage: currentPage === 1,\n    isLastPage: currentPage >= totalPages,\n  };\n}\n","import { useState, useMemo, useCallback } from 'react';\n\nexport interface UseSelectionOptions<T, K extends string | number = string> {\n  /** Array of items to select from */\n  items: T[];\n\n  /** Function to get the unique identifier from an item */\n  getItemId: (item: T) => K;\n\n  /** Initial selected IDs */\n  initialSelected?: K[];\n\n  /** Callback when selection changes */\n  onSelectionChange?: (selectedIds: K[]) => void;\n\n  /** Optional filter for selectable items (e.g., exclude disabled items) */\n  isSelectable?: (item: T) => boolean;\n}\n\nexport interface UseSelectionReturn<K extends string | number = string> {\n  /** Currently selected IDs */\n  selectedIds: K[];\n\n  /** Set of selected IDs for O(1) lookup */\n  selectedSet: Set<K>;\n\n  /** Number of selected items */\n  selectedCount: number;\n\n  /** Whether all selectable items are selected */\n  allSelected: boolean;\n\n  /** Whether some (but not all) items are selected */\n  someSelected: boolean;\n\n  /** Whether no items are selected */\n  noneSelected: boolean;\n\n  /** Check if a specific item is selected */\n  isSelected: (id: K) => boolean;\n\n  /** Toggle selection for a single item */\n  toggle: (id: K) => void;\n\n  /** Select a single item */\n  select: (id: K) => void;\n\n  /** Deselect a single item */\n  deselect: (id: K) => void;\n\n  /** Select all selectable items */\n  selectAll: () => void;\n\n  /** Clear all selections */\n  clearSelection: () => void;\n\n  /** Toggle between select all and clear all */\n  toggleAll: () => void;\n\n  /** Select multiple items */\n  selectMany: (ids: K[]) => void;\n\n  /** Deselect multiple items */\n  deselectMany: (ids: K[]) => void;\n\n  /** Replace selection with new IDs */\n  setSelection: (ids: K[]) => void;\n\n  /** Get selected items from the original array */\n  getSelectedItems: () => unknown[];\n}\n\n/**\n * Hook for managing batch selection in tables and lists.\n *\n * @example\n * ```tsx\n * const {\n *   selectedIds,\n *   allSelected,\n *   someSelected,\n *   isSelected,\n *   toggle,\n *   selectAll,\n *   clearSelection,\n *   toggleAll,\n * } = useSelection({\n *   items: users,\n *   getItemId: (user) => user.id,\n *   isSelectable: (user) => !user.disabled,\n * });\n *\n * // In table header:\n * <Checkbox\n *   checked={allSelected}\n *   indeterminate={someSelected && !allSelected}\n *   onChange={toggleAll}\n * />\n *\n * // In table row:\n * <Checkbox\n *   checked={isSelected(user.id)}\n *   onChange={() => toggle(user.id)}\n * />\n * ```\n */\nexport function useSelection<T, K extends string | number = string>({\n  items,\n  getItemId,\n  initialSelected = [],\n  onSelectionChange,\n  isSelectable = () => true,\n}: UseSelectionOptions<T, K>): UseSelectionReturn<K> {\n  const [selectedIds, setSelectedIds] = useState<K[]>(initialSelected);\n\n  // Selected set for O(1) lookup\n  const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n\n  // Get selectable items\n  const selectableItems = useMemo(\n    () => items.filter(isSelectable),\n    [items, isSelectable]\n  );\n\n  // Get selectable IDs\n  const selectableIds = useMemo(\n    () => selectableItems.map(getItemId),\n    [selectableItems, getItemId]\n  );\n\n  // Computed states\n  const selectedCount = selectedIds.length;\n  const allSelected = selectableIds.length > 0 && selectableIds.every((id) => selectedSet.has(id));\n  const someSelected = selectedIds.length > 0;\n  const noneSelected = selectedIds.length === 0;\n\n  // Update selection and call callback\n  const updateSelection = useCallback(\n    (newIds: K[]) => {\n      setSelectedIds(newIds);\n      onSelectionChange?.(newIds);\n    },\n    [onSelectionChange]\n  );\n\n  // Check if item is selected\n  const isSelected = useCallback((id: K) => selectedSet.has(id), [selectedSet]);\n\n  // Toggle single item\n  const toggle = useCallback(\n    (id: K) => {\n      if (selectedSet.has(id)) {\n        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));\n      } else {\n        updateSelection([...selectedIds, id]);\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Select single item\n  const select = useCallback(\n    (id: K) => {\n      if (!selectedSet.has(id)) {\n        updateSelection([...selectedIds, id]);\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Deselect single item\n  const deselect = useCallback(\n    (id: K) => {\n      if (selectedSet.has(id)) {\n        updateSelection(selectedIds.filter((selectedId) => selectedId !== id));\n      }\n    },\n    [selectedIds, selectedSet, updateSelection]\n  );\n\n  // Select all selectable items\n  const selectAll = useCallback(() => {\n    const newSelectedSet = new Set(selectedIds);\n    selectableIds.forEach((id) => newSelectedSet.add(id));\n    updateSelection(Array.from(newSelectedSet));\n  }, [selectedIds, selectableIds, updateSelection]);\n\n  // Clear all selections\n  const clearSelection = useCallback(() => {\n    updateSelection([]);\n  }, [updateSelection]);\n\n  // Toggle all\n  const toggleAll = useCallback(() => {\n    if (allSelected) {\n      // Deselect all selectable items (keep non-selectable items selected if any)\n      const selectableIdSet = new Set(selectableIds);\n      updateSelection(selectedIds.filter((id) => !selectableIdSet.has(id)));\n    } else {\n      selectAll();\n    }\n  }, [allSelected, selectAll, selectedIds, selectableIds, updateSelection]);\n\n  // Select multiple items\n  const selectMany = useCallback(\n    (ids: K[]) => {\n      const newSelectedSet = new Set(selectedIds);\n      ids.forEach((id) => newSelectedSet.add(id));\n      updateSelection(Array.from(newSelectedSet));\n    },\n    [selectedIds, updateSelection]\n  );\n\n  // Deselect multiple items\n  const deselectMany = useCallback(\n    (ids: K[]) => {\n      const idsToRemove = new Set(ids);\n      updateSelection(selectedIds.filter((id) => !idsToRemove.has(id)));\n    },\n    [selectedIds, updateSelection]\n  );\n\n  // Replace selection\n  const setSelection = useCallback(\n    (ids: K[]) => {\n      updateSelection(ids);\n    },\n    [updateSelection]\n  );\n\n  // Get selected items\n  const getSelectedItems = useCallback(() => {\n    return items.filter((item) => selectedSet.has(getItemId(item)));\n  }, [items, selectedSet, getItemId]);\n\n  return {\n    selectedIds,\n    selectedSet,\n    selectedCount,\n    allSelected,\n    someSelected,\n    noneSelected,\n    isSelected,\n    toggle,\n    select,\n    deselect,\n    selectAll,\n    clearSelection,\n    toggleAll,\n    selectMany,\n    deselectMany,\n    setSelection,\n    getSelectedItems,\n  };\n}\n"],"names":["useState","useEffect","useRef","useCallback","comparison","useMemo"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teja-app/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Shared UI component library for Teja applications",
   "author": "Teja App",
   "license": "MIT",
@@ -52,6 +52,8 @@
     "storybook:build": "storybook build",
     "test:storybook": "test-storybook",
     "test:storybook:ci": "concurrently -k -s first \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook\"",
+    "test:a11y": "test-storybook --url http://localhost:6006",
+    "test:a11y:ci": "concurrently -k -s first \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook --junit --outputFile=a11y-report.xml\"",
     "prepublishOnly": "bun run build",
     "changeset": "changeset",
     "version": "changeset version",
@@ -91,6 +93,7 @@
     "@typescript-eslint/parser": "^8.47.0",
     "@vitejs/plugin-react-swc": "^4.2.2",
     "@vitest/coverage-v8": "^4.0.13",
+    "axe-playwright": "^2.2.2",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",