iglooform 2.5.4 → 2.5.5

package/lib/locale/zh-TW/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "數據已處理",
   "Data Processing...": "數據處理中。。。",
   "Date": "日期",
+  "Done": "完成",
   "Drag and drop a file here": "拖放文件至此",
   "Edit": "編輯",
   "Error Report": "錯誤報告",
@@ -38,6 +39,7 @@
   "OK": "好",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "一旦您對上述內容感到滿意，您已檢查聲明，請繼續並提交您的索賠。",
   "Optional": "可選項",
+  "Other Reason": "其他原因",
   "Please enter a valid date.": "請輸入有效的日期。",
   "Please enter a valid time.": "請輸入有效的時間。",
   "Please select": "請選擇",
@@ -55,10 +57,13 @@
   "Result": "結果",
   "Result: Success {success_num}; Error {fail_num}": "結果：成功{success_num};錯誤{fail_num}",
   "Rows per page": "每頁行數",
+  "Search": "檢索",
+  "Searching...": "正在檢索...",
   "Select All": "全選",
   "Send OTP": "發送OTP.",
   "Submit": "提交",
   "The file type is not supported.": "不支持文件類型。",
+  "There are no options available currently": "當前沒有可用的選項",
   "This Month": "本月",
   "Unselect All": "全部取消選擇",
   "Uploading": "上傳",

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/radio/index.d.ts

@@ -1,22 +1,22 @@
 import { RadioProps, RadioGroupProps } from 'antd/es/radio';
 import { FC, IglooComponentProps } from '../types';
 import './style/index.less';
-import { FormInstance } from 'antd/es/form';
+import { ComponentProps } from '../utils/option-utils';
+import { DefaultOptionType } from 'rc-select/lib/Select';
 declare type Props = RadioProps & IglooComponentProps;
 declare const IglooRadio: FC<Props>;
-export interface Option extends RadioProps {
+export interface Option extends DefaultOptionType {
     extraInfo?: {
         content: any;
         shownTrigger: 'unchecked' | 'checked' | 'all';
     };
-    label: any;
 }
-export interface IProps extends IglooComponentProps, Omit<RadioGroupProps, 'options'> {
+export interface IProps extends IglooComponentProps, Omit<RadioGroupProps, 'options'>, ComponentProps {
     className?: string;
     radioType?: string;
-    getOptions?: (form: FormInstance) => Option[];
     options: Option[];
 }
-export declare const RadioGroup: FC<IProps>;
+export declare const InnerRadioGroup: FC<IProps>;
+export declare const RadioGroup: FC<import("../utils/option-utils").HOCProps & IProps>;
 export default IglooRadio;
 export { default as RadioGroupWithOther } from './radio-group-with-other';

package/lib/radio/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadioGroup = void 0;
+exports.RadioGroup = exports.InnerRadioGroup = void 0;
 Object.defineProperty(exports, "RadioGroupWithOther", {
   enumerable: true,
   get: function get() {
@@ -38,13 +38,31 @@ require("./style/index.less");
 
 var _typography = _interopRequireDefault(require("../typography"));
 
+var _localeContext = _interopRequireDefault(require("../locale/locale-context"));
+
+var _empty = _interopRequireDefault(require("./style/empty.svg"));
+
+var _optionUtils = require("../utils/option-utils");
+
 var _radioGroupWithOther = _interopRequireDefault(require("./radio-group-with-other"));
 
-var _excluded = ["className", "options", "radioType", "getOptions", "value"],
+var _excluded = ["className", "options", "radioType", "value", "clearWhenOptionsUpdated"],
     _excluded2 = ["label", "value", "extraInfo"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -63,38 +81,55 @@ IglooRadio.formItemPropsHandler = function () {
   return {};
 };
 
-var RadioGroup = function RadioGroup(_ref) {
+var InnerRadioGroup = function InnerRadioGroup(_ref) {
   var className = _ref.className,
-      optionsProp = _ref.options,
+      options = _ref.options,
       _ref$radioType = _ref.radioType,
       radioType = _ref$radioType === void 0 ? 'normal' : _ref$radioType,
-      getOptionsProp = _ref.getOptions,
       value = _ref.value,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var getOptions = function getOptions() {
-    var getFormInstance = rest.getFormInstance;
-    var form = typeof getFormInstance === 'function' && getFormInstance();
-    if (!form) return [];
-    var options = typeof getOptionsProp === 'function' && getOptionsProp(form);
-    return options || [];
-  };
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var originOptions = (0, _react.useRef)(options);
 
-  var options = optionsProp || getOptions();
+  var _useContext = (0, _react.useContext)(_localeContext.default),
+      formatMessage = _useContext.formatMessage;
+
+  (0, _react.useEffect)(function () {
+    typeof rest.onChange === 'function' && value !== selected && rest.onChange(selected);
+  }, [selected]);
+  (0, _react.useEffect)(function () {
+    setSelected(value);
+  }, [value]);
   (0, _react.useEffect)(function () {
     var setFieldValue = rest.setFieldValue;
-    var foundValue = options.find(function (option) {
-      return option.value === value;
-    });
 
-    if (!foundValue) {
-      typeof setFieldValue === 'function' && setFieldValue(undefined);
+    if ((0, _optionUtils.compareOptions)(options, originOptions.current)) {
+      if (clearWhenOptionsUpdated) {
+        typeof setFieldValue === 'function' && setFieldValue();
+      } else {
+        var foundValue = options.find(function (option) {
+          return Array.isArray(value) ? value.includes(option.value) : option.value === value;
+        });
+
+        if (!foundValue && value !== undefined) {
+          typeof setFieldValue === 'function' && setFieldValue();
+        }
+      }
+
+      originOptions.current = options;
     }
-  }, [value, options]);
-  return (0, _jsxRuntime.jsx)(_radio.default.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
+  }, [options]);
+  return (0, _jsxRuntime.jsxs)(_radio.default.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
     className: (0, _classnames.default)('igloo-radio-group', className),
     value: value,
-    children: (0, _jsxRuntime.jsx)(_row.default, {
+    children: [(0, _jsxRuntime.jsx)(_row.default, {
       gutter: [8, 8],
       children: options.map(function (_ref2) {
         var label = _ref2.label,
@@ -138,10 +173,36 @@ var RadioGroup = function RadioGroup(_ref) {
           }))
         }, key);
       })
-    })
+    }), !options.length && (0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        background: '#f9f9f9',
+        padding: 16,
+        alignItems: 'center'
+      },
+      children: [(0, _jsxRuntime.jsx)("img", {
+        src: _empty.default,
+        style: {
+          width: 32,
+          height: 24
+        }
+      }), (0, _jsxRuntime.jsx)(_typography.default, {
+        level: "h5",
+        style: {
+          color: '#212121',
+          marginTop: 8
+        },
+        children: formatMessage({
+          id: 'There are no options available currently'
+        })
+      })]
+    })]
   }));
 };
 
+exports.InnerRadioGroup = InnerRadioGroup;
+var RadioGroup = (0, _optionUtils.optionsHOC)(InnerRadioGroup);
 exports.RadioGroup = RadioGroup;
 
 RadioGroup.formItemPropsHandler = function () {

package/lib/radio/radio-group-with-other.d.ts

@@ -1,6 +1,6 @@
 import { IProps as RadioGroupProps } from './index';
 import { FC } from '../types';
-declare const RadioGroupWithOther: FC<RadioGroupProps & {
+declare const RadioGroupWithOther: FC<import("../utils/option-utils").HOCProps & RadioGroupProps & {
     otherOptionLabel: string;
 }>;
 export default RadioGroupWithOther;

package/lib/radio/radio-group-with-other.js

@@ -15,7 +15,9 @@ var _input = require("../input");
 
 var _locale = require("../locale");
 
-var _excluded = ["value", "onChange", "options", "otherOptionLabel"];
+var _optionUtils = require("../utils/option-utils");
+
+var _excluded = ["value", "onChange", "options", "otherOptionLabel", "clearWhenOptionsUpdated"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -49,11 +51,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var otherKey = 'iglooRadioGroupOther';
 
-var RadioGroupWithOther = function RadioGroupWithOther(_ref) {
+var InnerRadioGroupWithOther = function InnerRadioGroupWithOther(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
-      options = _ref.options,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
       otherOptionLabel = _ref.otherOptionLabel,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -61,6 +66,38 @@ var RadioGroupWithOther = function RadioGroupWithOther(_ref) {
       otherEnabled = _useState2[0],
       enableOther = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selected = _useState4[0],
+      setSelected = _useState4[1];
+
+  var originOptions = (0, _react.useRef)(options);
+  (0, _react.useEffect)(function () {
+    typeof onChange === 'function' && value !== selected && onChange(selected);
+  }, [selected]);
+  (0, _react.useEffect)(function () {
+    setSelected(value);
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    var setFieldValue = rest.setFieldValue;
+
+    if ((0, _optionUtils.compareOptions)(options, originOptions.current)) {
+      if (clearWhenOptionsUpdated) {
+        typeof setFieldValue === 'function' && setFieldValue();
+      } else {
+        var foundValue = options.find(function (option) {
+          return Array.isArray(value) ? value.includes(option.value) : option.value === value;
+        });
+
+        if (!foundValue && value !== undefined) {
+          typeof setFieldValue === 'function' && setFieldValue();
+        }
+      }
+
+      originOptions.current = options;
+    }
+  }, [options]);
+
   var handleChange = function handleChange(e) {
     onChange && onChange(e);
   };
@@ -94,5 +131,6 @@ var RadioGroupWithOther = function RadioGroupWithOther(_ref) {
   });
 };
 
+var RadioGroupWithOther = (0, _optionUtils.optionsHOC)(InnerRadioGroupWithOther);
 var _default = RadioGroupWithOther;
 exports.default = _default;

package/lib/radio/style/empty.svg

@@ -0,0 +1,12 @@
+<svg width="32" height="25" viewBox="0 0 32 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M30.6663 18.3333V12.5846C30.6663 12.0654 30.5316 11.5551 30.2752 11.1035L25.4017 2.51891C24.8687 1.58006 23.8724 1 22.7928 1H8.99351C7.89503 1 6.88439 1.60036 6.35896 2.56503L1.69846 11.1215C1.45865 11.5618 1.33301 12.0551 1.33301 12.5565V18.3333"
+    stroke="#212121" stroke-width="2" />
+  <mask id="path-2-inside-1_8603_29999" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M9.22038 11.3468C9.22038 10.5263 8.5552 9.86108 7.73467 9.86108H3C1.34315 9.86108 0 11.2042 0 12.8611V22C0 23.6568 1.34315 25 3 25H29C30.6569 25 32 23.6568 32 22V12.8611C32 11.2042 30.6569 9.86108 29 9.86108H24.2654C23.4449 9.86108 22.7797 10.5263 22.7797 11.3468C22.7797 13.0036 21.4366 14.3468 19.7797 14.3468H12.2204C10.5635 14.3468 9.22038 13.0036 9.22038 11.3468Z" />
+  </mask>
+  <path
+    d="M3 11.8611H7.73467V7.86108H3V11.8611ZM2 22V12.8611H-2V22H2ZM29 23H3V27H29V23ZM30 12.8611V22H34V12.8611H30ZM24.2654 11.8611H29V7.86108H24.2654V11.8611ZM20.7797 11.3468C20.7797 11.8991 20.332 12.3468 19.7797 12.3468V16.3468C22.5411 16.3468 24.7797 14.1082 24.7797 11.3468H20.7797ZM19.7797 12.3468H12.2204V16.3468H19.7797V12.3468ZM12.2204 12.3468C11.6681 12.3468 11.2204 11.8991 11.2204 11.3468H7.22038C7.22038 14.1082 9.45895 16.3468 12.2204 16.3468V12.3468ZM24.2654 7.86108C22.3403 7.86108 20.7797 9.42169 20.7797 11.3468H24.7797C24.7797 11.6308 24.5494 11.8611 24.2654 11.8611V7.86108ZM34 12.8611C34 10.0997 31.7614 7.86108 29 7.86108V11.8611C29.5523 11.8611 30 12.3088 30 12.8611H34ZM29 27C31.7614 27 34 24.7614 34 22H30C30 22.5523 29.5523 23 29 23V27ZM-2 22C-2 24.7614 0.238576 27 3 27V23C2.44772 23 2 22.5523 2 22H-2ZM7.73467 11.8611C7.45064 11.8611 7.22038 11.6308 7.22038 11.3468H11.2204C11.2204 9.42168 9.65977 7.86108 7.73467 7.86108V11.8611ZM3 7.86108C0.238578 7.86108 -2 10.0997 -2 12.8611H2C2 12.3088 2.44771 11.8611 3 11.8611V7.86108Z"
+    fill="#212121" mask="url(#path-2-inside-1_8603_29999)" />
+</svg>

package/lib/search-box/index.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps } from 'antd/lib/button';
+import { FC, IglooComponentProps } from '../types';
+import './style';
+import { ComponentProps } from '../utils/option-utils';
+declare type IProps = IglooComponentProps & {
+    className?: string;
+    onSearch?: any;
+    value?: any;
+    multiple?: boolean;
+    modalTitle?: string;
+    placeHolder?: string;
+    modalPlaceHolder?: string;
+    optionsUpdating?: boolean;
+    onChange?: any;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+} & ComponentProps;
+declare const SearchBox: FC<IProps>;
+export default SearchBox;