@pdg/react-form 1.0.139 → 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 +304 -274
  2. package/dist/index.js +303 -273
  3. package/package.json +1 -1
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,useAutoUpdateRef}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
  * ******************************************************************************************************************/
@@ -2206,19 +2210,18 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2206
2210
  return equal(newValue, finalValue) ? newValue : finalValue;
2207
2211
  }, [multiple, formValueSeparator, itemsValues, onValue]);
2208
2212
  /********************************************************************************************************************
2209
- * State - value
2210
- * ******************************************************************************************************************/
2211
- var _k = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _k[0], value = _k[1], setValue = _k[2];
2212
- /********************************************************************************************************************
2213
- * Function
2213
+ * value
2214
2214
  * ******************************************************************************************************************/
2215
- 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);
2216
2218
  if (onChange)
2217
- onChange(value);
2218
- onValueChange(name, value);
2219
- }, [value]);
2219
+ onChange(finalValue);
2220
+ onValueChange(name, finalValue);
2221
+ return finalValue;
2222
+ }, [_setValue, name, onChange, onValueChange]);
2220
2223
  useFirstSkipEffect(function () {
2221
- setValue(valueRef.current);
2224
+ updateValue(valueRef.current);
2222
2225
  }, [multiple]);
2223
2226
  /********************************************************************************************************************
2224
2227
  * Effect
@@ -2243,11 +2246,11 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2243
2246
  var getBaseCommands = useCallback(function () {
2244
2247
  return {
2245
2248
  getReset: function () { return getFinalValue(initValue); },
2246
- reset: function () { return setValue(initValue); },
2249
+ reset: function () { return updateValue(initValue); },
2247
2250
  getValue: function () { return valueRef.current; },
2248
- setValue: function (value) { return setValue(value); },
2251
+ setValue: function (value) { return updateValue(value); },
2249
2252
  };
2250
- }, [getFinalValue, initValue, setValue, valueRef]);
2253
+ }, [getFinalValue, initValue, updateValue, valueRef]);
2251
2254
  var getExtraCommands = useCallback(function () {
2252
2255
  var lastItems = items;
2253
2256
  var lastLoading = loading;
@@ -2286,7 +2289,7 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2286
2289
  onAddValueItem(id, __assign(__assign(__assign({}, commands), getBaseCommands()), getExtraCommands()));
2287
2290
  }, [onAddValueItem, getBaseCommands, getExtraCommands]);
2288
2291
  var handleChange = function (newValue) {
2289
- setValue(newValue);
2292
+ updateValue(newValue);
2290
2293
  };
2291
2294
  var handleValue = useCallback(function (value) {
2292
2295
  return getFinalValue(value);
@@ -2837,14 +2840,17 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2837
2840
  var getFinalValue = useCallback(function (value) {
2838
2841
  return onValue ? onValue(value) : value;
2839
2842
  }, [onValue]);
2840
- var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], setValue = _t[2];
2841
- 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);
2842
2847
  if (error)
2843
- validate(value);
2848
+ validate(finalValue);
2844
2849
  if (onChange)
2845
- onChange(value);
2846
- onValueChange(name, value);
2847
- }, [value]);
2850
+ onChange(finalValue);
2851
+ onValueChange(name, finalValue);
2852
+ return finalValue;
2853
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
2848
2854
  /********************************************************************************************************************
2849
2855
  * Effect
2850
2856
  * ******************************************************************************************************************/
@@ -2918,9 +2924,9 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2918
2924
  getType: function () { return 'FormRadioGroup'; },
2919
2925
  getName: function () { return name; },
2920
2926
  getReset: function () { return getFinalValue(initValue); },
2921
- reset: function () { return setValue(initValue); },
2927
+ reset: function () { return updateValue(initValue); },
2922
2928
  getValue: function () { return valueRef.current; },
2923
- setValue: setValue,
2929
+ setValue: updateValue,
2924
2930
  getData: function () { return dataRef.current; },
2925
2931
  setData: setData,
2926
2932
  isExceptValue: function () { return !!exceptValue; },
@@ -2980,7 +2986,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2980
2986
  setHidden,
2981
2987
  setItems,
2982
2988
  setLoading,
2983
- setValue,
2989
+ updateValue,
2984
2990
  validate,
2985
2991
  valueRef,
2986
2992
  ]);
@@ -3014,14 +3020,14 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3014
3020
  }
3015
3021
  finalValue_1 = getFinalValue(finalValue_1);
3016
3022
  if (value !== finalValue_1) {
3017
- setValue(finalValue_1, true);
3023
+ updateValue(finalValue_1, true);
3018
3024
  nextTick(function () {
3019
3025
  onValueChangeByUser(name, finalValue_1);
3020
3026
  onRequestSearchSubmit(name, finalValue_1);
3021
3027
  });
3022
3028
  }
3023
3029
  }
3024
- }, [readOnly, items, getFinalValue, value, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3030
+ }, [readOnly, items, getFinalValue, value, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3025
3031
  /********************************************************************************************************************
3026
3032
  * Render
3027
3033
  * ******************************************************************************************************************/
@@ -3237,16 +3243,19 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3237
3243
  finalValue = onValue ? onValue(finalValue) : finalValue;
3238
3244
  return equal(value, finalValue) ? value : finalValue;
3239
3245
  }, [multiple, formValueSeparator, itemsValues, onValue]);
3240
- var _t = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], setValue = _t[2];
3241
- 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);
3242
3250
  if (error)
3243
- validate(value);
3251
+ validate(finalValue);
3244
3252
  if (onChange)
3245
- onChange(value);
3246
- onValueChange(name, value);
3247
- }, [value]);
3253
+ onChange(finalValue);
3254
+ onValueChange(name, finalValue);
3255
+ return finalValue;
3256
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3248
3257
  useFirstSkipEffect(function () {
3249
- setValue(valueRef.current);
3258
+ updateValue(valueRef.current);
3250
3259
  }, [multiple]);
3251
3260
  /********************************************************************************************************************
3252
3261
  * Effect
@@ -3276,7 +3285,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3276
3285
  }
3277
3286
  }
3278
3287
  if (setFirstItem) {
3279
- setValue((multiple ? [items[0].value] : items[0].value));
3288
+ updateValue((multiple ? [items[0].value] : items[0].value));
3280
3289
  }
3281
3290
  }
3282
3291
  }
@@ -3298,9 +3307,9 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3298
3307
  getType: function () { return 'FormToggleButtonGroup'; },
3299
3308
  getName: function () { return name; },
3300
3309
  getReset: function () { return getFinalValue(initValue); },
3301
- reset: function () { return setValue(initValue); },
3310
+ reset: function () { return updateValue(initValue); },
3302
3311
  getValue: function () { return valueRef.current; },
3303
- setValue: setValue,
3312
+ setValue: updateValue,
3304
3313
  getData: function () { return dataRef.current; },
3305
3314
  setData: setData,
3306
3315
  isExceptValue: function () { return !!exceptValue; },
@@ -3369,7 +3378,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3369
3378
  setHidden,
3370
3379
  setItems,
3371
3380
  setLoading,
3372
- setValue,
3381
+ updateValue,
3373
3382
  validate,
3374
3383
  valueRef,
3375
3384
  ]);
@@ -3398,7 +3407,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3398
3407
  }
3399
3408
  finalValue_1 = getFinalValue(finalValue_1);
3400
3409
  if (!equal(valueRef.current, finalValue_1)) {
3401
- setValue(finalValue_1, true);
3410
+ updateValue(finalValue_1, true);
3402
3411
  nextTick(function () {
3403
3412
  onValueChangeByUser(name, finalValue_1);
3404
3413
  onRequestSearchSubmit(name, finalValue_1);
@@ -3411,7 +3420,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3411
3420
  getFinalValue,
3412
3421
  valueRef,
3413
3422
  multiple,
3414
- setValue,
3423
+ updateValue,
3415
3424
  onValueChangeByUser,
3416
3425
  name,
3417
3426
  onRequestSearchSubmit,
@@ -3558,14 +3567,16 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3558
3567
  var finalValue = value || 0;
3559
3568
  return onValue ? onValue(finalValue) : finalValue;
3560
3569
  }, [onValue]);
3561
- var _m = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _m[0], value = _m[1], setValue = _m[2];
3562
- 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);
3563
3573
  if (error)
3564
- validate(value);
3574
+ validate(finalValue);
3565
3575
  if (onChange)
3566
- onChange(value);
3567
- onValueChange(name, value);
3568
- }, [value]);
3576
+ onChange(finalValue);
3577
+ onValueChange(name, finalValue);
3578
+ return finalValue;
3579
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3569
3580
  /********************************************************************************************************************
3570
3581
  * Effect
3571
3582
  * ******************************************************************************************************************/
@@ -3594,9 +3605,9 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3594
3605
  getType: function () { return 'FormRating'; },
3595
3606
  getName: function () { return name; },
3596
3607
  getReset: function () { return getFinalValue(initValue); },
3597
- reset: function () { return setValue(initValue); },
3608
+ reset: function () { return updateValue(initValue); },
3598
3609
  getValue: function () { return valueRef.current; },
3599
- setValue: setValue,
3610
+ setValue: updateValue,
3600
3611
  getData: function () { return dataRef.current; },
3601
3612
  setData: setData,
3602
3613
  isExceptValue: function () { return !!exceptValue; },
@@ -3648,7 +3659,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3648
3659
  setDisabled,
3649
3660
  setErrorErrorHelperText,
3650
3661
  setHidden,
3651
- setValue,
3662
+ updateValue,
3652
3663
  validate,
3653
3664
  valueRef,
3654
3665
  ]);
@@ -3660,13 +3671,13 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
3660
3671
  e.preventDefault();
3661
3672
  }
3662
3673
  else {
3663
- var finalValue_1 = setValue(value);
3674
+ var finalValue_1 = updateValue(value);
3664
3675
  nextTick(function () {
3665
3676
  onValueChangeByUser(name, finalValue_1);
3666
3677
  onRequestSearchSubmit(name, finalValue_1);
3667
3678
  });
3668
3679
  }
3669
- }, [readOnly, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3680
+ }, [readOnly, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3670
3681
  /********************************************************************************************************************
3671
3682
  * Render
3672
3683
  * ******************************************************************************************************************/
@@ -3748,14 +3759,16 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3748
3759
  /********************************************************************************************************************
3749
3760
  * State - value
3750
3761
  * ******************************************************************************************************************/
3751
- var _o = useAutoUpdateRefState(initValue, getFinalValue$8), valueRef = _o[0], value = _o[1], setValue = _o[2];
3752
- 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);
3753
3765
  if (error)
3754
- validate(value);
3766
+ validate(finalValue);
3755
3767
  if (onChange)
3756
- onChange(value);
3757
- onValueChange(name, value);
3758
- }, [value]);
3768
+ onChange(finalValue);
3769
+ onValueChange(name, finalValue);
3770
+ return finalValue;
3771
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
3759
3772
  /********************************************************************************************************************
3760
3773
  * Function - focus
3761
3774
  * ******************************************************************************************************************/
@@ -3771,9 +3784,9 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3771
3784
  getType: function () { return 'FormTextEditor'; },
3772
3785
  getName: function () { return name; },
3773
3786
  getReset: function () { return getFinalValue$8(initValue); },
3774
- reset: function () { return setValue(initValue); },
3787
+ reset: function () { return updateValue(initValue); },
3775
3788
  getValue: function () { return valueRef.current; },
3776
- setValue: setValue,
3789
+ setValue: updateValue,
3777
3790
  getData: function () { return dataRef.current; },
3778
3791
  setData: setData,
3779
3792
  isExceptValue: function () { return !!exceptValue; },
@@ -3824,7 +3837,7 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3824
3837
  setDisabled,
3825
3838
  setErrorErrorHelperText,
3826
3839
  setHidden,
3827
- setValue,
3840
+ updateValue,
3828
3841
  validate,
3829
3842
  valueRef,
3830
3843
  ]);
@@ -3832,14 +3845,14 @@ styleInject(css_248z$c);var getFinalValue$8 = function (value) {
3832
3845
  * Event Handler
3833
3846
  * ******************************************************************************************************************/
3834
3847
  var handleEditorChange = useCallback(function (value) {
3835
- setValue(value);
3848
+ updateValue(value);
3836
3849
  if (new Date().getTime() - keyDownTime.current < 300) {
3837
3850
  nextTick(function () {
3838
3851
  if (onValueChangeByUser)
3839
3852
  onValueChangeByUser(name, value);
3840
3853
  });
3841
3854
  }
3842
- }, [name, onValueChangeByUser, setValue]);
3855
+ }, [name, onValueChangeByUser, updateValue]);
3843
3856
  var handleKeyDown = useCallback(function () {
3844
3857
  keyDownTime.current = new Date().getTime();
3845
3858
  }, []);
@@ -4042,17 +4055,20 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4042
4055
  }
4043
4056
  return onValue ? onValue(finalValue) : finalValue;
4044
4057
  }, [multiple, formValueSeparator, itemsValues, onValue]);
4045
- 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];
4046
4059
  var _q = useState(null), valueItem = _q[0], setValueItem = _q[1];
4047
- useFirstSkipEffect(function () {
4060
+ var updateValue = useCallback(function (newValue, skipCallback) {
4061
+ if (skipCallback === void 0) { skipCallback = false; }
4062
+ var finalValue = _setValue(newValue, skipCallback);
4048
4063
  if (error)
4049
- validate(value);
4064
+ validate(finalValue);
4050
4065
  if (onChange)
4051
- onChange(value);
4052
- onValueChange(name, value);
4053
- }, [value]);
4066
+ onChange(finalValue);
4067
+ onValueChange(name, finalValue);
4068
+ return finalValue;
4069
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
4054
4070
  useFirstSkipEffect(function () {
4055
- setValue(getFinalValue(valueRef.current));
4071
+ updateValue(getFinalValue(valueRef.current));
4056
4072
  }, [multiple]);
4057
4073
  /********************************************************************************************************************
4058
4074
  * Memo
@@ -4225,9 +4241,9 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4225
4241
  getType: function () { return 'FormAutocomplete'; },
4226
4242
  getName: function () { return name; },
4227
4243
  getReset: function () { return getFinalValue(initValue); },
4228
- reset: function () { return setValue(initValue); },
4244
+ reset: function () { return updateValue(initValue); },
4229
4245
  getValue: function () { return valueRef.current; },
4230
- setValue: function (newValue) { return setValue(newValue); },
4246
+ setValue: function (newValue) { return updateValue(newValue); },
4231
4247
  getData: function () { return dataRef.current; },
4232
4248
  setData: function (data) { return setData(data); },
4233
4249
  isExceptValue: function () { return !!exceptValue; },
@@ -4269,7 +4285,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4269
4285
  setHidden,
4270
4286
  setItems,
4271
4287
  setLoading,
4272
- setValue,
4288
+ updateValue,
4273
4289
  validate,
4274
4290
  valueRef,
4275
4291
  ]);
@@ -4317,7 +4333,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4317
4333
  }
4318
4334
  var finalValue = getFinalValue(newValue);
4319
4335
  if (!equal(valueRef.current, finalValue)) {
4320
- setValue(finalValue, true);
4336
+ updateValue(finalValue, true);
4321
4337
  setValueItem(componentValue);
4322
4338
  nextTick(function () {
4323
4339
  onValueChangeByUser(name, finalValue);
@@ -4345,7 +4361,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
4345
4361
  else {
4346
4362
  go();
4347
4363
  }
4348
- }, [multiple, getFinalValue, valueRef, setValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4364
+ }, [multiple, getFinalValue, valueRef, updateValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4349
4365
  var handleGetOptionDisabled = useCallback(function (option) {
4350
4366
  if (getOptionDisabled) {
4351
4367
  return option.disabled || getOptionDisabled(option);
@@ -5031,15 +5047,32 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5031
5047
  /********************************************************************************************************************
5032
5048
  * value
5033
5049
  * ******************************************************************************************************************/
5034
- 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];
5035
5051
  var _p = useAutoUpdateState(value), inputValue = _p[0], setInputValue = _p[1];
5036
- useFirstSkipEffect(function () {
5052
+ var updateValue = useCallback(function (newValue) {
5053
+ var finalValue = _setValue(newValue);
5037
5054
  if (error)
5038
- validate(value);
5055
+ validate(finalValue);
5039
5056
  if (onChange)
5040
- onChange(value);
5041
- onValueChange(name, value);
5042
- }, [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]);
5043
5076
  /********************************************************************************************************************
5044
5077
  * Effect
5045
5078
  * ******************************************************************************************************************/
@@ -5066,24 +5099,6 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5066
5099
  }
5067
5100
  }
5068
5101
  }, [open]);
5069
- useEffect(function () {
5070
- if (type !== 'time' && time && value && (availableDate[0] || availableDate[1])) {
5071
- var availableDateVal = getAvailableDateVal(availableDate, type, time);
5072
- var valueVal = getDateValForAvailableDate(value, type, time);
5073
- var timeError_1 = null;
5074
- if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5075
- timeError_1 = 'minDate';
5076
- }
5077
- if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5078
- timeError_1 = 'maxDate';
5079
- }
5080
- setTimeError(timeError_1);
5081
- }
5082
- else {
5083
- setTimeError(null);
5084
- }
5085
- // eslint-disable-next-line react-hooks/exhaustive-deps
5086
- }, [value]);
5087
5102
  /********************************************************************************************************************
5088
5103
  * Function - focus
5089
5104
  * ******************************************************************************************************************/
@@ -5100,9 +5115,9 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5100
5115
  getType: function () { return 'default'; },
5101
5116
  getName: function () { return name; },
5102
5117
  getReset: function () { return initValue; },
5103
- reset: function () { return setValue(initValue); },
5118
+ reset: function () { return updateValue(initValue); },
5104
5119
  getValue: function () { return valueRef.current; },
5105
- setValue: setValue,
5120
+ setValue: updateValue,
5106
5121
  getData: function () { return dataRef.current; },
5107
5122
  setData: setData,
5108
5123
  isExceptValue: function () { return !!exceptValue; },
@@ -5160,9 +5175,9 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5160
5175
  setDisabled,
5161
5176
  setErrorErrorHelperText,
5162
5177
  setHidden,
5163
- setValue,
5164
5178
  time,
5165
5179
  type,
5180
+ updateValue,
5166
5181
  validate,
5167
5182
  valueRef,
5168
5183
  ]);
@@ -5170,16 +5185,16 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5170
5185
  * Event Handler
5171
5186
  * ******************************************************************************************************************/
5172
5187
  var handleChange = useCallback(function (unit, newValue, keyboardInputValue) {
5173
- var updateValue = true;
5188
+ var isUpdateValue = true;
5174
5189
  if (notEmpty(keyboardInputValue)) {
5175
5190
  if (newValue) {
5176
5191
  if (!newValue.isValid()) {
5177
- updateValue = false;
5192
+ isUpdateValue = false;
5178
5193
  }
5179
5194
  }
5180
5195
  }
5181
5196
  var finalValue = newValue;
5182
- if (updateValue) {
5197
+ if (isUpdateValue) {
5183
5198
  if (type !== 'time' && finalValue != null && keyboardInputValue == null) {
5184
5199
  var checkResult = checkDateAvailable(finalValue, availableDate, type, time);
5185
5200
  if (checkResult !== 'available') {
@@ -5205,7 +5220,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5205
5220
  if (time === unit)
5206
5221
  setOpen(false);
5207
5222
  }
5208
- setValue(finalValue);
5223
+ updateValue(finalValue);
5209
5224
  nextTick(function () {
5210
5225
  onValueChangeByUser(name, finalValue);
5211
5226
  if (runOnRequestSearchSubmit_1) {
@@ -5214,7 +5229,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5214
5229
  });
5215
5230
  }
5216
5231
  setInputValue(finalValue);
5217
- }, [setInputValue, type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5232
+ }, [setInputValue, type, time, updateValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5218
5233
  var handleContainerFocus = useCallback(function () {
5219
5234
  if (closeTimeoutRef.current) {
5220
5235
  clearTimeout(closeTimeoutRef.current);
@@ -5662,15 +5677,32 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5662
5677
  /********************************************************************************************************************
5663
5678
  * State - value
5664
5679
  * ******************************************************************************************************************/
5665
- 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];
5666
5681
  var _p = useAutoUpdateState(value), inputValue = _p[0], setInputValue = _p[1];
5667
- useFirstSkipEffect(function () {
5682
+ var updateValue = useCallback(function (newValue) {
5683
+ var finalValue = _setValue(newValue);
5668
5684
  if (error)
5669
- validate(value);
5685
+ validate(finalValue);
5670
5686
  if (onChange)
5671
- onChange(value);
5672
- onValueChange(name, value);
5673
- }, [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]);
5674
5706
  /********************************************************************************************************************
5675
5707
  * Effect
5676
5708
  * ******************************************************************************************************************/
@@ -5697,24 +5729,6 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5697
5729
  }
5698
5730
  }
5699
5731
  }, [open]);
5700
- useEffect(function () {
5701
- if (type !== 'time' && time && value && (availableDate[0] || availableDate[1])) {
5702
- var availableDateVal = getAvailableDateVal(availableDate, type, time);
5703
- var valueVal = getDateValForAvailableDate(value, type, time);
5704
- var timeError_1 = null;
5705
- if (availableDateVal[0] && valueVal < availableDateVal[0]) {
5706
- timeError_1 = 'minDate';
5707
- }
5708
- if (timeError_1 == null && availableDateVal[1] && valueVal > availableDateVal[1]) {
5709
- timeError_1 = 'maxDate';
5710
- }
5711
- setTimeError(timeError_1);
5712
- }
5713
- else {
5714
- setTimeError(null);
5715
- }
5716
- // eslint-disable-next-line react-hooks/exhaustive-deps
5717
- }, [value]);
5718
5732
  /********************************************************************************************************************
5719
5733
  * Function - focus
5720
5734
  * ******************************************************************************************************************/
@@ -5731,9 +5745,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5731
5745
  getType: function () { return 'default'; },
5732
5746
  getName: function () { return name; },
5733
5747
  getReset: function () { return getFinalValue$7(initValue); },
5734
- reset: function () { return setValue(initValue); },
5748
+ reset: function () { return updateValue(initValue); },
5735
5749
  getValue: function () { return valueRef.current; },
5736
- setValue: setValue,
5750
+ setValue: updateValue,
5737
5751
  getData: function () { return dataRef.current; },
5738
5752
  setData: setData,
5739
5753
  isExceptValue: function () { return !!exceptValue; },
@@ -5791,9 +5805,9 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5791
5805
  setDisabled,
5792
5806
  setErrorErrorHelperText,
5793
5807
  setHidden,
5794
- setValue,
5795
5808
  time,
5796
5809
  type,
5810
+ updateValue,
5797
5811
  validate,
5798
5812
  valueRef,
5799
5813
  ]);
@@ -5802,16 +5816,16 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5802
5816
  * ******************************************************************************************************************/
5803
5817
  var handleChange = useCallback(function (unit, newValue, keyboardInputValue) {
5804
5818
  var _a, _b, _c;
5805
- var updateValue = true;
5819
+ var isUpdateValue = true;
5806
5820
  if (notEmpty(keyboardInputValue)) {
5807
5821
  if (newValue) {
5808
5822
  if (!newValue.isValid()) {
5809
- updateValue = false;
5823
+ isUpdateValue = false;
5810
5824
  }
5811
5825
  }
5812
5826
  }
5813
5827
  var finalValue = newValue;
5814
- if (updateValue) {
5828
+ if (isUpdateValue) {
5815
5829
  if (type !== 'time' && finalValue != null && keyboardInputValue == null) {
5816
5830
  var checkResult = checkDateAvailable(finalValue, availableDate, type, time);
5817
5831
  if (checkResult !== 'available') {
@@ -5837,7 +5851,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5837
5851
  if (time === unit)
5838
5852
  setOpen(false);
5839
5853
  }
5840
- setValue(finalValue);
5854
+ updateValue(finalValue);
5841
5855
  nextTick(function () {
5842
5856
  onValueChangeByUser(name, finalValue);
5843
5857
  if (runOnRequestSearchSubmit_1) {
@@ -5862,7 +5876,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
5862
5876
  }
5863
5877
  }
5864
5878
  setInputValue(finalValue);
5865
- }, [setInputValue, type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5879
+ }, [setInputValue, type, time, updateValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5866
5880
  var handleContainerFocus = useCallback(function () {
5867
5881
  if (closeTimeoutRef.current) {
5868
5882
  clearTimeout(closeTimeoutRef.current);
@@ -7732,14 +7746,16 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7732
7746
  /********************************************************************************************************************
7733
7747
  * value
7734
7748
  * ******************************************************************************************************************/
7735
- var _w = useAutoUpdateRefState(initValue, getFinalValue$6), valueRef = _w[0], value = _w[1], setValue = _w[2];
7736
- 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);
7737
7752
  if (error || fromError || toError)
7738
- validate(value);
7753
+ validate(finalValue);
7739
7754
  if (onChange)
7740
- onChange(value);
7741
- onValueChange(name, value);
7742
- }, [value]);
7755
+ onChange(finalValue);
7756
+ onValueChange(name, finalValue);
7757
+ return finalValue;
7758
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
7743
7759
  /********************************************************************************************************************
7744
7760
  * Effect
7745
7761
  * ******************************************************************************************************************/
@@ -7782,11 +7798,11 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7782
7798
  * Event Handler
7783
7799
  * ******************************************************************************************************************/
7784
7800
  var handleChange = useCallback(function (newValue) {
7785
- setValue(newValue);
7801
+ updateValue(newValue);
7786
7802
  setOpen(false);
7787
7803
  setFromErrorErrorHelperText(false, undefined);
7788
7804
  setToErrorErrorHelperText(false, undefined);
7789
- }, [setFromErrorErrorHelperText, setToErrorErrorHelperText, setValue]);
7805
+ }, [setFromErrorErrorHelperText, setToErrorErrorHelperText, updateValue]);
7790
7806
  var handleValueChange = useCallback(function (selectType, newValue, fromInput) {
7791
7807
  var _a;
7792
7808
  var finalValue;
@@ -7851,12 +7867,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7851
7867
  }
7852
7868
  break;
7853
7869
  }
7854
- setValue(finalValue);
7870
+ updateValue(finalValue);
7855
7871
  nextTick(function () {
7856
7872
  onValueChangeByUser(name, finalValue);
7857
7873
  });
7858
7874
  }, [
7859
- setValue,
7875
+ updateValue,
7860
7876
  value,
7861
7877
  setFromErrorErrorHelperText,
7862
7878
  activeMonth,
@@ -7960,15 +7976,15 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
7960
7976
  getType: function () { return 'FormDateRangePicker'; },
7961
7977
  getName: function () { return name; },
7962
7978
  getReset: function () { return getFinalValue$6(initValue); },
7963
- reset: function () { return setValue(initValue); },
7979
+ reset: function () { return updateValue(initValue); },
7964
7980
  getValue: function () { return valueRef.current; },
7965
- setValue: setValue,
7981
+ setValue: updateValue,
7966
7982
  getData: function () { return dataRef.current; },
7967
7983
  setData: setData,
7968
7984
  getFromValue: function () { return valueRef.current[0]; },
7969
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
7985
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
7970
7986
  getToValue: function () { return valueRef.current[1]; },
7971
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
7987
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
7972
7988
  isExceptValue: function () { return !!exceptValue; },
7973
7989
  isDisabled: function () { return !!disabledRef.current; },
7974
7990
  setDisabled: setDisabled,
@@ -8033,7 +8049,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8033
8049
  setDisabled,
8034
8050
  setErrorErrorHelperText,
8035
8051
  setHidden,
8036
- setValue,
8052
+ updateValue,
8037
8053
  validate,
8038
8054
  valueRef,
8039
8055
  ]);
@@ -8235,14 +8251,16 @@ var FormFile = React.forwardRef(function (_a, ref) {
8235
8251
  /********************************************************************************************************************
8236
8252
  * State - value
8237
8253
  * ******************************************************************************************************************/
8238
- var _m = useAutoUpdateRefState(initValue, getFinalValue$5), valueRef = _m[0], value = _m[1], setValue = _m[2];
8239
- 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);
8240
8257
  if (error)
8241
- validate(value);
8258
+ validate(finalValue);
8242
8259
  if (onChange)
8243
- onChange(value);
8244
- onValueChange(name, value);
8245
- }, [value]);
8260
+ onChange(finalValue);
8261
+ onValueChange(name, finalValue);
8262
+ return finalValue;
8263
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
8246
8264
  /********************************************************************************************************************
8247
8265
  * Function - focus
8248
8266
  * ******************************************************************************************************************/
@@ -8268,9 +8286,9 @@ var FormFile = React.forwardRef(function (_a, ref) {
8268
8286
  getType: function () { return 'FormFile'; },
8269
8287
  getName: function () { return name; },
8270
8288
  getReset: function () { return getFinalValue$5(initValue); },
8271
- reset: function () { return setValue(initValue); },
8289
+ reset: function () { return updateValue(initValue); },
8272
8290
  getValue: function () { return valueRef.current; },
8273
- setValue: setValue,
8291
+ setValue: updateValue,
8274
8292
  getData: function () { return dataRef.current; },
8275
8293
  setData: setData,
8276
8294
  isExceptValue: function () { return !!exceptValue; },
@@ -8321,7 +8339,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
8321
8339
  setDisabled,
8322
8340
  setErrorErrorHelperText,
8323
8341
  setHidden,
8324
- setValue,
8342
+ updateValue,
8325
8343
  validate,
8326
8344
  valueRef,
8327
8345
  ]);
@@ -8371,7 +8389,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
8371
8389
  var file_1 = target.files[0];
8372
8390
  fileSizeCheck(file_1).then(function () {
8373
8391
  onFile(file_1).then(function (url) {
8374
- setValue(url);
8392
+ updateValue(url);
8375
8393
  nextTick(function () {
8376
8394
  if (onValueChangeByUser)
8377
8395
  onValueChangeByUser(name, url);
@@ -8379,21 +8397,21 @@ var FormFile = React.forwardRef(function (_a, ref) {
8379
8397
  });
8380
8398
  });
8381
8399
  }
8382
- }, [fileSizeCheck, name, onFile, onValueChangeByUser, setValue]);
8400
+ }, [fileSizeCheck, name, onFile, onValueChangeByUser, updateValue]);
8383
8401
  var handleLinkClick = useCallback(function () {
8384
8402
  setIsOpenLinkDialog(true);
8385
8403
  }, []);
8386
8404
  var handleRemoveClick = useCallback(function () {
8387
- setValue('');
8405
+ updateValue('');
8388
8406
  nextTick(function () {
8389
8407
  if (onValueChangeByUser)
8390
8408
  onValueChangeByUser(name, '');
8391
8409
  });
8392
- }, [name, onValueChangeByUser, setValue]);
8410
+ }, [name, onValueChangeByUser, updateValue]);
8393
8411
  var handleLinkDialogConfirm = useCallback(function (url) {
8394
8412
  if (onLink) {
8395
8413
  onLink(url).then(function (finalUrl) {
8396
- setValue(finalUrl);
8414
+ updateValue(finalUrl);
8397
8415
  nextTick(function () {
8398
8416
  if (onValueChangeByUser)
8399
8417
  onValueChangeByUser(name, finalUrl);
@@ -8401,13 +8419,13 @@ var FormFile = React.forwardRef(function (_a, ref) {
8401
8419
  });
8402
8420
  }
8403
8421
  else {
8404
- setValue(url);
8422
+ updateValue(url);
8405
8423
  nextTick(function () {
8406
8424
  if (onValueChangeByUser)
8407
8425
  onValueChangeByUser(name, url);
8408
8426
  });
8409
8427
  }
8410
- }, [name, onLink, onValueChangeByUser, setValue]);
8428
+ }, [name, onLink, onValueChangeByUser, updateValue]);
8411
8429
  /********************************************************************************************************************
8412
8430
  * Render
8413
8431
  * ******************************************************************************************************************/
@@ -8460,11 +8478,13 @@ styleInject(css_248z);var getFinalValue$4 = function (value) { return value || '
8460
8478
  /********************************************************************************************************************
8461
8479
  * value
8462
8480
  * ******************************************************************************************************************/
8463
- var _d = useAutoUpdateState(initValue, getFinalValue$4), value = _d[0], setValue = _d[1];
8464
- 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);
8465
8484
  if (onChange)
8466
- onChange(value);
8467
- }, [value]);
8485
+ onChange(finalValue);
8486
+ return finalValue;
8487
+ }, [_setValue, onChange]);
8468
8488
  /********************************************************************************************************************
8469
8489
  * Function
8470
8490
  * ******************************************************************************************************************/
@@ -8533,8 +8553,8 @@ styleInject(css_248z);var getFinalValue$4 = function (value) { return value || '
8533
8553
  * Event Handler
8534
8554
  * ******************************************************************************************************************/
8535
8555
  var handleChange = useCallback(function (value) {
8536
- setValue(value);
8537
- }, [setValue]);
8556
+ updateValue(value);
8557
+ }, [updateValue]);
8538
8558
  var handleFile = useCallback(function (file) {
8539
8559
  return new Promise(function (resolve, reject) {
8540
8560
  imageSizeCheck(file)
@@ -8670,14 +8690,16 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8670
8690
  /********************************************************************************************************************
8671
8691
  * value
8672
8692
  * ******************************************************************************************************************/
8673
- var _p = useAutoUpdateRefState(initValue, getFinalValue$3), valueRef = _p[0], value = _p[1], setValue = _p[2];
8674
- 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);
8675
8696
  if (error)
8676
- validate(value);
8697
+ validate(finalValue);
8677
8698
  if (onChange)
8678
- onChange(value);
8679
- onValueChange(name, value);
8680
- }, [value]);
8699
+ onChange(finalValue);
8700
+ onValueChange(name, finalValue);
8701
+ return finalValue;
8702
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
8681
8703
  /********************************************************************************************************************
8682
8704
  * Memo
8683
8705
  * ******************************************************************************************************************/
@@ -8760,14 +8782,14 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8760
8782
  getType: function () { return 'FormMonthPicker'; },
8761
8783
  getName: function () { return name; },
8762
8784
  getReset: function () { return getFinalValue$3(initValue); },
8763
- reset: function () { return setValue(initValue); },
8785
+ reset: function () { return updateValue(initValue); },
8764
8786
  getValue: function () { return valueRef.current; },
8765
- setValue: setValue,
8787
+ setValue: updateValue,
8766
8788
  getData: function () { return dataRef.current; },
8767
8789
  setData: setData,
8768
8790
  getYear: function () { return (valueRef.current ? valueRef.current.year : null); },
8769
8791
  setYear: function (year) {
8770
- setValue(year === null
8792
+ updateValue(year === null
8771
8793
  ? null
8772
8794
  : valueRef.current
8773
8795
  ? { year: year, month: valueRef.current.month }
@@ -8775,7 +8797,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8775
8797
  },
8776
8798
  getMonth: function () { return (valueRef.current ? valueRef.current.month : null); },
8777
8799
  setMonth: function (month) {
8778
- setValue(month === null
8800
+ updateValue(month === null
8779
8801
  ? null
8780
8802
  : valueRef.current
8781
8803
  ? { year: valueRef.current.year, month: month }
@@ -8839,7 +8861,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8839
8861
  setDisabled,
8840
8862
  setErrorErrorHelperText,
8841
8863
  setHidden,
8842
- setValue,
8864
+ updateValue,
8843
8865
  validate,
8844
8866
  valueRef,
8845
8867
  ]);
@@ -8872,13 +8894,13 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8872
8894
  }
8873
8895
  }, []);
8874
8896
  var handleContainerChange = useCallback(function (newValue, isMonthSelect) {
8875
- setValue(newValue);
8897
+ updateValue(newValue);
8876
8898
  if (isMonthSelect)
8877
8899
  setOpen(false);
8878
8900
  nextTick(function () {
8879
8901
  onValueChangeByUser(name, newValue);
8880
8902
  });
8881
- }, [name, onValueChangeByUser, setValue]);
8903
+ }, [name, onValueChangeByUser, updateValue]);
8882
8904
  var handleInputDatePickerFocus = useCallback(function () {
8883
8905
  if (readOnly || disabled)
8884
8906
  return;
@@ -8925,7 +8947,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
8925
8947
  React.createElement(PrivateMonthPicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
8926
8948
  React.createElement("div", null,
8927
8949
  React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputWidth != null
8928
- ? __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 })))),
8929
8951
  !formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
8930
8952
  });
8931
8953
  FormMonthPicker.displayName = 'FormMonthPicker';var DEFAULT_VALUE$1 = [null, null];
@@ -9045,14 +9067,16 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9045
9067
  /********************************************************************************************************************
9046
9068
  * State - value
9047
9069
  * ******************************************************************************************************************/
9048
- var _v = useAutoUpdateRefState(initValue, getFinalValue$2), valueRef = _v[0], value = _v[1], setValue = _v[2];
9049
- 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);
9050
9073
  if (error || fromError || toError)
9051
- validate(value);
9074
+ validate(finalValue);
9052
9075
  if (onChange)
9053
- onChange(value);
9054
- onValueChange(name, value);
9055
- }, [value]);
9076
+ onChange(finalValue);
9077
+ onValueChange(name, finalValue);
9078
+ return finalValue;
9079
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
9056
9080
  /********************************************************************************************************************
9057
9081
  * Memo
9058
9082
  * ******************************************************************************************************************/
@@ -9124,18 +9148,18 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9124
9148
  getType: function () { return 'FormMonthRangePicker'; },
9125
9149
  getName: function () { return name; },
9126
9150
  getReset: function () { return getFinalValue$2(initValue); },
9127
- reset: function () { return setValue(initValue); },
9151
+ reset: function () { return updateValue(initValue); },
9128
9152
  getValue: function () { return valueRef.current; },
9129
- setValue: setValue,
9153
+ setValue: updateValue,
9130
9154
  getData: function () { return dataRef.current; },
9131
9155
  setData: setData,
9132
9156
  getFromValue: function () { return valueRef.current[0]; },
9133
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
9157
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
9134
9158
  getToValue: function () { return valueRef.current[1]; },
9135
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
9159
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
9136
9160
  getFromYear: function () { return (valueRef.current[0] ? valueRef.current[0].year : null); },
9137
9161
  setFromYear: function (year) {
9138
- setValue([
9162
+ updateValue([
9139
9163
  year === null
9140
9164
  ? null
9141
9165
  : valueRef.current[0]
@@ -9146,7 +9170,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9146
9170
  },
9147
9171
  getFromMonth: function () { return (valueRef.current[0] ? valueRef.current[0].month : null); },
9148
9172
  setFromMonth: function (month) {
9149
- setValue([
9173
+ updateValue([
9150
9174
  month === null
9151
9175
  ? null
9152
9176
  : valueRef.current[0]
@@ -9157,7 +9181,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9157
9181
  },
9158
9182
  getToYear: function () { return (valueRef.current[1] ? valueRef.current[1].year : null); },
9159
9183
  setToYear: function (year) {
9160
- setValue([
9184
+ updateValue([
9161
9185
  valueRef.current[0],
9162
9186
  year === null
9163
9187
  ? null
@@ -9168,7 +9192,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9168
9192
  },
9169
9193
  getToMonth: function () { return (valueRef.current[1] ? valueRef.current[1].month : null); },
9170
9194
  setToMonth: function (month) {
9171
- setValue([
9195
+ updateValue([
9172
9196
  valueRef.current[0],
9173
9197
  month === null
9174
9198
  ? null
@@ -9245,7 +9269,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9245
9269
  setDisabled,
9246
9270
  setErrorErrorHelperText,
9247
9271
  setHidden,
9248
- setValue,
9272
+ updateValue,
9249
9273
  validate,
9250
9274
  valueRef,
9251
9275
  ]);
@@ -9253,7 +9277,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9253
9277
  * Event Handler
9254
9278
  * ******************************************************************************************************************/
9255
9279
  var handleContainerChange = useCallback(function (newValue, selectType, isMonthSelect) {
9256
- setValue(newValue);
9280
+ updateValue(newValue);
9257
9281
  if (selectType === 'start' && isMonthSelect) {
9258
9282
  nextTick(function () {
9259
9283
  var _a;
@@ -9266,7 +9290,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9266
9290
  nextTick(function () {
9267
9291
  onValueChangeByUser(name, newValue);
9268
9292
  });
9269
- }, [name, onValueChangeByUser, setValue]);
9293
+ }, [name, onValueChangeByUser, updateValue]);
9270
9294
  var handleInputDatePickerChange = useCallback(function (selectType, date) {
9271
9295
  if (date == null || date.isValid()) {
9272
9296
  if (selectType === 'start') {
@@ -9284,7 +9308,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9284
9308
  nextTick(function () {
9285
9309
  onValueChangeByUser(name, newValue_1);
9286
9310
  });
9287
- setValue(newValue_1);
9311
+ updateValue(newValue_1);
9288
9312
  }
9289
9313
  else {
9290
9314
  var newValue_2 = [valueRef.current[0], date ? dateToValue$2(date) : null];
@@ -9301,10 +9325,10 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9301
9325
  nextTick(function () {
9302
9326
  onValueChangeByUser(name, newValue_2);
9303
9327
  });
9304
- setValue(newValue_2);
9328
+ updateValue(newValue_2);
9305
9329
  }
9306
9330
  }
9307
- }, [valueRef, dateInfo, fromError, setValue, validate, onValueChangeByUser, name, toError]);
9331
+ }, [valueRef, dateInfo, fromError, updateValue, validate, onValueChangeByUser, name, toError]);
9308
9332
  var handleInputDatePickerFocus = useCallback(function (selectType) {
9309
9333
  var _a;
9310
9334
  if (readOnly || disabled)
@@ -9451,14 +9475,16 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9451
9475
  /********************************************************************************************************************
9452
9476
  * value
9453
9477
  * ******************************************************************************************************************/
9454
- var _m = useAutoUpdateRefState(initValue, getFinalValue$1), valueRef = _m[0], value = _m[1], setValue = _m[2];
9455
- 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);
9456
9481
  if (error)
9457
- validate(value);
9482
+ validate(finalValue);
9458
9483
  if (onChange)
9459
- onChange(value);
9460
- onValueChange(name, value);
9461
- }, [value]);
9484
+ onChange(finalValue);
9485
+ onValueChange(name, finalValue);
9486
+ return finalValue;
9487
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
9462
9488
  /********************************************************************************************************************
9463
9489
  * Memo
9464
9490
  * ******************************************************************************************************************/
@@ -9515,9 +9541,9 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9515
9541
  getType: function () { return 'FormYearPicker'; },
9516
9542
  getName: function () { return name; },
9517
9543
  getReset: function () { return getFinalValue$1(initValue); },
9518
- reset: function () { return setValue(initValue); },
9544
+ reset: function () { return updateValue(initValue); },
9519
9545
  getValue: function () { return valueRef.current; },
9520
- setValue: setValue,
9546
+ setValue: updateValue,
9521
9547
  getData: function () { return dataRef.current; },
9522
9548
  setData: setData,
9523
9549
  isExceptValue: function () { return !!exceptValue; },
@@ -9568,7 +9594,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9568
9594
  setDisabled,
9569
9595
  setErrorErrorHelperText,
9570
9596
  setHidden,
9571
- setValue,
9597
+ updateValue,
9572
9598
  validate,
9573
9599
  valueRef,
9574
9600
  ]);
@@ -9601,20 +9627,20 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
9601
9627
  }
9602
9628
  }, []);
9603
9629
  var handleContainerChange = useCallback(function (newValue, isClick) {
9604
- setValue(newValue);
9630
+ updateValue(newValue);
9605
9631
  if (isClick)
9606
9632
  setOpen(false);
9607
9633
  nextTick(function () {
9608
9634
  onValueChangeByUser(name, newValue);
9609
9635
  });
9610
- }, [name, onValueChangeByUser, setValue]);
9636
+ }, [name, onValueChangeByUser, updateValue]);
9611
9637
  var handleInputDatePickerChange = useCallback(function (v) {
9612
9638
  var newValue = v ? dateToValue$1(v) : v;
9613
- setValue(newValue);
9639
+ updateValue(newValue);
9614
9640
  nextTick(function () {
9615
9641
  onValueChangeByUser(name, newValue);
9616
9642
  });
9617
- }, [name, onValueChangeByUser, setValue]);
9643
+ }, [name, onValueChangeByUser, updateValue]);
9618
9644
  var handleInputDatePickerFocus = useCallback(function () {
9619
9645
  if (readOnly || disabled)
9620
9646
  return;
@@ -9760,14 +9786,16 @@ var getFinalValue = function (value) {
9760
9786
  /********************************************************************************************************************
9761
9787
  * State - value
9762
9788
  * ******************************************************************************************************************/
9763
- var _u = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _u[0], value = _u[1], setValue = _u[2];
9764
- 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);
9765
9792
  if (error || fromError || toError)
9766
- validate(value);
9793
+ validate(finalValue);
9767
9794
  if (onChange)
9768
- onChange(value);
9769
- onValueChange(name, value);
9770
- }, [value]);
9795
+ onChange(finalValue);
9796
+ onValueChange(name, finalValue);
9797
+ return finalValue;
9798
+ }, [_setValue, error, fromError, name, onChange, onValueChange, toError, validate]);
9771
9799
  /********************************************************************************************************************
9772
9800
  * Memo
9773
9801
  * ******************************************************************************************************************/
@@ -9814,15 +9842,15 @@ var getFinalValue = function (value) {
9814
9842
  getType: function () { return 'FormYearRangePicker'; },
9815
9843
  getName: function () { return name; },
9816
9844
  getReset: function () { return getFinalValue(initValue); },
9817
- reset: function () { return setValue(initValue); },
9845
+ reset: function () { return updateValue(initValue); },
9818
9846
  getValue: function () { return valueRef.current; },
9819
- setValue: setValue,
9847
+ setValue: updateValue,
9820
9848
  getData: function () { return dataRef.current; },
9821
9849
  setData: setData,
9822
9850
  getFromValue: function () { return valueRef.current[0]; },
9823
- setFromValue: function (value) { return setValue([value, valueRef.current[1]]); },
9851
+ setFromValue: function (value) { return updateValue([value, valueRef.current[1]]); },
9824
9852
  getToValue: function () { return valueRef.current[1]; },
9825
- setToValue: function (value) { return setValue([valueRef.current[0], value]); },
9853
+ setToValue: function (value) { return updateValue([valueRef.current[0], value]); },
9826
9854
  isExceptValue: function () { return !!exceptValue; },
9827
9855
  isDisabled: function () { return !!disabledRef.current; },
9828
9856
  setDisabled: setDisabled,
@@ -9881,7 +9909,7 @@ var getFinalValue = function (value) {
9881
9909
  setDisabled,
9882
9910
  setErrorErrorHelperText,
9883
9911
  setHidden,
9884
- setValue,
9912
+ updateValue,
9885
9913
  validate,
9886
9914
  valueRef,
9887
9915
  ]);
@@ -9889,7 +9917,7 @@ var getFinalValue = function (value) {
9889
9917
  * Event Handler
9890
9918
  * ******************************************************************************************************************/
9891
9919
  var handleContainerChange = useCallback(function (newValue, selectType) {
9892
- setValue(newValue);
9920
+ updateValue(newValue);
9893
9921
  if (selectType === 'start') {
9894
9922
  nextTick(function () {
9895
9923
  var _a;
@@ -9903,7 +9931,7 @@ var getFinalValue = function (value) {
9903
9931
  nextTick(function () {
9904
9932
  onValueChangeByUser(name, newValue);
9905
9933
  });
9906
- }, [setValue, name, onValueChangeByUser]);
9934
+ }, [updateValue, name, onValueChangeByUser]);
9907
9935
  var handleInputDatePickerChange = useCallback(function (selectType, date) {
9908
9936
  if (date == null || date.isValid()) {
9909
9937
  if (selectType === 'start') {
@@ -9919,7 +9947,7 @@ var getFinalValue = function (value) {
9919
9947
  nextTick(function () {
9920
9948
  onValueChangeByUser(name, newValue_1);
9921
9949
  });
9922
- setValue(newValue_1);
9950
+ updateValue(newValue_1);
9923
9951
  }
9924
9952
  else {
9925
9953
  var newValue_2 = [valueRef.current[0], date ? dateToValue(date) : null];
@@ -9934,10 +9962,10 @@ var getFinalValue = function (value) {
9934
9962
  nextTick(function () {
9935
9963
  onValueChangeByUser(name, newValue_2);
9936
9964
  });
9937
- setValue(newValue_2);
9965
+ updateValue(newValue_2);
9938
9966
  }
9939
9967
  }
9940
- }, [valueRef, minYear, maxYear, fromError, setValue, validate, onValueChangeByUser, name, toError]);
9968
+ }, [valueRef, minYear, maxYear, fromError, updateValue, validate, onValueChangeByUser, name, toError]);
9941
9969
  var handleInputDatePickerFocus = useCallback(function (selectType) {
9942
9970
  var _a;
9943
9971
  if (readOnly || disabled)
@@ -10078,14 +10106,16 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10078
10106
  var finalValue = value || false;
10079
10107
  return onValue ? onValue(finalValue) : finalValue;
10080
10108
  }, [onValue]);
10081
- var _j = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _j[0], value = _j[1], setValue = _j[2];
10082
- 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);
10083
10112
  if (error)
10084
- validate(value);
10113
+ validate(finalValue);
10085
10114
  if (onChange)
10086
- onChange(value);
10087
- onValueChange(name, value);
10088
- }, [value]);
10115
+ onChange(finalValue);
10116
+ onValueChange(name, finalValue);
10117
+ return finalValue;
10118
+ }, [_setValue, error, name, onChange, onValueChange, validate]);
10089
10119
  /********************************************************************************************************************
10090
10120
  * Function
10091
10121
  * ******************************************************************************************************************/
@@ -10105,9 +10135,9 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10105
10135
  getType: function () { return 'FormSwitch'; },
10106
10136
  getName: function () { return name; },
10107
10137
  getReset: function () { return getFinalValue(initValue); },
10108
- reset: function () { return setValue(initValue); },
10138
+ reset: function () { return updateValue(initValue); },
10109
10139
  getValue: function () { return valueRef.current; },
10110
- setValue: setValue,
10140
+ setValue: updateValue,
10111
10141
  getData: function () { return dataRef.current; },
10112
10142
  setData: setData,
10113
10143
  isExceptValue: function () { return !!exceptValue; },
@@ -10159,7 +10189,7 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10159
10189
  setDisabled,
10160
10190
  setErrorErrorHelperText,
10161
10191
  setHidden,
10162
- setValue,
10192
+ updateValue,
10163
10193
  validate,
10164
10194
  valueRef,
10165
10195
  ]);
@@ -10171,13 +10201,13 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
10171
10201
  e.preventDefault();
10172
10202
  }
10173
10203
  else {
10174
- var finalValue_1 = setValue(checked);
10204
+ var finalValue_1 = updateValue(checked);
10175
10205
  nextTick(function () {
10176
10206
  onValueChangeByUser(name, finalValue_1);
10177
10207
  onRequestSearchSubmit(name, finalValue_1);
10178
10208
  });
10179
10209
  }
10180
- }, [readOnly, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
10210
+ }, [readOnly, updateValue, onValueChangeByUser, name, onRequestSearchSubmit]);
10181
10211
  /********************************************************************************************************************
10182
10212
  * Render
10183
10213
  * ******************************************************************************************************************/