@pdg/react-form 1.0.73 → 1.0.75

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.
@@ -23,8 +23,6 @@ export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueI
23
23
  calendarCount?: FormDateRangePickerCalendarCount;
24
24
  format?: string;
25
25
  formValueFormat?: string;
26
- formValueFromName?: string;
27
- formValueToName?: string;
28
26
  formValueFromNameSuffix?: string;
29
27
  formValueToNameSuffix?: string;
30
28
  icon?: string;
@@ -18,8 +18,6 @@ export interface FormMonthPickerProps extends CommonSxProps, FormValueItemProps<
18
18
  readOnlyInput?: boolean;
19
19
  startAdornment?: ReactNode;
20
20
  endAdornment?: ReactNode;
21
- formValueYearName?: string;
22
- formValueMonthName?: string;
23
21
  formValueYearNameSuffix?: string;
24
22
  formValueMonthNameSuffix?: string;
25
23
  }
@@ -22,10 +22,6 @@ export interface FormMonthRangePickerProps extends CommonSxProps, Omit<FormValue
22
22
  readOnlyInput?: boolean;
23
23
  startAdornment?: ReactNode;
24
24
  endAdornment?: ReactNode;
25
- formValueFromYearName?: string;
26
- formValueFromMonthName?: string;
27
- formValueToYearName?: string;
28
- formValueToMonthName?: string;
29
25
  formValueFromYearNameSuffix?: string;
30
26
  formValueFromMonthNameSuffix?: string;
31
27
  formValueToYearNameSuffix?: string;
@@ -22,8 +22,6 @@ export interface FormYearRangePickerProps extends CommonSxProps, Omit<FormValueI
22
22
  readOnlyInput?: boolean;
23
23
  startAdornment?: ReactNode;
24
24
  endAdornment?: ReactNode;
25
- formValueFromName?: string;
26
- formValueToName?: string;
27
25
  formValueFromNameSuffix?: string;
28
26
  formValueToNameSuffix?: string;
29
27
  }
package/dist/index.esm.js CHANGED
@@ -739,10 +739,10 @@ function AutoTypeForwardRef(render) {
739
739
  var value = getItemFormValue(valueItem, !!isReset);
740
740
  if (notEmpty(subKey)) {
741
741
  if (subKey === valueItem.getFormValueYearNameSuffix()) {
742
- return value;
742
+ return value.year;
743
743
  }
744
744
  else if (subKey === valueItem.getFormValueMonthNameSuffix()) {
745
- return value;
745
+ return value.month;
746
746
  }
747
747
  else {
748
748
  throw new Error("Form::getFormReset - ".concat(valueItem.getType(), " \uC758 subKey \uAC12\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4."));
@@ -13020,7 +13020,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
13020
13020
  // ID --------------------------------------------------------------------------------------------------------------
13021
13021
  var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
13022
13022
  //--------------------------------------------------------------------------------------------------------------------
13023
- name = _a.name, initValue = _a.value, initData = _a.data, startLabel = _a.startLabel, startLabelIcon = _a.startLabelIcon, endLabel = _a.endLabel, endLabelIcon = _a.endLabelIcon, initCalendarCount = _a.calendarCount, initFormat = _a.format, formValueFormat = _a.formValueFormat, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd, readOnlyInput = _a.readOnlyInput, initDisabled = _a.disabled, inputWidth = _a.inputWidth, exceptValue = _a.exceptValue, initError = _a.error, helperText = _a.helperText, formValueFromName = _a.formValueFromName, formValueToName = _a.formValueToName, formValueFromNameSuffix = _a.formValueFromNameSuffix, formValueToNameSuffix = _a.formValueToNameSuffix, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, startAdornment = _a.startAdornment, startStartAdornment = _a.startStartAdornment, endStartAdornment = _a.endStartAdornment, endAdornment = _a.endAdornment, startEndAdornment = _a.startEndAdornment, endEndAdornment = _a.endEndAdornment, disablePast = _a.disablePast, disableFuture = _a.disableFuture, minDate = _a.minDate, maxDate = _a.maxDate, hidden = _a.hidden, align = _a.align, onGetActionButtons = _a.onGetActionButtons, onChange = _a.onChange, onValidate = _a.onValidate,
13023
+ name = _a.name, initValue = _a.value, initData = _a.data, startLabel = _a.startLabel, startLabelIcon = _a.startLabelIcon, endLabel = _a.endLabel, endLabelIcon = _a.endLabelIcon, initCalendarCount = _a.calendarCount, initFormat = _a.format, formValueFormat = _a.formValueFormat, allowSingleSelect = _a.allowSingleSelect, required = _a.required, requiredStart = _a.requiredStart, requiredEnd = _a.requiredEnd, readOnly = _a.readOnly, readOnlyStart = _a.readOnlyStart, readOnlyEnd = _a.readOnlyEnd, readOnlyInput = _a.readOnlyInput, initDisabled = _a.disabled, inputWidth = _a.inputWidth, exceptValue = _a.exceptValue, initError = _a.error, helperText = _a.helperText, formValueFromNameSuffix = _a.formValueFromNameSuffix, formValueToNameSuffix = _a.formValueToNameSuffix, icon = _a.icon, startIcon = _a.startIcon, endIcon = _a.endIcon, startAdornment = _a.startAdornment, startStartAdornment = _a.startStartAdornment, endStartAdornment = _a.endStartAdornment, endAdornment = _a.endAdornment, startEndAdornment = _a.startEndAdornment, endEndAdornment = _a.endEndAdornment, disablePast = _a.disablePast, disableFuture = _a.disableFuture, minDate = _a.minDate, maxDate = _a.maxDate, hidden = _a.hidden, align = _a.align, onGetActionButtons = _a.onGetActionButtons, onChange = _a.onChange, onValidate = _a.onValidate,
13024
13024
  // -------------------------------------------------------------------------------------------------------------------
13025
13025
  className = _a.className;
13026
13026
  var id = useId();
@@ -13481,12 +13481,10 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
13481
13481
  return formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix;
13482
13482
  },
13483
13483
  getFormValueFromName: function () {
13484
- return (formValueFromName ||
13485
- "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
13484
+ return "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
13486
13485
  },
13487
13486
  getFormValueToName: function () {
13488
- return (formValueToName ||
13489
- "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
13487
+ return "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
13490
13488
  },
13491
13489
  };
13492
13490
  if (ref) {
@@ -13534,8 +13532,6 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
13534
13532
  setErrorErrorHelperText,
13535
13533
  data,
13536
13534
  setData,
13537
- formValueFromName,
13538
- formValueToName,
13539
13535
  ]);
13540
13536
  // Render ----------------------------------------------------------------------------------------------------------
13541
13537
  return (React__default.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
@@ -14075,7 +14071,7 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
14075
14071
  //----------------------------------------------------------------------------------------------------------------
14076
14072
  name = _a.name, labelIcon = _a.labelIcon, label = _a.label, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
14077
14073
  // -------------------------------------------------------------------------------------------------------------------
14078
- icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinValue = _a.minValue, initMaxValue = _a.maxValue, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueYearNameSuffix = _a.formValueYearNameSuffix, formValueMonthNameSuffix = _a.formValueMonthNameSuffix, formValueYearName = _a.formValueYearName, formValueMonthName = _a.formValueMonthName,
14074
+ icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinValue = _a.minValue, initMaxValue = _a.maxValue, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueYearNameSuffix = _a.formValueYearNameSuffix, formValueMonthNameSuffix = _a.formValueMonthNameSuffix,
14079
14075
  //----------------------------------------------------------------------------------------------------------------
14080
14076
  className = _a.className, initStyle = _a.style, sx = _a.sx;
14081
14077
  var id = useId();
@@ -14275,12 +14271,10 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
14275
14271
  return formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix;
14276
14272
  },
14277
14273
  getFormValueYearName: function () {
14278
- return (formValueYearName ||
14279
- "".concat(name).concat(formValueYearNameSuffix || FormMonthPickerDefaultProps.formValueYearNameSuffix));
14274
+ return "".concat(name).concat(formValueYearNameSuffix || FormMonthPickerDefaultProps.formValueYearNameSuffix);
14280
14275
  },
14281
14276
  getFormValueMonthName: function () {
14282
- return (formValueMonthName ||
14283
- "".concat(name).concat(formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix));
14277
+ return "".concat(name).concat(formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix);
14284
14278
  },
14285
14279
  };
14286
14280
  onAddValueItem(id, commands);
@@ -14323,8 +14317,6 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
14323
14317
  setData,
14324
14318
  formValueYearNameSuffix,
14325
14319
  formValueMonthNameSuffix,
14326
- formValueYearName,
14327
- formValueMonthName,
14328
14320
  ]);
14329
14321
  // Event Handler ---------------------------------------------------------------------------------------------------
14330
14322
  var handleContainerMouseDown = useCallback(function () {
@@ -14430,7 +14422,7 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
14430
14422
  //----------------------------------------------------------------------------------------------------------------
14431
14423
  name = _a.name, startLabel = _a.startLabel, startLabelIcon = _a.startLabelIcon, endLabel = _a.endLabel, endLabelIcon = _a.endLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
14432
14424
  // -------------------------------------------------------------------------------------------------------------------
14433
- icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinValue = _a.minValue, initMaxValue = _a.maxValue, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueFromYearName = _a.formValueFromYearName, formValueFromMonthName = _a.formValueFromMonthName, formValueToYearName = _a.formValueToYearName, formValueToMonthName = _a.formValueToMonthName, formValueFromYearNameSuffix = _a.formValueFromYearNameSuffix, formValueFromMonthNameSuffix = _a.formValueFromMonthNameSuffix, formValueToYearNameSuffix = _a.formValueToYearNameSuffix, formValueToMonthNameSuffix = _a.formValueToMonthNameSuffix, align = _a.align,
14425
+ icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinValue = _a.minValue, initMaxValue = _a.maxValue, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueFromYearNameSuffix = _a.formValueFromYearNameSuffix, formValueFromMonthNameSuffix = _a.formValueFromMonthNameSuffix, formValueToYearNameSuffix = _a.formValueToYearNameSuffix, formValueToMonthNameSuffix = _a.formValueToMonthNameSuffix, align = _a.align,
14434
14426
  //----------------------------------------------------------------------------------------------------------------
14435
14427
  className = _a.className, initStyle = _a.style, sx = _a.sx;
14436
14428
  var id = useId();
@@ -14699,20 +14691,16 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
14699
14691
  return formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix;
14700
14692
  },
14701
14693
  getFormValueFromYearName: function () {
14702
- return (formValueFromYearName ||
14703
- "".concat(name).concat(formValueFromYearNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
14694
+ return "".concat(name).concat(formValueFromYearNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
14704
14695
  },
14705
14696
  getFormValueFromMonthName: function () {
14706
- return (formValueFromMonthName ||
14707
- "".concat(name).concat(formValueFromMonthNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
14697
+ return "".concat(name).concat(formValueFromMonthNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
14708
14698
  },
14709
14699
  getFormValueToYearName: function () {
14710
- return (formValueToYearName ||
14711
- "".concat(name).concat(formValueToYearNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
14700
+ return "".concat(name).concat(formValueToYearNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
14712
14701
  },
14713
14702
  getFormValueToMonthName: function () {
14714
- return (formValueToMonthName ||
14715
- "".concat(name).concat(formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
14703
+ return "".concat(name).concat(formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
14716
14704
  },
14717
14705
  };
14718
14706
  onAddValueItem(id, commands);
@@ -14757,10 +14745,6 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
14757
14745
  formValueFromMonthNameSuffix,
14758
14746
  formValueToYearNameSuffix,
14759
14747
  formValueToMonthNameSuffix,
14760
- formValueFromYearName,
14761
- formValueFromMonthName,
14762
- formValueToYearName,
14763
- formValueToMonthName,
14764
14748
  ]);
14765
14749
  // Event Handler ---------------------------------------------------------------------------------------------------
14766
14750
  var handleContainerChange = useCallback(function (newValue, selectType, isMonthSelect) {
@@ -15203,7 +15187,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
15203
15187
  //----------------------------------------------------------------------------------------------------------------
15204
15188
  name = _a.name, startLabel = _a.startLabel, startLabelIcon = _a.startLabelIcon, endLabel = _a.endLabel, endLabelIcon = _a.endLabelIcon, readOnly = _a.readOnly, required = _a.required, initFullWidth = _a.fullWidth, initDisabled = _a.disabled, initError = _a.error, helperText = _a.helperText, initValue = _a.value, initData = _a.data, exceptValue = _a.exceptValue, onChange = _a.onChange, onValidate = _a.onValidate,
15205
15189
  // -------------------------------------------------------------------------------------------------------------------
15206
- icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinYear = _a.minYear, initMaxYear = _a.maxYear, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueFromName = _a.formValueFromName, formValueToName = _a.formValueToName, formValueFromNameSuffix = _a.formValueFromNameSuffix, formValueToNameSuffix = _a.formValueToNameSuffix, align = _a.align,
15190
+ icon = _a.icon, initFormat = _a.format, initLabelShrink = _a.labelShrink, disablePast = _a.disablePast, disableFuture = _a.disableFuture, initMinYear = _a.minYear, initMaxYear = _a.maxYear, inputWidth = _a.inputWidth, readOnlyInput = _a.readOnlyInput, startAdornment = _a.startAdornment, endAdornment = _a.endAdornment, formValueFromNameSuffix = _a.formValueFromNameSuffix, formValueToNameSuffix = _a.formValueToNameSuffix, align = _a.align,
15207
15191
  //----------------------------------------------------------------------------------------------------------------
15208
15192
  className = _a.className, initStyle = _a.style, sx = _a.sx;
15209
15193
  var id = useId();
@@ -15394,12 +15378,10 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
15394
15378
  },
15395
15379
  getFormValueToNameSuffix: function () { return formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix; },
15396
15380
  getFormValueFromName: function () {
15397
- return (formValueFromName ||
15398
- "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
15381
+ return "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
15399
15382
  },
15400
15383
  getFormValueToName: function () {
15401
- return (formValueToName ||
15402
- "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
15384
+ return "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
15403
15385
  },
15404
15386
  };
15405
15387
  onAddValueItem(id, commands);
@@ -15442,8 +15424,6 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
15442
15424
  setData,
15443
15425
  formValueFromNameSuffix,
15444
15426
  formValueToNameSuffix,
15445
- formValueFromName,
15446
- formValueToName,
15447
15427
  ]);
15448
15428
  // Event Handler ---------------------------------------------------------------------------------------------------
15449
15429
  var handleContainerChange = useCallback(function (newValue, selectType) {