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

package/dist/index.js

@@ -787,14 +787,15 @@ 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("------------", props.value);
+    const newFileList = [...files];
     console.log(newFileList);
     for (let i = 0; i < fileList.length; i++) {
       const selectedFile = fileList[i];
@@ -827,6 +828,7 @@ var UploadElement = (props) => {
       reader.readAsDataURL(selectedFile);
       newFileList.push(newFile);
     }
+    setFiles(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -850,7 +852,8 @@ var UploadElement = (props) => {
   )), /* @__PURE__ */ import_react23.default.createElement(
     import_antd17.Upload,
     null,
-    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.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.list_type === "picture" && /* @__PURE__ */ import_react23.default.createElement(import_antd17.Button, { icon: /* @__PURE__ */ import_react23.default.createElement(import_icons5.UploadOutlined, null) }, props.feildData.max_count ? `Upload (Max:${props.max_count})` : "Upload")
   ), 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)
   ), /* @__PURE__ */ import_react23.default.createElement(

package/dist/index.mjs

@@ -728,17 +728,18 @@ var DateRangePickerElement = (props) => {
 
 // src/Components/UploadElement.tsx
 import React23, { useState as useState7 } from "react";
-import { Upload, Modal as Modal2, Tooltip } from "antd";
+import { Upload, Button as Button3, Modal as Modal2, Tooltip } from "antd";
 import { UploadOutlined, 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("------------", props.value);
+    const newFileList = [...files];
     console.log(newFileList);
     for (let i = 0; i < fileList.length; i++) {
       const selectedFile = fileList[i];
@@ -771,6 +772,7 @@ var UploadElement = (props) => {
       reader.readAsDataURL(selectedFile);
       newFileList.push(newFile);
     }
+    setFiles(newFileList);
     props.onChange && props.onChange({
       name: props.name,
       value: newFileList
@@ -794,7 +796,8 @@ var UploadElement = (props) => {
   )), /* @__PURE__ */ React23.createElement(
     Upload,
     null,
-    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.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.list_type === "picture" && /* @__PURE__ */ React23.createElement(Button3, { icon: /* @__PURE__ */ React23.createElement(UploadOutlined, null) }, props.feildData.max_count ? `Upload (Max:${props.max_count})` : "Upload")
   ), props.errors && props.errors.length > 0 && props.errors.map(
     (error, eKey) => /* @__PURE__ */ React23.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)
   ), /* @__PURE__ */ React23.createElement(

package/package.json

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