@pdg/react-form 1.0.138 → 1.0.140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.esm.js +306 -284
  2. package/dist/index.js +305 -283
  3. package/package.json +2 -2
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import React,{createContext,useContext,useRef,useCallback,useMemo,useLayoutEffect,useEffect,useState,useId}from'react';import classNames from'classnames';import {Box,styled,useTheme,InputLabel,Grid,Collapse,FormHelperText,InputAdornment,IconButton,TextField,Chip,Autocomplete,Icon,CircularProgress,MenuItem,Checkbox,FormControl,Input,OutlinedInput,FilledInput,FormControlLabel,Typography,RadioGroup,Radio,ToggleButton,ToggleButtonGroup,Rating,Skeleton,darken,Button,Tooltip,tooltipClasses,ClickAwayListener,Dialog,DialogTitle,DialogContent,DialogActions,Switch,Paper,Menu}from'@mui/material';import {empty,ifUndefined,nextTick,notEmpty,equal,telNoAutoDash,companyNoAutoDash,personalNoAutoDash}from'@pdg/util';import dayjs from'dayjs';import {useAutoUpdateLayoutRef,useAutoUpdateState,useAutoUpdateRefState,useFirstSkipEffect,useForceUpdate}from'@pdg/react-hook';import {PdgButton,PdgIcon,PdgIconText}from'@pdg/react-component';import {useResizeDetector}from'react-resize-detector';import {NumericFormat}from'react-number-format';import {CheckBoxOutlineBlank,CheckBox,RadioButtonChecked,RadioButtonUnchecked}from'@mui/icons-material';import {Editor}from'@tinymce/tinymce-react';import {AdapterDayjs}from'@mui/x-date-pickers/AdapterDayjs';import {PickersDay,StaticDatePicker,LocalizationProvider,DesktopDatePicker,StaticDateTimePicker,DesktopDateTimePicker}from'@mui/x-date-pickers';import SimpleBar from'simplebar-react';import'dayjs/locale/ko';function styleInject(css, ref) {
1
+ import React,{createContext,useContext,useRef,useCallback,useMemo,useLayoutEffect,useEffect,useState,useId}from'react';import classNames from'classnames';import {Box,styled,useTheme,InputLabel,Grid,Collapse,FormHelperText,InputAdornment,IconButton,TextField,Chip,Autocomplete,Icon,CircularProgress,MenuItem,Checkbox,FormControl,Input,OutlinedInput,FilledInput,FormControlLabel,Typography,RadioGroup,Radio,ToggleButton,ToggleButtonGroup,Rating,Skeleton,darken,Button,Tooltip,tooltipClasses,ClickAwayListener,Dialog,DialogTitle,DialogContent,DialogActions,Switch,Paper,Menu}from'@mui/material';import {empty,ifUndefined,nextTick,notEmpty,equal,telNoAutoDash,companyNoAutoDash,personalNoAutoDash}from'@pdg/util';import dayjs from'dayjs';import {useAutoUpdateLayoutRef,useAutoUpdateState,useAutoUpdateRefState,useForceUpdate,useAutoUpdateRef,useFirstSkipEffect}from'@pdg/react-hook';import {PdgButton,PdgIcon,PdgIconText}from'@pdg/react-component';import {useResizeDetector}from'react-resize-detector';import {NumericFormat}from'react-number-format';import {CheckBoxOutlineBlank,CheckBox,RadioButtonChecked,RadioButtonUnchecked}from'@mui/icons-material';import {Editor}from'@tinymce/tinymce-react';import {AdapterDayjs}from'@mui/x-date-pickers/AdapterDayjs';import {PickersDay,StaticDatePicker,LocalizationProvider,DesktopDatePicker,StaticDateTimePicker,DesktopDateTimePicker}from'@mui/x-date-pickers';import SimpleBar from'simplebar-react';import'dayjs/locale/ko';function styleInject(css, ref) {
2
2
  if ( ref === void 0 ) ref = {};
3
3
  var insertAt = ref.insertAt;
4
4
 
@@ -1093,21 +1093,23 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1093
1093
  return true;
1094
1094
  }, [required, validPattern, invalidPattern, onValidate, setErrorErrorHelperText]);
1095
1095
  /********************************************************************************************************************
1096
- * State - value
1096
+ * value
1097
1097
  * ******************************************************************************************************************/
1098
1098
  var getFinalValue = useCallback(function (newValue) {
1099
1099
  return onValue ? onValue(newValue) : newValue;
1100
1100
  }, [onValue]);
1101
- var _h = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _h[0], value = _h[1], setValue = _h[2];
1102
- useFirstSkipEffect(function () {
1101
+ var _h = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _h[0], value = _h[1], _setValue = _h[2];
1102
+ var updateValue = useCallback(function (newValue) {
1103
+ var finalValue = _setValue(newValue);
1103
1104
  if (error)
1104
- validate(value);
1105
+ validate(finalValue);
1105
1106
  if (onChange)
1106
- onChange(value);
1107
+ onChange(finalValue);
1107
1108
  if (!noFormValueItem) {
1108
- onValueChange(name, value);
1109
+ onValueChange(name, finalValue);
1109
1110
  }
1110
- }, [value]);
1111
+ return finalValue;
1112
+ }, [_setValue, error, name, noFormValueItem, onChange, onValueChange, validate]);
1111
1113
  /********************************************************************************************************************
1112
1114
  * Variables
1113
1115
  * ******************************************************************************************************************/
@@ -1133,9 +1135,9 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1133
1135
  getType: function () { return 'default'; },
1134
1136
  getName: function () { return name; },
1135
1137
  getReset: function () { return getFinalValue(initValue); },
1136
- reset: function () { return setValue(initValue); },
1138
+ reset: function () { return updateValue(initValue); },
1137
1139
  getValue: function () { return valueRef.current; },
1138
- setValue: setValue,
1140
+ setValue: updateValue,
1139
1141
  getData: function () { return dataRef.current; },
1140
1142
  setData: setData,
1141
1143
  isExceptValue: function () { return !!exceptValue; },
@@ -1191,7 +1193,7 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1191
1193
  setDisabled,
1192
1194
  setErrorErrorHelperText,
1193
1195
  setHidden,
1194
- setValue,
1196
+ updateValue,
1195
1197
  validate,
1196
1198
  valueRef,
1197
1199
  ]);
@@ -1199,7 +1201,7 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1199
1201
  * Event Handler
1200
1202
  * ******************************************************************************************************************/
1201
1203
  var handleChange = useCallback(function (e) {
1202
- var finalValue = setValue(e.target.value);
1204
+ var finalValue = updateValue(e.target.value);
1203
1205
  if (!noFormValueItem) {
1204
1206
  nextTick(function () {
1205
1207
  onValueChangeByUser(name, finalValue);
@@ -1208,7 +1210,7 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1208
1210
  }
1209
1211
  });
1210
1212
  }
1211
- }, [setValue, noFormValueItem, onValueChangeByUser, name, select, onRequestSearchSubmit]);
1213
+ }, [updateValue, noFormValueItem, onValueChangeByUser, name, select, onRequestSearchSubmit]);
1212
1214
  var handleBlur = useCallback(function (e) {
1213
1215
  if (error)
1214
1216
  validate(valueRef.current);
@@ -1284,7 +1286,7 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1284
1286
  newProps.endAdornment = (React.createElement(React.Fragment, null,
1285
1287
  clear && !readOnly && !disabled && (React.createElement(InputAdornment, { className: classNames('clear-icon-button-wrap', showClear && 'show'), position: 'end' },
1286
1288
  React.createElement(IconButton, { className: 'clear-icon-button', size: 'small', tabIndex: -1, onClick: function () {
1287
- var finalValue = setValue('');
1289
+ var finalValue = updateValue('');
1288
1290
  focus();
1289
1291
  if (!noFormValueItem) {
1290
1292
  nextTick(function () {
@@ -1310,9 +1312,9 @@ styleInject(css_248z$k);var FormTextField = React.forwardRef(function (_a, ref)
1310
1312
  onRequestSearchSubmit,
1311
1313
  onValueChangeByUser,
1312
1314
  readOnly,
1313
- setValue,
1314
1315
  showClear,
1315
1316
  startAdornment,
1317
+ updateValue,
1316
1318
  ]);
1317
1319
  var slotProps = useMemo(function () {
1318
1320
  var _a;
@@ -1464,15 +1466,17 @@ var FormTag = React.forwardRef(function (_a, ref) {
1464
1466
  }
1465
1467
  return onValue ? onValue(finalValue) : finalValue;
1466
1468
  }, [onValue]);
1467
- var _h = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _h[0], value = _h[1], setValue = _h[2];
1469
+ var _h = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _h[0], value = _h[1], _setValue = _h[2];
1468
1470
  var valueSet = useMemo(function () { return new Set(value); }, [value]);
1469
- useFirstSkipEffect(function () {
1471
+ var updateValue = useCallback(function (newValue) {
1472
+ var finalValue = _setValue(newValue);
1470
1473
  if (error)
1471
- validate(value);
1474
+ validate(finalValue);
1472
1475
  if (onChange)
1473
- onChange(value);
1474
- onValueChange(name, value);
1475
- }, [value]);
1476
+ onChange(finalValue);
1477
+ onValueChange(name, finalValue);
1478
+ return finalValue;
1479
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
1476
1480
  /********************************************************************************************************************
1477
1481
  * Effect
1478
1482
  * ******************************************************************************************************************/
@@ -1497,8 +1501,8 @@ var FormTag = React.forwardRef(function (_a, ref) {
1497
1501
  * Function - getCommands
1498
1502
  * ******************************************************************************************************************/
1499
1503
  var getCommands = useCallback(function (baseCommands) {
1500
- return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return setValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) { return setValue(newValue); }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
1501
- }, [getExtraCommands, getFinalValue, initValue, setValue, valueRef, validate]);
1504
+ return __assign(__assign(__assign({}, baseCommands), { getReset: function () { return getFinalValue(initValue); }, reset: function () { return updateValue(initValue); }, getValue: function () { return valueRef.current; }, setValue: function (newValue) { return updateValue(newValue); }, validate: function () { return validate(valueRef.current); } }), getExtraCommands());
1505
+ }, [getExtraCommands, getFinalValue, initValue, updateValue, valueRef, validate]);
1502
1506
  /********************************************************************************************************************
1503
1507
  * Function - appendTag, removeTag
1504
1508
  * ******************************************************************************************************************/
@@ -1507,25 +1511,25 @@ var FormTag = React.forwardRef(function (_a, ref) {
1507
1511
  if (onAppendTag && !onAppendTag(tag))
1508
1512
  return;
1509
1513
  valueSet.add(tag);
1510
- var finalValue_1 = setValue(valueSet);
1514
+ var finalValue_1 = updateValue(valueSet);
1511
1515
  nextTick(function () {
1512
1516
  onValueChangeByUser(name, finalValue_1);
1513
1517
  onRequestSearchSubmit(name, finalValue_1);
1514
1518
  });
1515
1519
  }
1516
- }, [valueSet, onAppendTag, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
1520
+ }, [valueSet, onAppendTag, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
1517
1521
  var removeTag = useCallback(function (tag) {
1518
1522
  if (valueSet.has(tag)) {
1519
1523
  if (onRemoveTag && !onRemoveTag(tag))
1520
1524
  return;
1521
1525
  valueSet.delete(tag);
1522
- var finalValue_2 = setValue(valueSet);
1526
+ var finalValue_2 = updateValue(valueSet);
1523
1527
  nextTick(function () {
1524
1528
  onValueChangeByUser(name, finalValue_2);
1525
1529
  onRequestSearchSubmit(name, finalValue_2);
1526
1530
  });
1527
1531
  }
1528
- }, [valueSet, onRemoveTag, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
1532
+ }, [valueSet, onRemoveTag, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
1529
1533
  /********************************************************************************************************************
1530
1534
  * Event Handler
1531
1535
  * ******************************************************************************************************************/
@@ -1658,15 +1662,7 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
1658
1662
  /********************************************************************************************************************
1659
1663
  * Ref
1660
1664
  * ******************************************************************************************************************/
1661
- var strValueRef = React.useRef(undefined);
1662
- /********************************************************************************************************************
1663
- * Effect
1664
- * ******************************************************************************************************************/
1665
- useEffect(function () {
1666
- strValueRef.current = empty(initValue) ? '' : "".concat(initValue);
1667
- forceUpdate();
1668
- // eslint-disable-next-line react-hooks/exhaustive-deps
1669
- }, [initValue]);
1665
+ var strValueRef = useAutoUpdateRef(initValue !== undefined ? "".concat(initValue) : '');
1670
1666
  /********************************************************************************************************************
1671
1667
  * Memo
1672
1668
  * ******************************************************************************************************************/
@@ -1737,7 +1733,7 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
1737
1733
  strValueRef.current = value;
1738
1734
  forceUpdate();
1739
1735
  }
1740
- }, [forceUpdate, onChange]);
1736
+ }, [forceUpdate, onChange, strValueRef]);
1741
1737
  var handleValue = useCallback(function (value) {
1742
1738
  var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
1743
1739
  if (onValue) {
@@ -2214,19 +2210,18 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2214
2210
  return equal(newValue, finalValue) ? newValue : finalValue;
2215
2211
  }, [multiple, formValueSeparator, itemsValues, onValue]);
2216
2212
  /********************************************************************************************************************
2217
- * State - value
2218
- * ******************************************************************************************************************/
2219
- var _k = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _k[0], value = _k[1], setValue = _k[2];
2220
- /********************************************************************************************************************
2221
- * Function
2213
+ * value
2222
2214
  * ******************************************************************************************************************/
2223
- useFirstSkipEffect(function () {
2215
+ var _k = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _k[0], value = _k[1], _setValue = _k[2];
2216
+ var updateValue = useCallback(function (newValue) {
2217
+ var finalValue = _setValue(newValue);
2224
2218
  if (onChange)
2225
- onChange(value);
2226
- onValueChange(name, value);
2227
- }, [value]);
2219
+ onChange(finalValue);
2220
+ onValueChange(name, finalValue);
2221
+ return finalValue;
2222
+ }, [_setValue, name, onChange, onValueChange]);
2228
2223
  useFirstSkipEffect(function () {
2229
- setValue(valueRef.current);
2224
+ updateValue(valueRef.current);
2230
2225
  }, [multiple]);
2231
2226
  /********************************************************************************************************************
2232
2227
  * Effect
@@ -2251,11 +2246,11 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2251
2246
  var getBaseCommands = useCallback(function () {
2252
2247
  return {
2253
2248
  getReset: function () { return getFinalValue(initValue); },
2254
- reset: function () { return setValue(initValue); },
2249
+ reset: function () { return updateValue(initValue); },
2255
2250
  getValue: function () { return valueRef.current; },
2256
- setValue: function (value) { return setValue(value); },
2251
+ setValue: function (value) { return updateValue(value); },
2257
2252
  };
2258
- }, [getFinalValue, initValue, setValue, valueRef]);
2253
+ }, [getFinalValue, initValue, updateValue, valueRef]);
2259
2254
  var getExtraCommands = useCallback(function () {
2260
2255
  var lastItems = items;
2261
2256
  var lastLoading = loading;
@@ -2294,7 +2289,7 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2294
2289
  onAddValueItem(id, __assign(__assign(__assign({}, commands), getBaseCommands()), getExtraCommands()));
2295
2290
  }, [onAddValueItem, getBaseCommands, getExtraCommands]);
2296
2291
  var handleChange = function (newValue) {
2297
- setValue(newValue);
2292
+ updateValue(newValue);
2298
2293
  };
2299
2294
  var handleValue = useCallback(function (value) {
2300
2295
  return getFinalValue(value);
@@ -2845,14 +2840,17 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2845
2840
  var getFinalValue = useCallback(function (value) {
2846
2841
  return onValue ? onValue(value) : value;
2847
2842
  }, [onValue]);
2848
- var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], setValue = _t[2];
2849
- useFirstSkipEffect(function () {
2843
+ var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], _setValue = _t[2];
2844
+ var updateValue = useCallback(function (newValue, skipCallback) {
2845
+ if (skipCallback === void 0) { skipCallback = false; }
2846
+ var finalValue = _setValue(newValue, skipCallback);
2850
2847
  if (error)
2851
- validate(value);
2848
+ validate(finalValue);
2852
2849
  if (onChange)
2853
- onChange(value);
2854
- onValueChange(name, value);
2855
- }, [value]);
2850
+ onChange(finalValue);
2851
+ onValueChange(name, finalValue);
2852
+ return finalValue;
2853
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
2856
2854
  /********************************************************************************************************************
2857
2855
  * Effect
2858
2856
  * ******************************************************************************************************************/
@@ -2926,9 +2924,9 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2926
2924
  getType: function () { return 'FormRadioGroup'; },
2927
2925
  getName: function () { return name; },
2928
2926
  getReset: function () { return getFinalValue(initValue); },
2929
- reset: function () { return setValue(initValue); },
2927
+ reset: function () { return updateValue(initValue); },
2930
2928
  getValue: function () { return valueRef.current; },
2931
- setValue: setValue,
2929
+ setValue: updateValue,
2932
2930
  getData: function () { return dataRef.current; },
2933
2931
  setData: setData,
2934
2932
  isExceptValue: function () { return !!exceptValue; },
@@ -2988,7 +2986,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2988
2986
  setHidden,
2989
2987
  setItems,
2990
2988
  setLoading,
2991
- setValue,
2989
+ updateValue,
2992
2990
  validate,
2993
2991
  valueRef,
2994
2992
  ]);
@@ -3022,14 +3020,14 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3022
3020
  }
3023
3021
  finalValue_1 = getFinalValue(finalValue_1);
3024
3022
  if (value !== finalValue_1) {
3025
- setValue(finalValue_1, true);
3023
+ updateValue(finalValue_1, true);
3026
3024
  nextTick(function () {
3027
3025
  onValueChangeByUser(name, finalValue_1);
3028
3026
  onRequestSearchSubmit(name, finalValue_1);
3029
3027
  });
3030
3028
  }
3031
3029
  }
3032
- }, [readOnly, items, getFinalValue, value, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3030
+ }, [readOnly, items, getFinalValue, value, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3033
3031
  /********************************************************************************************************************
3034
3032
  * Render
3035
3033
  * ******************************************************************************************************************/
@@ -3245,16 +3243,19 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3245
3243
  finalValue = onValue ? onValue(finalValue) : finalValue;
3246
3244
  return equal(value, finalValue) ? value : finalValue;
3247
3245
  }, [multiple, formValueSeparator, itemsValues, onValue]);
3248
- var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], setValue = _t[2];
3249
- useFirstSkipEffect(function () {
3246
+ var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], _setValue = _t[2];
3247
+ var updateValue = useCallback(function (newValue, skipCallback) {
3248
+ if (skipCallback === void 0) { skipCallback = false; }
3249
+ var finalValue = _setValue(newValue, skipCallback);
3250
3250
  if (error)
3251
- validate(value);
3251
+ validate(finalValue);
3252
3252
  if (onChange)
3253
- onChange(value);
3254
- onValueChange(name, value);
3255
- }, [value]);
3253
+ onChange(finalValue);
3254
+ onValueChange(name, finalValue);
3255
+ return finalValue;
3256
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3256
3257
  useFirstSkipEffect(function () {
3257
- setValue(valueRef.current);
3258
+ updateValue(valueRef.current);
3258
3259
  }, [multiple]);
3259
3260
  /********************************************************************************************************************
3260
3261
  * Effect
@@ -3284,7 +3285,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3284
3285
  }
3285
3286
  }
3286
3287
  if (setFirstItem) {
3287
- setValue((multiple ? [items[0].value] : items[0].value));
3288
+ updateValue((multiple ? [items[0].value] : items[0].value));
3288
3289
  }
3289
3290
  }
3290
3291
  }
@@ -3306,9 +3307,9 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3306
3307
  getType: function () { return 'FormToggleButtonGroup'; },
3307
3308
  getName: function () { return name; },
3308
3309
  getReset: function () { return getFinalValue(initValue); },
3309
- reset: function () { return setValue(initValue); },
3310
+ reset: function () { return updateValue(initValue); },
3310
3311
  getValue: function () { return valueRef.current; },
3311
- setValue: setValue,
3312
+ setValue: updateValue,
3312
3313
  getData: function () { return dataRef.current; },
3313
3314
  setData: setData,
3314
3315
  isExceptValue: function () { return !!exceptValue; },
@@ -3377,7 +3378,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3377
3378
  setHidden,
3378
3379
  setItems,
3379
3380
  setLoading,
3380
- setValue,
3381
+ updateValue,
3381
3382
  validate,
3382
3383
  valueRef,
3383
3384
  ]);
@@ -3406,7 +3407,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3406
3407
  }
3407
3408
  finalValue_1 = getFinalValue(finalValue_1);
3408
3409
  if (!equal(valueRef.current, finalValue_1)) {
3409
- setValue(finalValue_1, true);
3410
+ updateValue(finalValue_1, true);
3410
3411
  nextTick(function () {
3411
3412
  onValueChangeByUser(name, finalValue_1);
3412
3413
  onRequestSearchSubmit(name, finalValue_1);
@@ -3419,7 +3420,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3419
3420
  getFinalValue,
3420
3421
  valueRef,
3421
3422
  multiple,
3422
- setValue,
3423
+ updateValue,
3423
3424
  onValueChangeByUser,
3424
3425
  name,
3425
3426
  onRequestSearchSubmit,
@@ -3566,14 +3567,16 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3566
3567
  var finalValue = value || 0;
3567
3568
  return onValue ? onValue(finalValue) : finalValue;
3568
3569
  }, [onValue]);
3569
- var _m = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _m[0], value = _m[1], setValue = _m[2];
3570
- useFirstSkipEffect(function () {
3570
+ var _m = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _m[0], value = _m[1], _setValue = _m[2];
3571
+ var updateValue = useCallback(function (newValue) {
3572
+ var finalValue = _setValue(newValue);
3571
3573
  if (error)
3572
- validate(value);
3574
+ validate(finalValue);
3573
3575
  if (onChange)
3574
- onChange(value);
3575
- onValueChange(name, value);
3576
- }, [value]);
3576
+ onChange(finalValue);
3577
+ onValueChange(name, finalValue);
3578
+ return finalValue;
3579
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3577
3580
  /********************************************************************************************************************
3578
3581
  * Effect
3579
3582
  * ******************************************************************************************************************/
@@ -3602,9 +3605,9 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3602
3605
  getType: function () { return 'FormRating'; },
3603
3606
  getName: function () { return name; },
3604
3607
  getReset: function () { return getFinalValue(initValue); },
3605
- reset: function () { return setValue(initValue); },
3608
+ reset: function () { return updateValue(initValue); },
3606
3609
  getValue: function () { return valueRef.current; },
3607
- setValue: setValue,
3610
+ setValue: updateValue,
3608
3611
  getData: function () { return dataRef.current; },
3609
3612
  setData: setData,
3610
3613
  isExceptValue: function () { return !!exceptValue; },
@@ -3656,7 +3659,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3656
3659
  setDisabled,
3657
3660
  setErrorErrorHelperText,
3658
3661
  setHidden,
3659
- setValue,
3662
+ updateValue,
3660
3663
  validate,
3661
3664
  valueRef,
3662
3665
  ]);
@@ -3668,13 +3671,13 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3668
3671
  e.preventDefault();
3669
3672
  }
3670
3673
  else {
3671
- var finalValue_1 = setValue(value);
3674
+ var finalValue_1 = updateValue(value);
3672
3675
  nextTick(function () {
3673
3676
  onValueChangeByUser(name, finalValue_1);
3674
3677
  onRequestSearchSubmit(name, finalValue_1);
3675
3678
  });
3676
3679
  }
3677
- }, [readOnly, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3680
+ }, [readOnly, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3678
3681
  /********************************************************************************************************************
3679
3682
  * Render
3680
3683
  * ******************************************************************************************************************/
@@ -3756,14 +3759,16 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3756
3759
  /********************************************************************************************************************
3757
3760
  * State - value
3758
3761
  * ******************************************************************************************************************/
3759
- var _o = useAutoUpdateRefState(initValue, getFinalValue$8), valueRef = _o[0], value = _o[1], setValue = _o[2];
3760
- useFirstSkipEffect(function () {
3762
+ var _o = useAutoUpdateRefState(initValue, getFinalValue$8), valueRef = _o[0], value = _o[1], _setValue = _o[2];
3763
+ var updateValue = useCallback(function (newValue) {
3764
+ var finalValue = _setValue(newValue);
3761
3765
  if (error)
3762
- validate(value);
3766
+ validate(finalValue);
3763
3767
  if (onChange)
3764
- onChange(value);
3765
- onValueChange(name, value);
3766
- }, [value]);
3768
+ onChange(finalValue);
3769
+ onValueChange(name, finalValue);
3770
+ return finalValue;
3771
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3767
3772
  /********************************************************************************************************************
3768
3773
  * Function - focus
3769
3774
  * ******************************************************************************************************************/
@@ -3779,9 +3784,9 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3779
3784
  getType: function () { return 'FormTextEditor'; },
3780
3785
  getName: function () { return name; },
3781
3786
  getReset: function () { return getFinalValue$8(initValue); },
3782
- reset: function () { return setValue(initValue); },
3787
+ reset: function () { return updateValue(initValue); },
3783
3788
  getValue: function () { return valueRef.current; },
3784
- setValue: setValue,
3789
+ setValue: updateValue,
3785
3790
  getData: function () { return dataRef.current; },
3786
3791
  setData: setData,
3787
3792
  isExceptValue: function () { return !!exceptValue; },
@@ -3832,7 +3837,7 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3832
3837
  setDisabled,
3833
3838
  setErrorErrorHelperText,
3834
3839
  setHidden,
3835
- setValue,
3840
+ updateValue,
3836
3841
  validate,
3837
3842
  valueRef,
3838
3843
  ]);
@@ -3840,14 +3845,14 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3840
3845
  * Event Handler
3841
3846
  * ******************************************************************************************************************/
3842
3847
  var handleEditorChange = useCallback(function (value) {
3843
- setValue(value);
3848
+ updateValue(value);
3844
3849
  if (new Date().getTime() - keyDownTime.current < 300) {
3845
3850
  nextTick(function () {
3846
3851
  if (onValueChangeByUser)
3847
3852
  onValueChangeByUser(name, value);
3848
3853
  });
3849
3854
  }
3850
- }, [name, onValueChangeByUser, setValue]);
3855
+ }, [name, onValueChangeByUser, updateValue]);
3851
3856
  var handleKeyDown = useCallback(function () {
3852
3857
  keyDownTime.current = new Date().getTime();
3853
3858
  }, []);
@@ -4050,17 +4055,20 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4050
4055
  }
4051
4056
  return onValue ? onValue(finalValue) : finalValue;
4052
4057
  }, [multiple, formValueSeparator, itemsValues, onValue]);
4053
- var _p = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _p[0], value = _p[1], setValue = _p[2];
4058
+ var _p = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _p[0], value = _p[1], _setValue = _p[2];
4054
4059
  var _q = useState(null), valueItem = _q[0], setValueItem = _q[1];
4055
- useFirstSkipEffect(function () {
4060
+ var updateValue = useCallback(function (newValue, skipCallback) {
4061
+ if (skipCallback === void 0) { skipCallback = false; }
4062
+ var finalValue = _setValue(newValue, skipCallback);
4056
4063
  if (error)
4057
- validate(value);
4064
+ validate(finalValue);
4058
4065
  if (onChange)
4059
- onChange(value);
4060
- onValueChange(name, value);
4061
- }, [value]);
4066
+ onChange(finalValue);
4067
+ onValueChange(name, finalValue);
4068
+ return finalValue;
4069
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
4062
4070
  useFirstSkipEffect(function () {
4063
- setValue(getFinalValue(valueRef.current));
4071
+ updateValue(getFinalValue(valueRef.current));
4064
4072
  }, [multiple]);
4065
4073
  /********************************************************************************************************************
4066
4074
  * Memo
@@ -4233,9 +4241,9 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4233
4241
  getType: function () { return 'FormAutocomplete'; },
4234
4242
  getName: function () { return name; },
4235
4243
  getReset: function () { return getFinalValue(initValue); },
4236
- reset: function () { return setValue(initValue); },
4244
+ reset: function () { return updateValue(initValue); },
4237
4245
  getValue: function () { return valueRef.current; },
4238
- setValue: function (newValue) { return setValue(newValue); },
4246
+ setValue: function (newValue) { return updateValue(newValue); },
4239
4247
  getData: function () { return dataRef.current; },
4240
4248
  setData: function (data) { return setData(data); },
4241
4249
  isExceptValue: function () { return !!exceptValue; },
@@ -4277,7 +4285,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4277
4285
  setHidden,
4278
4286
  setItems,
4279
4287
  setLoading,
4280
- setValue,
4288
+ updateValue,
4281
4289
  validate,
4282
4290
  valueRef,
4283
4291
  ]);
@@ -4325,7 +4333,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4325
4333
  }
4326
4334
  var finalValue = getFinalValue(newValue);
4327
4335
  if (!equal(valueRef.current, finalValue)) {
4328
- setValue(finalValue, true);
4336
+ updateValue(finalValue, true);
4329
4337
  setValueItem(componentValue);
4330
4338
  nextTick(function () {
4331
4339
  onValueChangeByUser(name, finalValue);
@@ -4353,7 +4361,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4353
4361
  else {
4354
4362
  go();
4355
4363
  }
4356
- }, [multiple, getFinalValue, valueRef, setValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4364
+ }, [multiple, getFinalValue, valueRef, updateValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4357
4365
  var handleGetOptionDisabled = useCallback(function (option) {
4358
4366
  if (getOptionDisabled) {
4359
4367
  return option.disabled || getOptionDisabled(option);
@@ -5039,15 +5047,32 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5039
5047
  /********************************************************************************************************************
5040
5048
  * value
5041
5049
  * ******************************************************************************************************************/
5042
- var _o = useAutoUpdateRefState(initValue), valueRef = _o[0], value = _o[1], setValue = _o[2];
5050
+ var _o = useAutoUpdateRefState(initValue), valueRef = _o[0], value = _o[1], _setValue = _o[2];
5043
5051
  var _p = useAutoUpdateState(value), inputValue = _p[0], setInputValue = _p[1];
5044
- useFirstSkipEffect(function () {
5052
+ var updateValue = useCallback(function (newValue) {
5053
+ var finalValue = _setValue(newValue);
5045
5054
  if (error)
5046
- validate(value);
5055
+ validate(finalValue);
5047
5056
  if (onChange)
5048
- onChange(value);
5049
- onValueChange(name, value);
5050
- }, [value]);
5057
+ onChange(finalValue);
5058
+ onValueChange(name, finalValue);
5059
+ if (type !== 'time' && time && finalValue && (availableDate[0] || availableDate[1])) {
5060
+ var availableDateVal = getAvailableDateVal(availableDate, type, time);
5061
+ var valueVal = getDateValForAvailableDate(finalValue, type, time);
5062
+ var timeError_1 = null;
5063
+ if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5064
+ timeError_1 = 'minDate';
5065
+ }
5066
+ if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5067
+ timeError_1 = 'maxDate';
5068
+ }
5069
+ setTimeError(timeError_1);
5070
+ }
5071
+ else {
5072
+ setTimeError(null);
5073
+ }
5074
+ return finalValue;
5075
+ }, [_setValue, availableDate, error, name, onChange, onValueChange, time, type, validate]);
5051
5076
  /********************************************************************************************************************
5052
5077
  * Effect
5053
5078
  * ******************************************************************************************************************/
@@ -5074,24 +5099,6 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5074
5099
  }
5075
5100
  }
5076
5101
  }, [open]);
5077
- useEffect(function () {
5078
- if (type !== 'time' && time && value && (availableDate[0] || availableDate[1])) {
5079
- var availableDateVal = getAvailableDateVal(availableDate, type, time);
5080
- var valueVal = getDateValForAvailableDate(value, type, time);
5081
- var timeError_1 = null;
5082
- if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5083
- timeError_1 = 'minDate';
5084
- }
5085
- if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5086
- timeError_1 = 'maxDate';
5087
- }
5088
- setTimeError(timeError_1);
5089
- }
5090
- else {
5091
- setTimeError(null);
5092
- }
5093
- // eslint-disable-next-line react-hooks/exhaustive-deps
5094
- }, [value]);
5095
5102
  /********************************************************************************************************************
5096
5103
  * Function - focus
5097
5104
  * ******************************************************************************************************************/
@@ -5108,9 +5115,9 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5108
5115
  getType: function () { return 'default'; },
5109
5116
  getName: function () { return name; },
5110
5117
  getReset: function () { return initValue; },
5111
- reset: function () { return setValue(initValue); },
5118
+ reset: function () { return updateValue(initValue); },
5112
5119
  getValue: function () { return valueRef.current; },
5113
- setValue: setValue,
5120
+ setValue: updateValue,
5114
5121
  getData: function () { return dataRef.current; },
5115
5122
  setData: setData,
5116
5123
  isExceptValue: function () { return !!exceptValue; },
@@ -5168,9 +5175,9 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5168
5175
  setDisabled,
5169
5176
  setErrorErrorHelperText,
5170
5177
  setHidden,
5171
- setValue,
5172
5178
  time,
5173
5179
  type,
5180
+ updateValue,
5174
5181
  validate,
5175
5182
  valueRef,
5176
5183
  ]);
@@ -5178,16 +5185,16 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5178
5185
  * Event Handler
5179
5186
  * ******************************************************************************************************************/
5180
5187
  var handleChange = useCallback(function (unit, newValue, keyboardInputValue) {
5181
- var updateValue = true;
5188
+ var isUpdateValue = true;
5182
5189
  if (notEmpty(keyboardInputValue)) {
5183
5190
  if (newValue) {
5184
5191
  if (!newValue.isValid()) {
5185
- updateValue = false;
5192
+ isUpdateValue = false;
5186
5193
  }
5187
5194
  }
5188
5195
  }
5189
5196
  var finalValue = newValue;
5190
- if (updateValue) {
5197
+ if (isUpdateValue) {
5191
5198
  if (type !== 'time' && finalValue != null && keyboardInputValue == null) {
5192
5199
  var checkResult = checkDateAvailable(finalValue, availableDate, type, time);
5193
5200
  if (checkResult !== 'available') {
@@ -5213,7 +5220,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5213
5220
  if (time === unit)
5214
5221
  setOpen(false);
5215
5222
  }
5216
- setValue(finalValue);
5223
+ updateValue(finalValue);
5217
5224
  nextTick(function () {
5218
5225
  onValueChangeByUser(name, finalValue);
5219
5226
  if (runOnRequestSearchSubmit_1) {
@@ -5222,7 +5229,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5222
5229
  });
5223
5230
  }
5224
5231
  setInputValue(finalValue);
5225
- }, [setInputValue, type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5232
+ }, [setInputValue, type, time, updateValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5226
5233
  var handleContainerFocus = useCallback(function () {
5227
5234
  if (closeTimeoutRef.current) {
5228
5235
  clearTimeout(closeTimeoutRef.current);
@@ -5670,15 +5677,32 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5670
5677
  /********************************************************************************************************************
5671
5678
  * State - value
5672
5679
  * ******************************************************************************************************************/
5673
- var _o = useAutoUpdateRefState(initValue, getFinalValue$7), valueRef = _o[0], value = _o[1], setValue = _o[2];
5680
+ var _o = useAutoUpdateRefState(initValue, getFinalValue$7), valueRef = _o[0], value = _o[1], _setValue = _o[2];
5674
5681
  var _p = useAutoUpdateState(value), inputValue = _p[0], setInputValue = _p[1];
5675
- useFirstSkipEffect(function () {
5682
+ var updateValue = useCallback(function (newValue) {
5683
+ var finalValue = _setValue(newValue);
5676
5684
  if (error)
5677
- validate(value);
5685
+ validate(finalValue);
5678
5686
  if (onChange)
5679
- onChange(value);
5680
- onValueChange(name, value);
5681
- }, [value]);
5687
+ onChange(finalValue);
5688
+ onValueChange(name, finalValue);
5689
+ if (type !== 'time' && time && finalValue && (availableDate[0] || availableDate[1])) {
5690
+ var availableDateVal = getAvailableDateVal(availableDate, type, time);
5691
+ var valueVal = getDateValForAvailableDate(finalValue, type, time);
5692
+ var timeError_1 = null;
5693
+ if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5694
+ timeError_1 = 'minDate';
5695
+ }
5696
+ if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5697
+ timeError_1 = 'maxDate';
5698
+ }
5699
+ setTimeError(timeError_1);
5700
+ }
5701
+ else {
5702
+ setTimeError(null);
5703
+ }
5704
+ return finalValue;
5705
+ }, [_setValue, availableDate, error, name, onChange, onValueChange, time, type, validate]);
5682
5706
  /********************************************************************************************************************
5683
5707
  * Effect
5684
5708
  * ******************************************************************************************************************/
@@ -5705,24 +5729,6 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5705
5729
  }
5706
5730
  }
5707
5731
  }, [open]);
5708
- useEffect(function () {
5709
- if (type !== 'time' && time && value && (availableDate[0] || availableDate[1])) {
5710
- var availableDateVal = getAvailableDateVal(availableDate, type, time);
5711
- var valueVal = getDateValForAvailableDate(value, type, time);
5712
- var timeError_1 = null;
5713
- if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5714
- timeError_1 = 'minDate';
5715
- }
5716
- if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5717
- timeError_1 = 'maxDate';
5718
- }
5719
- setTimeError(timeError_1);
5720
- }
5721
- else {
5722
- setTimeError(null);
5723
- }
5724
- // eslint-disable-next-line react-hooks/exhaustive-deps
5725
- }, [value]);
5726
5732
  /********************************************************************************************************************
5727
5733
  * Function - focus
5728
5734
  * ******************************************************************************************************************/
@@ -5739,9 +5745,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5739
5745
  getType: function () { return 'default'; },
5740
5746
  getName: function () { return name; },
5741
5747
  getReset: function () { return getFinalValue$7(initValue); },
5742
- reset: function () { return setValue(initValue); },
5748
+ reset: function () { return updateValue(initValue); },
5743
5749
  getValue: function () { return valueRef.current; },
5744
- setValue: setValue,
5750
+ setValue: updateValue,
5745
5751
  getData: function () { return dataRef.current; },
5746
5752
  setData: setData,
5747
5753
  isExceptValue: function () { return !!exceptValue; },
@@ -5799,9 +5805,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5799
5805
  setDisabled,
5800
5806
  setErrorErrorHelperText,
5801
5807
  setHidden,
5802
- setValue,
5803
5808
  time,
5804
5809
  type,
5810
+ updateValue,
5805
5811
  validate,
5806
5812
  valueRef,
5807
5813
  ]);
@@ -5810,16 +5816,16 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5810
5816
  * ******************************************************************************************************************/
5811
5817
  var handleChange = useCallback(function (unit, newValue, keyboardInputValue) {
5812
5818
  var _a, _b, _c;
5813
- var updateValue = true;
5819
+ var isUpdateValue = true;
5814
5820
  if (notEmpty(keyboardInputValue)) {
5815
5821
  if (newValue) {
5816
5822
  if (!newValue.isValid()) {
5817
- updateValue = false;
5823
+ isUpdateValue = false;
5818
5824
  }
5819
5825
  }
5820
5826
  }
5821
5827
  var finalValue = newValue;
5822
- if (updateValue) {
5828
+ if (isUpdateValue) {
5823
5829
  if (type !== 'time' && finalValue != null && keyboardInputValue == null) {
5824
5830
  var checkResult = checkDateAvailable(finalValue, availableDate, type, time);
5825
5831
  if (checkResult !== 'available') {
@@ -5845,7 +5851,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5845
5851
  if (time === unit)
5846
5852
  setOpen(false);
5847
5853
  }
5848
- setValue(finalValue);
5854
+ updateValue(finalValue);
5849
5855
  nextTick(function () {
5850
5856
  onValueChangeByUser(name, finalValue);
5851
5857
  if (runOnRequestSearchSubmit_1) {
@@ -5870,7 +5876,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5870
5876
  }
5871
5877
  }
5872
5878
  setInputValue(finalValue);
5873
- }, [setInputValue, type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5879
+ }, [setInputValue, type, time, updateValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5874
5880
  var handleContainerFocus = useCallback(function () {
5875
5881
  if (closeTimeoutRef.current) {
5876
5882
  clearTimeout(closeTimeoutRef.current);
@@ -7740,14 +7746,16 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7740
7746
  /********************************************************************************************************************
7741
7747
  * value
7742
7748
  * ******************************************************************************************************************/
7743
- var _w = useAutoUpdateRefState(initValue, getFinalValue$6), valueRef = _w[0], value = _w[1], setValue = _w[2];
7744
- useFirstSkipEffect(function () {
7749
+ var _w = useAutoUpdateRefState(initValue, getFinalValue$6), valueRef = _w[0], value = _w[1], _setValue = _w[2];
7750
+ var updateValue = useCallback(function (newValue) {
7751
+ var finalValue = _setValue(newValue);
7745
7752
  if (error || fromError || toError)
7746
- validate(value);
7753
+ validate(finalValue);
7747
7754
  if (onChange)
7748
- onChange(value);
7749
- onValueChange(name, value);
7750
- }, [value]);
7755
+ onChange(finalValue);
7756
+ onValueChange(name, finalValue);
7757
+ return finalValue;
7758
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
7751
7759
  /********************************************************************************************************************
7752
7760
  * Effect
7753
7761
  * ******************************************************************************************************************/
@@ -7790,11 +7798,11 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7790
7798
  * Event Handler
7791
7799
  * ******************************************************************************************************************/
7792
7800
  var handleChange = useCallback(function (newValue) {
7793
- setValue(newValue);
7801
+ updateValue(newValue);
7794
7802
  setOpen(false);
7795
7803
  setFromErrorErrorHelperText(false, undefined);
7796
7804
  setToErrorErrorHelperText(false, undefined);
7797
- }, [setFromErrorErrorHelperText, setToErrorErrorHelperText, setValue]);
7805
+ }, [setFromErrorErrorHelperText, setToErrorErrorHelperText, updateValue]);
7798
7806
  var handleValueChange = useCallback(function (selectType, newValue, fromInput) {
7799
7807
  var _a;
7800
7808
  var finalValue;
@@ -7859,12 +7867,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7859
7867
  }
7860
7868
  break;
7861
7869
  }
7862
- setValue(finalValue);
7870
+ updateValue(finalValue);
7863
7871
  nextTick(function () {
7864
7872
  onValueChangeByUser(name, finalValue);
7865
7873
  });
7866
7874
  }, [
7867
- setValue,
7875
+ updateValue,
7868
7876
  value,
7869
7877
  setFromErrorErrorHelperText,
7870
7878
  activeMonth,
@@ -7968,15 +7976,15 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7968
7976
  getType: function () { return 'FormDateRangePicker'; },
7969
7977
  getName: function () { return name; },
7970
7978
  getReset: function () { return getFinalValue$6(initValue); },
7971
- reset: function () { return setValue(initValue); },
7979
+ reset: function () { return updateValue(initValue); },
7972
7980
  getValue: function () { return valueRef.current; },
7973
- setValue: setValue,
7981
+ setValue: updateValue,
7974
7982
  getData: function () { return dataRef.current; },
7975
7983
  setData: setData,
7976
7984
  getFromValue: function () { return valueRef.current[0]; },
7977
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
7985
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
7978
7986
  getToValue: function () { return valueRef.current[1]; },
7979
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
7987
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
7980
7988
  isExceptValue: function () { return !!exceptValue; },
7981
7989
  isDisabled: function () { return !!disabledRef.current; },
7982
7990
  setDisabled: setDisabled,
@@ -8041,7 +8049,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8041
8049
  setDisabled,
8042
8050
  setErrorErrorHelperText,
8043
8051
  setHidden,
8044
- setValue,
8052
+ updateValue,
8045
8053
  validate,
8046
8054
  valueRef,
8047
8055
  ]);
@@ -8243,14 +8251,16 @@ var FormFile = React.forwardRef(function (_a, ref) {
8243
8251
  /********************************************************************************************************************
8244
8252
  * State - value
8245
8253
  * ******************************************************************************************************************/
8246
- var _m = useAutoUpdateRefState(initValue, getFinalValue$5), valueRef = _m[0], value = _m[1], setValue = _m[2];
8247
- useFirstSkipEffect(function () {
8254
+ var _m = useAutoUpdateRefState(initValue, getFinalValue$5), valueRef = _m[0], value = _m[1], _setValue = _m[2];
8255
+ var updateValue = useCallback(function (newValue) {
8256
+ var finalValue = _setValue(newValue);
8248
8257
  if (error)
8249
- validate(value);
8258
+ validate(finalValue);
8250
8259
  if (onChange)
8251
- onChange(value);
8252
- onValueChange(name, value);
8253
- }, [value]);
8260
+ onChange(finalValue);
8261
+ onValueChange(name, finalValue);
8262
+ return finalValue;
8263
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
8254
8264
  /********************************************************************************************************************
8255
8265
  * Function - focus
8256
8266
  * ******************************************************************************************************************/
@@ -8276,9 +8286,9 @@ var FormFile = React.forwardRef(function (_a, ref) {
8276
8286
  getType: function () { return 'FormFile'; },
8277
8287
  getName: function () { return name; },
8278
8288
  getReset: function () { return getFinalValue$5(initValue); },
8279
- reset: function () { return setValue(initValue); },
8289
+ reset: function () { return updateValue(initValue); },
8280
8290
  getValue: function () { return valueRef.current; },
8281
- setValue: setValue,
8291
+ setValue: updateValue,
8282
8292
  getData: function () { return dataRef.current; },
8283
8293
  setData: setData,
8284
8294
  isExceptValue: function () { return !!exceptValue; },
@@ -8329,7 +8339,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
8329
8339
  setDisabled,
8330
8340
  setErrorErrorHelperText,
8331
8341
  setHidden,
8332
- setValue,
8342
+ updateValue,
8333
8343
  validate,
8334
8344
  valueRef,
8335
8345
  ]);
@@ -8379,7 +8389,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
8379
8389
  var file_1 = target.files[0];
8380
8390
  fileSizeCheck(file_1).then(function () {
8381
8391
  onFile(file_1).then(function (url) {
8382
- setValue(url);
8392
+ updateValue(url);
8383
8393
  nextTick(function () {
8384
8394
  if (onValueChangeByUser)
8385
8395
  onValueChangeByUser(name, url);
@@ -8387,21 +8397,21 @@ var FormFile = React.forwardRef(function (_a, ref) {
8387
8397
  });
8388
8398
  });
8389
8399
  }
8390
- }, [fileSizeCheck, name, onFile, onValueChangeByUser, setValue]);
8400
+ }, [fileSizeCheck, name, onFile, onValueChangeByUser, updateValue]);
8391
8401
  var handleLinkClick = useCallback(function () {
8392
8402
  setIsOpenLinkDialog(true);
8393
8403
  }, []);
8394
8404
  var handleRemoveClick = useCallback(function () {
8395
- setValue('');
8405
+ updateValue('');
8396
8406
  nextTick(function () {
8397
8407
  if (onValueChangeByUser)
8398
8408
  onValueChangeByUser(name, '');
8399
8409
  });
8400
- }, [name, onValueChangeByUser, setValue]);
8410
+ }, [name, onValueChangeByUser, updateValue]);
8401
8411
  var handleLinkDialogConfirm = useCallback(function (url) {
8402
8412
  if (onLink) {
8403
8413
  onLink(url).then(function (finalUrl) {
8404
- setValue(finalUrl);
8414
+ updateValue(finalUrl);
8405
8415
  nextTick(function () {
8406
8416
  if (onValueChangeByUser)
8407
8417
  onValueChangeByUser(name, finalUrl);
@@ -8409,13 +8419,13 @@ var FormFile = React.forwardRef(function (_a, ref) {
8409
8419
  });
8410
8420
  }
8411
8421
  else {
8412
- setValue(url);
8422
+ updateValue(url);
8413
8423
  nextTick(function () {
8414
8424
  if (onValueChangeByUser)
8415
8425
  onValueChangeByUser(name, url);
8416
8426
  });
8417
8427
  }
8418
- }, [name, onLink, onValueChangeByUser, setValue]);
8428
+ }, [name, onLink, onValueChangeByUser, updateValue]);
8419
8429
  /********************************************************************************************************************
8420
8430
  * Render
8421
8431
  * ******************************************************************************************************************/
@@ -8468,11 +8478,13 @@ styleInject(css_248z);var getFinalValue$4 = function (value) { return value || '
8468
8478
  /********************************************************************************************************************
8469
8479
  * value
8470
8480
  * ******************************************************************************************************************/
8471
- var _d = useAutoUpdateState(initValue, getFinalValue$4), value = _d[0], setValue = _d[1];
8472
- useFirstSkipEffect(function () {
8481
+ var _d = useAutoUpdateState(initValue, getFinalValue$4), value = _d[0], _setValue = _d[1];
8482
+ var updateValue = useCallback(function (newValue) {
8483
+ var finalValue = _setValue(newValue);
8473
8484
  if (onChange)
8474
- onChange(value);
8475
- }, [value]);
8485
+ onChange(finalValue);
8486
+ return finalValue;
8487
+ }, [_setValue, onChange]);
8476
8488
  /********************************************************************************************************************
8477
8489
  * Function
8478
8490
  * ******************************************************************************************************************/
@@ -8541,8 +8553,8 @@ styleInject(css_248z);var getFinalValue$4 = function (value) { return value || '
8541
8553
  * Event Handler
8542
8554
  * ******************************************************************************************************************/
8543
8555
  var handleChange = useCallback(function (value) {
8544
- setValue(value);
8545
- }, [setValue]);
8556
+ updateValue(value);
8557
+ }, [updateValue]);
8546
8558
  var handleFile = useCallback(function (file) {
8547
8559
  return new Promise(function (resolve, reject) {
8548
8560
  imageSizeCheck(file)
@@ -8678,14 +8690,16 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8678
8690
  /********************************************************************************************************************
8679
8691
  * value
8680
8692
  * ******************************************************************************************************************/
8681
- var _p = useAutoUpdateRefState(initValue, getFinalValue$3), valueRef = _p[0], value = _p[1], setValue = _p[2];
8682
- useFirstSkipEffect(function () {
8693
+ var _p = useAutoUpdateRefState(initValue, getFinalValue$3), valueRef = _p[0], value = _p[1], _setValue = _p[2];
8694
+ var updateValue = useCallback(function (newValue) {
8695
+ var finalValue = _setValue(newValue);
8683
8696
  if (error)
8684
- validate(value);
8697
+ validate(finalValue);
8685
8698
  if (onChange)
8686
- onChange(value);
8687
- onValueChange(name, value);
8688
- }, [value]);
8699
+ onChange(finalValue);
8700
+ onValueChange(name, finalValue);
8701
+ return finalValue;
8702
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
8689
8703
  /********************************************************************************************************************
8690
8704
  * Memo
8691
8705
  * ******************************************************************************************************************/
@@ -8768,14 +8782,14 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8768
8782
  getType: function () { return 'FormMonthPicker'; },
8769
8783
  getName: function () { return name; },
8770
8784
  getReset: function () { return getFinalValue$3(initValue); },
8771
- reset: function () { return setValue(initValue); },
8785
+ reset: function () { return updateValue(initValue); },
8772
8786
  getValue: function () { return valueRef.current; },
8773
- setValue: setValue,
8787
+ setValue: updateValue,
8774
8788
  getData: function () { return dataRef.current; },
8775
8789
  setData: setData,
8776
8790
  getYear: function () { return (valueRef.current ? valueRef.current.year : null); },
8777
8791
  setYear: function (year) {
8778
- setValue(year === null
8792
+ updateValue(year === null
8779
8793
  ? null
8780
8794
  : valueRef.current
8781
8795
  ? { year: year, month: valueRef.current.month }
@@ -8783,7 +8797,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8783
8797
  },
8784
8798
  getMonth: function () { return (valueRef.current ? valueRef.current.month : null); },
8785
8799
  setMonth: function (month) {
8786
- setValue(month === null
8800
+ updateValue(month === null
8787
8801
  ? null
8788
8802
  : valueRef.current
8789
8803
  ? { year: valueRef.current.year, month: month }
@@ -8847,7 +8861,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8847
8861
  setDisabled,
8848
8862
  setErrorErrorHelperText,
8849
8863
  setHidden,
8850
- setValue,
8864
+ updateValue,
8851
8865
  validate,
8852
8866
  valueRef,
8853
8867
  ]);
@@ -8880,13 +8894,13 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8880
8894
  }
8881
8895
  }, []);
8882
8896
  var handleContainerChange = useCallback(function (newValue, isMonthSelect) {
8883
- setValue(newValue);
8897
+ updateValue(newValue);
8884
8898
  if (isMonthSelect)
8885
8899
  setOpen(false);
8886
8900
  nextTick(function () {
8887
8901
  onValueChangeByUser(name, newValue);
8888
8902
  });
8889
- }, [name, onValueChangeByUser, setValue]);
8903
+ }, [name, onValueChangeByUser, updateValue]);
8890
8904
  var handleInputDatePickerFocus = useCallback(function () {
8891
8905
  if (readOnly || disabled)
8892
8906
  return;
@@ -8933,7 +8947,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8933
8947
  React.createElement(PrivateMonthPicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
8934
8948
  React.createElement("div", null,
8935
8949
  React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputWidth != null
8936
- ? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: function (v) { return setValue(v ? dateToValue$3(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
8950
+ ? __assign({ width: inputWidth }, initStyle) : __assign({ width: fullWidth ? undefined : 150 }, initStyle), sx: sx, value: valueDate, label: label, labelIcon: labelIcon, error: error, focused: focused, required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: inputRef, onChange: function (v) { return updateValue(v ? dateToValue$3(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
8937
8951
  !formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
8938
8952
  });
8939
8953
  FormMonthPicker.displayName = 'FormMonthPicker';var DEFAULT_VALUE$1 = [null, null];
@@ -9053,14 +9067,16 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9053
9067
  /********************************************************************************************************************
9054
9068
  * State - value
9055
9069
  * ******************************************************************************************************************/
9056
- var _v = useAutoUpdateRefState(initValue, getFinalValue$2), valueRef = _v[0], value = _v[1], setValue = _v[2];
9057
- useFirstSkipEffect(function () {
9070
+ var _v = useAutoUpdateRefState(initValue, getFinalValue$2), valueRef = _v[0], value = _v[1], _setValue = _v[2];
9071
+ var updateValue = useCallback(function (newValue) {
9072
+ var finalValue = _setValue(newValue);
9058
9073
  if (error || fromError || toError)
9059
- validate(value);
9074
+ validate(finalValue);
9060
9075
  if (onChange)
9061
- onChange(value);
9062
- onValueChange(name, value);
9063
- }, [value]);
9076
+ onChange(finalValue);
9077
+ onValueChange(name, finalValue);
9078
+ return finalValue;
9079
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
9064
9080
  /********************************************************************************************************************
9065
9081
  * Memo
9066
9082
  * ******************************************************************************************************************/
@@ -9132,18 +9148,18 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9132
9148
  getType: function () { return 'FormMonthRangePicker'; },
9133
9149
  getName: function () { return name; },
9134
9150
  getReset: function () { return getFinalValue$2(initValue); },
9135
- reset: function () { return setValue(initValue); },
9151
+ reset: function () { return updateValue(initValue); },
9136
9152
  getValue: function () { return valueRef.current; },
9137
- setValue: setValue,
9153
+ setValue: updateValue,
9138
9154
  getData: function () { return dataRef.current; },
9139
9155
  setData: setData,
9140
9156
  getFromValue: function () { return valueRef.current[0]; },
9141
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
9157
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
9142
9158
  getToValue: function () { return valueRef.current[1]; },
9143
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
9159
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
9144
9160
  getFromYear: function () { return (valueRef.current[0] ? valueRef.current[0].year : null); },
9145
9161
  setFromYear: function (year) {
9146
- setValue([
9162
+ updateValue([
9147
9163
  year === null
9148
9164
  ? null
9149
9165
  : valueRef.current[0]
@@ -9154,7 +9170,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9154
9170
  },
9155
9171
  getFromMonth: function () { return (valueRef.current[0] ? valueRef.current[0].month : null); },
9156
9172
  setFromMonth: function (month) {
9157
- setValue([
9173
+ updateValue([
9158
9174
  month === null
9159
9175
  ? null
9160
9176
  : valueRef.current[0]
@@ -9165,7 +9181,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9165
9181
  },
9166
9182
  getToYear: function () { return (valueRef.current[1] ? valueRef.current[1].year : null); },
9167
9183
  setToYear: function (year) {
9168
- setValue([
9184
+ updateValue([
9169
9185
  valueRef.current[0],
9170
9186
  year === null
9171
9187
  ? null
@@ -9176,7 +9192,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9176
9192
  },
9177
9193
  getToMonth: function () { return (valueRef.current[1] ? valueRef.current[1].month : null); },
9178
9194
  setToMonth: function (month) {
9179
- setValue([
9195
+ updateValue([
9180
9196
  valueRef.current[0],
9181
9197
  month === null
9182
9198
  ? null
@@ -9253,7 +9269,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9253
9269
  setDisabled,
9254
9270
  setErrorErrorHelperText,
9255
9271
  setHidden,
9256
- setValue,
9272
+ updateValue,
9257
9273
  validate,
9258
9274
  valueRef,
9259
9275
  ]);
@@ -9261,7 +9277,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9261
9277
  * Event Handler
9262
9278
  * ******************************************************************************************************************/
9263
9279
  var handleContainerChange = useCallback(function (newValue, selectType, isMonthSelect) {
9264
- setValue(newValue);
9280
+ updateValue(newValue);
9265
9281
  if (selectType === 'start' && isMonthSelect) {
9266
9282
  nextTick(function () {
9267
9283
  var _a;
@@ -9274,7 +9290,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9274
9290
  nextTick(function () {
9275
9291
  onValueChangeByUser(name, newValue);
9276
9292
  });
9277
- }, [name, onValueChangeByUser, setValue]);
9293
+ }, [name, onValueChangeByUser, updateValue]);
9278
9294
  var handleInputDatePickerChange = useCallback(function (selectType, date) {
9279
9295
  if (date == null || date.isValid()) {
9280
9296
  if (selectType === 'start') {
@@ -9292,7 +9308,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9292
9308
  nextTick(function () {
9293
9309
  onValueChangeByUser(name, newValue_1);
9294
9310
  });
9295
- setValue(newValue_1);
9311
+ updateValue(newValue_1);
9296
9312
  }
9297
9313
  else {
9298
9314
  var newValue_2 = [valueRef.current[0], date ? dateToValue$2(date) : null];
@@ -9309,10 +9325,10 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9309
9325
  nextTick(function () {
9310
9326
  onValueChangeByUser(name, newValue_2);
9311
9327
  });
9312
- setValue(newValue_2);
9328
+ updateValue(newValue_2);
9313
9329
  }
9314
9330
  }
9315
- }, [valueRef, dateInfo, fromError, setValue, validate, onValueChangeByUser, name, toError]);
9331
+ }, [valueRef, dateInfo, fromError, updateValue, validate, onValueChangeByUser, name, toError]);
9316
9332
  var handleInputDatePickerFocus = useCallback(function (selectType) {
9317
9333
  var _a;
9318
9334
  if (readOnly || disabled)
@@ -9459,14 +9475,16 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9459
9475
  /********************************************************************************************************************
9460
9476
  * value
9461
9477
  * ******************************************************************************************************************/
9462
- var _m = useAutoUpdateRefState(initValue, getFinalValue$1), valueRef = _m[0], value = _m[1], setValue = _m[2];
9463
- useFirstSkipEffect(function () {
9478
+ var _m = useAutoUpdateRefState(initValue, getFinalValue$1), valueRef = _m[0], value = _m[1], _setValue = _m[2];
9479
+ var updateValue = useCallback(function (newValue) {
9480
+ var finalValue = _setValue(newValue);
9464
9481
  if (error)
9465
- validate(value);
9482
+ validate(finalValue);
9466
9483
  if (onChange)
9467
- onChange(value);
9468
- onValueChange(name, value);
9469
- }, [value]);
9484
+ onChange(finalValue);
9485
+ onValueChange(name, finalValue);
9486
+ return finalValue;
9487
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
9470
9488
  /********************************************************************************************************************
9471
9489
  * Memo
9472
9490
  * ******************************************************************************************************************/
@@ -9523,9 +9541,9 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9523
9541
  getType: function () { return 'FormYearPicker'; },
9524
9542
  getName: function () { return name; },
9525
9543
  getReset: function () { return getFinalValue$1(initValue); },
9526
- reset: function () { return setValue(initValue); },
9544
+ reset: function () { return updateValue(initValue); },
9527
9545
  getValue: function () { return valueRef.current; },
9528
- setValue: setValue,
9546
+ setValue: updateValue,
9529
9547
  getData: function () { return dataRef.current; },
9530
9548
  setData: setData,
9531
9549
  isExceptValue: function () { return !!exceptValue; },
@@ -9576,7 +9594,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9576
9594
  setDisabled,
9577
9595
  setErrorErrorHelperText,
9578
9596
  setHidden,
9579
- setValue,
9597
+ updateValue,
9580
9598
  validate,
9581
9599
  valueRef,
9582
9600
  ]);
@@ -9609,20 +9627,20 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9609
9627
  }
9610
9628
  }, []);
9611
9629
  var handleContainerChange = useCallback(function (newValue, isClick) {
9612
- setValue(newValue);
9630
+ updateValue(newValue);
9613
9631
  if (isClick)
9614
9632
  setOpen(false);
9615
9633
  nextTick(function () {
9616
9634
  onValueChangeByUser(name, newValue);
9617
9635
  });
9618
- }, [name, onValueChangeByUser, setValue]);
9636
+ }, [name, onValueChangeByUser, updateValue]);
9619
9637
  var handleInputDatePickerChange = useCallback(function (v) {
9620
9638
  var newValue = v ? dateToValue$1(v) : v;
9621
- setValue(newValue);
9639
+ updateValue(newValue);
9622
9640
  nextTick(function () {
9623
9641
  onValueChangeByUser(name, newValue);
9624
9642
  });
9625
- }, [name, onValueChangeByUser, setValue]);
9643
+ }, [name, onValueChangeByUser, updateValue]);
9626
9644
  var handleInputDatePickerFocus = useCallback(function () {
9627
9645
  if (readOnly || disabled)
9628
9646
  return;
@@ -9768,14 +9786,16 @@ var getFinalValue = function (value) {
9768
9786
  /********************************************************************************************************************
9769
9787
  * State - value
9770
9788
  * ******************************************************************************************************************/
9771
- var _u = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _u[0], value = _u[1], setValue = _u[2];
9772
- useFirstSkipEffect(function () {
9789
+ var _u = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _u[0], value = _u[1], _setValue = _u[2];
9790
+ var updateValue = useCallback(function (newValue) {
9791
+ var finalValue = _setValue(newValue);
9773
9792
  if (error || fromError || toError)
9774
- validate(value);
9793
+ validate(finalValue);
9775
9794
  if (onChange)
9776
- onChange(value);
9777
- onValueChange(name, value);
9778
- }, [value]);
9795
+ onChange(finalValue);
9796
+ onValueChange(name, finalValue);
9797
+ return finalValue;
9798
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
9779
9799
  /********************************************************************************************************************
9780
9800
  * Memo
9781
9801
  * ******************************************************************************************************************/
@@ -9822,15 +9842,15 @@ var getFinalValue = function (value) {
9822
9842
  getType: function () { return 'FormYearRangePicker'; },
9823
9843
  getName: function () { return name; },
9824
9844
  getReset: function () { return getFinalValue(initValue); },
9825
- reset: function () { return setValue(initValue); },
9845
+ reset: function () { return updateValue(initValue); },
9826
9846
  getValue: function () { return valueRef.current; },
9827
- setValue: setValue,
9847
+ setValue: updateValue,
9828
9848
  getData: function () { return dataRef.current; },
9829
9849
  setData: setData,
9830
9850
  getFromValue: function () { return valueRef.current[0]; },
9831
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
9851
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
9832
9852
  getToValue: function () { return valueRef.current[1]; },
9833
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
9853
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
9834
9854
  isExceptValue: function () { return !!exceptValue; },
9835
9855
  isDisabled: function () { return !!disabledRef.current; },
9836
9856
  setDisabled: setDisabled,
@@ -9889,7 +9909,7 @@ var getFinalValue = function (value) {
9889
9909
  setDisabled,
9890
9910
  setErrorErrorHelperText,
9891
9911
  setHidden,
9892
- setValue,
9912
+ updateValue,
9893
9913
  validate,
9894
9914
  valueRef,
9895
9915
  ]);
@@ -9897,7 +9917,7 @@ var getFinalValue = function (value) {
9897
9917
  * Event Handler
9898
9918
  * ******************************************************************************************************************/
9899
9919
  var handleContainerChange = useCallback(function (newValue, selectType) {
9900
- setValue(newValue);
9920
+ updateValue(newValue);
9901
9921
  if (selectType === 'start') {
9902
9922
  nextTick(function () {
9903
9923
  var _a;
@@ -9911,7 +9931,7 @@ var getFinalValue = function (value) {
9911
9931
  nextTick(function () {
9912
9932
  onValueChangeByUser(name, newValue);
9913
9933
  });
9914
- }, [setValue, name, onValueChangeByUser]);
9934
+ }, [updateValue, name, onValueChangeByUser]);
9915
9935
  var handleInputDatePickerChange = useCallback(function (selectType, date) {
9916
9936
  if (date == null || date.isValid()) {
9917
9937
  if (selectType === 'start') {
@@ -9927,7 +9947,7 @@ var getFinalValue = function (value) {
9927
9947
  nextTick(function () {
9928
9948
  onValueChangeByUser(name, newValue_1);
9929
9949
  });
9930
- setValue(newValue_1);
9950
+ updateValue(newValue_1);
9931
9951
  }
9932
9952
  else {
9933
9953
  var newValue_2 = [valueRef.current[0], date ? dateToValue(date) : null];
@@ -9942,10 +9962,10 @@ var getFinalValue = function (value) {
9942
9962
  nextTick(function () {
9943
9963
  onValueChangeByUser(name, newValue_2);
9944
9964
  });
9945
- setValue(newValue_2);
9965
+ updateValue(newValue_2);
9946
9966
  }
9947
9967
  }
9948
- }, [valueRef, minYear, maxYear, fromError, setValue, validate, onValueChangeByUser, name, toError]);
9968
+ }, [valueRef, minYear, maxYear, fromError, updateValue, validate, onValueChangeByUser, name, toError]);
9949
9969
  var handleInputDatePickerFocus = useCallback(function (selectType) {
9950
9970
  var _a;
9951
9971
  if (readOnly || disabled)
@@ -10086,14 +10106,16 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10086
10106
  var finalValue = value || false;
10087
10107
  return onValue ? onValue(finalValue) : finalValue;
10088
10108
  }, [onValue]);
10089
- var _j = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _j[0], value = _j[1], setValue = _j[2];
10090
- useFirstSkipEffect(function () {
10109
+ var _j = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _j[0], value = _j[1], _setValue = _j[2];
10110
+ var updateValue = useCallback(function (newValue) {
10111
+ var finalValue = _setValue(newValue);
10091
10112
  if (error)
10092
- validate(value);
10113
+ validate(finalValue);
10093
10114
  if (onChange)
10094
- onChange(value);
10095
- onValueChange(name, value);
10096
- }, [value]);
10115
+ onChange(finalValue);
10116
+ onValueChange(name, finalValue);
10117
+ return finalValue;
10118
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
10097
10119
  /********************************************************************************************************************
10098
10120
  * Function
10099
10121
  * ******************************************************************************************************************/
@@ -10113,9 +10135,9 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10113
10135
  getType: function () { return 'FormSwitch'; },
10114
10136
  getName: function () { return name; },
10115
10137
  getReset: function () { return getFinalValue(initValue); },
10116
- reset: function () { return setValue(initValue); },
10138
+ reset: function () { return updateValue(initValue); },
10117
10139
  getValue: function () { return valueRef.current; },
10118
- setValue: setValue,
10140
+ setValue: updateValue,
10119
10141
  getData: function () { return dataRef.current; },
10120
10142
  setData: setData,
10121
10143
  isExceptValue: function () { return !!exceptValue; },
@@ -10167,7 +10189,7 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10167
10189
  setDisabled,
10168
10190
  setErrorErrorHelperText,
10169
10191
  setHidden,
10170
- setValue,
10192
+ updateValue,
10171
10193
  validate,
10172
10194
  valueRef,
10173
10195
  ]);
@@ -10179,13 +10201,13 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10179
10201
  e.preventDefault();
10180
10202
  }
10181
10203
  else {
10182
- var finalValue_1 = setValue(checked);
10204
+ var finalValue_1 = updateValue(checked);
10183
10205
  nextTick(function () {
10184
10206
  onValueChangeByUser(name, finalValue_1);
10185
10207
  onRequestSearchSubmit(name, finalValue_1);
10186
10208
  });
10187
10209
  }
10188
- }, [readOnly, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
10210
+ }, [readOnly, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
10189
10211
  /********************************************************************************************************************
10190
10212
  * Render
10191
10213
  * ******************************************************************************************************************/