@jmruthers/pace-core 0.5.53 → 0.5.55

package/src/components/PrintButton/examples/PrintButtonShowcase.tsx

@@ -1,438 +0,0 @@
-/**
- * @file PrintButton Showcase Example
- * @package @jmruthers/pace-core
- * @module PrintButtonShowcase
- * @since 0.4.38
- * 
- * Example showcasing PrintButton components usage.
- */
-
-import React, { useState } from 'react';
-import { 
-  PrintLayout,
-  PrintHeader,
-  PrintText,
-  PrintSection,
-  PrintButton, 
-  PrintButtonGroup, 
-  PrintToolbar 
-} from '../../index';
-
-export function PrintButtonShowcase() {
-  const [printStatus, setPrintStatus] = useState<string>('');
-
-  const handlePrintSuccess = (success: boolean, error?: Error) => {
-    if (success) {
-      setPrintStatus('Print completed successfully!');
-    } else {
-      setPrintStatus(`Print failed: ${error?.message || 'Unknown error'}`);
-    }
-  };
-
-  const handlePrintStart = () => {
-    setPrintStatus('Starting print...');
-  };
-
-  const handlePrintEnd = () => {
-    setTimeout(() => setPrintStatus(''), 3000);
-  };
-
-  return (
-    <PrintLayout
-      orientation="portrait"
-      pageSize="A4"
-      firstPageHeader={
-        <PrintHeader
-          title="Print Button Components Showcase"
-          subtitle="Demonstrating print functionality and controls"
-          branding={{
-            logo: "/pace_logo_square.svg",
-            companyName: "Pace Core"
-          }}
-          metadata={[
-            { label: 'Date', value: new Date().toLocaleDateString() },
-            { label: 'Page', value: "1" }
-          ]}
-        />
-      }
-    >
-      <div className="space-y-8">
-        {/* Print Status */}
-        {printStatus && (
-          <div className="p-4 bg-blue-50 border border-blue-200 rounded-lg">
-            <PrintText variant="small" color="primary">
-              {printStatus}
-            </PrintText>
-          </div>
-        )}
-
-        {/* Basic Print Buttons */}
-        <PrintSection title="Basic Print Buttons" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              These are basic print buttons with different variants and sizes.
-            </PrintText>
-            
-            <PrintButtonGroup spacing="md" className="mt-4">
-              <PrintButton
-                variant="primary"
-                size="md"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-                onPrintStart={handlePrintStart}
-                onPrintEnd={handlePrintEnd}
-              >
-                Print Document
-              </PrintButton>
-              
-              <PrintButton
-                variant="secondary"
-                size="md"
-                printFunction="printPage"
-                onPrint={handlePrintSuccess}
-                onPrintStart={handlePrintStart}
-                onPrintEnd={handlePrintEnd}
-              >
-                Print Page
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Button Variants */}
-        <PrintSection title="Print Button Variants" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different button variants for various use cases.
-            </PrintText>
-            
-            <PrintButtonGroup orientation="vertical" spacing="sm" className="mt-4">
-              <PrintButton
-                variant="primary"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Primary Print
-              </PrintButton>
-              
-              <PrintButton
-                variant="secondary"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Secondary Print
-              </PrintButton>
-              
-              <PrintButton
-                variant="outline"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Outline Print
-              </PrintButton>
-              
-              <PrintButton
-                variant="ghost"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Ghost Print
-              </PrintButton>
-              
-              <PrintButton
-                variant="destructive"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Destructive Print
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Button Sizes */}
-        <PrintSection title="Print Button Sizes" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Different button sizes for various contexts.
-            </PrintText>
-            
-            <PrintButtonGroup spacing="sm" className="mt-4">
-              <PrintButton
-                size="sm"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Small
-              </PrintButton>
-              
-              <PrintButton
-                size="md"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Medium
-              </PrintButton>
-              
-              <PrintButton
-                size="lg"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Large
-              </PrintButton>
-              
-              <PrintButton
-                size="xl"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Extra Large
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Button Shapes */}
-        <PrintSection title="Print Button Shapes" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different button shapes for various design needs.
-            </PrintText>
-            
-            <PrintButtonGroup spacing="sm" className="mt-4">
-              <PrintButton
-                shape="default"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Default
-              </PrintButton>
-              
-              <PrintButton
-                shape="rounded"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Rounded
-              </PrintButton>
-              
-              <PrintButton
-                shape="pill"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Pill
-              </PrintButton>
-              
-              <PrintButton
-                shape="square"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Square
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Function Types */}
-        <PrintSection title="Print Function Types" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Different print functions for various scenarios.
-            </PrintText>
-            
-            <PrintButtonGroup orientation="vertical" spacing="sm" className="mt-4">
-              <PrintButton
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-                icon="🖨️"
-              >
-                Print Entire Document
-              </PrintButton>
-              
-              <PrintButton
-                printFunction="printPage"
-                onPrint={handlePrintSuccess}
-                icon="📃"
-              >
-                Print Current Page
-              </PrintButton>
-              
-              <PrintButton
-                printFunction="printSelection"
-                printSelector=".printable-content"
-                onPrint={handlePrintSuccess}
-                icon="📄"
-              >
-                Print Selected Content
-              </PrintButton>
-              
-              <PrintButton
-                printFunction="printElement"
-                printSelector="#main-content"
-                onPrint={handlePrintSuccess}
-                icon="🎯"
-              >
-                Print Specific Element
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Button States */}
-        <PrintSection title="Print Button States" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different button states for various interactions.
-            </PrintText>
-            
-            <PrintButtonGroup spacing="sm" className="mt-4">
-              <PrintButton
-                state="default"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Default State
-              </PrintButton>
-              
-              <PrintButton
-                state="loading"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Loading State
-              </PrintButton>
-              
-              <PrintButton
-                state="disabled"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Disabled State
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Toolbar */}
-        <PrintSection title="Print Toolbar" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              A toolbar component for organizing print controls.
-            </PrintText>
-            
-            <PrintToolbar position="top" align="left" className="mt-4">
-              <PrintButton
-                variant="primary"
-                size="sm"
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Print All
-              </PrintButton>
-              
-              <PrintButton
-                variant="outline"
-                size="sm"
-                printFunction="printPage"
-                onPrint={handlePrintSuccess}
-              >
-                Print Page
-              </PrintButton>
-              
-              <PrintButton
-                variant="ghost"
-                size="sm"
-                printFunction="printSelection"
-                printSelector=".printable-content"
-                onPrint={handlePrintSuccess}
-              >
-                Print Selection
-              </PrintButton>
-            </PrintToolbar>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Print Options Example */}
-        <PrintSection title="Print Options Example" background="gray">
-          <PrintSection>
-            <PrintText>
-              Print buttons with custom print options for margins, orientation, and styling.
-            </PrintText>
-            
-            <PrintButtonGroup spacing="sm" className="mt-4">
-              <PrintButton
-                variant="primary"
-                printFunction="print"
-                printOptions={{
-                  title: "Custom Print Document",
-                  orientation: "portrait",
-                  margins: {
-                    top: "1in",
-                    right: "0.5in",
-                    bottom: "1in",
-                    left: "0.5in"
-                  },
-                  colorAdjust: "exact",
-                  backgroundGraphics: true
-                }}
-                onPrint={handlePrintSuccess}
-              >
-                Print with Custom Options
-              </PrintButton>
-              
-              <PrintButton
-                variant="secondary"
-                printFunction="print"
-                printOptions={{
-                  title: "Landscape Print",
-                  orientation: "landscape",
-                  margins: {
-                    top: "0.5in",
-                    right: "0.5in",
-                    bottom: "0.5in",
-                    left: "0.5in"
-                  }
-                }}
-                onPrint={handlePrintSuccess}
-              >
-                Print Landscape
-              </PrintButton>
-            </PrintButtonGroup>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Full Width Buttons */}
-        <PrintSection title="Full Width Buttons" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Full width buttons for prominent print actions.
-            </PrintText>
-            
-            <div className="space-y-2 mt-4">
-              <PrintButton
-                variant="primary"
-                fullWidth
-                printFunction="print"
-                onPrint={handlePrintSuccess}
-              >
-                Print Entire Document
-              </PrintButton>
-              
-              <PrintButton
-                variant="outline"
-                fullWidth
-                printFunction="printPage"
-                onPrint={handlePrintSuccess}
-              >
-                Print Current Page Only
-              </PrintButton>
-            </div>
-          </PrintSection>
-        </PrintSection>
-      </div>
-    </PrintLayout>
-  );
-}

package/src/components/PrintButton/index.ts

@@ -1,33 +0,0 @@
-/**
- * @file PrintButton Exports
- * @package @jmruthers/pace-core
- * @module PrintButton
- * @since 0.4.38
- * 
- * Exports for PrintButton components.
- */
-
-export { PrintButton } from './PrintButton';
-export { PrintButtonGroup } from './PrintButtonGroup';
-export { PrintToolbar } from './PrintToolbar';
-
-export type {
-  PrintButtonProps,
-  PrintOptions,
-  PrintButtonGroupProps,
-  PrintToolbarProps,
-  PrintButtonVariant,
-  PrintButtonSize,
-  PrintButtonShape,
-  PrintButtonState,
-  PrintFunction,
-  IconPosition,
-  PrintOrientation,
-  PrintDuplex,
-  PrintColorAdjust,
-  PrintButtonGroupOrientation,
-  PrintButtonGroupSpacing,
-  PrintButtonGroupAlign,
-  PrintToolbarPosition,
-  PrintToolbarAlign,
-} from './types';

package/src/components/PrintButton/types.ts

@@ -1,173 +0,0 @@
-/**
- * @file PrintButton Types
- * @package @jmruthers/pace-core
- * @module PrintButton
- * @since 0.4.38
- * 
- * Type definitions for PrintButton component.
- */
-
-import { ReactNode } from 'react';
-
-export interface PrintButtonProps {
-  /** Button content */
-  children: ReactNode;
-  
-  /** Button variant */
-  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
-  
-  /** Button size */
-  size?: 'sm' | 'md' | 'lg' | 'xl';
-  
-  /** Button shape */
-  shape?: 'default' | 'rounded' | 'pill' | 'square';
-  
-  /** Button state */
-  state?: 'default' | 'loading' | 'disabled';
-  
-  /** Print functionality */
-  printFunction?: 'print' | 'printSelection' | 'printPage' | 'printElement';
-  
-  /** Print selector (for printSelection and printElement) */
-  printSelector?: string;
-  
-  /** Print options */
-  printOptions?: PrintOptions;
-  
-  /** Click handler */
-  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  
-  /** Print callback */
-  onPrint?: (success: boolean, error?: Error) => void;
-  
-  /** Print start callback */
-  onPrintStart?: () => void;
-  
-  /** Print end callback */
-  onPrintEnd?: () => void;
-  
-  /** Show print icon */
-  showIcon?: boolean;
-  
-  /** Custom icon */
-  icon?: ReactNode;
-  
-  /** Icon position */
-  iconPosition?: 'left' | 'right';
-  
-  /** Full width */
-  fullWidth?: boolean;
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export interface PrintOptions {
-  /** Print media query */
-  mediaQuery?: string;
-  
-  /** Print stylesheet URL */
-  stylesheetUrl?: string;
-  
-  /** Print title */
-  title?: string;
-  
-  /** Print margins */
-  margins?: {
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-  };
-  
-  /** Print orientation */
-  orientation?: 'portrait' | 'landscape';
-  
-  /** Print scale */
-  scale?: number;
-  
-  /** Print background graphics */
-  backgroundGraphics?: boolean;
-  
-  /** Print color adjustment */
-  colorAdjust?: 'economy' | 'exact';
-  
-  /** Print page ranges */
-  pageRanges?: string;
-  
-  /** Print copies */
-  copies?: number;
-  
-  /** Print collate */
-  collate?: boolean;
-  
-  /** Print duplex */
-  duplex?: 'simplex' | 'duplex' | 'duplex-short-edge' | 'duplex-long-edge';
-}
-
-export interface PrintButtonGroupProps {
-  /** Button group children */
-  children: ReactNode;
-  
-  /** Button group orientation */
-  orientation?: 'horizontal' | 'vertical';
-  
-  /** Button group spacing */
-  spacing?: 'none' | 'sm' | 'md' | 'lg';
-  
-  /** Button group alignment */
-  align?: 'left' | 'center' | 'right' | 'stretch';
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export interface PrintToolbarProps {
-  /** Toolbar children */
-  children: ReactNode;
-  
-  /** Toolbar position */
-  position?: 'top' | 'bottom' | 'fixed';
-  
-  /** Toolbar alignment */
-  align?: 'left' | 'center' | 'right';
-  
-  /** Show toolbar on print */
-  showOnPrint?: boolean;
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export type PrintButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
-export type PrintButtonSize = 'sm' | 'md' | 'lg' | 'xl';
-export type PrintButtonShape = 'default' | 'rounded' | 'pill' | 'square';
-export type PrintButtonState = 'default' | 'loading' | 'disabled';
-export type PrintFunction = 'print' | 'printSelection' | 'printPage' | 'printElement';
-export type IconPosition = 'left' | 'right';
-export type PrintOrientation = 'portrait' | 'landscape';
-export type PrintDuplex = 'simplex' | 'duplex' | 'duplex-short-edge' | 'duplex-long-edge';
-export type PrintColorAdjust = 'economy' | 'exact';
-export type PrintButtonGroupOrientation = 'horizontal' | 'vertical';
-export type PrintButtonGroupSpacing = 'none' | 'sm' | 'md' | 'lg';
-export type PrintButtonGroupAlign = 'left' | 'center' | 'right' | 'stretch';
-export type PrintToolbarPosition = 'top' | 'bottom' | 'fixed';
-export type PrintToolbarAlign = 'left' | 'center' | 'right';