react-smart-file-uploader 2.0.0

package/dist/types.d.ts

@@ -0,0 +1,72 @@
+export interface ImageFile {
+    name: string;
+    size: number;
+    type: string;
+    lastModified: number;
+    fileCategory: 'image' | 'pdf' | 'excel' | 'word' | 'other';
+}
+export interface ProcessedImage {
+    file: ImageFile;
+    base64: string;
+    blob: Blob;
+    url: string;
+}
+export interface CropConfig {
+    enabled: boolean;
+    shape: 'circle' | 'square';
+    width?: number;
+    height?: number;
+    aspect?: number;
+}
+export interface CompressionConfig {
+    quality: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    convertSize?: number;
+}
+export interface SessionConfig {
+    enabled: boolean;
+    key?: string;
+    clearOnUnmount?: boolean;
+}
+export interface CustomUIProps {
+    isDragActive: boolean;
+    isDragReject: boolean;
+    files: ProcessedImage[];
+    isLoading: boolean;
+    openFileDialog: () => void;
+    removeFile: (index: number) => void;
+}
+export interface ImageUploaderProps {
+    multiple?: boolean;
+    accept?: string;
+    maxFiles?: number;
+    maxSize?: number;
+    disabled?: boolean;
+    compression?: CompressionConfig | null;
+    crop?: CropConfig;
+    session?: SessionConfig;
+    customUI?: (props: CustomUIProps) => React.ReactNode;
+    showPreview?: boolean;
+    showProgress?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    uploadText?: string;
+    dragText?: string;
+    errorText?: {
+        fileSize?: string;
+        fileType?: string;
+        maxFiles?: string;
+    };
+    onFilesChange?: (files: ProcessedImage[]) => void;
+    onError?: (error: string) => void;
+    onProgress?: (progress: number) => void;
+    onCrop?: (croppedImage: ProcessedImage) => void;
+}
+export interface ImageUploaderRef {
+    openFileDialog: () => void;
+    clearFiles: () => void;
+    getFiles: () => ProcessedImage[];
+    addFiles: (files: File[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/utils.d.ts

@@ -0,0 +1,15 @@
+import { ProcessedImage, CompressionConfig } from './types';
+export declare const validateFileSize: (file: File, maxSize: number) => boolean;
+export declare const validateFileType: (file: File, acceptedTypes: string[]) => boolean;
+export declare const getFileCategory: (file: File) => "image" | "pdf" | "excel" | "word" | "other";
+export declare const fileToBase64: (file: File) => Promise<string>;
+export declare const compressImage: (file: File, config: CompressionConfig) => Promise<File>;
+export declare const compressPDF: (file: File, config: CompressionConfig) => Promise<File>;
+export declare const processFile: (file: File, compression?: CompressionConfig | null) => Promise<ProcessedImage>;
+export declare const saveToSession: (key: string, data: ProcessedImage[]) => void;
+export declare const loadFromSession: (key: string) => Promise<ProcessedImage[]>;
+export declare const clearSession: (key: string) => void;
+export declare const parseAcceptProp: (accept?: string) => string[];
+export declare const formatFileSize: (bytes: number) => string;
+export declare const cleanupUrls: (images: ProcessedImage[]) => void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5D,eAAO,MAAM,gBAAgB,GAAI,MAAM,IAAI,EAAE,SAAS,MAAM,KAAG,OAE9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,IAAI,EAAE,eAAe,MAAM,EAAE,KAAG,OAQtE,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,KAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAmCjF,CAAC;AAGF,eAAO,MAAM,YAAY,GAAI,MAAM,IAAI,KAAG,OAAO,CAAC,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,MAAM,IAAI,EACV,QAAQ,iBAAiB,KACxB,OAAO,CAAC,IAAI,CAWd,CAAC;AAGF,eAAO,MAAM,WAAW,GACtB,MAAM,IAAI,EACV,QAAQ,iBAAiB,KACxB,OAAO,CAAC,IAAI,CA4Bd,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,MAAM,IAAI,EACV,cAAc,iBAAiB,GAAG,IAAI,KACrC,OAAO,CAAC,cAAc,CA4CxB,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,EAAE,MAAM,cAAc,EAAE,KAAG,IAWnE,CAAC;AAaF,eAAO,MAAM,eAAe,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,cAAc,EAAE,CA+B3E,CAAC;AAcF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,IAM1C,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,SAAS,MAAM,KAAG,MAAM,EAGvD,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAM9C,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,QAAQ,cAAc,EAAE,KAAG,IAMtD,CAAC"}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "react-smart-file-uploader",
+  "version": "2.0.0",
+  "description": "A powerful and customizable file uploader component for React with support for images, PDFs, Excel, and Word documents. Features compression, cropping, and session persistence",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "test": "jest",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "image",
+    "upload",
+    "uploader",
+    "crop",
+    "compression",
+    "base64",
+    "typescript",
+    "component",
+    "ui"
+  ],
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/optimalresource/react-smart-file-uploader.git"
+  },
+  "bugs": {
+    "url": "https://github.com/optimalresource/react-smart-file-uploader/issues"
+  },
+  "homepage": "https://github.com/optimalresource/react-smart-file-uploader#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "compressorjs": "^1.2.1",
+    "pdf-lib": "^1.17.1",
+    "react-image-crop": "^11.0.5"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "eslint": "^8.0.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "jest": "^29.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^6.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.0.0"
+  }
+}