@pnkx-lib/ui 1.9.463 → 1.9.465

package/es/ui/GenericUploadModal.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Modal, Spin } from 'antd';
 import * as React from 'react';
 import React__default, { isValidElement, version as version$1, useRef, useLayoutEffect, useEffect, Component, useContext, forwardRef, useMemo as useMemo$1, useState, Children, useImperativeHandle } from 'react';
@@ -13,6 +13,7 @@ import { R as RefIcon$7 } from '../chunks/LoadingOutlined-C5-PNVpb.js';
 import { R as RefIcon$8, a as RefIcon$a } from '../chunks/CloseCircleFilled-4jnV3XJV.js';
 import { R as RefIcon$9 } from '../chunks/CloseOutlined-DdLJZQvZ.js';
 import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
+import { ViewPdf } from './ViewPdf.js';
 import { R as RefIcon$b } from '../chunks/InboxOutlined-W7xl_mLq.js';
 
 // This icon file is generated automatically.
@@ -11485,6 +11486,7 @@ function GenericUploadModal({
   texts
 }) {
   const [displayFileList, setDisplayFileList] = useState([]);
+  const [previewPdf, setPreviewPdf] = useState(null);
   useEffect(() => {
     if (open) {
       const recordFiles = record?.map((item) => ({
@@ -11528,13 +11530,19 @@ function GenericUploadModal({
       return false;
     },
     onPreview: (file) => {
-      const link = document.createElement("a");
-      link.href = file.url || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : "");
-      link.download = file.name || "download";
-      link.target = "_blank";
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
+      const fileUrl = file.url || (file.originFileObj ? URL.createObjectURL(file.originFileObj) : "");
+      const extension = file.name?.split(".").pop()?.toLowerCase();
+      if (extension === "pdf") {
+        setPreviewPdf(fileUrl);
+      } else {
+        const link = document.createElement("a");
+        link.href = fileUrl;
+        link.download = file.name || "download";
+        link.target = "_blank";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+      }
     },
     onRemove: (file) => {
       const newList = displayFileList.filter((item) => item.uid !== file.uid);
@@ -11544,7 +11552,7 @@ function GenericUploadModal({
       return true;
     }
   });
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Modal,
     {
       open,
@@ -11554,30 +11562,40 @@ function GenericUploadModal({
       onCancel,
       onOk: onCancel,
       width: 800,
-      children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
-        Controller,
-        {
-          name: "file",
-          control,
-          render: ({ field }) => {
-            const { onChange } = field;
-            const props = createUploadProps(onChange);
-            return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading ?? "Uploading...", children: /* @__PURE__ */ jsxs(
-              Dragger,
-              {
-                ...props,
-                accept: allowedExtensions.map((ext) => `.${ext}`).join(","),
-                children: [
-                  /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$b, {}) }),
-                  /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText ?? "Click or drag files to this area to upload" }),
-                  /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 ?? "Max size 5MB" }),
-                  /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint2 ?? "Supported formats: " + allowedExtensions.join(", ") })
-                ]
-              }
-            ) });
+      centered: true,
+      children: [
+        previewPdf && /* @__PURE__ */ jsx(
+          ViewPdf,
+          {
+            workerUrl: "https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js",
+            fileUrl: previewPdf
           }
-        }
-      ) })
+        ),
+        /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
+          Controller,
+          {
+            name: "file",
+            control,
+            render: ({ field }) => {
+              const { onChange } = field;
+              const props = createUploadProps(onChange);
+              return /* @__PURE__ */ jsx(Spin, { spinning: false, tip: texts?.uploading ?? "Uploading...", children: /* @__PURE__ */ jsxs(
+                Dragger,
+                {
+                  ...props,
+                  accept: allowedExtensions.map((ext) => `.${ext}`).join(","),
+                  children: [
+                    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$b, {}) }),
+                    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: texts?.dragText ?? "Click or drag files to this area to upload" }),
+                    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint1 ?? "Max size 5MB" }),
+                    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: texts?.hint2 ?? "Supported formats: " + allowedExtensions.join(", ") })
+                  ]
+                }
+              ) });
+            }
+          }
+        ) })
+      ]
     }
   );
 }

package/es/ui/UploadComponent.js

@@ -41,7 +41,7 @@ const UploadComponent = ({
         customRequest: async (options) => {
           const { file, onSuccess, onError } = options;
           try {
-            await customRequest?.(file, field.onChange);
+            customRequest?.(file, field.onChange);
             onSuccess?.({}, file);
           } catch (err) {
             onError?.(err);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.463",
+  "version": "1.9.465",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",