@pdg/react-form 1.0.97 → 1.0.99

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 +844 -800
  2. package/dist/index.js +843 -799
  3. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -1125,35 +1125,6 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1125
1125
  var getFinalValue = React.useCallback(function (value) {
1126
1126
  return onValue ? onValue(value) : value;
1127
1127
  }, [onValue]);
1128
- /********************************************************************************************************************
1129
- * State - value
1130
- * ******************************************************************************************************************/
1131
- var _k = reactHook.useAutoUpdateState(initValue, getFinalValue), value = _k[0], setValue = _k[1];
1132
- React.useEffect(function () {
1133
- setShowClear(clear ? util.notEmpty(value) : false);
1134
- // eslint-disable-next-line react-hooks/exhaustive-deps
1135
- }, [value]);
1136
- reactHook.useFirstSkipEffect(function () {
1137
- if (error)
1138
- validate(value);
1139
- if (onChange)
1140
- onChange(value);
1141
- if (!noFormValueItem) {
1142
- onValueChange(name, value);
1143
- }
1144
- }, [value]);
1145
- /********************************************************************************************************************
1146
- * Function - focus
1147
- * ******************************************************************************************************************/
1148
- var focus = React.useCallback(function () {
1149
- var _a, _b;
1150
- if (initInputRef) {
1151
- (_a = initInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
1152
- }
1153
- else {
1154
- (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
1155
- }
1156
- }, [initInputRef, inputRef]);
1157
1128
  /********************************************************************************************************************
1158
1129
  * Function - setErrorErrorHelperText
1159
1130
  * ******************************************************************************************************************/
@@ -1191,6 +1162,43 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1191
1162
  setErrorErrorHelperText(false, undefined);
1192
1163
  return true;
1193
1164
  }, [required, validPattern, invalidPattern, onValidate, setErrorErrorHelperText]);
1165
+ /********************************************************************************************************************
1166
+ * State - value
1167
+ * ******************************************************************************************************************/
1168
+ var _k = React.useState(function () { return getFinalValue(initValue); }), value = _k[0], setValue = _k[1];
1169
+ var changeValue = React.useCallback(function (newValue) {
1170
+ if (!util.equal(value, newValue)) {
1171
+ setValue(newValue);
1172
+ util.nextTick(function () {
1173
+ if (error)
1174
+ validate(newValue);
1175
+ if (onChange)
1176
+ onChange(newValue);
1177
+ if (!noFormValueItem) {
1178
+ onValueChange(name, newValue);
1179
+ }
1180
+ });
1181
+ }
1182
+ }, [error, name, noFormValueItem, onChange, onValueChange, validate, value]);
1183
+ reactHook.useFirstSkipEffect(function () {
1184
+ changeValue(getFinalValue(initValue));
1185
+ }, [initValue]);
1186
+ React.useEffect(function () {
1187
+ setShowClear(clear ? util.notEmpty(value) : false);
1188
+ // eslint-disable-next-line react-hooks/exhaustive-deps
1189
+ }, [value]);
1190
+ /********************************************************************************************************************
1191
+ * Function - focus
1192
+ * ******************************************************************************************************************/
1193
+ var focus = React.useCallback(function () {
1194
+ var _a, _b;
1195
+ if (initInputRef) {
1196
+ (_a = initInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
1197
+ }
1198
+ else {
1199
+ (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
1200
+ }
1201
+ }, [initInputRef, inputRef]);
1194
1202
  /********************************************************************************************************************
1195
1203
  * Memo - muiInputProps
1196
1204
  * ******************************************************************************************************************/
@@ -1208,7 +1216,7 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1208
1216
  clear && !readOnly && !disabled && (React.createElement(material.InputAdornment, { className: classNames('clear-icon-button-wrap', showClear && 'show'), position: 'end' },
1209
1217
  React.createElement(material.IconButton, { className: 'clear-icon-button', size: 'small', tabIndex: -1, onClick: function () {
1210
1218
  var finalValue = getFinalValue('');
1211
- setValue(finalValue);
1219
+ changeValue(finalValue);
1212
1220
  focus();
1213
1221
  if (!noFormValueItem) {
1214
1222
  util.nextTick(function () {
@@ -1223,6 +1231,7 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1223
1231
  }
1224
1232
  return muiInputProps;
1225
1233
  }, [
1234
+ changeValue,
1226
1235
  clear,
1227
1236
  disabled,
1228
1237
  endAdornment,
@@ -1235,21 +1244,9 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1235
1244
  onRequestSearchSubmit,
1236
1245
  onValueChangeByUser,
1237
1246
  readOnly,
1238
- setValue,
1239
1247
  showClear,
1240
1248
  startAdornment,
1241
1249
  ]);
1242
- /********************************************************************************************************************
1243
- * Effect
1244
- * ******************************************************************************************************************/
1245
- React.useEffect(function () {
1246
- if (value !== initValue) {
1247
- if (onChange)
1248
- onChange(value);
1249
- onValueChange(name, value);
1250
- }
1251
- // eslint-disable-next-line react-hooks/exhaustive-deps
1252
- }, []);
1253
1250
  /********************************************************************************************************************
1254
1251
  * Commands
1255
1252
  * ******************************************************************************************************************/
@@ -1265,12 +1262,12 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1265
1262
  getReset: function () { return getFinalValue(initValue); },
1266
1263
  reset: function () {
1267
1264
  lastValue_1 = getFinalValue(initValue);
1268
- setValue(lastValue_1);
1265
+ changeValue(lastValue_1);
1269
1266
  },
1270
1267
  getValue: function () { return lastValue_1; },
1271
1268
  setValue: function (value) {
1272
1269
  lastValue_1 = getFinalValue(value);
1273
- setValue(lastValue_1);
1270
+ changeValue(lastValue_1);
1274
1271
  },
1275
1272
  getData: function () { return lastData_1; },
1276
1273
  setData: function (data) {
@@ -1333,19 +1330,19 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1333
1330
  onAddValueItem,
1334
1331
  onRemoveValueItem,
1335
1332
  id,
1336
- setValue,
1337
1333
  setDisabled,
1338
1334
  setErrorErrorHelperText,
1339
1335
  setData,
1340
1336
  hidden,
1341
1337
  setHidden,
1338
+ changeValue,
1342
1339
  ]);
1343
1340
  /********************************************************************************************************************
1344
1341
  * Event Handler
1345
1342
  * ******************************************************************************************************************/
1346
1343
  var handleChange = React.useCallback(function (e) {
1347
1344
  var finalValue = getFinalValue(e.target.value);
1348
- setValue(finalValue);
1345
+ changeValue(finalValue);
1349
1346
  if (!noFormValueItem) {
1350
1347
  util.nextTick(function () {
1351
1348
  onValueChangeByUser(name, finalValue);
@@ -1354,7 +1351,7 @@ styleInject(css_248z$l);var FormTextField = React.forwardRef(function (_a, ref)
1354
1351
  }
1355
1352
  });
1356
1353
  }
1357
- }, [getFinalValue, setValue, noFormValueItem, onValueChangeByUser, name, select, onRequestSearchSubmit]);
1354
+ }, [getFinalValue, changeValue, noFormValueItem, onValueChangeByUser, name, select, onRequestSearchSubmit]);
1358
1355
  var handleBlur = React.useCallback(function (e) {
1359
1356
  if (error)
1360
1357
  validate(value);
@@ -2230,17 +2227,32 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2230
2227
  }
2231
2228
  }
2232
2229
  }
2233
- return onValue ? onValue(finalValue) : finalValue;
2230
+ finalValue = onValue ? onValue(finalValue) : finalValue;
2231
+ return util.equal(value, finalValue) ? value : finalValue;
2234
2232
  }, [multiple, formValueSeparator, itemsValues, onValue]);
2235
2233
  /********************************************************************************************************************
2236
2234
  * State - value
2237
2235
  * ******************************************************************************************************************/
2238
- var _h = reactHook.useAutoUpdateState(initValue, getFinalValue), value = _h[0], setValue = _h[1];
2236
+ var _h = React.useState(function () { return getFinalValue(initValue); }), value = _h[0], setValue = _h[1];
2237
+ /********************************************************************************************************************
2238
+ * Function
2239
+ * ******************************************************************************************************************/
2240
+ var changeValue = React.useCallback(function (newValue) {
2241
+ if (!util.equal(value, newValue)) {
2242
+ setValue(newValue);
2243
+ util.nextTick(function () {
2244
+ if (onChange)
2245
+ onChange(newValue);
2246
+ onValueChange(name, newValue);
2247
+ });
2248
+ }
2249
+ }, [name, onChange, onValueChange, value]);
2239
2250
  reactHook.useFirstSkipEffect(function () {
2240
- if (onChange)
2241
- onChange(value);
2242
- onValueChange(name, value);
2243
- }, [value]);
2251
+ changeValue(getFinalValue(initValue));
2252
+ }, [initValue]);
2253
+ reactHook.useFirstSkipEffect(function () {
2254
+ changeValue(getFinalValue(value));
2255
+ }, [multiple]);
2244
2256
  /********************************************************************************************************************
2245
2257
  * State - isSelectedPlaceholder
2246
2258
  * ******************************************************************************************************************/
@@ -2251,11 +2263,6 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2251
2263
  * Effect
2252
2264
  * ******************************************************************************************************************/
2253
2265
  React.useEffect(function () {
2254
- if (!util.equal(value, initValue)) {
2255
- if (onChange)
2256
- onChange(value);
2257
- onValueChange(name, value);
2258
- }
2259
2266
  if (onLoadItems) {
2260
2267
  setIsOnGetItemLoading(true);
2261
2268
  onLoadItems().then(function (items) {
@@ -2270,7 +2277,7 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2270
2277
  * ******************************************************************************************************************/
2271
2278
  var selectProps = React.useMemo(function () {
2272
2279
  var _a;
2273
- var finalSelectProps = __assign(__assign({}, initSelectProps), { displayEmpty: true, multiple: !!multiple });
2280
+ var finalSelectProps = __assign(__assign({}, initSelectProps), { displayEmpty: true, multiple: !!multiple, value: value });
2274
2281
  if (multiple) {
2275
2282
  finalSelectProps.renderValue = function (selected) {
2276
2283
  if (isSelectedPlaceholder) {
@@ -2294,7 +2301,7 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2294
2301
  }
2295
2302
  finalSelectProps.MenuProps = __assign(__assign({}, finalSelectProps.MenuProps), { className: classNames((_a = finalSelectProps.MenuProps) === null || _a === void 0 ? void 0 : _a.className, 'FormSelect-Menu-Popover') });
2296
2303
  return finalSelectProps;
2297
- }, [initSelectProps, isSelectedPlaceholder, itemValueLabels, minWidth, multiple, placeholder, width]);
2304
+ }, [initSelectProps, isSelectedPlaceholder, itemValueLabels, minWidth, multiple, placeholder, value, width]);
2298
2305
  /********************************************************************************************************************
2299
2306
  * Function - getExtraCommands
2300
2307
  * ******************************************************************************************************************/
@@ -2304,15 +2311,15 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2304
2311
  getReset: function () { return getFinalValue(initValue); },
2305
2312
  reset: function () {
2306
2313
  lastValue = getFinalValue(initValue);
2307
- setValue(lastValue);
2314
+ changeValue(lastValue);
2308
2315
  },
2309
2316
  getValue: function () { return lastValue; },
2310
2317
  setValue: function (value) {
2311
2318
  lastValue = getFinalValue(value);
2312
- setValue(lastValue);
2319
+ changeValue(lastValue);
2313
2320
  },
2314
2321
  };
2315
- }, [value, getFinalValue, initValue, setValue]);
2322
+ }, [value, getFinalValue, initValue, changeValue]);
2316
2323
  var getExtraCommands = React.useCallback(function () {
2317
2324
  var lastItems = items;
2318
2325
  var lastLoading = loading;
@@ -2351,7 +2358,7 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2351
2358
  onAddValueItem(id, __assign(__assign(__assign({}, commands), getBaseCommands()), getExtraCommands()));
2352
2359
  }, [onAddValueItem, getBaseCommands, getExtraCommands]);
2353
2360
  var handleChange = function (newValue) {
2354
- setValue(newValue);
2361
+ changeValue(getFinalValue(newValue));
2355
2362
  };
2356
2363
  var handleValue = React.useCallback(function (value) {
2357
2364
  return getFinalValue(value);
@@ -2366,6 +2373,23 @@ styleInject(css_248z$f);var FormSelect = ToForwardRefExoticComponent(AutoTypeFor
2366
2373
  else {
2367
2374
  finalValue = multiple ? emptyValue : '';
2368
2375
  }
2376
+ if (multiple) {
2377
+ if (selectProps.value != null && !Array.isArray(selectProps.value)) {
2378
+ selectProps.value = [selectProps.value];
2379
+ }
2380
+ if (finalValue !== undefined && !Array.isArray(finalValue)) {
2381
+ finalValue = [finalValue];
2382
+ }
2383
+ }
2384
+ else {
2385
+ if (Array.isArray(selectProps.value)) {
2386
+ selectProps.value = selectProps.value[0];
2387
+ }
2388
+ if (Array.isArray(finalValue)) {
2389
+ finalValue = finalValue[0];
2390
+ }
2391
+ finalValue = util.ifUndefined(finalValue, '');
2392
+ }
2369
2393
  return (React.createElement(FormContextProvider, { value: __assign({ fullWidth: formFullWidth, onAddValueItem: handleAddValueItem,
2370
2394
  // eslint-disable-next-line
2371
2395
  onValueChange: function () { } }, otherFormState) },
@@ -2882,18 +2906,50 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2882
2906
  var getFinalValue = React.useCallback(function (value) {
2883
2907
  return onValue ? onValue(value) : value;
2884
2908
  }, [onValue]);
2909
+ /********************************************************************************************************************
2910
+ * Function - setErrorErrorHelperText
2911
+ * ******************************************************************************************************************/
2912
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
2913
+ setError(error);
2914
+ setErrorHelperText(errorHelperText);
2915
+ }, [setError]);
2916
+ /********************************************************************************************************************
2917
+ * Function - validate
2918
+ * ******************************************************************************************************************/
2919
+ var validate = React.useCallback(function (value) {
2920
+ if (required && util.empty(value)) {
2921
+ setErrorErrorHelperText(true, '필수 선택 항목입니다.');
2922
+ return false;
2923
+ }
2924
+ if (onValidate) {
2925
+ var onValidateResult = onValidate(value);
2926
+ if (onValidateResult != null && onValidateResult !== true) {
2927
+ setErrorErrorHelperText(true, onValidateResult);
2928
+ return false;
2929
+ }
2930
+ }
2931
+ setErrorErrorHelperText(false, undefined);
2932
+ return true;
2933
+ }, [required, onValidate, setErrorErrorHelperText]);
2885
2934
  /********************************************************************************************************************
2886
2935
  * State - value
2887
2936
  * ******************************************************************************************************************/
2888
- var _r = reactHook.useAutoUpdateState(initValue, getFinalValue), value = _r[0], setValue = _r[1];
2937
+ var _r = React.useState(function () { return getFinalValue(initValue); }), value = _r[0], setValue = _r[1];
2938
+ var changeValue = React.useCallback(function (newValue) {
2939
+ if (!util.equal(value, newValue)) {
2940
+ setValue(newValue);
2941
+ util.nextTick(function () {
2942
+ if (error)
2943
+ validate(newValue);
2944
+ if (onChange)
2945
+ onChange(newValue);
2946
+ onValueChange(name, newValue);
2947
+ });
2948
+ }
2949
+ }, [error, name, onChange, onValueChange, validate, value]);
2889
2950
  reactHook.useFirstSkipEffect(function () {
2890
- if (error)
2891
- validate(value);
2892
- if (onChange)
2893
- onChange(value);
2894
- if (onValueChange)
2895
- onValueChange(name, value);
2896
- }, [value]);
2951
+ changeValue(getFinalValue(initValue));
2952
+ }, [initValue]);
2897
2953
  /********************************************************************************************************************
2898
2954
  * Memo
2899
2955
  * ******************************************************************************************************************/
@@ -2901,15 +2957,6 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2901
2957
  /********************************************************************************************************************
2902
2958
  * Effect
2903
2959
  * ******************************************************************************************************************/
2904
- React.useEffect(function () {
2905
- if (value !== initValue) {
2906
- if (onChange)
2907
- onChange(value);
2908
- if (onValueChange)
2909
- onValueChange(name, value);
2910
- }
2911
- // eslint-disable-next-line react-hooks/exhaustive-deps
2912
- }, []);
2913
2960
  React.useEffect(function () {
2914
2961
  if (!fullWidth || initWidth) {
2915
2962
  var findParentByClassName_1 = function (element, className) {
@@ -2972,31 +3019,6 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
2972
3019
  var _a;
2973
3020
  (_a = firstInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
2974
3021
  }, []);
2975
- /********************************************************************************************************************
2976
- * Function - setErrorErrorHelperText
2977
- * ******************************************************************************************************************/
2978
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
2979
- setError(error);
2980
- setErrorHelperText(errorHelperText);
2981
- }, [setError]);
2982
- /********************************************************************************************************************
2983
- * Function - validate
2984
- * ******************************************************************************************************************/
2985
- var validate = React.useCallback(function (value) {
2986
- if (required && util.empty(value)) {
2987
- setErrorErrorHelperText(true, '필수 선택 항목입니다.');
2988
- return false;
2989
- }
2990
- if (onValidate) {
2991
- var onValidateResult = onValidate(value);
2992
- if (onValidateResult != null && onValidateResult !== true) {
2993
- setErrorErrorHelperText(true, onValidateResult);
2994
- return false;
2995
- }
2996
- }
2997
- setErrorErrorHelperText(false, undefined);
2998
- return true;
2999
- }, [required, onValidate, setErrorErrorHelperText]);
3000
3022
  /********************************************************************************************************************
3001
3023
  * Commands
3002
3024
  * ******************************************************************************************************************/
@@ -3013,12 +3035,12 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3013
3035
  getReset: function () { return getFinalValue(initValue); },
3014
3036
  reset: function () {
3015
3037
  lastValue = getFinalValue(initValue);
3016
- setValue(lastValue);
3038
+ changeValue(lastValue);
3017
3039
  },
3018
3040
  getValue: function () { return lastValue; },
3019
3041
  setValue: function (value) {
3020
3042
  lastValue = getFinalValue(value);
3021
- setValue(lastValue);
3043
+ changeValue(lastValue);
3022
3044
  },
3023
3045
  getData: function () { return lastData; },
3024
3046
  setData: function (data) {
@@ -3088,7 +3110,6 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3088
3110
  onAddValueItem,
3089
3111
  onRemoveValueItem,
3090
3112
  id,
3091
- setValue,
3092
3113
  setDisabled,
3093
3114
  setErrorErrorHelperText,
3094
3115
  setItems,
@@ -3097,6 +3118,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3097
3118
  setData,
3098
3119
  hidden,
3099
3120
  setHidden,
3121
+ changeValue,
3100
3122
  ]);
3101
3123
  React.useEffect(function () {
3102
3124
  if (onLoadItems) {
@@ -3128,14 +3150,14 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
3128
3150
  }
3129
3151
  finalValue_1 = getFinalValue(finalValue_1);
3130
3152
  if (value !== finalValue_1) {
3131
- setValue(finalValue_1);
3153
+ changeValue(finalValue_1);
3132
3154
  util.nextTick(function () {
3133
3155
  onValueChangeByUser(name, finalValue_1);
3134
3156
  onRequestSearchSubmit(name, finalValue_1);
3135
3157
  });
3136
3158
  }
3137
3159
  }
3138
- }, [readOnly, items, getFinalValue, value, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3160
+ }, [readOnly, items, getFinalValue, value, changeValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3139
3161
  /********************************************************************************************************************
3140
3162
  * Render
3141
3163
  * ******************************************************************************************************************/
@@ -3344,10 +3366,6 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3344
3366
  finalValue = onValue ? onValue(finalValue) : finalValue;
3345
3367
  return util.equal(value, finalValue) ? value : finalValue;
3346
3368
  }, [multiple, formValueSeparator, itemsValues, onValue]);
3347
- /********************************************************************************************************************
3348
- * State - value
3349
- * ******************************************************************************************************************/
3350
- var _p = React.useState(function () { return getFinalValue(initValue); }), value = _p[0], setValue = _p[1];
3351
3369
  /********************************************************************************************************************
3352
3370
  * Function - setErrorErrorHelperText
3353
3371
  * ******************************************************************************************************************/
@@ -3374,29 +3392,30 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3374
3392
  return true;
3375
3393
  }, [required, onValidate, setErrorErrorHelperText]);
3376
3394
  /********************************************************************************************************************
3377
- * Function
3395
+ * State - value
3378
3396
  * ******************************************************************************************************************/
3397
+ var _p = React.useState(function () { return getFinalValue(initValue); }), value = _p[0], setValue = _p[1];
3379
3398
  var changeValue = React.useCallback(function (newValue) {
3380
- setValue(function (old) {
3381
- if (!util.equal(old, newValue)) {
3399
+ if (!util.equal(value, newValue)) {
3400
+ setValue(newValue);
3401
+ util.nextTick(function () {
3382
3402
  if (error)
3383
3403
  validate(newValue);
3384
3404
  if (onChange)
3385
3405
  onChange(newValue);
3386
3406
  onValueChange(name, newValue);
3387
- return newValue;
3388
- }
3389
- else {
3390
- return old;
3391
- }
3392
- });
3393
- }, [error, name, onChange, onValueChange, validate]);
3394
- /********************************************************************************************************************
3395
- * Effect
3396
- * ******************************************************************************************************************/
3407
+ });
3408
+ }
3409
+ }, [error, name, onChange, onValueChange, validate, value]);
3397
3410
  reactHook.useFirstSkipEffect(function () {
3398
3411
  changeValue(getFinalValue(initValue));
3399
3412
  }, [initValue]);
3413
+ reactHook.useFirstSkipEffect(function () {
3414
+ changeValue(getFinalValue(value));
3415
+ }, [multiple]);
3416
+ /********************************************************************************************************************
3417
+ * Effect
3418
+ * ******************************************************************************************************************/
3400
3419
  React.useEffect(function () {
3401
3420
  if (onLoadItems) {
3402
3421
  setIsOnGetItemLoading(true);
@@ -3407,13 +3426,6 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
3407
3426
  }
3408
3427
  // eslint-disable-next-line react-hooks/exhaustive-deps
3409
3428
  }, []);
3410
- reactHook.useFirstSkipEffect(function () {
3411
- if (error)
3412
- validate(value);
3413
- if (onChange)
3414
- onChange(value);
3415
- onValueChange(name, value);
3416
- }, [value]);
3417
3429
  React.useEffect(function () {
3418
3430
  if (notAllowEmptyValue) {
3419
3431
  if (items && util.notEmpty(items)) {
@@ -3715,46 +3727,9 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
3715
3727
  var getFinalValue = React.useCallback(function (value) {
3716
3728
  return onValue ? onValue(value) : value;
3717
3729
  }, [onValue]);
3718
- /********************************************************************************************************************
3719
- * State - value
3720
- * ******************************************************************************************************************/
3721
- var _k = reactHook.useAutoUpdateState(initValue || 0, getFinalValue), value = _k[0], setValue = _k[1];
3722
- reactHook.useFirstSkipEffect(function () {
3723
- if (error)
3724
- validate(value);
3725
- if (onChange)
3726
- onChange(value);
3727
- onValueChange(name, value);
3728
- }, [value]);
3729
- /********************************************************************************************************************
3730
- * Memo
3731
- * ******************************************************************************************************************/
3732
- var style = React.useMemo(function () { return (__assign({ width: width || 100 }, initStyle)); }, [initStyle, width]);
3733
- /********************************************************************************************************************
3734
- * Effect
3735
- * ******************************************************************************************************************/
3736
- React.useEffect(function () {
3737
- if (value !== initValue) {
3738
- if (onChange)
3739
- onChange(value);
3740
- onValueChange(name, value);
3741
- }
3742
- if (ratingRef.current) {
3743
- inputRef.current = ratingRef.current.querySelector('input') || undefined;
3744
- }
3745
- // eslint-disable-next-line react-hooks/exhaustive-deps
3746
- }, []);
3747
3730
  /********************************************************************************************************************
3748
3731
  * Function
3749
3732
  * ******************************************************************************************************************/
3750
- var focus = React.useCallback(function () {
3751
- var _a;
3752
- (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
3753
- setTimeout(function () {
3754
- var _a;
3755
- (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
3756
- });
3757
- }, []);
3758
3733
  var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
3759
3734
  setError(error);
3760
3735
  setErrorHelperText(errorHelperText);
@@ -3775,7 +3750,50 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
3775
3750
  return true;
3776
3751
  }, [required, onValidate, setErrorErrorHelperText]);
3777
3752
  /********************************************************************************************************************
3778
- * Commands
3753
+ * State - value
3754
+ * ******************************************************************************************************************/
3755
+ var _k = React.useState(function () { return getFinalValue(initValue || 0); }), value = _k[0], setValue = _k[1];
3756
+ var changeValue = React.useCallback(function (newValue) {
3757
+ if (!util.equal(value, newValue)) {
3758
+ setValue(newValue);
3759
+ util.nextTick(function () {
3760
+ if (error)
3761
+ validate(newValue);
3762
+ if (onChange)
3763
+ onChange(newValue);
3764
+ onValueChange(name, newValue);
3765
+ });
3766
+ }
3767
+ }, [error, name, onChange, onValueChange, validate, value]);
3768
+ reactHook.useFirstSkipEffect(function () {
3769
+ changeValue(getFinalValue(initValue || 0));
3770
+ }, [initValue]);
3771
+ /********************************************************************************************************************
3772
+ * Memo
3773
+ * ******************************************************************************************************************/
3774
+ var style = React.useMemo(function () { return (__assign({ width: width || 100 }, initStyle)); }, [initStyle, width]);
3775
+ /********************************************************************************************************************
3776
+ * Effect
3777
+ * ******************************************************************************************************************/
3778
+ React.useEffect(function () {
3779
+ if (ratingRef.current) {
3780
+ inputRef.current = ratingRef.current.querySelector('input') || undefined;
3781
+ }
3782
+ // eslint-disable-next-line react-hooks/exhaustive-deps
3783
+ }, []);
3784
+ /********************************************************************************************************************
3785
+ * Function
3786
+ * ******************************************************************************************************************/
3787
+ var focus = React.useCallback(function () {
3788
+ var _a;
3789
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
3790
+ setTimeout(function () {
3791
+ var _a;
3792
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
3793
+ });
3794
+ }, []);
3795
+ /********************************************************************************************************************
3796
+ * Commands
3779
3797
  * ******************************************************************************************************************/
3780
3798
  React.useLayoutEffect(function () {
3781
3799
  var lastValue = value;
@@ -3788,12 +3806,12 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
3788
3806
  getReset: function () { return getFinalValue(initValue || 0); },
3789
3807
  reset: function () {
3790
3808
  lastValue = getFinalValue(initValue || 0);
3791
- setValue(lastValue);
3809
+ changeValue(lastValue);
3792
3810
  },
3793
3811
  getValue: function () { return lastValue; },
3794
3812
  setValue: function (value) {
3795
3813
  lastValue = getFinalValue(value);
3796
- setValue(lastValue);
3814
+ changeValue(lastValue);
3797
3815
  },
3798
3816
  getData: function () { return lastData; },
3799
3817
  setData: function (data) {
@@ -3851,13 +3869,13 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
3851
3869
  onAddValueItem,
3852
3870
  onRemoveValueItem,
3853
3871
  id,
3854
- setValue,
3855
3872
  setDisabled,
3856
3873
  setErrorErrorHelperText,
3857
3874
  data,
3858
3875
  setData,
3859
3876
  hidden,
3860
3877
  setHidden,
3878
+ changeValue,
3861
3879
  ]);
3862
3880
  /********************************************************************************************************************
3863
3881
  * Event Handler
@@ -3868,13 +3886,13 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
3868
3886
  }
3869
3887
  else {
3870
3888
  var finalValue_1 = getFinalValue(value || 0);
3871
- setValue(finalValue_1);
3889
+ changeValue(finalValue_1);
3872
3890
  util.nextTick(function () {
3873
3891
  onValueChangeByUser(name, finalValue_1);
3874
3892
  onRequestSearchSubmit(name, finalValue_1);
3875
3893
  });
3876
3894
  }
3877
- }, [readOnly, getFinalValue, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3895
+ }, [readOnly, getFinalValue, changeValue, onValueChangeByUser, name, onRequestSearchSubmit]);
3878
3896
  /********************************************************************************************************************
3879
3897
  * Render
3880
3898
  * ******************************************************************************************************************/
@@ -3919,33 +3937,15 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
3919
3937
  * ******************************************************************************************************************/
3920
3938
  var editorRef = React.useRef();
3921
3939
  var keyDownTime = React.useRef(0);
3922
- /********************************************************************************************************************
3923
- * State - value
3924
- * ******************************************************************************************************************/
3925
- var _d = reactHook.useAutoUpdateState(initValue || ''), value = _d[0], setValue = _d[1];
3926
- reactHook.useFirstSkipEffect(function () {
3927
- if (error)
3928
- validate(value);
3929
- if (onChange)
3930
- onChange(value);
3931
- onValueChange(name, value);
3932
- }, [value]);
3933
3940
  /********************************************************************************************************************
3934
3941
  * State
3935
3942
  * ******************************************************************************************************************/
3936
- var _e = reactHook.useAutoUpdateState(initError), error = _e[0], setError = _e[1];
3937
- var _f = React.useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
3938
- var _g = React.useState(false), initialized = _g[0], setInitialized = _g[1];
3939
- var _h = reactHook.useAutoUpdateState(initDisabled == null ? formDisabled : initDisabled), disabled = _h[0], setDisabled = _h[1];
3940
- var _j = reactHook.useAutoUpdateState(initHidden), hidden = _j[0], setHidden = _j[1];
3941
- var _k = reactHook.useAutoUpdateState(initData), data = _k[0], setData = _k[1];
3942
- /********************************************************************************************************************
3943
- * Function - focus
3944
- * ******************************************************************************************************************/
3945
- var focus = React.useCallback(function () {
3946
- var _a;
3947
- (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
3948
- }, [editorRef]);
3943
+ var _d = reactHook.useAutoUpdateState(initError), error = _d[0], setError = _d[1];
3944
+ var _e = React.useState(), errorHelperText = _e[0], setErrorHelperText = _e[1];
3945
+ var _f = React.useState(false), initialized = _f[0], setInitialized = _f[1];
3946
+ var _g = reactHook.useAutoUpdateState(initDisabled == null ? formDisabled : initDisabled), disabled = _g[0], setDisabled = _g[1];
3947
+ var _h = reactHook.useAutoUpdateState(initHidden), hidden = _h[0], setHidden = _h[1];
3948
+ var _j = reactHook.useAutoUpdateState(initData), data = _j[0], setData = _j[1];
3949
3949
  /********************************************************************************************************************
3950
3950
  * Function - setErrorErrorHelperText
3951
3951
  * ******************************************************************************************************************/
@@ -3972,6 +3972,32 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
3972
3972
  setErrorErrorHelperText(false, undefined);
3973
3973
  return true;
3974
3974
  }, [required, onValidate, setErrorErrorHelperText]);
3975
+ /********************************************************************************************************************
3976
+ * State - value
3977
+ * ******************************************************************************************************************/
3978
+ var _k = React.useState(initValue || ''), value = _k[0], setValue = _k[1];
3979
+ var changeValue = React.useCallback(function (newValue) {
3980
+ if (!util.equal(value, newValue)) {
3981
+ setValue(newValue);
3982
+ util.nextTick(function () {
3983
+ if (error)
3984
+ validate(newValue);
3985
+ if (onChange)
3986
+ onChange(newValue);
3987
+ onValueChange(name, newValue);
3988
+ });
3989
+ }
3990
+ }, [error, name, onChange, onValueChange, validate, value]);
3991
+ reactHook.useFirstSkipEffect(function () {
3992
+ changeValue(initValue || '');
3993
+ }, [initValue]);
3994
+ /********************************************************************************************************************
3995
+ * Function - focus
3996
+ * ******************************************************************************************************************/
3997
+ var focus = React.useCallback(function () {
3998
+ var _a;
3999
+ (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
4000
+ }, [editorRef]);
3975
4001
  /********************************************************************************************************************
3976
4002
  * Commands
3977
4003
  * ******************************************************************************************************************/
@@ -3986,12 +4012,12 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
3986
4012
  getReset: function () { return initValue || ''; },
3987
4013
  reset: function () {
3988
4014
  lastValue = initValue || '';
3989
- setValue(lastValue);
4015
+ changeValue(lastValue);
3990
4016
  },
3991
4017
  getValue: function () { return lastValue; },
3992
4018
  setValue: function (value) {
3993
4019
  lastValue = value;
3994
- setValue(lastValue);
4020
+ changeValue(lastValue);
3995
4021
  },
3996
4022
  getData: function () { return lastData; },
3997
4023
  setData: function (data) {
@@ -4047,7 +4073,6 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
4047
4073
  onAddValueItem,
4048
4074
  onRemoveValueItem,
4049
4075
  id,
4050
- setValue,
4051
4076
  setDisabled,
4052
4077
  setErrorErrorHelperText,
4053
4078
  data,
@@ -4055,19 +4080,20 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
4055
4080
  validate,
4056
4081
  hidden,
4057
4082
  setHidden,
4083
+ changeValue,
4058
4084
  ]);
4059
4085
  /********************************************************************************************************************
4060
4086
  * Event Handler
4061
4087
  * ******************************************************************************************************************/
4062
4088
  var handleEditorChange = React.useCallback(function (value) {
4063
- setValue(value);
4089
+ changeValue(value);
4064
4090
  if (new Date().getTime() - keyDownTime.current < 300) {
4065
4091
  util.nextTick(function () {
4066
4092
  if (onValueChangeByUser)
4067
4093
  onValueChangeByUser(name, value);
4068
4094
  });
4069
4095
  }
4070
- }, [name, onValueChangeByUser, setValue]);
4096
+ }, [changeValue, name, onValueChangeByUser]);
4071
4097
  var handleKeyDown = React.useCallback(function () {
4072
4098
  keyDownTime.current = new Date().getTime();
4073
4099
  }, []);
@@ -4248,11 +4274,54 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4248
4274
  }
4249
4275
  return onValue ? onValue(finalValue) : finalValue;
4250
4276
  }, [multiple, formValueSeparator, itemsValues, onValue]);
4277
+ /********************************************************************************************************************
4278
+ * Function - setErrorErrorHelperText
4279
+ * ******************************************************************************************************************/
4280
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
4281
+ setError(error);
4282
+ setErrorHelperText(errorHelperText);
4283
+ }, [setError]);
4284
+ /********************************************************************************************************************
4285
+ * Function - validate
4286
+ * ******************************************************************************************************************/
4287
+ var validate = React.useCallback(function (value) {
4288
+ if (required && util.empty(value)) {
4289
+ setErrorErrorHelperText(true, '필수 선택 항목입니다.');
4290
+ return false;
4291
+ }
4292
+ if (onValidate) {
4293
+ var onValidateResult = onValidate(value);
4294
+ if (onValidateResult != null && onValidateResult !== true) {
4295
+ setErrorErrorHelperText(true, onValidateResult);
4296
+ return false;
4297
+ }
4298
+ }
4299
+ setErrorErrorHelperText(false, undefined);
4300
+ return true;
4301
+ }, [required, onValidate, setErrorErrorHelperText]);
4251
4302
  /********************************************************************************************************************
4252
4303
  * State - value
4253
4304
  * ******************************************************************************************************************/
4254
- var _m = reactHook.useAutoUpdateState(initValue, getFinalValue), value = _m[0], setValue = _m[1];
4305
+ var _m = React.useState(function () { return getFinalValue(initValue); }), value = _m[0], setValue = _m[1];
4255
4306
  var _o = React.useState(null), valueItem = _o[0], setValueItem = _o[1];
4307
+ var changeValue = React.useCallback(function (newValue) {
4308
+ if (!util.equal(value, newValue)) {
4309
+ setValue(newValue);
4310
+ util.nextTick(function () {
4311
+ if (error)
4312
+ validate(newValue);
4313
+ if (onChange)
4314
+ onChange(newValue);
4315
+ onValueChange(name, newValue);
4316
+ });
4317
+ }
4318
+ }, [error, name, onChange, onValueChange, validate, value]);
4319
+ reactHook.useFirstSkipEffect(function () {
4320
+ changeValue(getFinalValue(initValue));
4321
+ }, [initValue]);
4322
+ reactHook.useFirstSkipEffect(function () {
4323
+ changeValue(getFinalValue(value));
4324
+ }, [multiple]);
4256
4325
  var componentValue = React.useMemo(function () {
4257
4326
  var finalValue = value;
4258
4327
  if (finalValue != null) {
@@ -4338,11 +4407,6 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4338
4407
  * Effect
4339
4408
  * ******************************************************************************************************************/
4340
4409
  React.useEffect(function () {
4341
- if (value !== initValue) {
4342
- if (onChange)
4343
- onChange(value);
4344
- onValueChange(name, value);
4345
- }
4346
4410
  if (!async && onLoadItems) {
4347
4411
  showOnGetItemLoading();
4348
4412
  onLoadItems().then(function (items) {
@@ -4358,13 +4422,6 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4358
4422
  };
4359
4423
  // eslint-disable-next-line react-hooks/exhaustive-deps
4360
4424
  }, []);
4361
- reactHook.useFirstSkipEffect(function () {
4362
- if (error)
4363
- validate(value);
4364
- if (onChange)
4365
- onChange(value);
4366
- onValueChange(name, value);
4367
- }, [value]);
4368
4425
  React.useEffect(function () {
4369
4426
  if (async && onLoadItems) {
4370
4427
  if (asyncTimerRef.current) {
@@ -4420,31 +4477,6 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4420
4477
  var _a;
4421
4478
  (_a = textFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
4422
4479
  }, [textFieldRef]);
4423
- /********************************************************************************************************************
4424
- * Function - setErrorErrorHelperText
4425
- * ******************************************************************************************************************/
4426
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
4427
- setError(error);
4428
- setErrorHelperText(errorHelperText);
4429
- }, [setError]);
4430
- /********************************************************************************************************************
4431
- * Function - validate
4432
- * ******************************************************************************************************************/
4433
- var validate = React.useCallback(function (value) {
4434
- if (required && util.empty(value)) {
4435
- setErrorErrorHelperText(true, '필수 선택 항목입니다.');
4436
- return false;
4437
- }
4438
- if (onValidate) {
4439
- var onValidateResult = onValidate(value);
4440
- if (onValidateResult != null && onValidateResult !== true) {
4441
- setErrorErrorHelperText(true, onValidateResult);
4442
- return false;
4443
- }
4444
- }
4445
- setErrorErrorHelperText(false, undefined);
4446
- return true;
4447
- }, [required, onValidate, setErrorErrorHelperText]);
4448
4480
  /********************************************************************************************************************
4449
4481
  * Commands
4450
4482
  * ******************************************************************************************************************/
@@ -4462,12 +4494,12 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4462
4494
  getReset: function () { return getFinalValue(initValue); },
4463
4495
  reset: function () {
4464
4496
  lastValue_1 = getFinalValue(initValue);
4465
- setValue(lastValue_1);
4497
+ changeValue(lastValue_1);
4466
4498
  },
4467
4499
  getValue: function () { return lastValue_1; },
4468
4500
  setValue: function (value) {
4469
4501
  lastValue_1 = getFinalValue(value);
4470
- setValue(lastValue_1);
4502
+ changeValue(lastValue_1);
4471
4503
  },
4472
4504
  getData: function () { return lastData_1; },
4473
4505
  setData: function (data) {
@@ -4546,7 +4578,6 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4546
4578
  onRemoveValueItem,
4547
4579
  loading,
4548
4580
  id,
4549
- setValue,
4550
4581
  setDisabled,
4551
4582
  setErrorErrorHelperText,
4552
4583
  setItems,
@@ -4555,6 +4586,7 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4555
4586
  setData,
4556
4587
  hidden,
4557
4588
  setHidden,
4589
+ changeValue,
4558
4590
  ]);
4559
4591
  /********************************************************************************************************************
4560
4592
  * Event Handler
@@ -4574,7 +4606,7 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4574
4606
  }
4575
4607
  var finalValue = getFinalValue(newValue);
4576
4608
  if (!util.equal(value, finalValue)) {
4577
- setValue(finalValue);
4609
+ changeValue(finalValue);
4578
4610
  setValueItem(componentValue);
4579
4611
  util.nextTick(function () {
4580
4612
  onValueChangeByUser(name, finalValue);
@@ -4602,7 +4634,7 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
4602
4634
  else {
4603
4635
  go();
4604
4636
  }
4605
- }, [multiple, getFinalValue, value, setValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4637
+ }, [multiple, getFinalValue, value, changeValue, onValueChangeByUser, name, onRequestSearchSubmit, onAddItem]);
4606
4638
  var handleGetOptionDisabled = React.useCallback(function (option) {
4607
4639
  if (getOptionDisabled) {
4608
4640
  return option.disabled || getOptionDisabled(option);
@@ -4851,7 +4883,7 @@ var PrivateTimeSelect = React.forwardRef(function (_a, ref) {
4851
4883
  }))))));
4852
4884
  });
4853
4885
  PrivateTimeSelect.displayName = 'PrivateTimeSelect';
4854
- PrivateTimeSelect.defaultProps = PrivateTimeSelectDefaultProps;var css_248z$8 = ".PrivateStaticDatePicker.time {\n height: 400px;\n}\n.PrivateStaticDatePicker .MuiPickersCalendarHeader-root {\n display: none;\n}\n.PrivateStaticDatePicker .month-title-container {\n display: flex;\n align-items: center;\n margin-left: 5px;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap .month-title button:not(.active) {\n color: unset;\n}\n.PrivateStaticDatePicker .action-buttons {\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n}\n.PrivateStaticDatePicker .action-buttons button {\n min-width: 0;\n color: inherit;\n}\n.PrivateStaticDatePicker .action-buttons button:not(:first-child) {\n margin-left: 5px;\n}\n.PrivateStaticDatePicker .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}\n.PrivateStaticDatePicker .time {\n border-left: 2px solid #bfbfbf;\n}\n.PrivateStaticDatePicker .time .time-container {\n height: 100%;\n}\n.PrivateStaticDatePicker .time .time-container .time-title {\n text-align: center;\n padding: 22px 0;\n font-size: 15px;\n}\n.PrivateStaticDatePicker .time .time-container .time-select-wrap {\n flex: 1;\n border-top: 1px solid #efefef;\n}\n.PrivateStaticDatePicker.time .time .time-container .time-select-wrap > div > div:not(:first-child) {\n border-left: 1px solid #efefef;\n}";
4886
+ PrivateTimeSelect.defaultProps = PrivateTimeSelectDefaultProps;var css_248z$8 = ".PrivateStaticDatePicker.time {\n height: 400px;\n}\n.PrivateStaticDatePicker .MuiPickersCalendarHeader-root {\n display: none;\n}\n.PrivateStaticDatePicker .month-title-container {\n display: flex;\n align-items: center;\n margin-left: 5px;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.PrivateStaticDatePicker .month-title-container .month-title-wrap .month-title button:not(.active) {\n color: unset;\n}\n.PrivateStaticDatePicker .action-buttons {\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n}\n.PrivateStaticDatePicker .action-buttons button {\n min-width: 0;\n color: inherit;\n}\n.PrivateStaticDatePicker .action-buttons button:not(:first-of-type) {\n margin-left: 5px;\n}\n.PrivateStaticDatePicker .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}\n.PrivateStaticDatePicker .time {\n border-left: 2px solid #bfbfbf;\n}\n.PrivateStaticDatePicker .time .time-container {\n height: 100%;\n}\n.PrivateStaticDatePicker .time .time-container .time-title {\n text-align: center;\n padding: 22px 0;\n font-size: 15px;\n}\n.PrivateStaticDatePicker .time .time-container .time-select-wrap {\n flex: 1;\n border-top: 1px solid #efefef;\n}\n.PrivateStaticDatePicker.time .time .time-container .time-select-wrap > div > div:not(:first-of-type) {\n border-left: 1px solid #efefef;\n}";
4855
4887
  styleInject(css_248z$8);var DEFAULT_HOURS$1 = new Array(24).fill(0);
4856
4888
  for (var i$2 = 0; i$2 < DEFAULT_HOURS$1.length; i$2 += 1) {
4857
4889
  DEFAULT_HOURS$1[i$2] = i$2;
@@ -5247,29 +5279,66 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5247
5279
  var getFinalValue = React.useCallback(function (value) {
5248
5280
  return value;
5249
5281
  }, []);
5282
+ /********************************************************************************************************************
5283
+ * Function - setErrorErrorHelperText
5284
+ * ******************************************************************************************************************/
5285
+ var setErrorErrorHelperText = React.useCallback(function (error, helperText) {
5286
+ setError(error);
5287
+ setErrorHelperText(helperText);
5288
+ }, [setError]);
5289
+ /********************************************************************************************************************
5290
+ * Function - validate
5291
+ * ******************************************************************************************************************/
5292
+ var validate = React.useCallback(function (value) {
5293
+ if (required && util.empty(value)) {
5294
+ setErrorErrorHelperText(true, '필수 입력 항목입니다.');
5295
+ return false;
5296
+ }
5297
+ if (value && !value.isValid()) {
5298
+ setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
5299
+ return false;
5300
+ }
5301
+ if (datePickerErrorRef.current) {
5302
+ setErrorErrorHelperText(true, getDateValidationErrorText(datePickerErrorRef.current));
5303
+ return false;
5304
+ }
5305
+ if (timeError) {
5306
+ setErrorErrorHelperText(true, getDateValidationErrorText(timeError));
5307
+ return false;
5308
+ }
5309
+ if (onValidate) {
5310
+ var onValidateResult = onValidate(value);
5311
+ if (onValidateResult != null && onValidateResult !== true) {
5312
+ setErrorErrorHelperText(true, onValidateResult);
5313
+ return false;
5314
+ }
5315
+ }
5316
+ setErrorErrorHelperText(false, undefined);
5317
+ return true;
5318
+ }, [required, timeError, onValidate, setErrorErrorHelperText]);
5250
5319
  /********************************************************************************************************************
5251
5320
  * State - value
5252
5321
  * ******************************************************************************************************************/
5253
- var _k = reactHook.useAutoUpdateState(initValue || null, getFinalValue), value = _k[0], setValue = _k[1];
5322
+ var _k = React.useState(function () { return getFinalValue(initValue || null); }), value = _k[0], setValue = _k[1];
5254
5323
  var _l = React.useState(null), inputValue = _l[0], setInputValue = _l[1];
5324
+ var changeValue = React.useCallback(function (newValue) {
5325
+ if (value !== newValue) {
5326
+ setValue(newValue);
5327
+ util.nextTick(function () {
5328
+ if (error)
5329
+ validate(newValue);
5330
+ if (onChange)
5331
+ onChange(newValue);
5332
+ onValueChange(name, newValue);
5333
+ });
5334
+ }
5335
+ }, [error, name, onChange, onValueChange, validate, value]);
5255
5336
  /********************************************************************************************************************
5256
5337
  * Effect
5257
5338
  * ******************************************************************************************************************/
5258
- React.useEffect(function () {
5259
- if (value !== initValue) {
5260
- if (onChange)
5261
- onChange(value);
5262
- onValueChange(name, value);
5263
- }
5264
- // eslint-disable-next-line react-hooks/exhaustive-deps
5265
- }, []);
5266
5339
  reactHook.useFirstSkipEffect(function () {
5267
- if (error)
5268
- validate(value);
5269
- if (onChange)
5270
- onChange(value);
5271
- onValueChange(name, value);
5272
- }, [value]);
5340
+ changeValue(getFinalValue(initValue || null));
5341
+ }, [initValue]);
5273
5342
  React.useEffect(function () {
5274
5343
  setInputValue(value);
5275
5344
  }, [value]);
@@ -5329,44 +5398,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5329
5398
  (_a = textFieldInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
5330
5399
  }, [textFieldInputRef]);
5331
5400
  /********************************************************************************************************************
5332
- * Function - setErrorErrorHelperText
5333
- * ******************************************************************************************************************/
5334
- var setErrorErrorHelperText = React.useCallback(function (error, helperText) {
5335
- setError(error);
5336
- setErrorHelperText(helperText);
5337
- }, [setError]);
5338
- /********************************************************************************************************************
5339
- * Function - validate
5340
- * ******************************************************************************************************************/
5341
- var validate = React.useCallback(function (value) {
5342
- if (required && util.empty(value)) {
5343
- setErrorErrorHelperText(true, '필수 입력 항목입니다.');
5344
- return false;
5345
- }
5346
- if (value && !value.isValid()) {
5347
- setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
5348
- return false;
5349
- }
5350
- if (datePickerErrorRef.current) {
5351
- setErrorErrorHelperText(true, getDateValidationErrorText(datePickerErrorRef.current));
5352
- return false;
5353
- }
5354
- if (timeError) {
5355
- setErrorErrorHelperText(true, getDateValidationErrorText(timeError));
5356
- return false;
5357
- }
5358
- if (onValidate) {
5359
- var onValidateResult = onValidate(value);
5360
- if (onValidateResult != null && onValidateResult !== true) {
5361
- setErrorErrorHelperText(true, onValidateResult);
5362
- return false;
5363
- }
5364
- }
5365
- setErrorErrorHelperText(false, undefined);
5366
- return true;
5367
- }, [required, timeError, onValidate, setErrorErrorHelperText]);
5368
- /********************************************************************************************************************
5369
- * Commands
5401
+ * Commands
5370
5402
  * ******************************************************************************************************************/
5371
5403
  React.useLayoutEffect(function () {
5372
5404
  if (ref || onAddValueItem) {
@@ -5380,12 +5412,12 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5380
5412
  getReset: function () { return getFinalValue(initValue || null); },
5381
5413
  reset: function () {
5382
5414
  lastValue_1 = getFinalValue(initValue || null);
5383
- setValue(lastValue_1);
5415
+ changeValue(lastValue_1);
5384
5416
  },
5385
5417
  getValue: function () { return lastValue_1; },
5386
5418
  setValue: function (value) {
5387
5419
  lastValue_1 = getFinalValue(value);
5388
- setValue(lastValue_1);
5420
+ changeValue(lastValue_1);
5389
5421
  },
5390
5422
  getData: function () { return lastData_1; },
5391
5423
  setData: function (data) {
@@ -5448,13 +5480,13 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5448
5480
  onAddValueItem,
5449
5481
  onRemoveValueItem,
5450
5482
  id,
5451
- setValue,
5452
5483
  setDisabled,
5453
5484
  setErrorErrorHelperText,
5454
5485
  data,
5455
5486
  setData,
5456
5487
  hidden,
5457
5488
  setHidden,
5489
+ changeValue,
5458
5490
  ]);
5459
5491
  /********************************************************************************************************************
5460
5492
  * Event Handler
@@ -5495,7 +5527,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5495
5527
  if (time === unit)
5496
5528
  setOpen(false);
5497
5529
  }
5498
- setValue(finalValue);
5530
+ changeValue(finalValue);
5499
5531
  util.nextTick(function () {
5500
5532
  onValueChangeByUser(name, finalValue);
5501
5533
  if (runOnRequestSearchSubmit_1) {
@@ -5504,7 +5536,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React.forwardRef(function (_a, r
5504
5536
  });
5505
5537
  }
5506
5538
  setInputValue(finalValue);
5507
- }, [type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5539
+ }, [type, time, changeValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
5508
5540
  var handleContainerFocus = React.useCallback(function () {
5509
5541
  if (closeTimeoutRef.current) {
5510
5542
  clearTimeout(closeTimeoutRef.current);
@@ -5628,7 +5660,7 @@ PrivateDatePicker.defaultProps = PrivateDatePickerDefaultProps;var PrivateDateTi
5628
5660
  align: 'center',
5629
5661
  value: null,
5630
5662
  };var css_248z$6 = ".PrivateDateTimePicker .input-text-field.align-left .MuiInputBase-input {\n text-align: left;\n}\n.PrivateDateTimePicker .input-text-field.align-center .MuiInputBase-input {\n text-align: center;\n}\n.PrivateDateTimePicker .input-text-field.align-right .MuiInputBase-input {\n text-align: right;\n}";
5631
- styleInject(css_248z$6);var PrivateStaticDateTimePickerDefaultProps = {};var css_248z$5 = ".PrivateStaticDateTimePicker.time {\n height: 400px;\n}\n.PrivateStaticDateTimePicker .MuiPickersCalendarHeader-root {\n display: none;\n}\n.PrivateStaticDateTimePicker .month-title-container {\n display: flex;\n align-items: center;\n margin-left: 5px;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap .month-title button:not(.active) {\n color: unset;\n}\n.PrivateStaticDateTimePicker .action-buttons {\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n}\n.PrivateStaticDateTimePicker .action-buttons button {\n min-width: 0;\n color: inherit;\n}\n.PrivateStaticDateTimePicker .action-buttons button:not(:first-child) {\n margin-left: 5px;\n}\n.PrivateStaticDateTimePicker .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}\n.PrivateStaticDateTimePicker .time {\n border-left: 2px solid #bfbfbf;\n}\n.PrivateStaticDateTimePicker .time .time-container {\n height: 100%;\n}\n.PrivateStaticDateTimePicker .time .time-container .time-title {\n text-align: center;\n padding: 22px 0;\n font-size: 15px;\n}\n.PrivateStaticDateTimePicker .time .time-container .time-select-wrap {\n flex: 1;\n border-top: 1px solid #efefef;\n}\n.PrivateStaticDateTimePicker.time .time .time-container .time-select-wrap > div > div:not(:first-child) {\n border-left: 1px solid #efefef;\n}";
5663
+ styleInject(css_248z$6);var PrivateStaticDateTimePickerDefaultProps = {};var css_248z$5 = ".PrivateStaticDateTimePicker.time {\n height: 400px;\n}\n.PrivateStaticDateTimePicker .MuiPickersCalendarHeader-root {\n display: none;\n}\n.PrivateStaticDateTimePicker .month-title-container {\n display: flex;\n align-items: center;\n margin-left: 5px;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.PrivateStaticDateTimePicker .month-title-container .month-title-wrap .month-title button:not(.active) {\n color: unset;\n}\n.PrivateStaticDateTimePicker .action-buttons {\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n}\n.PrivateStaticDateTimePicker .action-buttons button {\n min-width: 0;\n color: inherit;\n}\n.PrivateStaticDateTimePicker .action-buttons button:not(:first-of-type) {\n margin-left: 5px;\n}\n.PrivateStaticDateTimePicker .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}\n.PrivateStaticDateTimePicker .time {\n border-left: 2px solid #bfbfbf;\n}\n.PrivateStaticDateTimePicker .time .time-container {\n height: 100%;\n}\n.PrivateStaticDateTimePicker .time .time-container .time-title {\n text-align: center;\n padding: 22px 0;\n font-size: 15px;\n}\n.PrivateStaticDateTimePicker .time .time-container .time-select-wrap {\n flex: 1;\n border-top: 1px solid #efefef;\n}\n.PrivateStaticDateTimePicker.time .time .time-container .time-select-wrap > div > div:not(:first-of-type) {\n border-left: 1px solid #efefef;\n}";
5632
5664
  styleInject(css_248z$5);var DEFAULT_HOURS = new Array(24).fill(0);
5633
5665
  for (var i$1 = 0; i$1 < DEFAULT_HOURS.length; i$1 += 1) {
5634
5666
  DEFAULT_HOURS[i$1] = i$1;
@@ -6015,29 +6047,66 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6015
6047
  var getFinalValue = React.useCallback(function (value) {
6016
6048
  return value;
6017
6049
  }, []);
6050
+ /********************************************************************************************************************
6051
+ * Function - setErrorErrorHelperText
6052
+ * ******************************************************************************************************************/
6053
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
6054
+ setError(error);
6055
+ setErrorHelperText(errorHelperText);
6056
+ }, [setError]);
6057
+ /********************************************************************************************************************
6058
+ * Function - validate
6059
+ * ******************************************************************************************************************/
6060
+ var validate = React.useCallback(function (value) {
6061
+ if (required && util.empty(value)) {
6062
+ setErrorErrorHelperText(true, '필수 입력 항목입니다.');
6063
+ return false;
6064
+ }
6065
+ if (value && !value.isValid()) {
6066
+ setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
6067
+ return false;
6068
+ }
6069
+ if (datePickerErrorRef.current) {
6070
+ setErrorErrorHelperText(true, getDateValidationErrorText(datePickerErrorRef.current));
6071
+ return false;
6072
+ }
6073
+ if (timeError) {
6074
+ setErrorErrorHelperText(true, getDateValidationErrorText(timeError));
6075
+ return false;
6076
+ }
6077
+ if (onValidate) {
6078
+ var onValidateResult = onValidate(value);
6079
+ if (onValidateResult != null && onValidateResult !== true) {
6080
+ setErrorErrorHelperText(true, onValidateResult);
6081
+ return false;
6082
+ }
6083
+ }
6084
+ setErrorErrorHelperText(false, undefined);
6085
+ return true;
6086
+ }, [required, timeError, onValidate, setErrorErrorHelperText]);
6018
6087
  /********************************************************************************************************************
6019
6088
  * State - value
6020
6089
  * ******************************************************************************************************************/
6021
- var _k = reactHook.useAutoUpdateState(initValue || null, getFinalValue), value = _k[0], setValue = _k[1];
6090
+ var _k = React.useState(function () { return getFinalValue(initValue || null); }), value = _k[0], setValue = _k[1];
6022
6091
  var _l = React.useState(null), inputValue = _l[0], setInputValue = _l[1];
6092
+ var changeValue = React.useCallback(function (newValue) {
6093
+ if (value !== newValue) {
6094
+ setValue(newValue);
6095
+ util.nextTick(function () {
6096
+ if (error)
6097
+ validate(newValue);
6098
+ if (onChange)
6099
+ onChange(newValue);
6100
+ onValueChange(name, newValue);
6101
+ });
6102
+ }
6103
+ }, [error, name, onChange, onValueChange, validate, value]);
6023
6104
  /********************************************************************************************************************
6024
6105
  * Effect
6025
6106
  * ******************************************************************************************************************/
6026
- React.useEffect(function () {
6027
- if (value !== initValue) {
6028
- if (onChange)
6029
- onChange(value);
6030
- onValueChange(name, value);
6031
- }
6032
- // eslint-disable-next-line react-hooks/exhaustive-deps
6033
- }, []);
6034
6107
  reactHook.useFirstSkipEffect(function () {
6035
- if (error)
6036
- validate(value);
6037
- if (onChange)
6038
- onChange(value);
6039
- onValueChange(name, value);
6040
- }, [value]);
6108
+ changeValue(getFinalValue(initValue || null));
6109
+ }, [initValue]);
6041
6110
  React.useEffect(function () {
6042
6111
  setInputValue(value);
6043
6112
  }, [value]);
@@ -6096,43 +6165,6 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6096
6165
  var _a;
6097
6166
  (_a = textFieldInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
6098
6167
  }, [textFieldInputRef]);
6099
- /********************************************************************************************************************
6100
- * Function - setErrorErrorHelperText
6101
- * ******************************************************************************************************************/
6102
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
6103
- setError(error);
6104
- setErrorHelperText(errorHelperText);
6105
- }, [setError]);
6106
- /********************************************************************************************************************
6107
- * Function - validate
6108
- * ******************************************************************************************************************/
6109
- var validate = React.useCallback(function (value) {
6110
- if (required && util.empty(value)) {
6111
- setErrorErrorHelperText(true, '필수 입력 항목입니다.');
6112
- return false;
6113
- }
6114
- if (value && !value.isValid()) {
6115
- setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
6116
- return false;
6117
- }
6118
- if (datePickerErrorRef.current) {
6119
- setErrorErrorHelperText(true, getDateValidationErrorText(datePickerErrorRef.current));
6120
- return false;
6121
- }
6122
- if (timeError) {
6123
- setErrorErrorHelperText(true, getDateValidationErrorText(timeError));
6124
- return false;
6125
- }
6126
- if (onValidate) {
6127
- var onValidateResult = onValidate(value);
6128
- if (onValidateResult != null && onValidateResult !== true) {
6129
- setErrorErrorHelperText(true, onValidateResult);
6130
- return false;
6131
- }
6132
- }
6133
- setErrorErrorHelperText(false, undefined);
6134
- return true;
6135
- }, [required, timeError, onValidate, setErrorErrorHelperText]);
6136
6168
  /********************************************************************************************************************
6137
6169
  * Commands
6138
6170
  * ******************************************************************************************************************/
@@ -6148,12 +6180,12 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6148
6180
  getReset: function () { return getFinalValue(initValue || null); },
6149
6181
  reset: function () {
6150
6182
  lastValue_1 = getFinalValue(initValue || null);
6151
- setValue(lastValue_1);
6183
+ changeValue(lastValue_1);
6152
6184
  },
6153
6185
  getValue: function () { return lastValue_1; },
6154
6186
  setValue: function (value) {
6155
6187
  lastValue_1 = getFinalValue(value);
6156
- setValue(lastValue_1);
6188
+ changeValue(lastValue_1);
6157
6189
  },
6158
6190
  getData: function () { return lastData_1; },
6159
6191
  setData: function (data) {
@@ -6216,13 +6248,13 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6216
6248
  onAddValueItem,
6217
6249
  onRemoveValueItem,
6218
6250
  id,
6219
- setValue,
6220
6251
  setDisabled,
6221
6252
  setErrorErrorHelperText,
6222
6253
  data,
6223
6254
  setData,
6224
6255
  hidden,
6225
6256
  setHidden,
6257
+ changeValue,
6226
6258
  ]);
6227
6259
  /********************************************************************************************************************
6228
6260
  * Event Handler
@@ -6264,7 +6296,7 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6264
6296
  if (time === unit)
6265
6297
  setOpen(false);
6266
6298
  }
6267
- setValue(finalValue);
6299
+ changeValue(finalValue);
6268
6300
  util.nextTick(function () {
6269
6301
  onValueChangeByUser(name, finalValue);
6270
6302
  if (runOnRequestSearchSubmit_1) {
@@ -6289,7 +6321,7 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
6289
6321
  }
6290
6322
  }
6291
6323
  setInputValue(finalValue);
6292
- }, [type, time, setValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
6324
+ }, [type, time, changeValue, availableDate, open, onValueChangeByUser, name, onRequestSearchSubmit]);
6293
6325
  var handleContainerFocus = React.useCallback(function () {
6294
6326
  if (closeTimeoutRef.current) {
6295
6327
  clearTimeout(closeTimeoutRef.current);
@@ -6676,7 +6708,7 @@ var StyledYearError = material.styled('span')(templateObject_3$3 || (templateObj
6676
6708
  });
6677
6709
  var StyledTitleGap = material.styled('span')(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n padding: 0 7px;\n opacity: 0.5;\n"], ["\n padding: 0 7px;\n opacity: 0.5;\n"])));
6678
6710
  var StyledActionContainer$1 = material.styled('div')(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"], ["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"])));
6679
- var StyledActionButton$1 = material.styled(material.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
6711
+ var StyledActionButton$1 = material.styled(material.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-of-type) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-of-type) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
6680
6712
  var templateObject_1$8, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6;var DEFAULT_VALUE$5 = [null, null];
6681
6713
  var PrivateYearRangePicker = function (_a) {
6682
6714
  /********************************************************************************************************************
@@ -7330,7 +7362,7 @@ PrivateMonthPicker.defaultProps = PrivateMonthPickerDefaultProps;var PrivateMont
7330
7362
  },
7331
7363
  };var StyledDiv = material.styled(material.Grid)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n width: 30px;\n border-left: 1px solid #efefef;\n border-right: 1px solid #efefef;\n background-color: #fafafa;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n width: 30px;\n border-left: 1px solid #efefef;\n border-right: 1px solid #efefef;\n background-color: #fafafa;\n"])));
7332
7364
  var StyledActionContainer = material.styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"], ["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"])));
7333
- var StyledActionButton = material.styled(material.Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
7365
+ var StyledActionButton = material.styled(material.Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-of-type) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-of-type) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
7334
7366
  var templateObject_1$1, templateObject_2, templateObject_3;var PrivateMonthRangePicker = function (_a) {
7335
7367
  /********************************************************************************************************************
7336
7368
  * Function
@@ -7717,7 +7749,7 @@ styleInject(css_248z$3);var FormDateRangePickerTooltipPicker = React.forwardRef(
7717
7749
  } }));
7718
7750
  });
7719
7751
  FormDateRangePickerTooltipPicker.displayName = 'FormDateRangePickerTooltipPicker';
7720
- FormDateRangePickerTooltipPicker.defaultProps = FormDateRangePickerTooltipPickerDefaultProps;var css_248z$2 = ".FormDateRangePickerTooltipPickerContainer {\n display: inline-block;\n position: relative;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap {\n position: absolute;\n top: 15px;\n left: 0;\n right: 0;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap > div:first-child {\n padding-left: 20px;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap > div:last-child {\n padding-right: 20px;\n text-align: right;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title {\n text-align: center;\n padding-top: 13px;\n padding-bottom: 10px;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title button:not(.active) {\n color: unset;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap {\n position: relative;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select,\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-top: 1px solid #efefef;\n padding-top: 15px;\n background-color: white;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.today:not(.selected),\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.today:not(.selected) {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.active:not(.selected),\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.active:not(.selected) {\n background-color: #f5f5f5;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.active:not(.selected):hover,\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.active:not(.selected):hover {\n background-color: rgb(229, 229, 229);\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select {\n overflow-y: scroll;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button {\n font-size: 14px;\n font-weight: 400;\n border-radius: 18px;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button {\n font-size: 15px;\n font-weight: 400;\n border-radius: 18px;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button {\n min-width: 0;\n color: unset;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button:not(:first-child) {\n margin-left: 5px;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}";
7752
+ FormDateRangePickerTooltipPicker.defaultProps = FormDateRangePickerTooltipPickerDefaultProps;var css_248z$2 = ".FormDateRangePickerTooltipPickerContainer {\n display: inline-block;\n position: relative;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap {\n position: absolute;\n top: 15px;\n left: 0;\n right: 0;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap > div:first-of-type {\n padding-left: 20px;\n}\n.FormDateRangePickerTooltipPickerContainer .month-change-arrow-wrap > div:last-child {\n padding-right: 20px;\n text-align: right;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title {\n text-align: center;\n padding-top: 13px;\n padding-bottom: 10px;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title button {\n font-size: 15px;\n padding-left: 8px;\n padding-right: 0;\n min-width: 0;\n}\n.FormDateRangePickerTooltipPickerContainer .month-title button:not(.active) {\n color: unset;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap {\n position: relative;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select,\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-top: 1px solid #efefef;\n padding-top: 15px;\n background-color: white;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.today:not(.selected),\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.today:not(.selected) {\n border: 1px solid rgba(0, 0, 0, 0.1);\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.active:not(.selected),\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.active:not(.selected) {\n background-color: #f5f5f5;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button.active:not(.selected):hover,\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button.active:not(.selected):hover {\n background-color: rgb(229, 229, 229);\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select {\n overflow-y: scroll;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .year-select button {\n font-size: 14px;\n font-weight: 400;\n border-radius: 18px;\n}\n.FormDateRangePickerTooltipPickerContainer .date-picker-wrap .month-select button {\n font-size: 15px;\n font-weight: 400;\n border-radius: 18px;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button {\n min-width: 0;\n color: unset;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button:not(:first-of-type) {\n margin-left: 5px;\n}\n.FormDateRangePickerTooltipPickerContainer .action-buttons button.disabled {\n color: rgba(0, 0, 0, 0.5);\n}";
7721
7753
  styleInject(css_248z$2);var YEARS = new Array(200).fill(0);
7722
7754
  for (var i = 0; i < 200; i += 1) {
7723
7755
  YEARS[i] = 1900 + i;
@@ -8175,14 +8207,30 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8175
8207
  * ******************************************************************************************************************/
8176
8208
  var _m = React.useState(false), open = _m[0], setOpen = _m[1];
8177
8209
  var _o = React.useState('start'), selectType = _o[0], setSelectType = _o[1];
8178
- var _p = reactHook.useAutoUpdateState(React.useCallback(function () {
8179
- return initValue || DEFAULT_VALUE$4;
8180
- }, [initValue])), value = _p[0], setValue = _p[1];
8181
8210
  var calendarCount = reactHook.useAutoUpdateState(initCalendarCount || 2)[0];
8182
- var _q = React.useState(function () {
8211
+ var _p = React.useState(function () {
8183
8212
  var now = dayjs();
8184
8213
  return [now, now.add(1, 'month'), now.add(2, 'month')];
8185
- }), months = _q[0], setMonths = _q[1];
8214
+ }), months = _p[0], setMonths = _p[1];
8215
+ /********************************************************************************************************************
8216
+ * State - Value
8217
+ * ******************************************************************************************************************/
8218
+ var _q = React.useState(function () { return getFinalValue(initValue); }), value = _q[0], setValue = _q[1];
8219
+ var changeValue = React.useCallback(function (newValue) {
8220
+ if (value !== newValue) {
8221
+ setValue(newValue);
8222
+ util.nextTick(function () {
8223
+ if (error || fromError || toError)
8224
+ validate(newValue);
8225
+ if (onChange)
8226
+ onChange(newValue);
8227
+ onValueChange(name, newValue);
8228
+ });
8229
+ }
8230
+ }, [error, fromError, name, onChange, onValueChange, toError, validate, value]);
8231
+ reactHook.useFirstSkipEffect(function () {
8232
+ changeValue(getFinalValue(initValue));
8233
+ }, [initValue]);
8186
8234
  /********************************************************************************************************************
8187
8235
  * Memo
8188
8236
  * ******************************************************************************************************************/
@@ -8217,21 +8265,6 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8217
8265
  /********************************************************************************************************************
8218
8266
  * Effect
8219
8267
  * ******************************************************************************************************************/
8220
- React.useEffect(function () {
8221
- if (value !== initValue) {
8222
- if (onChange)
8223
- onChange(value);
8224
- onValueChange(name, value);
8225
- }
8226
- // eslint-disable-next-line react-hooks/exhaustive-deps
8227
- }, []);
8228
- reactHook.useFirstSkipEffect(function () {
8229
- if (error || fromError || toError)
8230
- validate(value);
8231
- if (onChange)
8232
- onChange(value);
8233
- onValueChange(name, value);
8234
- }, [value]);
8235
8268
  reactHook.useFirstSkipEffect(function () {
8236
8269
  if (open) {
8237
8270
  openValueRef.current = value;
@@ -8278,11 +8311,11 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8278
8311
  * Event Handler
8279
8312
  * ******************************************************************************************************************/
8280
8313
  var handleChange = React.useCallback(function (newValue) {
8281
- setValue(newValue);
8314
+ changeValue(newValue);
8282
8315
  setOpen(false);
8283
8316
  setFromErrorErrorHelperText(false, undefined);
8284
8317
  setToErrorErrorHelperText(false, undefined);
8285
- }, [setToErrorErrorHelperText, setFromErrorErrorHelperText, setValue]);
8318
+ }, [changeValue, setFromErrorErrorHelperText, setToErrorErrorHelperText]);
8286
8319
  var handleValueChange = React.useCallback(function (selectType, newValue, fromInput) {
8287
8320
  var _a;
8288
8321
  var finalValue;
@@ -8347,12 +8380,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8347
8380
  }
8348
8381
  break;
8349
8382
  }
8350
- setValue(finalValue);
8383
+ changeValue(finalValue);
8351
8384
  util.nextTick(function () {
8352
8385
  onValueChangeByUser(name, finalValue);
8353
8386
  });
8354
8387
  }, [
8355
- setValue,
8388
+ changeValue,
8356
8389
  value,
8357
8390
  setFromErrorErrorHelperText,
8358
8391
  activeMonth,
@@ -8462,12 +8495,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8462
8495
  getReset: function () { return getFinalValue(initValue); },
8463
8496
  reset: function () {
8464
8497
  lastValue_1 = getFinalValue(initValue);
8465
- setValue(lastValue_1);
8498
+ changeValue(lastValue_1);
8466
8499
  },
8467
8500
  getValue: function () { return lastValue_1; },
8468
8501
  setValue: function (value) {
8469
8502
  lastValue_1 = getFinalValue(value);
8470
- setValue(lastValue_1);
8503
+ changeValue(lastValue_1);
8471
8504
  },
8472
8505
  getData: function () { return lastData_1; },
8473
8506
  setData: function (data) {
@@ -8477,12 +8510,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8477
8510
  getFromValue: function () { return lastValue_1[0]; },
8478
8511
  setFromValue: function (value) {
8479
8512
  lastValue_1 = [value, lastValue_1[1]];
8480
- setValue(lastValue_1);
8513
+ changeValue(lastValue_1);
8481
8514
  },
8482
8515
  getToValue: function () { return lastValue_1[1]; },
8483
8516
  setToValue: function (value) {
8484
8517
  lastValue_1 = [lastValue_1[0], value];
8485
- setValue(lastValue_1);
8518
+ changeValue(lastValue_1);
8486
8519
  },
8487
8520
  isExceptValue: function () { return !!exceptValue; },
8488
8521
  isDisabled: function () { return lastDisabled_1; },
@@ -8555,13 +8588,13 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
8555
8588
  onAddValueItem,
8556
8589
  onRemoveValueItem,
8557
8590
  id,
8558
- setValue,
8559
8591
  setDisabled,
8560
8592
  setErrorErrorHelperText,
8561
8593
  data,
8562
8594
  setData,
8563
8595
  hidden,
8564
8596
  setHidden,
8597
+ changeValue,
8565
8598
  ]);
8566
8599
  /********************************************************************************************************************
8567
8600
  * Render
@@ -8694,53 +8727,16 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8694
8727
  var textFieldRef = React.useRef(null);
8695
8728
  var fileUploadBtnRef = React.useRef(null);
8696
8729
  var linkBtnRef = React.useRef(null);
8697
- /********************************************************************************************************************
8698
- * State - value
8699
- * ******************************************************************************************************************/
8700
- var _c = reactHook.useAutoUpdateState(initValue || ''), value = _c[0], setValue = _c[1];
8701
- var fileValue = React.useState('')[0];
8702
- reactHook.useFirstSkipEffect(function () {
8703
- if (error)
8704
- validate(value);
8705
- if (onChange)
8706
- onChange(value);
8707
- onValueChange(name, value);
8708
- }, [value]);
8709
8730
  /********************************************************************************************************************
8710
8731
  * State
8711
8732
  * ******************************************************************************************************************/
8712
- var _d = reactHook.useAutoUpdateState(initError), error = _d[0], setError = _d[1];
8713
- var _e = React.useState(), errorHelperText = _e[0], setErrorHelperText = _e[1];
8714
- var _f = reactHook.useAutoUpdateState(initDisabled == null ? formDisabled : initDisabled), disabled = _f[0], setDisabled = _f[1];
8715
- var _g = reactHook.useAutoUpdateState(initHidden), hidden = _g[0], setHidden = _g[1];
8716
- var _h = React.useState(false), isOpenLinkDialog = _h[0], setIsOpenLinkDialog = _h[1];
8717
- var _j = reactHook.useAutoUpdateState(initData), data = _j[0], setData = _j[1];
8718
- var _k = React.useState({ open: false }), alertDialogProps = _k[0], setAlertDialogProps = _k[1];
8719
- /********************************************************************************************************************
8720
- * Memo
8721
- * ******************************************************************************************************************/
8722
- var label = React.useMemo(function () {
8723
- return labelIcon ? (React.createElement(React.Fragment, null,
8724
- React.createElement(reactComponent.PdgIcon, { style: { verticalAlign: 'middle', marginRight: 4 } }, labelIcon),
8725
- React.createElement("span", { style: { verticalAlign: 'middle' } }, initLabel))) : (initLabel);
8726
- }, [initLabel, labelIcon]);
8727
- /********************************************************************************************************************
8728
- * Function - focus
8729
- * ******************************************************************************************************************/
8730
- var focus = React.useCallback(function () {
8731
- var _a, _b, _c;
8732
- if (hideUrl) {
8733
- if (hideUpload) {
8734
- (_a = linkBtnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
8735
- }
8736
- else {
8737
- (_b = fileUploadBtnRef.current) === null || _b === void 0 ? void 0 : _b.focus();
8738
- }
8739
- }
8740
- else {
8741
- (_c = textFieldRef.current) === null || _c === void 0 ? void 0 : _c.focus();
8742
- }
8743
- }, [hideUpload, hideUrl]);
8733
+ var _c = reactHook.useAutoUpdateState(initError), error = _c[0], setError = _c[1];
8734
+ var _d = React.useState(), errorHelperText = _d[0], setErrorHelperText = _d[1];
8735
+ var _e = reactHook.useAutoUpdateState(initDisabled == null ? formDisabled : initDisabled), disabled = _e[0], setDisabled = _e[1];
8736
+ var _f = reactHook.useAutoUpdateState(initHidden), hidden = _f[0], setHidden = _f[1];
8737
+ var _g = React.useState(false), isOpenLinkDialog = _g[0], setIsOpenLinkDialog = _g[1];
8738
+ var _h = reactHook.useAutoUpdateState(initData), data = _h[0], setData = _h[1];
8739
+ var _j = React.useState({ open: false }), alertDialogProps = _j[0], setAlertDialogProps = _j[1];
8744
8740
  /********************************************************************************************************************
8745
8741
  * Function - setErrorErrorHelperText
8746
8742
  * ******************************************************************************************************************/
@@ -8773,6 +8769,54 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8773
8769
  setErrorErrorHelperText(false, undefined);
8774
8770
  return true;
8775
8771
  }, [required, onValidate, setErrorErrorHelperText]);
8772
+ /********************************************************************************************************************
8773
+ * State - value
8774
+ * ******************************************************************************************************************/
8775
+ var _k = React.useState(initValue || ''), value = _k[0], setValue = _k[1];
8776
+ var fileValue = React.useState('')[0];
8777
+ var changeValue = React.useCallback(function (newValue) {
8778
+ if (!util.equal(value, newValue)) {
8779
+ setValue(newValue);
8780
+ util.nextTick(function () {
8781
+ if (error)
8782
+ validate(newValue);
8783
+ if (onChange)
8784
+ onChange(newValue);
8785
+ onValueChange(name, newValue);
8786
+ });
8787
+ }
8788
+ }, [error, name, onChange, onValueChange, validate, value]);
8789
+ /********************************************************************************************************************
8790
+ * Effect
8791
+ * ******************************************************************************************************************/
8792
+ reactHook.useFirstSkipEffect(function () {
8793
+ changeValue(initValue || '');
8794
+ }, [initValue]);
8795
+ /********************************************************************************************************************
8796
+ * Memo
8797
+ * ******************************************************************************************************************/
8798
+ var label = React.useMemo(function () {
8799
+ return labelIcon ? (React.createElement(React.Fragment, null,
8800
+ React.createElement(reactComponent.PdgIcon, { style: { verticalAlign: 'middle', marginRight: 4 } }, labelIcon),
8801
+ React.createElement("span", { style: { verticalAlign: 'middle' } }, initLabel))) : (initLabel);
8802
+ }, [initLabel, labelIcon]);
8803
+ /********************************************************************************************************************
8804
+ * Function - focus
8805
+ * ******************************************************************************************************************/
8806
+ var focus = React.useCallback(function () {
8807
+ var _a, _b, _c;
8808
+ if (hideUrl) {
8809
+ if (hideUpload) {
8810
+ (_a = linkBtnRef.current) === null || _a === void 0 ? void 0 : _a.focus();
8811
+ }
8812
+ else {
8813
+ (_b = fileUploadBtnRef.current) === null || _b === void 0 ? void 0 : _b.focus();
8814
+ }
8815
+ }
8816
+ else {
8817
+ (_c = textFieldRef.current) === null || _c === void 0 ? void 0 : _c.focus();
8818
+ }
8819
+ }, [hideUpload, hideUrl]);
8776
8820
  /********************************************************************************************************************
8777
8821
  * Commands
8778
8822
  * ******************************************************************************************************************/
@@ -8787,12 +8831,12 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8787
8831
  getReset: function () { return initValue || ''; },
8788
8832
  reset: function () {
8789
8833
  lastValue = initValue || '';
8790
- setValue(lastValue);
8834
+ changeValue(lastValue);
8791
8835
  },
8792
8836
  getValue: function () { return lastValue; },
8793
8837
  setValue: function (value) {
8794
8838
  lastValue = value;
8795
- setValue(lastValue);
8839
+ changeValue(lastValue);
8796
8840
  },
8797
8841
  getData: function () { return lastData; },
8798
8842
  setData: function (data) {
@@ -8849,13 +8893,13 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8849
8893
  onAddValueItem,
8850
8894
  onRemoveValueItem,
8851
8895
  id,
8852
- setValue,
8853
8896
  setDisabled,
8854
8897
  setErrorErrorHelperText,
8855
8898
  data,
8856
8899
  setData,
8857
8900
  hidden,
8858
8901
  setHidden,
8902
+ changeValue,
8859
8903
  ]);
8860
8904
  /********************************************************************************************************************
8861
8905
  * Function
@@ -8903,7 +8947,7 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8903
8947
  var file_1 = target.files[0];
8904
8948
  fileSizeCheck(file_1).then(function () {
8905
8949
  onFile(file_1).then(function (url) {
8906
- setValue(url);
8950
+ changeValue(url);
8907
8951
  util.nextTick(function () {
8908
8952
  if (onValueChangeByUser)
8909
8953
  onValueChangeByUser(name, url);
@@ -8911,21 +8955,21 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8911
8955
  });
8912
8956
  });
8913
8957
  }
8914
- }, [fileSizeCheck, name, onFile, onValueChangeByUser, setValue]);
8958
+ }, [changeValue, fileSizeCheck, name, onFile, onValueChangeByUser]);
8915
8959
  var handleLinkClick = React.useCallback(function () {
8916
8960
  setIsOpenLinkDialog(true);
8917
8961
  }, []);
8918
8962
  var handleRemoveClick = React.useCallback(function () {
8919
- setValue('');
8963
+ changeValue('');
8920
8964
  util.nextTick(function () {
8921
8965
  if (onValueChangeByUser)
8922
8966
  onValueChangeByUser(name, '');
8923
8967
  });
8924
- }, [name, onValueChangeByUser, setValue]);
8968
+ }, [changeValue, name, onValueChangeByUser]);
8925
8969
  var handleLinkDialogConfirm = React.useCallback(function (url) {
8926
8970
  if (onLink) {
8927
8971
  onLink(url).then(function (finalUrl) {
8928
- setValue(finalUrl);
8972
+ changeValue(finalUrl);
8929
8973
  util.nextTick(function () {
8930
8974
  if (onValueChangeByUser)
8931
8975
  onValueChangeByUser(name, finalUrl);
@@ -8933,13 +8977,13 @@ styleInject(css_248z$1);var FormFile = React.forwardRef(function (_a, ref) {
8933
8977
  });
8934
8978
  }
8935
8979
  else {
8936
- setValue(url);
8980
+ changeValue(url);
8937
8981
  util.nextTick(function () {
8938
8982
  if (onValueChangeByUser)
8939
8983
  onValueChangeByUser(name, url);
8940
8984
  });
8941
8985
  }
8942
- }, [name, onLink, onValueChangeByUser, setValue]);
8986
+ }, [changeValue, name, onLink, onValueChangeByUser]);
8943
8987
  /********************************************************************************************************************
8944
8988
  * Render
8945
8989
  * ******************************************************************************************************************/
@@ -9195,19 +9239,51 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9195
9239
  var getFinalValue = React.useCallback(function (value) {
9196
9240
  return value || DEFAULT_VALUE$3;
9197
9241
  }, []);
9242
+ /********************************************************************************************************************
9243
+ * Function
9244
+ * ******************************************************************************************************************/
9245
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
9246
+ setError(error);
9247
+ setErrorHelperText(errorHelperText);
9248
+ }, [setError]);
9249
+ var validate = React.useCallback(function (value) {
9250
+ if (required && util.empty(value)) {
9251
+ setErrorErrorHelperText(true, '필수 선택 항목입니다.');
9252
+ return false;
9253
+ }
9254
+ if (inputDatePickerErrorRef.current) {
9255
+ setErrorErrorHelperText(true, getDateValidationErrorText(inputDatePickerErrorRef.current));
9256
+ return false;
9257
+ }
9258
+ if (onValidate) {
9259
+ var onValidateResult = onValidate(value);
9260
+ if (onValidateResult != null && onValidateResult !== true) {
9261
+ setErrorErrorHelperText(true, onValidateResult);
9262
+ return false;
9263
+ }
9264
+ }
9265
+ setErrorErrorHelperText(false, undefined);
9266
+ return true;
9267
+ }, [onValidate, required, setErrorErrorHelperText]);
9198
9268
  /********************************************************************************************************************
9199
9269
  * State - value
9200
9270
  * ******************************************************************************************************************/
9201
- var _j = reactHook.useAutoUpdateState(React.useCallback(function () {
9202
- return initValue || DEFAULT_VALUE$3;
9203
- }, [initValue])), value = _j[0], setValue = _j[1];
9271
+ var _j = React.useState(function () { return getFinalValue(initValue); }), value = _j[0], setValue = _j[1];
9272
+ var changeValue = React.useCallback(function (newValue) {
9273
+ if (!util.equal(value, newValue)) {
9274
+ setValue(newValue);
9275
+ util.nextTick(function () {
9276
+ if (error)
9277
+ validate(newValue);
9278
+ if (onChange)
9279
+ onChange(newValue);
9280
+ onValueChange(name, newValue);
9281
+ });
9282
+ }
9283
+ }, [error, name, onChange, onValueChange, validate, value]);
9204
9284
  reactHook.useFirstSkipEffect(function () {
9205
- if (error)
9206
- validate(value);
9207
- if (onChange)
9208
- onChange(value);
9209
- onValueChange(name, value);
9210
- }, [value]);
9285
+ changeValue(getFinalValue(initValue));
9286
+ }, [initValue]);
9211
9287
  /********************************************************************************************************************
9212
9288
  * Function
9213
9289
  * ******************************************************************************************************************/
@@ -9253,11 +9329,6 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9253
9329
  * Effect
9254
9330
  * ******************************************************************************************************************/
9255
9331
  React.useEffect(function () {
9256
- if (value !== initValue) {
9257
- if (onChange)
9258
- onChange(value);
9259
- onValueChange(name, value);
9260
- }
9261
9332
  if (ratingRef.current) {
9262
9333
  inputRef.current = ratingRef.current.querySelector('input') || undefined;
9263
9334
  }
@@ -9294,29 +9365,6 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9294
9365
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
9295
9366
  });
9296
9367
  }, []);
9297
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
9298
- setError(error);
9299
- setErrorHelperText(errorHelperText);
9300
- }, [setError]);
9301
- var validate = React.useCallback(function (value) {
9302
- if (required && util.empty(value)) {
9303
- setErrorErrorHelperText(true, '필수 선택 항목입니다.');
9304
- return false;
9305
- }
9306
- if (inputDatePickerErrorRef.current) {
9307
- setErrorErrorHelperText(true, getDateValidationErrorText(inputDatePickerErrorRef.current));
9308
- return false;
9309
- }
9310
- if (onValidate) {
9311
- var onValidateResult = onValidate(value);
9312
- if (onValidateResult != null && onValidateResult !== true) {
9313
- setErrorErrorHelperText(true, onValidateResult);
9314
- return false;
9315
- }
9316
- }
9317
- setErrorErrorHelperText(false, undefined);
9318
- return true;
9319
- }, [onValidate, required, setErrorErrorHelperText]);
9320
9368
  /********************************************************************************************************************
9321
9369
  * Commands
9322
9370
  * ******************************************************************************************************************/
@@ -9331,12 +9379,12 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9331
9379
  getReset: function () { return getFinalValue(initValue); },
9332
9380
  reset: function () {
9333
9381
  lastValue = getFinalValue(initValue);
9334
- setValue(lastValue);
9382
+ changeValue(lastValue);
9335
9383
  },
9336
9384
  getValue: function () { return lastValue; },
9337
9385
  setValue: function (value) {
9338
9386
  lastValue = getFinalValue(value);
9339
- setValue(lastValue);
9387
+ changeValue(lastValue);
9340
9388
  },
9341
9389
  getData: function () { return lastData; },
9342
9390
  setData: function (data) {
@@ -9350,7 +9398,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9350
9398
  : lastValue
9351
9399
  ? { year: year, month: lastValue.month }
9352
9400
  : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 });
9353
- setValue(lastValue);
9401
+ changeValue(lastValue);
9354
9402
  },
9355
9403
  getMonth: function () { return (lastValue ? lastValue.month : null); },
9356
9404
  setMonth: function (month) {
@@ -9359,7 +9407,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9359
9407
  : lastValue
9360
9408
  ? { year: lastValue.year, month: month }
9361
9409
  : { year: new Date().getFullYear(), month: month });
9362
- setValue(lastValue);
9410
+ changeValue(lastValue);
9363
9411
  },
9364
9412
  isExceptValue: function () { return !!exceptValue; },
9365
9413
  isDisabled: function () { return lastDisabled; },
@@ -9424,7 +9472,6 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9424
9472
  onAddValueItem,
9425
9473
  onRemoveValueItem,
9426
9474
  id,
9427
- setValue,
9428
9475
  setDisabled,
9429
9476
  setErrorErrorHelperText,
9430
9477
  data,
@@ -9433,6 +9480,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9433
9480
  formValueMonthNameSuffix,
9434
9481
  hidden,
9435
9482
  setHidden,
9483
+ changeValue,
9436
9484
  ]);
9437
9485
  /********************************************************************************************************************
9438
9486
  * Event Handler
@@ -9463,13 +9511,13 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9463
9511
  }
9464
9512
  }, []);
9465
9513
  var handleContainerChange = React.useCallback(function (newValue, isMonthSelect) {
9466
- setValue(newValue);
9514
+ changeValue(newValue);
9467
9515
  if (isMonthSelect)
9468
9516
  setOpen(false);
9469
9517
  util.nextTick(function () {
9470
9518
  onValueChangeByUser(name, newValue);
9471
9519
  });
9472
- }, [name, onValueChangeByUser, setValue]);
9520
+ }, [changeValue, name, onValueChangeByUser]);
9473
9521
  var handleInputDatePickerFocus = React.useCallback(function () {
9474
9522
  if (readOnly || disabled)
9475
9523
  return;
@@ -9516,7 +9564,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
9516
9564
  }, title: React.createElement("div", { style: { display: 'flex' } },
9517
9565
  React.createElement(PrivateMonthPicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
9518
9566
  React.createElement("div", null,
9519
- React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, 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(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
9567
+ React.createElement(PrivateInputDatePicker, __assign({}, inputDatePickerProps, { style: inputStyle, 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 changeValue(v ? dateToValue(v) : v); }, onFocus: handleInputDatePickerFocus, onError: function (reason) { return (inputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear })))),
9520
9568
  !formColWithHelperText && (!!helperText || (error && !!errorHelperText)) && (React.createElement(material.FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : helperText))))));
9521
9569
  });
9522
9570
  FormMonthPicker.displayName = 'FormMonthPicker';
@@ -9590,19 +9638,76 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9590
9638
  var getFinalValue = React.useCallback(function (value) {
9591
9639
  return value || DEFAULT_VALUE$2;
9592
9640
  }, []);
9641
+ /********************************************************************************************************************
9642
+ * Function
9643
+ * ******************************************************************************************************************/
9644
+ var setFromErrorErrorHelperText = React.useCallback(function (error, fromErrorHelperText) {
9645
+ setFromError(error);
9646
+ setFromErrorHelperText(fromErrorHelperText);
9647
+ }, []);
9648
+ var setToErrorErrorHelperText = React.useCallback(function (error, toErrorHelperText) {
9649
+ setToError(error);
9650
+ setToErrorHelperText(toErrorHelperText);
9651
+ }, []);
9652
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
9653
+ setError(error);
9654
+ setErrorHelperText(errorHelperText);
9655
+ }, [setError]);
9656
+ var validate = React.useCallback(function (value) {
9657
+ if (required && (value[0] == null || value[1] == null)) {
9658
+ if (value[0] == null && value[1] == null) {
9659
+ setErrorErrorHelperText(true, '필수 입력 항목입니다.');
9660
+ }
9661
+ else if (value[0] == null) {
9662
+ setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
9663
+ }
9664
+ else {
9665
+ setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
9666
+ }
9667
+ return false;
9668
+ }
9669
+ if (startInputDatePickerErrorRef.current) {
9670
+ setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
9671
+ if (endInputDatePickerErrorRef.current) {
9672
+ setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
9673
+ }
9674
+ return false;
9675
+ }
9676
+ if (endInputDatePickerErrorRef.current) {
9677
+ setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
9678
+ return false;
9679
+ }
9680
+ if (onValidate) {
9681
+ var onValidateResult = onValidate(value);
9682
+ if (onValidateResult != null && onValidateResult !== true) {
9683
+ setErrorErrorHelperText(true, onValidateResult);
9684
+ return false;
9685
+ }
9686
+ }
9687
+ setErrorErrorHelperText(false, undefined);
9688
+ setFromErrorErrorHelperText(false, undefined);
9689
+ setToErrorErrorHelperText(false, undefined);
9690
+ return true;
9691
+ }, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
9593
9692
  /********************************************************************************************************************
9594
9693
  * State - value
9595
9694
  * ******************************************************************************************************************/
9596
- var _o = reactHook.useAutoUpdateState(React.useCallback(function () {
9597
- return initValue || DEFAULT_VALUE$2;
9598
- }, [initValue])), value = _o[0], setValue = _o[1];
9695
+ var _o = React.useState(function () { return getFinalValue(initValue); }), value = _o[0], setValue = _o[1];
9696
+ var changeValue = React.useCallback(function (newValue) {
9697
+ if (!util.equal(value, newValue)) {
9698
+ setValue(newValue);
9699
+ util.nextTick(function () {
9700
+ if (error || fromError || toError)
9701
+ validate(value);
9702
+ if (onChange)
9703
+ onChange(newValue);
9704
+ onValueChange(name, newValue);
9705
+ });
9706
+ }
9707
+ }, [error, fromError, name, onChange, onValueChange, toError, validate, value]);
9599
9708
  reactHook.useFirstSkipEffect(function () {
9600
- if (error || fromError || toError)
9601
- validate(value);
9602
- if (onChange)
9603
- onChange(value);
9604
- onValueChange(name, value);
9605
- }, [value]);
9709
+ changeValue(getFinalValue(initValue));
9710
+ }, [initValue]);
9606
9711
  /********************************************************************************************************************
9607
9712
  * Function
9608
9713
  * ******************************************************************************************************************/
@@ -9650,14 +9755,6 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9650
9755
  /********************************************************************************************************************
9651
9756
  * Effect
9652
9757
  * ******************************************************************************************************************/
9653
- React.useEffect(function () {
9654
- if (value !== initValue) {
9655
- if (onChange)
9656
- onChange(value);
9657
- onValueChange(name, value);
9658
- }
9659
- // eslint-disable-next-line react-hooks/exhaustive-deps
9660
- }, []);
9661
9758
  reactHook.useFirstSkipEffect(function () {
9662
9759
  if (open) {
9663
9760
  openValueRef.current = value;
@@ -9684,54 +9781,6 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9684
9781
  var _a;
9685
9782
  (_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
9686
9783
  }, []);
9687
- var setFromErrorErrorHelperText = React.useCallback(function (error, fromErrorHelperText) {
9688
- setFromError(error);
9689
- setFromErrorHelperText(fromErrorHelperText);
9690
- }, []);
9691
- var setToErrorErrorHelperText = React.useCallback(function (error, toErrorHelperText) {
9692
- setToError(error);
9693
- setToErrorHelperText(toErrorHelperText);
9694
- }, []);
9695
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
9696
- setError(error);
9697
- setErrorHelperText(errorHelperText);
9698
- }, [setError]);
9699
- var validate = React.useCallback(function (value) {
9700
- if (required && (value[0] == null || value[1] == null)) {
9701
- if (value[0] == null && value[1] == null) {
9702
- setErrorErrorHelperText(true, '필수 입력 항목입니다.');
9703
- }
9704
- else if (value[0] == null) {
9705
- setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
9706
- }
9707
- else {
9708
- setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
9709
- }
9710
- return false;
9711
- }
9712
- if (startInputDatePickerErrorRef.current) {
9713
- setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
9714
- if (endInputDatePickerErrorRef.current) {
9715
- setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
9716
- }
9717
- return false;
9718
- }
9719
- if (endInputDatePickerErrorRef.current) {
9720
- setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
9721
- return false;
9722
- }
9723
- if (onValidate) {
9724
- var onValidateResult = onValidate(value);
9725
- if (onValidateResult != null && onValidateResult !== true) {
9726
- setErrorErrorHelperText(true, onValidateResult);
9727
- return false;
9728
- }
9729
- }
9730
- setErrorErrorHelperText(false, undefined);
9731
- setFromErrorErrorHelperText(false, undefined);
9732
- setToErrorErrorHelperText(false, undefined);
9733
- return true;
9734
- }, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
9735
9784
  /********************************************************************************************************************
9736
9785
  * Commands
9737
9786
  * ******************************************************************************************************************/
@@ -9746,12 +9795,12 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9746
9795
  getReset: function () { return getFinalValue(initValue); },
9747
9796
  reset: function () {
9748
9797
  lastValue = getFinalValue(initValue);
9749
- setValue(lastValue);
9798
+ changeValue(lastValue);
9750
9799
  },
9751
9800
  getValue: function () { return lastValue; },
9752
9801
  setValue: function (value) {
9753
9802
  lastValue = getFinalValue(value);
9754
- setValue(lastValue);
9803
+ changeValue(lastValue);
9755
9804
  },
9756
9805
  getData: function () { return lastData; },
9757
9806
  setData: function (data) {
@@ -9761,12 +9810,12 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9761
9810
  getFromValue: function () { return lastValue[0]; },
9762
9811
  setFromValue: function (value) {
9763
9812
  lastValue = [value, lastValue[1]];
9764
- setValue(lastValue);
9813
+ changeValue(lastValue);
9765
9814
  },
9766
9815
  getToValue: function () { return lastValue[1]; },
9767
9816
  setToValue: function (value) {
9768
9817
  lastValue = [lastValue[0], value];
9769
- setValue(lastValue);
9818
+ changeValue(lastValue);
9770
9819
  },
9771
9820
  getFromYear: function () { return (lastValue[0] ? lastValue[0].year : null); },
9772
9821
  setFromYear: function (year) {
@@ -9778,7 +9827,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9778
9827
  : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
9779
9828
  lastValue[1],
9780
9829
  ]);
9781
- setValue(lastValue);
9830
+ changeValue(lastValue);
9782
9831
  },
9783
9832
  getFromMonth: function () { return (lastValue[0] ? lastValue[0].month : null); },
9784
9833
  setFromMonth: function (month) {
@@ -9790,7 +9839,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9790
9839
  : { year: new Date().getFullYear(), month: month },
9791
9840
  lastValue[1],
9792
9841
  ]);
9793
- setValue(lastValue);
9842
+ changeValue(lastValue);
9794
9843
  },
9795
9844
  getToYear: function () { return (lastValue[1] ? lastValue[1].year : null); },
9796
9845
  setToYear: function (year) {
@@ -9802,7 +9851,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9802
9851
  ? { year: year, month: lastValue[1].month }
9803
9852
  : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
9804
9853
  ]);
9805
- setValue(lastValue);
9854
+ changeValue(lastValue);
9806
9855
  },
9807
9856
  getToMonth: function () { return (lastValue[1] ? lastValue[1].month : null); },
9808
9857
  setToMonth: function (month) {
@@ -9814,7 +9863,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9814
9863
  ? { year: lastValue[1].year, month: month }
9815
9864
  : { year: new Date().getFullYear(), month: month },
9816
9865
  ]);
9817
- setValue(lastValue);
9866
+ changeValue(lastValue);
9818
9867
  },
9819
9868
  isExceptValue: function () { return !!exceptValue; },
9820
9869
  isDisabled: function () { return lastDisabled; },
@@ -9891,7 +9940,6 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9891
9940
  onAddValueItem,
9892
9941
  onRemoveValueItem,
9893
9942
  id,
9894
- setValue,
9895
9943
  setDisabled,
9896
9944
  setErrorErrorHelperText,
9897
9945
  data,
@@ -9902,12 +9950,13 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9902
9950
  formValueToMonthNameSuffix,
9903
9951
  hidden,
9904
9952
  setHidden,
9953
+ changeValue,
9905
9954
  ]);
9906
9955
  /********************************************************************************************************************
9907
9956
  * Event Handler
9908
9957
  * ******************************************************************************************************************/
9909
9958
  var handleContainerChange = React.useCallback(function (newValue, selectType, isMonthSelect) {
9910
- setValue(newValue);
9959
+ changeValue(newValue);
9911
9960
  if (selectType === 'start' && isMonthSelect) {
9912
9961
  util.nextTick(function () {
9913
9962
  var _a;
@@ -9920,59 +9969,56 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
9920
9969
  util.nextTick(function () {
9921
9970
  onValueChangeByUser(name, newValue);
9922
9971
  });
9923
- }, [name, onValueChangeByUser, setValue]);
9972
+ }, [changeValue, name, onValueChangeByUser]);
9924
9973
  var handleInputDatePickerChange = React.useCallback(function (selectType, date) {
9925
9974
  if (date == null || date.isValid()) {
9926
9975
  if (selectType === 'start') {
9927
- setValue(function (old) {
9928
- var newValue = [date ? dateToValue(date) : null, old[1]];
9929
- if (newValue[0] !== null &&
9930
- valueToYm(newValue[0]) >= minAvailableYm &&
9931
- valueToYm(newValue[0]) <= maxAvailableYm) {
9932
- if (newValue[1] !== null && newValue[1] < newValue[0]) {
9933
- newValue[1] = newValue[0];
9934
- }
9935
- }
9936
- if (fromError) {
9937
- validate(newValue);
9976
+ var newValue_1 = [date ? dateToValue(date) : null, value[1]];
9977
+ if (newValue_1[0] !== null &&
9978
+ valueToYm(newValue_1[0]) >= minAvailableYm &&
9979
+ valueToYm(newValue_1[0]) <= maxAvailableYm) {
9980
+ if (newValue_1[1] !== null && newValue_1[1] < newValue_1[0]) {
9981
+ newValue_1[1] = newValue_1[0];
9938
9982
  }
9939
- util.nextTick(function () {
9940
- onValueChangeByUser(name, newValue);
9941
- });
9942
- return newValue;
9983
+ }
9984
+ if (fromError) {
9985
+ validate(newValue_1);
9986
+ }
9987
+ util.nextTick(function () {
9988
+ onValueChangeByUser(name, newValue_1);
9943
9989
  });
9990
+ changeValue(newValue_1);
9944
9991
  }
9945
9992
  else {
9946
- setValue(function (old) {
9947
- var newValue = [old[0], date ? dateToValue(date) : null];
9948
- if (newValue[1] !== null &&
9949
- valueToYm(newValue[1]) >= minAvailableYm &&
9950
- valueToYm(newValue[1]) <= maxAvailableYm) {
9951
- if (newValue[0] !== null && newValue[0] > newValue[1]) {
9952
- newValue[0] = newValue[1];
9953
- }
9993
+ var newValue_2 = [value[0], date ? dateToValue(date) : null];
9994
+ if (newValue_2[1] !== null &&
9995
+ valueToYm(newValue_2[1]) >= minAvailableYm &&
9996
+ valueToYm(newValue_2[1]) <= maxAvailableYm) {
9997
+ if (newValue_2[0] !== null && newValue_2[0] > newValue_2[1]) {
9998
+ newValue_2[0] = newValue_2[1];
9954
9999
  }
9955
- if (toError) {
9956
- validate(newValue);
9957
- }
9958
- util.nextTick(function () {
9959
- onValueChangeByUser(name, newValue);
9960
- });
9961
- return newValue;
10000
+ }
10001
+ if (toError) {
10002
+ validate(newValue_2);
10003
+ }
10004
+ util.nextTick(function () {
10005
+ onValueChangeByUser(name, newValue_2);
9962
10006
  });
10007
+ changeValue(newValue_2);
9963
10008
  }
9964
10009
  }
9965
10010
  }, [
9966
10011
  dateToValue,
9967
- toError,
9968
- maxAvailableYm,
10012
+ value,
10013
+ valueToYm,
9969
10014
  minAvailableYm,
9970
- name,
9971
- onValueChangeByUser,
9972
- setValue,
10015
+ maxAvailableYm,
9973
10016
  fromError,
10017
+ changeValue,
9974
10018
  validate,
9975
- valueToYm,
10019
+ onValueChangeByUser,
10020
+ name,
10021
+ toError,
9976
10022
  ]);
9977
10023
  var handleInputDatePickerFocus = React.useCallback(function (selectType) {
9978
10024
  var _a;
@@ -10096,26 +10142,55 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10096
10142
  var getFinalValue = React.useCallback(function (value) {
10097
10143
  return value || DEFAULT_VALUE$1;
10098
10144
  }, []);
10099
- /********************************************************************************************************************
10100
- * State - value
10101
- * ******************************************************************************************************************/
10102
- var _j = reactHook.useAutoUpdateState(React.useCallback(function () {
10103
- return initValue || DEFAULT_VALUE$1;
10104
- }, [initValue])), value = _j[0], setValue = _j[1];
10105
- reactHook.useFirstSkipEffect(function () {
10106
- if (error)
10107
- validate(value);
10108
- if (onChange)
10109
- onChange(value);
10110
- onValueChange(name, value);
10111
- }, [value]);
10112
- /********************************************************************************************************************
10113
- * Function
10114
- * ******************************************************************************************************************/
10115
- var valueToDate = React.useCallback(function (v) { return dayjs("".concat(v, "-01-01")); }, []);
10116
- var dateToValue = React.useCallback(function (v) { return v.year(); }, []);
10117
- /********************************************************************************************************************
10118
- * Memo
10145
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
10146
+ setError(error);
10147
+ setErrorHelperText(errorHelperText);
10148
+ }, [setError]);
10149
+ var validate = React.useCallback(function (value) {
10150
+ if (required && util.empty(value)) {
10151
+ setErrorErrorHelperText(true, '필수 선택 항목입니다.');
10152
+ return false;
10153
+ }
10154
+ if (inputDatePickerErrorRef.current) {
10155
+ setErrorErrorHelperText(true, getDateValidationErrorText(inputDatePickerErrorRef.current));
10156
+ return false;
10157
+ }
10158
+ if (onValidate) {
10159
+ var onValidateResult = onValidate(value);
10160
+ if (onValidateResult != null && onValidateResult !== true) {
10161
+ setErrorErrorHelperText(true, onValidateResult);
10162
+ return false;
10163
+ }
10164
+ }
10165
+ setErrorErrorHelperText(false, undefined);
10166
+ return true;
10167
+ }, [onValidate, required, setErrorErrorHelperText]);
10168
+ /********************************************************************************************************************
10169
+ * State - value
10170
+ * ******************************************************************************************************************/
10171
+ var _j = React.useState(function () { return getFinalValue(initValue); }), value = _j[0], setValue = _j[1];
10172
+ var changeValue = React.useCallback(function (newValue) {
10173
+ if (!util.equal(value, newValue)) {
10174
+ setValue(newValue);
10175
+ util.nextTick(function () {
10176
+ if (error)
10177
+ validate(newValue);
10178
+ if (onChange)
10179
+ onChange(newValue);
10180
+ onValueChange(name, newValue);
10181
+ });
10182
+ }
10183
+ }, [error, name, onChange, onValueChange, validate, value]);
10184
+ reactHook.useFirstSkipEffect(function () {
10185
+ changeValue(getFinalValue(initValue));
10186
+ }, [initValue]);
10187
+ /********************************************************************************************************************
10188
+ * Function
10189
+ * ******************************************************************************************************************/
10190
+ var valueToDate = React.useCallback(function (v) { return dayjs("".concat(v, "-01-01")); }, []);
10191
+ var dateToValue = React.useCallback(function (v) { return v.year(); }, []);
10192
+ /********************************************************************************************************************
10193
+ * Memo
10119
10194
  * ******************************************************************************************************************/
10120
10195
  var nowYear = React.useMemo(function () { return new Date().getFullYear(); }, []);
10121
10196
  var valueDate = React.useMemo(function () { return (value ? valueToDate(value) : null); }, [value, valueToDate]);
@@ -10129,11 +10204,6 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10129
10204
  * Effect
10130
10205
  * ******************************************************************************************************************/
10131
10206
  React.useEffect(function () {
10132
- if (value !== initValue) {
10133
- if (onChange)
10134
- onChange(value);
10135
- onValueChange(name, value);
10136
- }
10137
10207
  if (ratingRef.current) {
10138
10208
  inputRef.current = ratingRef.current.querySelector('input') || undefined;
10139
10209
  }
@@ -10169,29 +10239,6 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10169
10239
  (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
10170
10240
  });
10171
10241
  }, []);
10172
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
10173
- setError(error);
10174
- setErrorHelperText(errorHelperText);
10175
- }, [setError]);
10176
- var validate = React.useCallback(function (value) {
10177
- if (required && util.empty(value)) {
10178
- setErrorErrorHelperText(true, '필수 선택 항목입니다.');
10179
- return false;
10180
- }
10181
- if (inputDatePickerErrorRef.current) {
10182
- setErrorErrorHelperText(true, getDateValidationErrorText(inputDatePickerErrorRef.current));
10183
- return false;
10184
- }
10185
- if (onValidate) {
10186
- var onValidateResult = onValidate(value);
10187
- if (onValidateResult != null && onValidateResult !== true) {
10188
- setErrorErrorHelperText(true, onValidateResult);
10189
- return false;
10190
- }
10191
- }
10192
- setErrorErrorHelperText(false, undefined);
10193
- return true;
10194
- }, [onValidate, required, setErrorErrorHelperText]);
10195
10242
  /********************************************************************************************************************
10196
10243
  * Commands
10197
10244
  * ******************************************************************************************************************/
@@ -10206,12 +10253,12 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10206
10253
  getReset: function () { return getFinalValue(initValue); },
10207
10254
  reset: function () {
10208
10255
  lastValue = getFinalValue(initValue);
10209
- setValue(lastValue);
10256
+ changeValue(lastValue);
10210
10257
  },
10211
10258
  getValue: function () { return lastValue; },
10212
10259
  setValue: function (value) {
10213
10260
  lastValue = getFinalValue(value);
10214
- setValue(lastValue);
10261
+ changeValue(lastValue);
10215
10262
  },
10216
10263
  getData: function () { return lastData; },
10217
10264
  setData: function (data) {
@@ -10269,13 +10316,13 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10269
10316
  onAddValueItem,
10270
10317
  onRemoveValueItem,
10271
10318
  id,
10272
- setValue,
10273
10319
  setDisabled,
10274
10320
  setErrorErrorHelperText,
10275
10321
  data,
10276
10322
  setData,
10277
10323
  hidden,
10278
10324
  setHidden,
10325
+ changeValue,
10279
10326
  ]);
10280
10327
  /********************************************************************************************************************
10281
10328
  * Event Handler
@@ -10306,20 +10353,20 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
10306
10353
  }
10307
10354
  }, []);
10308
10355
  var handleContainerChange = React.useCallback(function (newValue, isClick) {
10309
- setValue(newValue);
10356
+ changeValue(newValue);
10310
10357
  if (isClick)
10311
10358
  setOpen(false);
10312
10359
  util.nextTick(function () {
10313
10360
  onValueChangeByUser(name, newValue);
10314
10361
  });
10315
- }, [name, onValueChangeByUser, setValue]);
10362
+ }, [changeValue, name, onValueChangeByUser]);
10316
10363
  var handleInputDatePickerChange = React.useCallback(function (v) {
10317
10364
  var newValue = v ? dateToValue(v) : v;
10318
- setValue(newValue);
10365
+ changeValue(newValue);
10319
10366
  util.nextTick(function () {
10320
10367
  onValueChangeByUser(name, newValue);
10321
10368
  });
10322
- }, [dateToValue, name, onValueChangeByUser, setValue]);
10369
+ }, [changeValue, dateToValue, name, onValueChangeByUser]);
10323
10370
  var handleInputDatePickerFocus = React.useCallback(function () {
10324
10371
  if (readOnly || disabled)
10325
10372
  return;
@@ -10432,19 +10479,76 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10432
10479
  var getFinalValue = React.useCallback(function (value) {
10433
10480
  return value || DEFAULT_VALUE;
10434
10481
  }, []);
10482
+ /********************************************************************************************************************
10483
+ * Function
10484
+ * ******************************************************************************************************************/
10485
+ var setFromErrorErrorHelperText = React.useCallback(function (error, fromErrorHelperText) {
10486
+ setFromError(error);
10487
+ setFromErrorHelperText(fromErrorHelperText);
10488
+ }, []);
10489
+ var setToErrorErrorHelperText = React.useCallback(function (error, toErrorHelperText) {
10490
+ setToError(error);
10491
+ setToErrorHelperText(toErrorHelperText);
10492
+ }, []);
10493
+ var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
10494
+ setError(error);
10495
+ setErrorHelperText(errorHelperText);
10496
+ }, [setError]);
10497
+ var validate = React.useCallback(function (value) {
10498
+ if (required && (value[0] == null || value[1] == null)) {
10499
+ if (value[0] == null && value[1] == null) {
10500
+ setErrorErrorHelperText(true, '필수 입력 항목입니다.');
10501
+ }
10502
+ else if (value[0] == null) {
10503
+ setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
10504
+ }
10505
+ else {
10506
+ setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
10507
+ }
10508
+ return false;
10509
+ }
10510
+ if (startInputDatePickerErrorRef.current) {
10511
+ setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
10512
+ if (endInputDatePickerErrorRef.current) {
10513
+ setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
10514
+ }
10515
+ return false;
10516
+ }
10517
+ if (endInputDatePickerErrorRef.current) {
10518
+ setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
10519
+ return false;
10520
+ }
10521
+ if (onValidate) {
10522
+ var onValidateResult = onValidate(value);
10523
+ if (onValidateResult != null && onValidateResult !== true) {
10524
+ setErrorErrorHelperText(true, onValidateResult);
10525
+ return false;
10526
+ }
10527
+ }
10528
+ setErrorErrorHelperText(false, undefined);
10529
+ setFromErrorErrorHelperText(false, undefined);
10530
+ setToErrorErrorHelperText(false, undefined);
10531
+ return true;
10532
+ }, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
10435
10533
  /********************************************************************************************************************
10436
10534
  * State - value
10437
10535
  * ******************************************************************************************************************/
10438
- var _p = reactHook.useAutoUpdateState(React.useCallback(function () {
10439
- return initValue || DEFAULT_VALUE;
10440
- }, [initValue])), value = _p[0], setValue = _p[1];
10536
+ var _p = React.useState(function () { return getFinalValue(initValue); }), value = _p[0], setValue = _p[1];
10537
+ var changeValue = React.useCallback(function (newValue) {
10538
+ if (!util.equal(value, newValue)) {
10539
+ setValue(newValue);
10540
+ util.nextTick(function () {
10541
+ if (error || fromError || toError)
10542
+ validate(value);
10543
+ if (onChange)
10544
+ onChange(newValue);
10545
+ onValueChange(name, newValue);
10546
+ });
10547
+ }
10548
+ }, [error, fromError, name, onChange, onValueChange, toError, validate, value]);
10441
10549
  reactHook.useFirstSkipEffect(function () {
10442
- if (error || fromError || toError)
10443
- validate(value);
10444
- if (onChange)
10445
- onChange(value);
10446
- onValueChange(name, value);
10447
- }, [value]);
10550
+ changeValue(getFinalValue(initValue));
10551
+ }, [initValue]);
10448
10552
  /********************************************************************************************************************
10449
10553
  * Function
10450
10554
  * ******************************************************************************************************************/
@@ -10469,14 +10573,6 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10469
10573
  /********************************************************************************************************************
10470
10574
  * Effect
10471
10575
  * ******************************************************************************************************************/
10472
- React.useEffect(function () {
10473
- if (value !== initValue) {
10474
- if (onChange)
10475
- onChange(value);
10476
- onValueChange(name, value);
10477
- }
10478
- // eslint-disable-next-line react-hooks/exhaustive-deps
10479
- }, []);
10480
10576
  reactHook.useFirstSkipEffect(function () {
10481
10577
  if (open) {
10482
10578
  openValueRef.current = value;
@@ -10503,54 +10599,6 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10503
10599
  var _a;
10504
10600
  (_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
10505
10601
  }, []);
10506
- var setFromErrorErrorHelperText = React.useCallback(function (error, fromErrorHelperText) {
10507
- setFromError(error);
10508
- setFromErrorHelperText(fromErrorHelperText);
10509
- }, []);
10510
- var setToErrorErrorHelperText = React.useCallback(function (error, toErrorHelperText) {
10511
- setToError(error);
10512
- setToErrorHelperText(toErrorHelperText);
10513
- }, []);
10514
- var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
10515
- setError(error);
10516
- setErrorHelperText(errorHelperText);
10517
- }, [setError]);
10518
- var validate = React.useCallback(function (value) {
10519
- if (required && (value[0] == null || value[1] == null)) {
10520
- if (value[0] == null && value[1] == null) {
10521
- setErrorErrorHelperText(true, '필수 입력 항목입니다.');
10522
- }
10523
- else if (value[0] == null) {
10524
- setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
10525
- }
10526
- else {
10527
- setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
10528
- }
10529
- return false;
10530
- }
10531
- if (startInputDatePickerErrorRef.current) {
10532
- setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
10533
- if (endInputDatePickerErrorRef.current) {
10534
- setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
10535
- }
10536
- return false;
10537
- }
10538
- if (endInputDatePickerErrorRef.current) {
10539
- setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
10540
- return false;
10541
- }
10542
- if (onValidate) {
10543
- var onValidateResult = onValidate(value);
10544
- if (onValidateResult != null && onValidateResult !== true) {
10545
- setErrorErrorHelperText(true, onValidateResult);
10546
- return false;
10547
- }
10548
- }
10549
- setErrorErrorHelperText(false, undefined);
10550
- setFromErrorErrorHelperText(false, undefined);
10551
- setToErrorErrorHelperText(false, undefined);
10552
- return true;
10553
- }, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
10554
10602
  /********************************************************************************************************************
10555
10603
  * Commands
10556
10604
  * ******************************************************************************************************************/
@@ -10565,12 +10613,12 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10565
10613
  getReset: function () { return getFinalValue(initValue); },
10566
10614
  reset: function () {
10567
10615
  lastValue = getFinalValue(initValue);
10568
- setValue(lastValue);
10616
+ changeValue(lastValue);
10569
10617
  },
10570
10618
  getValue: function () { return lastValue; },
10571
10619
  setValue: function (value) {
10572
10620
  lastValue = getFinalValue(value);
10573
- setValue(lastValue);
10621
+ changeValue(lastValue);
10574
10622
  },
10575
10623
  getData: function () { return lastData; },
10576
10624
  setData: function (data) {
@@ -10580,12 +10628,12 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10580
10628
  getFromValue: function () { return lastValue[0]; },
10581
10629
  setFromValue: function (value) {
10582
10630
  lastValue = [value, lastValue[1]];
10583
- setValue(lastValue);
10631
+ changeValue(lastValue);
10584
10632
  },
10585
10633
  getToValue: function () { return lastValue[1]; },
10586
10634
  setToValue: function (value) {
10587
10635
  lastValue = [lastValue[0], value];
10588
- setValue(lastValue);
10636
+ changeValue(lastValue);
10589
10637
  },
10590
10638
  isExceptValue: function () { return !!exceptValue; },
10591
10639
  isDisabled: function () { return lastDisabled; },
@@ -10648,7 +10696,6 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10648
10696
  onAddValueItem,
10649
10697
  onRemoveValueItem,
10650
10698
  id,
10651
- setValue,
10652
10699
  setDisabled,
10653
10700
  setErrorErrorHelperText,
10654
10701
  data,
@@ -10657,12 +10704,13 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10657
10704
  formValueToNameSuffix,
10658
10705
  hidden,
10659
10706
  setHidden,
10707
+ changeValue,
10660
10708
  ]);
10661
10709
  /********************************************************************************************************************
10662
10710
  * Event Handler
10663
10711
  * ******************************************************************************************************************/
10664
10712
  var handleContainerChange = React.useCallback(function (newValue, selectType) {
10665
- setValue(newValue);
10713
+ changeValue(newValue);
10666
10714
  if (selectType === 'start') {
10667
10715
  util.nextTick(function () {
10668
10716
  var _a;
@@ -10676,45 +10724,41 @@ var FormYearRangePicker = React.forwardRef(function (_a, ref) {
10676
10724
  util.nextTick(function () {
10677
10725
  onValueChangeByUser(name, newValue);
10678
10726
  });
10679
- }, [name, onValueChangeByUser, setValue]);
10727
+ }, [changeValue, name, onValueChangeByUser]);
10680
10728
  var handleInputDatePickerChange = React.useCallback(function (selectType, date) {
10681
10729
  if (date == null || date.isValid()) {
10682
10730
  if (selectType === 'start') {
10683
- setValue(function (old) {
10684
- var newValue = [date ? dateToValue(date) : null, old[1]];
10685
- if (newValue[0] !== null && newValue[0] >= minYear && newValue[0] <= maxYear) {
10686
- if (newValue[1] !== null && newValue[1] < newValue[0]) {
10687
- newValue[1] = newValue[0];
10688
- }
10731
+ var newValue_1 = [date ? dateToValue(date) : null, value[1]];
10732
+ if (newValue_1[0] !== null && newValue_1[0] >= minYear && newValue_1[0] <= maxYear) {
10733
+ if (newValue_1[1] !== null && newValue_1[1] < newValue_1[0]) {
10734
+ newValue_1[1] = newValue_1[0];
10689
10735
  }
10690
- if (fromError) {
10691
- validate(newValue);
10692
- }
10693
- util.nextTick(function () {
10694
- onValueChangeByUser(name, newValue);
10695
- });
10696
- return newValue;
10736
+ }
10737
+ if (fromError) {
10738
+ validate(newValue_1);
10739
+ }
10740
+ util.nextTick(function () {
10741
+ onValueChangeByUser(name, newValue_1);
10697
10742
  });
10743
+ changeValue(newValue_1);
10698
10744
  }
10699
10745
  else {
10700
- setValue(function (old) {
10701
- var newValue = [old[0], date ? dateToValue(date) : null];
10702
- if (newValue[1] !== null && newValue[1] >= minYear && newValue[1] <= maxYear) {
10703
- if (newValue[0] !== null && newValue[0] > newValue[1]) {
10704
- newValue[0] = newValue[1];
10705
- }
10746
+ var newValue_2 = [value[0], date ? dateToValue(date) : null];
10747
+ if (newValue_2[1] !== null && newValue_2[1] >= minYear && newValue_2[1] <= maxYear) {
10748
+ if (newValue_2[0] !== null && newValue_2[0] > newValue_2[1]) {
10749
+ newValue_2[0] = newValue_2[1];
10706
10750
  }
10707
- if (toError) {
10708
- validate(newValue);
10709
- }
10710
- util.nextTick(function () {
10711
- onValueChangeByUser(name, newValue);
10712
- });
10713
- return newValue;
10751
+ }
10752
+ if (toError) {
10753
+ validate(newValue_2);
10754
+ }
10755
+ util.nextTick(function () {
10756
+ onValueChangeByUser(name, newValue_2);
10714
10757
  });
10758
+ changeValue(newValue_2);
10715
10759
  }
10716
10760
  }
10717
- }, [dateToValue, toError, maxYear, minYear, name, onValueChangeByUser, setValue, fromError, validate]);
10761
+ }, [dateToValue, value, minYear, maxYear, fromError, changeValue, validate, onValueChangeByUser, name, toError]);
10718
10762
  var handleInputDatePickerFocus = React.useCallback(function (selectType) {
10719
10763
  var _a;
10720
10764
  if (readOnly || disabled)
@@ -10826,39 +10870,9 @@ FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var FormSwitc
10826
10870
  var getFinalValue = React.useCallback(function (value) {
10827
10871
  return onValue ? onValue(value) : value;
10828
10872
  }, [onValue]);
10829
- /********************************************************************************************************************
10830
- * State - value
10831
- * ******************************************************************************************************************/
10832
- var _j = reactHook.useAutoUpdateState(initValue || false, getFinalValue), value = _j[0], setValue = _j[1];
10833
- reactHook.useFirstSkipEffect(function () {
10834
- if (error)
10835
- validate(value);
10836
- if (onChange)
10837
- onChange(value);
10838
- onValueChange(name, value);
10839
- }, [value]);
10840
- /********************************************************************************************************************
10841
- * Effect
10842
- * ******************************************************************************************************************/
10843
- React.useEffect(function () {
10844
- if (value !== initValue) {
10845
- if (onChange)
10846
- onChange(value);
10847
- onValueChange(name, value);
10848
- }
10849
- // eslint-disable-next-line react-hooks/exhaustive-deps
10850
- }, []);
10851
10873
  /********************************************************************************************************************
10852
10874
  * Function
10853
10875
  * ******************************************************************************************************************/
10854
- var focus = React.useCallback(function () {
10855
- var _a;
10856
- (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
10857
- setTimeout(function () {
10858
- var _a;
10859
- (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
10860
- });
10861
- }, []);
10862
10876
  var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
10863
10877
  setError(error);
10864
10878
  setErrorHelperText(errorHelperText);
@@ -10874,6 +10888,36 @@ FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var FormSwitc
10874
10888
  setErrorErrorHelperText(false, undefined);
10875
10889
  return true;
10876
10890
  }, [onValidate, setErrorErrorHelperText]);
10891
+ /********************************************************************************************************************
10892
+ * State - value
10893
+ * ******************************************************************************************************************/
10894
+ var _j = React.useState(function () { return getFinalValue(initValue || false); }), value = _j[0], setValue = _j[1];
10895
+ var changeValue = React.useCallback(function (newValue) {
10896
+ if (!util.equal(value, newValue)) {
10897
+ setValue(newValue);
10898
+ util.nextTick(function () {
10899
+ if (error)
10900
+ validate(newValue);
10901
+ if (onChange)
10902
+ onChange(newValue);
10903
+ onValueChange(name, newValue);
10904
+ });
10905
+ }
10906
+ }, [error, name, onChange, onValueChange, validate, value]);
10907
+ reactHook.useFirstSkipEffect(function () {
10908
+ changeValue(getFinalValue(initValue || false));
10909
+ }, [initValue]);
10910
+ /********************************************************************************************************************
10911
+ * Function
10912
+ * ******************************************************************************************************************/
10913
+ var focus = React.useCallback(function () {
10914
+ var _a;
10915
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
10916
+ setTimeout(function () {
10917
+ var _a;
10918
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
10919
+ });
10920
+ }, []);
10877
10921
  /********************************************************************************************************************
10878
10922
  * Commands
10879
10923
  * ******************************************************************************************************************/
@@ -10888,12 +10932,12 @@ FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var FormSwitc
10888
10932
  getReset: function () { return getFinalValue(initValue || false); },
10889
10933
  reset: function () {
10890
10934
  lastValue = getFinalValue(initValue || false);
10891
- setValue(lastValue);
10935
+ changeValue(lastValue);
10892
10936
  },
10893
10937
  getValue: function () { return lastValue; },
10894
10938
  setValue: function (value) {
10895
10939
  lastValue = getFinalValue(value);
10896
- setValue(lastValue);
10940
+ changeValue(lastValue);
10897
10941
  },
10898
10942
  getData: function () { return lastData; },
10899
10943
  setData: function (data) {
@@ -10951,13 +10995,13 @@ FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var FormSwitc
10951
10995
  onAddValueItem,
10952
10996
  onRemoveValueItem,
10953
10997
  id,
10954
- setValue,
10955
10998
  setDisabled,
10956
10999
  setErrorErrorHelperText,
10957
11000
  data,
10958
11001
  setData,
10959
11002
  hidden,
10960
11003
  setHidden,
11004
+ changeValue,
10961
11005
  ]);
10962
11006
  /********************************************************************************************************************
10963
11007
  * Event Handler
@@ -10968,13 +11012,13 @@ FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var FormSwitc
10968
11012
  }
10969
11013
  else {
10970
11014
  var finalValue_1 = getFinalValue(checked);
10971
- setValue(finalValue_1);
11015
+ changeValue(finalValue_1);
10972
11016
  util.nextTick(function () {
10973
11017
  onValueChangeByUser(name, finalValue_1);
10974
11018
  onRequestSearchSubmit(name, finalValue_1);
10975
11019
  });
10976
11020
  }
10977
- }, [readOnly, getFinalValue, setValue, onValueChangeByUser, name, onRequestSearchSubmit]);
11021
+ }, [readOnly, getFinalValue, changeValue, onValueChangeByUser, name, onRequestSearchSubmit]);
10978
11022
  /********************************************************************************************************************
10979
11023
  * Render
10980
11024
  * ******************************************************************************************************************/