@importcsv/react 0.2.0 → 0.2.3

package/build/preact/importer/features/validation/components/TransformModal.d.ts

@@ -0,0 +1,18 @@
+import { TransformationChange } from '../../../services/transformation';
+interface TransformModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    data: any[];
+    columnMapping: Record<string, any>;
+    backendUrl: string;
+    importerKey: string;
+    validationErrors?: Array<{
+        rowIndex: number;
+        columnKey: string;
+        message: string;
+        value?: any;
+    }>;
+    onApplyTransformations: (changes: TransformationChange[]) => void;
+}
+export default function TransformModal({ isOpen, onClose, data, columnMapping, backendUrl, importerKey, validationErrors, onApplyTransformations }: TransformModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/preact/importer/features/validation/components/TransformPanel.d.ts

@@ -0,0 +1,18 @@
+import { TransformationChange } from '../../../services/transformation';
+interface TransformPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    data: any[];
+    columnMapping: Record<string, any>;
+    backendUrl: string;
+    importerKey: string;
+    validationErrors?: Array<{
+        rowIndex: number;
+        columnKey: string;
+        message: string;
+        value?: any;
+    }>;
+    onApplyTransformations: (changes: TransformationChange[]) => void;
+}
+export default function TransformPanel({ isOpen, onClose, data, columnMapping, backendUrl, importerKey, validationErrors, onApplyTransformations }: TransformPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/preact/importer/features/validation/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Validation';

package/build/preact/importer/features/validation/types.d.ts

@@ -0,0 +1,32 @@
+import { FileData } from '../main/types';
+import { TemplateColumnMapping } from '../map-columns/types';
+import { Column } from '../../../types';
+export interface ValidationError {
+    rowIndex: number;
+    columnIndex: number;
+    message: string;
+    value: string | number;
+}
+export interface ValidationProps {
+    columns?: Column[];
+    data: FileData;
+    columnMapping: {
+        [index: number]: TemplateColumnMapping;
+    };
+    selectedHeaderRow: number | null;
+    onSuccess: (validData: any) => void;
+    onCancel: () => void;
+    isSubmitting: boolean;
+    backendUrl?: string;
+    importerKey?: string;
+    filterInvalidRows?: boolean;
+    disableOnInvalidRows?: boolean;
+}
+export interface ValidationState {
+    errors: ValidationError[];
+    editedValues: {
+        [rowIndex: number]: {
+            [columnIndex: number]: string | number;
+        };
+    };
+}

package/build/preact/importer/hooks/useClickOutside.d.ts

@@ -0,0 +1 @@
+export default function useClickOutside(ref: any | null, callback: (...args: any[]) => any): void;

package/build/preact/importer/hooks/useCustomStyles.d.ts

@@ -0,0 +1 @@
+export default function useCustomStyles(customStyles?: string, targetElement?: HTMLElement | null): void;

package/build/preact/importer/hooks/useEventListener.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'preact/hooks';
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>): void;
+export default useEventListener;

package/build/preact/importer/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'preact/hooks';
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/build/preact/importer/hooks/useRect.d.ts

@@ -0,0 +1,12 @@
+type Size = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+declare function useRect<T extends HTMLElement = HTMLDivElement>(): [(node: T | null) => void, Size, Function];
+export default useRect;

package/build/preact/importer/hooks/useWindowSize.d.ts

@@ -0,0 +1 @@
+export default function useWindowSize(): number[];

package/build/preact/importer/providers/Theme.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'preact';
+import { ThemeProps } from './types';
+import { ThemeConfig, presetThemes } from '../../types/theme';
+export interface ThemeProviderProps extends ThemeProps {
+    theme?: ThemeConfig | keyof typeof presetThemes;
+    primaryColor?: string;
+    customStyles?: Record<string, string> | string;
+    targetElement?: HTMLElement;
+}
+export default function ThemeProvider({ children, theme, primaryColor, customStyles, targetElement }: ThemeProviderProps): JSX.Element;

package/build/preact/importer/providers/index.d.ts

@@ -0,0 +1,5 @@
+import { ProvidersProps } from './types';
+import { ThemeProviderProps } from './Theme';
+export interface ProvidersWithThemeProps extends ProvidersProps, ThemeProviderProps {
+}
+export default function Providers({ children, theme, primaryColor, customStyles, targetElement }: ProvidersWithThemeProps): import("react/jsx-runtime").JSX.Element;

package/build/preact/importer/providers/types/index.d.ts

@@ -0,0 +1,10 @@
+import { ComponentChildren } from 'preact';
+export type ProvidersProps = {
+    children: ComponentChildren;
+};
+export type QueriesProps = {
+    children: ComponentChildren;
+};
+export type ThemeProps = {
+    children: ComponentChildren;
+};

package/build/preact/importer/services/api.d.ts

@@ -0,0 +1 @@
+export {};

package/build/preact/importer/services/mapping.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Column mapping service with optional LLM enhancement
+ */
+export interface MappingSuggestion {
+    uploadIndex: number;
+    templateKey: string;
+    confidence: number;
+}
+/**
+ * Get enhanced column mapping suggestions from the backend
+ *
+ * @param uploadColumns - Array of upload columns with name and sample_data
+ * @param templateColumns - Array of Column objects with id, label, and validators
+ * @param backendUrl - Backend API URL
+ * @param importerKey - Importer key for authentication
+ * @returns Array of mapping suggestions or empty array on error
+ */
+export declare function getMappingSuggestions(uploadColumns: any[], templateColumns: any[], backendUrl?: string, importerKey?: string): Promise<MappingSuggestion[]>;
+/**
+ * Apply mapping suggestions to the current state
+ * Only applies high-confidence suggestions that don't conflict
+ *
+ * @param suggestions - Array of mapping suggestions
+ * @param currentValues - Current mapping values
+ * @param usedTemplateKeys - Set of already used template keys
+ * @param handleTemplateChange - Function to update a column mapping
+ * @returns Number of mappings applied
+ */
+export declare function applyMappingSuggestions(suggestions: MappingSuggestion[], currentValues: {
+    [key: number]: any;
+}, usedTemplateKeys: Set<string>, handleTemplateChange: (uploadIndex: number, templateKey: string) => void): number;

package/build/preact/importer/services/transformation.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Natural language data transformation service
+ */
+export interface TransformationChange {
+    rowIndex: number;
+    columnKey: string;
+    columnIndex?: number;
+    oldValue: any;
+    newValue: any;
+    confidence: number;
+    selected: boolean;
+}
+export interface TransformationResponse {
+    success: boolean;
+    changes: TransformationChange[];
+    summary: string;
+    error?: string;
+    tokensUsed?: number;
+}
+export interface ValidationError {
+    rowIndex: number;
+    columnKey: string;
+    message: string;
+    value?: any;
+}
+export interface TransformationRequest {
+    prompt: string;
+    data: any[];
+    columnMapping: Record<string, any>;
+    targetColumns?: string[];
+    validationErrors?: ValidationError[];
+}
+/**
+ * Generate data transformations based on natural language prompt
+ *
+ * @param prompt - Natural language description of the transformation
+ * @param data - Current data rows
+ * @param columnMapping - Mapping of columns
+ * @param backendUrl - Backend API URL
+ * @param importerKey - Importer key for authentication
+ * @param targetColumns - Optional specific columns to transform
+ * @param validationErrors - Optional validation errors for context
+ * @returns Transformation preview with changes
+ */
+export declare function generateTransformations(prompt: string, data: any[], columnMapping: Record<string, any>, backendUrl: string, importerKey: string, targetColumns?: string[], validationErrors?: ValidationError[]): Promise<TransformationResponse>;
+/**
+ * Apply selected transformations to the data
+ *
+ * @param data - Original data rows
+ * @param changes - List of transformation changes
+ * @param onlySelected - Whether to apply only selected changes
+ * @returns Modified data with transformations applied
+ */
+export declare function applyTransformations(data: any[], changes: TransformationChange[], onlySelected?: boolean): any[];
+/**
+ * Count selected changes
+ */
+export declare function countSelectedChanges(changes: TransformationChange[]): number;
+/**
+ * Toggle selection for a specific change
+ */
+export declare function toggleChangeSelection(changes: TransformationChange[], index: number): TransformationChange[];
+/**
+ * Select or deselect all changes
+ */
+export declare function setAllChangesSelection(changes: TransformationChange[], selected: boolean): TransformationChange[];
+/**
+ * Common transformation prompts for quick access
+ */
+export declare const COMMON_PROMPTS: string[];

package/build/preact/importer/settings/theme/colors.d.ts

@@ -0,0 +1,4 @@
+export declare const colors: {
+    primary: string;
+    error: string;
+};

package/build/preact/importer/settings/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './colors';
+export * from './sizes';

package/build/preact/importer/settings/theme/sizes.d.ts

@@ -0,0 +1,7 @@
+export declare const sizes: {
+    icon: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+};

package/build/preact/importer/stores/theme.d.ts

@@ -0,0 +1,17 @@
+type Theme = "dark" | "light";
+type themeStoreType = {
+    theme: Theme;
+    setTheme: (theme?: Theme) => void;
+};
+declare const useThemeStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<themeStoreType>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<themeStoreType, themeStoreType>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: themeStoreType) => void) => () => void;
+        onFinishHydration: (fn: (state: themeStoreType) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<themeStoreType, themeStoreType>>;
+    };
+}>;
+export default useThemeStore;

package/build/preact/importer/theme/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Theme module exports
+ * Central export point for all theme-related functionality
+ */
+export { styles, designTokens, cssVariables } from './styles';
+export { presets } from './presets';
+export { applyTheme, getCurrentTheme, resetTheme, createThemeFromColor, type SimpleTheme } from './runtime';
+export { styles as default } from './styles';

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

@@ -0,0 +1,314 @@
+/**
+ * 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/preact/importer/theme/runtime.d.ts

@@ -0,0 +1,62 @@
+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;