@pdg/react-form 1.0.72 → 1.0.74

package/dist/@types/types.d.ts

@@ -76,9 +76,9 @@ export interface FormRangeValueItemNameCommands {
 }
 export interface FormYearMonthValueItemCommands {
     getYear(): number | null;
-    setYear(year: number): void;
+    setYear(year: number | null): void;
     getMonth(): number | null;
-    setMonth(month: number): void;
+    setMonth(month: number | null): void;
 }
 export interface FormYearMonthValueItemNameCommands {
     getFormValueYearNameSuffix(): string;
@@ -88,13 +88,13 @@ export interface FormYearMonthValueItemNameCommands {
 }
 export interface FormYearMonthRangeValueItemCommands {
     getFromYear(): number | null;
-    setFromYear(year: number): void;
+    setFromYear(year: number | null): void;
     getFromMonth(): number | null;
-    setFromMonth(month: number): void;
+    setFromMonth(month: number | null): void;
     getToYear(): number | null;
-    setToYear(year: number): void;
+    setToYear(year: number | null): void;
     getToMonth(): number | null;
-    setToMonth(month: number): void;
+    setToMonth(month: number | null): void;
 }
 export interface FormYearMonthRangeValueItemNameCommands {
     getFormValueFromYearNameSuffix(): string;

package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts

@@ -23,8 +23,6 @@ export interface FormDateRangePickerProps extends CommonSxProps, Omit<FormValueI
     calendarCount?: FormDateRangePickerCalendarCount;
     format?: string;
     formValueFormat?: string;
-    formValueFromName?: string;
-    formValueToName?: string;
     formValueFromNameSuffix?: string;
     formValueToNameSuffix?: string;
     icon?: string;

package/dist/FormItemCustom/FormMonthPicker/FormMonthPicker.types.d.ts

@@ -18,8 +18,6 @@ export interface FormMonthPickerProps extends CommonSxProps, FormValueItemProps<
     readOnlyInput?: boolean;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
-    formValueYearName?: string;
-    formValueMonthName?: string;
     formValueYearNameSuffix?: string;
     formValueMonthNameSuffix?: string;
 }

package/dist/FormItemCustom/FormMonthRangePicker/FormMonthRangePicker.types.d.ts

@@ -22,10 +22,6 @@ export interface FormMonthRangePickerProps extends CommonSxProps, Omit<FormValue
     readOnlyInput?: boolean;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
-    formValueFromYearName?: string;
-    formValueFromMonthName?: string;
-    formValueToYearName?: string;
-    formValueToMonthName?: string;
     formValueFromYearNameSuffix?: string;
     formValueFromMonthNameSuffix?: string;
     formValueToYearNameSuffix?: string;

package/dist/FormItemCustom/FormYearRangePicker/FormYearRangePicker.types.d.ts

@@ -22,8 +22,6 @@ export interface FormYearRangePickerProps extends CommonSxProps, Omit<FormValueI
     readOnlyInput?: boolean;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
-    formValueFromName?: string;
-    formValueToName?: string;
     formValueFromNameSuffix?: string;
     formValueToNameSuffix?: string;
 }

package/dist/index.esm.js

@@ -13020,7 +13020,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
     // ID --------------------------------------------------------------------------------------------------------------
     var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth, 
     //--------------------------------------------------------------------------------------------------------------------
-    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, 
+    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, 
     // -------------------------------------------------------------------------------------------------------------------
     className = _a.className;
     var id = useId();
@@ -13481,12 +13481,10 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
                     return formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix;
                 },
                 getFormValueFromName: function () {
-                    return (formValueFromName ||
-                        "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
+                    return "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
                 },
                 getFormValueToName: function () {
-                    return (formValueToName ||
-                        "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
+                    return "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
                 },
             };
             if (ref) {
@@ -13534,8 +13532,6 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
         setErrorErrorHelperText,
         data,
         setData,
-        formValueFromName,
-        formValueToName,
     ]);
     // Render ----------------------------------------------------------------------------------------------------------
     return (React__default.createElement(LocalizationProvider, { dateAdapter: AdapterDayjs },
@@ -14075,7 +14071,7 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
     //----------------------------------------------------------------------------------------------------------------
     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, 
     // -------------------------------------------------------------------------------------------------------------------
-    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, 
+    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, 
     //----------------------------------------------------------------------------------------------------------------
     className = _a.className, initStyle = _a.style, sx = _a.sx;
     var id = useId();
@@ -14240,14 +14236,20 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
             },
             getYear: function () { return (lastValue ? lastValue.year : null); },
             setYear: function (year) {
-                lastValue = getFinalValue(lastValue
-                    ? { year: year, month: lastValue.month }
-                    : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 });
+                lastValue = getFinalValue(year === null
+                    ? null
+                    : lastValue
+                        ? { year: year, month: lastValue.month }
+                        : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 });
                 setValue(lastValue);
             },
             getMonth: function () { return (lastValue ? lastValue.month : null); },
             setMonth: function (month) {
-                lastValue = getFinalValue(lastValue ? { year: lastValue.year, month: month } : { year: new Date().getFullYear(), month: month });
+                lastValue = getFinalValue(month === null
+                    ? null
+                    : lastValue
+                        ? { year: lastValue.year, month: month }
+                        : { year: new Date().getFullYear(), month: month });
                 setValue(lastValue);
             },
             isExceptValue: function () { return !!exceptValue; },
@@ -14269,12 +14271,10 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
                 return formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix;
             },
             getFormValueYearName: function () {
-                return (formValueYearName ||
-                    "".concat(name).concat(formValueYearNameSuffix || FormMonthPickerDefaultProps.formValueYearNameSuffix));
+                return "".concat(name).concat(formValueYearNameSuffix || FormMonthPickerDefaultProps.formValueYearNameSuffix);
             },
             getFormValueMonthName: function () {
-                return (formValueMonthName ||
-                    "".concat(name).concat(formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix));
+                return "".concat(name).concat(formValueMonthNameSuffix || FormMonthPickerDefaultProps.formValueMonthNameSuffix);
             },
         };
         onAddValueItem(id, commands);
@@ -14317,8 +14317,6 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
         setData,
         formValueYearNameSuffix,
         formValueMonthNameSuffix,
-        formValueYearName,
-        formValueMonthName,
     ]);
     // Event Handler ---------------------------------------------------------------------------------------------------
     var handleContainerMouseDown = useCallback(function () {
@@ -14424,7 +14422,7 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
     //----------------------------------------------------------------------------------------------------------------
     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, 
     // -------------------------------------------------------------------------------------------------------------------
-    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, 
+    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, 
     //----------------------------------------------------------------------------------------------------------------
     className = _a.className, initStyle = _a.style, sx = _a.sx;
     var id = useId();
@@ -14623,9 +14621,11 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
             getFromYear: function () { return (lastValue[0] ? lastValue[0].year : null); },
             setFromYear: function (year) {
                 lastValue = getFinalValue([
-                    lastValue[0]
-                        ? { year: year, month: lastValue[0].month }
-                        : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
+                    year === null
+                        ? null
+                        : lastValue[0]
+                            ? { year: year, month: lastValue[0].month }
+                            : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
                     lastValue[1],
                 ]);
                 setValue(lastValue);
@@ -14633,7 +14633,11 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
             getFromMonth: function () { return (lastValue[0] ? lastValue[0].month : null); },
             setFromMonth: function (month) {
                 lastValue = getFinalValue([
-                    lastValue[0] ? { year: lastValue[0].year, month: month } : { year: new Date().getFullYear(), month: month },
+                    month === null
+                        ? null
+                        : lastValue[0]
+                            ? { year: lastValue[0].year, month: month }
+                            : { year: new Date().getFullYear(), month: month },
                     lastValue[1],
                 ]);
                 setValue(lastValue);
@@ -14642,9 +14646,11 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
             setToYear: function (year) {
                 lastValue = getFinalValue([
                     lastValue[0],
-                    lastValue[1]
-                        ? { year: year, month: lastValue[1].month }
-                        : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
+                    year === null
+                        ? null
+                        : lastValue[1]
+                            ? { year: year, month: lastValue[1].month }
+                            : { year: year, month: year === new Date().getFullYear() ? new Date().getMonth() + 1 : 1 },
                 ]);
                 setValue(lastValue);
             },
@@ -14652,7 +14658,11 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
             setToMonth: function (month) {
                 lastValue = getFinalValue([
                     lastValue[0],
-                    lastValue[1] ? { year: lastValue[1].year, month: month } : { year: new Date().getFullYear(), month: month },
+                    month === null
+                        ? null
+                        : lastValue[1]
+                            ? { year: lastValue[1].year, month: month }
+                            : { year: new Date().getFullYear(), month: month },
                 ]);
                 setValue(lastValue);
             },
@@ -14681,20 +14691,16 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
                 return formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix;
             },
             getFormValueFromYearName: function () {
-                return (formValueFromYearName ||
-                    "".concat(name).concat(formValueFromYearNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
+                return "".concat(name).concat(formValueFromYearNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
             },
             getFormValueFromMonthName: function () {
-                return (formValueFromMonthName ||
-                    "".concat(name).concat(formValueFromMonthNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
+                return "".concat(name).concat(formValueFromMonthNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
             },
             getFormValueToYearName: function () {
-                return (formValueToYearName ||
-                    "".concat(name).concat(formValueToYearNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
+                return "".concat(name).concat(formValueToYearNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
             },
             getFormValueToMonthName: function () {
-                return (formValueToMonthName ||
-                    "".concat(name).concat(formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
+                return "".concat(name).concat(formValueToMonthNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
             },
         };
         onAddValueItem(id, commands);
@@ -14739,10 +14745,6 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
         formValueFromMonthNameSuffix,
         formValueToYearNameSuffix,
         formValueToMonthNameSuffix,
-        formValueFromYearName,
-        formValueFromMonthName,
-        formValueToYearName,
-        formValueToMonthName,
     ]);
     // Event Handler ---------------------------------------------------------------------------------------------------
     var handleContainerChange = useCallback(function (newValue, selectType, isMonthSelect) {
@@ -15185,7 +15187,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
     //----------------------------------------------------------------------------------------------------------------
     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, 
     // -------------------------------------------------------------------------------------------------------------------
-    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, 
+    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, 
     //----------------------------------------------------------------------------------------------------------------
     className = _a.className, initStyle = _a.style, sx = _a.sx;
     var id = useId();
@@ -15376,12 +15378,10 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
             },
             getFormValueToNameSuffix: function () { return formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix; },
             getFormValueFromName: function () {
-                return (formValueFromName ||
-                    "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix));
+                return "".concat(name).concat(formValueFromNameSuffix || FormDateRangePickerDefaultProps.formValueFromNameSuffix);
             },
             getFormValueToName: function () {
-                return (formValueToName ||
-                    "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix));
+                return "".concat(name).concat(formValueToNameSuffix || FormDateRangePickerDefaultProps.formValueToNameSuffix);
             },
         };
         onAddValueItem(id, commands);
@@ -15424,8 +15424,6 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
         setData,
         formValueFromNameSuffix,
         formValueToNameSuffix,
-        formValueFromName,
-        formValueToName,
     ]);
     // Event Handler ---------------------------------------------------------------------------------------------------
     var handleContainerChange = useCallback(function (newValue, selectType) {