@apexcura/ui-components 0.0.13-Beta67 → 0.0.13-Beta69

package/dist/index.js

@@ -787,15 +787,14 @@ var import_react23 = __toESM(require("react"));
 var import_antd17 = require("antd");
 var import_icons5 = require("@ant-design/icons");
 var UploadElement = (props) => {
+  const [files, setFiles] = (0, import_react23.useState)([]);
   const [previewTitle, setPreviewTitle] = (0, import_react23.useState)(null);
   const [previewOpen, setPreviewOpen] = (0, import_react23.useState)(false);
   const [previewType, setPreviewType] = (0, import_react23.useState)(null);
   const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
   const uploadChange = (fileList) => {
     if (!fileList || fileList.length === 0) return;
-    const existingFiles = Array.isArray(props.value) ? props.value : [];
-    const newFileList = [...existingFiles];
-    console.log(newFileList);
+    const newFileList = [...files];
     for (let i = 0; i < fileList.length; i++) {
       const selectedFile = fileList[i];
       const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
@@ -827,6 +826,7 @@ var UploadElement = (props) => {
       reader.readAsDataURL(selectedFile);
       newFileList.push(newFile);
     }
+    setFiles(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -838,18 +838,17 @@ var UploadElement = (props) => {
     setPreviewOpen(false);
     setPreviewTitle(null);
   };
-  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("span", { className: "native-camera-lib" }, /* @__PURE__ */ import_react23.default.createElement("p", { className: "flat-label text-capitalize" }, props.label), /* @__PURE__ */ import_react23.default.createElement("label", { className: "native-camera-button" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "ant-btn" }, /* @__PURE__ */ import_react23.default.createElement(import_icons5.UploadOutlined, null), " ", props.max_count ? `Upload (Max:${props.max_count})` : "Upload"), /* @__PURE__ */ import_react23.default.createElement(
-    "input",
+  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("label", { className: "native-camera-button" }), /* @__PURE__ */ import_react23.default.createElement(
+    import_antd17.Upload,
     {
-      id: "upload",
-      type: "file",
-      accept: "image/*;capture=camera",
+      accept: props.accept,
+      listType: props.list_type,
+      maxCount: props.max_count,
       multiple: true,
-      onChange: (e) => uploadChange(e.target.files)
-    }
-  )), /* @__PURE__ */ import_react23.default.createElement(
-    import_antd17.Upload,
-    null,
+      fileList: props.value ? props.value : [],
+      onChange: (e) => uploadChange(e.target.files),
+      showUploadList: true
+    },
     props.list_type === "picture-card" && /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(import_icons5.PlusOutlined, null), /* @__PURE__ */ import_react23.default.createElement("div", { style: { marginTop: 8 } }, "Upload ", /* @__PURE__ */ import_react23.default.createElement("small", { className: "d-flex" }, "(Max:", props.max_count, ")")))
   ), props.errors && props.errors.length > 0 && props.errors.map(
     (error, eKey) => /* @__PURE__ */ import_react23.default.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)
@@ -888,7 +887,7 @@ var UploadElement = (props) => {
         className: "d-flex mx-auto w-100"
       }
     )
-  )));
+  ));
 };
 
 // src/Components/Image.tsx

package/dist/index.mjs

@@ -729,17 +729,16 @@ var DateRangePickerElement = (props) => {
 // src/Components/UploadElement.tsx
 import React23, { useState as useState7 } from "react";
 import { Upload, Modal as Modal2, Tooltip } from "antd";
-import { UploadOutlined, PlusOutlined as PlusOutlined2, CloseOutlined } from "@ant-design/icons";
+import { PlusOutlined as PlusOutlined2, CloseOutlined } from "@ant-design/icons";
 var UploadElement = (props) => {
+  const [files, setFiles] = useState7([]);
   const [previewTitle, setPreviewTitle] = useState7(null);
   const [previewOpen, setPreviewOpen] = useState7(false);
   const [previewType, setPreviewType] = useState7(null);
   const [previewImage, setPreviewImage] = useState7(null);
   const uploadChange = (fileList) => {
     if (!fileList || fileList.length === 0) return;
-    const existingFiles = Array.isArray(props.value) ? props.value : [];
-    const newFileList = [...existingFiles];
-    console.log(newFileList);
+    const newFileList = [...files];
     for (let i = 0; i < fileList.length; i++) {
       const selectedFile = fileList[i];
       const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
@@ -771,6 +770,7 @@ var UploadElement = (props) => {
       reader.readAsDataURL(selectedFile);
       newFileList.push(newFile);
     }
+    setFiles(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -782,18 +782,17 @@ var UploadElement = (props) => {
     setPreviewOpen(false);
     setPreviewTitle(null);
   };
-  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("span", { className: "native-camera-lib" }, /* @__PURE__ */ React23.createElement("p", { className: "flat-label text-capitalize" }, props.label), /* @__PURE__ */ React23.createElement("label", { className: "native-camera-button" }, /* @__PURE__ */ React23.createElement("div", { className: "ant-btn" }, /* @__PURE__ */ React23.createElement(UploadOutlined, null), " ", props.max_count ? `Upload (Max:${props.max_count})` : "Upload"), /* @__PURE__ */ React23.createElement(
-    "input",
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("label", { className: "native-camera-button" }), /* @__PURE__ */ React23.createElement(
+    Upload,
     {
-      id: "upload",
-      type: "file",
-      accept: "image/*;capture=camera",
+      accept: props.accept,
+      listType: props.list_type,
+      maxCount: props.max_count,
       multiple: true,
-      onChange: (e) => uploadChange(e.target.files)
-    }
-  )), /* @__PURE__ */ React23.createElement(
-    Upload,
-    null,
+      fileList: props.value ? props.value : [],
+      onChange: (e) => uploadChange(e.target.files),
+      showUploadList: true
+    },
     props.list_type === "picture-card" && /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(PlusOutlined2, null), /* @__PURE__ */ React23.createElement("div", { style: { marginTop: 8 } }, "Upload ", /* @__PURE__ */ React23.createElement("small", { className: "d-flex" }, "(Max:", props.max_count, ")")))
   ), props.errors && props.errors.length > 0 && props.errors.map(
     (error, eKey) => /* @__PURE__ */ React23.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)
@@ -832,7 +831,7 @@ var UploadElement = (props) => {
         className: "d-flex mx-auto w-100"
       }
     )
-  )));
+  ));
 };
 
 // src/Components/Image.tsx

package/package.json

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