@pdg/react-form 1.0.163 → 1.0.165
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.
- package/dist/index.esm.js +52 -222
- package/dist/index.js +274 -444
- package/package.json +6 -2
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React,{createContext,useContext,useRef,useCallback,useMemo,useLayoutEffect,useEffect,useState,useId}from'react';import classNames from'classnames';import {Box,styled,useTheme,InputLabel,Grid,Collapse,FormHelperText,InputAdornment,IconButton,TextField,Chip,Autocomplete,Icon,CircularProgress,MenuItem,Checkbox,FormControl,Input,OutlinedInput,FilledInput,FormControlLabel,Typography,RadioGroup,Radio,ToggleButton,ToggleButtonGroup,Rating,Skeleton,darken,Button,Tooltip,tooltipClasses,ClickAwayListener,Dialog,DialogTitle,DialogContent,DialogActions,Switch,Paper,Menu}from'@mui/material';import dayjs from'dayjs';import {useAutoUpdateLayoutRef,useAutoUpdateState,useAutoUpdateRefState,useForceUpdate,useAutoUpdateRef,useFirstSkipEffect}from'@pdg/react-hook';import {PdgButton,PdgIcon,PdgIconText}from'@pdg/react-component';import {useResizeDetector}from'react-resize-detector';import {NumericFormat}from'react-number-format';import {CheckBoxOutlineBlank,CheckBox,RadioButtonChecked,RadioButtonUnchecked}from'@mui/icons-material';import {Editor}from'@tinymce/tinymce-react';import {PickersDay,StaticDatePicker,LocalizationProvider,DesktopDatePicker,StaticDateTimePicker,DesktopDateTimePicker}from'@mui/x-date-pickers';import SimpleBar from'simplebar-react';function insertStyle(css) {
|
|
1
|
+
import React,{createContext,useContext,useRef,useCallback,useMemo,useLayoutEffect,useEffect,useState,useId}from'react';import classNames from'classnames';import {Box,styled,useTheme,InputLabel,Grid,Collapse,FormHelperText,InputAdornment,IconButton,TextField,Chip,Autocomplete,Icon,CircularProgress,MenuItem,Checkbox,FormControl,Input,OutlinedInput,FilledInput,FormControlLabel,Typography,RadioGroup,Radio,ToggleButton,ToggleButtonGroup,Rating,Skeleton,darken,Button,Tooltip,tooltipClasses,ClickAwayListener,Dialog,DialogTitle,DialogContent,DialogActions,Switch,Paper,Menu}from'@mui/material';import {empty,ifUndefined,notEmpty,equal}from'@pdg/compare';import dayjs from'dayjs';import {useAutoUpdateLayoutRef,useAutoUpdateState,useAutoUpdateRefState,useForceUpdate,useAutoUpdateRef,useFirstSkipEffect}from'@pdg/react-hook';import {PdgButton,PdgIcon,PdgIconText}from'@pdg/react-component';import {useResizeDetector}from'react-resize-detector';import {formatTelNo,formatBusinessNo,formatPersonalNo}from'@pdg/formatting';import {NumericFormat}from'react-number-format';import {CheckBoxOutlineBlank,CheckBox,RadioButtonChecked,RadioButtonUnchecked}from'@mui/icons-material';import {Editor}from'@tinymce/tinymce-react';import {PickersDay,StaticDatePicker,LocalizationProvider,DesktopDatePicker,StaticDateTimePicker,DesktopDateTimePicker}from'@mui/x-date-pickers';import SimpleBar from'simplebar-react';function insertStyle(css) {
|
|
2
2
|
if (!css || typeof window === 'undefined')
|
|
3
3
|
return;
|
|
4
4
|
const style = document.createElement('style');
|
|
@@ -63,179 +63,7 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
63
63
|
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
64
64
|
var e = new Error(message);
|
|
65
65
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
66
|
-
};
|
|
67
|
-
if (allowCharacters === void 0) { allowCharacters = '*'; }
|
|
68
|
-
var str = businessNo.replace(new RegExp("[^0-9".concat(allowCharacters, "]"), 'g'), '');
|
|
69
|
-
var values = [str.slice(0, 3)];
|
|
70
|
-
if (str.length > 3)
|
|
71
|
-
values.push(str.slice(3, 5));
|
|
72
|
-
if (str.length > 5)
|
|
73
|
-
values.push(str.slice(5));
|
|
74
|
-
return values.join('-');
|
|
75
|
-
}/********************************************************************************************************************
|
|
76
|
-
* 값이 비어있는지 확인하는 함수
|
|
77
|
-
* - Array 값이 비어있거나, Object 값이 비어있거나, 문자열이 비어있거나, null 또는 undefined 인 경우 true 반환
|
|
78
|
-
* @param v 확인할 값
|
|
79
|
-
* @returns 값이 비어있는지 여부
|
|
80
|
-
* ******************************************************************************************************************/
|
|
81
|
-
function empty(v) {
|
|
82
|
-
var result = false;
|
|
83
|
-
if (v == null) {
|
|
84
|
-
result = true;
|
|
85
|
-
}
|
|
86
|
-
else if (typeof v === 'string') {
|
|
87
|
-
result = v === '';
|
|
88
|
-
}
|
|
89
|
-
else if (typeof v === 'object') {
|
|
90
|
-
if (Array.isArray(v)) {
|
|
91
|
-
result = v.length === 0;
|
|
92
|
-
}
|
|
93
|
-
else if (!(v instanceof Date)) {
|
|
94
|
-
result = Object.entries(v).length === 0;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
return result;
|
|
98
|
-
}/********************************************************************************************************************
|
|
99
|
-
* 값이 비어있지 않은지 확인합니다.
|
|
100
|
-
* - Array 값이 비어있지 않거나, Object 값이 비어있지 않거나, 문자열이 비어있지 않거나, null 또는 undefined 가 아닌 경우 true 반환
|
|
101
|
-
* @param v 확인할 값
|
|
102
|
-
* @returns 값이 비어있는지 여부
|
|
103
|
-
* ******************************************************************************************************************/
|
|
104
|
-
function notEmpty(v) {
|
|
105
|
-
return !empty(v);
|
|
106
|
-
}/********************************************************************************************************************
|
|
107
|
-
* 두 값이 동일한지 확인하는 함수
|
|
108
|
-
* @param v1 비교할 첫 번째 값
|
|
109
|
-
* @param v2 비교할 두 번째 값
|
|
110
|
-
* @returns 두 값이 동일한지 여부
|
|
111
|
-
* ******************************************************************************************************************/
|
|
112
|
-
function equal(v1, v2) {
|
|
113
|
-
if (v1 === v2)
|
|
114
|
-
return true;
|
|
115
|
-
if (typeof v1 !== typeof v2)
|
|
116
|
-
return false;
|
|
117
|
-
if (v1 == null || v2 == null)
|
|
118
|
-
return false;
|
|
119
|
-
if (typeof v1 === 'object' && typeof v2 === 'object') {
|
|
120
|
-
return JSON.stringify(v1) === JSON.stringify(v2);
|
|
121
|
-
}
|
|
122
|
-
else {
|
|
123
|
-
return v1 === v2;
|
|
124
|
-
}
|
|
125
|
-
}/********************************************************************************************************************
|
|
126
|
-
* 배열에 특정 값이 포함되어 있는지 여부를 반환하는 함수
|
|
127
|
-
* @param list 확인할 배열 또는 문자열
|
|
128
|
-
* @param value 확인할 값
|
|
129
|
-
* @returns 포함 여부
|
|
130
|
-
* ******************************************************************************************************************/
|
|
131
|
-
function ifUndefined(v, v2) {
|
|
132
|
-
return v === undefined ? v2 : v;
|
|
133
|
-
}/********************************************************************************************************************
|
|
134
|
-
* 값이 undefined 이 아닌 경우 대체 값을 반환하는 함수
|
|
135
|
-
* @param v 확인할 값
|
|
136
|
-
* @param v2 대체 값
|
|
137
|
-
* @returns 최종 값
|
|
138
|
-
* ******************************************************************************************************************/
|
|
139
|
-
|
|
140
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
141
|
-
var e = new Error(message);
|
|
142
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
143
|
-
};/********************************************************************************************************************
|
|
144
|
-
* {label, value, ...other} 객체 생성하여 반환하는 함수
|
|
145
|
-
* @param label - label
|
|
146
|
-
* @param value - value
|
|
147
|
-
* @param other - 기타 속성
|
|
148
|
-
* @returns 생성된 객체
|
|
149
|
-
* ******************************************************************************************************************/
|
|
150
|
-
function nextTick(callback, delay) {
|
|
151
|
-
return setTimeout(callback, delay === undefined ? 1 : delay);
|
|
152
|
-
}/********************************************************************************************************************
|
|
153
|
-
* UUID 생성하는 함수
|
|
154
|
-
* @param removeDash 하이픈 제거 여부
|
|
155
|
-
* @returns UUID
|
|
156
|
-
* ******************************************************************************************************************/
|
|
157
|
-
function telNoAutoDash(v, allowCharacters) {
|
|
158
|
-
if (allowCharacters === void 0) { allowCharacters = '*'; }
|
|
159
|
-
if (v === undefined)
|
|
160
|
-
return undefined;
|
|
161
|
-
if (v === null)
|
|
162
|
-
return null;
|
|
163
|
-
var str = v.replace(new RegExp("[^0-9".concat(allowCharacters, "]"), 'g'), '');
|
|
164
|
-
var isLastDash = v.substring(v.length - 1, v.length) === '-';
|
|
165
|
-
if (str.substring(0, 1) !== '0' && !['15', '16', '18'].includes(str.substring(0, 2))) {
|
|
166
|
-
return str;
|
|
167
|
-
}
|
|
168
|
-
var tmp = '';
|
|
169
|
-
var preLen;
|
|
170
|
-
switch (str.substring(0, 2)) {
|
|
171
|
-
case '02':
|
|
172
|
-
preLen = 2;
|
|
173
|
-
break;
|
|
174
|
-
case '15':
|
|
175
|
-
case '16':
|
|
176
|
-
case '18':
|
|
177
|
-
preLen = 4;
|
|
178
|
-
break;
|
|
179
|
-
default:
|
|
180
|
-
preLen = 3;
|
|
181
|
-
}
|
|
182
|
-
if (['15', '16', '18'].includes(str.substring(0, 2))) {
|
|
183
|
-
if (str.length <= preLen) {
|
|
184
|
-
tmp = str;
|
|
185
|
-
}
|
|
186
|
-
else if (str.length <= preLen + 4) {
|
|
187
|
-
tmp += str.substring(0, preLen);
|
|
188
|
-
tmp += '-';
|
|
189
|
-
tmp += str.substring(preLen);
|
|
190
|
-
}
|
|
191
|
-
else {
|
|
192
|
-
tmp = str;
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
else if (str.length <= preLen) {
|
|
196
|
-
tmp = str;
|
|
197
|
-
}
|
|
198
|
-
else if (str.length <= preLen + 3) {
|
|
199
|
-
tmp += str.substring(0, preLen);
|
|
200
|
-
tmp += '-';
|
|
201
|
-
tmp += str.substring(preLen);
|
|
202
|
-
}
|
|
203
|
-
else if (str.length <= preLen + 7) {
|
|
204
|
-
tmp += str.substring(0, preLen);
|
|
205
|
-
tmp += '-';
|
|
206
|
-
tmp += str.substring(preLen, preLen + 3);
|
|
207
|
-
tmp += '-';
|
|
208
|
-
tmp += str.substring(preLen + 3);
|
|
209
|
-
}
|
|
210
|
-
else if (str.length <= preLen + 8) {
|
|
211
|
-
tmp += str.substring(0, preLen);
|
|
212
|
-
tmp += '-';
|
|
213
|
-
tmp += str.substring(preLen, preLen + 4);
|
|
214
|
-
tmp += '-';
|
|
215
|
-
tmp += str.substring(preLen + 4);
|
|
216
|
-
}
|
|
217
|
-
else {
|
|
218
|
-
tmp = str;
|
|
219
|
-
}
|
|
220
|
-
if (isLastDash) {
|
|
221
|
-
if (str.length === preLen) {
|
|
222
|
-
tmp += '-';
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
return tmp;
|
|
226
|
-
}/********************************************************************************************************************
|
|
227
|
-
* 전화번호 마스킹
|
|
228
|
-
* ******************************************************************************************************************/
|
|
229
|
-
function personalNoAutoDash(personalNo, allowCharacters) {
|
|
230
|
-
if (allowCharacters === void 0) { allowCharacters = '*'; }
|
|
231
|
-
var str = personalNo.replace(new RegExp("[^0-9".concat(allowCharacters, "]"), 'g'), '');
|
|
232
|
-
var values = [str.slice(0, 6)];
|
|
233
|
-
if (str.length > 6)
|
|
234
|
-
values.push(str.slice(6));
|
|
235
|
-
return values.join('-');
|
|
236
|
-
}/********************************************************************************************************************
|
|
237
|
-
* 주민등록번호 마스킹
|
|
238
|
-
* ******************************************************************************************************************/var FormContextDefaultValue = {
|
|
66
|
+
};var FormContextDefaultValue = {
|
|
239
67
|
id: 'init',
|
|
240
68
|
variant: 'outlined',
|
|
241
69
|
size: 'medium',
|
|
@@ -447,7 +275,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
447
275
|
}
|
|
448
276
|
else {
|
|
449
277
|
onInvalidRef.current && onInvalidRef.current(invalidItems);
|
|
450
|
-
|
|
278
|
+
setTimeout(function () {
|
|
451
279
|
var _a;
|
|
452
280
|
(_a = valueItems.current[firstInvalidItemId]) === null || _a === void 0 ? void 0 : _a.focusValidate();
|
|
453
281
|
});
|
|
@@ -1384,7 +1212,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1384
1212
|
var handleChange = useCallback(function (e) {
|
|
1385
1213
|
var finalValue = updateValue(e.target.value);
|
|
1386
1214
|
if (!noFormValueItem) {
|
|
1387
|
-
|
|
1215
|
+
setTimeout(function () {
|
|
1388
1216
|
onValueChangeByUser(name, finalValue);
|
|
1389
1217
|
if (select) {
|
|
1390
1218
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -1470,7 +1298,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1470
1298
|
var finalValue = updateValue('');
|
|
1471
1299
|
focus();
|
|
1472
1300
|
if (!noFormValueItem) {
|
|
1473
|
-
|
|
1301
|
+
setTimeout(function () {
|
|
1474
1302
|
onValueChangeByUser(name, finalValue);
|
|
1475
1303
|
onRequestSearchSubmit(name, finalValue);
|
|
1476
1304
|
});
|
|
@@ -1552,7 +1380,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1552
1380
|
onAppendTag(valueRef.current);
|
|
1553
1381
|
valueRef.current = ' ';
|
|
1554
1382
|
forceUpdate();
|
|
1555
|
-
|
|
1383
|
+
setTimeout(function () {
|
|
1556
1384
|
valueRef.current = '';
|
|
1557
1385
|
forceUpdate();
|
|
1558
1386
|
});
|
|
@@ -1698,7 +1526,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1698
1526
|
return;
|
|
1699
1527
|
valueSet.add(finalTag);
|
|
1700
1528
|
var finalValue_1 = updateValue(valueSet);
|
|
1701
|
-
|
|
1529
|
+
setTimeout(function () {
|
|
1702
1530
|
onValueChangeByUser(name, finalValue_1);
|
|
1703
1531
|
onRequestSearchSubmit(name, finalValue_1);
|
|
1704
1532
|
});
|
|
@@ -1710,7 +1538,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1710
1538
|
return;
|
|
1711
1539
|
valueSet.delete(tag);
|
|
1712
1540
|
var finalValue_2 = updateValue(valueSet);
|
|
1713
|
-
|
|
1541
|
+
setTimeout(function () {
|
|
1714
1542
|
onValueChangeByUser(name, finalValue_2);
|
|
1715
1543
|
onRequestSearchSubmit(name, finalValue_2);
|
|
1716
1544
|
});
|
|
@@ -1826,7 +1654,7 @@ var templateObject_1$c;var FormTel = React.forwardRef(function (_a, ref) {
|
|
|
1826
1654
|
* ******************************************************************************************************************/
|
|
1827
1655
|
var className = _a.className, onValue = _a.onValue, _b = _a.validPattern, validPattern = _b === void 0 ? /(^([0-9]{2,3})([0-9]{3,4})([0-9]{4})$)|(^([0-9]{2,3})-([0-9]{3,4})-([0-9]{4})$)|(^([0-9]{4})-([0-9]{4})$)|(^\+(?:[-]?[0-9]){8,}$)/ : _b, props = __rest(_a, ["className", "onValue", "validPattern"]);
|
|
1828
1656
|
var handleValue = useCallback(function (value) {
|
|
1829
|
-
var newValue =
|
|
1657
|
+
var newValue = formatTelNo(value.replace(/[^0-9]/gi, ''));
|
|
1830
1658
|
return onValue ? onValue(newValue) : newValue;
|
|
1831
1659
|
}, [onValue]);
|
|
1832
1660
|
/********************************************************************************************************************
|
|
@@ -2568,7 +2396,7 @@ FormSelect.displayName = 'FormSelect';var FormBusinessNo = React.forwardRef(func
|
|
|
2568
2396
|
* ******************************************************************************************************************/
|
|
2569
2397
|
var className = _a.className, _b = _a.validPattern, validPattern = _b === void 0 ? /(([0-9]{3})([0-9]{2})([0-9]{5}))|(([0-9]{3})-([0-9]{2})-([0-9]{5}))/ : _b, onValue = _a.onValue, props = __rest(_a, ["className", "validPattern", "onValue"]);
|
|
2570
2398
|
var handleValue = useCallback(function (value) {
|
|
2571
|
-
var newValue =
|
|
2399
|
+
var newValue = formatBusinessNo(value.replace(/[^0-9]/gi, ''));
|
|
2572
2400
|
return onValue ? onValue(newValue) : newValue;
|
|
2573
2401
|
}, [onValue]);
|
|
2574
2402
|
/********************************************************************************************************************
|
|
@@ -2582,7 +2410,7 @@ FormBusinessNo.displayName = 'FormBusinessNo';var FormPersonalNo = React.forward
|
|
|
2582
2410
|
* ******************************************************************************************************************/
|
|
2583
2411
|
var className = _a.className, skipPersonalNumberValidateCheck = _a.skipPersonalNumberValidateCheck, _b = _a.validPattern, validPattern = _b === void 0 ? /(([0-9]{6})([0-9]{7}))|(([0-9]{6})-([0-9]{7}))/ : _b, onValue = _a.onValue, onValidate = _a.onValidate, props = __rest(_a, ["className", "skipPersonalNumberValidateCheck", "validPattern", "onValue", "onValidate"]);
|
|
2584
2412
|
var handleValue = useCallback(function (value) {
|
|
2585
|
-
var newValue =
|
|
2413
|
+
var newValue = formatPersonalNo(value.replace(/[^0-9]/gi, ''));
|
|
2586
2414
|
return onValue ? onValue(newValue) : newValue;
|
|
2587
2415
|
}, [onValue]);
|
|
2588
2416
|
var handleValidate = useCallback(function (value) {
|
|
@@ -2924,7 +2752,7 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React.forwardRef(fu
|
|
|
2924
2752
|
}
|
|
2925
2753
|
else {
|
|
2926
2754
|
updateChecked(checked);
|
|
2927
|
-
|
|
2755
|
+
setTimeout(function () {
|
|
2928
2756
|
onValueChangeByUser(name, checked);
|
|
2929
2757
|
onRequestSearchSubmit(name, checked);
|
|
2930
2758
|
});
|
|
@@ -3219,7 +3047,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
3219
3047
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3220
3048
|
if (value !== finalValue_1) {
|
|
3221
3049
|
updateValue(finalValue_1, true);
|
|
3222
|
-
|
|
3050
|
+
setTimeout(function () {
|
|
3223
3051
|
onValueChangeByUser(name, finalValue_1);
|
|
3224
3052
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3225
3053
|
});
|
|
@@ -3637,7 +3465,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3637
3465
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3638
3466
|
if (!equal(valueRef.current, finalValue_1)) {
|
|
3639
3467
|
updateValue(finalValue_1, true);
|
|
3640
|
-
|
|
3468
|
+
setTimeout(function () {
|
|
3641
3469
|
onValueChangeByUser(name, finalValue_1);
|
|
3642
3470
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3643
3471
|
});
|
|
@@ -3953,7 +3781,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3953
3781
|
}
|
|
3954
3782
|
else {
|
|
3955
3783
|
var finalValue_1 = updateValue(value);
|
|
3956
|
-
|
|
3784
|
+
setTimeout(function () {
|
|
3957
3785
|
onValueChangeByUser(name, finalValue_1);
|
|
3958
3786
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3959
3787
|
});
|
|
@@ -4129,7 +3957,7 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
4129
3957
|
var handleEditorChange = useCallback(function (value) {
|
|
4130
3958
|
updateValue(value);
|
|
4131
3959
|
if (new Date().getTime() - keyDownTime.current < 300) {
|
|
4132
|
-
|
|
3960
|
+
setTimeout(function () {
|
|
4133
3961
|
if (onValueChangeByUser)
|
|
4134
3962
|
onValueChangeByUser(name, value);
|
|
4135
3963
|
});
|
|
@@ -4616,7 +4444,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4616
4444
|
if (!equal(valueRef.current, finalValue)) {
|
|
4617
4445
|
updateValue(finalValue, true);
|
|
4618
4446
|
setValueItem(componentValue);
|
|
4619
|
-
|
|
4447
|
+
setTimeout(function () {
|
|
4620
4448
|
onValueChangeByUser(name, finalValue);
|
|
4621
4449
|
onRequestSearchSubmit(name, finalValue);
|
|
4622
4450
|
});
|
|
@@ -4671,14 +4499,16 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4671
4499
|
else if (reason === 'reset') {
|
|
4672
4500
|
setInputValue(undefined);
|
|
4673
4501
|
}
|
|
4674
|
-
}, renderValue:
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4502
|
+
}, renderValue: multiple
|
|
4503
|
+
? function (value, getItemProps) {
|
|
4504
|
+
if (Array.isArray(value)) {
|
|
4505
|
+
return value.map(function (option, index) { return (React.createElement(Chip, __assign({ size: 'small', style: variant === 'outlined' && size === 'small' ? { marginTop: 2, marginBottom: 0 } : undefined, label: onRenderTag ? onRenderTag(option) : option.label }, getItemProps({ index: index })))); });
|
|
4506
|
+
}
|
|
4507
|
+
else {
|
|
4508
|
+
return (React.createElement(Chip, __assign({ size: 'small', style: variant === 'outlined' && size === 'small' ? { marginTop: 2, marginBottom: 0 } : undefined, label: onRenderTag ? onRenderTag(value) : value.label }, getItemProps({ index: 0 }))));
|
|
4509
|
+
}
|
|
4680
4510
|
}
|
|
4681
|
-
|
|
4511
|
+
: undefined, renderInput: function (params) {
|
|
4682
4512
|
var _a;
|
|
4683
4513
|
var slotProps = {
|
|
4684
4514
|
input: __assign(__assign({}, params.InputProps), { style: {
|
|
@@ -6141,7 +5971,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6141
5971
|
setOpen(false);
|
|
6142
5972
|
}
|
|
6143
5973
|
updateValue(finalValue);
|
|
6144
|
-
|
|
5974
|
+
setTimeout(function () {
|
|
6145
5975
|
onValueChangeByUser(name, finalValue);
|
|
6146
5976
|
if (runOnRequestSearchSubmit_1) {
|
|
6147
5977
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -6769,7 +6599,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6769
6599
|
setOpen(false);
|
|
6770
6600
|
}
|
|
6771
6601
|
updateValue(finalValue);
|
|
6772
|
-
|
|
6602
|
+
setTimeout(function () {
|
|
6773
6603
|
onValueChangeByUser(name, finalValue);
|
|
6774
6604
|
if (runOnRequestSearchSubmit_1) {
|
|
6775
6605
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -8238,7 +8068,7 @@ var FormDateRangePickerTooltipPickerContainer = React.forwardRef(function (_a, r
|
|
|
8238
8068
|
* ******************************************************************************************************************/
|
|
8239
8069
|
useEffect(function () {
|
|
8240
8070
|
if (yearSelectOpen) {
|
|
8241
|
-
|
|
8071
|
+
setTimeout(function () {
|
|
8242
8072
|
var _a, _b, _c;
|
|
8243
8073
|
var wrapRect = (_a = yearSelectRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
8244
8074
|
var activeRect = (_b = activeYearBtnRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
|
|
@@ -8284,7 +8114,7 @@ var FormDateRangePickerTooltipPickerContainer = React.forwardRef(function (_a, r
|
|
|
8284
8114
|
if (yearSelectOpen) {
|
|
8285
8115
|
setYearSelectOpen(false);
|
|
8286
8116
|
if (index !== yearMonthSelectIndex) {
|
|
8287
|
-
|
|
8117
|
+
setTimeout(function () {
|
|
8288
8118
|
setYearMonthSelectIndex(index);
|
|
8289
8119
|
setYearSelectOpen(true);
|
|
8290
8120
|
setMonthSelectOpen(false);
|
|
@@ -8724,7 +8554,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8724
8554
|
if ((_a = value[1]) === null || _a === void 0 ? void 0 : _a.isBefore(newValue)) {
|
|
8725
8555
|
finalValue = [newValue, null];
|
|
8726
8556
|
if (!fromInput) {
|
|
8727
|
-
|
|
8557
|
+
setTimeout(function () {
|
|
8728
8558
|
var _a;
|
|
8729
8559
|
(_a = endDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8730
8560
|
});
|
|
@@ -8737,7 +8567,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8737
8567
|
setOpen(false);
|
|
8738
8568
|
}
|
|
8739
8569
|
else {
|
|
8740
|
-
|
|
8570
|
+
setTimeout(function () {
|
|
8741
8571
|
var _a;
|
|
8742
8572
|
(_a = endDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8743
8573
|
});
|
|
@@ -8765,13 +8595,13 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8765
8595
|
if (value[0]) {
|
|
8766
8596
|
setOpen(false);
|
|
8767
8597
|
if (fromInput && !open) {
|
|
8768
|
-
|
|
8598
|
+
setTimeout(function () {
|
|
8769
8599
|
onRequestSearchSubmit(name, finalValue);
|
|
8770
8600
|
});
|
|
8771
8601
|
}
|
|
8772
8602
|
}
|
|
8773
8603
|
else {
|
|
8774
|
-
|
|
8604
|
+
setTimeout(function () {
|
|
8775
8605
|
var _a;
|
|
8776
8606
|
(_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8777
8607
|
});
|
|
@@ -8781,7 +8611,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8781
8611
|
break;
|
|
8782
8612
|
}
|
|
8783
8613
|
updateValue(finalValue);
|
|
8784
|
-
|
|
8614
|
+
setTimeout(function () {
|
|
8785
8615
|
onValueChangeByUser(name, finalValue);
|
|
8786
8616
|
});
|
|
8787
8617
|
}, [
|
|
@@ -9077,7 +8907,7 @@ FormDateRangePicker.displayName = 'FormDateRangePicker';var LinkDialog = functio
|
|
|
9077
8907
|
ref.focus();
|
|
9078
8908
|
}
|
|
9079
8909
|
inputRef.current = ref;
|
|
9080
|
-
}, name: 'form-file-link-url', label: '\uB9C1\uD06C URL', value: value, required: true, style: { marginTop: 15 }, onChange: setValue }))),
|
|
8910
|
+
}, name: 'form-file-link-url', label: '\uB9C1\uD06C URL', value: value, required: true, fullWidth: true, style: { marginTop: 15 }, onChange: setValue }))),
|
|
9081
8911
|
React.createElement(DialogActions, null,
|
|
9082
8912
|
React.createElement(Button, { variant: 'text', onClick: handleCancel }, "\uCDE8\uC18C"),
|
|
9083
8913
|
React.createElement(Button, { variant: 'text', onClick: handleSubmit }, "\uD655\uC778"))));
|
|
@@ -9302,7 +9132,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9302
9132
|
fileSizeCheck(file_1).then(function () {
|
|
9303
9133
|
onFile(file_1).then(function (url) {
|
|
9304
9134
|
updateValue(url);
|
|
9305
|
-
|
|
9135
|
+
setTimeout(function () {
|
|
9306
9136
|
if (onValueChangeByUser)
|
|
9307
9137
|
onValueChangeByUser(name, url);
|
|
9308
9138
|
});
|
|
@@ -9315,7 +9145,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9315
9145
|
}, []);
|
|
9316
9146
|
var handleRemoveClick = useCallback(function () {
|
|
9317
9147
|
updateValue('');
|
|
9318
|
-
|
|
9148
|
+
setTimeout(function () {
|
|
9319
9149
|
if (onValueChangeByUser)
|
|
9320
9150
|
onValueChangeByUser(name, '');
|
|
9321
9151
|
});
|
|
@@ -9324,7 +9154,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9324
9154
|
if (onLink) {
|
|
9325
9155
|
onLink(url).then(function (finalUrl) {
|
|
9326
9156
|
updateValue(finalUrl);
|
|
9327
|
-
|
|
9157
|
+
setTimeout(function () {
|
|
9328
9158
|
if (onValueChangeByUser)
|
|
9329
9159
|
onValueChangeByUser(name, finalUrl);
|
|
9330
9160
|
});
|
|
@@ -9332,7 +9162,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9332
9162
|
}
|
|
9333
9163
|
else {
|
|
9334
9164
|
updateValue(url);
|
|
9335
|
-
|
|
9165
|
+
setTimeout(function () {
|
|
9336
9166
|
if (onValueChangeByUser)
|
|
9337
9167
|
onValueChangeByUser(name, url);
|
|
9338
9168
|
});
|
|
@@ -9821,7 +9651,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9821
9651
|
updateValue(newValue);
|
|
9822
9652
|
if (isMonthSelect)
|
|
9823
9653
|
setOpen(false);
|
|
9824
|
-
|
|
9654
|
+
setTimeout(function () {
|
|
9825
9655
|
onValueChangeByUser(name, newValue);
|
|
9826
9656
|
});
|
|
9827
9657
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -10203,7 +10033,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10203
10033
|
var handleContainerChange = useCallback(function (newValue, selectType, isMonthSelect) {
|
|
10204
10034
|
updateValue(newValue);
|
|
10205
10035
|
if (selectType === 'start' && isMonthSelect) {
|
|
10206
|
-
|
|
10036
|
+
setTimeout(function () {
|
|
10207
10037
|
var _a;
|
|
10208
10038
|
(_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10209
10039
|
});
|
|
@@ -10211,7 +10041,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10211
10041
|
else if (selectType === 'end' && isMonthSelect) {
|
|
10212
10042
|
setOpen(false);
|
|
10213
10043
|
}
|
|
10214
|
-
|
|
10044
|
+
setTimeout(function () {
|
|
10215
10045
|
onValueChangeByUser(name, newValue);
|
|
10216
10046
|
});
|
|
10217
10047
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -10229,7 +10059,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10229
10059
|
if (fromError) {
|
|
10230
10060
|
validate(newValue_1);
|
|
10231
10061
|
}
|
|
10232
|
-
|
|
10062
|
+
setTimeout(function () {
|
|
10233
10063
|
onValueChangeByUser(name, newValue_1);
|
|
10234
10064
|
});
|
|
10235
10065
|
updateValue(newValue_1);
|
|
@@ -10246,7 +10076,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10246
10076
|
if (toError) {
|
|
10247
10077
|
validate(newValue_2);
|
|
10248
10078
|
}
|
|
10249
|
-
|
|
10079
|
+
setTimeout(function () {
|
|
10250
10080
|
onValueChangeByUser(name, newValue_2);
|
|
10251
10081
|
});
|
|
10252
10082
|
updateValue(newValue_2);
|
|
@@ -10554,14 +10384,14 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10554
10384
|
updateValue(newValue);
|
|
10555
10385
|
if (isClick)
|
|
10556
10386
|
setOpen(false);
|
|
10557
|
-
|
|
10387
|
+
setTimeout(function () {
|
|
10558
10388
|
onValueChangeByUser(name, newValue);
|
|
10559
10389
|
});
|
|
10560
10390
|
}, [name, onValueChangeByUser, updateValue]);
|
|
10561
10391
|
var handleInputDatePickerChange = useCallback(function (v) {
|
|
10562
10392
|
var newValue = v ? dateToValue$1(v) : v;
|
|
10563
10393
|
updateValue(newValue);
|
|
10564
|
-
|
|
10394
|
+
setTimeout(function () {
|
|
10565
10395
|
onValueChangeByUser(name, newValue);
|
|
10566
10396
|
});
|
|
10567
10397
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -10843,7 +10673,7 @@ var getFinalValue = function (value) {
|
|
|
10843
10673
|
var handleContainerChange = useCallback(function (newValue, selectType) {
|
|
10844
10674
|
updateValue(newValue);
|
|
10845
10675
|
if (selectType === 'start') {
|
|
10846
|
-
|
|
10676
|
+
setTimeout(function () {
|
|
10847
10677
|
var _a;
|
|
10848
10678
|
setSelectType('end');
|
|
10849
10679
|
(_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -10852,7 +10682,7 @@ var getFinalValue = function (value) {
|
|
|
10852
10682
|
else if (selectType === 'end') {
|
|
10853
10683
|
setOpen(false);
|
|
10854
10684
|
}
|
|
10855
|
-
|
|
10685
|
+
setTimeout(function () {
|
|
10856
10686
|
onValueChangeByUser(name, newValue);
|
|
10857
10687
|
});
|
|
10858
10688
|
}, [updateValue, name, onValueChangeByUser]);
|
|
@@ -10868,7 +10698,7 @@ var getFinalValue = function (value) {
|
|
|
10868
10698
|
if (fromError) {
|
|
10869
10699
|
validate(newValue_1);
|
|
10870
10700
|
}
|
|
10871
|
-
|
|
10701
|
+
setTimeout(function () {
|
|
10872
10702
|
onValueChangeByUser(name, newValue_1);
|
|
10873
10703
|
});
|
|
10874
10704
|
updateValue(newValue_1);
|
|
@@ -10883,7 +10713,7 @@ var getFinalValue = function (value) {
|
|
|
10883
10713
|
if (toError) {
|
|
10884
10714
|
validate(newValue_2);
|
|
10885
10715
|
}
|
|
10886
|
-
|
|
10716
|
+
setTimeout(function () {
|
|
10887
10717
|
onValueChangeByUser(name, newValue_2);
|
|
10888
10718
|
});
|
|
10889
10719
|
updateValue(newValue_2);
|
|
@@ -11126,7 +10956,7 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
|
|
|
11126
10956
|
}
|
|
11127
10957
|
else {
|
|
11128
10958
|
var finalValue_1 = updateValue(checked);
|
|
11129
|
-
|
|
10959
|
+
setTimeout(function () {
|
|
11130
10960
|
onValueChangeByUser(name, finalValue_1);
|
|
11131
10961
|
onRequestSearchSubmit(name, finalValue_1);
|
|
11132
10962
|
});
|