@pdg/react-form 1.0.154 → 1.0.156
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 +174 -2
- package/dist/index.js +435 -263
- package/package.json +11 -12
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var React=require('react'),classNames=require('classnames'),material=require('@mui/material'),
|
|
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) {
|
|
2
2
|
if (!css || typeof window === 'undefined')
|
|
3
3
|
return;
|
|
4
4
|
const style = document.createElement('style');
|
|
@@ -63,7 +63,179 @@ 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
|
-
};
|
|
66
|
+
};function businessNoAutoDash(businessNo, allowCharacters) {
|
|
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 = {
|
|
67
239
|
id: 'init',
|
|
68
240
|
variant: 'outlined',
|
|
69
241
|
size: 'medium',
|
|
@@ -147,7 +319,7 @@ var getItemFormValue = function (commands, reset) {
|
|
|
147
319
|
}
|
|
148
320
|
break;
|
|
149
321
|
default:
|
|
150
|
-
if (
|
|
322
|
+
if (empty(value)) {
|
|
151
323
|
value = '';
|
|
152
324
|
}
|
|
153
325
|
else if (Array.isArray(value)) {
|
|
@@ -223,17 +395,17 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
223
395
|
/********************************************************************************************************************
|
|
224
396
|
* Memo - FormState
|
|
225
397
|
* ******************************************************************************************************************/
|
|
226
|
-
var variant =
|
|
227
|
-
var size =
|
|
228
|
-
var color =
|
|
229
|
-
var spacing =
|
|
230
|
-
var formColGap =
|
|
231
|
-
var focused =
|
|
232
|
-
var labelShrink =
|
|
233
|
-
var fullWidth =
|
|
234
|
-
var fullHeight =
|
|
235
|
-
var disabled =
|
|
236
|
-
var submitWhenReturnKey =
|
|
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);
|
|
237
409
|
/********************************************************************************************************************
|
|
238
410
|
* Ref
|
|
239
411
|
* ******************************************************************************************************************/
|
|
@@ -275,7 +447,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
275
447
|
}
|
|
276
448
|
else {
|
|
277
449
|
onInvalidRef.current && onInvalidRef.current(invalidItems);
|
|
278
|
-
|
|
450
|
+
nextTick(function () {
|
|
279
451
|
var _a;
|
|
280
452
|
(_a = valueItems.current[firstInvalidItemId]) === null || _a === void 0 ? void 0 : _a.focusValidate();
|
|
281
453
|
});
|
|
@@ -316,7 +488,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
316
488
|
case 'FormYearRangePicker': {
|
|
317
489
|
var commands_1 = valueItem;
|
|
318
490
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
319
|
-
if (
|
|
491
|
+
if (notEmpty(subKey)) {
|
|
320
492
|
if (subKey === commands_1.getFormValueFromNameSuffix()) {
|
|
321
493
|
return value[0];
|
|
322
494
|
}
|
|
@@ -334,7 +506,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
334
506
|
case 'FormMonthPicker': {
|
|
335
507
|
var commands_2 = valueItem;
|
|
336
508
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
337
|
-
if (
|
|
509
|
+
if (notEmpty(subKey)) {
|
|
338
510
|
if (subKey === commands_2.getFormValueYearNameSuffix()) {
|
|
339
511
|
return value.year;
|
|
340
512
|
}
|
|
@@ -352,7 +524,7 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
352
524
|
case 'FormMonthRangePicker': {
|
|
353
525
|
var commands_3 = valueItem;
|
|
354
526
|
var value = getItemFormValue(valueItem, !!isReset);
|
|
355
|
-
if (
|
|
527
|
+
if (notEmpty(subKey)) {
|
|
356
528
|
if (subKey === commands_3.getFormValueFromYearNameSuffix()) {
|
|
357
529
|
return value[0].year;
|
|
358
530
|
}
|
|
@@ -628,9 +800,9 @@ var appendFormValueData = function (data, itemCommands) {
|
|
|
628
800
|
/********************************************************************************************************************
|
|
629
801
|
* FormState
|
|
630
802
|
* ******************************************************************************************************************/
|
|
631
|
-
var size =
|
|
632
|
-
var color =
|
|
633
|
-
var fullWidth =
|
|
803
|
+
var size = ifUndefined(initSize, formSize);
|
|
804
|
+
var color = ifUndefined(initColor, formColor);
|
|
805
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
634
806
|
/********************************************************************************************************************
|
|
635
807
|
* Render
|
|
636
808
|
* ******************************************************************************************************************/
|
|
@@ -760,13 +932,13 @@ var templateObject_1$h;var FormBlock = React.forwardRef(function (_a, ref) {
|
|
|
760
932
|
/********************************************************************************************************************
|
|
761
933
|
* Memo - FormState
|
|
762
934
|
* ******************************************************************************************************************/
|
|
763
|
-
var variant =
|
|
764
|
-
var size =
|
|
765
|
-
var color =
|
|
766
|
-
var spacing =
|
|
767
|
-
var focused =
|
|
768
|
-
var labelShrink =
|
|
769
|
-
var fullWidth =
|
|
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);
|
|
770
942
|
/********************************************************************************************************************
|
|
771
943
|
* State
|
|
772
944
|
* ******************************************************************************************************************/
|
|
@@ -825,13 +997,13 @@ var templateObject_1$g;var FormRow = React.forwardRef(function (_a, ref) {
|
|
|
825
997
|
/********************************************************************************************************************
|
|
826
998
|
* Value
|
|
827
999
|
* ******************************************************************************************************************/
|
|
828
|
-
var variant =
|
|
829
|
-
var size =
|
|
830
|
-
var color =
|
|
831
|
-
var spacing =
|
|
832
|
-
var focused =
|
|
833
|
-
var labelShrink =
|
|
834
|
-
var fullWidth =
|
|
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);
|
|
835
1007
|
/********************************************************************************************************************
|
|
836
1008
|
* State
|
|
837
1009
|
* ******************************************************************************************************************/
|
|
@@ -907,14 +1079,14 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
907
1079
|
/********************************************************************************************************************
|
|
908
1080
|
* Variable - FormState
|
|
909
1081
|
* ******************************************************************************************************************/
|
|
910
|
-
var variant =
|
|
911
|
-
var size =
|
|
912
|
-
var color =
|
|
913
|
-
var spacing =
|
|
914
|
-
var focused =
|
|
915
|
-
var labelShrink =
|
|
916
|
-
var fullWidth =
|
|
917
|
-
var formColGap =
|
|
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);
|
|
918
1090
|
/********************************************************************************************************************
|
|
919
1091
|
* Memo
|
|
920
1092
|
* ******************************************************************************************************************/
|
|
@@ -932,7 +1104,7 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
932
1104
|
* ResizeDetector
|
|
933
1105
|
* ******************************************************************************************************************/
|
|
934
1106
|
var _c = reactResizeDetector.useResizeDetector({ handleHeight: false }), gridRef = _c.ref, resizedFormColWidth = _c.width;
|
|
935
|
-
var formColWidth =
|
|
1107
|
+
var formColWidth = ifUndefined(resizedFormColWidth, 0);
|
|
936
1108
|
/********************************************************************************************************************
|
|
937
1109
|
* LayoutEffect
|
|
938
1110
|
* ******************************************************************************************************************/
|
|
@@ -986,7 +1158,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
986
1158
|
* ResizeDetector
|
|
987
1159
|
* ******************************************************************************************************************/
|
|
988
1160
|
var _c = reactResizeDetector.useResizeDetector({ handleWidth: false }), containerRef = _c.ref, resizedHeight = _c.height;
|
|
989
|
-
var height =
|
|
1161
|
+
var height = ifUndefined(resizedHeight, 0);
|
|
990
1162
|
/********************************************************************************************************************
|
|
991
1163
|
* Style
|
|
992
1164
|
* ******************************************************************************************************************/
|
|
@@ -1049,13 +1221,13 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1049
1221
|
/********************************************************************************************************************
|
|
1050
1222
|
* Memo - FormState
|
|
1051
1223
|
* ******************************************************************************************************************/
|
|
1052
|
-
var variant =
|
|
1053
|
-
var size =
|
|
1054
|
-
var color =
|
|
1055
|
-
var focused =
|
|
1056
|
-
var labelShrink =
|
|
1057
|
-
var fullWidth =
|
|
1058
|
-
var submitWhenReturnKey =
|
|
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);
|
|
1059
1231
|
/********************************************************************************************************************
|
|
1060
1232
|
* State
|
|
1061
1233
|
* ******************************************************************************************************************/
|
|
@@ -1075,17 +1247,17 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1075
1247
|
* Function - validate
|
|
1076
1248
|
* ******************************************************************************************************************/
|
|
1077
1249
|
var validate = React.useCallback(function (value) {
|
|
1078
|
-
if (required &&
|
|
1250
|
+
if (required && empty(value)) {
|
|
1079
1251
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
1080
1252
|
return false;
|
|
1081
1253
|
}
|
|
1082
|
-
if (
|
|
1254
|
+
if (notEmpty(value) && validPattern) {
|
|
1083
1255
|
if (!new RegExp(validPattern).test(value)) {
|
|
1084
1256
|
setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
1085
1257
|
return false;
|
|
1086
1258
|
}
|
|
1087
1259
|
}
|
|
1088
|
-
if (
|
|
1260
|
+
if (notEmpty(value) && invalidPattern) {
|
|
1089
1261
|
if (new RegExp(invalidPattern).test(value)) {
|
|
1090
1262
|
setErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
1091
1263
|
return false;
|
|
@@ -1122,7 +1294,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1122
1294
|
/********************************************************************************************************************
|
|
1123
1295
|
* Variables
|
|
1124
1296
|
* ******************************************************************************************************************/
|
|
1125
|
-
var showClear = clear ?
|
|
1297
|
+
var showClear = clear ? notEmpty(value) : false;
|
|
1126
1298
|
/********************************************************************************************************************
|
|
1127
1299
|
* Function - focus
|
|
1128
1300
|
* ******************************************************************************************************************/
|
|
@@ -1212,7 +1384,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1212
1384
|
var handleChange = React.useCallback(function (e) {
|
|
1213
1385
|
var finalValue = updateValue(e.target.value);
|
|
1214
1386
|
if (!noFormValueItem) {
|
|
1215
|
-
|
|
1387
|
+
nextTick(function () {
|
|
1216
1388
|
onValueChangeByUser(name, finalValue);
|
|
1217
1389
|
if (select) {
|
|
1218
1390
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -1298,7 +1470,7 @@ var templateObject_1$e, templateObject_2$7;var FormBody = function (_a) {
|
|
|
1298
1470
|
var finalValue = updateValue('');
|
|
1299
1471
|
focus();
|
|
1300
1472
|
if (!noFormValueItem) {
|
|
1301
|
-
|
|
1473
|
+
nextTick(function () {
|
|
1302
1474
|
onValueChangeByUser(name, finalValue);
|
|
1303
1475
|
onRequestSearchSubmit(name, finalValue);
|
|
1304
1476
|
});
|
|
@@ -1380,7 +1552,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1380
1552
|
onAppendTag(valueRef.current);
|
|
1381
1553
|
valueRef.current = ' ';
|
|
1382
1554
|
forceUpdate();
|
|
1383
|
-
|
|
1555
|
+
nextTick(function () {
|
|
1384
1556
|
valueRef.current = '';
|
|
1385
1557
|
forceUpdate();
|
|
1386
1558
|
});
|
|
@@ -1392,7 +1564,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1392
1564
|
if ([' ', ',', 'Enter'].includes(e.key)) {
|
|
1393
1565
|
e.preventDefault();
|
|
1394
1566
|
e.stopPropagation();
|
|
1395
|
-
if (
|
|
1567
|
+
if (notEmpty(valueRef.current)) {
|
|
1396
1568
|
appendTag();
|
|
1397
1569
|
}
|
|
1398
1570
|
}
|
|
@@ -1405,7 +1577,7 @@ FormText.displayName = 'FormText';var FormTagText = React.forwardRef(function (_
|
|
|
1405
1577
|
valueRef.current = value.replace(/ /g, '').replace(/,/g, '');
|
|
1406
1578
|
}, []);
|
|
1407
1579
|
var handleBlur = React.useCallback(function (e) {
|
|
1408
|
-
if (
|
|
1580
|
+
if (notEmpty(valueRef.current)) {
|
|
1409
1581
|
appendTag();
|
|
1410
1582
|
}
|
|
1411
1583
|
if (onBlur)
|
|
@@ -1432,9 +1604,9 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1432
1604
|
/********************************************************************************************************************
|
|
1433
1605
|
* FormState - Variables
|
|
1434
1606
|
* ******************************************************************************************************************/
|
|
1435
|
-
var variant =
|
|
1436
|
-
var size =
|
|
1437
|
-
var fullWidth =
|
|
1607
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
1608
|
+
var size = ifUndefined(initSize, formSize);
|
|
1609
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
1438
1610
|
/********************************************************************************************************************
|
|
1439
1611
|
* State
|
|
1440
1612
|
* ******************************************************************************************************************/
|
|
@@ -1452,7 +1624,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1452
1624
|
* Function - validate
|
|
1453
1625
|
* ******************************************************************************************************************/
|
|
1454
1626
|
var validate = React.useCallback(function (value) {
|
|
1455
|
-
if (required &&
|
|
1627
|
+
if (required && empty(value)) {
|
|
1456
1628
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
1457
1629
|
return false;
|
|
1458
1630
|
}
|
|
@@ -1493,7 +1665,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1493
1665
|
* Effect
|
|
1494
1666
|
* ******************************************************************************************************************/
|
|
1495
1667
|
React.useEffect(function () {
|
|
1496
|
-
if (!
|
|
1668
|
+
if (!equal(value, initValue)) {
|
|
1497
1669
|
if (onChange)
|
|
1498
1670
|
onChange(value);
|
|
1499
1671
|
onValueChange(name, value);
|
|
@@ -1524,7 +1696,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1524
1696
|
return;
|
|
1525
1697
|
valueSet.add(tag);
|
|
1526
1698
|
var finalValue_1 = updateValue(valueSet);
|
|
1527
|
-
|
|
1699
|
+
nextTick(function () {
|
|
1528
1700
|
onValueChangeByUser(name, finalValue_1);
|
|
1529
1701
|
onRequestSearchSubmit(name, finalValue_1);
|
|
1530
1702
|
});
|
|
@@ -1536,7 +1708,7 @@ var FormTag = React.forwardRef(function (_a, ref) {
|
|
|
1536
1708
|
return;
|
|
1537
1709
|
valueSet.delete(tag);
|
|
1538
1710
|
var finalValue_2 = updateValue(valueSet);
|
|
1539
|
-
|
|
1711
|
+
nextTick(function () {
|
|
1540
1712
|
onValueChangeByUser(name, finalValue_2);
|
|
1541
1713
|
onRequestSearchSubmit(name, finalValue_2);
|
|
1542
1714
|
});
|
|
@@ -1618,7 +1790,7 @@ var FormPassword = React.forwardRef(function (_a, ref) {
|
|
|
1618
1790
|
* ******************************************************************************************************************/
|
|
1619
1791
|
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"]);
|
|
1620
1792
|
var _d = React.useState('password'), type = _d[0], setType = _d[1];
|
|
1621
|
-
var _e = React.useState(
|
|
1793
|
+
var _e = React.useState(notEmpty(props.value)), showEye = _e[0], setShowEye = _e[1];
|
|
1622
1794
|
/********************************************************************************************************************
|
|
1623
1795
|
* Memo
|
|
1624
1796
|
* ******************************************************************************************************************/
|
|
@@ -1636,7 +1808,7 @@ var FormPassword = React.forwardRef(function (_a, ref) {
|
|
|
1636
1808
|
* Event Handler
|
|
1637
1809
|
* ******************************************************************************************************************/
|
|
1638
1810
|
var handleChange = React.useCallback(function (value) {
|
|
1639
|
-
setShowEye(
|
|
1811
|
+
setShowEye(notEmpty(value));
|
|
1640
1812
|
onChange && onChange(value);
|
|
1641
1813
|
}, [onChange]);
|
|
1642
1814
|
/********************************************************************************************************************
|
|
@@ -1651,7 +1823,7 @@ var templateObject_1$c;var FormTel = React.forwardRef(function (_a, ref) {
|
|
|
1651
1823
|
* ******************************************************************************************************************/
|
|
1652
1824
|
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"]);
|
|
1653
1825
|
var handleValue = React.useCallback(function (value) {
|
|
1654
|
-
var newValue =
|
|
1826
|
+
var newValue = telNoAutoDash(value.replace(/[^0-9]/gi, ''));
|
|
1655
1827
|
return onValue ? onValue(newValue) : newValue;
|
|
1656
1828
|
}, [onValue]);
|
|
1657
1829
|
/********************************************************************************************************************
|
|
@@ -1744,14 +1916,14 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
|
|
|
1744
1916
|
forceUpdate();
|
|
1745
1917
|
}
|
|
1746
1918
|
else {
|
|
1747
|
-
var newValue =
|
|
1919
|
+
var newValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1748
1920
|
onChange && onChange(newValue);
|
|
1749
1921
|
strValueRef.current = value;
|
|
1750
1922
|
forceUpdate();
|
|
1751
1923
|
}
|
|
1752
1924
|
}, [forceUpdate, onChange, strValueRef]);
|
|
1753
1925
|
var handleValue = React.useCallback(function (value) {
|
|
1754
|
-
var finalValue =
|
|
1926
|
+
var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1755
1927
|
if (onValue) {
|
|
1756
1928
|
finalValue = onValue(finalValue);
|
|
1757
1929
|
}
|
|
@@ -1759,7 +1931,7 @@ FormMobile.displayName = 'FormMobile';var NumberFormatCustom = React.forwardRef(
|
|
|
1759
1931
|
}, [onValue]);
|
|
1760
1932
|
var handleValidate = React.useCallback(function (value) {
|
|
1761
1933
|
if (onValidate) {
|
|
1762
|
-
var finalValue =
|
|
1934
|
+
var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
|
|
1763
1935
|
return onValidate(finalValue);
|
|
1764
1936
|
}
|
|
1765
1937
|
else {
|
|
@@ -2114,7 +2286,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2114
2286
|
/********************************************************************************************************************
|
|
2115
2287
|
* Memo - FormState
|
|
2116
2288
|
* ******************************************************************************************************************/
|
|
2117
|
-
var fullWidth =
|
|
2289
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2118
2290
|
/********************************************************************************************************************
|
|
2119
2291
|
* State
|
|
2120
2292
|
* ******************************************************************************************************************/
|
|
@@ -2178,7 +2350,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2178
2350
|
var finalValue = newValue == null ? '' : newValue;
|
|
2179
2351
|
if (multiple) {
|
|
2180
2352
|
if (!Array.isArray(finalValue)) {
|
|
2181
|
-
if (
|
|
2353
|
+
if (empty(finalValue)) {
|
|
2182
2354
|
finalValue = [];
|
|
2183
2355
|
}
|
|
2184
2356
|
else {
|
|
@@ -2193,16 +2365,16 @@ function AutoTypeForwardRef(render) {
|
|
|
2193
2365
|
}
|
|
2194
2366
|
else {
|
|
2195
2367
|
if (Array.isArray(finalValue)) {
|
|
2196
|
-
finalValue =
|
|
2368
|
+
finalValue = empty(finalValue) ? '' : finalValue[0];
|
|
2197
2369
|
}
|
|
2198
2370
|
else {
|
|
2199
|
-
if (
|
|
2371
|
+
if (empty(finalValue)) {
|
|
2200
2372
|
finalValue = '';
|
|
2201
2373
|
}
|
|
2202
2374
|
}
|
|
2203
2375
|
}
|
|
2204
|
-
if (
|
|
2205
|
-
if (finalValue != null &&
|
|
2376
|
+
if (notEmpty(itemsValues)) {
|
|
2377
|
+
if (finalValue != null && notEmpty(finalValue)) {
|
|
2206
2378
|
if (multiple) {
|
|
2207
2379
|
if (Array.isArray(finalValue)) {
|
|
2208
2380
|
finalValue = finalValue.map(function (v) {
|
|
@@ -2220,7 +2392,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2220
2392
|
}
|
|
2221
2393
|
}
|
|
2222
2394
|
finalValue = onValue ? onValue(finalValue) : finalValue;
|
|
2223
|
-
return
|
|
2395
|
+
return equal(newValue, finalValue) ? newValue : finalValue;
|
|
2224
2396
|
}, [multiple, formValueSeparator, itemsValues, onValue]);
|
|
2225
2397
|
/********************************************************************************************************************
|
|
2226
2398
|
* value
|
|
@@ -2252,7 +2424,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2252
2424
|
/********************************************************************************************************************
|
|
2253
2425
|
* Variable
|
|
2254
2426
|
* ******************************************************************************************************************/
|
|
2255
|
-
var isSelectedPlaceholder =
|
|
2427
|
+
var isSelectedPlaceholder = notEmpty(items) && empty(value) && !!placeholder && !hasEmptyValue;
|
|
2256
2428
|
/********************************************************************************************************************
|
|
2257
2429
|
* Function - getExtraCommands
|
|
2258
2430
|
* ******************************************************************************************************************/
|
|
@@ -2341,7 +2513,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2341
2513
|
}, [isSelectedPlaceholder, itemValueLabels, minWidth, multiple, placeholder, value, width]);
|
|
2342
2514
|
var finalValue = React.useMemo(function () {
|
|
2343
2515
|
var newFinalValue;
|
|
2344
|
-
if (
|
|
2516
|
+
if (notEmpty(items)) {
|
|
2345
2517
|
newFinalValue = value;
|
|
2346
2518
|
}
|
|
2347
2519
|
else {
|
|
@@ -2363,7 +2535,7 @@ function AutoTypeForwardRef(render) {
|
|
|
2363
2535
|
if (Array.isArray(newFinalValue)) {
|
|
2364
2536
|
newFinalValue = newFinalValue[0];
|
|
2365
2537
|
}
|
|
2366
|
-
newFinalValue =
|
|
2538
|
+
newFinalValue = ifUndefined(newFinalValue, '');
|
|
2367
2539
|
}
|
|
2368
2540
|
return newFinalValue;
|
|
2369
2541
|
}, [emptyValue, items, multiple, selectProps, value]);
|
|
@@ -2378,11 +2550,11 @@ function AutoTypeForwardRef(render) {
|
|
|
2378
2550
|
};
|
|
2379
2551
|
}, [hasEmptyValue, initSlotProps === null || initSlotProps === void 0 ? void 0 : initSlotProps.inputLabel, initSlotProps === null || initSlotProps === void 0 ? void 0 : initSlotProps.select, placeholder, selectProps]);
|
|
2380
2552
|
return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { fullWidth: formFullWidth, onAddValueItem: handleAddValueItem, onValueChange: function () { } }) },
|
|
2381
|
-
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 ||
|
|
2553
|
+
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 }),
|
|
2382
2554
|
isSelectedPlaceholder && (React.createElement(material.MenuItem, { key: '$$$EmptyValuePlaceholder$$$', value: '', disabled: true, sx: { display: 'none' } }, placeholder)),
|
|
2383
|
-
items &&
|
|
2555
|
+
items && notEmpty(items) ? (items.map(function (_a) {
|
|
2384
2556
|
var itemLabel = _a.label, itemValue = _a.value, disabled = _a.disabled;
|
|
2385
|
-
return (React.createElement(material.MenuItem, { key:
|
|
2557
|
+
return (React.createElement(material.MenuItem, { key: empty(itemValue) ? '$$$EmptyValue$$$' : "".concat(itemValue), value: typeof itemValue === 'boolean' ? "".concat(itemValue) : itemValue, disabled: disabled },
|
|
2386
2558
|
multiple && checkbox && Array.isArray(value) && React.createElement(material.Checkbox, { checked: value.includes(itemValue) }),
|
|
2387
2559
|
itemLabel));
|
|
2388
2560
|
})) : (React.createElement(material.MenuItem, { value: '' })))));
|
|
@@ -2393,7 +2565,7 @@ FormSelect.displayName = 'FormSelect';var FormBusinessNo = React.forwardRef(func
|
|
|
2393
2565
|
* ******************************************************************************************************************/
|
|
2394
2566
|
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"]);
|
|
2395
2567
|
var handleValue = React.useCallback(function (value) {
|
|
2396
|
-
var newValue =
|
|
2568
|
+
var newValue = businessNoAutoDash(value.replace(/[^0-9]/gi, ''));
|
|
2397
2569
|
return onValue ? onValue(newValue) : newValue;
|
|
2398
2570
|
}, [onValue]);
|
|
2399
2571
|
/********************************************************************************************************************
|
|
@@ -2407,11 +2579,11 @@ FormBusinessNo.displayName = 'FormBusinessNo';var FormPersonalNo = React.forward
|
|
|
2407
2579
|
* ******************************************************************************************************************/
|
|
2408
2580
|
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"]);
|
|
2409
2581
|
var handleValue = React.useCallback(function (value) {
|
|
2410
|
-
var newValue =
|
|
2582
|
+
var newValue = personalNoAutoDash(value.replace(/[^0-9]/gi, ''));
|
|
2411
2583
|
return onValue ? onValue(newValue) : newValue;
|
|
2412
2584
|
}, [onValue]);
|
|
2413
2585
|
var handleValidate = React.useCallback(function (value) {
|
|
2414
|
-
if (
|
|
2586
|
+
if (notEmpty(value) && !skipPersonalNumberValidateCheck) {
|
|
2415
2587
|
if (value.length === 14 && value.includes('-')) {
|
|
2416
2588
|
var jumin = value
|
|
2417
2589
|
.replace(/-/g, '')
|
|
@@ -2462,15 +2634,15 @@ FormPersonalNo.displayName = 'FormPersonalNo';insertStyle(".FormItemBase .FormIt
|
|
|
2462
2634
|
/********************************************************************************************************************
|
|
2463
2635
|
* Memo - FormState
|
|
2464
2636
|
* ******************************************************************************************************************/
|
|
2465
|
-
var variant =
|
|
2466
|
-
var size =
|
|
2467
|
-
var color =
|
|
2468
|
-
var fullWidth =
|
|
2637
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
2638
|
+
var size = ifUndefined(initSize, formSize);
|
|
2639
|
+
var color = ifUndefined(initColor, formColor);
|
|
2640
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2469
2641
|
/********************************************************************************************************************
|
|
2470
2642
|
* State - inputHeight
|
|
2471
2643
|
* ******************************************************************************************************************/
|
|
2472
2644
|
var _c = reactResizeDetector.useResizeDetector({ handleWidth: false }), inputRef = _c.ref, resizedInputHeight = _c.height;
|
|
2473
|
-
var inputHeight =
|
|
2645
|
+
var inputHeight = ifUndefined(resizedInputHeight, 0);
|
|
2474
2646
|
/********************************************************************************************************************
|
|
2475
2647
|
* Memo
|
|
2476
2648
|
* ******************************************************************************************************************/
|
|
@@ -2558,7 +2730,7 @@ FormPersonalNo.displayName = 'FormPersonalNo';insertStyle(".FormItemBase .FormIt
|
|
|
2558
2730
|
width: fullWidth ? '100%' : 'auto',
|
|
2559
2731
|
display: 'grid',
|
|
2560
2732
|
marginTop: -inputHeight,
|
|
2561
|
-
height:
|
|
2733
|
+
height: ifUndefined(controlHeight, inputHeight) > inputHeight ? controlHeight : undefined,
|
|
2562
2734
|
alignItems: 'flex-start',
|
|
2563
2735
|
paddingTop: controlMarginTop,
|
|
2564
2736
|
position: 'relative',
|
|
@@ -2590,11 +2762,11 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React.forwardRef(fu
|
|
|
2590
2762
|
/********************************************************************************************************************
|
|
2591
2763
|
* Memo - FormState
|
|
2592
2764
|
* ******************************************************************************************************************/
|
|
2593
|
-
var variant =
|
|
2594
|
-
var size =
|
|
2595
|
-
var color =
|
|
2596
|
-
var focused =
|
|
2597
|
-
var fullWidth =
|
|
2765
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
2766
|
+
var size = ifUndefined(initSize, formSize);
|
|
2767
|
+
var color = ifUndefined(initColor, formColor);
|
|
2768
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
2769
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
2598
2770
|
/********************************************************************************************************************
|
|
2599
2771
|
* Ref
|
|
2600
2772
|
* ******************************************************************************************************************/
|
|
@@ -2749,7 +2921,7 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React.forwardRef(fu
|
|
|
2749
2921
|
}
|
|
2750
2922
|
else {
|
|
2751
2923
|
updateChecked(checked);
|
|
2752
|
-
|
|
2924
|
+
nextTick(function () {
|
|
2753
2925
|
onValueChangeByUser(name, checked);
|
|
2754
2926
|
onRequestSearchSubmit(name, checked);
|
|
2755
2927
|
});
|
|
@@ -2785,10 +2957,10 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
2785
2957
|
/********************************************************************************************************************
|
|
2786
2958
|
* Memo - FormState
|
|
2787
2959
|
* ******************************************************************************************************************/
|
|
2788
|
-
var variant =
|
|
2789
|
-
var size =
|
|
2790
|
-
var color =
|
|
2791
|
-
var focused =
|
|
2960
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
2961
|
+
var size = ifUndefined(initSize, formSize);
|
|
2962
|
+
var color = ifUndefined(initColor, formColor);
|
|
2963
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
2792
2964
|
/********************************************************************************************************************
|
|
2793
2965
|
* State - FormState
|
|
2794
2966
|
* ******************************************************************************************************************/
|
|
@@ -2843,7 +3015,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
2843
3015
|
* Function - validate
|
|
2844
3016
|
* ******************************************************************************************************************/
|
|
2845
3017
|
var validate = React.useCallback(function (value) {
|
|
2846
|
-
if (required &&
|
|
3018
|
+
if (required && empty(value)) {
|
|
2847
3019
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
2848
3020
|
return false;
|
|
2849
3021
|
}
|
|
@@ -3044,7 +3216,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
3044
3216
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3045
3217
|
if (value !== finalValue_1) {
|
|
3046
3218
|
updateValue(finalValue_1, true);
|
|
3047
|
-
|
|
3219
|
+
nextTick(function () {
|
|
3048
3220
|
onValueChangeByUser(name, finalValue_1);
|
|
3049
3221
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3050
3222
|
});
|
|
@@ -3121,8 +3293,8 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
3121
3293
|
width,
|
|
3122
3294
|
]);
|
|
3123
3295
|
var singleHeight = height || (size === 'small' ? 35 : 39);
|
|
3124
|
-
var isMultiline = singleHeight <=
|
|
3125
|
-
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 &&
|
|
3296
|
+
var isMultiline = singleHeight <= ifUndefined(realHeight, 0);
|
|
3297
|
+
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: {
|
|
3126
3298
|
paddingTop: isMultiline && size === 'medium' ? 4 : undefined,
|
|
3127
3299
|
}, controlVerticalCenter: !isMultiline, control: control }));
|
|
3128
3300
|
}));
|
|
@@ -3149,14 +3321,14 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3149
3321
|
/********************************************************************************************************************
|
|
3150
3322
|
* Variables - FormState
|
|
3151
3323
|
* ******************************************************************************************************************/
|
|
3152
|
-
var variant =
|
|
3153
|
-
var size =
|
|
3154
|
-
var color =
|
|
3155
|
-
var fullWidth = type === 'checkbox' || type === 'radio' ? true :
|
|
3324
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
3325
|
+
var size = ifUndefined(initSize, formSize);
|
|
3326
|
+
var color = ifUndefined(initColor, formColor);
|
|
3327
|
+
var fullWidth = type === 'checkbox' || type === 'radio' ? true : ifUndefined(initFullWidth, formFullWidth);
|
|
3156
3328
|
/********************************************************************************************************************
|
|
3157
3329
|
* State - FormState
|
|
3158
3330
|
* ******************************************************************************************************************/
|
|
3159
|
-
var _e = reactHook.useAutoUpdateState(
|
|
3331
|
+
var _e = reactHook.useAutoUpdateState(ifUndefined(initFocused, formFocused)), focused = _e[0], setFocused = _e[1];
|
|
3160
3332
|
/********************************************************************************************************************
|
|
3161
3333
|
* Theme
|
|
3162
3334
|
* ******************************************************************************************************************/
|
|
@@ -3171,7 +3343,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3171
3343
|
var _g = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForButtonResizeHeightDetect = _g.ref, buttonHeight = _g.height;
|
|
3172
3344
|
var _h = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForButtonsResizeHeightDetect = _h.ref, realHeight = _h.height;
|
|
3173
3345
|
var _j = reactResizeDetector.useResizeDetector({ handleWidth: false }), refForLoadingResizeHeightDetect = _j.ref, loadingHeight = _j.height;
|
|
3174
|
-
var height =
|
|
3346
|
+
var height = ifUndefined(buttonHeight, loadingHeight);
|
|
3175
3347
|
/********************************************************************************************************************
|
|
3176
3348
|
* State
|
|
3177
3349
|
* ******************************************************************************************************************/
|
|
@@ -3232,7 +3404,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3232
3404
|
* Function - validate
|
|
3233
3405
|
* ******************************************************************************************************************/
|
|
3234
3406
|
var validate = React.useCallback(function (value) {
|
|
3235
|
-
if (required &&
|
|
3407
|
+
if (required && empty(value)) {
|
|
3236
3408
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3237
3409
|
return false;
|
|
3238
3410
|
}
|
|
@@ -3253,7 +3425,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3253
3425
|
var finalValue = value;
|
|
3254
3426
|
if (multiple) {
|
|
3255
3427
|
if (!Array.isArray(finalValue)) {
|
|
3256
|
-
if (finalValue != null &&
|
|
3428
|
+
if (finalValue != null && notEmpty(finalValue)) {
|
|
3257
3429
|
if (typeof finalValue === 'string') {
|
|
3258
3430
|
finalValue = Array.from(new Set(finalValue.split(formValueSeparator)));
|
|
3259
3431
|
}
|
|
@@ -3268,7 +3440,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3268
3440
|
}
|
|
3269
3441
|
else {
|
|
3270
3442
|
if (Array.isArray(finalValue)) {
|
|
3271
|
-
if (
|
|
3443
|
+
if (notEmpty(finalValue)) {
|
|
3272
3444
|
finalValue = finalValue[0];
|
|
3273
3445
|
}
|
|
3274
3446
|
else {
|
|
@@ -3276,8 +3448,8 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3276
3448
|
}
|
|
3277
3449
|
}
|
|
3278
3450
|
}
|
|
3279
|
-
if (
|
|
3280
|
-
if (finalValue != null &&
|
|
3451
|
+
if (notEmpty(itemsValues)) {
|
|
3452
|
+
if (finalValue != null && notEmpty(finalValue)) {
|
|
3281
3453
|
if (multiple) {
|
|
3282
3454
|
if (Array.isArray(finalValue)) {
|
|
3283
3455
|
finalValue = finalValue.map(function (v) {
|
|
@@ -3295,7 +3467,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3295
3467
|
}
|
|
3296
3468
|
}
|
|
3297
3469
|
finalValue = onValue ? onValue(finalValue) : finalValue;
|
|
3298
|
-
return
|
|
3470
|
+
return equal(value, finalValue) ? value : finalValue;
|
|
3299
3471
|
}, [multiple, formValueSeparator, itemsValues, onValue]);
|
|
3300
3472
|
var _t = reactHook.useAutoUpdateRefState(initValue, getFinalValue), valueRef = _t[0], value = _t[1], _setValue = _t[2];
|
|
3301
3473
|
var updateValue = React.useCallback(function (newValue, skipCallback) {
|
|
@@ -3326,10 +3498,10 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3326
3498
|
}, []);
|
|
3327
3499
|
React.useEffect(function () {
|
|
3328
3500
|
if (notAllowEmptyValue) {
|
|
3329
|
-
if (items &&
|
|
3501
|
+
if (items && notEmpty(items)) {
|
|
3330
3502
|
var setFirstItem = false;
|
|
3331
3503
|
if (Array.isArray(value)) {
|
|
3332
|
-
if (
|
|
3504
|
+
if (empty(value)) {
|
|
3333
3505
|
setFirstItem = true;
|
|
3334
3506
|
}
|
|
3335
3507
|
}
|
|
@@ -3447,7 +3619,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3447
3619
|
var finalValue_1 = newValue;
|
|
3448
3620
|
if (notAllowEmptyValue) {
|
|
3449
3621
|
if (multiple) {
|
|
3450
|
-
if (
|
|
3622
|
+
if (empty(finalValue_1)) {
|
|
3451
3623
|
if (Array.isArray(valueRef.current) && valueRef.current.length > 0) {
|
|
3452
3624
|
finalValue_1 = [valueRef.current[0]];
|
|
3453
3625
|
}
|
|
@@ -3460,9 +3632,9 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3460
3632
|
}
|
|
3461
3633
|
}
|
|
3462
3634
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3463
|
-
if (!
|
|
3635
|
+
if (!equal(valueRef.current, finalValue_1)) {
|
|
3464
3636
|
updateValue(finalValue_1, true);
|
|
3465
|
-
|
|
3637
|
+
nextTick(function () {
|
|
3466
3638
|
onValueChangeByUser(name, finalValue_1);
|
|
3467
3639
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3468
3640
|
});
|
|
@@ -3571,7 +3743,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3571
3743
|
? formColWidth
|
|
3572
3744
|
: undefined,
|
|
3573
3745
|
flexWrap: type === 'checkbox' || type === 'radio' ? 'wrap' : 'nowrap',
|
|
3574
|
-
}, "aria-labelledby":
|
|
3746
|
+
}, "aria-labelledby": notEmpty(label) ? labelId : undefined }, isOnGetItemLoading || loading || !items || empty(items) ? (React.createElement(material.ToggleButton, { ref: function (ref) {
|
|
3575
3747
|
refForButtonResizeHeightDetect.current = ref;
|
|
3576
3748
|
}, size: size, className: 'ToggleButton', disabled: disabled || readOnly, value: '', style: { visibility: 'hidden' } })) : (buttons))));
|
|
3577
3749
|
}, [
|
|
@@ -3597,7 +3769,7 @@ FormRadioGroup.displayName = 'FormRadioGroup';insertStyle(".FormToggleButtonGrou
|
|
|
3597
3769
|
width,
|
|
3598
3770
|
]);
|
|
3599
3771
|
var controlHeight = height || 0;
|
|
3600
|
-
var isMultiline = controlHeight <=
|
|
3772
|
+
var isMultiline = controlHeight <= ifUndefined(realHeight, 0);
|
|
3601
3773
|
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 })));
|
|
3602
3774
|
}));
|
|
3603
3775
|
FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = React.forwardRef(function (_a, ref) {
|
|
@@ -3621,9 +3793,9 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3621
3793
|
/********************************************************************************************************************
|
|
3622
3794
|
* Memo - FormState
|
|
3623
3795
|
* ******************************************************************************************************************/
|
|
3624
|
-
var variant =
|
|
3625
|
-
var size =
|
|
3626
|
-
var color =
|
|
3796
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
3797
|
+
var size = ifUndefined(initSize, formSize);
|
|
3798
|
+
var color = ifUndefined(initColor, formColor);
|
|
3627
3799
|
/********************************************************************************************************************
|
|
3628
3800
|
* State - FormState
|
|
3629
3801
|
* ******************************************************************************************************************/
|
|
@@ -3652,7 +3824,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3652
3824
|
setErrorHelperText(errorHelperText);
|
|
3653
3825
|
}, [setError]);
|
|
3654
3826
|
var validate = React.useCallback(function (value) {
|
|
3655
|
-
if (required && (
|
|
3827
|
+
if (required && (empty(value) || value === 0)) {
|
|
3656
3828
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3657
3829
|
return false;
|
|
3658
3830
|
}
|
|
@@ -3778,7 +3950,7 @@ FormToggleButtonGroup.displayName = 'FormToggleButtonGroup';var FormRating = Rea
|
|
|
3778
3950
|
}
|
|
3779
3951
|
else {
|
|
3780
3952
|
var finalValue_1 = updateValue(value);
|
|
3781
|
-
|
|
3953
|
+
nextTick(function () {
|
|
3782
3954
|
onValueChangeByUser(name, finalValue_1);
|
|
3783
3955
|
onRequestSearchSubmit(name, finalValue_1);
|
|
3784
3956
|
});
|
|
@@ -3816,13 +3988,13 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
3816
3988
|
/********************************************************************************************************************
|
|
3817
3989
|
* Memo - FormState
|
|
3818
3990
|
* ******************************************************************************************************************/
|
|
3819
|
-
var variant =
|
|
3820
|
-
var size =
|
|
3821
|
-
var color =
|
|
3991
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
3992
|
+
var size = ifUndefined(initSize, formSize);
|
|
3993
|
+
var color = ifUndefined(initColor, formColor);
|
|
3822
3994
|
/********************************************************************************************************************
|
|
3823
3995
|
* State - FormState
|
|
3824
3996
|
* ******************************************************************************************************************/
|
|
3825
|
-
var _f = reactHook.useAutoUpdateState(
|
|
3997
|
+
var _f = reactHook.useAutoUpdateState(ifUndefined(initFocused, formFocused)), focused = _f[0], setFocused = _f[1];
|
|
3826
3998
|
/********************************************************************************************************************
|
|
3827
3999
|
* Ref
|
|
3828
4000
|
* ******************************************************************************************************************/
|
|
@@ -3849,7 +4021,7 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
3849
4021
|
* ******************************************************************************************************************/
|
|
3850
4022
|
var validate = React.useCallback(function (value) {
|
|
3851
4023
|
var _a;
|
|
3852
|
-
if (required &&
|
|
4024
|
+
if (required && empty((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getContent())) {
|
|
3853
4025
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
3854
4026
|
return false;
|
|
3855
4027
|
}
|
|
@@ -3954,7 +4126,7 @@ FormRating.displayName = 'FormRating';var getFinalValue$8 = function (value) {
|
|
|
3954
4126
|
var handleEditorChange = React.useCallback(function (value) {
|
|
3955
4127
|
updateValue(value);
|
|
3956
4128
|
if (new Date().getTime() - keyDownTime.current < 300) {
|
|
3957
|
-
|
|
4129
|
+
nextTick(function () {
|
|
3958
4130
|
if (onValueChangeByUser)
|
|
3959
4131
|
onValueChangeByUser(name, value);
|
|
3960
4132
|
});
|
|
@@ -4042,12 +4214,12 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4042
4214
|
/********************************************************************************************************************
|
|
4043
4215
|
* Memo - FormState
|
|
4044
4216
|
* ******************************************************************************************************************/
|
|
4045
|
-
var variant =
|
|
4046
|
-
var size =
|
|
4047
|
-
var color =
|
|
4048
|
-
var focused =
|
|
4049
|
-
var labelShrink =
|
|
4050
|
-
var fullWidth =
|
|
4217
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
4218
|
+
var size = ifUndefined(initSize, formSize);
|
|
4219
|
+
var color = ifUndefined(initColor, formColor);
|
|
4220
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
4221
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
4222
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
4051
4223
|
/********************************************************************************************************************
|
|
4052
4224
|
* State
|
|
4053
4225
|
* ******************************************************************************************************************/
|
|
@@ -4097,7 +4269,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4097
4269
|
* Function - validate
|
|
4098
4270
|
* ******************************************************************************************************************/
|
|
4099
4271
|
var validate = React.useCallback(function (value) {
|
|
4100
|
-
if (required &&
|
|
4272
|
+
if (required && empty(value)) {
|
|
4101
4273
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
4102
4274
|
return false;
|
|
4103
4275
|
}
|
|
@@ -4118,7 +4290,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4118
4290
|
var finalValue = value;
|
|
4119
4291
|
if (multiple) {
|
|
4120
4292
|
if (!Array.isArray(finalValue)) {
|
|
4121
|
-
if (finalValue != null &&
|
|
4293
|
+
if (finalValue != null && notEmpty(finalValue)) {
|
|
4122
4294
|
if (typeof finalValue === 'string') {
|
|
4123
4295
|
finalValue = Array.from(new Set(finalValue.split(formValueSeparator || ',')));
|
|
4124
4296
|
}
|
|
@@ -4133,7 +4305,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4133
4305
|
}
|
|
4134
4306
|
else {
|
|
4135
4307
|
if (Array.isArray(finalValue)) {
|
|
4136
|
-
if (
|
|
4308
|
+
if (notEmpty(finalValue)) {
|
|
4137
4309
|
finalValue = finalValue[0];
|
|
4138
4310
|
}
|
|
4139
4311
|
else {
|
|
@@ -4141,8 +4313,8 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4141
4313
|
}
|
|
4142
4314
|
}
|
|
4143
4315
|
}
|
|
4144
|
-
if (
|
|
4145
|
-
if (finalValue != null &&
|
|
4316
|
+
if (notEmpty(itemsValues)) {
|
|
4317
|
+
if (finalValue != null && notEmpty(finalValue)) {
|
|
4146
4318
|
if (multiple) {
|
|
4147
4319
|
if (Array.isArray(finalValue)) {
|
|
4148
4320
|
finalValue = finalValue.map(function (v) {
|
|
@@ -4197,7 +4369,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4197
4369
|
finalValue = (multiple ? [] : undefined);
|
|
4198
4370
|
}
|
|
4199
4371
|
var newComponentValue = (multiple ? [] : null);
|
|
4200
|
-
if (
|
|
4372
|
+
if (notEmpty(finalValue)) {
|
|
4201
4373
|
if (items) {
|
|
4202
4374
|
if (Array.isArray(finalValue)) {
|
|
4203
4375
|
finalValue.forEach(function (v) {
|
|
@@ -4212,7 +4384,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4212
4384
|
(multiple ? [] : null));
|
|
4213
4385
|
}
|
|
4214
4386
|
}
|
|
4215
|
-
if (
|
|
4387
|
+
if (empty(newComponentValue) && valueItem) {
|
|
4216
4388
|
if (Array.isArray(finalValue)) {
|
|
4217
4389
|
if (Array.isArray(valueItem)) {
|
|
4218
4390
|
newComponentValue = valueItem.filter(function (info) { return Array.isArray(finalValue) && finalValue.includes(info.value); });
|
|
@@ -4225,7 +4397,7 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4225
4397
|
}
|
|
4226
4398
|
}
|
|
4227
4399
|
}
|
|
4228
|
-
if (oldComponentValueRef.current && newComponentValue &&
|
|
4400
|
+
if (oldComponentValueRef.current && newComponentValue && equal(oldComponentValueRef.current, newComponentValue)) {
|
|
4229
4401
|
return oldComponentValueRef.current;
|
|
4230
4402
|
}
|
|
4231
4403
|
else {
|
|
@@ -4438,10 +4610,10 @@ FormTextEditor.displayName = 'FormTextEditor';var FormAutocomplete = ToForwardRe
|
|
|
4438
4610
|
}
|
|
4439
4611
|
}
|
|
4440
4612
|
var finalValue = getFinalValue(newValue);
|
|
4441
|
-
if (!
|
|
4613
|
+
if (!equal(valueRef.current, finalValue)) {
|
|
4442
4614
|
updateValue(finalValue, true);
|
|
4443
4615
|
setValueItem(componentValue);
|
|
4444
|
-
|
|
4616
|
+
nextTick(function () {
|
|
4445
4617
|
onValueChangeByUser(name, finalValue);
|
|
4446
4618
|
onRequestSearchSubmit(name, finalValue);
|
|
4447
4619
|
});
|
|
@@ -5729,12 +5901,12 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5729
5901
|
/********************************************************************************************************************
|
|
5730
5902
|
* Value
|
|
5731
5903
|
* ******************************************************************************************************************/
|
|
5732
|
-
var variant =
|
|
5733
|
-
var size =
|
|
5734
|
-
var color =
|
|
5735
|
-
var focused =
|
|
5736
|
-
var labelShrink =
|
|
5737
|
-
var fullWidth =
|
|
5904
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
5905
|
+
var size = ifUndefined(initSize, formSize);
|
|
5906
|
+
var color = ifUndefined(initColor, formColor);
|
|
5907
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
5908
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
5909
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
5738
5910
|
/********************************************************************************************************************
|
|
5739
5911
|
* State - open
|
|
5740
5912
|
* ******************************************************************************************************************/
|
|
@@ -5763,7 +5935,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5763
5935
|
* Function - validate
|
|
5764
5936
|
* ******************************************************************************************************************/
|
|
5765
5937
|
var validate = React.useCallback(function (value) {
|
|
5766
|
-
if (required &&
|
|
5938
|
+
if (required && empty(value)) {
|
|
5767
5939
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
5768
5940
|
return false;
|
|
5769
5941
|
}
|
|
@@ -5931,7 +6103,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5931
6103
|
* ******************************************************************************************************************/
|
|
5932
6104
|
var handleChange = React.useCallback(function (unit, newValue, keyboardInputValue) {
|
|
5933
6105
|
var isUpdateValue = true;
|
|
5934
|
-
if (
|
|
6106
|
+
if (notEmpty(keyboardInputValue)) {
|
|
5935
6107
|
if (newValue) {
|
|
5936
6108
|
if (!newValue.isValid()) {
|
|
5937
6109
|
isUpdateValue = false;
|
|
@@ -5955,7 +6127,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5955
6127
|
}
|
|
5956
6128
|
}
|
|
5957
6129
|
var runOnRequestSearchSubmit_1 = false;
|
|
5958
|
-
if (
|
|
6130
|
+
if (notEmpty(keyboardInputValue)) {
|
|
5959
6131
|
if (!time || unit !== 'action_date') {
|
|
5960
6132
|
runOnRequestSearchSubmit_1 = !open; // 팝업창 열리지 않은 상태에서 날짜 키보드로 변경
|
|
5961
6133
|
setOpen(false);
|
|
@@ -5966,7 +6138,7 @@ var PrivateStaticDatePicker = React.forwardRef(function (_a, ref) {
|
|
|
5966
6138
|
setOpen(false);
|
|
5967
6139
|
}
|
|
5968
6140
|
updateValue(finalValue);
|
|
5969
|
-
|
|
6141
|
+
nextTick(function () {
|
|
5970
6142
|
onValueChangeByUser(name, finalValue);
|
|
5971
6143
|
if (runOnRequestSearchSubmit_1) {
|
|
5972
6144
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -6355,12 +6527,12 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6355
6527
|
/********************************************************************************************************************
|
|
6356
6528
|
* Value
|
|
6357
6529
|
* ******************************************************************************************************************/
|
|
6358
|
-
var variant =
|
|
6359
|
-
var size =
|
|
6360
|
-
var color =
|
|
6361
|
-
var focused =
|
|
6362
|
-
var labelShrink =
|
|
6363
|
-
var fullWidth =
|
|
6530
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
6531
|
+
var size = ifUndefined(initSize, formSize);
|
|
6532
|
+
var color = ifUndefined(initColor, formColor);
|
|
6533
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
6534
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
6535
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
6364
6536
|
/********************************************************************************************************************
|
|
6365
6537
|
* State - open
|
|
6366
6538
|
* ******************************************************************************************************************/
|
|
@@ -6391,7 +6563,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6391
6563
|
* Function - validate
|
|
6392
6564
|
* ******************************************************************************************************************/
|
|
6393
6565
|
var validate = React.useCallback(function (value) {
|
|
6394
|
-
if (required &&
|
|
6566
|
+
if (required && empty(value)) {
|
|
6395
6567
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
6396
6568
|
return false;
|
|
6397
6569
|
}
|
|
@@ -6560,7 +6732,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6560
6732
|
var handleChange = React.useCallback(function (unit, newValue, keyboardInputValue) {
|
|
6561
6733
|
var _a, _b, _c;
|
|
6562
6734
|
var isUpdateValue = true;
|
|
6563
|
-
if (
|
|
6735
|
+
if (notEmpty(keyboardInputValue)) {
|
|
6564
6736
|
if (newValue) {
|
|
6565
6737
|
if (!newValue.isValid()) {
|
|
6566
6738
|
isUpdateValue = false;
|
|
@@ -6584,7 +6756,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6584
6756
|
}
|
|
6585
6757
|
}
|
|
6586
6758
|
var runOnRequestSearchSubmit_1 = false;
|
|
6587
|
-
if (
|
|
6759
|
+
if (notEmpty(keyboardInputValue)) {
|
|
6588
6760
|
if (!time || unit !== 'action_date') {
|
|
6589
6761
|
runOnRequestSearchSubmit_1 = !open; // 팝업창 열리지 않은 상태에서 날짜 키보드로 변경
|
|
6590
6762
|
setOpen(false);
|
|
@@ -6595,7 +6767,7 @@ var PrivateStaticDateTimePicker = React.forwardRef(function (_a, ref) {
|
|
|
6595
6767
|
setOpen(false);
|
|
6596
6768
|
}
|
|
6597
6769
|
updateValue(finalValue);
|
|
6598
|
-
|
|
6770
|
+
nextTick(function () {
|
|
6599
6771
|
onValueChangeByUser(name, finalValue);
|
|
6600
6772
|
if (runOnRequestSearchSubmit_1) {
|
|
6601
6773
|
onRequestSearchSubmit(name, finalValue);
|
|
@@ -8065,7 +8237,7 @@ var FormDateRangePickerTooltipPickerContainer = React.forwardRef(function (_a, r
|
|
|
8065
8237
|
* ******************************************************************************************************************/
|
|
8066
8238
|
React.useEffect(function () {
|
|
8067
8239
|
if (yearSelectOpen) {
|
|
8068
|
-
|
|
8240
|
+
nextTick(function () {
|
|
8069
8241
|
var _a, _b, _c;
|
|
8070
8242
|
var wrapRect = (_a = yearSelectRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
8071
8243
|
var activeRect = (_b = activeYearBtnRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
|
|
@@ -8111,7 +8283,7 @@ var FormDateRangePickerTooltipPickerContainer = React.forwardRef(function (_a, r
|
|
|
8111
8283
|
if (yearSelectOpen) {
|
|
8112
8284
|
setYearSelectOpen(false);
|
|
8113
8285
|
if (index !== yearMonthSelectIndex) {
|
|
8114
|
-
|
|
8286
|
+
nextTick(function () {
|
|
8115
8287
|
setYearMonthSelectIndex(index);
|
|
8116
8288
|
setYearSelectOpen(true);
|
|
8117
8289
|
setMonthSelectOpen(false);
|
|
@@ -8332,12 +8504,12 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8332
8504
|
/********************************************************************************************************************
|
|
8333
8505
|
* Memo - FormState
|
|
8334
8506
|
* ******************************************************************************************************************/
|
|
8335
|
-
var variant =
|
|
8336
|
-
var size =
|
|
8337
|
-
var color =
|
|
8338
|
-
var focused =
|
|
8339
|
-
var labelShrink =
|
|
8340
|
-
var fullWidth =
|
|
8507
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
8508
|
+
var size = ifUndefined(initSize, formSize);
|
|
8509
|
+
var color = ifUndefined(initColor, formColor);
|
|
8510
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
8511
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
8512
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
8341
8513
|
/********************************************************************************************************************
|
|
8342
8514
|
* Ref
|
|
8343
8515
|
* ******************************************************************************************************************/
|
|
@@ -8428,11 +8600,11 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8428
8600
|
}
|
|
8429
8601
|
var startInputValue = ((_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.value) || '';
|
|
8430
8602
|
var endInputValue = ((_b = endDateTextFieldRef.current) === null || _b === void 0 ? void 0 : _b.value) || '';
|
|
8431
|
-
if (
|
|
8603
|
+
if (notEmpty(startInputValue) && !dayjs(startInputValue, format).isValid()) {
|
|
8432
8604
|
setFromErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
8433
8605
|
return false;
|
|
8434
8606
|
}
|
|
8435
|
-
if (
|
|
8607
|
+
if (notEmpty(endInputValue) && !dayjs(endInputValue, format).isValid()) {
|
|
8436
8608
|
setToErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
8437
8609
|
return false;
|
|
8438
8610
|
}
|
|
@@ -8551,7 +8723,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8551
8723
|
if ((_a = value[1]) === null || _a === void 0 ? void 0 : _a.isBefore(newValue)) {
|
|
8552
8724
|
finalValue = [newValue, null];
|
|
8553
8725
|
if (!fromInput) {
|
|
8554
|
-
|
|
8726
|
+
nextTick(function () {
|
|
8555
8727
|
var _a;
|
|
8556
8728
|
(_a = endDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8557
8729
|
});
|
|
@@ -8564,7 +8736,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8564
8736
|
setOpen(false);
|
|
8565
8737
|
}
|
|
8566
8738
|
else {
|
|
8567
|
-
|
|
8739
|
+
nextTick(function () {
|
|
8568
8740
|
var _a;
|
|
8569
8741
|
(_a = endDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8570
8742
|
});
|
|
@@ -8592,13 +8764,13 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8592
8764
|
if (value[0]) {
|
|
8593
8765
|
setOpen(false);
|
|
8594
8766
|
if (fromInput && !open) {
|
|
8595
|
-
|
|
8767
|
+
nextTick(function () {
|
|
8596
8768
|
onRequestSearchSubmit(name, finalValue);
|
|
8597
8769
|
});
|
|
8598
8770
|
}
|
|
8599
8771
|
}
|
|
8600
8772
|
else {
|
|
8601
|
-
|
|
8773
|
+
nextTick(function () {
|
|
8602
8774
|
var _a;
|
|
8603
8775
|
(_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
8604
8776
|
});
|
|
@@ -8608,7 +8780,7 @@ var FormDateRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
8608
8780
|
break;
|
|
8609
8781
|
}
|
|
8610
8782
|
updateValue(finalValue);
|
|
8611
|
-
|
|
8783
|
+
nextTick(function () {
|
|
8612
8784
|
onValueChangeByUser(name, finalValue);
|
|
8613
8785
|
});
|
|
8614
8786
|
}, [
|
|
@@ -8890,7 +9062,7 @@ FormDateRangePicker.displayName = 'FormDateRangePicker';var LinkDialog = functio
|
|
|
8890
9062
|
* ******************************************************************************************************************/
|
|
8891
9063
|
return (React.createElement(material.Dialog, { className: 'color-primary', open: !!open, maxWidth: 'sm', fullWidth: true, onClose: function (e, reason) {
|
|
8892
9064
|
if (reason === 'backdropClick') {
|
|
8893
|
-
if (
|
|
9065
|
+
if (empty(value)) {
|
|
8894
9066
|
onClose && onClose();
|
|
8895
9067
|
}
|
|
8896
9068
|
}
|
|
@@ -8929,12 +9101,12 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
8929
9101
|
/********************************************************************************************************************
|
|
8930
9102
|
* Memo - FormState
|
|
8931
9103
|
* ******************************************************************************************************************/
|
|
8932
|
-
var variant =
|
|
8933
|
-
var size =
|
|
8934
|
-
var color =
|
|
8935
|
-
var focused =
|
|
8936
|
-
var labelShrink =
|
|
8937
|
-
var fullWidth =
|
|
9104
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
9105
|
+
var size = ifUndefined(initSize, formSize);
|
|
9106
|
+
var color = ifUndefined(initColor, formColor);
|
|
9107
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
9108
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9109
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
8938
9110
|
/********************************************************************************************************************
|
|
8939
9111
|
* Ref
|
|
8940
9112
|
* ******************************************************************************************************************/
|
|
@@ -8971,9 +9143,9 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
8971
9143
|
var d = document.createElement('div');
|
|
8972
9144
|
d.innerHTML = value;
|
|
8973
9145
|
var text = d.textContent || d.innerText;
|
|
8974
|
-
isEmptyValue =
|
|
9146
|
+
isEmptyValue = empty(text.trim());
|
|
8975
9147
|
}
|
|
8976
|
-
if (required && (isEmptyValue ||
|
|
9148
|
+
if (required && (isEmptyValue || empty(value))) {
|
|
8977
9149
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
8978
9150
|
return false;
|
|
8979
9151
|
}
|
|
@@ -9129,7 +9301,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9129
9301
|
fileSizeCheck(file_1).then(function () {
|
|
9130
9302
|
onFile(file_1).then(function (url) {
|
|
9131
9303
|
updateValue(url);
|
|
9132
|
-
|
|
9304
|
+
nextTick(function () {
|
|
9133
9305
|
if (onValueChangeByUser)
|
|
9134
9306
|
onValueChangeByUser(name, url);
|
|
9135
9307
|
});
|
|
@@ -9142,7 +9314,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9142
9314
|
}, []);
|
|
9143
9315
|
var handleRemoveClick = React.useCallback(function () {
|
|
9144
9316
|
updateValue('');
|
|
9145
|
-
|
|
9317
|
+
nextTick(function () {
|
|
9146
9318
|
if (onValueChangeByUser)
|
|
9147
9319
|
onValueChangeByUser(name, '');
|
|
9148
9320
|
});
|
|
@@ -9151,7 +9323,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9151
9323
|
if (onLink) {
|
|
9152
9324
|
onLink(url).then(function (finalUrl) {
|
|
9153
9325
|
updateValue(finalUrl);
|
|
9154
|
-
|
|
9326
|
+
nextTick(function () {
|
|
9155
9327
|
if (onValueChangeByUser)
|
|
9156
9328
|
onValueChangeByUser(name, finalUrl);
|
|
9157
9329
|
});
|
|
@@ -9159,7 +9331,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9159
9331
|
}
|
|
9160
9332
|
else {
|
|
9161
9333
|
updateValue(url);
|
|
9162
|
-
|
|
9334
|
+
nextTick(function () {
|
|
9163
9335
|
if (onValueChangeByUser)
|
|
9164
9336
|
onValueChangeByUser(name, url);
|
|
9165
9337
|
});
|
|
@@ -9168,7 +9340,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9168
9340
|
/********************************************************************************************************************
|
|
9169
9341
|
* Render
|
|
9170
9342
|
* ******************************************************************************************************************/
|
|
9171
|
-
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',
|
|
9343
|
+
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,
|
|
9172
9344
|
preview,
|
|
9173
9345
|
React.createElement("div", null, error ? errorHelperText : helperText)), hideLabel: !hideUrl, style: { width: fullWidth ? '100%' : undefined }, control: React.createElement("div", { className: 'control-wrap' },
|
|
9174
9346
|
!hideUrl && (React.createElement("div", { className: 'file-name-wrap' },
|
|
@@ -9189,7 +9361,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9189
9361
|
!hideUploadLabel && (uploadLabel || '파일 업로드'))),
|
|
9190
9362
|
React.createElement("input", { type: 'file', accept: accept, id: id, value: FILE_VALUE, className: 'input-file', onChange: handleFileChange }))),
|
|
9191
9363
|
!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 || '링크'))),
|
|
9192
|
-
!hideRemove &&
|
|
9364
|
+
!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 || '삭제')))))),
|
|
9193
9365
|
},
|
|
9194
9366
|
}, placeholder: '\uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694' }))),
|
|
9195
9367
|
!!hideUrl && (React.createElement("div", { className: 'input-file-wrap' },
|
|
@@ -9200,7 +9372,7 @@ var FormFile = React.forwardRef(function (_a, ref) {
|
|
|
9200
9372
|
!hideUploadLabel && (uploadLabel || '파일 업로드'))),
|
|
9201
9373
|
React.createElement("input", { type: 'file', accept: accept, id: id, value: FILE_VALUE, className: 'input-file', onChange: handleFileChange }))),
|
|
9202
9374
|
!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 || '링크'))),
|
|
9203
|
-
!hideRemove &&
|
|
9375
|
+
!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 || '삭제'))))),
|
|
9204
9376
|
React.createElement(PrivateAlertDialog, __assign({}, alertDialogProps, { onClose: function () { return setAlertDialogProps({ open: false }); } })),
|
|
9205
9377
|
React.createElement(LinkDialog, { open: isOpenLinkDialog, onConfirm: handleLinkDialogConfirm, onClose: function () { return setIsOpenLinkDialog(false); } })) }));
|
|
9206
9378
|
});
|
|
@@ -9388,12 +9560,12 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9388
9560
|
/********************************************************************************************************************
|
|
9389
9561
|
* Memo - FormState
|
|
9390
9562
|
* ******************************************************************************************************************/
|
|
9391
|
-
var variant =
|
|
9392
|
-
var size =
|
|
9393
|
-
var color =
|
|
9394
|
-
var focused =
|
|
9395
|
-
var labelShrink =
|
|
9396
|
-
var fullWidth =
|
|
9563
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
9564
|
+
var size = ifUndefined(initSize, formSize);
|
|
9565
|
+
var color = ifUndefined(initColor, formColor);
|
|
9566
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
9567
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9568
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
9397
9569
|
/********************************************************************************************************************
|
|
9398
9570
|
* Ref
|
|
9399
9571
|
* ******************************************************************************************************************/
|
|
@@ -9420,7 +9592,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9420
9592
|
setErrorHelperText(errorHelperText);
|
|
9421
9593
|
}, [setError]);
|
|
9422
9594
|
var validate = React.useCallback(function (value) {
|
|
9423
|
-
if (required &&
|
|
9595
|
+
if (required && empty(value)) {
|
|
9424
9596
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
9425
9597
|
return false;
|
|
9426
9598
|
}
|
|
@@ -9648,7 +9820,7 @@ var FormMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
9648
9820
|
updateValue(newValue);
|
|
9649
9821
|
if (isMonthSelect)
|
|
9650
9822
|
setOpen(false);
|
|
9651
|
-
|
|
9823
|
+
nextTick(function () {
|
|
9652
9824
|
onValueChangeByUser(name, newValue);
|
|
9653
9825
|
});
|
|
9654
9826
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -9737,12 +9909,12 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
9737
9909
|
/********************************************************************************************************************
|
|
9738
9910
|
* Memo - FormState
|
|
9739
9911
|
* ******************************************************************************************************************/
|
|
9740
|
-
var variant =
|
|
9741
|
-
var size =
|
|
9742
|
-
var color =
|
|
9743
|
-
var focused =
|
|
9744
|
-
var labelShrink =
|
|
9745
|
-
var fullWidth =
|
|
9912
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
9913
|
+
var size = ifUndefined(initSize, formSize);
|
|
9914
|
+
var color = ifUndefined(initColor, formColor);
|
|
9915
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
9916
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
9917
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
9746
9918
|
/********************************************************************************************************************
|
|
9747
9919
|
* Ref
|
|
9748
9920
|
* ******************************************************************************************************************/
|
|
@@ -10030,7 +10202,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10030
10202
|
var handleContainerChange = React.useCallback(function (newValue, selectType, isMonthSelect) {
|
|
10031
10203
|
updateValue(newValue);
|
|
10032
10204
|
if (selectType === 'start' && isMonthSelect) {
|
|
10033
|
-
|
|
10205
|
+
nextTick(function () {
|
|
10034
10206
|
var _a;
|
|
10035
10207
|
(_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10036
10208
|
});
|
|
@@ -10038,7 +10210,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10038
10210
|
else if (selectType === 'end' && isMonthSelect) {
|
|
10039
10211
|
setOpen(false);
|
|
10040
10212
|
}
|
|
10041
|
-
|
|
10213
|
+
nextTick(function () {
|
|
10042
10214
|
onValueChangeByUser(name, newValue);
|
|
10043
10215
|
});
|
|
10044
10216
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -10056,7 +10228,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10056
10228
|
if (fromError) {
|
|
10057
10229
|
validate(newValue_1);
|
|
10058
10230
|
}
|
|
10059
|
-
|
|
10231
|
+
nextTick(function () {
|
|
10060
10232
|
onValueChangeByUser(name, newValue_1);
|
|
10061
10233
|
});
|
|
10062
10234
|
updateValue(newValue_1);
|
|
@@ -10073,7 +10245,7 @@ var FormMonthRangePicker = React.forwardRef(function (_a, ref) {
|
|
|
10073
10245
|
if (toError) {
|
|
10074
10246
|
validate(newValue_2);
|
|
10075
10247
|
}
|
|
10076
|
-
|
|
10248
|
+
nextTick(function () {
|
|
10077
10249
|
onValueChangeByUser(name, newValue_2);
|
|
10078
10250
|
});
|
|
10079
10251
|
updateValue(newValue_2);
|
|
@@ -10173,12 +10345,12 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10173
10345
|
/********************************************************************************************************************
|
|
10174
10346
|
* Memo - FormState
|
|
10175
10347
|
* ******************************************************************************************************************/
|
|
10176
|
-
var variant =
|
|
10177
|
-
var size =
|
|
10178
|
-
var color =
|
|
10179
|
-
var focused =
|
|
10180
|
-
var labelShrink =
|
|
10181
|
-
var fullWidth =
|
|
10348
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
10349
|
+
var size = ifUndefined(initSize, formSize);
|
|
10350
|
+
var color = ifUndefined(initColor, formColor);
|
|
10351
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
10352
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
10353
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
10182
10354
|
/********************************************************************************************************************
|
|
10183
10355
|
* Ref
|
|
10184
10356
|
* ******************************************************************************************************************/
|
|
@@ -10195,7 +10367,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10195
10367
|
var _g = React.useState(), errorHelperText = _g[0], setErrorHelperText = _g[1];
|
|
10196
10368
|
var _h = React.useState(false), open = _h[0], setOpen = _h[1];
|
|
10197
10369
|
var _j = reactHook.useAutoUpdateRefState(initData), dataRef = _j[0], setData = _j[2];
|
|
10198
|
-
var _k = reactHook.useAutoUpdateRefState(React.useMemo(function () { return
|
|
10370
|
+
var _k = reactHook.useAutoUpdateRefState(React.useMemo(function () { return ifUndefined(initDisabled, formDisabled); }, [initDisabled, formDisabled])), disabledRef = _k[0], disabled = _k[1], setDisabled = _k[2];
|
|
10199
10371
|
var _l = reactHook.useAutoUpdateRefState(initHidden), hiddenRef = _l[0], hidden = _l[1], setHidden = _l[2];
|
|
10200
10372
|
/********************************************************************************************************************
|
|
10201
10373
|
* Function - getFinalValue
|
|
@@ -10205,7 +10377,7 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10205
10377
|
setErrorHelperText(errorHelperText);
|
|
10206
10378
|
}, [setError]);
|
|
10207
10379
|
var validate = React.useCallback(function (value) {
|
|
10208
|
-
if (required &&
|
|
10380
|
+
if (required && empty(value)) {
|
|
10209
10381
|
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
10210
10382
|
return false;
|
|
10211
10383
|
}
|
|
@@ -10381,14 +10553,14 @@ var FormYearPicker = React.forwardRef(function (_a, ref) {
|
|
|
10381
10553
|
updateValue(newValue);
|
|
10382
10554
|
if (isClick)
|
|
10383
10555
|
setOpen(false);
|
|
10384
|
-
|
|
10556
|
+
nextTick(function () {
|
|
10385
10557
|
onValueChangeByUser(name, newValue);
|
|
10386
10558
|
});
|
|
10387
10559
|
}, [name, onValueChangeByUser, updateValue]);
|
|
10388
10560
|
var handleInputDatePickerChange = React.useCallback(function (v) {
|
|
10389
10561
|
var newValue = v ? dateToValue$1(v) : v;
|
|
10390
10562
|
updateValue(newValue);
|
|
10391
|
-
|
|
10563
|
+
nextTick(function () {
|
|
10392
10564
|
onValueChangeByUser(name, newValue);
|
|
10393
10565
|
});
|
|
10394
10566
|
}, [name, onValueChangeByUser, updateValue]);
|
|
@@ -10455,12 +10627,12 @@ var getFinalValue = function (value) {
|
|
|
10455
10627
|
/********************************************************************************************************************
|
|
10456
10628
|
* Memo - FormState
|
|
10457
10629
|
* ******************************************************************************************************************/
|
|
10458
|
-
var variant =
|
|
10459
|
-
var size =
|
|
10460
|
-
var color =
|
|
10461
|
-
var focused =
|
|
10462
|
-
var labelShrink =
|
|
10463
|
-
var fullWidth =
|
|
10630
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
10631
|
+
var size = ifUndefined(initSize, formSize);
|
|
10632
|
+
var color = ifUndefined(initColor, formColor);
|
|
10633
|
+
var focused = ifUndefined(initFocused, formFocused);
|
|
10634
|
+
var labelShrink = ifUndefined(initLabelShrink, formLabelShrink);
|
|
10635
|
+
var fullWidth = ifUndefined(initFullWidth, formFullWidth);
|
|
10464
10636
|
/********************************************************************************************************************
|
|
10465
10637
|
* Ref
|
|
10466
10638
|
* ******************************************************************************************************************/
|
|
@@ -10670,7 +10842,7 @@ var getFinalValue = function (value) {
|
|
|
10670
10842
|
var handleContainerChange = React.useCallback(function (newValue, selectType) {
|
|
10671
10843
|
updateValue(newValue);
|
|
10672
10844
|
if (selectType === 'start') {
|
|
10673
|
-
|
|
10845
|
+
nextTick(function () {
|
|
10674
10846
|
var _a;
|
|
10675
10847
|
setSelectType('end');
|
|
10676
10848
|
(_a = endInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -10679,7 +10851,7 @@ var getFinalValue = function (value) {
|
|
|
10679
10851
|
else if (selectType === 'end') {
|
|
10680
10852
|
setOpen(false);
|
|
10681
10853
|
}
|
|
10682
|
-
|
|
10854
|
+
nextTick(function () {
|
|
10683
10855
|
onValueChangeByUser(name, newValue);
|
|
10684
10856
|
});
|
|
10685
10857
|
}, [updateValue, name, onValueChangeByUser]);
|
|
@@ -10695,7 +10867,7 @@ var getFinalValue = function (value) {
|
|
|
10695
10867
|
if (fromError) {
|
|
10696
10868
|
validate(newValue_1);
|
|
10697
10869
|
}
|
|
10698
|
-
|
|
10870
|
+
nextTick(function () {
|
|
10699
10871
|
onValueChangeByUser(name, newValue_1);
|
|
10700
10872
|
});
|
|
10701
10873
|
updateValue(newValue_1);
|
|
@@ -10710,7 +10882,7 @@ var getFinalValue = function (value) {
|
|
|
10710
10882
|
if (toError) {
|
|
10711
10883
|
validate(newValue_2);
|
|
10712
10884
|
}
|
|
10713
|
-
|
|
10885
|
+
nextTick(function () {
|
|
10714
10886
|
onValueChangeByUser(name, newValue_2);
|
|
10715
10887
|
});
|
|
10716
10888
|
updateValue(newValue_2);
|
|
@@ -10813,9 +10985,9 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
|
|
|
10813
10985
|
/********************************************************************************************************************
|
|
10814
10986
|
* Memo - FormState
|
|
10815
10987
|
* ******************************************************************************************************************/
|
|
10816
|
-
var variant =
|
|
10817
|
-
var size =
|
|
10818
|
-
var color =
|
|
10988
|
+
var variant = ifUndefined(initVariant, formVariant);
|
|
10989
|
+
var size = ifUndefined(initSize, formSize);
|
|
10990
|
+
var color = ifUndefined(initColor, formColor);
|
|
10819
10991
|
/********************************************************************************************************************
|
|
10820
10992
|
* State - FormState
|
|
10821
10993
|
* ******************************************************************************************************************/
|
|
@@ -10953,7 +11125,7 @@ FormYearRangePicker.displayName = 'FormYearRangePicker';var FormSwitch = React.f
|
|
|
10953
11125
|
}
|
|
10954
11126
|
else {
|
|
10955
11127
|
var finalValue_1 = updateValue(checked);
|
|
10956
|
-
|
|
11128
|
+
nextTick(function () {
|
|
10957
11129
|
onValueChangeByUser(name, finalValue_1);
|
|
10958
11130
|
onRequestSearchSubmit(name, finalValue_1);
|
|
10959
11131
|
});
|
|
@@ -11120,7 +11292,7 @@ var SearchGroup = function (_a) {
|
|
|
11120
11292
|
* Render
|
|
11121
11293
|
* ******************************************************************************************************************/
|
|
11122
11294
|
var children = _a.children, className = _a.className, size = _a.size, initSx = _a.sx, props = __rest(_a, ["children", "className", "size", "sx"]);
|
|
11123
|
-
return (React.createElement(reactComponent.PdgButton, __assign({ className: classNames(className, 'SearchButton'), size:
|
|
11295
|
+
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));
|
|
11124
11296
|
};
|
|
11125
11297
|
var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_a) {
|
|
11126
11298
|
/********************************************************************************************************************
|
|
@@ -11194,7 +11366,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11194
11366
|
if (itemCommands) {
|
|
11195
11367
|
switch (itemCommands.getType()) {
|
|
11196
11368
|
case 'FormCheckbox':
|
|
11197
|
-
if (
|
|
11369
|
+
if (notEmpty(value)) {
|
|
11198
11370
|
var checkCommands = itemCommands;
|
|
11199
11371
|
if (value.toString() === ((_a = itemCommands.getValue()) === null || _a === void 0 ? void 0 : _a.toString())) {
|
|
11200
11372
|
checkCommands.setChecked(true);
|
|
@@ -11208,7 +11380,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11208
11380
|
case 'FormDateTimePicker':
|
|
11209
11381
|
case 'FormTimePicker':
|
|
11210
11382
|
{
|
|
11211
|
-
if (
|
|
11383
|
+
if (notEmpty(value)) {
|
|
11212
11384
|
var dateCommands = itemCommands;
|
|
11213
11385
|
var format = dateCommands.getFormValueFormat();
|
|
11214
11386
|
var itemValue = dayjs(value, format);
|
|
@@ -11226,7 +11398,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11226
11398
|
var toName = dateRangePickerCommands.getFormValueToName();
|
|
11227
11399
|
var format = dateRangePickerCommands.getFormValueFormat();
|
|
11228
11400
|
if (name === fromName) {
|
|
11229
|
-
if (
|
|
11401
|
+
if (notEmpty(value)) {
|
|
11230
11402
|
var startValue = dayjs(value, format);
|
|
11231
11403
|
dateRangePickerCommands.setFromValue(startValue.isValid() ? startValue : null);
|
|
11232
11404
|
}
|
|
@@ -11235,7 +11407,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11235
11407
|
}
|
|
11236
11408
|
}
|
|
11237
11409
|
else if (name === toName) {
|
|
11238
|
-
if (
|
|
11410
|
+
if (notEmpty(value)) {
|
|
11239
11411
|
var endValue = dayjs(value, format);
|
|
11240
11412
|
dateRangePickerCommands.setToValue(endValue.isValid() ? endValue : null);
|
|
11241
11413
|
}
|
|
@@ -11251,10 +11423,10 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11251
11423
|
var fromName = dateRangePickerCommands.getFormValueFromName();
|
|
11252
11424
|
var toName = dateRangePickerCommands.getFormValueToName();
|
|
11253
11425
|
if (name === fromName) {
|
|
11254
|
-
dateRangePickerCommands.setFromValue(
|
|
11426
|
+
dateRangePickerCommands.setFromValue(notEmpty(value) ? Number(value) : null);
|
|
11255
11427
|
}
|
|
11256
11428
|
else if (name === toName) {
|
|
11257
|
-
dateRangePickerCommands.setToValue(
|
|
11429
|
+
dateRangePickerCommands.setToValue(notEmpty(value) ? Number(value) : null);
|
|
11258
11430
|
}
|
|
11259
11431
|
}
|
|
11260
11432
|
break;
|
|
@@ -11264,10 +11436,10 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11264
11436
|
var yearName = monthCommands.getFormValueYearName();
|
|
11265
11437
|
var monthName = monthCommands.getFormValueMonthName();
|
|
11266
11438
|
if (name === yearName) {
|
|
11267
|
-
monthCommands.setYear(
|
|
11439
|
+
monthCommands.setYear(notEmpty(value) ? Number(value) : null);
|
|
11268
11440
|
}
|
|
11269
11441
|
else if (name === monthName) {
|
|
11270
|
-
monthCommands.setMonth(
|
|
11442
|
+
monthCommands.setMonth(notEmpty(value) ? Number(value) : null);
|
|
11271
11443
|
}
|
|
11272
11444
|
}
|
|
11273
11445
|
break;
|
|
@@ -11279,16 +11451,16 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11279
11451
|
var toYearName = monthRangeCommands.getFormValueToYearName();
|
|
11280
11452
|
var toMonthName = monthRangeCommands.getFormValueToMonthName();
|
|
11281
11453
|
if (name === fromYearName) {
|
|
11282
|
-
monthRangeCommands.setFromYear(
|
|
11454
|
+
monthRangeCommands.setFromYear(notEmpty(value) ? Number(value) : null);
|
|
11283
11455
|
}
|
|
11284
11456
|
else if (name === fromMonthName) {
|
|
11285
|
-
monthRangeCommands.setFromMonth(
|
|
11457
|
+
monthRangeCommands.setFromMonth(notEmpty(value) ? Number(value) : null);
|
|
11286
11458
|
}
|
|
11287
11459
|
else if (name === toYearName) {
|
|
11288
|
-
monthRangeCommands.setToYear(
|
|
11460
|
+
monthRangeCommands.setToYear(notEmpty(value) ? Number(value) : null);
|
|
11289
11461
|
}
|
|
11290
11462
|
else if (name === toMonthName) {
|
|
11291
|
-
monthRangeCommands.setToMonth(
|
|
11463
|
+
monthRangeCommands.setToMonth(notEmpty(value) ? Number(value) : null);
|
|
11292
11464
|
}
|
|
11293
11465
|
}
|
|
11294
11466
|
break;
|
|
@@ -11385,7 +11557,7 @@ var SearchButton$1 = React.memo(SearchButton);var SearchMenuButton = function (_
|
|
|
11385
11557
|
resetValue = searchRef.current.getFormReset(name);
|
|
11386
11558
|
break;
|
|
11387
11559
|
}
|
|
11388
|
-
if (resetValue != null && !
|
|
11560
|
+
if (resetValue != null && !equal(resetValue, value) && typeof value !== 'object') {
|
|
11389
11561
|
hashes_1.push("".concat(name, "=").concat(encodeURIComponent(value)));
|
|
11390
11562
|
}
|
|
11391
11563
|
}
|