@jmruthers/pace-core 0.2.5 → 0.2.6

package/docs/api/interfaces/StorageListResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / StorageListResult
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / StorageListResult
 
 # Interface: StorageListResult
 

package/docs/api/interfaces/StorageUploadOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / StorageUploadOptions
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / StorageUploadOptions
 
 # Interface: StorageUploadOptions
 

package/docs/api/interfaces/StorageUploadResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / StorageUploadResult
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / StorageUploadResult
 
 # Interface: StorageUploadResult
 

package/docs/api/interfaces/StorageUrlOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / StorageUrlOptions
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / StorageUrlOptions
 
 # Interface: StorageUrlOptions
 

package/docs/api/interfaces/StyleImport.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / StyleImport
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / StyleImport
 
 # Interface: StyleImport
 

package/docs/api/interfaces/ToastActionElement.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / ToastActionElement
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / ToastActionElement
 
 # Interface: ToastActionElement
 

package/docs/api/interfaces/ToastProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / ToastProps
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / ToastProps
 
 # Interface: ToastProps
 

package/docs/api/interfaces/UnifiedAuthContextType.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
 
 # Interface: UnifiedAuthContextType
 

package/docs/api/interfaces/UnifiedAuthProviderProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
 
 # Interface: UnifiedAuthProviderProps
 

package/docs/api/interfaces/UseInactivityTrackerOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
 
 # Interface: UseInactivityTrackerOptions
 

package/docs/api/interfaces/UseInactivityTrackerReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
 
 # Interface: UseInactivityTrackerReturn
 

package/docs/api/interfaces/UsePublicEventLogoOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
 
 # Interface: UsePublicEventLogoOptions
 

package/docs/api/interfaces/UsePublicEventLogoReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
 
 # Interface: UsePublicEventLogoReturn
 

package/docs/api/interfaces/UsePublicEventOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
 
 # Interface: UsePublicEventOptions
 

package/docs/api/interfaces/UsePublicEventReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
 
 # Interface: UsePublicEventReturn
 

package/docs/api/interfaces/UsePublicRouteParamsReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
 
 # Interface: UsePublicRouteParamsReturn
 

package/docs/api/interfaces/UserEventAccess.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UserEventAccess
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UserEventAccess
 
 # Interface: UserEventAccess
 

package/docs/api/interfaces/UserMenuProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UserMenuProps
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UserMenuProps
 
 # Interface: UserMenuProps
 

package/docs/api/interfaces/UserProfile.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.2.5](../README.md) / [Exports](../modules.md) / UserProfile
+[@jmruthers/pace-core - v0.2.6](../README.md) / [Exports](../modules.md) / UserProfile
 
 # Interface: UserProfile
 

package/docs/api/modules.md

@@ -1,6 +1,6 @@
-[@jmruthers/pace-core - v0.2.5](README.md) / Exports
+[@jmruthers/pace-core - v0.2.6](README.md) / Exports
 
-# @jmruthers/pace-core - v0.2.5
+# @jmruthers/pace-core - v0.2.6
 
 **`File`**
 
@@ -718,7 +718,7 @@ Features are configured through the unified `features` prop for maximum flexibil
 
 #### Defined in
 
-[packages/core/src/components/DataTable/DataTable.tsx:414](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/DataTable/DataTable.tsx#L414)
+[packages/core/src/components/DataTable/DataTable.tsx:412](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/DataTable/DataTable.tsx#L412)
 
 ___
 
@@ -2418,7 +2418,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:269](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L269)
+[packages/core/src/components/Select/Select.tsx:275](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L275)
 
 ___
 
@@ -2438,7 +2438,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:392](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L392)
+[packages/core/src/components/Select/Select.tsx:398](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L398)
 
 ___
 
@@ -2458,7 +2458,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:409](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L409)
+[packages/core/src/components/Select/Select.tsx:415](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L415)
 
 ___
 
@@ -2478,7 +2478,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:536](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L536)
+[packages/core/src/components/Select/Select.tsx:542](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L542)
 
 ___
 
@@ -2498,7 +2498,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:621](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L621)
+[packages/core/src/components/Select/Select.tsx:627](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L627)
 
 ___
 
@@ -2518,7 +2518,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:632](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L632)
+[packages/core/src/components/Select/Select.tsx:638](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L638)
 
 ___
 
@@ -2538,7 +2538,7 @@ ___
 
 #### Defined in
 
-[packages/core/src/components/Select/Select.tsx:643](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L643)
+[packages/core/src/components/Select/Select.tsx:649](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/components/Select/Select.tsx#L649)
 
 ___
 

package/docs/architecture/README.md

@@ -119,7 +119,7 @@ ComponentName/
 
 ### Component Design Patterns
 
-1. **Compound Components**: Components that work together (e.g., DataTable + DataTableHeader + DataTableBody)
+1. **Compound Components**: Components that work together (e.g., DataTable + DataTableToolbar + DataTableBody)
 2. **Render Props**: Flexible rendering patterns for complex components
 3. **Controlled/Uncontrolled**: Support for both controlled and uncontrolled usage
 4. **Composition**: Components that can be composed together

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jmruthers/pace-core",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Clean, modern React component library with Tailwind v4 styling and native utilities",
   "private": false,
   "publishConfig": {

package/src/__tests__/shared/testUtils.optimized.tsx

@@ -137,8 +137,35 @@ function getSharedSupabaseClient(): SupabaseClient {
       error: null
     });
     
-    vi.spyOn(sharedSupabaseClient.auth, 'onAuthStateChange').mockReturnValue({
-      data: { subscription: { unsubscribe: vi.fn() } }
+    vi.spyOn(sharedSupabaseClient.auth, 'signUp').mockResolvedValue({
+      data: { user: null, session: null },
+      error: null
+    });
+    
+    vi.spyOn(sharedSupabaseClient.auth, 'signOut').mockResolvedValue({
+      error: null
+    });
+    
+    vi.spyOn(sharedSupabaseClient.auth, 'resetPasswordForEmail').mockResolvedValue({
+      error: null
+    });
+    
+    vi.spyOn(sharedSupabaseClient.auth, 'updateUser').mockResolvedValue({
+      data: { user: null },
+      error: null
+    });
+    
+    vi.spyOn(sharedSupabaseClient.auth, 'refreshSession').mockResolvedValue({
+      data: { session: null },
+      error: null
+    });
+    
+    vi.spyOn(sharedSupabaseClient.auth, 'onAuthStateChange').mockImplementation((callback) => {
+      // Store the callback for potential use in tests
+      (sharedSupabaseClient as any)._authCallback = callback;
+      return {
+        data: { subscription: { unsubscribe: vi.fn() } }
+      };
     });
     
     // Mock the from method
@@ -553,11 +580,42 @@ export async function measureMemoryUsage<T extends Record<string, any>>(
          */
         export function resetSharedSupabaseMock() {
           const client = getSharedSupabaseClient();
-          client.from.mockClear();
-          client.auth.getUser.mockClear();
-          client.auth.getSession.mockClear();
-          client.rpc.mockClear();
-          // Add other specific mocks to clear if their state needs to be reset per test
+          // Only clear mocks if they exist
+          if (client.from && typeof client.from.mockClear === 'function') {
+            client.from.mockClear();
+          }
+          if (client.auth && client.auth.getUser && typeof client.auth.getUser.mockClear === 'function') {
+            client.auth.getUser.mockClear();
+          }
+          if (client.auth && client.auth.getSession && typeof client.auth.getSession.mockClear === 'function') {
+            client.auth.getSession.mockClear();
+          }
+          if (client.auth && client.auth.signInWithPassword && typeof client.auth.signInWithPassword.mockClear === 'function') {
+            client.auth.signInWithPassword.mockClear();
+          }
+          if (client.auth && client.auth.signUp && typeof client.auth.signUp.mockClear === 'function') {
+            client.auth.signUp.mockClear();
+          }
+          if (client.auth && client.auth.signOut && typeof client.auth.signOut.mockClear === 'function') {
+            client.auth.signOut.mockClear();
+          }
+          if (client.auth && client.auth.resetPasswordForEmail && typeof client.auth.resetPasswordForEmail.mockClear === 'function') {
+            client.auth.resetPasswordForEmail.mockClear();
+          }
+          if (client.auth && client.auth.updateUser && typeof client.auth.updateUser.mockClear === 'function') {
+            client.auth.updateUser.mockClear();
+          }
+          if (client.auth && client.auth.refreshSession && typeof client.auth.refreshSession.mockClear === 'function') {
+            client.auth.refreshSession.mockClear();
+          }
+          if (client.auth && client.auth.onAuthStateChange && typeof client.auth.onAuthStateChange.mockClear === 'function') {
+            client.auth.onAuthStateChange.mockClear();
+          }
+          if (client.rpc && typeof client.rpc.mockClear === 'function') {
+            client.rpc.mockClear();
+          }
+          // Clear any stored callbacks
+          delete (client as any)._authCallback;
         }
 
         // ============================================================================

package/src/components/DataTable/DataTable.tsx

@@ -23,7 +23,7 @@
  * ## Features
  * - ✅ **Search** - Global search with column-specific filters
  * - ✅ **Pagination** - Configurable pagination with custom initial page size and page size options
- * - ✅ **Sorting** - Multi-column sorting with visual indicators
+ * - ✅ **Sorting** - Multi-column sorting with visual indicators (↕️ unsorted, ↑ ascending, ↓ descending)
  * - ✅ **Filtering** - Column-specific filtering with multiple input types
  * - ✅ **Export/Import** - CSV and JSON data export/import
  * - ✅ **Row Selection** - Single and multi-row selection for bulk operations
@@ -34,7 +34,6 @@
  * - ✅ **Grouping** - Data grouping with aggregation functions
  * - ✅ **Column Visibility** - Show/hide columns dynamically
  * - ✅ **Column Reordering** - Drag and drop column reordering
- * - ✅ **Auto Column Sizing** - Automatic column width adjustment based on content
  * - ✅ **Intelligent Virtual Scrolling** - Automatic performance optimization for large datasets
  * - ✅ **Responsive Design** - Mobile-friendly responsive layout
  * - ✅ **Accessibility** - WCAG 2.1 AA compliant with keyboard navigation
@@ -113,7 +112,6 @@
  *     grouping: true,
  *     columnVisibility: true,
  *     columnReordering: true,
- *     autoColumnSizing: true,  // Enable automatic column width adjustment
  *   }}
  *   initialPageSize={25}  // Set custom initial page size
  *   columnOrder={['select', 'name', 'email', 'role', 'status']}  // Control column order

package/src/components/DataTable/__tests__/DataTable.errorHandling.test.tsx

@@ -108,14 +108,6 @@ vi.mock('../core/DataTableContext', () => ({
 }));
 
 // Mock individual components
-vi.mock('../components/DataTableHeader', () => ({
-  DataTableHeader: ({ title, description }: any) => (
-    <div data-testid="data-table-header">
-      {title && <h2 data-testid="table-title">{title}</h2>}
-      {description && <p data-testid="table-description">{description}</p>}
-    </div>
-  ),
-}));
 
 vi.mock('../components/DataTableToolbar', () => ({
   DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,

package/src/components/DataTable/__tests__/DataTable.hierarchical.test.tsx

@@ -37,13 +37,25 @@ vi.mock('@tanstack/react-table', () => {
         {
           id: 'name',
           isPlaceholder: false,
-          column: { columnDef: { header: 'Name' } },
+          column: { 
+            columnDef: { header: 'Name' },
+            getCanSort: () => true,
+            getToggleSortingHandler: () => vi.fn(),
+            getIsSorted: () => false,
+            getIsVisible: () => true,
+          },
           getContext: () => ({}),
         },
         {
           id: 'type',
           isPlaceholder: false,
-          column: { columnDef: { header: 'Type' } },
+          column: { 
+            columnDef: { header: 'Type' },
+            getCanSort: () => true,
+            getToggleSortingHandler: () => vi.fn(),
+            getIsSorted: () => false,
+            getIsVisible: () => true,
+          },
           getContext: () => ({}),
         },
       ],
@@ -169,14 +181,6 @@ vi.mock('../core/DataTableContext', () => ({
 }));
 
 // Mock individual components
-vi.mock('../components/DataTableHeader', () => ({
-  DataTableHeader: ({ title, description }: any) => (
-    <div data-testid="data-table-header">
-      {title && <h2 data-testid="table-title">{title}</h2>}
-      {description && <p data-testid="table-description">{description}</p>}
-    </div>
-  ),
-}));
 
 vi.mock('../components/DataTableToolbar', () => ({
   DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,
@@ -290,8 +294,9 @@ describe('DataTable Hierarchical Functionality', () => {
       // Should render the table
       expect(screen.getByRole('table')).toBeInTheDocument();
       
-      // Should render global expand/collapse all button
-      expect(screen.getByRole('button', { name: 'Expand all' })).toBeInTheDocument();
+      // Should render sort buttons (current implementation behavior)
+      expect(screen.getByRole('button', { name: /sort by name/i })).toBeInTheDocument();
+      expect(screen.getByRole('button', { name: /sort by type/i })).toBeInTheDocument();
       
       // Should render individual expansion buttons for parent rows
       // The HTML shows the expansion button structure is present in parent rows

package/src/components/DataTable/__tests__/DataTable.infinite-loop.test.tsx

@@ -194,7 +194,6 @@ const ComplexDataProcessingComponent = () => {
         grouping: true,
         columnVisibility: true,
         columnReordering: true,
-        autoColumnSizing: true,
         hierarchical: false,
       }}
       title="Complex Data Processing Test"

package/src/components/DataTable/__tests__/DataTable.integration.test.tsx

@@ -163,14 +163,6 @@ vi.mock('../core/DataTableContext', () => ({
 }));
 
 // Mock individual components
-vi.mock('../components/DataTableHeader', () => ({
-  DataTableHeader: ({ title, description }: any) => (
-    <div data-testid="data-table-header">
-      {title && <h2 data-testid="table-title">{title}</h2>}
-      {description && <p data-testid="table-description">{description}</p>}
-    </div>
-  ),
-}));
 
 vi.mock('../components/DataTableToolbar', () => ({
   DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,
@@ -322,8 +314,8 @@ describe('DataTable Integration Tests', () => {
         </MockRBACProvider>
       );
 
-      expect(screen.getByTestId('table-title')).toHaveTextContent('Users Table');
-      expect(screen.getByTestId('table-description')).toHaveTextContent('Manage user accounts');
+      expect(screen.getByText('Users Table')).toBeInTheDocument();
+      expect(screen.getByText('Manage user accounts')).toBeInTheDocument();
     });
 
     it('should render with actions', () => {
@@ -673,8 +665,8 @@ describe('DataTable Integration Tests', () => {
       );
 
       expect(screen.getByRole('table')).toBeInTheDocument();
-      expect(screen.getByTestId('table-title')).toHaveTextContent('Comprehensive Test');
-      expect(screen.getByTestId('table-description')).toHaveTextContent('Testing all features');
+      expect(screen.getByText('Comprehensive Test')).toBeInTheDocument();
+      expect(screen.getByText('Testing all features')).toBeInTheDocument();
     });
 
     it('should handle read-only mode correctly', () => {

package/src/components/DataTable/__tests__/DataTable.performance.test.tsx

@@ -141,14 +141,6 @@ vi.mock('../core/DataTableContext', () => ({
 }));
 
 // Mock individual components
-vi.mock('../components/DataTableHeader', () => ({
-  DataTableHeader: ({ title, description }: any) => (
-    <div data-testid="data-table-header">
-      {title && <h2 data-testid="table-title">{title}</h2>}
-      {description && <p data-testid="table-description">{description}</p>}
-    </div>
-  ),
-}));
 
 vi.mock('../components/DataTableToolbar', () => ({
   DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,

package/src/components/DataTable/__tests__/DataTable.permissions.test.tsx

@@ -26,19 +26,37 @@ vi.mock('@tanstack/react-table', () => ({
         {
           id: 'name',
           isPlaceholder: false,
-          column: { columnDef: { header: 'Name' } },
+          column: { 
+            columnDef: { header: 'Name' },
+            getCanSort: () => true,
+            getToggleSortingHandler: () => vi.fn(),
+            getIsSorted: () => false,
+            getIsVisible: () => true,
+          },
           getContext: () => ({}),
         },
         {
           id: 'email', 
           isPlaceholder: false,
-          column: { columnDef: { header: 'Email' } },
+          column: { 
+            columnDef: { header: 'Email' },
+            getCanSort: () => true,
+            getToggleSortingHandler: () => vi.fn(),
+            getIsSorted: () => false,
+            getIsVisible: () => true,
+          },
           getContext: () => ({}),
         },
         {
           id: 'role',
           isPlaceholder: false,
-          column: { columnDef: { header: 'Role' } },
+          column: { 
+            columnDef: { header: 'Role' },
+            getCanSort: () => true,
+            getToggleSortingHandler: () => vi.fn(),
+            getIsSorted: () => false,
+            getIsVisible: () => true,
+          },
           getContext: () => ({}),
         },
       ],
@@ -157,14 +175,6 @@ vi.mock('../core/DataTableContext', () => ({
 }));
 
 // Mock individual components
-vi.mock('../components/DataTableHeader', () => ({
-  DataTableHeader: ({ title, description }: any) => (
-    <div data-testid="data-table-header">
-      {title && <h2 data-testid="table-title">{title}</h2>}
-      {description && <p data-testid="table-description">{description}</p>}
-    </div>
-  ),
-}));
 
 vi.mock('../components/DataTableToolbar', () => ({
   DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,