@jmruthers/pace-core 0.5.53 → 0.5.55

package/src/components/PrintDataTable/PrintTableGroup.tsx

@@ -1,90 +0,0 @@
-/**
- * @file PrintTableGroup Component
- * @package @jmruthers/pace-core
- * @module PrintDataTable
- * @since 0.4.38
- * 
- * Component for rendering grouped table data in PrintDataTable.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintTableRow } from './PrintTableRow';
-import type { PrintTableGroupProps } from './types';
-
-/**
- * PrintTableGroup component renders a group of table rows with optional group header.
- */
-export function PrintTableGroup({
-  groupKey,
-  groupData,
-  columns,
-  groupHeader,
-  styling = {
-    headerStyle: 'solid',
-    rowStyle: 'striped',
-    cellPadding: 'normal'
-  },
-  printOptimized = true,
-}: PrintTableGroupProps) {
-  const getGroupHeaderClasses = () => {
-    const baseClasses = 'bg-muted text-muted-foreground font-semibold';
-    
-    if (printOptimized) {
-      return cn(
-        baseClasses,
-        'print:bg-gray-100 print:text-black print:font-bold'
-      );
-    }
-    
-    return baseClasses;
-  };
-
-  const getCellPaddingClasses = () => {
-    switch (styling.cellPadding) {
-      case 'compact':
-        return 'px-2 py-1 print:px-1 print:py-0.5';
-      case 'spacious':
-        return 'px-6 py-4 print:px-4 print:py-2';
-      case 'normal':
-      default:
-        return 'px-4 py-2 print:px-2 print:py-1';
-    }
-  };
-
-  return (
-    <>
-      {/* Group Header */}
-      <tr className={getGroupHeaderClasses()}>
-        <td
-          colSpan={columns.length}
-          className={cn(
-            getCellPaddingClasses(),
-            'print-break-avoid'
-          )}
-        >
-          {groupHeader ? (
-            groupHeader(groupKey)
-          ) : (
-            <PrintText variant="small" weight="semibold">
-              {groupKey}
-            </PrintText>
-          )}
-        </td>
-      </tr>
-      
-      {/* Group Rows */}
-      {groupData.map((row, index) => (
-        <PrintTableRow
-          key={index}
-          row={row}
-          columns={columns}
-          styling={styling}
-          printOptimized={printOptimized}
-          isEven={index % 2 === 0}
-        />
-      ))}
-    </>
-  );
-}

package/src/components/PrintDataTable/PrintTableRow.tsx

@@ -1,76 +0,0 @@
-/**
- * @file PrintTableRow Component
- * @package @jmruthers/pace-core
- * @module PrintDataTable
- * @since 0.4.38
- * 
- * Component for rendering individual table rows in PrintDataTable.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import type { PrintTableRowProps } from './types';
-
-/**
- * PrintTableRow component renders a single table row with styling and print optimization.
- */
-export function PrintTableRow({
-  row,
-  columns,
-  styling = {
-    headerStyle: 'solid',
-    rowStyle: 'striped',
-    cellPadding: 'normal'
-  },
-  printOptimized = true,
-  isEven = false,
-}: PrintTableRowProps) {
-  const getRowClasses = () => {
-    const baseClasses = 'border-b border-border';
-    
-    switch (styling.rowStyle) {
-      case 'striped':
-        return cn(baseClasses, isEven ? 'bg-muted/30' : 'bg-background');
-      case 'solid':
-        return cn(baseClasses, 'bg-background');
-      case 'bordered':
-        return cn(baseClasses, 'border border-border bg-background');
-      default:
-        return baseClasses;
-    }
-  };
-
-  const getCellPaddingClasses = () => {
-    switch (styling.cellPadding) {
-      case 'compact':
-        return 'px-2 py-1 print:px-1 print:py-0.5';
-      case 'spacious':
-        return 'px-6 py-4 print:px-4 print:py-2';
-      case 'normal':
-      default:
-        return 'px-4 py-2 print:px-2 print:py-1';
-    }
-  };
-
-  return (
-    <tr className={getRowClasses()}>
-      {columns.map((column) => (
-        <td
-          key={column.key}
-          className={cn(
-            getCellPaddingClasses(),
-            'text-left',
-            column.align === 'center' && 'text-center',
-            column.align === 'right' && 'text-right',
-            column.printBreak === 'avoid' && 'print-break-avoid'
-          )}
-        >
-        <PrintText variant="small">
-          {column.render ? column.render(row[column.key], row) : (row[column.key] ?? '')}
-        </PrintText>
-        </td>
-      ))}
-    </tr>
-  );
-}

package/src/components/PrintDataTable/index.ts

@@ -1,25 +0,0 @@
-/**
- * @file PrintDataTable Component Exports
- * @package @jmruthers/pace-core
- * @module PrintDataTable
- * @since 0.4.38
- * 
- * Exports for PrintDataTable component and related utilities.
- */
-
-export { PrintDataTable } from './PrintDataTable';
-export { PrintTableGroup } from './PrintTableGroup';
-export { PrintTableRow } from './PrintTableRow';
-export type { 
-  PrintDataTableProps,
-  PrintTableGroupProps,
-  PrintTableRowProps,
-  PrintColumn,
-  PrintGrouping,
-  PrintTableStyling,
-  PrintColumnAlign,
-  PrintBreakType,
-  PrintHeaderStyle,
-  PrintRowStyle,
-  PrintCellPadding
-} from './types';

package/src/components/PrintDataTable/types.ts

@@ -1,67 +0,0 @@
-/**
- * @file PrintDataTable Types
- * @package @jmruthers/pace-core
- * @module PrintDataTable
- * @since 0.4.38
- * 
- * Type definitions for PrintDataTable component and related utilities.
- */
-
-import { ReactNode } from 'react';
-
-export type PrintColumnAlign = 'left' | 'center' | 'right';
-export type PrintBreakType = 'avoid' | 'auto' | 'always';
-export type PrintHeaderStyle = 'solid' | 'outline';
-export type PrintRowStyle = 'striped' | 'solid' | 'bordered';
-export type PrintCellPadding = 'compact' | 'normal' | 'spacious';
-
-export interface PrintColumn {
-  key: string;
-  header: string;
-  width?: string | number;
-  align?: PrintColumnAlign;
-  render?: (value: any, row: any) => ReactNode;
-  groupable?: boolean;
-  sortable?: boolean;
-  printBreak?: PrintBreakType;
-}
-
-export interface PrintGrouping {
-  enabled: boolean;
-  groupBy: string;
-  groupHeader?: (group: string) => ReactNode;
-}
-
-export interface PrintTableStyling {
-  headerStyle?: PrintHeaderStyle;
-  rowStyle?: PrintRowStyle;
-  cellPadding?: PrintCellPadding;
-}
-
-export interface PrintDataTableProps {
-  data: any[];
-  columns: PrintColumn[];
-  title?: string;
-  showTitle?: boolean;
-  grouping?: PrintGrouping;
-  styling?: PrintTableStyling;
-  printOptimized?: boolean;
-  className?: string;
-}
-
-export interface PrintTableGroupProps {
-  groupKey: string;
-  groupData: any[];
-  columns: PrintColumn[];
-  groupHeader?: (group: string) => ReactNode;
-  styling?: PrintTableStyling;
-  printOptimized?: boolean;
-}
-
-export interface PrintTableRowProps {
-  row: any;
-  columns: PrintColumn[];
-  styling?: PrintTableStyling;
-  printOptimized?: boolean;
-  isEven?: boolean;
-}

package/src/components/PrintFooter/PrintFooter.tsx

@@ -1,183 +0,0 @@
-/**
- * @file PrintFooter Component
- * @package @jmruthers/pace-core
- * @module PrintFooter
- * @since 0.4.38
- * 
- * Print-optimized footer component with page numbering and content.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintPageNumber } from './PrintPageNumber';
-import { PrintFooterProps } from './types';
-
-export function PrintFooter({
-  children,
-  text,
-  position = 'relative',
-  align = 'center',
-  showPageNumbers = false,
-  pageNumberFormat = '1',
-  pageNumberTemplate,
-  pageNumberPosition = 'right',
-  showTotalPages = false,
-  background = 'transparent',
-  showBorder = false,
-  padding = 'md',
-  margin = 'none',
-  height = 'auto',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintFooterProps) {
-  const getPositionClasses = (position: string): string => {
-    switch (position) {
-      case 'fixed':
-        return 'fixed bottom-0 left-0 right-0';
-      case 'absolute':
-        return 'absolute bottom-0 left-0 right-0';
-      case 'sticky':
-        return 'sticky bottom-0';
-      default:
-        return 'relative';
-    }
-  };
-
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'left':
-        return 'justify-start';
-      case 'center':
-        return 'justify-center';
-      case 'right':
-        return 'justify-end';
-      case 'between':
-        return 'justify-between';
-      case 'around':
-        return 'justify-around';
-      case 'evenly':
-        return 'justify-evenly';
-      default:
-        return 'justify-center';
-    }
-  };
-
-  const getBackgroundClasses = (background: string): string => {
-    switch (background) {
-      case 'white':
-        return 'bg-background';
-      case 'gray':
-        return 'bg-muted';
-      case 'primary':
-        return 'bg-primary text-primary-foreground';
-      case 'secondary':
-        return 'bg-secondary text-secondary-foreground';
-      default:
-        return 'bg-transparent';
-    }
-  };
-
-  const getPaddingClasses = (padding: string): string => {
-    switch (padding) {
-      case 'none':
-        return 'p-0';
-      case 'sm':
-        return 'p-2';
-      case 'lg':
-        return 'p-6';
-      case 'xl':
-        return 'p-8';
-      default:
-        return 'p-4';
-    }
-  };
-
-  const getMarginClasses = (margin: string): string => {
-    switch (margin) {
-      case 'none':
-        return 'm-0';
-      case 'sm':
-        return 'm-2';
-      case 'md':
-        return 'm-4';
-      case 'lg':
-        return 'm-6';
-      case 'xl':
-        return 'm-8';
-      default:
-        return 'm-0';
-    }
-  };
-
-  const getHeightClasses = (height: string): string => {
-    switch (height) {
-      case 'sm':
-        return 'h-8';
-      case 'md':
-        return 'h-12';
-      case 'lg':
-        return 'h-16';
-      case 'xl':
-        return 'h-20';
-      default:
-        return 'h-auto';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:mb-4',
-      'print:border-black',
-      'print:bg-white',
-      'print:text-black'
-    );
-  };
-
-  const getBorderClasses = (): string => {
-    if (!showBorder) return '';
-    return 'border-t border-border';
-  };
-
-  return (
-    <footer
-      className={cn(
-        'print-footer',
-        'flex',
-        'items-center',
-        'w-full',
-        getPositionClasses(position),
-        getAlignmentClasses(align),
-        getBackgroundClasses(background),
-        getPaddingClasses(padding),
-        getMarginClasses(margin),
-        getHeightClasses(height),
-        getBorderClasses(),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {text && (
-        <PrintText variant="small" color="muted">
-          {text}
-        </PrintText>
-      )}
-      
-      {children}
-      
-      {showPageNumbers && (
-        <PrintPageNumber
-          format={pageNumberFormat}
-          template={pageNumberTemplate}
-          position={pageNumberPosition}
-          showTotal={showTotalPages}
-          printOptimized={printOptimized}
-        />
-      )}
-    </footer>
-  );
-}

package/src/components/PrintFooter/PrintFooterContent.tsx

@@ -1,71 +0,0 @@
-/**
- * @file PrintFooterContent Component
- * @package @jmruthers/pace-core
- * @module PrintFooterContent
- * @since 0.4.38
- * 
- * Print-optimized footer content component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintFooterContentProps } from './types';
-
-export function PrintFooterContent({
-  children,
-  align = 'left',
-  padding = 'none',
-  printOptimized = true,
-  className,
-  ...props
-}: PrintFooterContentProps) {
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'text-center';
-      case 'right':
-        return 'text-right';
-      default:
-        return 'text-left';
-    }
-  };
-
-  const getPaddingClasses = (padding: string): string => {
-    switch (padding) {
-      case 'none':
-        return 'p-0';
-      case 'sm':
-        return 'p-2';
-      case 'lg':
-        return 'p-6';
-      case 'xl':
-        return 'p-8';
-      default:
-        return 'p-4';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:text-sm',
-      'print:leading-tight'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-footer-content',
-        getAlignmentClasses(align),
-        getPaddingClasses(padding),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}

package/src/components/PrintFooter/PrintFooterInfo.tsx

@@ -1,86 +0,0 @@
-/**
- * @file PrintFooterInfo Component
- * @package @jmruthers/pace-core
- * @module PrintFooterInfo
- * @since 0.4.38
- * 
- * Print-optimized footer info component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintFooterInfoProps } from './types';
-
-export function PrintFooterInfo({
-  children,
-  align = 'left',
-  background = 'transparent',
-  showBorder = false,
-  printOptimized = true,
-  className,
-  ...props
-}: PrintFooterInfoProps) {
-  const getAlignmentClasses = (align: string): string => {
-    switch (align) {
-      case 'center':
-        return 'text-center';
-      case 'right':
-        return 'text-right';
-      default:
-        return 'text-left';
-    }
-  };
-
-  const getBackgroundClasses = (background: string): string => {
-    switch (background) {
-      case 'white':
-        return 'bg-background';
-      case 'gray':
-        return 'bg-muted';
-      case 'primary':
-        return 'bg-primary text-primary-foreground';
-      case 'secondary':
-        return 'bg-secondary text-secondary-foreground';
-      default:
-        return 'bg-transparent';
-    }
-  };
-
-  const getBorderClasses = (): string => {
-    if (!showBorder) return '';
-    return 'border border-border rounded';
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:text-sm',
-      'print:leading-tight',
-      'print:border-black',
-      'print:bg-white',
-      'print:text-black'
-    );
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-footer-info',
-        'p-3',
-        'rounded',
-        getAlignmentClasses(align),
-        getBackgroundClasses(background),
-        getBorderClasses(),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      <PrintText variant="small" color="muted">
-        {children}
-      </PrintText>
-    </div>
-  );
-}

package/src/components/PrintFooter/PrintPageNumber.tsx

@@ -1,90 +0,0 @@
-/**
- * @file PrintPageNumber Component
- * @package @jmruthers/pace-core
- * @module PrintPageNumber
- * @since 0.4.38
- * 
- * Print-optimized page number component.
- */
-
-import React from 'react';
-import { cn } from '../../utils/cn';
-import { PrintText } from '../PrintText';
-import { PrintPageNumberProps } from './types';
-
-export function PrintPageNumber({
-  children,
-  format = '1',
-  template,
-  position = 'right',
-  showTotal = false,
-  currentPage = 1,
-  totalPages = 1,
-  printOptimized = true,
-  className,
-  ...props
-}: PrintPageNumberProps) {
-  const getPositionClasses = (position: string): string => {
-    switch (position) {
-      case 'left':
-        return 'justify-start';
-      case 'center':
-        return 'justify-center';
-      default:
-        return 'justify-end';
-    }
-  };
-
-  const getPrintOptimizedClasses = (): string => {
-    if (!printOptimized) return '';
-    return cn(
-      'print:break-inside-avoid',
-      'print:text-sm',
-      'print:font-medium'
-    );
-  };
-
-  const formatPageNumber = (): string => {
-    if (template) {
-      return template
-        .replace('{current}', currentPage.toString())
-        .replace('{total}', totalPages.toString())
-        .replace('{page}', currentPage.toString());
-    }
-
-    switch (format) {
-      case '1 of 5':
-        return `${currentPage} of ${totalPages}`;
-      case 'Page 1':
-        return `Page ${currentPage}`;
-      case 'Page 1 of 5':
-        return `Page ${currentPage} of ${totalPages}`;
-      case '1/5':
-        return `${currentPage}/${totalPages}`;
-      case 'custom':
-        return template || currentPage.toString();
-      default:
-        return currentPage.toString();
-    }
-  };
-
-  return (
-    <div
-      className={cn(
-        'print-page-number',
-        'flex',
-        'items-center',
-        getPositionClasses(position),
-        getPrintOptimizedClasses(),
-        className
-      )}
-      {...props}
-    >
-      {children || (
-        <PrintText variant="small" color="muted">
-          {formatPageNumber()}
-        </PrintText>
-      )}
-    </div>
-  );
-}