@importcsv/react 0.2.11 → 0.2.13

package/build/react/importer/theme/presets.d.ts

@@ -1,314 +0,0 @@
-/**
- * Pre-built theme presets for the CSV Importer
- * Use these as starting points or use them directly
- */
-export declare const presets: {
-    default: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-    };
-    minimal: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-    };
-    modern: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-    };
-    compact: {
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        components: {
-            input: string;
-            card: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-    };
-    dark: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-    };
-    corporate: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-    };
-    playful: {
-        typography: {
-            title: string;
-            subtitle: string;
-            label: string;
-            body: string;
-            caption: string;
-        };
-        components: {
-            card: string;
-            input: string;
-            table: string;
-            tableHeader: string;
-            tableRow: string;
-        };
-        buttons: {
-            primary: string;
-            secondary: string;
-            outline: string;
-        };
-        spacing: {
-            page: string;
-            header: string;
-            content: string;
-            footer: string;
-            section: string;
-        };
-        layout: {
-            header: string;
-            subHeader: string;
-            content: string;
-            footer: string;
-            container: string;
-        };
-        colors: {
-            borderDefault: string;
-            bgPrimary: string;
-            bgSecondary: string;
-            bgHover: string;
-            textPrimary: string;
-            textSecondary: string;
-            textMuted: string;
-        };
-    };
-};

package/build/react/importer/theme/runtime.d.ts

@@ -1,62 +0,0 @@
-import { styles } from './styles';
-export interface SimpleTheme {
-    colors?: {
-        primary?: string;
-        primaryHover?: string;
-        background?: string;
-        foreground?: string;
-        border?: string;
-        error?: string;
-        success?: string;
-        warning?: string;
-    };
-    typography?: {
-        fontFamily?: string;
-        fontSize?: {
-            base?: string;
-            small?: string;
-            large?: string;
-        };
-    };
-    spacing?: {
-        compact?: boolean;
-        scale?: number;
-    };
-    components?: {
-        button?: {
-            variant?: 'solid' | 'outline' | 'ghost';
-            rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-        };
-        table?: {
-            striped?: boolean;
-            bordered?: boolean;
-            compact?: boolean;
-        };
-        modal?: {
-            blur?: boolean;
-            shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-        };
-        input?: {
-            variant?: 'outline' | 'filled' | 'underline';
-            rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
-        };
-    };
-}
-/**
- * Apply a theme to the importer
- * Can accept preset name, theme object, or partial overrides
- */
-export declare function applyTheme(container: HTMLElement, theme: string | SimpleTheme | typeof styles): void;
-/**
- * Get the current theme from a container
- */
-export declare function getCurrentTheme(container: HTMLElement): string | null;
-/**
- * Reset theme to default
- */
-export declare function resetTheme(container: HTMLElement): void;
-/**
- * Create a theme from a primary color
- * Generates a full theme based on a single color
- */
-export declare function createThemeFromColor(primaryColor: string): SimpleTheme;

package/build/react/importer/theme/styles.d.ts

@@ -1,120 +0,0 @@
-/**
- * Core styles for the CSV Importer
- * These styles ensure consistent appearance across all screens
- * Can be overridden via the theme prop
- */
-export declare const styles: {
-    typography: {
-        title: string;
-        subtitle: string;
-        label: string;
-        body: string;
-        caption: string;
-    };
-    spacing: {
-        page: string;
-        header: string;
-        content: string;
-        footer: string;
-        section: string;
-    };
-    layout: {
-        header: string;
-        subHeader: string;
-        content: string;
-        footer: string;
-        container: string;
-    };
-    colors: {
-        borderDefault: string;
-        bgPrimary: string;
-        bgSecondary: string;
-        bgHover: string;
-        textPrimary: string;
-        textSecondary: string;
-        textMuted: string;
-    };
-    components: {
-        card: string;
-        input: string;
-        table: string;
-        tableHeader: string;
-        tableRow: string;
-    };
-    buttons: {
-        primary: string;
-        secondary: string;
-        outline: string;
-    };
-};
-export declare const cssVariables: {
-    '--csv-color-primary': string;
-    '--csv-color-primary-hover': string;
-    '--csv-color-primary-foreground': string;
-    '--csv-color-secondary': string;
-    '--csv-color-secondary-foreground': string;
-    '--csv-color-background': string;
-    '--csv-color-foreground': string;
-    '--csv-color-border': string;
-    '--csv-color-muted': string;
-    '--csv-color-muted-foreground': string;
-    '--csv-font-family': string;
-    '--csv-font-size-xs': string;
-    '--csv-font-size-sm': string;
-    '--csv-font-size-base': string;
-    '--csv-font-size-lg': string;
-    '--csv-font-size-xl': string;
-    '--csv-spacing-xs': string;
-    '--csv-spacing-sm': string;
-    '--csv-spacing-md': string;
-    '--csv-spacing-lg': string;
-    '--csv-spacing-xl': string;
-    '--csv-radius-sm': string;
-    '--csv-radius-md': string;
-    '--csv-radius-lg': string;
-    '--csv-radius-xl': string;
-};
-export declare const designTokens: {
-    typography: {
-        title: string;
-        subtitle: string;
-        label: string;
-        body: string;
-        caption: string;
-    };
-    spacing: {
-        page: string;
-        header: string;
-        content: string;
-        footer: string;
-        section: string;
-    };
-    layout: {
-        header: string;
-        subHeader: string;
-        content: string;
-        footer: string;
-        container: string;
-    };
-    colors: {
-        borderDefault: string;
-        bgPrimary: string;
-        bgSecondary: string;
-        bgHover: string;
-        textPrimary: string;
-        textSecondary: string;
-        textMuted: string;
-    };
-    components: {
-        card: string;
-        input: string;
-        table: string;
-        tableHeader: string;
-        tableRow: string;
-    };
-    buttons: {
-        primary: string;
-        secondary: string;
-        outline: string;
-    };
-};

package/build/react/importer/types/index.d.ts

@@ -1,9 +0,0 @@
-import { Column } from '../../types';
-export type Template = {
-    columns: Column[];
-};
-export type UploadColumn = {
-    index: number;
-    name: string;
-    sample_data: string[];
-};

package/build/react/importer/utils/colorUtils.d.ts

@@ -1,48 +0,0 @@
-/**
- * Color utility functions for theme customization
- */
-/**
- * Validate hex color format
- */
-export declare function isValidColor(color: string): boolean;
-/**
- * Convert hex color to RGB
- */
-export declare function hexToRgb(hex: string): {
-    r: number;
-    g: number;
-    b: number;
-} | null;
-/**
- * Convert RGB to hex color
- */
-export declare function rgbToHex(r: number, g: number, b: number): string;
-/**
- * Lighten a color by a percentage
- */
-export declare function lightenColor(hex: string, percent: number): string;
-/**
- * Darken a color by a percentage
- */
-export declare function darkenColor(hex: string, percent: number): string;
-/**
- * Generate color palette from a base color
- */
-export declare function generateColorPalette(baseColor: string): {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-/**
- * Apply color palette to CSS variables
- * @param primaryColor - The primary color to generate palette from
- * @param targetElement - The element to apply styles to (defaults to a scoped container, not document root)
- */
-export declare function applyColorPalette(primaryColor: string, targetElement?: HTMLElement): void;

package/build/react/importer/utils/errorAnalysis.d.ts

@@ -1,25 +0,0 @@
-export interface ValidationError {
-    rowIndex: number;
-    columnKey: string;
-    message: string;
-    value?: any;
-}
-export interface ErrorGroup {
-    type: string;
-    title: string;
-    description: string;
-    count: number;
-    columns: string[];
-    errors: ValidationError[];
-    example?: {
-        before: string;
-        after: string;
-    };
-    selected: boolean;
-}
-export declare function analyzeValidationErrors(errors: ValidationError[]): ErrorGroup[];
-export declare function getErrorSummary(groups: ErrorGroup[]): string;
-export declare function getSelectedErrors(groups: ErrorGroup[]): ValidationError[];
-export declare function toggleErrorGroup(groups: ErrorGroup[], type: string): ErrorGroup[];
-export declare function setAllErrorGroups(groups: ErrorGroup[], selected: boolean): ErrorGroup[];
-export declare function countSelectedErrors(groups: ErrorGroup[]): number;

package/build/react/importer/utils/getStringLengthOfChildren.d.ts

@@ -1,2 +0,0 @@
-import { ComponentChildren } from '../../../react';
-export default function getStringLengthOfChildren(children: ComponentChildren): number;

package/build/react/importer/utils/stringSimilarity.d.ts

@@ -1 +0,0 @@
-export default function stringsSimilarity(s1: string, s2: string): number;

package/build/react/importer/utils/template.d.ts

@@ -1,2 +0,0 @@
-import { Template } from '../types';
-export declare function convertRawTemplate(rawTemplate?: Record<string, unknown> | string): [Template | null, string | null];

package/build/react/importer/utils/themeUtils.d.ts

@@ -1,21 +0,0 @@
-import { ThemeConfig } from '../../types/theme';
-/**
- * Deep merge two theme configurations
- */
-export declare function mergeThemes(base: ThemeConfig, override: ThemeConfig): ThemeConfig;
-/**
- * Generate CSS variables from theme configuration
- */
-export declare function generateThemeVariables(theme: ThemeConfig): Record<string, string>;
-/**
- * Apply CSS variables to an HTML element
- */
-export declare function applyThemeToElement(element: HTMLElement, variables: Record<string, string>): void;
-/**
- * Get computed theme value with fallback
- */
-export declare function getThemeValue(element: HTMLElement, variable: string, fallback?: string): string;
-/**
- * Create a theme from partial configuration
- */
-export declare function createTheme(partial: Partial<ThemeConfig>): ThemeConfig;

package/build/react/importer/utils/utils.d.ts

@@ -1,19 +0,0 @@
-/**
- * Parse JSON input that can be either an object or a string
- * @param param - The parameter to parse (object or JSON string)
- * @param options - Options for parsing
- * @returns Parsed object or stringified JSON based on options
- */
-export declare function parseJSON<T extends 'object' | 'string' = 'object'>(param?: Record<string, unknown> | string, options?: {
-    returnType?: T;
-    escapePercent?: boolean;
-}): T extends 'string' ? string : Record<string, unknown>;
-export declare const parseObjectOrStringJSON: (name: string, param?: Record<string, unknown> | string) => string;
-export declare const parseObjectOrStringJSONToRecord: (name: string, param?: Record<string, unknown> | string) => Record<string, unknown>;
-export declare const validateJSON: (str: string, paramName: string) => string;
-export declare const sanitizeKey: (input: string) => string;
-export declare const parseOptionalBoolean: (val?: boolean) => "true" | "false" | "";
-export declare const strToBoolean: (str: string) => boolean;
-export declare const strToOptionalBoolean: (str: string) => boolean | undefined;
-export declare const strToDefaultBoolean: (str: string, defaultValue: boolean) => boolean;
-export { isValidColor, darkenColor } from './colorUtils';

package/build/react/index.d.ts

@@ -1,5 +0,0 @@
-import { default as CSVImporter } from './components/CSVImporter';
-export { CSVImporter };
-export default CSVImporter;
-export { importcsvStyles } from './styles';
-export type { Column, Validator, Transformer } from './types';

package/build/react/js.d.ts

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

package/build/react/settings/defaults.d.ts

@@ -1,3 +0,0 @@
-import { CSVImporterProps } from '../types';
-declare const defaults: CSVImporterProps;
-export default defaults;