@apexcura/ui-components 0.0.13-Beta52 → 0.0.13-Beta54

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { UploadFile } from 'antd/lib/upload/interface';
 
 type ElementType = {
     [x: string]: any;
@@ -13,7 +14,7 @@ type ElementType = {
     prefix?: React.ReactNode;
     type?: string;
     size?: SizeType;
-    value?: string | number | boolean | any[] | null | object | undefined | any;
+    value?: string | number | boolean | any[] | null | object | undefined | any | UploadFile<any>[];
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     variant?: "outlined" | "borderless" | "filled";

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React$1 from 'react';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { UploadFile } from 'antd/lib/upload/interface';
 
 type ElementType = {
     [x: string]: any;
@@ -13,7 +14,7 @@ type ElementType = {
     prefix?: React.ReactNode;
     type?: string;
     size?: SizeType;
-    value?: string | number | boolean | any[] | null | object | undefined | any;
+    value?: string | number | boolean | any[] | null | object | undefined | any | UploadFile<any>[];
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     variant?: "outlined" | "borderless" | "filled";

package/dist/index.js

@@ -792,47 +792,47 @@ var UploadElement = (props) => {
   const [previewType, setPreviewType] = (0, import_react23.useState)(null);
   const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
   const uploadChange = (fileList) => {
-    console.log(fileList?.length);
     if (!fileList || fileList.length === 0) return;
-    const selectedFile = fileList[0];
-    console.log("selectedFile", selectedFile);
-    if (!selectedFile) return;
-    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
-      selectedFile.type
-    );
-    if (!isCorrectFile) {
-      import_antd17.Modal.error({
-        title: `(${selectedFile.name}) is an invalid file.`,
-        content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
-        zIndex: 1022
-      });
-      return;
-    }
-    const newFile = {
-      uid: `id${Math.random().toString(16).slice(2)}`,
-      name: selectedFile.name,
-      status: "done",
-      type: selectedFile.type,
-      size: selectedFile.size,
-      url: URL.createObjectURL(selectedFile),
-      originFileObj: selectedFile
-    };
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      if (e.target?.result) {
-        newFile.thumbUrl = e.target.result.toString();
+    const newFileList = [];
+    for (let i = 0; i < fileList.length; i++) {
+      const selectedFile = fileList[i];
+      const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
+        selectedFile.type
+      );
+      if (!isCorrectFile) {
+        import_antd17.Modal.error({
+          title: `(${selectedFile.name}) is an invalid file.`,
+          content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
+          zIndex: 1022
+        });
+        return;
       }
-    };
-    reader.readAsDataURL(selectedFile);
-    const newFileList = props.value ? [...props.value, newFile] : [newFile];
+      const newFile = {
+        uid: `id${Math.random().toString(16).slice(2)}`,
+        name: selectedFile.name,
+        status: "done",
+        type: selectedFile.type,
+        size: selectedFile.size,
+        url: URL.createObjectURL(selectedFile),
+        originFileObj: selectedFile
+      };
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        if (e.target?.result) {
+          newFile.thumbUrl = e.target.result.toString();
+        }
+      };
+      reader.readAsDataURL(selectedFile);
+      newFileList.push(newFile);
+    }
+    const updatedFileList = props.value ? [...props.value, ...newFileList] : newFileList;
     props.onChange && props.onChange({
       name: props.name,
-      value: newFileList
+      value: updatedFileList
     });
   };
   const uploadChange2 = ({ file, fileList }) => {
     const newFileList = fileList.filter((f) => f.name !== file.name);
-    console.log(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -842,6 +842,7 @@ var UploadElement = (props) => {
     if (!file.url && !file.preview) {
       file.preview = await URL.createObjectURL(file.originFileObj);
     }
+    setPreviewImage(file.url || file.preview);
     setPreviewType(
       file.type || file.name.substring(file.name.lastIndexOf(".") + 1)
     );
@@ -862,6 +863,7 @@ var UploadElement = (props) => {
       id: "upload",
       type: "file",
       accept: "image/*;capture=camera",
+      multiple: true,
       onChange: (e) => uploadChange(e.target.files)
     }
   )), /* @__PURE__ */ import_react23.default.createElement(
@@ -871,6 +873,7 @@ var UploadElement = (props) => {
       listType: props.list_type,
       maxCount: props.max_count,
       multiple: true,
+      fileList: props.value,
       onChange: uploadChange2,
       onPreview: handlePreview,
       showUploadList: true

package/dist/index.mjs

@@ -736,47 +736,47 @@ var UploadElement = (props) => {
   const [previewType, setPreviewType] = useState7(null);
   const [previewImage, setPreviewImage] = useState7(null);
   const uploadChange = (fileList) => {
-    console.log(fileList?.length);
     if (!fileList || fileList.length === 0) return;
-    const selectedFile = fileList[0];
-    console.log("selectedFile", selectedFile);
-    if (!selectedFile) return;
-    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
-      selectedFile.type
-    );
-    if (!isCorrectFile) {
-      Modal2.error({
-        title: `(${selectedFile.name}) is an invalid file.`,
-        content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
-        zIndex: 1022
-      });
-      return;
-    }
-    const newFile = {
-      uid: `id${Math.random().toString(16).slice(2)}`,
-      name: selectedFile.name,
-      status: "done",
-      type: selectedFile.type,
-      size: selectedFile.size,
-      url: URL.createObjectURL(selectedFile),
-      originFileObj: selectedFile
-    };
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      if (e.target?.result) {
-        newFile.thumbUrl = e.target.result.toString();
+    const newFileList = [];
+    for (let i = 0; i < fileList.length; i++) {
+      const selectedFile = fileList[i];
+      const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
+        selectedFile.type
+      );
+      if (!isCorrectFile) {
+        Modal2.error({
+          title: `(${selectedFile.name}) is an invalid file.`,
+          content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
+          zIndex: 1022
+        });
+        return;
       }
-    };
-    reader.readAsDataURL(selectedFile);
-    const newFileList = props.value ? [...props.value, newFile] : [newFile];
+      const newFile = {
+        uid: `id${Math.random().toString(16).slice(2)}`,
+        name: selectedFile.name,
+        status: "done",
+        type: selectedFile.type,
+        size: selectedFile.size,
+        url: URL.createObjectURL(selectedFile),
+        originFileObj: selectedFile
+      };
+      const reader = new FileReader();
+      reader.onload = (e) => {
+        if (e.target?.result) {
+          newFile.thumbUrl = e.target.result.toString();
+        }
+      };
+      reader.readAsDataURL(selectedFile);
+      newFileList.push(newFile);
+    }
+    const updatedFileList = props.value ? [...props.value, ...newFileList] : newFileList;
     props.onChange && props.onChange({
       name: props.name,
-      value: newFileList
+      value: updatedFileList
     });
   };
   const uploadChange2 = ({ file, fileList }) => {
     const newFileList = fileList.filter((f) => f.name !== file.name);
-    console.log(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -786,6 +786,7 @@ var UploadElement = (props) => {
     if (!file.url && !file.preview) {
       file.preview = await URL.createObjectURL(file.originFileObj);
     }
+    setPreviewImage(file.url || file.preview);
     setPreviewType(
       file.type || file.name.substring(file.name.lastIndexOf(".") + 1)
     );
@@ -806,6 +807,7 @@ var UploadElement = (props) => {
       id: "upload",
       type: "file",
       accept: "image/*;capture=camera",
+      multiple: true,
       onChange: (e) => uploadChange(e.target.files)
     }
   )), /* @__PURE__ */ React23.createElement(
@@ -815,6 +817,7 @@ var UploadElement = (props) => {
       listType: props.list_type,
       maxCount: props.max_count,
       multiple: true,
+      fileList: props.value,
       onChange: uploadChange2,
       onPreview: handlePreview,
       showUploadList: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.13-Beta52",
+  "version": "0.0.13-Beta54",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",