@pdg/react-form 1.0.52 → 1.0.53
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/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/index.d.ts +2 -0
- package/dist/index.esm.js +89 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +89 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2683,7 +2683,7 @@ var templateObject_1;var FormTelDefaultProps = __assign$6(__assign$6({}, FormTex
|
|
|
2683
2683
|
if (newValue && notEmpty(newValue)) {
|
|
2684
2684
|
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
2685
2685
|
}
|
|
2686
|
-
newValue =
|
|
2686
|
+
newValue = autoDash$2(newValue);
|
|
2687
2687
|
return onValue ? onValue(newValue) : newValue;
|
|
2688
2688
|
}, [onValue]);
|
|
2689
2689
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
@@ -2691,7 +2691,7 @@ var templateObject_1;var FormTelDefaultProps = __assign$6(__assign$6({}, FormTex
|
|
|
2691
2691
|
});
|
|
2692
2692
|
FormTel.displayName = 'FormTel';
|
|
2693
2693
|
FormTel.defaultProps = FormTelDefaultProps;
|
|
2694
|
-
function
|
|
2694
|
+
function autoDash$2(tel) {
|
|
2695
2695
|
if (tel == null)
|
|
2696
2696
|
return undefined;
|
|
2697
2697
|
var str = tel.replace(/[^0-9*]/g, '');
|
|
@@ -4449,7 +4449,92 @@ styleInject(css_248z$d);var FormSelect = React__default["default"].forwardRef(fu
|
|
|
4449
4449
|
})) : (React__default["default"].createElement(material.MenuItem, { value: '' })))));
|
|
4450
4450
|
});
|
|
4451
4451
|
FormSelect.displayName = 'FormSelect';
|
|
4452
|
-
FormSelect.defaultProps = FormSelectDefaultProps;var
|
|
4452
|
+
FormSelect.defaultProps = FormSelectDefaultProps;var FormCompanyNoDefaultProps = __assign$6(__assign$6({}, FormTextDefaultProps), { validPattern: /(([0-9]{3})([0-9]{2})([0-9]{5}))|(([0-9]{3})-([0-9]{2})-([0-9]{5}))/ });var FormCompanyNo = React__default["default"].forwardRef(function (_a, ref) {
|
|
4453
|
+
// Event Handler ---------------------------------------------------------------------------------------------------
|
|
4454
|
+
var className = _a.className, onValue = _a.onValue, props = __rest$3(_a, ["className", "onValue"]);
|
|
4455
|
+
var handleOnValue = React.useCallback(function (value) {
|
|
4456
|
+
var newValue = value;
|
|
4457
|
+
if (newValue && notEmpty(newValue)) {
|
|
4458
|
+
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
4459
|
+
}
|
|
4460
|
+
newValue = autoDash$1(newValue);
|
|
4461
|
+
return onValue ? onValue(newValue) : newValue;
|
|
4462
|
+
}, [onValue]);
|
|
4463
|
+
// Render ----------------------------------------------------------------------------------------------------------
|
|
4464
|
+
return (React__default["default"].createElement(FormText, __assign$6({ ref: ref, className: classNames$1(className, 'FormCompanyNo'), onValue: handleOnValue, maxLength: 12 }, props)));
|
|
4465
|
+
});
|
|
4466
|
+
FormCompanyNo.displayName = 'FormCompanyNo';
|
|
4467
|
+
FormCompanyNo.defaultProps = FormCompanyNoDefaultProps;
|
|
4468
|
+
function autoDash$1(companyNo) {
|
|
4469
|
+
if (companyNo == null)
|
|
4470
|
+
return undefined;
|
|
4471
|
+
var str = companyNo.replace(/[^0-9]/g, '');
|
|
4472
|
+
var tmp = '';
|
|
4473
|
+
for (var i = 0; i < str.length; i += 1) {
|
|
4474
|
+
if (i === 3 || i === 5) {
|
|
4475
|
+
tmp += '-';
|
|
4476
|
+
}
|
|
4477
|
+
tmp += str[i];
|
|
4478
|
+
}
|
|
4479
|
+
return tmp;
|
|
4480
|
+
}var FormPersonalNoDefaultProps = __assign$6(__assign$6({}, FormTextDefaultProps), { validPattern: /(([0-9]{6})([0-9]{7}))|(([0-9]{6})-([0-9]{7}))/ });var FormPersonalNo = React__default["default"].forwardRef(function (_a, ref) {
|
|
4481
|
+
// Event Handler ---------------------------------------------------------------------------------------------------
|
|
4482
|
+
var className = _a.className, onValue = _a.onValue, onValidate = _a.onValidate, props = __rest$3(_a, ["className", "onValue", "onValidate"]);
|
|
4483
|
+
var handleOnValue = React.useCallback(function (value) {
|
|
4484
|
+
var newValue = value;
|
|
4485
|
+
if (newValue && notEmpty(newValue)) {
|
|
4486
|
+
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
4487
|
+
}
|
|
4488
|
+
newValue = autoDash(newValue);
|
|
4489
|
+
return onValue ? onValue(newValue) : newValue;
|
|
4490
|
+
}, [onValue]);
|
|
4491
|
+
var handleValidate = React.useCallback(function (value) {
|
|
4492
|
+
if (notEmpty(value) && value.length === 14 && value.includes('-')) {
|
|
4493
|
+
var jumin = value
|
|
4494
|
+
.replaceAll('-', '')
|
|
4495
|
+
.split('')
|
|
4496
|
+
.map(function (v) { return Number(v); });
|
|
4497
|
+
var ckarr = [2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5];
|
|
4498
|
+
for (var i = 0; i < jumin.length - 1; i += 1) {
|
|
4499
|
+
jumin[i] = jumin[i] * ckarr[i];
|
|
4500
|
+
}
|
|
4501
|
+
var juminlast = jumin[jumin.length - 1];
|
|
4502
|
+
var sum = 0;
|
|
4503
|
+
for (var i = 0; i < jumin.length - 1; i += 1) {
|
|
4504
|
+
sum += jumin[i];
|
|
4505
|
+
}
|
|
4506
|
+
sum = sum % 11;
|
|
4507
|
+
sum = 11 - sum;
|
|
4508
|
+
if (sum > 9) {
|
|
4509
|
+
sum = sum % 10;
|
|
4510
|
+
}
|
|
4511
|
+
if (sum != juminlast && juminlast != undefined) {
|
|
4512
|
+
return '유효하지 않은 값입니다.';
|
|
4513
|
+
}
|
|
4514
|
+
return onValidate ? onValidate(value) : true;
|
|
4515
|
+
}
|
|
4516
|
+
else {
|
|
4517
|
+
return '유효하지 않은 값입니다.';
|
|
4518
|
+
}
|
|
4519
|
+
}, [onValidate]);
|
|
4520
|
+
// Render ----------------------------------------------------------------------------------------------------------
|
|
4521
|
+
return (React__default["default"].createElement(FormText, __assign$6({ ref: ref, className: classNames$1(className, 'FormPersonalNo'), onValue: handleOnValue, maxLength: 14, onValidate: handleValidate }, props)));
|
|
4522
|
+
});
|
|
4523
|
+
FormPersonalNo.displayName = 'FormPersonalNo';
|
|
4524
|
+
FormPersonalNo.defaultProps = FormPersonalNoDefaultProps;
|
|
4525
|
+
function autoDash(personalNo) {
|
|
4526
|
+
if (personalNo == null)
|
|
4527
|
+
return undefined;
|
|
4528
|
+
var str = personalNo.replace(/[^0-9]/g, '');
|
|
4529
|
+
var tmp = '';
|
|
4530
|
+
for (var i = 0; i < str.length; i += 1) {
|
|
4531
|
+
if (i === 6) {
|
|
4532
|
+
tmp += '-';
|
|
4533
|
+
}
|
|
4534
|
+
tmp += str[i];
|
|
4535
|
+
}
|
|
4536
|
+
return tmp;
|
|
4537
|
+
}var FormCheckboxDefaultProps = {
|
|
4453
4538
|
checked: false,
|
|
4454
4539
|
value: 1,
|
|
4455
4540
|
uncheckedValue: 0,
|
|
@@ -12465,4 +12550,4 @@ SearchButton.defaultProps = SearchButtonDefaultProps;var SearchMenuButtonDefault
|
|
|
12465
12550
|
};
|
|
12466
12551
|
SearchMenuButton.defaultProps = SearchMenuButtonDefaultProps;dayjs__default["default"].extend(dayjsIsSameOrAfter__default["default"]);
|
|
12467
12552
|
dayjs__default["default"].extend(dayjsIsSameOrBefore__default["default"]);
|
|
12468
|
-
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.SearchMenuButton=SearchMenuButton;exports.SearchMenuButtonDefaultProps=SearchMenuButtonDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|
|
12553
|
+
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormCompanyNo=FormCompanyNo;exports.FormCompanyNoDefaultProps=FormCompanyNoDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormPersonalNo=FormPersonalNo;exports.FormPersonalNoDefaultProps=FormPersonalNoDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.SearchMenuButton=SearchMenuButton;exports.SearchMenuButtonDefaultProps=SearchMenuButtonDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|