@plasmicpkgs/antd5 0.0.250 → 0.0.252

package/dist/index.js

@@ -9356,8 +9356,9 @@ var __objRest = (source, exclude) => {
 };
 function getThumbUrl(file) {
   var _a;
-  if (!((_a = file == null ? void 0 : file.type) == null ? void 0 : _a.startsWith("image")))
+  if (!((_a = file == null ? void 0 : file.type) == null ? void 0 : _a.startsWith("image"))) {
     return void 0;
+  }
   return `data:${file.type};base64,${file.contents}`;
 }
 function UploadWrapper(props) {
@@ -9365,6 +9366,7 @@ function UploadWrapper(props) {
   const filesRef = React.useRef();
   filesRef.current = files;
   const [previewFileId, setPreviewFileId] = React.useState();
+  const [previewOpen, setPreviewOpen] = React.useState(false);
   const handleChange = (info) => {
     var _a2;
     const { file } = info;
@@ -9387,8 +9389,9 @@ function UploadWrapper(props) {
     const reader = new FileReader();
     reader.onload = () => {
       var _a3, _b;
-      if (!((_a3 = filesRef.current) == null ? void 0 : _a3.map((f) => f.uid).includes(metadata.uid)))
+      if (!((_a3 = filesRef.current) == null ? void 0 : _a3.map((f) => f.uid).includes(metadata.uid))) {
         return;
+      }
       onFilesChange == null ? void 0 : onFilesChange([
         ...((_b = filesRef.current) != null ? _b : []).filter((f) => f.uid !== file.uid),
         __spreadProps(__spreadValues({}, metadata), {
@@ -9400,10 +9403,11 @@ function UploadWrapper(props) {
         })
       ]);
     };
-    reader.onerror = (error) => {
+    reader.onerror = () => {
       var _a3, _b;
-      if (!((_a3 = filesRef.current) == null ? void 0 : _a3.map((f) => f.uid).includes(metadata.uid)))
+      if (!((_a3 = filesRef.current) == null ? void 0 : _a3.map((f) => f.uid).includes(metadata.uid))) {
         return;
+      }
       onFilesChange == null ? void 0 : onFilesChange([
         ...((_b = filesRef.current) != null ? _b : []).filter((f) => f.uid !== file.uid),
         __spreadProps(__spreadValues({}, metadata), {
@@ -9419,6 +9423,7 @@ function UploadWrapper(props) {
   const handlePreview = async (file) => {
     var _a2;
     setPreviewFileId((_a2 = files == null ? void 0 : files.filter((f) => file.uid === f.uid)[0]) == null ? void 0 : _a2.uid);
+    setPreviewOpen(true);
   };
   const handleCancel = () => setPreviewFileId(void 0);
   const previewFile = React.useMemo(
@@ -9446,22 +9451,18 @@ function UploadWrapper(props) {
         handleRemove(file);
       }
     })
-  ), /* @__PURE__ */ React__default.default.createElement(
-    antd.Modal,
+  ), previewFile && /* @__PURE__ */ React__default.default.createElement(
+    antd.Image,
     {
-      open: Boolean(previewFile),
-      title: previewFile == null ? void 0 : previewFile.name,
-      footer: null,
-      onCancel: handleCancel
-    },
-    /* @__PURE__ */ React__default.default.createElement(
-      "img",
-      {
-        alt: "example",
-        style: { width: "100%" },
-        src: getThumbUrl(previewFile)
-      }
-    )
+      wrapperStyle: { display: "none" },
+      preview: {
+        visible: previewOpen,
+        onVisibleChange: (visible) => setPreviewOpen(visible),
+        afterOpenChange: (visible) => !visible && handleCancel()
+      },
+      alt: previewFile == null ? void 0 : previewFile.name,
+      src: getThumbUrl(previewFile)
+    }
   ));
 }
 UploadWrapper.__plasmicFormFieldMeta = {