@pdg/react-form 1.0.164 → 1.0.166
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 +51 -221
- package/dist/index.js +273 -443
- package/package.json +6 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var React=require('react'),classNames=require('classnames'),material=require('@mui/material'),dayjs=require('dayjs'),reactHook=require('@pdg/react-hook'),reactComponent=require('@pdg/react-component'),reactResizeDetector=require('react-resize-detector'),reactNumberFormat=require('react-number-format'),iconsMaterial=require('@mui/icons-material'),tinymceReact=require('@tinymce/tinymce-react'),xDatePickers=require('@mui/x-date-pickers'),SimpleBar=require('simplebar-react');function insertStyle(css) {
|
|
1
|
+
'use strict';var React=require('react'),classNames=require('classnames'),material=require('@mui/material'),compare=require('@pdg/compare'),dayjs=require('dayjs'),reactHook=require('@pdg/react-hook'),reactComponent=require('@pdg/react-component'),reactResizeDetector=require('react-resize-detector'),formatting=require('@pdg/formatting'),reactNumberFormat=require('react-number-format'),iconsMaterial=require('@mui/icons-material'),tinymceReact=require('@tinymce/tinymce-react'),xDatePickers=require('@mui/x-date-pickers'),SimpleBar=require('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',
|
|
@@ -319,7 +147,7 @@ var getItemFormValue = function (commands, reset) {
|
|
|
319
147
|
}
|
|
320
148
|
break;
|
|
321
149
|
default:
|
|
322
|
-
if (empty(value)) {
|
|
150
|
+
if (compare.empty(value)) {
|
|
323
151
|
value = '';
|
|
324
152
|
}
|
|
325
153
|
else if (Array.isArray(value)) {
|
|
@@ -395,17 +223,17 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
395
223
|
/********************************************************************************************************************
|
|
396
224
|
* Memo - FormState
|
|
397
225
|
* ******************************************************************************************************************/
|
|
398
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
399
|
-
var size = ifUndefined(initSize, formSize);
|
|
400
|
-
var color = ifUndefined(initColor, formColor);
|
|
401
|
-
var spacing = ifUndefined(initSpacing, formSpacing);
|
|
402
|
-
var formColGap = ifUndefined(initFormColGap, formFormColGap);
|
|
403
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
404
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
405
|
-
var fullWidth = ifUndefined(ifUndefined(initFullWidth, formFullWidth), true);
|
|
406
|
-
var fullHeight = ifUndefined(ifUndefined(initFullHeight, formFullHeight), false);
|
|
407
|
-
var disabled = ifUndefined(ifUndefined(initDisabled, formDisabled), false);
|
|
408
|
-
var submitWhenReturnKey = ifUndefined(ifUndefined(initSubmitWhenReturnKey, formSubmitWhenReturnKey), false);
|
|
226
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
227
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
228
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
229
|
+
var spacing = compare.ifUndefined(initSpacing, formSpacing);
|
|
230
|
+
var formColGap = compare.ifUndefined(initFormColGap, formFormColGap);
|
|
231
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
232
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
233
|
+
var fullWidth = compare.ifUndefined(compare.ifUndefined(initFullWidth, formFullWidth), true);
|
|
234
|
+
var fullHeight = compare.ifUndefined(compare.ifUndefined(initFullHeight, formFullHeight), false);
|
|
235
|
+
var disabled = compare.ifUndefined(compare.ifUndefined(initDisabled, formDisabled), false);
|
|
236
|
+
var submitWhenReturnKey = compare.ifUndefined(compare.ifUndefined(initSubmitWhenReturnKey, formSubmitWhenReturnKey), false);
|
|
409
237
|
/********************************************************************************************************************
|
|
410
238
|
* Ref
|
|
411
239
|
* ******************************************************************************************************************/
|
|
@@ -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
|
});
|
|
@@ -488,7 +316,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
488
316
|
case 'FormYearRangePicker': {
|
|
489
317
|
var commands_1 = valueItem;
|
|
490
318
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
491
|
-
if (notEmpty(subKey)) {
|
|
319
|
+
if (compare.notEmpty(subKey)) {
|
|
492
320
|
if (subKey === commands_1.getFormValueFromNameSuffix()) {
|
|
493
321
|
return value[0];
|
|
494
322
|
}
|
|
@@ -506,7 +334,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
506
334
|
case 'FormMonthPicker': {
|
|
507
335
|
var commands_2 = valueItem;
|
|
508
336
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
509
|
-
if (notEmpty(subKey)) {
|
|
337
|
+
if (compare.notEmpty(subKey)) {
|
|
510
338
|
if (subKey === commands_2.getFormValueYearNameSuffix()) {
|
|
511
339
|
return value.year;
|
|
512
340
|
}
|
|
@@ -524,7 +352,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
524
352
|
case 'FormMonthRangePicker': {
|
|
525
353
|
var commands_3 = valueItem;
|
|
526
354
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
527
|
-
if (notEmpty(subKey)) {
|
|
355
|
+
if (compare.notEmpty(subKey)) {
|
|
528
356
|
if (subKey === commands_3.getFormValueFromYearNameSuffix()) {
|
|
529
357
|
return value[0].year;
|
|
530
358
|
}
|
|
@@ -800,9 +628,9 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
800
628
|
/********************************************************************************************************************
|
|
801
629
|
* FormState
|
|
802
630
|
* ******************************************************************************************************************/
|
|
803
|
-
var size = ifUndefined(initSize, formSize);
|
|
804
|
-
var color = ifUndefined(initColor, formColor);
|
|
805
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
631
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
632
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
633
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
806
634
|
/********************************************************************************************************************
|
|
807
635
|
* Render
|
|
808
636
|
* ******************************************************************************************************************/
|
|
@@ -932,13 +760,13 @@ var templateObject_1$h;var FormBlock = React.forwardRef(function (_a, ref) {
|
|
|
932
760
|
/********************************************************************************************************************
|
|
933
761
|
* Memo - FormState
|
|
934
762
|
* ******************************************************************************************************************/
|
|
935
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
936
|
-
var size = ifUndefined(initSize, formSize);
|
|
937
|
-
var color = ifUndefined(initColor, formColor);
|
|
938
|
-
var spacing = ifUndefined(initSpacing, formSpacing);
|
|
939
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
940
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
941
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
763
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
764
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
765
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
766
|
+
var spacing = compare.ifUndefined(initSpacing, formSpacing);
|
|
767
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
768
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
769
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
942
770
|
/********************************************************************************************************************
|
|
943
771
|
* State
|
|
944
772
|
* ******************************************************************************************************************/
|
|
@@ -997,13 +825,13 @@ var templateObject_1$g;var FormRow = React.forwardRef(function (_a, ref) {
|
|
|
997
825
|
/********************************************************************************************************************
|
|
998
826
|
* Value
|
|
999
827
|
* ******************************************************************************************************************/
|
|
1000
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
1001
|
-
var size = ifUndefined(initSize, formSize);
|
|
1002
|
-
var color = ifUndefined(initColor, formColor);
|
|
1003
|
-
var spacing = ifUndefined(initSpacing, formSpacing);
|
|
1004
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
1005
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
1006
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
828
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
829
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
830
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
831
|
+
var spacing = compare.ifUndefined(initSpacing, formSpacing);
|
|
832
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
833
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
834
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
1007
835
|
/********************************************************************************************************************
|
|
1008
836
|
* State
|
|
1009
837
|
* ******************************************************************************************************************/
|
|
@@ -1079,14 +907,14 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
1079
907
|
/********************************************************************************************************************
|
|
1080
908
|
* Variable - FormState
|
|
1081
909
|
* ******************************************************************************************************************/
|
|
1082
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
1083
|
-
var size = ifUndefined(initSize, formSize);
|
|
1084
|
-
var color = ifUndefined(initColor, formColor);
|
|
1085
|
-
var spacing = ifUndefined(initSpacing, formSpacing);
|
|
1086
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
1087
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
1088
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
1089
|
-
var formColGap = ifUndefined(initGap, formFormColGap);
|
|
910
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
911
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
912
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
913
|
+
var spacing = compare.ifUndefined(initSpacing, formSpacing);
|
|
914
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
915
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
916
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
917
|
+
var formColGap = compare.ifUndefined(initGap, formFormColGap);
|
|
1090
918
|
/********************************************************************************************************************
|
|
1091
919
|
* Memo
|
|
1092
920
|
* ******************************************************************************************************************/
|
|
@@ -1104,7 +932,7 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
1104
932
|
* ResizeDetector
|
|
1105
933
|
* ******************************************************************************************************************/
|
|
1106
934
|
var _c = reactResizeDetector.useResizeDetector({ handleHeight: false }), gridRef = _c.ref, resizedFormColWidth = _c.width;
|
|
1107
|
-
var formColWidth = ifUndefined(resizedFormColWidth, 0);
|
|
935
|
+
var formColWidth = compare.ifUndefined(resizedFormColWidth, 0);
|
|
1108
936
|
/********************************************************************************************************************
|
|
1109
937
|
* LayoutEffect
|
|
1110
938
|
* ******************************************************************************************************************/
|
|
@@ -1158,7 +986,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1158
986
|
* ResizeDetector
|
|
1159
987
|
* ******************************************************************************************************************/
|
|
1160
988
|
var _c = reactResizeDetector.useResizeDetector({ handleWidth: false }), containerRef = _c.ref, resizedHeight = _c.height;
|
|
1161
|
-
var height = ifUndefined(resizedHeight, 0);
|
|
989
|
+
var height = compare.ifUndefined(resizedHeight, 0);
|
|
1162
990
|
/********************************************************************************************************************
|
|
1163
991
|
* Style
|
|
1164
992
|
* ******************************************************************************************************************/
|
|
@@ -1221,13 +1049,13 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1221
1049
|
/********************************************************************************************************************
|
|
1222
1050
|
* Memo - FormState
|
|
1223
1051
|
* ******************************************************************************************************************/
|
|
1224
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
1225
|
-
var size = ifUndefined(initSize, formSize);
|
|
1226
|
-
var color = ifUndefined(initColor, formColor);
|
|
1227
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
1228
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
1229
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
1230
|
-
var submitWhenReturnKey = ifUndefined(initSubmitWhenReturnKey, formSubmitWhenReturnKey);
|
|
1052
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
1053
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
1054
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
1055
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
1056
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
1057
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
1058
|
+
var submitWhenReturnKey = compare.ifUndefined(initSubmitWhenReturnKey, formSubmitWhenReturnKey);
|
|
1231
1059
|
/********************************************************************************************************************
|
|
1232
1060
|
* State
|
|
1233
1061
|
* ******************************************************************************************************************/
|
|
@@ -1247,17 +1075,17 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1247
1075
|
* Function - validate
|
|
1248
1076
|
* ******************************************************************************************************************/
|
|
1249
1077
|
var validate = React.useCallback(function (value) {
|
|
1250
|
-
if (required && empty(value)) {
|
|
1078
|
+
if (required && compare.empty(value)) {
|
|
1251
1079
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
1252
1080
|
return false;
|
|
1253
1081
|
}
|
|
1254
|
-
if (notEmpty(value) && validPattern) {
|
|
1082
|
+
if (compare.notEmpty(value) && validPattern) {
|
|
1255
1083
|
if (!new RegExp(validPattern).test(value)) {
|
|
1256
1084
|
setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
1257
1085
|
return false;
|
|
1258
1086
|
}
|
|
1259
1087
|
}
|
|
1260
|
-
if (notEmpty(value) && invalidPattern) {
|
|
1088
|
+
if (compare.notEmpty(value) && invalidPattern) {
|
|
1261
1089
|
if (new RegExp(invalidPattern).test(value)) {
|
|
1262
1090
|
setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
1263
1091
|
return false;
|
|
@@ -1294,7 +1122,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1294
1122
|
/********************************************************************************************************************
|
|
1295
1123
|
* Variables
|
|
1296
1124
|
* ******************************************************************************************************************/
|
|
1297
|
-
var showClear = clear ? notEmpty(value) : false;
|
|
1125
|
+
var showClear = clear ? compare.notEmpty(value) : false;
|
|
1298
1126
|
/********************************************************************************************************************
|
|
1299
1127
|
* Function - focus
|
|
1300
1128
|
* ******************************************************************************************************************/
|
|
@@ -1384,7 +1212,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1384
1212
|
var handleChange = React.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
|
});
|
|
@@ -1565,7 +1393,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1565
1393
|
if (appendKeys.includes(e.key)) {
|
|
1566
1394
|
e.preventDefault();
|
|
1567
1395
|
e.stopPropagation();
|
|
1568
|
-
if (notEmpty(valueRef.current)) {
|
|
1396
|
+
if (compare.notEmpty(valueRef.current)) {
|
|
1569
1397
|
appendTag();
|
|
1570
1398
|
}
|
|
1571
1399
|
}
|
|
@@ -1578,7 +1406,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1578
1406
|
valueRef.current = allowSpace ? value.replace(/,/g, '') : value.replace(/ /g, '').replace(/,/g, '');
|
|
1579
1407
|
}, [allowSpace]);
|
|
1580
1408
|
var handleBlur = React.useCallback(function (e) {
|
|
1581
|
-
if (notEmpty(valueRef.current)) {
|
|
1409
|
+
if (compare.notEmpty(valueRef.current)) {
|
|
1582
1410
|
appendTag();
|
|
1583
1411
|
}
|
|
1584
1412
|
if (onBlur)
|
|
@@ -1605,9 +1433,9 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1605
1433
|
/********************************************************************************************************************
|
|
1606
1434
|
* FormState - Variables
|
|
1607
1435
|
* ******************************************************************************************************************/
|
|
1608
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
1609
|
-
var size = ifUndefined(initSize, formSize);
|
|
1610
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
1436
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
1437
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
1438
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
1611
1439
|
/********************************************************************************************************************
|
|
1612
1440
|
* State
|
|
1613
1441
|
* ******************************************************************************************************************/
|
|
@@ -1625,7 +1453,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1625
1453
|
* Function - validate
|
|
1626
1454
|
* ******************************************************************************************************************/
|
|
1627
1455
|
var validate = React.useCallback(function (value) {
|
|
1628
|
-
if (required && empty(value)) {
|
|
1456
|
+
if (required && compare.empty(value)) {
|
|
1629
1457
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
1630
1458
|
return false;
|
|
1631
1459
|
}
|
|
@@ -1666,7 +1494,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1666
1494
|
* Effect
|
|
1667
1495
|
* ******************************************************************************************************************/
|
|
1668
1496
|
React.useEffect(function () {
|
|
1669
|
-
if (!equal(value, initValue)) {
|
|
1497
|
+
if (!compare.equal(value, initValue)) {
|
|
1670
1498
|
if (onChange)
|
|
1671
1499
|
onChange(value);
|
|
1672
1500
|
onValueChange(name, value);
|
|
@@ -1693,12 +1521,12 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1693
1521
|
* ******************************************************************************************************************/
|
|
1694
1522
|
var appendTag = React.useCallback(function (tag) {
|
|
1695
1523
|
var finalTag = tag.trim();
|
|
1696
|
-
if (notEmpty(finalTag) && !valueSet.has(finalTag)) {
|
|
1524
|
+
if (compare.notEmpty(finalTag) && !valueSet.has(finalTag)) {
|
|
1697
1525
|
if (onAppendTag && !onAppendTag(finalTag))
|
|
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
|
});
|
|
@@ -1793,7 +1621,7 @@ var FormPassword = React.forwardRef(function (_a, ref) {
|
|
|
1793
1621
|
* ******************************************************************************************************************/
|
|
1794
1622
|
var className = _a.className, initSlotProps = _a.slotProps, _b = _a.clear, clear = _b === void 0 ? false : _b, _c = _a.eye, eye = _c === void 0 ? true : _c, onChange = _a.onChange, props = __rest(_a, ["className", "slotProps", "clear", "eye", "onChange"]);
|
|
1795
1623
|
var _d = React.useState('password'), type = _d[0], setType = _d[1];
|
|
1796
|
-
var _e = React.useState(notEmpty(props.value)), showEye = _e[0], setShowEye = _e[1];
|
|
1624
|
+
var _e = React.useState(compare.notEmpty(props.value)), showEye = _e[0], setShowEye = _e[1];
|
|
1797
1625
|
/********************************************************************************************************************
|
|
1798
1626
|
* Memo
|
|
1799
1627
|
* ******************************************************************************************************************/
|
|
@@ -1811,7 +1639,7 @@ var FormPassword = React.forwardRef(function (_a, ref) {
|
|
|
1811
1639
|
* Event Handler
|
|
1812
1640
|
* ******************************************************************************************************************/
|
|
1813
1641
|
var handleChange = React.useCallback(function (value) {
|
|
1814
|
-
setShowEye(notEmpty(value));
|
|
1642
|
+
setShowEye(compare.notEmpty(value));
|
|
1815
1643
|
onChange && onChange(value);
|
|
1816
1644
|
}, [onChange]);
|
|
1817
1645
|
/********************************************************************************************************************
|
|
@@ -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 = React.useCallback(function (value) {
|
|
1829
|
-
var newValue =
|
|
1657
|
+
var newValue = formatting.formatTelNo(value.replace(/[^0-9]/gi, ''));
|
|
1830
1658
|
return onValue ? onValue(newValue) : newValue;
|
|
1831
1659
|
}, [onValue]);
|
|
1832
1660
|
/********************************************************************************************************************
|
|
@@ -1919,14 +1747,14 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
|
|
|
1919
1747
|
forceUpdate();
|
|
1920
1748
|
}
|
|
1921
1749
|
else {
|
|
1922
|
-
var newValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1750
|
+
var newValue = compare.empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1923
1751
|
onChange && onChange(newValue);
|
|
1924
1752
|
strValueRef.current = value;
|
|
1925
1753
|
forceUpdate();
|
|
1926
1754
|
}
|
|
1927
1755
|
}, [forceUpdate, onChange, strValueRef]);
|
|
1928
1756
|
var handleValue = React.useCallback(function (value) {
|
|
1929
|
-
var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1757
|
+
var finalValue = compare.empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1930
1758
|
if (onValue) {
|
|
1931
1759
|
finalValue = onValue(finalValue);
|
|
1932
1760
|
}
|
|
@@ -1934,7 +1762,7 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
|
|
|
1934
1762
|
}, [onValue]);
|
|
1935
1763
|
var handleValidate = React.useCallback(function (value) {
|
|
1936
1764
|
if (onValidate) {
|
|
1937
|
-
var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1765
|
+
var finalValue = compare.empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1938
1766
|
return onValidate(finalValue);
|
|
1939
1767
|
}
|
|
1940
1768
|
else {
|
|
@@ -2289,7 +2117,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2289
2117
|
/********************************************************************************************************************
|
|
2290
2118
|
* Memo - FormState
|
|
2291
2119
|
* ******************************************************************************************************************/
|
|
2292
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2120
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
2293
2121
|
/********************************************************************************************************************
|
|
2294
2122
|
* State
|
|
2295
2123
|
* ******************************************************************************************************************/
|
|
@@ -2353,7 +2181,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2353
2181
|
var finalValue = newValue == null ? '' : newValue;
|
|
2354
2182
|
if (multiple) {
|
|
2355
2183
|
if (!Array.isArray(finalValue)) {
|
|
2356
|
-
if (empty(finalValue)) {
|
|
2184
|
+
if (compare.empty(finalValue)) {
|
|
2357
2185
|
finalValue = [];
|
|
2358
2186
|
}
|
|
2359
2187
|
else {
|
|
@@ -2368,16 +2196,16 @@ function AutoTypeForwardRef(render) {
|
|
|
2368
2196
|
}
|
|
2369
2197
|
else {
|
|
2370
2198
|
if (Array.isArray(finalValue)) {
|
|
2371
|
-
finalValue = empty(finalValue) ? '' : finalValue[0];
|
|
2199
|
+
finalValue = compare.empty(finalValue) ? '' : finalValue[0];
|
|
2372
2200
|
}
|
|
2373
2201
|
else {
|
|
2374
|
-
if (empty(finalValue)) {
|
|
2202
|
+
if (compare.empty(finalValue)) {
|
|
2375
2203
|
finalValue = '';
|
|
2376
2204
|
}
|
|
2377
2205
|
}
|
|
2378
2206
|
}
|
|
2379
|
-
if (notEmpty(itemsValues)) {
|
|
2380
|
-
if (finalValue != null && notEmpty(finalValue)) {
|
|
2207
|
+
if (compare.notEmpty(itemsValues)) {
|
|
2208
|
+
if (finalValue != null && compare.notEmpty(finalValue)) {
|
|
2381
2209
|
if (multiple) {
|
|
2382
2210
|
if (Array.isArray(finalValue)) {
|
|
2383
2211
|
finalValue = finalValue.map(function (v) {
|
|
@@ -2395,7 +2223,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2395
2223
|
}
|
|
2396
2224
|
}
|
|
2397
2225
|
finalValue = onValue ? onValue(finalValue) : finalValue;
|
|
2398
|
-
return equal(newValue, finalValue) ? newValue : finalValue;
|
|
2226
|
+
return compare.equal(newValue, finalValue) ? newValue : finalValue;
|
|
2399
2227
|
}, [multiple, formValueSeparator, itemsValues, onValue]);
|
|
2400
2228
|
/********************************************************************************************************************
|
|
2401
2229
|
* value
|
|
@@ -2427,7 +2255,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2427
2255
|
/********************************************************************************************************************
|
|
2428
2256
|
* Variable
|
|
2429
2257
|
* ******************************************************************************************************************/
|
|
2430
|
-
var isSelectedPlaceholder = notEmpty(items) && empty(value) && !!placeholder && !hasEmptyValue;
|
|
2258
|
+
var isSelectedPlaceholder = compare.notEmpty(items) && compare.empty(value) && !!placeholder && !hasEmptyValue;
|
|
2431
2259
|
/********************************************************************************************************************
|
|
2432
2260
|
* Function - getExtraCommands
|
|
2433
2261
|
* ******************************************************************************************************************/
|
|
@@ -2516,7 +2344,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2516
2344
|
}, [isSelectedPlaceholder, itemValueLabels, minWidth, multiple, placeholder, value, width]);
|
|
2517
2345
|
var finalValue = React.useMemo(function () {
|
|
2518
2346
|
var newFinalValue;
|
|
2519
|
-
if (notEmpty(items)) {
|
|
2347
|
+
if (compare.notEmpty(items)) {
|
|
2520
2348
|
newFinalValue = value;
|
|
2521
2349
|
}
|
|
2522
2350
|
else {
|
|
@@ -2538,7 +2366,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2538
2366
|
if (Array.isArray(newFinalValue)) {
|
|
2539
2367
|
newFinalValue = newFinalValue[0];
|
|
2540
2368
|
}
|
|
2541
|
-
newFinalValue = ifUndefined(newFinalValue, '');
|
|
2369
|
+
newFinalValue = compare.ifUndefined(newFinalValue, '');
|
|
2542
2370
|
}
|
|
2543
2371
|
return newFinalValue;
|
|
2544
2372
|
}, [emptyValue, items, multiple, selectProps, value]);
|
|
@@ -2553,11 +2381,11 @@ function AutoTypeForwardRef(render) {
|
|
|
2553
2381
|
};
|
|
2554
2382
|
}, [hasEmptyValue, initSlotProps === null || initSlotProps === void 0 ? void 0 : initSlotProps.inputLabel, initSlotProps === null || initSlotProps === void 0 ? void 0 : initSlotProps.select, placeholder, selectProps]);
|
|
2555
2383
|
return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { fullWidth: formFullWidth, onAddValueItem: handleAddValueItem, onValueChange: function () { } }) },
|
|
2556
|
-
React.createElement(FormTextField, __assign({ select: true, ref: handleRef, name: name, className: classNames(className, 'FormSelect', isSelectedPlaceholder && 'is-selected-placeholder'), fullWidth: fullWidth }, props, { startAdornment: startAdornment, value: finalValue, clear: false, readOnly: readOnly || empty(items), slotProps: slotProps, onChange: handleChange, onValue: handleValue }),
|
|
2384
|
+
React.createElement(FormTextField, __assign({ select: true, ref: handleRef, name: name, className: classNames(className, 'FormSelect', isSelectedPlaceholder && 'is-selected-placeholder'), fullWidth: fullWidth }, props, { startAdornment: startAdornment, value: finalValue, clear: false, readOnly: readOnly || compare.empty(items), slotProps: slotProps, onChange: handleChange, onValue: handleValue }),
|
|
2557
2385
|
isSelectedPlaceholder && (React.createElement(material.MenuItem, { key: '$$$EmptyValuePlaceholder$$$', value: '', disabled: true, sx: { display: 'none' } }, placeholder)),
|
|
2558
|
-
items && notEmpty(items) ? (items.map(function (_a) {
|
|
2386
|
+
items && compare.notEmpty(items) ? (items.map(function (_a) {
|
|
2559
2387
|
var itemLabel = _a.label, itemValue = _a.value, disabled = _a.disabled;
|
|
2560
|
-
return (React.createElement(material.MenuItem, { key: empty(itemValue) ? '$$$EmptyValue$$$' : "".concat(itemValue), value: typeof itemValue === 'boolean' ? "".concat(itemValue) : itemValue, disabled: disabled },
|
|
2388
|
+
return (React.createElement(material.MenuItem, { key: compare.empty(itemValue) ? '$$$EmptyValue$$$' : "".concat(itemValue), value: typeof itemValue === 'boolean' ? "".concat(itemValue) : itemValue, disabled: disabled },
|
|
2561
2389
|
multiple && checkbox && Array.isArray(value) && React.createElement(material.Checkbox, { checked: value.includes(itemValue) }),
|
|
2562
2390
|
itemLabel));
|
|
2563
2391
|
})) : (React.createElement(material.MenuItem, { value: '' })))));
|
|
@@ -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 = React.useCallback(function (value) {
|
|
2571
|
-
var newValue =
|
|
2399
|
+
var newValue = formatting.formatBusinessNo(value.replace(/[^0-9]/gi, ''));
|
|
2572
2400
|
return onValue ? onValue(newValue) : newValue;
|
|
2573
2401
|
}, [onValue]);
|
|
2574
2402
|
/********************************************************************************************************************
|
|
@@ -2582,11 +2410,11 @@ 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 = React.useCallback(function (value) {
|
|
2585
|
-
var newValue =
|
|
2413
|
+
var newValue = formatting.formatPersonalNo(value.replace(/[^0-9]/gi, ''));
|
|
2586
2414
|
return onValue ? onValue(newValue) : newValue;
|
|
2587
2415
|
}, [onValue]);
|
|
2588
2416
|
var handleValidate = React.useCallback(function (value) {
|
|
2589
|
-
if (notEmpty(value) && !skipPersonalNumberValidateCheck) {
|
|
2417
|
+
if (compare.notEmpty(value) && !skipPersonalNumberValidateCheck) {
|
|
2590
2418
|
if (value.length === 14 && value.includes('-')) {
|
|
2591
2419
|
var jumin = value
|
|
2592
2420
|
.replace(/-/g, '')
|
|
@@ -2637,15 +2465,15 @@ FormPersonalNo.displayName = 'FormPersonalNo';insertStyle(".FormItemBase .FormIt
|
|
|
2637
2465
|
/********************************************************************************************************************
|
|
2638
2466
|
* Memo - FormState
|
|
2639
2467
|
* ******************************************************************************************************************/
|
|
2640
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
2641
|
-
var size = ifUndefined(initSize, formSize);
|
|
2642
|
-
var color = ifUndefined(initColor, formColor);
|
|
2643
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2468
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
2469
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
2470
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
2471
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
2644
2472
|
/********************************************************************************************************************
|
|
2645
2473
|
* State - inputHeight
|
|
2646
2474
|
* ******************************************************************************************************************/
|
|
2647
2475
|
var _c = reactResizeDetector.useResizeDetector({ handleWidth: false }), inputRef = _c.ref, resizedInputHeight = _c.height;
|
|
2648
|
-
var inputHeight = ifUndefined(resizedInputHeight, 0);
|
|
2476
|
+
var inputHeight = compare.ifUndefined(resizedInputHeight, 0);
|
|
2649
2477
|
/********************************************************************************************************************
|
|
2650
2478
|
* Memo
|
|
2651
2479
|
* ******************************************************************************************************************/
|
|
@@ -2733,7 +2561,7 @@ FormPersonalNo.displayName = 'FormPersonalNo';insertStyle(".FormItemBase .FormIt
|
|
|
2733
2561
|
width: fullWidth ? '100%' : 'auto',
|
|
2734
2562
|
display: 'grid',
|
|
2735
2563
|
marginTop: -inputHeight,
|
|
2736
|
-
height: ifUndefined(controlHeight, inputHeight) > inputHeight ? controlHeight : undefined,
|
|
2564
|
+
height: compare.ifUndefined(controlHeight, inputHeight) > inputHeight ? controlHeight : undefined,
|
|
2737
2565
|
alignItems: 'flex-start',
|
|
2738
2566
|
paddingTop: controlMarginTop,
|
|
2739
2567
|
position: 'relative',
|
|
@@ -2765,11 +2593,11 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React.forwardRef(fu
|
|
|
2765
2593
|
/********************************************************************************************************************
|
|
2766
2594
|
* Memo - FormState
|
|
2767
2595
|
* ******************************************************************************************************************/
|
|
2768
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
2769
|
-
var size = ifUndefined(initSize, formSize);
|
|
2770
|
-
var color = ifUndefined(initColor, formColor);
|
|
2771
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
2772
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2596
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
2597
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
2598
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
2599
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
2600
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
2773
2601
|
/********************************************************************************************************************
|
|
2774
2602
|
* Ref
|
|
2775
2603
|
* ******************************************************************************************************************/
|
|
@@ -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
|
});
|
|
@@ -2960,10 +2788,10 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
2960
2788
|
/********************************************************************************************************************
|
|
2961
2789
|
* Memo - FormState
|
|
2962
2790
|
* ******************************************************************************************************************/
|
|
2963
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
2964
|
-
var size = ifUndefined(initSize, formSize);
|
|
2965
|
-
var color = ifUndefined(initColor, formColor);
|
|
2966
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
2791
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
2792
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
2793
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
2794
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
2967
2795
|
/********************************************************************************************************************
|
|
2968
2796
|
* State - FormState
|
|
2969
2797
|
* ******************************************************************************************************************/
|
|
@@ -3018,7 +2846,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
3018
2846
|
* Function - validate
|
|
3019
2847
|
* ******************************************************************************************************************/
|
|
3020
2848
|
var validate = React.useCallback(function (value) {
|
|
3021
|
-
if (required && empty(value)) {
|
|
2849
|
+
if (required && compare.empty(value)) {
|
|
3022
2850
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3023
2851
|
return false;
|
|
3024
2852
|
}
|
|
@@ -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
|
});
|
|
@@ -3296,8 +3124,8 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
3296
3124
|
width,
|
|
3297
3125
|
]);
|
|
3298
3126
|
var singleHeight = height || (size === 'small' ? 35 : 39);
|
|
3299
|
-
var isMultiline = singleHeight <= ifUndefined(realHeight, 0);
|
|
3300
|
-
return (React.createElement(FormItemBase, { focused: focused, ref: baseRef, className: classNames(className, 'FormValueItem', 'FormRadioGroup'), variant: variant, size: size, color: color, labelIcon: labelIcon, label: label, fullWidth: fullWidth, required: required, error: error, helperText: error ? errorHelperText : helperText, helperTextProps: { style: { marginLeft: 2, marginTop: isMultiline && notEmpty(label) ? 20 : 0 } }, style: __assign({ width: width, paddingLeft: PADDING_LEFT }, initStyle), sx: sx, hidden: hidden, autoSize: true, controlHeight: realHeight ? realHeight : singleHeight, controlContainerStyle: {
|
|
3127
|
+
var isMultiline = singleHeight <= compare.ifUndefined(realHeight, 0);
|
|
3128
|
+
return (React.createElement(FormItemBase, { focused: focused, ref: baseRef, className: classNames(className, 'FormValueItem', 'FormRadioGroup'), variant: variant, size: size, color: color, labelIcon: labelIcon, label: label, fullWidth: fullWidth, required: required, error: error, helperText: error ? errorHelperText : helperText, helperTextProps: { style: { marginLeft: 2, marginTop: isMultiline && compare.notEmpty(label) ? 20 : 0 } }, style: __assign({ width: width, paddingLeft: PADDING_LEFT }, initStyle), sx: sx, hidden: hidden, autoSize: true, controlHeight: realHeight ? realHeight : singleHeight, controlContainerStyle: {
|
|
3301
3129
|
paddingTop: isMultiline && size === 'medium' ? 4 : undefined,
|
|
3302
3130
|
}, controlVerticalCenter: !isMultiline, control: control }));
|
|
3303
3131
|
}));
|
|
@@ -3324,14 +3152,14 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3324
3152
|
/********************************************************************************************************************
|
|
3325
3153
|
* Variables - FormState
|
|
3326
3154
|
* ******************************************************************************************************************/
|
|
3327
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
3328
|
-
var size = ifUndefined(initSize, formSize);
|
|
3329
|
-
var color = ifUndefined(initColor, formColor);
|
|
3330
|
-
var fullWidth = type === 'checkbox' || type === 'radio' ? true : ifUndefined(initFullWidth, formFullWidth);
|
|
3155
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
3156
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
3157
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
3158
|
+
var fullWidth = type === 'checkbox' || type === 'radio' ? true : compare.ifUndefined(initFullWidth, formFullWidth);
|
|
3331
3159
|
/********************************************************************************************************************
|
|
3332
3160
|
* State - FormState
|
|
3333
3161
|
* ******************************************************************************************************************/
|
|
3334
|
-
var _e = reactHook.useAutoUpdateState(ifUndefined(initFocused, formFocused)), focused = _e[0], setFocused = _e[1];
|
|
3162
|
+
var _e = reactHook.useAutoUpdateState(compare.ifUndefined(initFocused, formFocused)), focused = _e[0], setFocused = _e[1];
|
|
3335
3163
|
/********************************************************************************************************************
|
|
3336
3164
|
* Theme
|
|
3337
3165
|
* ******************************************************************************************************************/
|
|
@@ -3346,7 +3174,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3346
3174
|
var _g = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForButtonResizeHeightDetect = _g.ref, buttonHeight = _g.height;
|
|
3347
3175
|
var _h = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForButtonsResizeHeightDetect = _h.ref, realHeight = _h.height;
|
|
3348
3176
|
var _j = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForLoadingResizeHeightDetect = _j.ref, loadingHeight = _j.height;
|
|
3349
|
-
var height = ifUndefined(buttonHeight, loadingHeight);
|
|
3177
|
+
var height = compare.ifUndefined(buttonHeight, loadingHeight);
|
|
3350
3178
|
/********************************************************************************************************************
|
|
3351
3179
|
* State
|
|
3352
3180
|
* ******************************************************************************************************************/
|
|
@@ -3407,7 +3235,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3407
3235
|
* Function - validate
|
|
3408
3236
|
* ******************************************************************************************************************/
|
|
3409
3237
|
var validate = React.useCallback(function (value) {
|
|
3410
|
-
if (required && empty(value)) {
|
|
3238
|
+
if (required && compare.empty(value)) {
|
|
3411
3239
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3412
3240
|
return false;
|
|
3413
3241
|
}
|
|
@@ -3428,7 +3256,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3428
3256
|
var finalValue = value;
|
|
3429
3257
|
if (multiple) {
|
|
3430
3258
|
if (!Array.isArray(finalValue)) {
|
|
3431
|
-
if (finalValue != null && notEmpty(finalValue)) {
|
|
3259
|
+
if (finalValue != null && compare.notEmpty(finalValue)) {
|
|
3432
3260
|
if (typeof finalValue === 'string') {
|
|
3433
3261
|
finalValue = Array.from(new Set(finalValue.split(formValueSeparator)));
|
|
3434
3262
|
}
|
|
@@ -3443,7 +3271,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3443
3271
|
}
|
|
3444
3272
|
else {
|
|
3445
3273
|
if (Array.isArray(finalValue)) {
|
|
3446
|
-
if (notEmpty(finalValue)) {
|
|
3274
|
+
if (compare.notEmpty(finalValue)) {
|
|
3447
3275
|
finalValue = finalValue[0];
|
|
3448
3276
|
}
|
|
3449
3277
|
else {
|
|
@@ -3451,8 +3279,8 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3451
3279
|
}
|
|
3452
3280
|
}
|
|
3453
3281
|
}
|
|
3454
|
-
if (notEmpty(itemsValues)) {
|
|
3455
|
-
if (finalValue != null && notEmpty(finalValue)) {
|
|
3282
|
+
if (compare.notEmpty(itemsValues)) {
|
|
3283
|
+
if (finalValue != null && compare.notEmpty(finalValue)) {
|
|
3456
3284
|
if (multiple) {
|
|
3457
3285
|
if (Array.isArray(finalValue)) {
|
|
3458
3286
|
finalValue = finalValue.map(function (v) {
|
|
@@ -3470,7 +3298,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3470
3298
|
}
|
|
3471
3299
|
}
|
|
3472
3300
|
finalValue = onValue ? onValue(finalValue) : finalValue;
|
|
3473
|
-
return equal(value, finalValue) ? value : finalValue;
|
|
3301
|
+
return compare.equal(value, finalValue) ? value : finalValue;
|
|
3474
3302
|
}, [multiple, formValueSeparator, itemsValues, onValue]);
|
|
3475
3303
|
var _t = reactHook.useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], _setValue = _t[2];
|
|
3476
3304
|
var updateValue = React.useCallback(function (newValue, skipCallback) {
|
|
@@ -3501,10 +3329,10 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3501
3329
|
}, []);
|
|
3502
3330
|
React.useEffect(function () {
|
|
3503
3331
|
if (notAllowEmptyValue) {
|
|
3504
|
-
if (items && notEmpty(items)) {
|
|
3332
|
+
if (items && compare.notEmpty(items)) {
|
|
3505
3333
|
var setFirstItem = false;
|
|
3506
3334
|
if (Array.isArray(value)) {
|
|
3507
|
-
if (empty(value)) {
|
|
3335
|
+
if (compare.empty(value)) {
|
|
3508
3336
|
setFirstItem = true;
|
|
3509
3337
|
}
|
|
3510
3338
|
}
|
|
@@ -3622,7 +3450,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3622
3450
|
var finalValue_1 = newValue;
|
|
3623
3451
|
if (notAllowEmptyValue) {
|
|
3624
3452
|
if (multiple) {
|
|
3625
|
-
if (empty(finalValue_1)) {
|
|
3453
|
+
if (compare.empty(finalValue_1)) {
|
|
3626
3454
|
if (Array.isArray(valueRef.current) && valueRef.current.length > 0) {
|
|
3627
3455
|
finalValue_1 = [valueRef.current[0]];
|
|
3628
3456
|
}
|
|
@@ -3635,9 +3463,9 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3635
3463
|
}
|
|
3636
3464
|
}
|
|
3637
3465
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3638
|
-
if (!equal(valueRef.current, finalValue_1)) {
|
|
3466
|
+
if (!compare.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
|
});
|
|
@@ -3746,7 +3574,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3746
3574
|
? formColWidth
|
|
3747
3575
|
: undefined,
|
|
3748
3576
|
flexWrap: type === 'checkbox' || type === 'radio' ? 'wrap' : 'nowrap',
|
|
3749
|
-
}, "aria-labelledby": notEmpty(label) ? labelId : undefined }, isOnGetItemLoading || loading || !items || empty(items) ? (React.createElement(material.ToggleButton, { ref: function (ref) {
|
|
3577
|
+
}, "aria-labelledby": compare.notEmpty(label) ? labelId : undefined }, isOnGetItemLoading || loading || !items || compare.empty(items) ? (React.createElement(material.ToggleButton, { ref: function (ref) {
|
|
3750
3578
|
refForButtonResizeHeightDetect.current = ref;
|
|
3751
3579
|
}, size: size, className: 'ToggleButton', disabled: disabled || readOnly, value: '', style: { visibility: 'hidden' } })) : (buttons))));
|
|
3752
3580
|
}, [
|
|
@@ -3772,7 +3600,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3772
3600
|
width,
|
|
3773
3601
|
]);
|
|
3774
3602
|
var controlHeight = height || 0;
|
|
3775
|
-
var isMultiline = controlHeight <= ifUndefined(realHeight, 0);
|
|
3603
|
+
var isMultiline = controlHeight <= compare.ifUndefined(realHeight, 0);
|
|
3776
3604
|
return (React.createElement(FormItemBase, __assign({}, formControlBaseProps, { className: classNames(className, 'FormValueItem', 'FormToggleButtonGroup', "variant-".concat(variant), "size-".concat(size), !!label && 'with-label', !!fullWidth && 'full-width', "type-".concat(type), (isOnGetItemLoading || loading) && 'loading'), variant: variant, size: size, color: color, labelIcon: labelIcon, label: label, required: required, fullWidth: fullWidth, error: error, helperText: error ? errorHelperText : helperText, helperTextProps: { style: { marginLeft: 2 } }, style: style, sx: sx, hidden: hidden, autoSize: true, controlHeight: realHeight ? realHeight + (isMultiline ? 13 : 0) : controlHeight, controlVerticalCenter: isMultiline ? false : isOnGetItemLoading || loading, control: control })));
|
|
3777
3605
|
}));
|
|
3778
3606
|
FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = React.forwardRef(function (_a, ref) {
|
|
@@ -3796,9 +3624,9 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3796
3624
|
/********************************************************************************************************************
|
|
3797
3625
|
* Memo - FormState
|
|
3798
3626
|
* ******************************************************************************************************************/
|
|
3799
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
3800
|
-
var size = ifUndefined(initSize, formSize);
|
|
3801
|
-
var color = ifUndefined(initColor, formColor);
|
|
3627
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
3628
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
3629
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
3802
3630
|
/********************************************************************************************************************
|
|
3803
3631
|
* State - FormState
|
|
3804
3632
|
* ******************************************************************************************************************/
|
|
@@ -3827,7 +3655,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3827
3655
|
setErrorHelperText(errorHelperText);
|
|
3828
3656
|
}, [setError]);
|
|
3829
3657
|
var validate = React.useCallback(function (value) {
|
|
3830
|
-
if (required && (empty(value) || value === 0)) {
|
|
3658
|
+
if (required && (compare.empty(value) || value === 0)) {
|
|
3831
3659
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3832
3660
|
return false;
|
|
3833
3661
|
}
|
|
@@ -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
|
});
|
|
@@ -3991,13 +3819,13 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
3991
3819
|
/********************************************************************************************************************
|
|
3992
3820
|
* Memo - FormState
|
|
3993
3821
|
* ******************************************************************************************************************/
|
|
3994
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
3995
|
-
var size = ifUndefined(initSize, formSize);
|
|
3996
|
-
var color = ifUndefined(initColor, formColor);
|
|
3822
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
3823
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
3824
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
3997
3825
|
/********************************************************************************************************************
|
|
3998
3826
|
* State - FormState
|
|
3999
3827
|
* ******************************************************************************************************************/
|
|
4000
|
-
var _f = reactHook.useAutoUpdateState(ifUndefined(initFocused, formFocused)), focused = _f[0], setFocused = _f[1];
|
|
3828
|
+
var _f = reactHook.useAutoUpdateState(compare.ifUndefined(initFocused, formFocused)), focused = _f[0], setFocused = _f[1];
|
|
4001
3829
|
/********************************************************************************************************************
|
|
4002
3830
|
* Ref
|
|
4003
3831
|
* ******************************************************************************************************************/
|
|
@@ -4024,7 +3852,7 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
4024
3852
|
* ******************************************************************************************************************/
|
|
4025
3853
|
var validate = React.useCallback(function (value) {
|
|
4026
3854
|
var _a;
|
|
4027
|
-
if (required && empty((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getContent())) {
|
|
3855
|
+
if (required && compare.empty((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getContent())) {
|
|
4028
3856
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
4029
3857
|
return false;
|
|
4030
3858
|
}
|
|
@@ -4129,7 +3957,7 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
4129
3957
|
var handleEditorChange = React.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
|
});
|
|
@@ -4217,12 +4045,12 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4217
4045
|
/********************************************************************************************************************
|
|
4218
4046
|
* Memo - FormState
|
|
4219
4047
|
* ******************************************************************************************************************/
|
|
4220
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
4221
|
-
var size = ifUndefined(initSize, formSize);
|
|
4222
|
-
var color = ifUndefined(initColor, formColor);
|
|
4223
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
4224
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
4225
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
4048
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
4049
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
4050
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
4051
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
4052
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
4053
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
4226
4054
|
/********************************************************************************************************************
|
|
4227
4055
|
* State
|
|
4228
4056
|
* ******************************************************************************************************************/
|
|
@@ -4272,7 +4100,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4272
4100
|
* Function - validate
|
|
4273
4101
|
* ******************************************************************************************************************/
|
|
4274
4102
|
var validate = React.useCallback(function (value) {
|
|
4275
|
-
if (required && empty(value)) {
|
|
4103
|
+
if (required && compare.empty(value)) {
|
|
4276
4104
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
4277
4105
|
return false;
|
|
4278
4106
|
}
|
|
@@ -4293,7 +4121,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4293
4121
|
var finalValue = value;
|
|
4294
4122
|
if (multiple) {
|
|
4295
4123
|
if (!Array.isArray(finalValue)) {
|
|
4296
|
-
if (finalValue != null && notEmpty(finalValue)) {
|
|
4124
|
+
if (finalValue != null && compare.notEmpty(finalValue)) {
|
|
4297
4125
|
if (typeof finalValue === 'string') {
|
|
4298
4126
|
finalValue = Array.from(new Set(finalValue.split(formValueSeparator || ',')));
|
|
4299
4127
|
}
|
|
@@ -4308,7 +4136,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4308
4136
|
}
|
|
4309
4137
|
else {
|
|
4310
4138
|
if (Array.isArray(finalValue)) {
|
|
4311
|
-
if (notEmpty(finalValue)) {
|
|
4139
|
+
if (compare.notEmpty(finalValue)) {
|
|
4312
4140
|
finalValue = finalValue[0];
|
|
4313
4141
|
}
|
|
4314
4142
|
else {
|
|
@@ -4316,8 +4144,8 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4316
4144
|
}
|
|
4317
4145
|
}
|
|
4318
4146
|
}
|
|
4319
|
-
if (notEmpty(itemsValues)) {
|
|
4320
|
-
if (finalValue != null && notEmpty(finalValue)) {
|
|
4147
|
+
if (compare.notEmpty(itemsValues)) {
|
|
4148
|
+
if (finalValue != null && compare.notEmpty(finalValue)) {
|
|
4321
4149
|
if (multiple) {
|
|
4322
4150
|
if (Array.isArray(finalValue)) {
|
|
4323
4151
|
finalValue = finalValue.map(function (v) {
|
|
@@ -4372,7 +4200,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4372
4200
|
finalValue = (multiple ? [] : undefined);
|
|
4373
4201
|
}
|
|
4374
4202
|
var newComponentValue = (multiple ? [] : null);
|
|
4375
|
-
if (notEmpty(finalValue)) {
|
|
4203
|
+
if (compare.notEmpty(finalValue)) {
|
|
4376
4204
|
if (items) {
|
|
4377
4205
|
if (Array.isArray(finalValue)) {
|
|
4378
4206
|
finalValue.forEach(function (v) {
|
|
@@ -4387,7 +4215,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4387
4215
|
(multiple ? [] : null));
|
|
4388
4216
|
}
|
|
4389
4217
|
}
|
|
4390
|
-
if (empty(newComponentValue) && valueItem) {
|
|
4218
|
+
if (compare.empty(newComponentValue) && valueItem) {
|
|
4391
4219
|
if (Array.isArray(finalValue)) {
|
|
4392
4220
|
if (Array.isArray(valueItem)) {
|
|
4393
4221
|
newComponentValue = valueItem.filter(function (info) { return Array.isArray(finalValue) && finalValue.includes(info.value); });
|
|
@@ -4400,7 +4228,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4400
4228
|
}
|
|
4401
4229
|
}
|
|
4402
4230
|
}
|
|
4403
|
-
if (oldComponentValueRef.current && newComponentValue && equal(oldComponentValueRef.current, newComponentValue)) {
|
|
4231
|
+
if (oldComponentValueRef.current && newComponentValue && compare.equal(oldComponentValueRef.current, newComponentValue)) {
|
|
4404
4232
|
return oldComponentValueRef.current;
|
|
4405
4233
|
}
|
|
4406
4234
|
else {
|
|
@@ -4613,10 +4441,10 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4613
4441
|
}
|
|
4614
4442
|
}
|
|
4615
4443
|
var finalValue = getFinalValue(newValue);
|
|
4616
|
-
if (!equal(valueRef.current, finalValue)) {
|
|
4444
|
+
if (!compare.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(material.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(material.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: {
|
|
@@ -5904,12 +5734,12 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5904
5734
|
/********************************************************************************************************************
|
|
5905
5735
|
* Value
|
|
5906
5736
|
* ******************************************************************************************************************/
|
|
5907
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
5908
|
-
var size = ifUndefined(initSize, formSize);
|
|
5909
|
-
var color = ifUndefined(initColor, formColor);
|
|
5910
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
5911
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
5912
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
5737
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
5738
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
5739
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
5740
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
5741
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
5742
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
5913
5743
|
/********************************************************************************************************************
|
|
5914
5744
|
* State - open
|
|
5915
5745
|
* ******************************************************************************************************************/
|
|
@@ -5938,7 +5768,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5938
5768
|
* Function - validate
|
|
5939
5769
|
* ******************************************************************************************************************/
|
|
5940
5770
|
var validate = React.useCallback(function (value) {
|
|
5941
|
-
if (required && empty(value)) {
|
|
5771
|
+
if (required && compare.empty(value)) {
|
|
5942
5772
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
5943
5773
|
return false;
|
|
5944
5774
|
}
|
|
@@ -6106,7 +5936,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6106
5936
|
* ******************************************************************************************************************/
|
|
6107
5937
|
var handleChange = React.useCallback(function (unit, newValue, keyboardInputValue) {
|
|
6108
5938
|
var isUpdateValue = true;
|
|
6109
|
-
if (notEmpty(keyboardInputValue)) {
|
|
5939
|
+
if (compare.notEmpty(keyboardInputValue)) {
|
|
6110
5940
|
if (newValue) {
|
|
6111
5941
|
if (!newValue.isValid()) {
|
|
6112
5942
|
isUpdateValue = false;
|
|
@@ -6130,7 +5960,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
6130
5960
|
}
|
|
6131
5961
|
}
|
|
6132
5962
|
var runOnRequestSearchSubmit_1 = false;
|
|
6133
|
-
if (notEmpty(keyboardInputValue)) {
|
|
5963
|
+
if (compare.notEmpty(keyboardInputValue)) {
|
|
6134
5964
|
if (!time || unit !== 'action_date') {
|
|
6135
5965
|
runOnRequestSearchSubmit_1 = !open; // 팝업창 열리지 않은 상태에서 날짜 키보드로 변경
|
|
6136
5966
|
setOpen(false);
|
|
@@ -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);
|
|
@@ -6529,12 +6359,12 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6529
6359
|
/********************************************************************************************************************
|
|
6530
6360
|
* Value
|
|
6531
6361
|
* ******************************************************************************************************************/
|
|
6532
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
6533
|
-
var size = ifUndefined(initSize, formSize);
|
|
6534
|
-
var color = ifUndefined(initColor, formColor);
|
|
6535
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
6536
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
6537
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
6362
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
6363
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
6364
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
6365
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
6366
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
6367
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
6538
6368
|
/********************************************************************************************************************
|
|
6539
6369
|
* State - open
|
|
6540
6370
|
* ******************************************************************************************************************/
|
|
@@ -6565,7 +6395,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6565
6395
|
* Function - validate
|
|
6566
6396
|
* ******************************************************************************************************************/
|
|
6567
6397
|
var validate = React.useCallback(function (value) {
|
|
6568
|
-
if (required && empty(value)) {
|
|
6398
|
+
if (required && compare.empty(value)) {
|
|
6569
6399
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
6570
6400
|
return false;
|
|
6571
6401
|
}
|
|
@@ -6734,7 +6564,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6734
6564
|
var handleChange = React.useCallback(function (unit, newValue, keyboardInputValue) {
|
|
6735
6565
|
var _a, _b, _c;
|
|
6736
6566
|
var isUpdateValue = true;
|
|
6737
|
-
if (notEmpty(keyboardInputValue)) {
|
|
6567
|
+
if (compare.notEmpty(keyboardInputValue)) {
|
|
6738
6568
|
if (newValue) {
|
|
6739
6569
|
if (!newValue.isValid()) {
|
|
6740
6570
|
isUpdateValue = false;
|
|
@@ -6758,7 +6588,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6758
6588
|
}
|
|
6759
6589
|
}
|
|
6760
6590
|
var runOnRequestSearchSubmit_1 = false;
|
|
6761
|
-
if (notEmpty(keyboardInputValue)) {
|
|
6591
|
+
if (compare.notEmpty(keyboardInputValue)) {
|
|
6762
6592
|
if (!time || unit !== 'action_date') {
|
|
6763
6593
|
runOnRequestSearchSubmit_1 = !open; // 팝업창 열리지 않은 상태에서 날짜 키보드로 변경
|
|
6764
6594
|
setOpen(false);
|
|
@@ -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
|
React.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);
|
|
@@ -8505,12 +8335,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8505
8335
|
/********************************************************************************************************************
|
|
8506
8336
|
* Memo - FormState
|
|
8507
8337
|
* ******************************************************************************************************************/
|
|
8508
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
8509
|
-
var size = ifUndefined(initSize, formSize);
|
|
8510
|
-
var color = ifUndefined(initColor, formColor);
|
|
8511
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
8512
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
8513
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
8338
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
8339
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
8340
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
8341
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
8342
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
8343
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
8514
8344
|
/********************************************************************************************************************
|
|
8515
8345
|
* Ref
|
|
8516
8346
|
* ******************************************************************************************************************/
|
|
@@ -8601,11 +8431,11 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8601
8431
|
}
|
|
8602
8432
|
var startInputValue = ((_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.value) || '';
|
|
8603
8433
|
var endInputValue = ((_b = endDateTextFieldRef.current) === null || _b === void 0 ? void 0 : _b.value) || '';
|
|
8604
|
-
if (notEmpty(startInputValue) && !dayjs(startInputValue, format).isValid()) {
|
|
8434
|
+
if (compare.notEmpty(startInputValue) && !dayjs(startInputValue, format).isValid()) {
|
|
8605
8435
|
setFromErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
8606
8436
|
return false;
|
|
8607
8437
|
}
|
|
8608
|
-
if (notEmpty(endInputValue) && !dayjs(endInputValue, format).isValid()) {
|
|
8438
|
+
if (compare.notEmpty(endInputValue) && !dayjs(endInputValue, format).isValid()) {
|
|
8609
8439
|
setToErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
8610
8440
|
return false;
|
|
8611
8441
|
}
|
|
@@ -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
|
}, [
|
|
@@ -9063,7 +8893,7 @@ FormDateRangePicker.displayName = 'FormDateRangePicker';var LinkDialog = functio
|
|
|
9063
8893
|
* ******************************************************************************************************************/
|
|
9064
8894
|
return (React.createElement(material.Dialog, { className: 'color-primary', open: !!open, maxWidth: 'sm', fullWidth: true, onClose: function (e, reason) {
|
|
9065
8895
|
if (reason === 'backdropClick') {
|
|
9066
|
-
if (empty(value)) {
|
|
8896
|
+
if (compare.empty(value)) {
|
|
9067
8897
|
onClose && onClose();
|
|
9068
8898
|
}
|
|
9069
8899
|
}
|
|
@@ -9102,12 +8932,12 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9102
8932
|
/********************************************************************************************************************
|
|
9103
8933
|
* Memo - FormState
|
|
9104
8934
|
* ******************************************************************************************************************/
|
|
9105
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
9106
|
-
var size = ifUndefined(initSize, formSize);
|
|
9107
|
-
var color = ifUndefined(initColor, formColor);
|
|
9108
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
9109
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9110
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
8935
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
8936
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
8937
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
8938
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
8939
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
8940
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
9111
8941
|
/********************************************************************************************************************
|
|
9112
8942
|
* Ref
|
|
9113
8943
|
* ******************************************************************************************************************/
|
|
@@ -9144,9 +8974,9 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9144
8974
|
var d = document.createElement('div');
|
|
9145
8975
|
d.innerHTML = value;
|
|
9146
8976
|
var text = d.textContent || d.innerText;
|
|
9147
|
-
isEmptyValue = empty(text.trim());
|
|
8977
|
+
isEmptyValue = compare.empty(text.trim());
|
|
9148
8978
|
}
|
|
9149
|
-
if (required && (isEmptyValue || empty(value))) {
|
|
8979
|
+
if (required && (isEmptyValue || compare.empty(value))) {
|
|
9150
8980
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
9151
8981
|
return false;
|
|
9152
8982
|
}
|
|
@@ -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 = React.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
|
});
|
|
@@ -9341,7 +9171,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9341
9171
|
/********************************************************************************************************************
|
|
9342
9172
|
* Render
|
|
9343
9173
|
* ******************************************************************************************************************/
|
|
9344
|
-
return (React.createElement(FormItemBase, { variant: variant, size: size, color: color, focused: focused, className: classNames(className, 'FormValueItem', 'FormFile', "variant-".concat(variant), "size-".concat(size), !!initLabel && 'with-label', !!fullWidth && 'full-width', !!hideUrl && 'hide-file-name', !!hideLink && 'hide-link', !!hideUpload && 'hide-upload', !!hideRemove && 'hide-remove', notEmpty(value) && 'with-value'), labelIcon: hideUrl ? labelIcon : undefined, label: hideUrl ? initLabel : undefined, error: error, required: required, fullWidth: fullWidth, hidden: hidden, controlHeight: height, helperText: React.createElement("div", null,
|
|
9174
|
+
return (React.createElement(FormItemBase, { variant: variant, size: size, color: color, focused: focused, className: classNames(className, 'FormValueItem', 'FormFile', "variant-".concat(variant), "size-".concat(size), !!initLabel && 'with-label', !!fullWidth && 'full-width', !!hideUrl && 'hide-file-name', !!hideLink && 'hide-link', !!hideUpload && 'hide-upload', !!hideRemove && 'hide-remove', compare.notEmpty(value) && 'with-value'), labelIcon: hideUrl ? labelIcon : undefined, label: hideUrl ? initLabel : undefined, error: error, required: required, fullWidth: fullWidth, hidden: hidden, controlHeight: height, helperText: React.createElement("div", null,
|
|
9345
9175
|
preview,
|
|
9346
9176
|
React.createElement("div", null, error ? errorHelperText : helperText)), hideLabel: !hideUrl, style: { width: fullWidth ? '100%' : undefined }, control: React.createElement("div", { className: 'control-wrap' },
|
|
9347
9177
|
!hideUrl && (React.createElement("div", { className: 'file-name-wrap' },
|
|
@@ -9362,7 +9192,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9362
9192
|
!hideUploadLabel && (uploadLabel || '파일 업로드'))),
|
|
9363
9193
|
React.createElement("input", { type: 'file', accept: accept, id: id, value: FILE_VALUE, className: 'input-file', onChange: handleFileChange }))),
|
|
9364
9194
|
!hideLink && (React.createElement(StyledPdgButton, { variant: 'text', tabIndex: linkTabIndex == null ? -1 : linkTabIndex, className: classNames('link-btn form-file-btn', !!hideLinkLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'link', size: size, disabled: readOnly || disabled, ref: linkBtnRef, onClick: handleLinkClick }, !hideLinkLabel && (linkLabel || '링크'))),
|
|
9365
|
-
!hideRemove && notEmpty(value) && (React.createElement(StyledPdgButton, { variant: 'text', tabIndex: removeTabIndex == null ? -1 : removeTabIndex, className: classNames('remove-btn form-file-btn', !!hideRemoveLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'close', size: size, disabled: readOnly || disabled, onClick: handleRemoveClick }, !hideRemoveLabel && (removeLabel || '삭제')))))),
|
|
9195
|
+
!hideRemove && compare.notEmpty(value) && (React.createElement(StyledPdgButton, { variant: 'text', tabIndex: removeTabIndex == null ? -1 : removeTabIndex, className: classNames('remove-btn form-file-btn', !!hideRemoveLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'close', size: size, disabled: readOnly || disabled, onClick: handleRemoveClick }, !hideRemoveLabel && (removeLabel || '삭제')))))),
|
|
9366
9196
|
},
|
|
9367
9197
|
}, placeholder: '\uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694' }))),
|
|
9368
9198
|
!!hideUrl && (React.createElement("div", { className: 'input-file-wrap' },
|
|
@@ -9373,7 +9203,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9373
9203
|
!hideUploadLabel && (uploadLabel || '파일 업로드'))),
|
|
9374
9204
|
React.createElement("input", { type: 'file', accept: accept, id: id, value: FILE_VALUE, className: 'input-file', onChange: handleFileChange }))),
|
|
9375
9205
|
!hideLink && (React.createElement(StyledPdgButton, { variant: 'outlined', tabIndex: linkTabIndex, className: classNames('link-btn form-file-btn', !!hideLinkLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'link', size: size, onClick: handleLinkClick, disabled: disabled, ref: linkBtnRef }, !hideLinkLabel && (linkLabel || '링크'))),
|
|
9376
|
-
!hideRemove && notEmpty(value) && (React.createElement(StyledPdgButton, { variant: 'outlined', tabIndex: removeTabIndex, className: classNames('remove-btn form-file-btn', !!hideRemoveLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'close', size: size, disabled: disabled, onClick: handleRemoveClick }, !hideRemoveLabel && (removeLabel || '삭제'))))),
|
|
9206
|
+
!hideRemove && compare.notEmpty(value) && (React.createElement(StyledPdgButton, { variant: 'outlined', tabIndex: removeTabIndex, className: classNames('remove-btn form-file-btn', !!hideRemoveLabel && 'hidden-label'), color: error ? 'error' : color, startIcon: 'close', size: size, disabled: disabled, onClick: handleRemoveClick }, !hideRemoveLabel && (removeLabel || '삭제'))))),
|
|
9377
9207
|
React.createElement(PrivateAlertDialog, __assign({}, alertDialogProps, { onClose: function () { return setAlertDialogProps({ open: false }); } })),
|
|
9378
9208
|
React.createElement(LinkDialog, { open: isOpenLinkDialog, onConfirm: handleLinkDialogConfirm, onClose: function () { return setIsOpenLinkDialog(false); } })) }));
|
|
9379
9209
|
});
|
|
@@ -9561,12 +9391,12 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9561
9391
|
/********************************************************************************************************************
|
|
9562
9392
|
* Memo - FormState
|
|
9563
9393
|
* ******************************************************************************************************************/
|
|
9564
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
9565
|
-
var size = ifUndefined(initSize, formSize);
|
|
9566
|
-
var color = ifUndefined(initColor, formColor);
|
|
9567
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
9568
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9569
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
9394
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
9395
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
9396
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
9397
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
9398
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
9399
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
9570
9400
|
/********************************************************************************************************************
|
|
9571
9401
|
* Ref
|
|
9572
9402
|
* ******************************************************************************************************************/
|
|
@@ -9593,7 +9423,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9593
9423
|
setErrorHelperText(errorHelperText);
|
|
9594
9424
|
}, [setError]);
|
|
9595
9425
|
var validate = React.useCallback(function (value) {
|
|
9596
|
-
if (required && empty(value)) {
|
|
9426
|
+
if (required && compare.empty(value)) {
|
|
9597
9427
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
9598
9428
|
return false;
|
|
9599
9429
|
}
|
|
@@ -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]);
|
|
@@ -9910,12 +9740,12 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9910
9740
|
/********************************************************************************************************************
|
|
9911
9741
|
* Memo - FormState
|
|
9912
9742
|
* ******************************************************************************************************************/
|
|
9913
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
9914
|
-
var size = ifUndefined(initSize, formSize);
|
|
9915
|
-
var color = ifUndefined(initColor, formColor);
|
|
9916
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
9917
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9918
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
9743
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
9744
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
9745
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
9746
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
9747
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
9748
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
9919
9749
|
/********************************************************************************************************************
|
|
9920
9750
|
* Ref
|
|
9921
9751
|
* ******************************************************************************************************************/
|
|
@@ -10203,7 +10033,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10203
10033
|
var handleContainerChange = React.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);
|
|
@@ -10346,12 +10176,12 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10346
10176
|
/********************************************************************************************************************
|
|
10347
10177
|
* Memo - FormState
|
|
10348
10178
|
* ******************************************************************************************************************/
|
|
10349
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
10350
|
-
var size = ifUndefined(initSize, formSize);
|
|
10351
|
-
var color = ifUndefined(initColor, formColor);
|
|
10352
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
10353
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
10354
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
10179
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
10180
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
10181
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
10182
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
10183
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
10184
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
10355
10185
|
/********************************************************************************************************************
|
|
10356
10186
|
* Ref
|
|
10357
10187
|
* ******************************************************************************************************************/
|
|
@@ -10368,7 +10198,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10368
10198
|
var _g = React.useState(), errorHelperText = _g[0], setErrorHelperText = _g[1];
|
|
10369
10199
|
var _h = React.useState(false), open = _h[0], setOpen = _h[1];
|
|
10370
10200
|
var _j = reactHook.useAutoUpdateRefState(initData), dataRef = _j[0], setData = _j[2];
|
|
10371
|
-
var _k = reactHook.useAutoUpdateRefState(React.useMemo(function () { return ifUndefined(initDisabled, formDisabled); }, [initDisabled, formDisabled])), disabledRef = _k[0], disabled = _k[1], setDisabled = _k[2];
|
|
10201
|
+
var _k = reactHook.useAutoUpdateRefState(React.useMemo(function () { return compare.ifUndefined(initDisabled, formDisabled); }, [initDisabled, formDisabled])), disabledRef = _k[0], disabled = _k[1], setDisabled = _k[2];
|
|
10372
10202
|
var _l = reactHook.useAutoUpdateRefState(initHidden), hiddenRef = _l[0], hidden = _l[1], setHidden = _l[2];
|
|
10373
10203
|
/********************************************************************************************************************
|
|
10374
10204
|
* Function - getFinalValue
|
|
@@ -10378,7 +10208,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10378
10208
|
setErrorHelperText(errorHelperText);
|
|
10379
10209
|
}, [setError]);
|
|
10380
10210
|
var validate = React.useCallback(function (value) {
|
|
10381
|
-
if (required && empty(value)) {
|
|
10211
|
+
if (required && compare.empty(value)) {
|
|
10382
10212
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
10383
10213
|
return false;
|
|
10384
10214
|
}
|
|
@@ -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 = React.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]);
|
|
@@ -10628,12 +10458,12 @@ var getFinalValue = function (value) {
|
|
|
10628
10458
|
/********************************************************************************************************************
|
|
10629
10459
|
* Memo - FormState
|
|
10630
10460
|
* ******************************************************************************************************************/
|
|
10631
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
10632
|
-
var size = ifUndefined(initSize, formSize);
|
|
10633
|
-
var color = ifUndefined(initColor, formColor);
|
|
10634
|
-
var focused = ifUndefined(initFocused, formFocused);
|
|
10635
|
-
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
10636
|
-
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
10461
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
10462
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
10463
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
10464
|
+
var focused = compare.ifUndefined(initFocused, formFocused);
|
|
10465
|
+
var labelShrink = compare.ifUndefined(initLabelShrink, formLabelShrink);
|
|
10466
|
+
var fullWidth = compare.ifUndefined(initFullWidth, formFullWidth);
|
|
10637
10467
|
/********************************************************************************************************************
|
|
10638
10468
|
* Ref
|
|
10639
10469
|
* ******************************************************************************************************************/
|
|
@@ -10843,7 +10673,7 @@ var getFinalValue = function (value) {
|
|
|
10843
10673
|
var handleContainerChange = React.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);
|
|
@@ -10986,9 +10816,9 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
|
|
|
10986
10816
|
/********************************************************************************************************************
|
|
10987
10817
|
* Memo - FormState
|
|
10988
10818
|
* ******************************************************************************************************************/
|
|
10989
|
-
var variant = ifUndefined(initVariant, formVariant);
|
|
10990
|
-
var size = ifUndefined(initSize, formSize);
|
|
10991
|
-
var color = ifUndefined(initColor, formColor);
|
|
10819
|
+
var variant = compare.ifUndefined(initVariant, formVariant);
|
|
10820
|
+
var size = compare.ifUndefined(initSize, formSize);
|
|
10821
|
+
var color = compare.ifUndefined(initColor, formColor);
|
|
10992
10822
|
/********************************************************************************************************************
|
|
10993
10823
|
* State - FormState
|
|
10994
10824
|
* ******************************************************************************************************************/
|
|
@@ -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
|
});
|
|
@@ -11293,7 +11123,7 @@ var SearchGroup = function (_a) {
|
|
|
11293
11123
|
* Render
|
|
11294
11124
|
* ******************************************************************************************************************/
|
|
11295
11125
|
var children = _a.children, className = _a.className, size = _a.size, initSx = _a.sx, props = __rest(_a, ["children", "className", "size", "sx"]);
|
|
11296
|
-
return (React.createElement(reactComponent.PdgButton, __assign({ className: classNames(className, 'SearchButton'), size: ifUndefined(size, 'medium'), sx: __assign({ minWidth: 0, px: "".concat(!children ? 9 : 13, "px !important") }, initSx), fullWidth: false }, props), children));
|
|
11126
|
+
return (React.createElement(reactComponent.PdgButton, __assign({ className: classNames(className, 'SearchButton'), size: compare.ifUndefined(size, 'medium'), sx: __assign({ minWidth: 0, px: "".concat(!children ? 9 : 13, "px !important") }, initSx), fullWidth: false }, props), children));
|
|
11297
11127
|
};
|
|
11298
11128
|
var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_a) {
|
|
11299
11129
|
/********************************************************************************************************************
|
|
@@ -11367,7 +11197,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11367
11197
|
if (itemCommands) {
|
|
11368
11198
|
switch (itemCommands.getType()) {
|
|
11369
11199
|
case 'FormCheckbox':
|
|
11370
|
-
if (notEmpty(value)) {
|
|
11200
|
+
if (compare.notEmpty(value)) {
|
|
11371
11201
|
var checkCommands = itemCommands;
|
|
11372
11202
|
if (value.toString() === ((_a = itemCommands.getValue()) === null || _a === void 0 ? void 0 : _a.toString())) {
|
|
11373
11203
|
checkCommands.setChecked(true);
|
|
@@ -11381,7 +11211,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11381
11211
|
case 'FormDateTimePicker':
|
|
11382
11212
|
case 'FormTimePicker':
|
|
11383
11213
|
{
|
|
11384
|
-
if (notEmpty(value)) {
|
|
11214
|
+
if (compare.notEmpty(value)) {
|
|
11385
11215
|
var dateCommands = itemCommands;
|
|
11386
11216
|
var format = dateCommands.getFormValueFormat();
|
|
11387
11217
|
var itemValue = dayjs(value, format);
|
|
@@ -11399,7 +11229,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11399
11229
|
var toName = dateRangePickerCommands.getFormValueToName();
|
|
11400
11230
|
var format = dateRangePickerCommands.getFormValueFormat();
|
|
11401
11231
|
if (name === fromName) {
|
|
11402
|
-
if (notEmpty(value)) {
|
|
11232
|
+
if (compare.notEmpty(value)) {
|
|
11403
11233
|
var startValue = dayjs(value, format);
|
|
11404
11234
|
dateRangePickerCommands.setFromValue(startValue.isValid() ? startValue : null);
|
|
11405
11235
|
}
|
|
@@ -11408,7 +11238,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11408
11238
|
}
|
|
11409
11239
|
}
|
|
11410
11240
|
else if (name === toName) {
|
|
11411
|
-
if (notEmpty(value)) {
|
|
11241
|
+
if (compare.notEmpty(value)) {
|
|
11412
11242
|
var endValue = dayjs(value, format);
|
|
11413
11243
|
dateRangePickerCommands.setToValue(endValue.isValid() ? endValue : null);
|
|
11414
11244
|
}
|
|
@@ -11424,10 +11254,10 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11424
11254
|
var fromName = dateRangePickerCommands.getFormValueFromName();
|
|
11425
11255
|
var toName = dateRangePickerCommands.getFormValueToName();
|
|
11426
11256
|
if (name === fromName) {
|
|
11427
|
-
dateRangePickerCommands.setFromValue(notEmpty(value) ? Number(value) : null);
|
|
11257
|
+
dateRangePickerCommands.setFromValue(compare.notEmpty(value) ? Number(value) : null);
|
|
11428
11258
|
}
|
|
11429
11259
|
else if (name === toName) {
|
|
11430
|
-
dateRangePickerCommands.setToValue(notEmpty(value) ? Number(value) : null);
|
|
11260
|
+
dateRangePickerCommands.setToValue(compare.notEmpty(value) ? Number(value) : null);
|
|
11431
11261
|
}
|
|
11432
11262
|
}
|
|
11433
11263
|
break;
|
|
@@ -11437,10 +11267,10 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11437
11267
|
var yearName = monthCommands.getFormValueYearName();
|
|
11438
11268
|
var monthName = monthCommands.getFormValueMonthName();
|
|
11439
11269
|
if (name === yearName) {
|
|
11440
|
-
monthCommands.setYear(notEmpty(value) ? Number(value) : null);
|
|
11270
|
+
monthCommands.setYear(compare.notEmpty(value) ? Number(value) : null);
|
|
11441
11271
|
}
|
|
11442
11272
|
else if (name === monthName) {
|
|
11443
|
-
monthCommands.setMonth(notEmpty(value) ? Number(value) : null);
|
|
11273
|
+
monthCommands.setMonth(compare.notEmpty(value) ? Number(value) : null);
|
|
11444
11274
|
}
|
|
11445
11275
|
}
|
|
11446
11276
|
break;
|
|
@@ -11452,16 +11282,16 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11452
11282
|
var toYearName = monthRangeCommands.getFormValueToYearName();
|
|
11453
11283
|
var toMonthName = monthRangeCommands.getFormValueToMonthName();
|
|
11454
11284
|
if (name === fromYearName) {
|
|
11455
|
-
monthRangeCommands.setFromYear(notEmpty(value) ? Number(value) : null);
|
|
11285
|
+
monthRangeCommands.setFromYear(compare.notEmpty(value) ? Number(value) : null);
|
|
11456
11286
|
}
|
|
11457
11287
|
else if (name === fromMonthName) {
|
|
11458
|
-
monthRangeCommands.setFromMonth(notEmpty(value) ? Number(value) : null);
|
|
11288
|
+
monthRangeCommands.setFromMonth(compare.notEmpty(value) ? Number(value) : null);
|
|
11459
11289
|
}
|
|
11460
11290
|
else if (name === toYearName) {
|
|
11461
|
-
monthRangeCommands.setToYear(notEmpty(value) ? Number(value) : null);
|
|
11291
|
+
monthRangeCommands.setToYear(compare.notEmpty(value) ? Number(value) : null);
|
|
11462
11292
|
}
|
|
11463
11293
|
else if (name === toMonthName) {
|
|
11464
|
-
monthRangeCommands.setToMonth(notEmpty(value) ? Number(value) : null);
|
|
11294
|
+
monthRangeCommands.setToMonth(compare.notEmpty(value) ? Number(value) : null);
|
|
11465
11295
|
}
|
|
11466
11296
|
}
|
|
11467
11297
|
break;
|
|
@@ -11558,7 +11388,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11558
11388
|
resetValue = searchRef.current.getFormReset(name);
|
|
11559
11389
|
break;
|
|
11560
11390
|
}
|
|
11561
|
-
if (resetValue != null && !equal(resetValue, value) && typeof value !== 'object') {
|
|
11391
|
+
if (resetValue != null && !compare.equal(resetValue, value) && typeof value !== 'object') {
|
|
11562
11392
|
hashes_1.push("".concat(name, "=").concat(encodeURIComponent(value)));
|
|
11563
11393
|
}
|
|
11564
11394
|
}
|