iglooform 2.5.16 → 2.5.19

package/lib/media/preview.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
 require("antd/es/grid/style");
 
 var _grid = _interopRequireDefault(require("antd/es/grid"));
@@ -19,6 +23,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _iglooicon = require("iglooicon");
 
+var _modal = _interopRequireDefault(require("../modal"));
+
+var _password = _interopRequireDefault(require("../input/password"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _locale = require("../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -40,6 +52,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var useBreakpoint = _grid.default.useBreakpoint;
+var PasswordResponses = {
+  NEED_PASSWORD: 1,
+  INCORRECT_PASSWORD: 2
+};
 
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
@@ -50,6 +66,9 @@ var PdfViewer = function PdfViewer(_ref) {
       _ref$showAllPages = _ref.showAllPages,
       showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages;
 
+  var _useContext = (0, _react.useContext)(_locale.LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
   var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
       pageSize = _useState2[0],
@@ -60,9 +79,23 @@ var PdfViewer = function PdfViewer(_ref) {
       page = _useState4[0],
       setPage = _useState4[1];
 
+  var documentRef = (0, _react.useRef)(null);
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      needPassword = _useState6[0],
+      setNeedPassword = _useState6[1];
+
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
 
+  var _useReducer = (0, _react.useReducer)(function (a) {
+    return a + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      index = _useReducer2[0],
+      update = _useReducer2[1];
+
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
         numPages = _ref2.numPages;
@@ -72,6 +105,74 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
+  var handleCancelLoad = function handleCancelLoad() {
+    var current = documentRef === null || documentRef === void 0 ? void 0 : documentRef.current;
+
+    if (current) {
+      // @ts-ignore
+      current.setState({
+        pdf: false
+      });
+    }
+
+    setNeedPassword(true);
+  };
+
+  var onPassword = function onPassword(callback, reason) {
+    if (reason) {
+      var password = '';
+
+      if (reason === PasswordResponses.INCORRECT_PASSWORD) {
+        _message2.default.error(formatMessage({
+          id: 'Invalid password.'
+        }));
+      }
+
+      _modal.default.confirm({
+        title: formatMessage({
+          id: 'Enter the password to open this PDF file.'
+        }),
+        maskClosable: false,
+        content: (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)(_password.default, {
+            onChange: function onChange(event) {
+              return password = event.target.value;
+            },
+            placeholder: "input password"
+          })
+        }),
+        okText: formatMessage({
+          id: 'Ok'
+        }),
+        cancelText: formatMessage({
+          id: 'Cancel'
+        }),
+        onOk: function onOk() {
+          return callback(password);
+        },
+        onCancel: handleCancelLoad
+      });
+    }
+  };
+
+  var reopen = function reopen() {
+    setNeedPassword(false);
+    update();
+  };
+
+  if (needPassword) {
+    return (0, _jsxRuntime.jsx)(_button.default, {
+      onClick: reopen,
+      style: {
+        color: '#ffffff'
+      },
+      type: "text",
+      children: formatMessage({
+        id: 'This is an encrypted file, click to enter password.'
+      })
+    });
+  }
+
   if (showAllPages) {
     return (0, _jsxRuntime.jsx)("div", {
       style: {
@@ -86,6 +187,8 @@ var PdfViewer = function PdfViewer(_ref) {
       children: (0, _jsxRuntime.jsx)(_entry.Document, {
         file: src,
         onLoadSuccess: handlePageInit,
+        ref: documentRef,
+        onPassword: onPassword,
         children: Array.from({
           length: pageSize
         }).map(function (_, index) {
@@ -95,7 +198,7 @@ var PdfViewer = function PdfViewer(_ref) {
           }, index);
         })
       })
-    });
+    }, index);
   }
 
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -110,12 +213,14 @@ var PdfViewer = function PdfViewer(_ref) {
       children: (0, _jsxRuntime.jsx)(_entry.Document, {
         file: src,
         onLoadSuccess: handlePageInit,
+        ref: documentRef,
+        onPassword: onPassword,
         children: (0, _jsxRuntime.jsx)(_entry.Page, {
           pageNumber: page,
           scale: scale
         })
       })
-    }), isCurrent && Boolean(pageSize > 1) && (0, _jsxRuntime.jsxs)("div", {
+    }, index), isCurrent && Boolean(pageSize > 1) && (0, _jsxRuntime.jsxs)("div", {
       style: {
         position: 'fixed',
         bottom: 0,
@@ -202,34 +307,34 @@ var Media = function Media(_ref4) {
       _ref4$showAllPages = _ref4.showAllPages,
       showAllPages = _ref4$showAllPages === void 0 ? true : _ref4$showAllPages;
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isDrag = _useState6[0],
-      setIsDrag = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isDrag = _useState8[0],
+      setIsDrag = _useState8[1];
 
-  var _useState7 = (0, _react.useState)({
+  var _useState9 = (0, _react.useState)({
     startX: 0,
     startY: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      startPos = _useState8[0],
-      setStartPos = _useState8[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      startPos = _useState10[0],
+      setStartPos = _useState10[1];
 
-  var _useState9 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)({
     top: 0,
     left: 0
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      offset = _useState10[0],
-      setOffset = _useState10[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      offset = _useState12[0],
+      setOffset = _useState12[1];
 
-  var _useState11 = (0, _react.useState)({
+  var _useState13 = (0, _react.useState)({
     top: 0,
     left: 0
   }),
-      _useState12 = _slicedToArray(_useState11, 2),
-      lastOffset = _useState12[0],
-      setLastOffset = _useState12[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      lastOffset = _useState14[0],
+      setLastOffset = _useState14[1];
 
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();

package/lib/types.d.ts

@@ -110,7 +110,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     length?: number;
     minLength?: number;
     maxLength?: number;
-    idType?: 'KTP';
+    idType?: 'KTP' | 'NIK';
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/lib/typography/style/index.less

@@ -1,5 +1,6 @@
 .word-wrap {
   word-wrap: break-word;
+  white-space: pre-wrap;
 }
 
 .igloo-typography {

package/lib/upload-photo/media.js

@@ -7,13 +7,37 @@ exports.default = void 0;
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _react = require("react");
+
 var _entry = require("react-pdf/dist/esm/entry.webpack");
 
+var _locale = require("../locale");
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
       src = _ref.src,
       className = _ref.className;
 
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      needPassword = _useState2[0],
+      setNeedPassword = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_locale.LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
   switch (type) {
     case 'video':
       return (0, _jsxRuntime.jsx)("video", {
@@ -29,8 +53,13 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return (0, _jsxRuntime.jsx)("div", {
         className: className,
-        children: (0, _jsxRuntime.jsx)(_entry.Document, {
+        children: needPassword ? formatMessage({
+          id: 'Encrypted PDF'
+        }) : (0, _jsxRuntime.jsx)(_entry.Document, {
           file: src,
+          onPassword: function onPassword() {
+            setNeedPassword(true);
+          },
           children: (0, _jsxRuntime.jsx)(_entry.Page, {
             pageNumber: 1,
             height: 96

package/lib/upload-preview/index.js

@@ -171,7 +171,7 @@ var UploadPreview = function UploadPreview(_ref) {
       }), src && type && (0, _jsxRuntime.jsx)(_media.default, {
         src: src,
         type: type
-      }), (0, _jsxRuntime.jsx)(_button.default, {
+      }, current), (0, _jsxRuntime.jsx)(_button.default, {
         icon: (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {}),
         className: (0, _classnames.default)('igloo-upload-preview-modal-button', 'igloo-upload-preview-modal-button-right'),
         onClick: next,

package/lib/upload-preview/media.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
 require("antd/es/grid/style");
 
 var _grid = _interopRequireDefault(require("antd/es/grid"));
@@ -21,6 +25,12 @@ var _iglooicon = require("iglooicon");
 
 var _localeContext = _interopRequireDefault(require("../locale/locale-context"));
 
+var _modal = _interopRequireDefault(require("../modal"));
+
+var _password = _interopRequireDefault(require("../input/password"));
+
+var _button = _interopRequireDefault(require("../button"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,6 +48,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var useBreakpoint = _grid.default.useBreakpoint;
+var PasswordResponses = {
+  NEED_PASSWORD: 1,
+  INCORRECT_PASSWORD: 2
+};
 
 var PDF = function PDF(_ref) {
   var src = _ref.src;
@@ -47,9 +61,26 @@ var PDF = function PDF(_ref) {
       pageSize = _useState2[0],
       setPageSize = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      needPassword = _useState4[0],
+      setNeedPassword = _useState4[1];
+
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
 
+  var _useReducer = (0, _react.useReducer)(function (a) {
+    return a + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      index = _useReducer2[0],
+      update = _useReducer2[1];
+
+  var documentRef = (0, _react.useRef)(null);
+
+  var _useContext = (0, _react.useContext)(_localeContext.default),
+      formatMessage = _useContext.formatMessage;
+
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
         numPages = _ref2.numPages;
@@ -59,11 +90,77 @@ var PDF = function PDF(_ref) {
     }
   };
 
+  var handleCancelLoad = function handleCancelLoad() {
+    var current = documentRef === null || documentRef === void 0 ? void 0 : documentRef.current;
+
+    if (current) {
+      // @ts-ignore
+      current.setState({
+        pdf: false
+      });
+    }
+
+    setNeedPassword(true);
+  };
+
+  var onPassword = function onPassword(callback, reason) {
+    if (reason) {
+      var password = '';
+
+      if (reason === PasswordResponses.INCORRECT_PASSWORD) {
+        _message2.default.error(formatMessage({
+          id: 'Invalid password.'
+        }));
+      }
+
+      _modal.default.confirm({
+        title: formatMessage({
+          id: 'Enter the password to open this PDF file.'
+        }),
+        maskClosable: false,
+        content: (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)(_password.default, {
+            onChange: function onChange(event) {
+              return password = event.target.value;
+            },
+            placeholder: "input password"
+          })
+        }),
+        okText: formatMessage({
+          id: 'Ok'
+        }),
+        cancelText: formatMessage({
+          id: 'Cancel'
+        }),
+        onOk: function onOk() {
+          return callback(password);
+        },
+        onCancel: handleCancelLoad
+      });
+    }
+  };
+
+  var reopen = function reopen() {
+    setNeedPassword(false);
+    update();
+  };
+
+  if (needPassword) {
+    return (0, _jsxRuntime.jsx)(_button.default, {
+      onClick: reopen,
+      type: "text",
+      children: formatMessage({
+        id: 'This is an encrypted file, click to enter password.'
+      })
+    });
+  }
+
   return (0, _jsxRuntime.jsx)("div", {
     className: "igloo-upload-preview-pdf",
     children: (0, _jsxRuntime.jsx)(_entry.Document, {
       file: src,
       onLoadSuccess: handlePageInit,
+      onPassword: onPassword,
       children: Array.from({
         length: pageSize
       }).map(function (_, index) {
@@ -72,7 +169,7 @@ var PDF = function PDF(_ref) {
           scale: md ? 1 : 0.5
         }, index);
       })
-    })
+    }, index)
   });
 };
 
@@ -81,8 +178,8 @@ var Media = function Media(_ref3) {
       type = _ref3.type,
       className = _ref3.className;
 
-  var _useContext = (0, _react.useContext)(_localeContext.default),
-      formatMessage = _useContext.formatMessage;
+  var _useContext2 = (0, _react.useContext)(_localeContext.default),
+      formatMessage = _useContext2.formatMessage;
 
   var children = (0, _jsxRuntime.jsxs)("div", {
     className: "igloo-upload-prevew-not-supported",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.5.16",
+  "version": "2.5.19",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",