iglooform 2.4.27 → 2.4.30

package/es/filter/checkBox.d.ts

@@ -5,6 +5,7 @@ declare const CratetCheckBoxFilter: (props: {
     allSelected: any[];
     valueConfirm: any;
     chooseed?: string[];
+    onChange?: any;
     disabled?: any[];
 }) => JSX.Element;
 export default CratetCheckBoxFilter;

package/es/filter/checkBox.js

@@ -50,6 +50,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       _props$chooseed = props.chooseed,
       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;
   var timeKey = new Date();
@@ -83,6 +84,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }), allChoose ? _jsx("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange([]);
           valueConfirm({
             type: optionKey,
             value: []
@@ -98,6 +100,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }) : _jsx("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange(allCanChoose);
           valueConfirm({
             type: optionKey,
             value: allCanChoose
@@ -117,7 +120,8 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         width: '100%'
       },
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e);
+        valueConfirm({
           type: optionKey,
           value: e
         });

package/es/filter/index.d.ts

@@ -23,6 +23,7 @@ export interface IFrameConfig {
     canNotDelete?: boolean;
     tagTitle?: (value?: any) => string;
     render?: (value: any, onChange: any) => ReactNode;
+    onChange?: any;
 }
 export interface IFilterProps {
     initValue?: {
@@ -44,6 +45,7 @@ export interface IFilterProps {
     searchInputDefault?: string | number;
     searchWithFilter?: boolean;
     inputOnly?: boolean;
+    beforeOpenFilter?: any;
 }
 declare const FilterComponent: (props: IFilterProps) => JSX.Element;
 export default FilterComponent;

package/es/filter/index.js

@@ -355,7 +355,8 @@ var FilterComponent = function FilterComponent(props) {
       searchWithFilter = _props$searchWithFilt === void 0 ? false : _props$searchWithFilt,
       searchInputDefault = props.searchInputDefault,
       initValue = props.initValue,
-      inputOnly = props.inputOnly;
+      inputOnly = props.inputOnly,
+      beforeOpenFilter = props.beforeOpenFilter;
   var filterTitle = props.filterTitle,
       _props$filterItems = props.filterItems,
       filterItems = _props$filterItems === void 0 ? [] : _props$filterItems; // id controller
@@ -635,7 +636,8 @@ var FilterComponent = function FilterComponent(props) {
               format = _item$format2 === void 0 ? defaultFormat : _item$format2,
               dateRangeConfig = item.dateRangeConfig,
               render = item.render,
-              tagTitle = item.tagTitle;
+              tagTitle = item.tagTitle,
+              onChangeProps = item.onChange;
 
           switch (type) {
             case 'customize':
@@ -671,7 +673,8 @@ var FilterComponent = function FilterComponent(props) {
                 onFocus: invisibleRef.current,
                 dateRangeConfig: dateRangeConfig,
                 pickerOpenStatus: dataPickerOpenStatus[key],
-                setPickerOpenStatus: setPickerOpenStatus
+                setPickerOpenStatus: setPickerOpenStatus,
+                onChange: onChangeProps
               }, key);
 
             case 'mult':
@@ -683,7 +686,8 @@ var FilterComponent = function FilterComponent(props) {
                 allSelected: optionsAllSelected[key],
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
 
             case 'single':
@@ -694,7 +698,8 @@ var FilterComponent = function FilterComponent(props) {
                 optionKey: key,
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
           }
         })]
@@ -1047,6 +1052,7 @@ var FilterComponent = function FilterComponent(props) {
         setDropVisible(visible);
         setTimeout(function () {
           if (dropVisible) {
+            typeof beforeOpenFilter === 'function' && beforeOpenFilter(_objectSpread({}, confirmed));
             setTimeRangeType(confirmedTimeRange);
             dispatchOptionsChange({
               type: 'default',

package/es/filter/radioBox.d.ts

@@ -5,6 +5,7 @@ declare type IRadioBoxProps = {
     valueConfirm: any;
     chooseed?: string[];
     disabled?: any[];
+    onChange?: any;
 };
 declare const CreateRadioBoxFilter: (props: IRadioBoxProps) => JSX.Element;
 export default CreateRadioBoxFilter;

package/es/filter/radioBox.js

@@ -15,7 +15,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
       configList = props.configList,
       disabled = props.disabled,
       valueConfirm = props.valueConfirm,
-      chooseed = props.chooseed;
+      chooseed = props.chooseed,
+      _onChange = props.onChange;
   return _jsxs("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [_jsx("div", {
@@ -27,7 +28,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
     }), _jsx(_Radio.Group, {
       value: chooseed,
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e.target.value);
+        valueConfirm({
           type: optionKey,
           value: e.target.value
         });

package/es/filter/rangePicker.d.ts

@@ -12,6 +12,7 @@ declare const CreateRangePickerFilter: (props: {
     disabledDate?: any;
     setRangeType?: any;
     format?: string;
+    onChange?: any;
     tiemRange?: number;
 }) => JSX.Element;
 export default CreateRangePickerFilter;

package/es/filter/rangePicker.js

@@ -44,6 +44,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
       dateRangeConfig = _props$dateRangeConfi === void 0 ? {} : _props$dateRangeConfi,
       _props$pickerOpenStat = props.pickerOpenStatus,
       pickerOpenStatus = _props$pickerOpenStat === void 0 ? false : _props$pickerOpenStat,
+      onChange = props.onChange,
       setPickerOpenStatus = props.setPickerOpenStatus;
   var RangePicker = _DatePicker.RangePicker;
 
@@ -83,6 +84,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
         type: optionKey,
         value: [timeValueRef.current.startTime, timeValueRef.current.endTime]
       });
+      typeof onChange === 'function' && onChange([timeValueRef.current.startTime, timeValueRef.current.endTime]);
       setPickerOpenStatus({
         type: optionKey,
         value: false

package/es/form/elements.js

@@ -63,7 +63,7 @@ var useComponent = function useComponent(config) {
     return {
       Component: Component,
       formItemProps: formItemProps,
-      withoutForm: type === 'Divider' || Boolean(config.withoutForm)
+      withoutForm: type === 'Divider' || Boolean(config.withoutForm) || !config.name
     };
   }, [config.type]);
 };

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "1 data dalam proses",
   "Accept": "Menerima",
   "Action": "Beroperasi",
-  "Add": "",
+  "Add": "Menambahkan",
   "Apply": "Terapkan",
   "Apply Columns": "Terapkan Kolom",
   "Cancel": "Batal",
@@ -38,7 +38,7 @@
   "OK": "oke",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Jika Anda puas dengan apa yang telah disampaikan, dan Anda telah memeriksa deklarasi tersebut, silakan lanjutkan dan ajukan klaim Anda.",
   "Optional": "Pilihan",
-  "Other Reason": "",
+  "Other Reason": "Alasan lain",
   "Please enter a valid date.": "Silakan tulis tanggal valid",
   "Please enter a valid time.": "Harap masukkan waktu yang valid",
   "Please select": "Silahkan pilih",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Perkembangan terkait proses belum dapat diperbarui saat ini. Jangan khawatir! Semua data Anda masih dalam proses .",
   "Quantity of files should be less than {limit}": "Jumlah dokumen tidak bisa lebih dari  {limit}",
   "Reject": "Menolak",
-  "Remove": "",
+  "Remove": "Menghapus",
   "Resend OTP": "Kirim ulang OTP",
   "Resend in": "Kirim ulang",
   "Reset All Filters": "Setel ulang filter",

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "กำลังดำเนินการ 1 ไฟล์...",
   "Accept": "ยอมรับ",
   "Action": "ดำเนินงาน",
-  "Add": "",
+  "Add": "เพิ่ม",
   "Apply": "ใช้",
   "Apply Columns": "ใช้คอลัมน์",
   "Cancel": "ยกเลิก",
@@ -38,7 +38,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": "",
+  "Other Reason": "เหตุผลอื่น",
   "Please enter a valid date.": "กรุณากรอกวันที่ถูกต้อง",
   "Please enter a valid time.": "กรุณากรอกเวลาที่ถูกต้อง",
   "Please select": "โปรดเลือก",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "ไม่สามารถอัปเดตการประมวลผลได้ในขณะนี้ ไม่ต้องกังวล! ไฟล์ของคุณทั้งหมดกำลังอยู่ระหว่างดำเนินการ",
   "Quantity of files should be less than {limit}": "จำนวนไฟล์ควรน้อยกว่า {limit}",
   "Reject": "ปฏิเสธ",
-  "Remove": "",
+  "Remove": "ลบ",
   "Resend OTP": "ขอ OTP อีกครั้ง",
   "Resend in": "ส่งอีกครั้งใน",
   "Reset All Filters": "รีเซทตัวกรอง",

package/es/locale/vi-VN/messages.json

@@ -4,7 +4,7 @@
   "1 file in progress...": "1 tệp đang được xử lý",
   "Accept": "Chấp nhận",
   "Action": "Chạy",
-  "Add": "",
+  "Add": "Thêm vào",
   "Apply": "Áp dụng",
   "Apply Columns": "Áp dụng Cột",
   "Cancel": "Hủy",
@@ -38,7 +38,7 @@
   "OK": "Vâng",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Vui lòng xác nhận và gửi yêu cầu bồi thường.",
   "Optional": "Không bắt buộc",
-  "Other Reason": "",
+  "Other Reason": "Lý do khác",
   "Please enter a valid date.": "Vui lòng nhập đúng ngày:",
   "Please enter a valid time.": "Vui lòng nhập thời gian hợp lệ.",
   "Please select": "Xin hãy lựa chọn",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Dữ liệu chưa được cập nhật và đang trong quá trình xử lý.",
   "Quantity of files should be less than {limit}": "Số lượng tệp tin không vượt quá {limit}",
   "Reject": "Từ chối",
-  "Remove": "",
+  "Remove": "tẩy",
   "Resend OTP": "Gửi lại OTP",
   "Resend in": "Gửi lại trong",
   "Reset All Filters": "Xóa lọc",

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "1个文件正在处理...",
   "Accept": "接受",
   "Action": "操作",
-  "Add": "",
+  "Add": "增加",
   "Apply": "应用",
   "Apply Columns": "应用",
   "Cancel": "取消",
@@ -38,7 +38,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": "",
+  "Other Reason": "其他原因",
   "Please enter a valid date.": "请输入一个有效的日期。",
   "Please enter a valid time.": "请输入一个有效的时间。",
   "Please select": "请选择",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "文件解析中，请耐心等待。",
   "Quantity of files should be less than {limit}": "文件数量不能超过{limit}",
   "Reject": "拒绝",
-  "Remove": "",
+  "Remove": "移除",
   "Resend OTP": "重新发送OTP",
   "Resend in": "重新发送",
   "Reset All Filters": "重置所有过滤条件",

package/es/upload-photo/index.js

@@ -235,14 +235,10 @@ var UploadPhoto = function UploadPhoto(props) {
   };
 
   useEffect(function () {
-    if (Array.isArray(value) && value.some(function (url) {
-      return typeof url === 'string' && !files.find(function (file) {
-        return file.url === url;
-      });
-    })) {
+    if (Array.isArray(value) && files.length === 0) {
       mapFilesFromValue(value);
     }
-  }, [value, files]);
+  }, [value]);
   var uploadId = useMemo(function () {
     return "igloo-upload-photo-input-".concat(Math.random());
   }, []);

package/lib/filter/checkBox.d.ts

@@ -5,6 +5,7 @@ declare const CratetCheckBoxFilter: (props: {
     allSelected: any[];
     valueConfirm: any;
     chooseed?: string[];
+    onChange?: any;
     disabled?: any[];
 }) => JSX.Element;
 export default CratetCheckBoxFilter;

package/lib/filter/checkBox.js

@@ -69,6 +69,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       _props$chooseed = props.chooseed,
       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;
   var timeKey = new Date();
@@ -102,6 +103,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }), allChoose ? (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange([]);
           valueConfirm({
             type: optionKey,
             value: []
@@ -117,6 +119,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }) : (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange(allCanChoose);
           valueConfirm({
             type: optionKey,
             value: allCanChoose
@@ -136,7 +139,8 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         width: '100%'
       },
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e);
+        valueConfirm({
           type: optionKey,
           value: e
         });

package/lib/filter/index.d.ts

@@ -23,6 +23,7 @@ export interface IFrameConfig {
     canNotDelete?: boolean;
     tagTitle?: (value?: any) => string;
     render?: (value: any, onChange: any) => ReactNode;
+    onChange?: any;
 }
 export interface IFilterProps {
     initValue?: {
@@ -44,6 +45,7 @@ export interface IFilterProps {
     searchInputDefault?: string | number;
     searchWithFilter?: boolean;
     inputOnly?: boolean;
+    beforeOpenFilter?: any;
 }
 declare const FilterComponent: (props: IFilterProps) => JSX.Element;
 export default FilterComponent;

package/lib/filter/index.js

@@ -389,7 +389,8 @@ var FilterComponent = function FilterComponent(props) {
       searchWithFilter = _props$searchWithFilt === void 0 ? false : _props$searchWithFilt,
       searchInputDefault = props.searchInputDefault,
       initValue = props.initValue,
-      inputOnly = props.inputOnly;
+      inputOnly = props.inputOnly,
+      beforeOpenFilter = props.beforeOpenFilter;
   var filterTitle = props.filterTitle,
       _props$filterItems = props.filterItems,
       filterItems = _props$filterItems === void 0 ? [] : _props$filterItems; // id controller
@@ -668,7 +669,8 @@ var FilterComponent = function FilterComponent(props) {
               format = _item$format2 === void 0 ? defaultFormat : _item$format2,
               dateRangeConfig = item.dateRangeConfig,
               render = item.render,
-              tagTitle = item.tagTitle;
+              tagTitle = item.tagTitle,
+              onChangeProps = item.onChange;
 
           switch (type) {
             case 'customize':
@@ -704,7 +706,8 @@ var FilterComponent = function FilterComponent(props) {
                 onFocus: invisibleRef.current,
                 dateRangeConfig: dateRangeConfig,
                 pickerOpenStatus: dataPickerOpenStatus[key],
-                setPickerOpenStatus: setPickerOpenStatus
+                setPickerOpenStatus: setPickerOpenStatus,
+                onChange: onChangeProps
               }, key);
 
             case 'mult':
@@ -716,7 +719,8 @@ var FilterComponent = function FilterComponent(props) {
                 allSelected: optionsAllSelected[key],
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
 
             case 'single':
@@ -727,7 +731,8 @@ var FilterComponent = function FilterComponent(props) {
                 optionKey: key,
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
           }
         })]
@@ -1079,6 +1084,7 @@ var FilterComponent = function FilterComponent(props) {
         setDropVisible(visible);
         setTimeout(function () {
           if (dropVisible) {
+            typeof beforeOpenFilter === 'function' && beforeOpenFilter(_objectSpread({}, confirmed));
             setTimeRangeType(confirmedTimeRange);
             dispatchOptionsChange({
               type: 'default',

package/lib/filter/radioBox.d.ts

@@ -5,6 +5,7 @@ declare type IRadioBoxProps = {
     valueConfirm: any;
     chooseed?: string[];
     disabled?: any[];
+    onChange?: any;
 };
 declare const CreateRadioBoxFilter: (props: IRadioBoxProps) => JSX.Element;
 export default CreateRadioBoxFilter;

package/lib/filter/radioBox.js

@@ -33,7 +33,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
       configList = props.configList,
       disabled = props.disabled,
       valueConfirm = props.valueConfirm,
-      chooseed = props.chooseed;
+      chooseed = props.chooseed,
+      _onChange = props.onChange;
   return (0, _jsxRuntime.jsxs)("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [(0, _jsxRuntime.jsx)("div", {
@@ -45,7 +46,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
     }), (0, _jsxRuntime.jsx)(_radio.default.Group, {
       value: chooseed,
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e.target.value);
+        valueConfirm({
           type: optionKey,
           value: e.target.value
         });

package/lib/filter/rangePicker.d.ts

@@ -12,6 +12,7 @@ declare const CreateRangePickerFilter: (props: {
     disabledDate?: any;
     setRangeType?: any;
     format?: string;
+    onChange?: any;
     tiemRange?: number;
 }) => JSX.Element;
 export default CreateRangePickerFilter;

package/lib/filter/rangePicker.js

@@ -65,6 +65,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
       dateRangeConfig = _props$dateRangeConfi === void 0 ? {} : _props$dateRangeConfi,
       _props$pickerOpenStat = props.pickerOpenStatus,
       pickerOpenStatus = _props$pickerOpenStat === void 0 ? false : _props$pickerOpenStat,
+      onChange = props.onChange,
       setPickerOpenStatus = props.setPickerOpenStatus;
   var RangePicker = _datePicker.default.RangePicker;
 
@@ -104,6 +105,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
         type: optionKey,
         value: [timeValueRef.current.startTime, timeValueRef.current.endTime]
       });
+      typeof onChange === 'function' && onChange([timeValueRef.current.startTime, timeValueRef.current.endTime]);
       setPickerOpenStatus({
         type: optionKey,
         value: false

package/lib/form/elements.js

@@ -92,7 +92,7 @@ var useComponent = function useComponent(config) {
     return {
       Component: Component,
       formItemProps: formItemProps,
-      withoutForm: type === 'Divider' || Boolean(config.withoutForm)
+      withoutForm: type === 'Divider' || Boolean(config.withoutForm) || !config.name
     };
   }, [config.type]);
 };

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "1 data dalam proses",
   "Accept": "Menerima",
   "Action": "Beroperasi",
-  "Add": "",
+  "Add": "Menambahkan",
   "Apply": "Terapkan",
   "Apply Columns": "Terapkan Kolom",
   "Cancel": "Batal",
@@ -38,7 +38,7 @@
   "OK": "oke",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Jika Anda puas dengan apa yang telah disampaikan, dan Anda telah memeriksa deklarasi tersebut, silakan lanjutkan dan ajukan klaim Anda.",
   "Optional": "Pilihan",
-  "Other Reason": "",
+  "Other Reason": "Alasan lain",
   "Please enter a valid date.": "Silakan tulis tanggal valid",
   "Please enter a valid time.": "Harap masukkan waktu yang valid",
   "Please select": "Silahkan pilih",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Perkembangan terkait proses belum dapat diperbarui saat ini. Jangan khawatir! Semua data Anda masih dalam proses .",
   "Quantity of files should be less than {limit}": "Jumlah dokumen tidak bisa lebih dari  {limit}",
   "Reject": "Menolak",
-  "Remove": "",
+  "Remove": "Menghapus",
   "Resend OTP": "Kirim ulang OTP",
   "Resend in": "Kirim ulang",
   "Reset All Filters": "Setel ulang filter",

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "กำลังดำเนินการ 1 ไฟล์...",
   "Accept": "ยอมรับ",
   "Action": "ดำเนินงาน",
-  "Add": "",
+  "Add": "เพิ่ม",
   "Apply": "ใช้",
   "Apply Columns": "ใช้คอลัมน์",
   "Cancel": "ยกเลิก",
@@ -38,7 +38,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": "",
+  "Other Reason": "เหตุผลอื่น",
   "Please enter a valid date.": "กรุณากรอกวันที่ถูกต้อง",
   "Please enter a valid time.": "กรุณากรอกเวลาที่ถูกต้อง",
   "Please select": "โปรดเลือก",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "ไม่สามารถอัปเดตการประมวลผลได้ในขณะนี้ ไม่ต้องกังวล! ไฟล์ของคุณทั้งหมดกำลังอยู่ระหว่างดำเนินการ",
   "Quantity of files should be less than {limit}": "จำนวนไฟล์ควรน้อยกว่า {limit}",
   "Reject": "ปฏิเสธ",
-  "Remove": "",
+  "Remove": "ลบ",
   "Resend OTP": "ขอ OTP อีกครั้ง",
   "Resend in": "ส่งอีกครั้งใน",
   "Reset All Filters": "รีเซทตัวกรอง",

package/lib/locale/vi-VN/messages.json

@@ -4,7 +4,7 @@
   "1 file in progress...": "1 tệp đang được xử lý",
   "Accept": "Chấp nhận",
   "Action": "Chạy",
-  "Add": "",
+  "Add": "Thêm vào",
   "Apply": "Áp dụng",
   "Apply Columns": "Áp dụng Cột",
   "Cancel": "Hủy",
@@ -38,7 +38,7 @@
   "OK": "Vâng",
   "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Vui lòng xác nhận và gửi yêu cầu bồi thường.",
   "Optional": "Không bắt buộc",
-  "Other Reason": "",
+  "Other Reason": "Lý do khác",
   "Please enter a valid date.": "Vui lòng nhập đúng ngày:",
   "Please enter a valid time.": "Vui lòng nhập thời gian hợp lệ.",
   "Please select": "Xin hãy lựa chọn",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Dữ liệu chưa được cập nhật và đang trong quá trình xử lý.",
   "Quantity of files should be less than {limit}": "Số lượng tệp tin không vượt quá {limit}",
   "Reject": "Từ chối",
-  "Remove": "",
+  "Remove": "tẩy",
   "Resend OTP": "Gửi lại OTP",
   "Resend in": "Gửi lại trong",
   "Reset All Filters": "Xóa lọc",

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

@@ -4,7 +4,7 @@
   "1 file in progress...": "1个文件正在处理...",
   "Accept": "接受",
   "Action": "操作",
-  "Add": "",
+  "Add": "增加",
   "Apply": "应用",
   "Apply Columns": "应用",
   "Cancel": "取消",
@@ -38,7 +38,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": "",
+  "Other Reason": "其他原因",
   "Please enter a valid date.": "请输入一个有效的日期。",
   "Please enter a valid time.": "请输入一个有效的时间。",
   "Please select": "请选择",
@@ -49,7 +49,7 @@
   "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "文件解析中，请耐心等待。",
   "Quantity of files should be less than {limit}": "文件数量不能超过{limit}",
   "Reject": "拒绝",
-  "Remove": "",
+  "Remove": "移除",
   "Resend OTP": "重新发送OTP",
   "Resend in": "重新发送",
   "Reset All Filters": "重置所有过滤条件",

package/lib/upload-photo/index.js

@@ -268,14 +268,10 @@ var UploadPhoto = function UploadPhoto(props) {
   };
 
   (0, _react.useEffect)(function () {
-    if (Array.isArray(value) && value.some(function (url) {
-      return typeof url === 'string' && !files.find(function (file) {
-        return file.url === url;
-      });
-    })) {
+    if (Array.isArray(value) && files.length === 0) {
       mapFilesFromValue(value);
     }
-  }, [value, files]);
+  }, [value]);
   var uploadId = (0, _react.useMemo)(function () {
     return "igloo-upload-photo-input-".concat(Math.random());
   }, []);

package/package.json

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