@importcsv/react 0.1.17 → 0.2.1

package/build/components/CSVImporter/index.d.ts

@@ -1,35 +1,32 @@
-import React from "react";
-import "../../index.css";
-import "../../importer/style/index.scss";
-import "./style/csv-importer.css";
-declare const CSVImporter: React.ForwardRefExoticComponent<{
-    darkMode?: boolean | undefined;
-    primaryColor?: string | undefined;
-    className?: string | undefined;
-    onComplete?: ((data: any) => void) | undefined;
-    waitOnComplete?: boolean | undefined;
-    customStyles?: string | Record<string, string> | undefined;
-    showDownloadTemplateButton?: boolean | undefined;
-    skipHeaderRowSelection?: boolean | undefined;
-    language?: string | undefined;
-    customTranslations?: {
-        [language: string]: {
-            [key: string]: string;
-        };
-    } | undefined;
-    importerKey?: string | undefined;
-    backendUrl?: string | undefined;
-    user?: Record<string, any> | undefined;
-    metadata?: Record<string, any> | undefined;
-    useIframe?: boolean | undefined;
-    demoData?: {
-        fileName: string;
-        csvContent: string;
-    } | undefined;
-} & {
-    isModal?: boolean | undefined;
-    modalIsOpen?: boolean | undefined;
-    modalOnCloseTriggered?: (() => void) | undefined;
-    modalCloseOnOutsideClick?: boolean | undefined;
-} & React.RefAttributes<unknown>>;
-export default CSVImporter;
+import { default as React } from 'react';
+declare const CSVImporter: React.ForwardRefExoticComponent<{
+    columns?: import('../../types').Column[] | undefined;
+    importerKey?: string | undefined;
+    onComplete?: ((data: any) => void) | undefined;
+    backendUrl?: string | undefined;
+    user?: Record<string, any> | undefined;
+    metadata?: Record<string, any> | undefined;
+    darkMode?: boolean | undefined;
+    primaryColor?: string | undefined;
+    className?: string | undefined;
+    customStyles?: string | Record<string, string> | undefined;
+    showDownloadTemplateButton?: boolean | undefined;
+    skipHeaderRowSelection?: boolean | undefined;
+    waitOnComplete?: boolean | undefined;
+    language?: string | undefined;
+    customTranslations?: {
+        [language: string]: {
+            [key: string]: string;
+        };
+    } | undefined;
+    demoData?: {
+        fileName: string;
+        csvContent: string;
+    } | undefined;
+} & {
+    isModal?: boolean | undefined;
+    modalIsOpen?: boolean | undefined;
+    modalOnCloseTriggered?: (() => void) | undefined;
+    modalCloseOnOutsideClick?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export default CSVImporter;

package/build/i18n/de.d.ts

@@ -1,32 +1,32 @@
-declare const translations: {
-    Upload: string;
-    "Select Header": string;
-    "Map Columns": string;
-    "Expected Column": string;
-    Required: string;
-    "Drop your file here": string;
-    or: string;
-    "Browse files": string;
-    "Download Template": string;
-    "Only CSV, XLS, and XLSX files can be uploaded": string;
-    "Select Header Row": string;
-    "Select the row which contains the column headers": string;
-    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
-    Cancel: string;
-    Continue: string;
-    "Your File Column": string;
-    "Your Sample Data": string;
-    "Destination Column": string;
-    Include: string;
-    Submit: string;
-    "Loading...": string;
-    "Please include all required columns": string;
-    Back: string;
-    "- Select one -": string;
-    "- empty -": string;
-    "Import Successful": string;
-    "Upload Successful": string;
-    Done: string;
-    "Upload another file": string;
-};
-export default translations;
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/i18n/es.d.ts

@@ -1,32 +1,32 @@
-declare const translations: {
-    Upload: string;
-    "Select Header": string;
-    "Map Columns": string;
-    "Expected Column": string;
-    Required: string;
-    "Drop your file here": string;
-    or: string;
-    "Browse files": string;
-    "Download Template": string;
-    "Only CSV, XLS, and XLSX files can be uploaded": string;
-    "Select Header Row": string;
-    "Select the row which contains the column headers": string;
-    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
-    Cancel: string;
-    Continue: string;
-    "Your File Column": string;
-    "Your Sample Data": string;
-    "Destination Column": string;
-    Include: string;
-    Submit: string;
-    "Loading...": string;
-    "Please include all required columns": string;
-    Back: string;
-    "- Select one -": string;
-    "- empty -": string;
-    "Import Successful": string;
-    "Upload Successful": string;
-    Done: string;
-    "Upload another file": string;
-};
-export default translations;
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/i18n/fr.d.ts

@@ -1,32 +1,32 @@
-declare const translations: {
-    Upload: string;
-    "Select Header": string;
-    "Map Columns": string;
-    "Expected Column": string;
-    Required: string;
-    "Drop your file here": string;
-    or: string;
-    "Browse files": string;
-    "Download Template": string;
-    "Only CSV, XLS, and XLSX files can be uploaded": string;
-    "Select Header Row": string;
-    "Select the row which contains the column headers": string;
-    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
-    Cancel: string;
-    Continue: string;
-    "Your File Column": string;
-    "Your Sample Data": string;
-    "Destination Column": string;
-    Include: string;
-    Submit: string;
-    "Loading...": string;
-    "Please include all required columns": string;
-    Back: string;
-    "- Select one -": string;
-    "- empty -": string;
-    "Import Successful": string;
-    "Upload Successful": string;
-    Done: string;
-    "Upload another file": string;
-};
-export default translations;
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/i18n/i18n.d.ts

@@ -1,6 +1,6 @@
-declare const dummyI18n: {
-    t: (key: string, options?: any) => string;
-    changeLanguage: () => Promise<void>;
-    addResourceBundle: () => boolean;
-};
-export default dummyI18n;
+declare const dummyI18n: {
+    t: (key: string, options?: any) => string;
+    changeLanguage: () => Promise<void>;
+    addResourceBundle: () => boolean;
+};
+export default dummyI18n;

package/build/i18n/it.d.ts

@@ -1,32 +1,32 @@
-declare const translations: {
-    Upload: string;
-    "Select Header": string;
-    "Map Columns": string;
-    "Expected Column": string;
-    Required: string;
-    "Drop your file here": string;
-    or: string;
-    "Browse files": string;
-    "Download Template": string;
-    "Only CSV, XLS, and XLSX files can be uploaded": string;
-    "Select Header Row": string;
-    "Select the row which contains the column headers": string;
-    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
-    Cancel: string;
-    Continue: string;
-    "Your File Column": string;
-    "Your Sample Data": string;
-    "Destination Column": string;
-    Include: string;
-    Submit: string;
-    "Loading...": string;
-    "Please include all required columns": string;
-    Back: string;
-    "- Select one -": string;
-    "- empty -": string;
-    "Import Successful": string;
-    "Upload Successful": string;
-    Done: string;
-    "Upload another file": string;
-};
-export default translations;
+declare const translations: {
+    Upload: string;
+    "Select Header": string;
+    "Map Columns": string;
+    "Expected Column": string;
+    Required: string;
+    "Drop your file here": string;
+    or: string;
+    "Browse files": string;
+    "Download Template": string;
+    "Only CSV, XLS, and XLSX files can be uploaded": string;
+    "Select Header Row": string;
+    "Select the row which contains the column headers": string;
+    "Only the first sheet ("{{sheet}}") of the Excel file will be imported. To import multiple sheets, please upload each sheet individually.": string;
+    Cancel: string;
+    Continue: string;
+    "Your File Column": string;
+    "Your Sample Data": string;
+    "Destination Column": string;
+    Include: string;
+    Submit: string;
+    "Loading...": string;
+    "Please include all required columns": string;
+    Back: string;
+    "- Select one -": string;
+    "- empty -": string;
+    "Import Successful": string;
+    "Upload Successful": string;
+    Done: string;
+    "Upload another file": string;
+};
+export default translations;

package/build/i18n/useTranslation.d.ts

@@ -1,9 +1,9 @@
-export declare const useTranslation: () => {
-    t: (key: string, options?: any) => string;
-    i18n: {
-        t: (key: string, options?: any) => string;
-        changeLanguage: () => Promise<void>;
-        addResourceBundle: () => boolean;
-    };
-};
-export default useTranslation;
+export declare const useTranslation: () => {
+    t: (key: string, options?: any) => string;
+    i18n: {
+        t: (key: string, options?: any) => string;
+        changeLanguage: () => Promise<void>;
+        addResourceBundle: () => boolean;
+    };
+};
+export default useTranslation;

package/build/importer/components/Box/index.d.ts

@@ -1,2 +1,2 @@
-import { BoxProps } from "./types";
-export default function Box({ className, variants, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+import { BoxProps } from './types';
+export default function Box({ className, variants, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Box/types/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export type BoxVariant = "fluid" | "mid" | "wide" | "space-l" | "space-mid" | "space-none" | "bg-shade";
-export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
-    variants?: BoxVariant[];
-};
-export declare const boxVariants: BoxVariant[];
+/// <reference types="react" />
+export type BoxVariant = "fluid" | "mid" | "wide" | "space-l" | "space-mid" | "space-none" | "bg-shade";
+export type BoxProps = React.HTMLAttributes<HTMLDivElement> & {
+    variants?: BoxVariant[];
+};
+export declare const boxVariants: BoxVariant[];

package/build/importer/components/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxProps } from "./types";
-export default function Checkbox({ label, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+import { CheckboxProps } from './types';
+export default function Checkbox({ label, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Checkbox/types/index.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactElement } from "react";
-export type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
-    label?: string | ReactElement;
-};
+import { InputHTMLAttributes, ReactElement } from 'react';
+export type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string | ReactElement;
+};

package/build/importer/components/Errors/index.d.ts

@@ -1,4 +1,4 @@
-export default function Errors({ error, centered }: {
-    error?: unknown;
-    centered?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
+export default function Errors({ error, centered }: {
+    error?: unknown;
+    centered?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/importer/components/IframeWrapper/index.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-/**
- * IframeWrapper Component
- *
- * Provides complete CSS isolation for the importer by rendering content inside an iframe.
- * This follows industry best practices used by embedded SaaS tools like TableFlow,
- * Intercom, Zendesk, and Stripe.
- *
- * Key benefits:
- * - Complete CSS isolation from parent application
- * - Prevents parent styles (e.g., container max-width) from affecting the importer
- * - Only copies external stylesheets from parent document into iframe
- * - Maintains React context and functionality through react-frame-component
- * - Prevents style leakage between iframe and parent document
- *
- * @param children - React components to render inside the iframe
- * @param className - Optional CSS class for the iframe element
- */
-interface IframeWrapperProps {
-    children: React.ReactNode;
-    className?: string;
-    primaryColor?: string;
-}
-export default function IframeWrapper({ children, className, primaryColor }: IframeWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { default as React } from 'react';
+/**
+ * IframeWrapper Component
+ *
+ * Provides complete CSS isolation for the importer by rendering content inside an iframe.
+ * This follows industry best practices used by embedded SaaS tools like TableFlow,
+ * Intercom, Zendesk, and Stripe.
+ *
+ * Key benefits:
+ * - Complete CSS isolation from parent application
+ * - Prevents parent styles (e.g., container max-width) from affecting the importer
+ * - Only copies external stylesheets from parent document into iframe
+ * - Maintains React context and functionality through react-frame-component
+ * - Prevents style leakage between iframe and parent document
+ *
+ * @param children - React components to render inside the iframe
+ * @param className - Optional CSS class for the iframe element
+ */
+interface IframeWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+    primaryColor?: string;
+}
+export default function IframeWrapper({ children, className, primaryColor }: IframeWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/components/ImporterLayout.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface ImporterLayoutProps {
+    children: React.ReactNode;
+    stepper: any;
+    isModal: boolean;
+    onClose?: () => void;
+    error?: string | null;
+    isLoadingExcelParser?: boolean;
+}
+/**
+ * Layout wrapper for the importer
+ * Handles the common UI structure including stepper, content area, and close button
+ */
+export default function ImporterLayout({ children, stepper, isModal, onClose, error, isLoadingExcelParser }: ImporterLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/importer/components/Input/index.d.ts

@@ -1,2 +1,2 @@
-import { InputProps } from "./types";
-export default function Input({ as, label, icon, iconAfter, error, options, className, variants, children, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+import { InputProps } from './types';
+export default function Input({ as, label, icon, iconAfter, error, options, className, variants, children, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/build/importer/components/Input/types/index.d.ts

@@ -1,18 +1,18 @@
-import { ButtonHTMLAttributes, InputHTMLAttributes, ReactElement } from "react";
-export type inputTypes = "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-export type InputVariants = "fluid" | "small";
-export type InputOption = ButtonHTMLAttributes<HTMLButtonElement> & {
-    required?: boolean;
-};
-export type InputProps = InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLSelectElement> & InputHTMLAttributes<HTMLTextAreaElement> & {
-    as?: "input" | "textarea";
-    label?: string | ReactElement;
-    icon?: ReactElement;
-    iconAfter?: ReactElement;
-    error?: string;
-    options?: {
-        [key: string]: InputOption;
-    };
-    variants?: InputVariants[];
-    type?: inputTypes;
-};
+import { ButtonHTMLAttributes, InputHTMLAttributes, ReactElement } from 'react';
+export type inputTypes = "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
+export type InputVariants = "fluid" | "small";
+export type InputOption = ButtonHTMLAttributes<HTMLButtonElement> & {
+    required?: boolean;
+};
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLSelectElement> & InputHTMLAttributes<HTMLTextAreaElement> & {
+    as?: "input" | "textarea";
+    label?: string | ReactElement;
+    icon?: ReactElement;
+    iconAfter?: ReactElement;
+    error?: string;
+    options?: {
+        [key: string]: InputOption;
+    };
+    variants?: InputVariants[];
+    type?: inputTypes;
+};

package/build/importer/components/Stepper/hooks/useStepper.d.ts

@@ -1,2 +1,2 @@
-import { Step, StepperProps } from "../types";
-export default function useStepper(steps: Step[], initialStep: number | undefined, skipHeader: boolean): StepperProps;
+import { Step, StepperProps } from '../types';
+export default function useStepper(steps: Step[], initialStep: number | undefined, skipHeader: boolean): StepperProps;

package/build/importer/components/Stepper/index.d.ts

@@ -1,2 +1,2 @@
-import { StepperProps } from "./types";
-export default function Stepper({ steps, current, clickable, setCurrent, skipHeader }: StepperProps): import("react/jsx-runtime").JSX.Element;
+import { StepperProps } from './types';
+export default function Stepper({ steps, current, hide, skipHeader }: StepperProps): import("react/jsx-runtime").JSX.Element | null;

package/build/importer/components/Stepper/types/index.d.ts

@@ -1,13 +1,14 @@
-export type Step = {
-    label: string;
-    id?: string | number;
-    disabled?: boolean;
-};
-export type StepperProps = {
-    steps: Step[];
-    current: number;
-    setCurrent: (step: number) => void;
-    step: Step;
-    clickable?: boolean;
-    skipHeader: boolean;
-};
+export type Step = {
+    label: string;
+    id?: string | number;
+    disabled?: boolean;
+};
+export type StepperProps = {
+    steps: Step[];
+    current: number;
+    setCurrent: (step: number) => void;
+    step: Step;
+    clickable?: boolean;
+    skipHeader: boolean;
+    hide?: boolean;
+};

package/build/importer/components/Table/index.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { TableProps } from "./types";
-export default function Table({ data, // An array of objects with the data to be displayed
-keyAsId, // Has to be a unique property in the data array to be used as key
-theme, // A CSS module object to style the table
-mergeThemes, // Should 'theme' be the only style applied (false) or be merged with the default style (true)
-highlightColumns, // Columns that should use the highlighted style
-hideColumns, // Array of columns to be hidden in the display
-emptyState, heading, background, columnWidths, columnAlignments, fixHeader, onRowClick, }: TableProps): React.ReactElement;
+import { default as React } from 'react';
+import { TableProps } from './types';
+export default function Table({ data, // An array of objects with the data to be displayed
+keyAsId, // Has to be a unique property in the data array to be used as key
+theme, // A CSS module object to style the table
+mergeThemes, // Should 'theme' be the only style applied (false) or be merged with the default style (true)
+highlightColumns, // Columns that should use the highlighted style
+hideColumns, // Array of columns to be hidden in the display
+emptyState, heading, background, columnWidths, columnAlignments, fixHeader, onRowClick, }: TableProps): React.ReactElement;