@jmruthers/pace-core 0.5.54 → 0.5.55

package/src/components/PrintButton/PrintButtonGroup.tsx

@@ -1,84 +0,0 @@
-/**
- * @file PrintButtonGroup Component
- * @package @jmruthers/pace-core
- * @module PrintButtonGroup
- * @since 0.4.38
- * 
- * Print-optimized button group component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintButtonGroupProps } from './types';
-
-export function PrintButtonGroup({
-  children,
-  orientation = 'horizontal',
-  spacing = 'md',
-  align = 'left',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintButtonGroupProps) {
-  const getOrientationClasses = (orientation: string): string => {
-    switch (orientation) {
-      case 'vertical':
-        return 'flex-col';
-      default:
-        return 'flex-row';
-    }
-  };
-
-  const getSpacingClasses = (spacing: string): string => {
-    switch (spacing) {
-      case 'none':
-        return 'gap-0';
-      case 'sm':
-        return 'gap-2';
-      case 'lg':
-        return 'gap-6';
-      default:
-        return 'gap-4';
-    }
-  };
-
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'justify-center';
-      case 'right':
-        return 'justify-end';
-      case 'stretch':
-        return 'justify-stretch';
-      default:
-        return 'justify-start';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:hidden',
-      'print:opacity-0',
-      'print:pointer-events-none'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-button-group',
-        'flex',
-        'items-center',
-        getOrientationClasses(orientation),
-        getSpacingClasses(spacing),
-        getAlignmentClasses(align),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintButton/PrintToolbar.tsx

@@ -1,94 +0,0 @@
-/**
- * @file PrintToolbar Component
- * @package @jmruthers/pace-core
- * @module PrintToolbar
- * @since 0.4.38
- * 
- * Print-optimized toolbar component for print controls.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintToolbarProps } from './types';
-
-export function PrintToolbar({
-  children,
-  position = 'top',
-  align = 'left',
-  showOnPrint = false,
-  printOptimized = true,
-  className,
-  ...props
-}: PrintToolbarProps) {
-  const getPositionClasses = (position: string): string => {
-    switch (position) {
-      case 'bottom':
-        return 'fixed bottom-0 left-0 right-0';
-      case 'fixed':
-        return 'fixed top-4 right-4';
-      default:
-        return 'relative';
-    }
-  };
-
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'justify-center';
-      case 'right':
-        return 'justify-end';
-      default:
-        return 'justify-start';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    
-    if (showOnPrint) {
-      return cn(
-        'print:block',
-        'print:opacity-100',
-        'print:pointer-events-auto'
-      );
-    } else {
-      return cn(
-        'print:hidden',
-        'print:opacity-0',
-        'print:pointer-events-none'
-      );
-    }
-  };
-
-  const getZIndexClasses = (): string => {
-    if (position === 'fixed' || position === 'bottom') {
-      return 'z-50';
-    }
-    return '';
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-toolbar',
-        'flex',
-        'items-center',
-        'gap-2',
-        'p-4',
-        'bg-background',
-        'border',
-        'border-border',
-        'rounded-lg',
-        'shadow-lg',
-        getPositionClasses(position),
-        getAlignmentClasses(align),
-        getZIndexClasses(),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintButton/__tests__/PrintButton.test.tsx

@@ -1,271 +0,0 @@
-/**
- * @file PrintButton Component Tests
- * @package @jmruthers/pace-core
- * @module Components/PrintButton/__tests__
- * @since 0.4.0
- * 
- * Comprehensive test suite for PrintButton component covering all critical functionality.
- * Follows testing guidelines with proper structure, naming, and best practices.
- */
-
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { PrintButton } from '../PrintButton';
-
-describe('PrintButton Component', () => {
-  const mockWindowPrint = vi.fn();
-  const mockOnPrint = vi.fn();
-  const mockOnPrintStart = vi.fn();
-  const mockOnPrintEnd = vi.fn();
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    // Mock window.print
-    Object.defineProperty(window, 'print', {
-      writable: true,
-      value: mockWindowPrint,
-    });
-    
-    // Mock window.open to prevent jsdom errors
-    Object.defineProperty(window, 'open', {
-      writable: true,
-      value: vi.fn().mockReturnValue({
-        print: mockWindowPrint,
-        close: vi.fn(),
-        focus: vi.fn(),
-      }),
-    });
-  });
-
-  describe('Rendering', () => {
-    it('renders with default props', () => {
-      render(<PrintButton>Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with custom className', () => {
-      render(<PrintButton className="custom-print-button">Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).toHaveClass('custom-print-button');
-    });
-
-    it('renders with custom variant', () => {
-      render(<PrintButton variant="secondary">Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with custom size', () => {
-      render(<PrintButton size="lg">Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with custom shape', () => {
-      render(<PrintButton shape="rounded">Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with custom state', () => {
-      render(<PrintButton state="loading">Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-  });
-
-  describe('Print Functionality', () => {
-    it('calls window.print when clicked', async () => {
-      const user = userEvent.setup();
-      render(<PrintButton>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      // The component might not call window.print directly due to jsdom limitations
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('calls onPrint callback when provided', async () => {
-      const user = userEvent.setup();
-      render(<PrintButton onPrint={mockOnPrint}>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      // The callback might be called with different parameters due to jsdom limitations
-      expect(mockOnPrint).toHaveBeenCalled();
-    });
-
-    it('calls onPrintStart and onPrintEnd callbacks', async () => {
-      const user = userEvent.setup();
-      render(
-        <PrintButton 
-          onPrintStart={mockOnPrintStart} 
-          onPrintEnd={mockOnPrintEnd}
-        >
-          Print Document
-        </PrintButton>
-      );
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      // The callbacks might be called with different parameters due to jsdom limitations
-      expect(mockOnPrintStart).toHaveBeenCalled();
-      expect(mockOnPrintEnd).toHaveBeenCalled();
-    });
-
-    it('handles print errors gracefully', async () => {
-      const user = userEvent.setup();
-      render(<PrintButton>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      // The component should handle errors gracefully
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-  });
-
-  describe('Icon Functionality', () => {
-    it('positions icon on the left by default', () => {
-      render(<PrintButton>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      const icon = button.querySelector('span');
-      expect(icon).toBeInTheDocument();
-    });
-
-    it('positions icon on the right when specified', () => {
-      render(<PrintButton iconPosition="right">Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      const icon = button.querySelector('span');
-      expect(icon).toBeInTheDocument();
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('has proper ARIA attributes', () => {
-      render(<PrintButton ariaLabel="Print this document">Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      // The component might not have aria-label due to implementation
-      expect(button).toBeInTheDocument();
-    });
-
-    it('is keyboard accessible', () => {
-      render(<PrintButton>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      button.focus();
-      expect(button).toHaveFocus();
-    });
-
-    it('supports space key activation', () => {
-      render(<PrintButton>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      button.focus();
-      expect(button).toHaveFocus();
-    });
-  });
-
-  describe('Event Handling', () => {
-    it('handles click events', async () => {
-      const user = userEvent.setup();
-      const mockClick = vi.fn();
-      
-      render(<PrintButton onClick={mockClick}>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      expect(mockClick).toHaveBeenCalledTimes(1);
-    });
-
-    it('prevents default when onPrint is provided', async () => {
-      const user = userEvent.setup();
-      render(<PrintButton onPrint={mockOnPrint}>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      expect(mockOnPrint).toHaveBeenCalled();
-    });
-  });
-
-  describe('State Management', () => {
-    it('can be disabled', () => {
-      render(<PrintButton disabled>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).toBeDisabled();
-    });
-
-    it('does not call print when disabled', async () => {
-      const user = userEvent.setup();
-      render(<PrintButton disabled>Print Document</PrintButton>);
-      
-      const button = screen.getByText('Print Document');
-      await user.click(button);
-      
-      // Disabled buttons shouldn't trigger print
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('shows loading state', () => {
-      render(<PrintButton state="loading">Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).toHaveClass('opacity-50');
-    });
-  });
-
-  describe('Print Options', () => {
-    it('handles print options', () => {
-      const printOptions = {
-        title: 'Test Document',
-        margin: '1in',
-      };
-      
-      render(<PrintButton printOptions={printOptions}>Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('handles different print functions', () => {
-      const customPrintFunction = vi.fn();
-      
-      render(<PrintButton printFunction={customPrintFunction}>Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-  });
-
-  describe('Composition', () => {
-    it('works with React.forwardRef', () => {
-      const ref = React.createRef<HTMLButtonElement>();
-      render(<PrintButton ref={ref}>Print Document</PrintButton>);
-      
-      // The ref might not be set due to component implementation
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with full width', () => {
-      render(<PrintButton fullWidth>Print Document</PrintButton>);
-      expect(screen.getByText('Print Document')).toBeInTheDocument();
-    });
-
-    it('renders with print optimization', () => {
-      render(<PrintButton printOptimized>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).toHaveClass('print:hidden');
-    });
-  });
-
-  describe('Print Optimization', () => {
-    it('applies print optimization classes', () => {
-      render(<PrintButton printOptimized>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).toHaveClass('print:hidden');
-      expect(button).toHaveClass('print:opacity-0');
-    });
-
-    it('does not apply print optimization when disabled', () => {
-      render(<PrintButton printOptimized={false}>Print Document</PrintButton>);
-      const button = screen.getByText('Print Document');
-      expect(button).not.toHaveClass('print:hidden');
-    });
-  });
-});