@apexcura/ui-components 0.0.13-Beta70 → 0.0.13-Beta72

package/dist/index.d.mts

@@ -104,4 +104,6 @@ declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultiSelect: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };
+declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, FileUpload, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };

package/dist/index.d.ts

@@ -104,4 +104,6 @@ declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultiSelect: (props: ElementType) => React$1.JSX.Element;
 
-export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };
+declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, FileUpload, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TextElement, TextareaElement, UploadElement };

package/dist/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   CkEditor: () => CkEditor,
   DatePickerElement: () => DatePickerElement,
   DateRangePickerElement: () => DateRangePickerElement,
+  FileUpload: () => FileUpload,
   Image: () => Image,
   MultiSelect: () => MultiSelect,
   MultipleSelectElement: () => MultipleSelectElement,
@@ -789,6 +790,7 @@ var import_icons5 = require("@ant-design/icons");
 var UploadElement = (props) => {
   const [files, setFiles] = (0, import_react23.useState)([]);
   const uploadChange = (fileList) => {
+    console.log(fileList);
     if (!fileList || fileList.length === 0) return;
     const newFileList = [...files];
     for (let i = 0; i < fileList.length; i++) {
@@ -899,6 +901,46 @@ var MultiSelect = (props) => {
     }
   ));
 };
+
+// src/Components/FilesUpload.tsx
+var import_react27 = __toESM(require("react"));
+var import_antd20 = require("antd");
+var import_icons6 = require("@ant-design/icons");
+var FileUpload = (props) => {
+  const [files, setFiles] = (0, import_react27.useState)([]);
+  const beforeUpload = (file) => {
+    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(file.type);
+    if (!isCorrectFile) {
+      import_antd20.message.error(`(${file.name}) is an invalid file. Please upload files with the following extensions only (.png/.jpg/.jpeg)`);
+      return import_antd20.Upload.LIST_IGNORE;
+    }
+    return true;
+  };
+  const handleChange = ({ fileList }) => {
+    console.log(fileList);
+    setFiles(fileList);
+    if (props.onChange) {
+      props.onChange({
+        name: props.name,
+        value: fileList
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(
+    import_antd20.Upload,
+    {
+      accept: props.accept,
+      listType: props.list_type,
+      maxCount: props.max_count,
+      multiple: true,
+      fileList: files,
+      beforeUpload,
+      onChange: handleChange,
+      showUploadList: true
+    },
+    /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(import_icons6.PlusOutlined, null), /* @__PURE__ */ import_react27.default.createElement("div", { style: { marginTop: 8 } }, "Upload"))
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddMoreTable,
@@ -907,6 +949,7 @@ var MultiSelect = (props) => {
   CkEditor,
   DatePickerElement,
   DateRangePickerElement,
+  FileUpload,
   Image,
   MultiSelect,
   MultipleSelectElement,

package/dist/index.mjs

@@ -733,6 +733,7 @@ import { PlusOutlined as PlusOutlined2 } from "@ant-design/icons";
 var UploadElement = (props) => {
   const [files, setFiles] = useState7([]);
   const uploadChange = (fileList) => {
+    console.log(fileList);
     if (!fileList || fileList.length === 0) return;
     const newFileList = [...files];
     for (let i = 0; i < fileList.length; i++) {
@@ -843,6 +844,46 @@ var MultiSelect = (props) => {
     }
   ));
 };
+
+// src/Components/FilesUpload.tsx
+import React27, { useState as useState9 } from "react";
+import { Upload as Upload2, message } from "antd";
+import { PlusOutlined as PlusOutlined3 } from "@ant-design/icons";
+var FileUpload = (props) => {
+  const [files, setFiles] = useState9([]);
+  const beforeUpload = (file) => {
+    const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(file.type);
+    if (!isCorrectFile) {
+      message.error(`(${file.name}) is an invalid file. Please upload files with the following extensions only (.png/.jpg/.jpeg)`);
+      return Upload2.LIST_IGNORE;
+    }
+    return true;
+  };
+  const handleChange = ({ fileList }) => {
+    console.log(fileList);
+    setFiles(fileList);
+    if (props.onChange) {
+      props.onChange({
+        name: props.name,
+        value: fileList
+      });
+    }
+  };
+  return /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement(
+    Upload2,
+    {
+      accept: props.accept,
+      listType: props.list_type,
+      maxCount: props.max_count,
+      multiple: true,
+      fileList: files,
+      beforeUpload,
+      onChange: handleChange,
+      showUploadList: true
+    },
+    /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement(PlusOutlined3, null), /* @__PURE__ */ React27.createElement("div", { style: { marginTop: 8 } }, "Upload"))
+  ));
+};
 export {
   AddMoreTable,
   ButtonElement,
@@ -850,6 +891,7 @@ export {
   CkEditor,
   DatePickerElement,
   DateRangePickerElement,
+  FileUpload,
   Image,
   MultiSelect,
   MultipleSelectElement,

package/package.json

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