@apexcura/ui-components 0.0.13-Beta69 → 0.0.13-Beta70
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.
- package/dist/index.js +3 -49
- package/dist/index.mjs +5 -51
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -788,10 +788,6 @@ var import_antd17 = require("antd");
|
|
|
788
788
|
var import_icons5 = require("@ant-design/icons");
|
|
789
789
|
var UploadElement = (props) => {
|
|
790
790
|
const [files, setFiles] = (0, import_react23.useState)([]);
|
|
791
|
-
const [previewTitle, setPreviewTitle] = (0, import_react23.useState)(null);
|
|
792
|
-
const [previewOpen, setPreviewOpen] = (0, import_react23.useState)(false);
|
|
793
|
-
const [previewType, setPreviewType] = (0, import_react23.useState)(null);
|
|
794
|
-
const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
|
|
795
791
|
const uploadChange = (fileList) => {
|
|
796
792
|
if (!fileList || fileList.length === 0) return;
|
|
797
793
|
const newFileList = [...files];
|
|
@@ -832,13 +828,7 @@ var UploadElement = (props) => {
|
|
|
832
828
|
value: newFileList
|
|
833
829
|
});
|
|
834
830
|
};
|
|
835
|
-
|
|
836
|
-
setPreviewImage(null);
|
|
837
|
-
setPreviewType(null);
|
|
838
|
-
setPreviewOpen(false);
|
|
839
|
-
setPreviewTitle(null);
|
|
840
|
-
};
|
|
841
|
-
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(
|
|
831
|
+
return /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(
|
|
842
832
|
import_antd17.Upload,
|
|
843
833
|
{
|
|
844
834
|
accept: props.accept,
|
|
@@ -849,44 +839,8 @@ var UploadElement = (props) => {
|
|
|
849
839
|
onChange: (e) => uploadChange(e.target.files),
|
|
850
840
|
showUploadList: true
|
|
851
841
|
},
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
(error, eKey) => /* @__PURE__ */ import_react23.default.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)
|
|
855
|
-
), /* @__PURE__ */ import_react23.default.createElement(
|
|
856
|
-
import_antd17.Modal,
|
|
857
|
-
{
|
|
858
|
-
open: previewOpen,
|
|
859
|
-
width: "100%",
|
|
860
|
-
zIndex: 1025,
|
|
861
|
-
centered: true,
|
|
862
|
-
maskClosable: false,
|
|
863
|
-
title: previewTitle,
|
|
864
|
-
footer: null,
|
|
865
|
-
onCancel: handleCancel,
|
|
866
|
-
destroyOnClose: true
|
|
867
|
-
},
|
|
868
|
-
/* @__PURE__ */ import_react23.default.createElement(import_antd17.Tooltip, { title: "Close", placement: "bottom" }, /* @__PURE__ */ import_react23.default.createElement(
|
|
869
|
-
import_icons5.CloseOutlined,
|
|
870
|
-
{
|
|
871
|
-
className: "border popup-close",
|
|
872
|
-
onClick: handleCancel
|
|
873
|
-
}
|
|
874
|
-
)),
|
|
875
|
-
previewType === "application/pdf" || previewType === "pdf" ? /* @__PURE__ */ import_react23.default.createElement(
|
|
876
|
-
"iframe",
|
|
877
|
-
{
|
|
878
|
-
title: "document",
|
|
879
|
-
style: { width: "95vw", height: "40vw" },
|
|
880
|
-
src: `${previewImage}#toolbar=0`
|
|
881
|
-
}
|
|
882
|
-
) : /* @__PURE__ */ import_react23.default.createElement(
|
|
883
|
-
"img",
|
|
884
|
-
{
|
|
885
|
-
alt: "image",
|
|
886
|
-
src: previewImage || void 0,
|
|
887
|
-
className: "d-flex mx-auto w-100"
|
|
888
|
-
}
|
|
889
|
-
)
|
|
842
|
+
/* @__PURE__ */ import_react23.default.createElement(import_icons5.PlusOutlined, null),
|
|
843
|
+
/* @__PURE__ */ import_react23.default.createElement("div", { style: { marginTop: 8 } }, "Upload")
|
|
890
844
|
));
|
|
891
845
|
};
|
|
892
846
|
|
package/dist/index.mjs
CHANGED
|
@@ -728,14 +728,10 @@ var DateRangePickerElement = (props) => {
|
|
|
728
728
|
|
|
729
729
|
// src/Components/UploadElement.tsx
|
|
730
730
|
import React23, { useState as useState7 } from "react";
|
|
731
|
-
import { Upload, Modal as Modal2
|
|
732
|
-
import { PlusOutlined as PlusOutlined2
|
|
731
|
+
import { Upload, Modal as Modal2 } from "antd";
|
|
732
|
+
import { PlusOutlined as PlusOutlined2 } from "@ant-design/icons";
|
|
733
733
|
var UploadElement = (props) => {
|
|
734
734
|
const [files, setFiles] = useState7([]);
|
|
735
|
-
const [previewTitle, setPreviewTitle] = useState7(null);
|
|
736
|
-
const [previewOpen, setPreviewOpen] = useState7(false);
|
|
737
|
-
const [previewType, setPreviewType] = useState7(null);
|
|
738
|
-
const [previewImage, setPreviewImage] = useState7(null);
|
|
739
735
|
const uploadChange = (fileList) => {
|
|
740
736
|
if (!fileList || fileList.length === 0) return;
|
|
741
737
|
const newFileList = [...files];
|
|
@@ -776,13 +772,7 @@ var UploadElement = (props) => {
|
|
|
776
772
|
value: newFileList
|
|
777
773
|
});
|
|
778
774
|
};
|
|
779
|
-
|
|
780
|
-
setPreviewImage(null);
|
|
781
|
-
setPreviewType(null);
|
|
782
|
-
setPreviewOpen(false);
|
|
783
|
-
setPreviewTitle(null);
|
|
784
|
-
};
|
|
785
|
-
return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("label", { className: "native-camera-button" }), /* @__PURE__ */ React23.createElement(
|
|
775
|
+
return /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(
|
|
786
776
|
Upload,
|
|
787
777
|
{
|
|
788
778
|
accept: props.accept,
|
|
@@ -793,44 +783,8 @@ var UploadElement = (props) => {
|
|
|
793
783
|
onChange: (e) => uploadChange(e.target.files),
|
|
794
784
|
showUploadList: true
|
|
795
785
|
},
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
(error, eKey) => /* @__PURE__ */ React23.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)
|
|
799
|
-
), /* @__PURE__ */ React23.createElement(
|
|
800
|
-
Modal2,
|
|
801
|
-
{
|
|
802
|
-
open: previewOpen,
|
|
803
|
-
width: "100%",
|
|
804
|
-
zIndex: 1025,
|
|
805
|
-
centered: true,
|
|
806
|
-
maskClosable: false,
|
|
807
|
-
title: previewTitle,
|
|
808
|
-
footer: null,
|
|
809
|
-
onCancel: handleCancel,
|
|
810
|
-
destroyOnClose: true
|
|
811
|
-
},
|
|
812
|
-
/* @__PURE__ */ React23.createElement(Tooltip, { title: "Close", placement: "bottom" }, /* @__PURE__ */ React23.createElement(
|
|
813
|
-
CloseOutlined,
|
|
814
|
-
{
|
|
815
|
-
className: "border popup-close",
|
|
816
|
-
onClick: handleCancel
|
|
817
|
-
}
|
|
818
|
-
)),
|
|
819
|
-
previewType === "application/pdf" || previewType === "pdf" ? /* @__PURE__ */ React23.createElement(
|
|
820
|
-
"iframe",
|
|
821
|
-
{
|
|
822
|
-
title: "document",
|
|
823
|
-
style: { width: "95vw", height: "40vw" },
|
|
824
|
-
src: `${previewImage}#toolbar=0`
|
|
825
|
-
}
|
|
826
|
-
) : /* @__PURE__ */ React23.createElement(
|
|
827
|
-
"img",
|
|
828
|
-
{
|
|
829
|
-
alt: "image",
|
|
830
|
-
src: previewImage || void 0,
|
|
831
|
-
className: "d-flex mx-auto w-100"
|
|
832
|
-
}
|
|
833
|
-
)
|
|
786
|
+
/* @__PURE__ */ React23.createElement(PlusOutlined2, null),
|
|
787
|
+
/* @__PURE__ */ React23.createElement("div", { style: { marginTop: 8 } }, "Upload")
|
|
834
788
|
));
|
|
835
789
|
};
|
|
836
790
|
|