@importcsv/react 0.2.3 → 0.2.5

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

@@ -0,0 +1,66 @@
+/**
+ * Runtime theme utilities for dynamic styling
+ * Allows changing themes without re-rendering components
+ */
+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/importer/theme/styles.d.ts

@@ -0,0 +1,120 @@
+/**
+ * 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/importer/types/index.d.ts

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

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

@@ -0,0 +1,48 @@
+/**
+ * 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/importer/utils/errorAnalysis.d.ts

@@ -0,0 +1,25 @@
+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/importer/utils/getStringLengthOfChildren.d.ts

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+/**
+ * Theme utility functions for the CSV Importer
+ */
+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/importer/utils/utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.css";
+import CSVImporter from "./components/CSVImporter";
+export { CSVImporter };
+export default CSVImporter;
+export { importcsvStyles } from "./styles";
+export type { Column, Validator, Transformer } from "./types";

package/build/index.dev.d.ts

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

package/build/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/preact/importer/components/ui/use-toast.d.ts

@@ -36,7 +36,7 @@ type Toast = Omit<ToasterToast, "id">;
 declare function toast({ ...props }: Toast): {
     id: string;
     dismiss: () => void;
-    update: (props: ToasterToast) => void;
+    update: () => void;
 };
 declare function useToast(): {
     toast: typeof toast;