@importcsv/react 0.2.0 → 0.2.3

package/build/bundled/importer/components/ui/card.d.ts

@@ -0,0 +1,19 @@
+declare const Card: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const CardHeader: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const CardTitle: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: import('preact').Ref<HTMLParagraphElement> | undefined;
+}>;
+declare const CardDescription: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLParagraphElement>> & {
+    ref?: import('preact').Ref<HTMLParagraphElement> | undefined;
+}>;
+declare const CardContent: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const CardFooter: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/build/bundled/importer/components/ui/checkbox.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxProps extends JSX.HTMLAttributes<HTMLInputElement> {
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<CheckboxProps> & {
+    ref?: import('preact').Ref<HTMLInputElement> | undefined;
+}>;
+export { Checkbox };

package/build/bundled/importer/components/ui/dialog.d.ts

@@ -0,0 +1,38 @@
+import { h, ComponentChildren, JSX } from 'preact';
+interface DialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ComponentChildren;
+}
+declare const Dialog: ({ open, onOpenChange, children }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTrigger: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLButtonElement>> & {
+    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+}>;
+interface DialogContentProps extends JSX.HTMLAttributes<HTMLDialogElement> {
+    onClose?: () => void;
+}
+declare const DialogContent: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<DialogContentProps> & {
+    ref?: import('preact').Ref<HTMLDialogElement> | undefined;
+}>;
+declare const DialogHeader: {
+    ({ className, ...props }: JSX.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: JSX.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLHeadingElement>> & {
+    ref?: import('preact').Ref<HTMLHeadingElement> | undefined;
+}>;
+declare const DialogDescription: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLParagraphElement>> & {
+    ref?: import('preact').Ref<HTMLParagraphElement> | undefined;
+}>;
+declare const DialogPortal: ({ children }: {
+    children: ComponentChildren;
+}) => ComponentChildren;
+declare const DialogOverlay: () => null;
+declare const DialogClose: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLButtonElement>> & {
+    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+}>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/build/bundled/importer/components/ui/flex.d.ts

@@ -0,0 +1,23 @@
+interface FlexProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse";
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    wrap?: boolean;
+    gap?: number | string;
+}
+declare const Flex: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<FlexProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const Box: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const HStack: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Omit<FlexProps, "direction">> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const VStack: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<Omit<FlexProps, "direction">> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const Text: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export { Flex, Box, HStack, VStack, Text };

package/build/bundled/importer/components/ui/input.d.ts

@@ -0,0 +1,6 @@
+export interface InputProps extends JSX.HTMLAttributes<HTMLInputElement> {
+}
+declare const Input: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<InputProps> & {
+    ref?: import('preact').Ref<HTMLInputElement> | undefined;
+}>;
+export { Input };

package/build/bundled/importer/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+interface SelectProps extends JSX.SelectHTMLAttributes<HTMLSelectElement> {
+    placeholder?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+    onValueChange?: (value: string) => void;
+}
+declare const Select: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<SelectProps> & {
+    ref?: import('preact').Ref<HTMLSelectElement> | undefined;
+}>;
+export { Select };

package/build/bundled/importer/components/ui/switch.d.ts

@@ -0,0 +1,7 @@
+export interface SwitchProps extends Omit<JSX.HTMLAttributes<HTMLInputElement>, 'type'> {
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<SwitchProps> & {
+    ref?: import('preact').Ref<HTMLInputElement> | undefined;
+}>;
+export { Switch };

package/build/bundled/importer/components/ui/toast.d.ts

@@ -0,0 +1,22 @@
+import { h, JSX } from 'preact';
+export interface ToastProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'destructive';
+    onClose?: () => void;
+}
+declare const Toast: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ToastProps> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const ToastAction: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLButtonElement>> & {
+    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+}>;
+declare const ToastClose: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLButtonElement>> & {
+    ref?: import('preact').Ref<HTMLButtonElement> | undefined;
+}>;
+declare const ToastTitle: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const ToastDescription: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<h.JSX.HTMLAttributes<HTMLDivElement>> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+type ToastActionElement = JSX.Element<typeof ToastAction>;
+export { Toast, ToastAction, ToastClose, ToastTitle, ToastDescription, type ToastActionElement, };

package/build/bundled/importer/components/ui/tooltip.d.ts

@@ -0,0 +1,20 @@
+import { ComponentChildren } from 'preact';
+interface TooltipProps {
+    content: ComponentChildren;
+    children: ComponentChildren;
+    delayDuration?: number;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+declare const Tooltip: ({ content, children, delayDuration, side, className }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipProvider: ({ children }: {
+    children: ComponentChildren;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipRoot: ({ content, children, delayDuration, side, className }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const TooltipTrigger: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<any> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+declare const TooltipContent: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<any> & {
+    ref?: import('preact').Ref<HTMLDivElement> | undefined;
+}>;
+export { Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider };

package/build/{importer → bundled/importer}/components/ui/use-toast.d.ts

@@ -1,10 +1,12 @@
+import { ComponentChildren } from 'preact';
 import { ToastActionElement, ToastProps } from './toast';
-import * as React from "react";
 type ToasterToast = ToastProps & {
     id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
+    title?: ComponentChildren;
+    description?: ComponentChildren;
     action?: ToastActionElement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 };
 declare const actionTypes: {
     readonly ADD_TOAST: "ADD_TOAST";

package/build/{importer → bundled/importer}/features/uploader/types/index.d.ts

@@ -1,5 +1,5 @@
 import { Column } from '../../../../types';
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'preact/hooks';
 export type UploaderProps = {
     columns?: Column[];
     skipHeaderRowSelection: boolean;

package/build/bundled/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/{importer → bundled/importer}/hooks/useEventListener.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+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/{importer → bundled/importer}/hooks/useIsomorphicLayoutEffect.d.ts

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

package/build/bundled/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/bundled/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/bundled/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/bundled/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/bundled/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/bundled/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;