@importcsv/react 0.1.17 → 0.2.1

package/build/js.d.ts

@@ -1,40 +1,39 @@
-/// <reference types="react" />
-import { CSVImporterProps } from "./types";
-type CreateImporterProps = CSVImporterProps & {
-    domElement?: Element;
-};
-export declare function createCSVImporter(props: CreateImporterProps): {
-    instance: (import("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;
-    } & import("react").RefAttributes<unknown>> & HTMLDialogElement) | null;
-    showModal: () => void;
-    closeModal: () => void;
-};
-export {};
+import { CSVImporterProps } from './types';
+type CreateImporterProps = CSVImporterProps & {
+    domElement?: Element;
+};
+export declare function createCSVImporter(props: CreateImporterProps): {
+    instance: (import('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;
+    } & import('react').RefAttributes<unknown>> & HTMLDialogElement) | null;
+    showModal: () => void;
+    closeModal: () => void;
+};
+export {};

package/build/settings/defaults.d.ts

@@ -1,3 +1,3 @@
-import { CSVImporterProps } from "../types";
-declare const defaults: CSVImporterProps;
-export default defaults;
+import { CSVImporterProps } from '../types';
+declare const defaults: CSVImporterProps;
+export default defaults;

package/build/styles.d.ts

@@ -1 +1 @@
-export declare const importcsvStyles: string;
+export declare const importcsvStyles: string;

package/build/types/index.d.ts

@@ -1,33 +1,105 @@
-type ModalParams = {
-    isModal?: boolean;
-    modalIsOpen?: boolean;
-    modalOnCloseTriggered?: () => void;
-    modalCloseOnOutsideClick?: boolean;
-};
-type CustomTranslationResource = {
-    [language: string]: {
-        [key: string]: string;
-    };
-};
-export type CSVImporterProps = {
-    darkMode?: boolean;
-    primaryColor?: string;
-    className?: string;
-    onComplete?: (data: any) => void;
-    waitOnComplete?: boolean;
-    customStyles?: Record<string, string> | string;
-    showDownloadTemplateButton?: boolean;
-    skipHeaderRowSelection?: boolean;
-    language?: string;
-    customTranslations?: CustomTranslationResource;
-    importerKey?: string;
-    backendUrl?: string;
-    user?: Record<string, any>;
-    metadata?: Record<string, any>;
-    useIframe?: boolean;
-    demoData?: {
-        fileName: string;
-        csvContent: string;
-    };
-} & ModalParams;
-export {};
+export interface Column {
+    id: string;
+    label: string;
+    type?: 'string' | 'number' | 'email' | 'date' | 'phone' | 'select';
+    validators?: Validator[];
+    transformations?: Transformer[];
+    options?: string[];
+    description?: string;
+    placeholder?: string;
+}
+export type Validator = {
+    type: 'required';
+    message?: string;
+} | {
+    type: 'unique';
+    message?: string;
+} | {
+    type: 'regex';
+    pattern: string;
+    message?: string;
+} | {
+    type: 'min';
+    value: number;
+    message?: string;
+} | {
+    type: 'max';
+    value: number;
+    message?: string;
+} | {
+    type: 'min_length';
+    value: number;
+    message?: string;
+} | {
+    type: 'max_length';
+    value: number;
+    message?: string;
+};
+export type Transformer = {
+    type: 'trim';
+} | {
+    type: 'uppercase';
+} | {
+    type: 'lowercase';
+} | {
+    type: 'capitalize';
+} | {
+    type: 'remove_special_chars';
+} | {
+    type: 'normalize_phone';
+} | {
+    type: 'normalize_date';
+    format?: string;
+} | {
+    type: 'default';
+    value: string;
+} | {
+    type: 'replace';
+    find: string;
+    replace: string;
+} | {
+    type: 'custom';
+    fn: (value: any) => any;
+};
+export interface ColumnMapping {
+    id: string;
+    label?: string;
+    include: boolean;
+    selected?: boolean;
+}
+export interface ColumnMappingDictionary {
+    [uploadColumnIndex: number]: ColumnMapping;
+}
+type ModalParams = {
+    isModal?: boolean;
+    modalIsOpen?: boolean;
+    modalOnCloseTriggered?: () => void;
+    modalCloseOnOutsideClick?: boolean;
+};
+type CustomTranslationResource = {
+    [language: string]: {
+        [key: string]: string;
+    };
+};
+export type CSVImporterProps = {
+    columns?: Column[];
+    importerKey?: string;
+    onComplete?: (data: any) => void;
+    backendUrl?: string;
+    user?: Record<string, any>;
+    metadata?: Record<string, any>;
+    darkMode?: boolean;
+    primaryColor?: string;
+    className?: string;
+    customStyles?: Record<string, string> | string;
+    showDownloadTemplateButton?: boolean;
+    skipHeaderRowSelection?: boolean;
+    waitOnComplete?: boolean;
+    language?: string;
+    customTranslations?: CustomTranslationResource;
+    demoData?: {
+        fileName: string;
+        csvContent: string;
+    };
+} & ModalParams;
+export {};

package/build/utils/cn.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue } from 'clsx';
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence
+ * Combines clsx for conditional classes and tailwind-merge for deduplication
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/build/validation/transformer.d.ts

@@ -0,0 +1,33 @@
+export type Transformer = {
+    type: 'trim';
+} | {
+    type: 'uppercase';
+} | {
+    type: 'lowercase';
+} | {
+    type: 'capitalize';
+} | {
+    type: 'remove_special_chars';
+} | {
+    type: 'normalize_phone';
+} | {
+    type: 'normalize_date';
+    format?: string;
+} | {
+    type: 'default';
+    value: string;
+} | {
+    type: 'replace';
+    find: string;
+    replace: string;
+} | {
+    type: 'custom';
+    fn: (value: any) => any;
+};
+/**
+ * Apply transformations to a value
+ * @param value The value to transform
+ * @param transformations Array of transformations to apply
+ * @returns Transformed value
+ */
+export declare function applyTransformations(value: any, transformations?: Transformer[]): any;

package/build/validation/validator.d.ts

@@ -0,0 +1,23 @@
+import { Column } from '../types';
+/**
+ * Validates a single value against a column's validators
+ * @param value The value to validate
+ * @param column The column definition with validators
+ * @returns Error message if validation fails, null if valid
+ */
+export declare function validateColumn(value: any, column: Column): string | null;
+/**
+ * Validates uniqueness across all rows for a column
+ * @param rows All data rows
+ * @param columnIndex The column index to check
+ * @param column The column definition
+ * @returns Array of row indices that have duplicate values
+ */
+export declare function validateUniqueness(rows: any[][], columnIndex: number, column: Column): number[];
+/**
+ * Batch validation for all rows
+ * @param rows Data rows to validate
+ * @param columns Column definitions
+ * @returns Validation results with errors per cell
+ */
+export declare function validateBatch(rows: any[][], columns: Column[]): Map<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@importcsv/react",
-  "version": "0.1.17",
+  "version": "0.2.1",
   "description": "Open-source CSV and XLS/XLSX file importer for React and JavaScript",
   "main": "build/index.js",
   "module": "build/index.esm.js",
@@ -29,39 +29,28 @@
   "types": "build/index.d.ts",
   "scripts": {
     "build:js": "rollup --config rollup.config-js.js && cp package-js.json build/package.json",
-    "build:react": "rollup --config rollup.config.js",
-    "build:react:dev": "NODE_ENV=development rollup --config rollup.config.js",
-    "build:react:prod": "NODE_ENV=production rollup --config rollup.config.js",
+    "build:react": "vite build",
+    "build:react:dev": "vite build --mode development",
+    "build:react:prod": "vite build --mode production",
     "publish:local:js": "yarn build:js && cd build && yalc publish",
     "publish:local:react": "yarn build:react:dev && yalc publish",
     "publish:local:react:prod": "yarn build:react:prod && yalc publish",
     "publish:js": "yarn build:js && cd build && npm publish",
-    "publish:react": "NODE_ENV=production NPM_PACKAGE_BUILD=true yarn build:react:prod && yarn publish --access public",
-    "build:watch": "NODE_ENV=development rollup -c -w",
-    "storybook": "storybook dev -p 6006",
-    "storybook:export": "build-storybook",
-    "generate": "node ./util/create-component",
-    "build-storybook": "storybook build"
+    "publish:react": "NPM_PACKAGE_BUILD=true yarn build:react:prod && yarn publish --access public",
+    "build:watch": "vite build --watch --mode development",
+    "dev:examples": "cd examples && npm install && npm run dev"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
+  "optionalDependencies": {
+    "xlsx": "^0.18.5"
+  },
   "devDependencies": {
     "@babel/preset-env": "^7.22.4",
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
-    "@rollup/plugin-commonjs": "^17.1.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-node-resolve": "^11.2.1",
-    "@rollup/plugin-replace": "^5.0.5",
-    "@storybook/addon-essentials": "7.0.18",
-    "@storybook/addon-interactions": "7.0.18",
-    "@storybook/addon-links": "7.0.18",
-    "@storybook/blocks": "7.0.18",
-    "@storybook/react": "7.0.18",
-    "@storybook/react-webpack5": "7.0.18",
-    "@storybook/testing-library": "0.0.14-next.2",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/babel__core": "^7.20.1",
     "@types/jest": "^24.9.1",
@@ -72,6 +61,7 @@
     "@types/xlsx": "^0.0.36",
     "@typescript-eslint/eslint-plugin": "^5.56.0",
     "@typescript-eslint/parser": "^5.56.0",
+    "@vitejs/plugin-react": "^5.0.1",
     "core-js": "^3.22.7",
     "css-loader": "^6.8.1",
     "eslint-config-prettier": "^8.8.0",
@@ -79,26 +69,19 @@
     "eslint-plugin-react": "^7.32.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
-    "node-sass": "^9.0.0",
     "postcss-import": "^16.1.1",
     "prettier": "^2.8.6",
     "prop-types": "^15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rollup": "^2.56.3",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-typescript2": "^0.29.0",
-    "sass": "^1.69.7",
-    "sass-loader": "^13.3.3",
-    "storybook": "7.0.18",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.4.0",
     "ts-jest": "^26.5.6",
     "typescript": "^4.5.5",
     "typescript-plugin-css-modules": "^3.4.0",
-    "use-sync-external-store": "^1.2.0"
+    "use-sync-external-store": "^1.2.0",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.14",
@@ -112,26 +95,16 @@
     "@radix-ui/react-switch": "^1.2.5",
     "@radix-ui/react-toast": "^1.2.11",
     "@radix-ui/react-tooltip": "^1.2.4",
-    "@rollup/plugin-json": "^6.1.0",
-    "@tanstack/react-table": "^8.21.3",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "framer-motion": "^10.17.12",
-    "i18next": "^23.10.1",
-    "immer": "^10.1.1",
     "lucide-react": "^0.507.0",
     "papaparse": "^5.4.1",
     "postcss": "^8.5.3",
-    "react-data-grid": "^7.0.0-beta.52",
     "react-dropzone": "^14.2.3",
     "react-frame-component": "^5.2.7",
     "react-hotkeys-hook": "^5.1.0",
-    "react-i18next": "^14.1.0",
-    "react-icons": "^4.12.0",
     "tailwind-merge": "^3.2.0",
-    "use-immer": "^0.11.0",
-    "xlsx": "^0.18.5",
     "zustand": "^4.4.7"
   },
   "type": "module"

package/build/App.d.ts

@@ -1,2 +0,0 @@
-export default App;
-declare function App(): import("react/jsx-runtime").JSX.Element;