@jmruthers/pace-core 0.5.191 → 0.6.1

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

@@ -78,7 +78,7 @@ const createMockRow = (overrides: Partial<Row<TestData>> = {}): Row<TestData> =>
 } as unknown as Row<TestData>);
 
 describe('[component] GroupHeader', () => {
-  const defaultProps = {
+  const baseProps = {
     row: createMockRow(),
     groupByColumn: 'category',
     isExpanded: false,
@@ -96,40 +96,40 @@ describe('[component] GroupHeader', () => {
 
   describe('Rendering', () => {
     it('renders group header container', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const container = screen.getByText(/Category A/i).closest('div');
       expect(container).toBeInTheDocument();
     });
 
     it('displays group value', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       expect(screen.getByText(/Category A/i)).toBeInTheDocument();
     });
 
     it('displays subRowsCount', () => {
-      render(<GroupHeader {...defaultProps} subRowsCount={10} />);
+      render(<GroupHeader {...baseProps} subRowsCount={10} />);
 
       expect(screen.getByText(/\(10 items\)/i)).toBeInTheDocument();
     });
 
     it('renders ChevronRight icon when not expanded', () => {
-      render(<GroupHeader {...defaultProps} isExpanded={false} />);
+      render(<GroupHeader {...baseProps} isExpanded={false} />);
 
       expect(screen.getByTestId('chevron-right-icon')).toBeInTheDocument();
       expect(screen.queryByTestId('chevron-down-icon')).not.toBeInTheDocument();
     });
 
     it('renders ChevronDown icon when expanded', () => {
-      render(<GroupHeader {...defaultProps} isExpanded={true} />);
+      render(<GroupHeader {...baseProps} isExpanded={true} />);
 
       expect(screen.getByTestId('chevron-down-icon')).toBeInTheDocument();
       expect(screen.queryByTestId('chevron-right-icon')).not.toBeInTheDocument();
     });
 
     it('renders toggle button', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const button = screen.getByRole('button');
       expect(button).toBeInTheDocument();
@@ -147,7 +147,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -165,7 +165,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -183,7 +183,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -201,7 +201,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -212,19 +212,19 @@ describe('[component] GroupHeader', () => {
 
   describe('SubRows Count Display', () => {
     it('displays correct count for single item', () => {
-      render(<GroupHeader {...defaultProps} subRowsCount={1} />);
+      render(<GroupHeader {...baseProps} subRowsCount={1} />);
 
       expect(screen.getByText(/\(1 items\)/i)).toBeInTheDocument();
     });
 
     it('displays correct count for multiple items', () => {
-      render(<GroupHeader {...defaultProps} subRowsCount={25} />);
+      render(<GroupHeader {...baseProps} subRowsCount={25} />);
 
       expect(screen.getByText(/\(25 items\)/i)).toBeInTheDocument();
     });
 
     it('displays zero count', () => {
-      render(<GroupHeader {...defaultProps} subRowsCount={0} />);
+      render(<GroupHeader {...baseProps} subRowsCount={0} />);
 
       expect(screen.getByText(/\(0 items\)/i)).toBeInTheDocument();
     });
@@ -237,7 +237,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           onToggle={handleToggle}
         />
       );
@@ -254,7 +254,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           onToggle={handleToggle}
         />
       );
@@ -270,7 +270,7 @@ describe('[component] GroupHeader', () => {
     it('updates icon when expanded state changes', () => {
       const { rerender } = render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           isExpanded={false}
         />
       );
@@ -279,7 +279,7 @@ describe('[component] GroupHeader', () => {
 
       rerender(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           isExpanded={true}
         />
       );
@@ -299,7 +299,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -308,7 +308,7 @@ describe('[component] GroupHeader', () => {
     });
 
     it('handles very large subRowsCount', () => {
-      render(<GroupHeader {...defaultProps} subRowsCount={999999} />);
+      render(<GroupHeader {...baseProps} subRowsCount={999999} />);
 
       expect(screen.getByText(/\(999999 items\)/i)).toBeInTheDocument();
     });
@@ -323,7 +323,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
           groupByColumn="status"
         />
@@ -342,7 +342,7 @@ describe('[component] GroupHeader', () => {
 
       render(
         <GroupHeader
-          {...defaultProps}
+          {...baseProps}
           row={row}
         />
       );
@@ -353,21 +353,21 @@ describe('[component] GroupHeader', () => {
 
   describe('Styling', () => {
     it('has proper container styling', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const container = screen.getByText(/Category A/i).closest('div');
       expect(container).toHaveClass('flex', 'items-center');
     });
 
     it('applies background and border styling', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const container = screen.getByText(/Category A/i).closest('div');
       expect(container).toHaveClass('bg-muted/50', 'border-b');
     });
 
     it('applies font styling', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const container = screen.getByText(/Category A/i).closest('div');
       expect(container).toHaveClass('font-medium');
@@ -376,14 +376,14 @@ describe('[component] GroupHeader', () => {
 
   describe('Accessibility', () => {
     it('has accessible button for toggling', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       const button = screen.getByRole('button');
       expect(button).toBeInTheDocument();
     });
 
     it('displays group information clearly', () => {
-      render(<GroupHeader {...defaultProps} />);
+      render(<GroupHeader {...baseProps} />);
 
       expect(screen.getByText(/Category A/i)).toBeInTheDocument();
       expect(screen.getByText(/\(5 items\)/i)).toBeInTheDocument();

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

@@ -89,7 +89,7 @@ vi.mock('../../../utils/core/logger', () => ({
 }));
 
 describe('[component] ImportModal', () => {
-  const defaultProps = {
+  const baseProps = {
     isOpen: true,
     onClose: vi.fn(),
     onImport: vi.fn(),
@@ -133,13 +133,13 @@ describe('[component] ImportModal', () => {
   describe('Rendering', () => {
     it('returns null when modal is closed', () => {
       const { container } = render(
-        <ImportModal {...defaultProps} isOpen={false} />
+        <ImportModal {...baseProps} isOpen={false} />
       );
       expect(container.firstChild).toBeNull();
     });
 
     it('renders modal when open', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       // Dialog renders with role="dialog" from Radix UI
       expect(screen.getByRole('dialog')).toBeInTheDocument();
@@ -148,7 +148,7 @@ describe('[component] ImportModal', () => {
     });
 
     it('renders default title', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       // DialogTitle renders as h2
       expect(screen.getByRole('heading', { name: 'Import Data' })).toBeInTheDocument();
@@ -157,7 +157,7 @@ describe('[component] ImportModal', () => {
     it('renders custom title from config', () => {
       render(
         <ImportModal
-          {...defaultProps}
+          {...baseProps}
           config={{ title: 'Custom Import Title' }}
         />
       );
@@ -167,7 +167,7 @@ describe('[component] ImportModal', () => {
     });
 
     it('renders default description', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       // DialogDescription renders as p
       expect(screen.getByText('Upload a CSV file to import multiple records at once.')).toBeInTheDocument();
@@ -176,7 +176,7 @@ describe('[component] ImportModal', () => {
     it('renders custom description from config', () => {
       render(
         <ImportModal
-          {...defaultProps}
+          {...baseProps}
           config={{ description: 'Custom description' }}
         />
       );
@@ -186,20 +186,20 @@ describe('[component] ImportModal', () => {
     });
 
     it('renders file upload area', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       expect(screen.getByText(/choose a csv file/i)).toBeInTheDocument();
       expect(screen.getByRole('button', { name: /select file/i })).toBeInTheDocument();
     });
 
     it('renders cancel button', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       expect(screen.getByRole('button', { name: /cancel/i })).toBeInTheDocument();
     });
 
     it('renders import button', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       expect(screen.getByRole('button', { name: /import/i })).toBeInTheDocument();
     });
@@ -211,7 +211,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -226,7 +226,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      const { rerender } = render(<ImportModal {...defaultProps} />);
+      const { rerender } = render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -235,8 +235,8 @@ describe('[component] ImportModal', () => {
         expect(screen.getByText(`Selected: ${file.name}`)).toBeInTheDocument();
       });
 
-      rerender(<ImportModal {...defaultProps} isOpen={false} />);
-      rerender(<ImportModal {...defaultProps} isOpen={true} />);
+      rerender(<ImportModal {...baseProps} isOpen={false} />);
+      rerender(<ImportModal {...baseProps} isOpen={true} />);
 
       // File should be reset
       expect(screen.queryByText(`Selected: ${file.name}`)).not.toBeInTheDocument();
@@ -249,7 +249,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com\nJane,jane@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -272,7 +272,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com\nJane,jane@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -295,7 +295,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com\nJane,jane@example.com\nBob,bob@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -317,7 +317,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\n"John Doe","john@example.com"\n"Jane Smith","jane@example.com"';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -339,7 +339,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,description\nJohn,"Description, with comma"\nJane,"Another, description"';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -365,7 +365,7 @@ describe('[component] ImportModal', () => {
       const invalidContent = 'name,email';
       const file = createCSVFile(invalidContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -384,7 +384,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -399,7 +399,7 @@ describe('[component] ImportModal', () => {
       const invalidFile = createCSVFile('invalid');
       const validFile = createCSVFile('name,email\nJohn,john@example.com');
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, invalidFile);
@@ -425,7 +425,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} onImport={onImport} />);
+      render(<ImportModal {...baseProps} onImport={onImport} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -457,7 +457,7 @@ describe('[component] ImportModal', () => {
     });
 
     it('disables import button when no file is selected', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const importButton = screen.getByRole('button', { name: /import/i });
       expect(importButton).toBeDisabled();
@@ -469,7 +469,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} onImport={onImport} />);
+      render(<ImportModal {...baseProps} onImport={onImport} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -498,7 +498,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} onImport={onImport} />);
+      render(<ImportModal {...baseProps} onImport={onImport} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -529,7 +529,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} onClose={onClose} />);
+      render(<ImportModal {...baseProps} onClose={onClose} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -558,7 +558,7 @@ describe('[component] ImportModal', () => {
       const user = userEvent.setup();
       const onClose = vi.fn();
       
-      render(<ImportModal {...defaultProps} onClose={onClose} />);
+      render(<ImportModal {...baseProps} onClose={onClose} />);
       
       const cancelButton = screen.getByRole('button', { name: /cancel/i });
       await user.click(cancelButton);
@@ -571,7 +571,7 @@ describe('[component] ImportModal', () => {
       const csvContent = 'name,email\nJohn,john@example.com';
       const file = createCSVFile(csvContent);
       
-      const { rerender } = render(<ImportModal {...defaultProps} />);
+      const { rerender } = render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -586,8 +586,8 @@ describe('[component] ImportModal', () => {
         expect(screen.getByText('John')).toBeInTheDocument();
       }, { timeout: 2000 });
 
-      rerender(<ImportModal {...defaultProps} isOpen={false} />);
-      rerender(<ImportModal {...defaultProps} isOpen={true} />);
+      rerender(<ImportModal {...baseProps} isOpen={false} />);
+      rerender(<ImportModal {...baseProps} isOpen={true} />);
 
       // State should be reset - wait for modal to reopen
       await waitFor(() => {
@@ -600,7 +600,7 @@ describe('[component] ImportModal', () => {
     it('uses custom button texts from config', () => {
       render(
         <ImportModal
-          {...defaultProps}
+          {...baseProps}
           config={{
             selectFileButtonText: 'Browse Files',
             importButtonText: 'Import Data',
@@ -624,7 +624,7 @@ describe('[component] ImportModal', () => {
       
       render(
         <ImportModal
-          {...defaultProps}
+          {...baseProps}
           config={{ previewHeaderText: 'Data Preview' }}
         />
       );
@@ -645,7 +645,7 @@ describe('[component] ImportModal', () => {
       
       render(
         <ImportModal
-          {...defaultProps}
+          {...baseProps}
           config={{ totalRowsText: 'Found {count} records' }}
         />
       );
@@ -670,7 +670,7 @@ describe('[component] ImportModal', () => {
       const user = userEvent.setup();
       const file = createCSVFile('');
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -684,7 +684,7 @@ describe('[component] ImportModal', () => {
       const user = userEvent.setup();
       const file = createCSVFile('   \n   \n   ');
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -701,7 +701,7 @@ describe('[component] ImportModal', () => {
       const csvContent = headers + rows;
       const file = createCSVFile(csvContent);
       
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       await user.upload(fileInput, file);
@@ -714,7 +714,7 @@ describe('[component] ImportModal', () => {
 
   describe('Accessibility', () => {
     it('provides accessible file input', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       const fileInput = document.querySelector('input[type="file"]') as HTMLInputElement;
       expect(fileInput).toBeInTheDocument();
@@ -723,7 +723,7 @@ describe('[component] ImportModal', () => {
     });
 
     it('provides accessible button labels', () => {
-      render(<ImportModal {...defaultProps} />);
+      render(<ImportModal {...baseProps} />);
       
       expect(screen.getByRole('button', { name: /select file/i })).toBeInTheDocument();
       expect(screen.getByRole('button', { name: /import/i })).toBeInTheDocument();