@apexcura/ui-components 0.0.13-Beta53 → 0.0.13-Beta55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +35 -34
  2. package/dist/index.mjs +35 -34
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -792,48 +792,47 @@ var UploadElement = (props) => {
792
792
  const [previewType, setPreviewType] = (0, import_react23.useState)(null);
793
793
  const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
794
794
  const uploadChange = (fileList) => {
795
- console.log(fileList?.length);
796
795
  if (!fileList || fileList.length === 0) return;
797
- const selectedFile = fileList[0];
798
- console.log("selectedFile", selectedFile);
799
- if (!selectedFile) return;
800
- const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
801
- selectedFile.type
802
- );
803
- if (!isCorrectFile) {
804
- import_antd17.Modal.error({
805
- title: `(${selectedFile.name}) is an invalid file.`,
806
- content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
807
- zIndex: 1022
808
- });
809
- return;
810
- }
811
- const newFile = {
812
- uid: `id${Math.random().toString(16).slice(2)}`,
813
- name: selectedFile.name,
814
- status: "done",
815
- type: selectedFile.type,
816
- size: selectedFile.size,
817
- url: URL.createObjectURL(selectedFile),
818
- originFileObj: selectedFile
819
- };
820
- const reader = new FileReader();
821
- reader.onload = (e) => {
822
- if (e.target?.result) {
823
- newFile.thumbUrl = e.target.result.toString();
796
+ const newFileList = [];
797
+ for (let i = 0; i < fileList.length; i++) {
798
+ const selectedFile = fileList[i];
799
+ const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
800
+ selectedFile.type
801
+ );
802
+ if (!isCorrectFile) {
803
+ import_antd17.Modal.error({
804
+ title: `(${selectedFile.name}) is an invalid file.`,
805
+ content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
806
+ zIndex: 1022
807
+ });
808
+ return;
824
809
  }
825
- };
826
- reader.readAsDataURL(selectedFile);
827
- console.log(props.value);
828
- const newFileList = props.value ? [...props.value, newFile] : [newFile];
810
+ const newFile = {
811
+ uid: `id${Math.random().toString(16).slice(2)}`,
812
+ name: selectedFile.name,
813
+ status: "done",
814
+ type: selectedFile.type,
815
+ size: selectedFile.size,
816
+ url: URL.createObjectURL(selectedFile),
817
+ originFileObj: selectedFile
818
+ };
819
+ const reader = new FileReader();
820
+ reader.onload = (e) => {
821
+ if (e.target?.result) {
822
+ newFile.thumbUrl = e.target.result.toString();
823
+ }
824
+ };
825
+ reader.readAsDataURL(selectedFile);
826
+ newFileList.push(newFile);
827
+ }
828
+ const updatedFileList = props.value ? [...props.value, ...newFileList] : newFileList;
829
829
  props.onChange && props.onChange({
830
830
  name: props.name,
831
- value: newFileList
831
+ value: updatedFileList
832
832
  });
833
833
  };
834
834
  const uploadChange2 = ({ file, fileList }) => {
835
835
  const newFileList = fileList.filter((f) => f.name !== file.name);
836
- console.log(newFileList);
837
836
  props.onChange && props.onChange({
838
837
  name: props.name,
839
838
  value: newFileList
@@ -843,6 +842,7 @@ var UploadElement = (props) => {
843
842
  if (!file.url && !file.preview) {
844
843
  file.preview = await URL.createObjectURL(file.originFileObj);
845
844
  }
845
+ setPreviewImage(file.url || file.preview);
846
846
  setPreviewType(
847
847
  file.type || file.name.substring(file.name.lastIndexOf(".") + 1)
848
848
  );
@@ -863,6 +863,7 @@ var UploadElement = (props) => {
863
863
  id: "upload",
864
864
  type: "file",
865
865
  accept: "image/*;capture=camera",
866
+ multiple: true,
866
867
  onChange: (e) => uploadChange(e.target.files)
867
868
  }
868
869
  )), /* @__PURE__ */ import_react23.default.createElement(
package/dist/index.mjs CHANGED
@@ -736,48 +736,47 @@ var UploadElement = (props) => {
736
736
  const [previewType, setPreviewType] = useState7(null);
737
737
  const [previewImage, setPreviewImage] = useState7(null);
738
738
  const uploadChange = (fileList) => {
739
- console.log(fileList?.length);
740
739
  if (!fileList || fileList.length === 0) return;
741
- const selectedFile = fileList[0];
742
- console.log("selectedFile", selectedFile);
743
- if (!selectedFile) return;
744
- const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
745
- selectedFile.type
746
- );
747
- if (!isCorrectFile) {
748
- Modal2.error({
749
- title: `(${selectedFile.name}) is an invalid file.`,
750
- content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
751
- zIndex: 1022
752
- });
753
- return;
754
- }
755
- const newFile = {
756
- uid: `id${Math.random().toString(16).slice(2)}`,
757
- name: selectedFile.name,
758
- status: "done",
759
- type: selectedFile.type,
760
- size: selectedFile.size,
761
- url: URL.createObjectURL(selectedFile),
762
- originFileObj: selectedFile
763
- };
764
- const reader = new FileReader();
765
- reader.onload = (e) => {
766
- if (e.target?.result) {
767
- newFile.thumbUrl = e.target.result.toString();
740
+ const newFileList = [];
741
+ for (let i = 0; i < fileList.length; i++) {
742
+ const selectedFile = fileList[i];
743
+ const isCorrectFile = ["image/png", "image/jpg", "image/jpeg"].includes(
744
+ selectedFile.type
745
+ );
746
+ if (!isCorrectFile) {
747
+ Modal2.error({
748
+ title: `(${selectedFile.name}) is an invalid file.`,
749
+ content: `Please upload files with the following extensions only (.png/.jpg/.jpeg)`,
750
+ zIndex: 1022
751
+ });
752
+ return;
768
753
  }
769
- };
770
- reader.readAsDataURL(selectedFile);
771
- console.log(props.value);
772
- const newFileList = props.value ? [...props.value, newFile] : [newFile];
754
+ const newFile = {
755
+ uid: `id${Math.random().toString(16).slice(2)}`,
756
+ name: selectedFile.name,
757
+ status: "done",
758
+ type: selectedFile.type,
759
+ size: selectedFile.size,
760
+ url: URL.createObjectURL(selectedFile),
761
+ originFileObj: selectedFile
762
+ };
763
+ const reader = new FileReader();
764
+ reader.onload = (e) => {
765
+ if (e.target?.result) {
766
+ newFile.thumbUrl = e.target.result.toString();
767
+ }
768
+ };
769
+ reader.readAsDataURL(selectedFile);
770
+ newFileList.push(newFile);
771
+ }
772
+ const updatedFileList = props.value ? [...props.value, ...newFileList] : newFileList;
773
773
  props.onChange && props.onChange({
774
774
  name: props.name,
775
- value: newFileList
775
+ value: updatedFileList
776
776
  });
777
777
  };
778
778
  const uploadChange2 = ({ file, fileList }) => {
779
779
  const newFileList = fileList.filter((f) => f.name !== file.name);
780
- console.log(newFileList);
781
780
  props.onChange && props.onChange({
782
781
  name: props.name,
783
782
  value: newFileList
@@ -787,6 +786,7 @@ var UploadElement = (props) => {
787
786
  if (!file.url && !file.preview) {
788
787
  file.preview = await URL.createObjectURL(file.originFileObj);
789
788
  }
789
+ setPreviewImage(file.url || file.preview);
790
790
  setPreviewType(
791
791
  file.type || file.name.substring(file.name.lastIndexOf(".") + 1)
792
792
  );
@@ -807,6 +807,7 @@ var UploadElement = (props) => {
807
807
  id: "upload",
808
808
  type: "file",
809
809
  accept: "image/*;capture=camera",
810
+ multiple: true,
810
811
  onChange: (e) => uploadChange(e.target.files)
811
812
  }
812
813
  )), /* @__PURE__ */ React23.createElement(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.13-Beta53",
3
+ "version": "0.0.13-Beta55",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",