@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/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 = getTelAutoDash(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 getTelAutoDash(tel) {
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 FormCheckboxDefaultProps = {
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