iglooform 2.5.4 → 2.5.7

package/es/checkbox/index.d.ts

@@ -1,21 +1,21 @@
 import { CheckboxProps, CheckboxGroupProps } from 'antd/es/checkbox';
 import { FC, IglooComponentProps } from '@/types';
+import { ComponentProps } from '../utils/option-utils';
+import { DefaultOptionType } from 'rc-select/lib/Select';
 import './style/index.less';
 interface Props extends IglooComponentProps, CheckboxProps {
 }
-interface Option {
-    label?: any;
-    value?: string;
-    disabled?: boolean;
+export interface Option extends DefaultOptionType {
     extraInfo?: {
         content: any;
         shownTrigger: 'unchecked' | 'checked' | 'all';
     };
 }
-export interface IProps extends IglooComponentProps, Omit<CheckboxGroupProps, 'options'> {
-    options: Option[];
+export interface IProps extends IglooComponentProps, Omit<CheckboxGroupProps, 'options'>, ComponentProps {
     className?: string;
+    radioType?: string;
+    options: Option[];
 }
 declare const IglooCheckbox: FC<Props>;
 export default IglooCheckbox;
-export declare const CheckboxGroup: FC<IProps>;
+export declare const CheckboxGroup: FC<import("../utils/option-utils").HOCProps & IProps>;

package/es/checkbox/index.js

@@ -4,9 +4,21 @@ import "antd/es/row/style";
 import _Row from "antd/es/row";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
-var _excluded = ["className", "options", "value"],
+var _excluded = ["className", "options", "value", "clearWhenOptionsUpdated"],
     _excluded2 = ["label", "value", "extraInfo"];
 
+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; }
@@ -18,10 +30,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useContext } from 'react';
 import Typography from '../typography';
 import formMethods from '../utils/form-methods';
 import omit from 'omit.js';
 import classnames from 'classnames';
+import { compareOptions, optionsHOC } from '../utils/option-utils';
+import LocaleContext from '../locale/locale-context';
+import emptyIcon from '../radio/style/empty.svg';
 import './style/index.less';
 
 var IglooCheckbox = function IglooCheckbox(props) {
@@ -38,17 +54,55 @@ IglooCheckbox.formItemPropsHandler = function (config) {
 };
 
 export default IglooCheckbox;
-export var CheckboxGroup = function CheckboxGroup(_ref) {
+
+var InnerCheckboxGroup = function InnerCheckboxGroup(_ref) {
   var className = _ref.className,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
       value = _ref.value,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return _jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
+  var _useState = useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var originOptions = useRef(options);
+
+  var _useContext = useContext(LocaleContext),
+      formatMessage = _useContext.formatMessage;
+
+  useEffect(function () {
+    typeof rest.onChange === 'function' && value !== selected && rest.onChange(selected);
+  }, [selected]);
+  useEffect(function () {
+    setSelected(value);
+  }, [value]);
+  useEffect(function () {
+    var setFieldValue = rest.setFieldValue;
+
+    if (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]);
+  return _jsxs(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
     className: classnames('igloo-checkbox-group', className),
     value: value,
-    children: _jsx(_Row, {
+    children: [_jsx(_Row, {
       gutter: [8, 8],
       children: options.map(function (_ref2) {
         var label = _ref2.label,
@@ -72,10 +126,36 @@ export var CheckboxGroup = function CheckboxGroup(_ref) {
           })]
         }, key);
       })
-    })
+    }), !options.length && _jsxs("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        background: '#f9f9f9',
+        padding: 16,
+        alignItems: 'center'
+      },
+      children: [_jsx("img", {
+        src: emptyIcon,
+        style: {
+          width: 32,
+          height: 24
+        }
+      }), _jsx(Typography, {
+        level: "h5",
+        style: {
+          color: '#212121',
+          marginTop: 8
+        },
+        children: formatMessage({
+          id: 'There are no options available currently'
+        })
+      })]
+    })]
   }));
 };
 
+export var CheckboxGroup = optionsHOC(InnerCheckboxGroup);
+
 CheckboxGroup.formItemPropsHandler = function () {
   return {};
 };

package/es/filter/checkBox.d.ts

@@ -1,11 +1,12 @@
-declare const CratetCheckBoxFilter: (props: {
+declare const CreateCheckBoxFilter: (props: {
     title: any;
     configList: any[];
     optionKey: string;
     allSelected: any[];
-    valueConfirm: any;
+    handleOptionsChange: any;
     chooseed?: string[];
     onChange?: any;
     disabled?: any[];
+    setConfirmValue?: any;
 }) => JSX.Element;
-export default CratetCheckBoxFilter;
+export default CreateCheckBoxFilter;

package/es/filter/checkBox.js

@@ -7,6 +7,12 @@ import _Row from "antd/es/row";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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."); }
@@ -37,7 +43,7 @@ function handleFilterDisable() {
   });
 }
 
-var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
+var CreateCheckBoxFilter = function CreateCheckBoxFilter(props) {
   var _useContext = useContext(LocaleContext),
       formatMessage = _useContext.formatMessage;
 
@@ -51,8 +57,10 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       chooseed = _props$chooseed === void 0 ? [] : _props$chooseed,
       disabled = props.disabled,
       _onChange = props.onChange,
-      _props$valueConfirm = props.valueConfirm,
-      valueConfirm = _props$valueConfirm === void 0 ? function () {} : _props$valueConfirm;
+      _props$setConfirmValu = props.setConfirmValue,
+      setConfirmValue = _props$setConfirmValu === void 0 ? function () {} : _props$setConfirmValu,
+      _props$handleOptionsC = props.handleOptionsChange,
+      handleOptionsChange = _props$handleOptionsC === void 0 ? function () {} : _props$handleOptionsC;
   var timeKey = new Date();
 
   var _useState = useState(false),
@@ -69,6 +77,22 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       setAllChoose(false);
     }
   }, [chooseed.length, allSelected]);
+  useEffect(function () {
+    var filterDisabled = chooseed.filter(function (e) {
+      return !(disabled === null || disabled === void 0 ? void 0 : disabled.includes(e));
+    });
+
+    if (filterDisabled.length !== chooseed.length) {
+      handleOptionsChange({
+        type: optionKey,
+        value: filterDisabled
+      });
+      setConfirmValue(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, optionKey, filterDisabled));
+      });
+      typeof _onChange === 'function' && _onChange(filterDisabled);
+    }
+  }, [disabled]);
   return _jsxs("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [_jsxs("div", {
@@ -80,7 +104,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
           typeof _onChange === 'function' && _onChange([]);
-          valueConfirm({
+          handleOptionsChange({
             type: optionKey,
             value: []
           });
@@ -96,7 +120,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
           typeof _onChange === 'function' && _onChange(nowValidList);
-          valueConfirm({
+          handleOptionsChange({
             type: optionKey,
             value: nowValidList
           });
@@ -116,7 +140,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       },
       onChange: function onChange(e) {
         typeof _onChange === 'function' && _onChange(e);
-        valueConfirm({
+        handleOptionsChange({
           type: optionKey,
           value: e
         });
@@ -145,4 +169,4 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
   }, optionKey);
 };
 
-export default CratetCheckBoxFilter;
+export default CreateCheckBoxFilter;

package/es/filter/index.js

@@ -687,7 +687,8 @@ var FilterComponent = function FilterComponent(props) {
                 allSelected: optionsAllSelected[key],
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange,
+                handleOptionsChange: dispatchOptionsChange,
+                setConfirmValue: setConfimed,
                 onChange: onChangeProps
               }, key);
 
@@ -699,7 +700,8 @@ var FilterComponent = function FilterComponent(props) {
                 optionKey: key,
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange,
+                handleOptionsChange: dispatchOptionsChange,
+                setConfirmValue: setConfimed,
                 onChange: onChangeProps
               }, key);
           }

package/es/filter/radioBox.d.ts

@@ -2,7 +2,8 @@ declare type IRadioBoxProps = {
     title: any;
     configList: any[];
     optionKey: string;
-    valueConfirm: any;
+    handleOptionsChange: any;
+    setConfirmValue: any;
     chooseed?: string[];
     disabled?: any[];
     onChange?: any;

package/es/filter/radioBox.js

@@ -6,17 +6,38 @@ import "antd/es/row/style";
 import _Row from "antd/es/row";
 import "antd/es/radio/style";
 import _Radio from "antd/es/radio";
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Typography from '../typography';
+import { useEffect } from 'react';
 
 var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
   var optionKey = props.optionKey,
       title = props.title,
       configList = props.configList,
       disabled = props.disabled,
-      valueConfirm = props.valueConfirm,
+      handleOptionsChange = props.handleOptionsChange,
+      setConfirmValue = props.setConfirmValue,
       chooseed = props.chooseed,
       _onChange = props.onChange;
+  useEffect(function () {
+    if (disabled === null || disabled === void 0 ? void 0 : disabled.includes(chooseed)) {
+      typeof _onChange === 'function' && _onChange(undefined);
+      handleOptionsChange({
+        type: optionKey,
+        value: undefined
+      });
+      setConfirmValue(function (old) {
+        return _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, optionKey, undefined));
+      });
+    }
+  }, [disabled]);
   return _jsxs("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [_jsx("div", {
@@ -26,10 +47,10 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
         children: title
       })
     }), _jsx(_Radio.Group, {
-      value: chooseed,
+      value: (disabled === null || disabled === void 0 ? void 0 : disabled.includes(chooseed)) ? undefined : chooseed,
       onChange: function onChange(e) {
         typeof _onChange === 'function' && _onChange(e.target.value);
-        valueConfirm({
+        handleOptionsChange({
           type: optionKey,
           value: e.target.value
         });

package/es/form/elements.js

@@ -12,6 +12,7 @@ import Divider from './divider';
 import UploadPhoto from '../upload-photo';
 import RenderElement from './render';
 import Typography from '../typography';
+import SearchBox from '../search-box';
 var elementMap = {
   Input: Input,
   PhoneNumber: PhoneNumber,
@@ -42,7 +43,8 @@ var elementMap = {
   InputDate: InputDate,
   Confirmation: Confirmation,
   ExpiryDate: ExpiryDate,
-  Typography: Typography
+  Typography: Typography,
+  SearchBox: SearchBox
 };
 
 var Unknown = function Unknown() {

package/es/index.d.ts

@@ -35,6 +35,7 @@ export { default as MobileInsurerDetail } from './mobile-insurer-detail';
 export { default as Layout } from './layout';
 export { default as DetailPanel } from './detail-panel';
 export { default as message } from './global-message';
+export { default as SearchBox } from './search-box';
 export { default as FreeForm } from './free-form';
 export { default as FormItem } from './free-form/element';
 export { default as FormPages } from './free-form/pages';

package/es/index.js

@@ -35,6 +35,7 @@ export { default as MobileInsurerDetail } from './mobile-insurer-detail';
 export { default as Layout } from './layout';
 export { default as DetailPanel } from './detail-panel';
 export { default as message } from './global-message';
+export { default as SearchBox } from './search-box';
 export { default as FreeForm } from './free-form';
 export { default as FormItem } from './free-form/element';
 export { default as FormPages } from './free-form/pages';

package/es/input/amount.js

@@ -47,8 +47,15 @@ var Amount = function Amount(_ref) {
   var handleOnBlur = function handleOnBlur(e) {
     var onChange = rest.onChange;
 
-    if (typeof value === 'string' && value.endsWith('.')) {
-      e.target.value = value.replace('.', '');
+    if (typeof value === 'string') {
+      if (value.endsWith('.')) {
+        e.target.value = value.replace('.', '');
+      }
+
+      if (value.endsWith('0') && value.includes('.')) {
+        e.target.value = value.replace(/[0]+$/, '');
+      }
+
       onChange && onChange(e);
     }
   };
@@ -75,7 +82,11 @@ Amount.formItemPropsHandler = function (_ref2) {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
       var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
-      if (value.endsWith('.')) return str;
+
+      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+        return str;
+      }
+
       return str ? parseFloat(str) : undefined;
     },
     rules: [{

package/es/input/input-number.js

@@ -17,8 +17,15 @@ var IglooInputNumber = function IglooInputNumber(props) {
     var value = props.value,
         onChange = props.onChange;
 
-    if (typeof value === 'string' && value.endsWith('.')) {
-      e.target.value = value.replace('.', '');
+    if (typeof value === 'string') {
+      if (value.endsWith('.')) {
+        e.target.value = value.replace('.', '');
+      }
+
+      if (value.endsWith('0') && value.includes('.')) {
+        e.target.value = value.replace(/[0]+$/, '');
+      }
+
       onChange && onChange(e);
     }
   };
@@ -36,7 +43,11 @@ IglooInputNumber.formItemPropsHandler = function (config) {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
       var str = value.replaceAll(/[^0-9\.]/g, '');
-      if (value.endsWith('.')) return parseInt(str);
+
+      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+        return str;
+      }
+
       return str ? parseFloat(str) : undefined;
     }
   };

package/es/locale/en-US/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "Data Processed",
   "Data Processing...": "Data Processing...",
   "Date": "Date",
+  "Done": "Done",
   "Drag and drop a file here": "Drag and drop a file here",
   "Edit": "Edit",
   "Error Report": "Error Report",
@@ -56,10 +57,13 @@
   "Result": "Result",
   "Result: Success {success_num}; Error {fail_num}": "Result: Success {success_num}; Error {fail_num}",
   "Rows per page": "Rows per page",
+  "Search": "Search",
+  "Searching...": "Searching...",
   "Select All": "Select All",
   "Send OTP": "Send OTP",
   "Submit": "Submit",
   "The file type is not supported.": "The file type is not supported.",
+  "There are no options available currently": "There are no options available currently",
   "This Month": "This Month",
   "Unselect All": "Unselect All",
   "Uploading": "Uploading",

package/es/locale/id-ID/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "Data Terproses",
   "Data Processing...": "Data Diproses",
   "Date": "Tanggal",
+  "Done": "Selesai",
   "Drag and drop a file here": "Geser dan Letakkan Dokumen disini",
   "Edit": "Ubah",
   "Error Report": "Laporan Kesalahan",
@@ -56,10 +57,13 @@
   "Result": "Hasil",
   "Result: Success {success_num}; Error {fail_num}": "Hasil: Sukses {success_num}; Kesalahan {fail_num}",
   "Rows per page": "Baris per halaman",
+  "Search": "Mencari",
+  "Searching...": "Mencari...",
   "Select All": "Pilih Semua",
   "Send OTP": "Kirim OTP",
   "Submit": "Ajukan",
   "The file type is not supported.": "Jenis file tidak didukung.",
+  "There are no options available currently": "Tidak ada opsi yang tersedia saat ini",
   "This Month": "Bulan ini",
   "Unselect All": "Batalkan semua",
   "Uploading": "Mengunggah",

package/es/locale/th-TH/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "ประมวลข้อมูลสำเร็จแล้ว",
   "Data Processing...": "กำลังประมวลผลข้อมูล...",
   "Date": "วันที่",
+  "Done": "เสร็จแล้ว",
   "Drag and drop a file here": "ลากและวางไฟล์มาที่นี่",
   "Edit": "แก้ไข",
   "Error Report": "รายงานข้อผิดพลาด",
@@ -56,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/es/locale/vi-VN/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "Dữ liệu đã xử lý",
   "Data Processing...": "Đang xử lý dữ liệu...",
   "Date": "Ngày",
+  "Done": "Xong",
   "Drag and drop a file here": "Thả tệp tin vào đây",
   "Edit": "Sửa",
   "Error Report": "Báo cáo lỗi",
@@ -56,10 +57,13 @@
   "Result": "Kết quả",
   "Result: Success {success_num}; Error {fail_num}": "Kết quả: sự thành công {success_num}; lỗi {fail_num}",
   "Rows per page": "Dòng trên trang",
+  "Search": "Tìm kiếm",
+  "Searching...": "Đang tìm kiếm...",
   "Select All": "Chọn tất cả",
   "Send OTP": "Gửi OTP",
   "Submit": "Gửi",
   "The file type is not supported.": "Loại tệp không được hỗ trợ.",
+  "There are no options available currently": "Hiện tại không có tùy chọn nào",
   "This Month": "Tháng này",
   "Unselect All": "Hủy chọn tất cả",
   "Uploading": "Đang tải lên",

package/es/locale/zh-CN/messages.json

@@ -21,6 +21,7 @@
   "Data Processed": "已导入",
   "Data Processing...": "导入中",
   "Date": "日期",
+  "Done": "完成",
   "Drag and drop a file here": "拖拽一个文件到这里",
   "Edit": "编辑",
   "Error Report": "错误报告",
@@ -56,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/es/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/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
+          })
         })
       });