@importcsv/react 0.2.1 → 0.2.4

package/build/bundled/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/bundled/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/bundled/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/bundled/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/bundled/importer/utils/getStringLengthOfChildren.d.ts

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

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

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

package/build/bundled/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/bundled/importer/utils/themeUtils.d.ts

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

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