@jmruthers/pace-core 0.5.53 → 0.5.55

package/src/components/PrintFooter/examples/PrintFooterShowcase.tsx

@@ -1,390 +0,0 @@
-/**
- * @file PrintFooter Showcase Example
- * @package @jmruthers/pace-core
- * @module PrintFooterShowcase
- * @since 0.4.38
- * 
- * Example showcasing PrintFooter components usage.
- */
-
-import React from 'react';
-import { 
-  PrintLayout,
-  PrintHeader,
-  PrintText,
-  PrintSection,
-  PrintFooter, 
-  PrintPageNumber, 
-  PrintFooterContent, 
-  PrintFooterInfo 
-} from '../../index';
-
-export function PrintFooterShowcase() {
-  return (
-    <PrintLayout
-      orientation="portrait"
-      pageSize="A4"
-      firstPageHeader={
-        <PrintHeader
-          title="Print Footer Components Showcase"
-          subtitle="Demonstrating page footers and numbering"
-          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">
-        {/* Basic Footer */}
-        <PrintSection title="Basic Footer" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              A basic footer with text content and page numbers.
-            </PrintText>
-            
-            <PrintFooter
-              text="© 2024 Pace Core. All rights reserved."
-              showPageNumbers={true}
-              pageNumberFormat="Page 1 of 5"
-              showTotalPages={true}
-              background="gray"
-              showBorder={true}
-              className="mt-4"
-            />
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Positions */}
-        <PrintSection title="Footer Positions" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different footer positions for various layout needs.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <div className="relative h-20 border border-dashed border-gray-300 rounded">
-                <PrintText variant="small" className="p-2">Relative Position</PrintText>
-                <PrintFooter
-                  position="relative"
-                  text="Relative footer"
-                  background="white"
-                  showBorder={true}
-                  className="absolute bottom-0 left-0 right-0"
-                />
-              </div>
-              
-              <div className="relative h-20 border border-dashed border-gray-300 rounded">
-                <PrintText variant="small" className="p-2">Absolute Position</PrintText>
-                <PrintFooter
-                  position="absolute"
-                  text="Absolute footer"
-                  background="primary"
-                  showBorder={true}
-                />
-              </div>
-              
-              <div className="relative h-20 border border-dashed border-gray-300 rounded">
-                <PrintText variant="small" className="p-2">Sticky Position</PrintText>
-                <PrintFooter
-                  position="sticky"
-                  text="Sticky footer"
-                  background="secondary"
-                  showBorder={true}
-                />
-              </div>
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Alignments */}
-        <PrintSection title="Footer Alignments" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Different footer alignments for content organization.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <PrintFooter
-                align="left"
-                text="Left aligned footer"
-                background="gray"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                align="center"
-                text="Center aligned footer"
-                background="gray"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                align="right"
-                text="Right aligned footer"
-                background="gray"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                align="between"
-                text="Between aligned footer"
-                background="gray"
-                showBorder={true}
-                showPageNumbers={true}
-                pageNumberFormat="1"
-              />
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Page Number Formats */}
-        <PrintSection title="Page Number Formats" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different page number formats for various documentation needs.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <PrintFooter
-                text="Simple page number"
-                showPageNumbers={true}
-                pageNumberFormat="1"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Page X format"
-                showPageNumbers={true}
-                pageNumberFormat="Page 1"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="X of Y format"
-                showPageNumbers={true}
-                pageNumberFormat="1 of 5"
-                showTotalPages={true}
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Page X of Y format"
-                showPageNumbers={true}
-                pageNumberFormat="Page 1 of 5"
-                showTotalPages={true}
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="X/Y format"
-                showPageNumbers={true}
-                pageNumberFormat="1/5"
-                showTotalPages={true}
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Custom template"
-                showPageNumbers={true}
-                pageNumberTemplate="Document Page {current} of {total}"
-                showTotalPages={true}
-                background="white"
-                showBorder={true}
-              />
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Backgrounds */}
-        <PrintSection title="Footer Backgrounds" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Different footer backgrounds for visual hierarchy.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <PrintFooter
-                text="Transparent background"
-                background="transparent"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="White background"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Gray background"
-                background="gray"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Primary background"
-                background="primary"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Secondary background"
-                background="secondary"
-                showBorder={true}
-              />
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Sizes */}
-        <PrintSection title="Footer Sizes" background="gray">
-          <PrintSection>
-            <PrintText>
-              Different footer sizes for various content needs.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <PrintFooter
-                text="Small height footer"
-                height="sm"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Medium height footer"
-                height="md"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Large height footer"
-                height="lg"
-                background="white"
-                showBorder={true}
-              />
-              
-              <PrintFooter
-                text="Extra large height footer"
-                height="xl"
-                background="white"
-                showBorder={true}
-              />
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Content Components */}
-        <PrintSection title="Footer Content Components" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              Using footer content components for complex layouts.
-            </PrintText>
-            
-            <PrintFooter
-              align="between"
-              background="gray"
-              showBorder={true}
-              className="mt-4"
-            >
-              <PrintFooterContent align="left">
-                <PrintText variant="small">Left content</PrintText>
-              </PrintFooterContent>
-              
-              <PrintFooterContent align="center">
-                <PrintText variant="small">Center content</PrintText>
-              </PrintFooterContent>
-              
-              <PrintFooterContent align="right">
-                <PrintText variant="small">Right content</PrintText>
-              </PrintFooterContent>
-            </PrintFooter>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Footer Info Components */}
-        <PrintSection title="Footer Info Components" background="gray">
-          <PrintSection>
-            <PrintText>
-              Using footer info components for additional information.
-            </PrintText>
-            
-            <div className="space-y-4 mt-4">
-              <PrintFooterInfo
-                background="white"
-                showBorder={true}
-                align="left"
-              >
-                Contact: info@pacecore.com | Phone: +1 (555) 123-4567
-              </PrintFooterInfo>
-              
-              <PrintFooterInfo
-                background="primary"
-                showBorder={true}
-                align="center"
-              >
-                Confidential Document - Internal Use Only
-              </PrintFooterInfo>
-              
-              <PrintFooterInfo
-                background="secondary"
-                showBorder={true}
-                align="right"
-              >
-                Generated on {new Date().toLocaleDateString()}
-              </PrintFooterInfo>
-            </div>
-          </PrintSection>
-        </PrintSection>
-
-        {/* Complex Footer Layout */}
-        <PrintSection title="Complex Footer Layout" background="white" showBorder>
-          <PrintSection>
-            <PrintText>
-              A complex footer layout with multiple components and page numbering.
-            </PrintText>
-            
-            <PrintFooter
-              align="between"
-              background="gray"
-              showBorder={true}
-              showPageNumbers={true}
-              pageNumberFormat="Page 1 of 5"
-              showTotalPages={true}
-              className="mt-4"
-            >
-              <PrintFooterContent align="left">
-                <PrintFooterInfo background="white" showBorder={true}>
-                  Document ID: DOC-2024-001
-                </PrintFooterInfo>
-              </PrintFooterContent>
-              
-              <PrintFooterContent align="center">
-                <PrintText variant="small" weight="semibold">
-                  Pace Core Documentation
-                </PrintText>
-              </PrintFooterContent>
-              
-              <PrintFooterContent align="right">
-                <PrintFooterInfo background="white" showBorder={true}>
-                  Version 1.0
-                </PrintFooterInfo>
-              </PrintFooterContent>
-            </PrintFooter>
-          </PrintSection>
-        </PrintSection>
-      </div>
-    </PrintLayout>
-  );
-}

package/src/components/PrintFooter/index.ts

@@ -1,30 +0,0 @@
-/**
- * @file PrintFooter Exports
- * @package @jmruthers/pace-core
- * @module PrintFooter
- * @since 0.4.38
- * 
- * Exports for PrintFooter components.
- */
-
-export { PrintFooter } from './PrintFooter';
-export { PrintPageNumber } from './PrintPageNumber';
-export { PrintFooterContent } from './PrintFooterContent';
-export { PrintFooterInfo } from './PrintFooterInfo';
-
-export type {
-  PrintFooterProps,
-  PrintPageNumberProps,
-  PrintFooterContentProps,
-  PrintFooterInfoProps,
-  PrintFooterPosition,
-  PrintFooterAlign,
-  PrintPageNumberFormat,
-  PrintPageNumberPosition,
-  PrintFooterBackground,
-  PrintFooterPadding,
-  PrintFooterMargin,
-  PrintFooterHeight,
-  PrintFooterContentAlign,
-  PrintFooterInfoAlign,
-} from './types';

package/src/components/PrintFooter/types.ts

@@ -1,149 +0,0 @@
-/**
- * @file PrintFooter Types
- * @package @jmruthers/pace-core
- * @module PrintFooter
- * @since 0.4.38
- * 
- * Type definitions for PrintFooter component.
- */
-
-import { ReactNode } from 'react';
-
-export interface PrintFooterProps {
-  /** Footer content */
-  children?: ReactNode;
-  
-  /** Footer text */
-  text?: string;
-  
-  /** Footer position */
-  position?: 'fixed' | 'absolute' | 'relative' | 'sticky';
-  
-  /** Footer alignment */
-  align?: 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
-  
-  /** Show page numbers */
-  showPageNumbers?: boolean;
-  
-  /** Page number format */
-  pageNumberFormat?: '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
-  
-  /** Custom page number template */
-  pageNumberTemplate?: string;
-  
-  /** Page number position */
-  pageNumberPosition?: 'left' | 'center' | 'right';
-  
-  /** Show total pages */
-  showTotalPages?: boolean;
-  
-  /** Footer background */
-  background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
-  
-  /** Footer border */
-  showBorder?: boolean;
-  
-  /** Footer padding */
-  padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /** Footer margin */
-  margin?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /** Footer height */
-  height?: 'auto' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export interface PrintPageNumberProps {
-  /** Page number content */
-  children?: ReactNode;
-  
-  /** Page number format */
-  format?: '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
-  
-  /** Custom page number template */
-  template?: string;
-  
-  /** Page number position */
-  position?: 'left' | 'center' | 'right';
-  
-  /** Show total pages */
-  showTotal?: boolean;
-  
-  /** Current page */
-  currentPage?: number;
-  
-  /** Total pages */
-  totalPages?: number;
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export interface PrintFooterContentProps {
-  /** Footer content */
-  children: ReactNode;
-  
-  /** Content alignment */
-  align?: 'left' | 'center' | 'right';
-  
-  /** Content padding */
-  padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export interface PrintFooterInfoProps {
-  /** Footer info content */
-  children: ReactNode;
-  
-  /** Info alignment */
-  align?: 'left' | 'center' | 'right';
-  
-  /** Info background */
-  background?: 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
-  
-  /** Info border */
-  showBorder?: boolean;
-  
-  /** Print optimization */
-  printOptimized?: boolean;
-  
-  /** Custom CSS classes */
-  className?: string;
-  
-  /** Additional props */
-  [key: string]: any;
-}
-
-export type PrintFooterPosition = 'fixed' | 'absolute' | 'relative' | 'sticky';
-export type PrintFooterAlign = 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
-export type PrintPageNumberFormat = '1' | '1 of 5' | 'Page 1' | 'Page 1 of 5' | '1/5' | 'custom';
-export type PrintPageNumberPosition = 'left' | 'center' | 'right';
-export type PrintFooterBackground = 'transparent' | 'white' | 'gray' | 'primary' | 'secondary';
-export type PrintFooterPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-export type PrintFooterMargin = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-export type PrintFooterHeight = 'auto' | 'sm' | 'md' | 'lg' | 'xl';
-export type PrintFooterContentAlign = 'left' | 'center' | 'right';
-export type PrintFooterInfoAlign = 'left' | 'center' | 'right';