@importcsv/react 0.2.0 → 0.2.3

package/build/bundled/js.d.ts

@@ -0,0 +1,12 @@
+import { CSVImporterProps } from './types';
+type CreateImporterProps = CSVImporterProps & {
+    domElement?: Element;
+};
+export declare function createCSVImporter(props: CreateImporterProps): {
+    instance: (import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<CSVImporterProps> & {
+        ref?: import('preact').Ref<unknown> | undefined;
+    }> & HTMLDialogElement) | null;
+    showModal: () => void;
+    closeModal: () => void;
+};
+export {};

package/build/{types → bundled/types}/index.d.ts

@@ -1,3 +1,4 @@
+import { ThemeConfig } from './theme';
 export interface Column {
     id: string;
     label: string;
@@ -35,31 +36,42 @@ export type Validator = {
     value: number;
     message?: string;
 };
+export type TransformationStage = 'pre' | 'post';
 export type Transformer = {
     type: 'trim';
+    stage?: TransformationStage;
 } | {
     type: 'uppercase';
+    stage?: TransformationStage;
 } | {
     type: 'lowercase';
+    stage?: TransformationStage;
 } | {
     type: 'capitalize';
+    stage?: TransformationStage;
 } | {
     type: 'remove_special_chars';
+    stage?: TransformationStage;
 } | {
     type: 'normalize_phone';
+    stage?: TransformationStage;
 } | {
     type: 'normalize_date';
     format?: string;
+    stage?: TransformationStage;
 } | {
     type: 'default';
     value: string;
+    stage?: TransformationStage;
 } | {
     type: 'replace';
     find: string;
     replace: string;
+    stage?: TransformationStage;
 } | {
     type: 'custom';
     fn: (value: any) => any;
+    stage?: TransformationStage;
 };
 export interface ColumnMapping {
     id: string;
@@ -88,13 +100,28 @@ export type CSVImporterProps = {
     backendUrl?: string;
     user?: Record<string, any>;
     metadata?: Record<string, any>;
+    theme?: ThemeConfig | 'default' | 'minimal' | 'modern' | 'compact' | 'dark';
     darkMode?: boolean;
     primaryColor?: string;
     className?: string;
     customStyles?: Record<string, string> | string;
+    classNames?: {
+        root?: string;
+        modal?: string;
+        header?: string;
+        stepper?: string;
+        content?: string;
+        footer?: string;
+        button?: string;
+        input?: string;
+        table?: string;
+        dropzone?: string;
+    };
     showDownloadTemplateButton?: boolean;
     skipHeaderRowSelection?: boolean;
     waitOnComplete?: boolean;
+    invalidRowHandling?: 'include' | 'exclude' | 'block';
+    includeUnmatchedColumns?: boolean;
     language?: string;
     customTranslations?: CustomTranslationResource;
     demoData?: {

package/build/bundled/types/theme.d.ts

@@ -0,0 +1,153 @@
+/**
+ * Theme configuration types for CSV Importer
+ */
+export interface ThemeConfig {
+    colors?: {
+        primary?: string;
+        primaryHover?: string;
+        primaryForeground?: string;
+        secondary?: string;
+        secondaryHover?: string;
+        secondaryForeground?: string;
+        background?: string;
+        foreground?: string;
+        card?: string;
+        cardForeground?: string;
+        border?: string;
+        input?: string;
+        ring?: string;
+        muted?: string;
+        mutedForeground?: string;
+        accent?: string;
+        accentForeground?: string;
+        destructive?: string;
+        destructiveForeground?: string;
+        success?: string;
+        successForeground?: string;
+        warning?: string;
+        warningForeground?: string;
+        info?: string;
+        infoForeground?: string;
+    };
+    typography?: {
+        fontFamily?: string;
+        fontFamilyMono?: string;
+        fontSize?: {
+            xs?: string;
+            sm?: string;
+            base?: string;
+            lg?: string;
+            xl?: string;
+            '2xl'?: string;
+            '3xl'?: string;
+        };
+        fontWeight?: {
+            light?: number;
+            normal?: number;
+            medium?: number;
+            semibold?: number;
+            bold?: number;
+        };
+        lineHeight?: {
+            tight?: string;
+            normal?: string;
+            relaxed?: string;
+        };
+    };
+    spacing?: {
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        '2xl'?: string;
+        '3xl'?: string;
+    };
+    borders?: {
+        radius?: {
+            none?: string;
+            sm?: string;
+            md?: string;
+            lg?: string;
+            xl?: string;
+            full?: string;
+        };
+        width?: {
+            none?: string;
+            thin?: string;
+            medium?: string;
+            thick?: string;
+        };
+    };
+    components?: {
+        button?: {
+            padding?: string;
+            fontSize?: string;
+            fontWeight?: string;
+            borderRadius?: string;
+            height?: string;
+            minWidth?: string;
+        };
+        input?: {
+            padding?: string;
+            fontSize?: string;
+            borderRadius?: string;
+            borderWidth?: string;
+            height?: string;
+            background?: string;
+        };
+        modal?: {
+            width?: string;
+            maxWidth?: string;
+            maxHeight?: string;
+            padding?: string;
+            borderRadius?: string;
+            backdropOpacity?: string;
+        };
+        table?: {
+            headerBackground?: string;
+            headerForeground?: string;
+            rowHoverBackground?: string;
+            borderColor?: string;
+            cellPadding?: string;
+        };
+        stepper?: {
+            activeColor?: string;
+            inactiveColor?: string;
+            completedColor?: string;
+            lineColor?: string;
+            dotSize?: string;
+        };
+        dropzone?: {
+            borderStyle?: string;
+            borderColor?: string;
+            borderColorHover?: string;
+            backgroundColor?: string;
+            backgroundColorHover?: string;
+            padding?: string;
+            borderRadius?: string;
+        };
+    };
+    shadows?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+    };
+    animations?: {
+        duration?: {
+            fast?: string;
+            normal?: string;
+            slow?: string;
+        };
+        easing?: string;
+    };
+}
+export declare const defaultTheme: ThemeConfig;
+export declare const presetThemes: {
+    default: ThemeConfig;
+    minimal: ThemeConfig;
+    modern: ThemeConfig;
+    compact: ThemeConfig;
+    dark: ThemeConfig;
+};

package/build/bundled/validation/transformationStages.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Transformation stage definitions for smart auto-detection
+ *
+ * Pre-validation transformations clean and normalize data before validation rules are applied.
+ * Post-validation transformations enrich and format data after validation passes.
+ */
+/**
+ * Transformations that should run BEFORE validation
+ * These typically clean or normalize input to prepare it for validation
+ */
+export declare const PRE_VALIDATION_TRANSFORMS: readonly ["trim", "uppercase", "lowercase", "remove_special_chars", "normalize_phone", "normalize_date"];
+/**
+ * Transformations that should run AFTER validation
+ * These typically format, enrich, or provide defaults for valid data
+ */
+export declare const POST_VALIDATION_TRANSFORMS: readonly ["default", "capitalize", "replace", "custom"];
+export type PreValidationTransform = typeof PRE_VALIDATION_TRANSFORMS[number];
+export type PostValidationTransform = typeof POST_VALIDATION_TRANSFORMS[number];
+/**
+ * Check if a transformation type should run before validation
+ */
+export declare function isPreValidationTransform(type: string): boolean;
+/**
+ * Check if a transformation type should run after validation
+ */
+export declare function isPostValidationTransform(type: string): boolean;

package/build/bundled/validation/transformer.d.ts

@@ -0,0 +1,17 @@
+import { Transformer } from '../types';
+/**
+ * Apply transformations to a value
+ * @param value The value to transform
+ * @param transformations Array of transformations to apply
+ * @returns Transformed value
+ */
+export declare function applyTransformations(value: any, transformations?: Transformer[]): any;
+/**
+ * Categorize transformations into pre-validation and post-validation stages
+ * @param transformations Array of transformations to categorize
+ * @returns Object with pre and post transformation arrays
+ */
+export declare function categorizeTransformations(transformations?: Transformer[]): {
+    pre: Transformer[];
+    post: Transformer[];
+};