@fctc/widget-logic 4.1.8 → 4.2.0

package/dist/index.js

@@ -6280,18 +6280,12 @@ var binaryFieldController = (props) => {
     }
     const fileUrl = URL.createObjectURL(file);
     setSelectedFile(file);
-    setInitialFile(null);
     setSelectedPreview(fileUrl);
-    onChange(file);
-    if (file.type.startsWith("image/") || file.type === "application/json") {
-      const base64 = await convertUrlToBase64(fileUrl);
-      const base64Data = extractBase64Data(base64);
-      setValue(name, base64Data, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", base64Data);
-    } else {
-      setValue(name, file, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", file);
-    }
+    const base64 = await convertUrlToBase64(fileUrl);
+    const base64Data = extractBase64Data(base64);
+    setValue(name, base64Data, { shouldDirty: true });
+    onChange(base64Data);
+    handleOnchange && handleOnchange(name ?? "", base64Data);
     if (filename) {
       setValue(
         rootField ? `${rootField?.name}.${index}.${filename}` : filename,
@@ -6328,7 +6322,8 @@ var binaryFieldController = (props) => {
     handleFileChange,
     handleRemoveFile,
     checkIsImageLink,
-    getBase64WithMimeType
+    getBase64WithMimeType,
+    setInitialFile
   };
 };
 

package/dist/index.mjs

@@ -6375,18 +6375,12 @@ var binaryFieldController = (props) => {
     }
     const fileUrl = URL.createObjectURL(file);
     setSelectedFile(file);
-    setInitialFile(null);
     setSelectedPreview(fileUrl);
-    onChange(file);
-    if (file.type.startsWith("image/") || file.type === "application/json") {
-      const base64 = await convertUrlToBase64(fileUrl);
-      const base64Data = extractBase64Data(base64);
-      setValue(name, base64Data, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", base64Data);
-    } else {
-      setValue(name, file, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", file);
-    }
+    const base64 = await convertUrlToBase64(fileUrl);
+    const base64Data = extractBase64Data(base64);
+    setValue(name, base64Data, { shouldDirty: true });
+    onChange(base64Data);
+    handleOnchange && handleOnchange(name ?? "", base64Data);
     if (filename) {
       setValue(
         rootField ? `${rootField?.name}.${index}.${filename}` : filename,
@@ -6423,7 +6417,8 @@ var binaryFieldController = (props) => {
     handleFileChange,
     handleRemoveFile,
     checkIsImageLink,
-    getBase64WithMimeType
+    getBase64WithMimeType,
+    setInitialFile
   };
 };
 

package/dist/widget.d.mts

@@ -217,10 +217,11 @@ declare const binaryFieldController: (props: IInputFieldProps & {
     selectedPreview: string | null;
     initialFile: any;
     binaryRef: react.RefObject<HTMLDivElement>;
-    handleFileChange: (e: ChangeEvent<HTMLInputElement>, onChange: (file: File | null) => void) => Promise<void>;
-    handleRemoveFile: (onChange: (file: File | null) => void) => void;
+    handleFileChange: (e: ChangeEvent<HTMLInputElement>, onChange: (value: string | null) => void) => Promise<void>;
+    handleRemoveFile: (onChange: (value: string | null) => void) => void;
     checkIsImageLink: (url: string) => boolean;
     getBase64WithMimeType: (base64: string) => string | null;
+    setInitialFile: react.Dispatch<any>;
 };
 
 declare const tableHeadController: (props: any) => {

package/dist/widget.d.ts

@@ -217,10 +217,11 @@ declare const binaryFieldController: (props: IInputFieldProps & {
     selectedPreview: string | null;
     initialFile: any;
     binaryRef: react.RefObject<HTMLDivElement>;
-    handleFileChange: (e: ChangeEvent<HTMLInputElement>, onChange: (file: File | null) => void) => Promise<void>;
-    handleRemoveFile: (onChange: (file: File | null) => void) => void;
+    handleFileChange: (e: ChangeEvent<HTMLInputElement>, onChange: (value: string | null) => void) => Promise<void>;
+    handleRemoveFile: (onChange: (value: string | null) => void) => void;
     checkIsImageLink: (url: string) => boolean;
     getBase64WithMimeType: (base64: string) => string | null;
+    setInitialFile: react.Dispatch<any>;
 };
 
 declare const tableHeadController: (props: any) => {

package/dist/widget.js

@@ -5506,18 +5506,12 @@ var binaryFieldController = (props) => {
     }
     const fileUrl = URL.createObjectURL(file);
     setSelectedFile(file);
-    setInitialFile(null);
     setSelectedPreview(fileUrl);
-    onChange(file);
-    if (file.type.startsWith("image/") || file.type === "application/json") {
-      const base64 = await convertUrlToBase64(fileUrl);
-      const base64Data = extractBase64Data(base64);
-      setValue(name, base64Data, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", base64Data);
-    } else {
-      setValue(name, file, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", file);
-    }
+    const base64 = await convertUrlToBase64(fileUrl);
+    const base64Data = extractBase64Data(base64);
+    setValue(name, base64Data, { shouldDirty: true });
+    onChange(base64Data);
+    handleOnchange && handleOnchange(name ?? "", base64Data);
     if (filename) {
       setValue(
         rootField ? `${rootField?.name}.${index}.${filename}` : filename,
@@ -5554,7 +5548,8 @@ var binaryFieldController = (props) => {
     handleFileChange,
     handleRemoveFile,
     checkIsImageLink,
-    getBase64WithMimeType
+    getBase64WithMimeType,
+    setInitialFile
   };
 };
 

package/dist/widget.mjs

@@ -5578,18 +5578,12 @@ var binaryFieldController = (props) => {
     }
     const fileUrl = URL.createObjectURL(file);
     setSelectedFile(file);
-    setInitialFile(null);
     setSelectedPreview(fileUrl);
-    onChange(file);
-    if (file.type.startsWith("image/") || file.type === "application/json") {
-      const base64 = await convertUrlToBase64(fileUrl);
-      const base64Data = extractBase64Data(base64);
-      setValue(name, base64Data, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", base64Data);
-    } else {
-      setValue(name, file, { shouldDirty: true });
-      handleOnchange && handleOnchange(name ?? "", file);
-    }
+    const base64 = await convertUrlToBase64(fileUrl);
+    const base64Data = extractBase64Data(base64);
+    setValue(name, base64Data, { shouldDirty: true });
+    onChange(base64Data);
+    handleOnchange && handleOnchange(name ?? "", base64Data);
     if (filename) {
       setValue(
         rootField ? `${rootField?.name}.${index}.${filename}` : filename,
@@ -5626,7 +5620,8 @@ var binaryFieldController = (props) => {
     handleFileChange,
     handleRemoveFile,
     checkIsImageLink,
-    getBase64WithMimeType
+    getBase64WithMimeType,
+    setInitialFile
   };
 };
 

package/package.json

@@ -1,94 +1,94 @@
-{
-  "name": "@fctc/widget-logic",
-  "version": "4.1.8",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.mjs",
-      "require": "./dist/hooks.cjs"
-    },
-    "./widget": {
-      "types": "./dist/widget.d.ts",
-      "import": "./dist/widget.mjs",
-      "require": "./dist/widget.cjs"
-    },
-    "./icons": {
-      "types": "./dist/icons.d.ts",
-      "import": "./dist/icons.mjs",
-      "require": "./dist/icons.cjs"
-    },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.cjs"
-    },
-    "./store": {
-      "types": "./dist/store.d.ts",
-      "import": "./dist/store.mjs",
-      "require": "./dist/store.cjs"
-    },
-    "./config": {
-      "types": "./dist/config.d.ts",
-      "import": "./dist/config.mjs",
-      "require": "./dist/config.cjs"
-    },
-    "./constants": {
-      "types": "./dist/constants.d.ts",
-      "import": "./dist/constants.mjs",
-      "require": "./dist/constants.cjs"
-    },
-    "./environment": {
-      "types": "./dist/environment.d.ts",
-      "import": "./dist/environment.mjs",
-      "require": "./dist/environment.cjs"
-    },
-    "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.mjs",
-      "require": "./dist/provider.cjs"
-    },
-    "./services": {
-      "types": "./dist/services.d.ts",
-      "import": "./dist/services.mjs",
-      "require": "./dist/services.cjs"
-    },
-    "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.mjs",
-      "require": "./dist/types.cjs"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@fctc/interface-logic": "^3.6.8",
-    "@headlessui/react": "^2.2.6",
-    "@tanstack/react-query": "^5.84.0",
-    "i18next": "^25.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "react-i18next": "^15.6.1",
-    "react-tooltip": "^5.29.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.1",
-    "jest": "^29.7.0",
-    "react": "18.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.2"
-  },
-  "packageManager": "yarn@1.22.0",
-  "peerDependencies": {}
-}
+{
+  "name": "@fctc/widget-logic",
+  "version": "4.2.0",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.cjs"
+    },
+    "./widget": {
+      "types": "./dist/widget.d.ts",
+      "import": "./dist/widget.mjs",
+      "require": "./dist/widget.cjs"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.cjs"
+    },
+    "./store": {
+      "types": "./dist/store.d.ts",
+      "import": "./dist/store.mjs",
+      "require": "./dist/store.cjs"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs",
+      "require": "./dist/config.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.mjs",
+      "require": "./dist/constants.cjs"
+    },
+    "./environment": {
+      "types": "./dist/environment.d.ts",
+      "import": "./dist/environment.mjs",
+      "require": "./dist/environment.cjs"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.mjs",
+      "require": "./dist/provider.cjs"
+    },
+    "./services": {
+      "types": "./dist/services.d.ts",
+      "import": "./dist/services.mjs",
+      "require": "./dist/services.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@fctc/interface-logic": "^3.6.8",
+    "@headlessui/react": "^2.2.6",
+    "@tanstack/react-query": "^5.84.0",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react-i18next": "^15.6.1",
+    "react-tooltip": "^5.29.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "jest": "^29.7.0",
+    "react": "18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.2"
+  },
+  "packageManager": "yarn@1.22.0",
+  "peerDependencies": {}
+}