@importcsv/react 0.2.11 → 0.2.14

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/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;

package/build/react/shims/react-compat-types-shim.d.ts

@@ -1,67 +0,0 @@
-// TypeScript type shim to bridge Preact and React types
-// This allows Preact code to use React type definitions
-// Based on HelloCSV's approach: https://github.com/HelloCSV/HelloCSV
-
-// Declare that Preact modules export React types
-declare module '../../react' {
-  export * from 'react';
-}
-
-declare module './react-hooks-shim.js' {
-  export * from 'react';
-}
-
-declare module './react-compat-shim.js' {
-  export * from 'react';
-  export { createPortal } from 'react-dom';
-}
-
-declare module '../../react/jsx-runtime' {
-  export * from 'react/jsx-runtime';
-}
-
-declare module '../../react/jsx-dev-runtime' {
-  export * from 'react/jsx-dev-runtime';
-}
-
-// Type augmentations to handle Preact-specific types
-declare module '../../react' {
-  import type { ReactNode, ReactElement } from 'react';
-
-  // Map Preact's ComponentChildren to React's ReactNode
-  export interface ComponentChildren extends ReactNode {}
-
-  // Ensure VNode is compatible with ReactElement
-  export interface VNode extends ReactElement {}
-}
-
-// Extend global JSX namespace to include React types
-declare global {
-  namespace JSX {
-    // Import React's JSX types
-    interface IntrinsicElements extends React.JSX.IntrinsicElements {}
-    interface Element extends React.ReactElement {}
-    interface ElementClass extends React.Component<any> {}
-    interface ElementAttributesProperty extends React.Component<any> {}
-    interface ElementChildrenAttribute extends React.Component<any> {}
-
-    // HTML attribute interfaces
-    interface HTMLAttributes<T> extends React.HTMLAttributes<T> {}
-    interface SVGAttributes<T> extends React.SVGAttributes<T> {}
-    interface DOMAttributes<T> extends React.DOMAttributes<T> {}
-    interface CSSProperties extends React.CSSProperties {}
-  }
-}
-
-// Make common React types globally available for files that use them without imports
-declare global {
-  type ReactElement = React.ReactElement;
-  type ReactNode = React.ReactNode;
-  type PropsWithChildren<P = {}> = P & { children?: React.ReactNode };
-  type ComponentChildren = React.ReactNode;
-  type FunctionComponent<P = {}> = React.FC<P>;
-  type FC<P = {}> = React.FC<P>;
-}
-
-// Export to make this a module
-export {};

package/build/react/styles.d.ts

@@ -1 +0,0 @@
-export declare const importcsvStyles: string;

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

@@ -1,132 +0,0 @@
-import { ThemeConfig } from './theme';
-export interface Column {
-    id: string;
-    label: string;
-    type?: 'string' | 'number' | 'email' | 'date' | 'phone' | 'select';
-    validators?: Validator[];
-    transformations?: Transformer[];
-    options?: string[];
-    description?: string;
-    placeholder?: string;
-}
-export type Validator = {
-    type: 'required';
-    message?: string;
-} | {
-    type: 'unique';
-    message?: string;
-} | {
-    type: 'regex';
-    pattern: string;
-    message?: string;
-} | {
-    type: 'min';
-    value: number;
-    message?: string;
-} | {
-    type: 'max';
-    value: number;
-    message?: string;
-} | {
-    type: 'min_length';
-    value: number;
-    message?: string;
-} | {
-    type: 'max_length';
-    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;
-    label?: string;
-    include: boolean;
-    selected?: boolean;
-}
-export interface ColumnMappingDictionary {
-    [uploadColumnIndex: number]: ColumnMapping;
-}
-type ModalParams = {
-    isModal?: boolean;
-    modalIsOpen?: boolean;
-    modalOnCloseTriggered?: () => void;
-    modalCloseOnOutsideClick?: boolean;
-};
-type CustomTranslationResource = {
-    [language: string]: {
-        [key: string]: string;
-    };
-};
-export type CSVImporterProps = {
-    columns?: Column[];
-    importerKey?: string;
-    onComplete?: (data: any) => void;
-    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?: {
-        fileName: string;
-        csvContent: string;
-    };
-} & ModalParams;
-export {};

package/build/react/types/style.d.ts

@@ -1,13 +0,0 @@
-// Treat CSS Modules as class maps
-declare module '*.module.css' {
-  const classes: { readonly [className: string]: string };
-  export default classes;
-}
-
-// Non-module styles are plain strings
-declare module '*.css' {
-  const content: string;
-  export default content;
-}
-
-