iglooform 2.4.35 → 2.5.0

package/es/media/media.js

@@ -1,7 +1,7 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -25,9 +25,12 @@ var MediaItem = function MediaItem(_ref) {
           maxHeight: 80,
           position: 'absolute'
         },
-        children: _jsx(PDF, {
+        children: _jsx(Document, {
           file: src,
-          scale: 0.1
+          children: _jsx(Page, {
+            pageNumber: 1,
+            scale: 0.1
+          })
         })
       });
 

package/es/media/preview.js

@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
@@ -41,17 +41,6 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push(_jsx(PDF, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: scale
-    }, i));
-  }
-
   return _jsx("div", {
     style: {
       display: 'flex',
@@ -61,7 +50,18 @@ var PdfViewer = function PdfViewer(_ref) {
       transform: "translate(".concat(left, "px, ").concat(top, "px)"),
       position: 'absolute'
     },
-    children: pages
+    children: _jsx(Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return _jsx(Page, {
+          pageNumber: index + 1,
+          scale: scale
+        }, index);
+      })
+    })
   });
 };
 

package/es/upload-photo/media.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -21,13 +21,12 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return _jsx("div", {
         className: className,
-        children: _jsx(PDF, {
+        children: _jsx(Document, {
           file: src,
-          scale: 0.1,
-          style: {
-            maxWidth: 96,
-            maxHeight: 96
-          }
+          children: _jsx(Page, {
+            pageNumber: 1,
+            height: 96
+          })
         })
       });
 

package/es/upload-preview/media.js

@@ -16,7 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useContext } from 'react';
 import Typography from '../typography';
-import PDFPreview from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 import { ErrorFilled } from 'iglooicon';
 import LocaleContext from '../locale/locale-context';
 import classNames from 'classnames';
@@ -42,20 +42,20 @@ var PDF = function PDF(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push(_jsx(PDFPreview, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: md ? 1 : 0.5
-    }, i));
-  }
-
   return _jsx("div", {
     className: "igloo-upload-preview-pdf",
-    children: pages
+    children: _jsx(Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return _jsx(Page, {
+          pageNumber: index + 1,
+          scale: md ? 1 : 0.5
+        }, index);
+      })
+    })
   });
 };
 

package/lib/media/media.js

@@ -11,7 +11,7 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,9 +37,12 @@ var MediaItem = function MediaItem(_ref) {
           maxHeight: 80,
           position: 'absolute'
         },
-        children: (0, _jsxRuntime.jsx)(_reactPdf.default, {
+        children: (0, _jsxRuntime.jsx)(_entry.Document, {
           file: src,
-          scale: 0.1
+          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+            pageNumber: 1,
+            scale: 0.1
+          })
         })
       });
 

package/lib/media/preview.js

@@ -9,9 +9,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,17 +50,6 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push((0, _jsxRuntime.jsx)(_reactPdf.default, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: scale
-    }, i));
-  }
-
   return (0, _jsxRuntime.jsx)("div", {
     style: {
       display: 'flex',
@@ -72,7 +59,18 @@ var PdfViewer = function PdfViewer(_ref) {
       transform: "translate(".concat(left, "px, ").concat(top, "px)"),
       position: 'absolute'
     },
-    children: pages
+    children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return (0, _jsxRuntime.jsx)(_entry.Page, {
+          pageNumber: index + 1,
+          scale: scale
+        }, index);
+      })
+    })
   });
 };
 

package/lib/upload-photo/media.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -31,13 +29,12 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return (0, _jsxRuntime.jsx)("div", {
         className: className,
-        children: (0, _jsxRuntime.jsx)(_reactPdf.default, {
+        children: (0, _jsxRuntime.jsx)(_entry.Document, {
           file: src,
-          scale: 0.1,
-          style: {
-            maxWidth: 96,
-            maxHeight: 96
-          }
+          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+            pageNumber: 1,
+            height: 96
+          })
         })
       });
 

package/lib/upload-preview/media.js

@@ -15,7 +15,7 @@ var _react = require("react");
 
 var _typography = _interopRequireDefault(require("../typography"));
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 var _iglooicon = require("iglooicon");
 
@@ -59,20 +59,20 @@ var PDF = function PDF(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push((0, _jsxRuntime.jsx)(_reactPdf.default, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: md ? 1 : 0.5
-    }, i));
-  }
-
   return (0, _jsxRuntime.jsx)("div", {
     className: "igloo-upload-preview-pdf",
-    children: pages
+    children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return (0, _jsxRuntime.jsx)(_entry.Page, {
+          pageNumber: index + 1,
+          scale: md ? 1 : 0.5
+        }, index);
+      })
+    })
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.4.35",
+  "version": "2.5.0",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",
@@ -34,7 +34,6 @@
     ]
   },
   "dependencies": {
-    "@mikecousins/react-pdf": "^5.5.1",
     "@umijs/hooks": "^1.9.3",
     "aws-sdk": "^2.966.0",
     "classnames": "^2.2.6",
@@ -44,7 +43,8 @@
     "lodash.debounce": "^4.0.8",
     "omit.js": "^2.0.2",
     "react": "^16.12.0",
-    "react-json-view": "^1.19.1"
+    "react-json-view": "^1.19.1",
+    "react-pdf": "^5.7.2"
   },
   "devDependencies": {
     "@formatjs/cli": "^4.2.8",
@@ -52,6 +52,7 @@
     "@types/classnames": "^2.2.11",
     "@types/invariant": "^2.2.34",
     "@types/lodash.debounce": "^4.0.6",
+    "@types/react-pdf": "^5.0.9",
     "@types/vfile-message": "^2.0.0",
     "@umijs/plugin-antd": "^0.8.0",
     "@umijs/plugin-esbuild": "^1.3.1",