v4.2.0

[v4.2.0] - 2026-01-21

Added

• Autocomplete Filter Type: New autocomplete filter type for FilterField that provides a searchable dropdown with typeahead functionality:
  • Real-time filtering of options as user types
  • Keyboard navigation support (Enter to select, Escape to close)
  • Clear button to reset selection
  • Consistent dark/light mode styling
  • New placeholder property on FilterField interface for customizing input placeholder text
• AutocompleteDropdown Component: New standalone component exported for use outside of FilterBar

Changed

• Search Debounce: Increased search input debounce from 300ms to 600ms to allow more time for typing before triggering API calls

v4.1.1

[v4.1.1] - 2026-01-13

Fixed

• Mobile "Add New" Button: Added the "Add New" button to the mobile view (TableActionsBarMobile) that was previously only available on desktop. The button now appears next to the "Show Filters" button in the mobile header when addNewUrl prop is provided.

v4.1.0

[v4.1.0] - 2025-12-05

Added

• Search Functionality: Added support for search with flexible implementation options:
  • searchEnabled prop: Enable internal search bar within the table header (both desktop and mobile)
  • searchPlaceholder prop: Customize the search input placeholder text
  • External search support: Any external component (e.g., navbar search) can add ?search=value to URL parameters
  • Search automatically syncs with URL query parameters
  • Reset filters now also clears search parameter
  • New SearchBar component exported for external use
  • Debounced search input (300ms) to optimize API calls

Changed

• Updated DataTableProps interface with new search-related props
• Modified filter reset functionality to include search parameter clearing
• Updated TableActionsBarDesktop and TableActionsBarMobile components to support search

v4.0.1

[v4.0.1] - 2025-09-13

Fixed

• onEditSave Callback: Fixed bug where the revalidate function was not being passed to the onEditSave callback, causing inline editing to not refresh data after successful saves
• Type Definitions: Updated InlineEditCallbacks interface to properly include the revalidate parameter in the onEditSave callback signature

v4.0.0

[v4.0.0] - 2025-09-12

🚨 BREAKING CHANGES

• Function Signatures Updated: The onRowSelect callback now receives optional second and third parameters: clearSelectionsAfterAction?: () => void, revalidate?: () => void
• Bulk Action Signatures Updated: All BulkAction onClick handlers now receive optional second and third parameters: clearSelectionsAfterAction?: () => void, revalidate?: () => void

Added

• Selection Alert Feature: New showSelectionAlert prop to display selection count when any items are selected (instead of only when all items are selected)
• Keep Selected Option: New showKeepSelectedOption prop to show a checkbox allowing users to keep selections after bulk actions
• Data Revalidation Support: Added revalidate function to callbacks, enabling data refresh without component re-mounting
• Enhanced Bulk Actions: Bulk actions now receive clearSelectionsAfterAction and revalidate functions for better control over selection state and data freshness

Changed

• CSS Variables: Updated hardcoded colors in checkbox inputs to use consistent CSS variable theming system
• Selection Persistence: Improved selection state management to work better with data revalidation

Migration Guide

Breaking Changes

1. onRowSelect callback (optional parameters added):

   // Before
   onRowSelect?: (selectedIds: string[]) => void;
   
   // After  
   onRowSelect?: (
     selectedIds: string[], 
     clearSelectionsAfterAction?: () => void, 
     revalidate?: () => void
   ) => void;

2. BulkAction onClick handlers (optional parameters added):

   // Before
   onClick: (selectedIds: string[]) => void;
   
   // After
   onClick: (
     selectedIds: string[], 
     clearSelectionsAfterAction?: () => void, 
     revalidate?: () => void
   ) => void;

Recommended Migration (for new features)

To use the new "keep selected" functionality, replace component re-mounting patterns with the new revalidate function:

// Current approach (still works, but prevents "keep selected" from working)
const [refreshKey, setRefreshKey] = useState(0);
<DataTable key={refreshKey} {...props} />

// Recommended approach (enables "keep selected" functionality)
<DataTable
  bulkActions={[
    {
      key: "delete",
      label: "Delete Selected",
      onClick: (
        selectedIds: string[],
        clearSelectionsAfterAction?: () => void,
        revalidate?: () => void
      ) => {
        performBulkAction(selectedIds).then(() => {
          revalidate?.();                 // Refresh data without losing selections
          clearSelectionsAfterAction?.(); // Conditionally clear based on user preference
        });
      },
    },
  ]}
  showSelectionAlert
  showKeepSelectedOption
  {...otherProps}
/>

v3.3.3

[v3.3.3] - 2025-04-23

Fixed

• Ensure the bulk action dropdown closes on click elsewhere and is still clickable.
• Ensure the multi-select dropdown closes on click elsewhere and is still clickable.

Fixes two bugs introduced in the last version.

v3.3.2

[v3.3.2] - 2025-04-23

Fixed

• Ensure the bulk action dropdown closes on click elsewhere.
• Ensure the multi-select dropdown is scrollable.
• Ensure the multi-select dropdown closes on click elsewhere.

v3.3.1

[v3.3.1] - 2025-04-22

Fixed

• Remove some unneeded console logging.

v3.3.0

[v3.3.0] - 2025-04-22

Fixed

• Fix major issue that causes infinite re-renders on changing/resetting filters.

v3.2.0

[v3.2.0] - 2025-04-21

Added

• Add support for inline editing of non-flat datasets.