@plasmicpkgs/antd5 0.0.250 → 0.0.251

package/dist/antd.esm.js

@@ -1,4 +1,4 @@
-import { Result, Form, Checkbox, DatePicker, Radio, Select, Input, InputNumber, Avatar, Breadcrumb, Button, Collapse, ColorPicker, ConfigProvider, theme, message, notification, Drawer, Menu, Dropdown, Modal, Pagination, Popover, Progress, Rate, Segmented, Slider, Steps, Switch, Table, Tabs, Tooltip, Tree, Upload } from 'antd';
+import { Result, Form, Checkbox, DatePicker, Radio, Select, Input, InputNumber, Avatar, Breadcrumb, Button, Collapse, ColorPicker, ConfigProvider, theme, message, notification, Drawer, Menu, Dropdown, Modal, Pagination, Popover, Progress, Rate, Segmented, Slider, Steps, Switch, Table, Tabs, Tooltip, Tree, Upload, Image } from 'antd';
 import equal from 'fast-deep-equal';
 import React, { isValidElement, cloneElement, useMemo, useEffect, useState, useRef } from 'react';
 import registerComponent from '@plasmicapp/host/registerComponent';
@@ -9339,8 +9339,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) {
@@ -9348,6 +9349,7 @@ function UploadWrapper(props) {
   const filesRef = useRef();
   filesRef.current = files;
   const [previewFileId, setPreviewFileId] = useState();
+  const [previewOpen, setPreviewOpen] = useState(false);
   const handleChange = (info) => {
     var _a2;
     const { file } = info;
@@ -9370,8 +9372,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), {
@@ -9383,10 +9386,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), {
@@ -9402,6 +9406,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 = useMemo(
@@ -9429,22 +9434,18 @@ function UploadWrapper(props) {
         handleRemove(file);
       }
     })
-  ), /* @__PURE__ */ React.createElement(
-    Modal,
+  ), previewFile && /* @__PURE__ */ React.createElement(
+    Image,
     {
-      open: Boolean(previewFile),
-      title: previewFile == null ? void 0 : previewFile.name,
-      footer: null,
-      onCancel: handleCancel
-    },
-    /* @__PURE__ */ React.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 = {