@pdg/react-form 1.0.78 → 1.0.80
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/@private/PrivateMonthPicker/PrivateMonthPickerMonth/PrivateMonthPickerMonth.types.d.ts +1 -0
- package/dist/@private/PrivateMonthRangePicker/PrivateMonthRangePicker.style.d.ts +34 -0
- package/dist/@private/PrivateYearPicker/PrivateYearPickerYear/PrivateYearPickerYear.types.d.ts +1 -0
- package/dist/@private/PrivateYearRangePicker/PrivateYearRangePicker.style.d.ts +34 -0
- package/dist/Form/Form.types.d.ts +1 -0
- package/dist/FormContext/FormContext.types.d.ts +1 -0
- package/dist/FormItemCustom/FormDateRangePicker/FormDateRangePicker.types.d.ts +4 -4
- package/dist/FormItemCustom/FormMonthRangePicker/FormMonthRangePicker.types.d.ts +4 -4
- package/dist/FormItemCustom/FormYearRangePicker/FormYearRangePicker.types.d.ts +4 -4
- package/dist/index.esm.js +232 -187
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +232 -187
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -500,7 +500,7 @@ function AutoTypeForwardRef(render) {
|
|
|
500
500
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
501
501
|
var className = _a.className, children = _a.children, initStyle = _a.style, sx = _a.sx,
|
|
502
502
|
//--------------------------------------------------------------------------------------------------------------------
|
|
503
|
-
initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initSpacing = _a.spacing, initFormColGap = _a.formColGap, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth, fullHeight = _a.fullHeight,
|
|
503
|
+
initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initSpacing = _a.spacing, initFormColGap = _a.formColGap, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth, fullHeight = _a.fullHeight, disabled = _a.disabled,
|
|
504
504
|
//----------------------------------------------------------------------------------------------------------------
|
|
505
505
|
onSubmit = _a.onSubmit, onInvalid = _a.onInvalid, onValueChange = _a.onValueChange, onValueChangeByUser = _a.onValueChangeByUser;
|
|
506
506
|
var _b = useFormState(), formId = _b.id, formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formSpacing = _b.spacing, formFormColGap = _b.formColGap, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formAddValueItem = _b.onAddValueItem, formRemoveValueItem = _b.onRemoveValueItem, formValueChange = _b.onValueChange, formValueChangeByUser = _b.onValueChangeByUser, otherFormState = __rest$4(_b, ["id", "variant", "size", "color", "spacing", "formColGap", "focused", "labelShrink", "fullWidth", "onAddValueItem", "onRemoveValueItem", "onValueChange", "onValueChangeByUser"]);
|
|
@@ -904,8 +904,10 @@ function AutoTypeForwardRef(render) {
|
|
|
904
904
|
// Event Handler ---------------------------------------------------------------------------------------------------
|
|
905
905
|
var handleSubmit = useCallback(function (e) {
|
|
906
906
|
e.preventDefault();
|
|
907
|
-
|
|
908
|
-
|
|
907
|
+
if (!disabled) {
|
|
908
|
+
submit();
|
|
909
|
+
}
|
|
910
|
+
}, [disabled, submit]);
|
|
909
911
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
910
912
|
var style = useMemo(function () {
|
|
911
913
|
return fullHeight ? __assign$7(__assign$7({}, initStyle), { flex: 1, height: '100%' }) : initStyle;
|
|
@@ -915,7 +917,7 @@ function AutoTypeForwardRef(render) {
|
|
|
915
917
|
flexDirection: 'column',
|
|
916
918
|
height: fullHeight ? '100%' : undefined,
|
|
917
919
|
}); }, [fullHeight]);
|
|
918
|
-
return (React__default.createElement(FormContextProvider, { value: __assign$7({ id: formId || 'form', variant: variant, size: size, color: color, spacing: spacing, formColGap: formColGap, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, fullHeight: fullHeight, onAddValueItem: function (id, item) {
|
|
920
|
+
return (React__default.createElement(FormContextProvider, { value: __assign$7({ id: formId || 'form', variant: variant, size: size, color: color, spacing: spacing, formColGap: formColGap, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, fullHeight: fullHeight, disabled: disabled, onAddValueItem: function (id, item) {
|
|
919
921
|
valueItems[id] = item;
|
|
920
922
|
if (formAddValueItem)
|
|
921
923
|
formAddValueItem(id, item);
|
|
@@ -977,8 +979,8 @@ FormIcon.defaultProps = FormIconDefaultProps;var FormButton = React__default.for
|
|
|
977
979
|
});
|
|
978
980
|
FormButton.displayName = 'FormButton';
|
|
979
981
|
FormButton.defaultProps = FormButtonDefaultProps;var FormLabelDefaultProps = {};var IconFormIcon = styled(FormIcon)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"], ["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"])));
|
|
980
|
-
var ChildrenSpan = styled('span')(templateObject_2$
|
|
981
|
-
var templateObject_1$g, templateObject_2$
|
|
982
|
+
var ChildrenSpan = styled('span')(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n vertical-align: middle;\n"], ["\n vertical-align: middle;\n"])));
|
|
983
|
+
var templateObject_1$g, templateObject_2$8;var FormLabel = React__default.forwardRef(function (_a, ref) {
|
|
982
984
|
// Use ---------------------------------------------------------------------------------------------------------------
|
|
983
985
|
var children = _a.children, icon = _a.icon, size = _a.size, style = _a.style, error = _a.error, warning = _a.warning, props = __rest$4(_a, ["children", "icon", "size", "style", "error", "warning"]);
|
|
984
986
|
var theme = useTheme();
|
|
@@ -2226,8 +2228,8 @@ var isDOMElement = function (element) {
|
|
|
2226
2228
|
});
|
|
2227
2229
|
FormCol.displayName = 'FormCol';
|
|
2228
2230
|
FormCol.defaultProps = FormColDefaultProps;var FormBodyDefaultProps = {};var StyledContainerDiv = styled('div')(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n flex: 1;\n position: relative;\n"], ["\n flex: 1;\n position: relative;\n"])));
|
|
2229
|
-
var StyledContentDiv = styled('div')(templateObject_2$
|
|
2230
|
-
var templateObject_1$c, templateObject_2$
|
|
2231
|
+
var StyledContentDiv = styled('div')(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"], ["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"])));
|
|
2232
|
+
var templateObject_1$c, templateObject_2$7;var FormBody = function (_a) {
|
|
2231
2233
|
// Ref ---------------------------------------------------------------------------------------------------------------
|
|
2232
2234
|
var children = _a.children, hidden = _a.hidden;
|
|
2233
2235
|
var containerRef = useRef(null);
|
|
@@ -2315,7 +2317,7 @@ styleInject(css_248z$l);var FormTextField = React__default.forwardRef(function (
|
|
|
2315
2317
|
// Ref -------------------------------------------------------------------------------------------------------------
|
|
2316
2318
|
var inputRef = useRef(null);
|
|
2317
2319
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
2318
|
-
var _c = useFormState(), formVariant = _c.variant, formSize = _c.size, formColor = _c.color, formFocused = _c.focused, formLabelShrink = _c.labelShrink, formFullWidth = _c.fullWidth, formColWithHelperText = _c.formColWithHelperText, onAddValueItem = _c.onAddValueItem, onRemoveValueItem = _c.onRemoveValueItem, onValueChange = _c.onValueChange, onValueChangeByUser = _c.onValueChangeByUser, onRequestSearchSubmit = _c.onRequestSearchSubmit;
|
|
2320
|
+
var _c = useFormState(), formVariant = _c.variant, formSize = _c.size, formColor = _c.color, formFocused = _c.focused, formLabelShrink = _c.labelShrink, formFullWidth = _c.fullWidth, formDisabled = _c.disabled, formColWithHelperText = _c.formColWithHelperText, onAddValueItem = _c.onAddValueItem, onRemoveValueItem = _c.onRemoveValueItem, onValueChange = _c.onValueChange, onValueChangeByUser = _c.onValueChangeByUser, onRequestSearchSubmit = _c.onRequestSearchSubmit;
|
|
2319
2321
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
2320
2322
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
2321
2323
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -2327,7 +2329,7 @@ styleInject(css_248z$l);var FormTextField = React__default.forwardRef(function (
|
|
|
2327
2329
|
var _d = useAutoUpdateState$1(initError), error = _d[0], setError = _d[1];
|
|
2328
2330
|
var _e = useState(), errorHelperText = _e[0], setErrorHelperText = _e[1];
|
|
2329
2331
|
var _f = useState(false), showClear = _f[0], setShowClear = _f[1];
|
|
2330
|
-
var _g = useAutoUpdateState$1(initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
2332
|
+
var _g = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
2331
2333
|
var _h = useAutoUpdateState$1(initHidden), hidden = _h[0], setHidden = _h[1];
|
|
2332
2334
|
var _j = useAutoUpdateState$1(initData), data = _j[0], setData = _j[1];
|
|
2333
2335
|
// Memo - muiInputLabelProps ---------------------------------------------------------------------------------------
|
|
@@ -4663,7 +4665,7 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React__default.forw
|
|
|
4663
4665
|
// Use ---------------------------------------------------------------------------------------------------------------
|
|
4664
4666
|
var theme = useTheme();
|
|
4665
4667
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
4666
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
4668
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
4667
4669
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
4668
4670
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
4669
4671
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -4685,7 +4687,7 @@ FormItemBase.displayName = 'FormItemBase';var FormCheckbox = React__default.forw
|
|
|
4685
4687
|
var _e = useAutoUpdateState$1(initUncheckedValue), uncheckedValue = _e[0], setUncheckedValue = _e[1];
|
|
4686
4688
|
var _f = useAutoUpdateState$1(initError), error = _f[0], setError = _f[1];
|
|
4687
4689
|
var _g = useState(), errorHelperText = _g[0], setErrorHelperText = _g[1];
|
|
4688
|
-
var _h = useAutoUpdateState$1(initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
4690
|
+
var _h = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
4689
4691
|
var _j = useAutoUpdateState$1(initHidden), hidden = _j[0], setHidden = _j[1];
|
|
4690
4692
|
var _k = useAutoUpdateState$1(initData), data = _k[0], setData = _k[1];
|
|
4691
4693
|
// State - checked -------------------------------------------------------------------------------------------------
|
|
@@ -4862,7 +4864,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
4862
4864
|
// ID --------------------------------------------------------------------------------------------------------------
|
|
4863
4865
|
var id = useId();
|
|
4864
4866
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
4865
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
4867
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
4866
4868
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
4867
4869
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
4868
4870
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -4879,7 +4881,7 @@ var FormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_a
|
|
|
4879
4881
|
var _d = useAutoUpdateState$1(initItems), items = _d[0], setItems = _d[1];
|
|
4880
4882
|
var _e = useAutoUpdateState$1(initError), error = _e[0], setError = _e[1];
|
|
4881
4883
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
4882
|
-
var _g = useAutoUpdateState$1(initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
4884
|
+
var _g = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
4883
4885
|
var _h = useAutoUpdateState$1(initHidden), hidden = _h[0], setHidden = _h[1];
|
|
4884
4886
|
var _j = useState(false), isOnGetItemLoading = _j[0], setIsOnGetItemLoading = _j[1];
|
|
4885
4887
|
var _k = useAutoUpdateState$1(initLoading), loading = _k[0], setLoading = _k[1];
|
|
@@ -5190,7 +5192,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
5190
5192
|
var refForButtonResizeHeightDetect = useRef(null);
|
|
5191
5193
|
var refForLoadingResizeHeightDetect = useRef(null);
|
|
5192
5194
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
5193
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, formColWidth = _b.formColWidth, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
5195
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWidth = _b.formColWidth, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
5194
5196
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
5195
5197
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
5196
5198
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -5234,7 +5236,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
5234
5236
|
var _h = useAutoUpdateState$1(initError), error = _h[0], setError = _h[1];
|
|
5235
5237
|
var _j = useState(), errorHelperText = _j[0], setErrorHelperText = _j[1];
|
|
5236
5238
|
var _k = useAutoUpdateState$1(initLoading), loading = _k[0], setLoading = _k[1];
|
|
5237
|
-
var _l = useAutoUpdateState$1(initDisabled), disabled = _l[0], setDisabled = _l[1];
|
|
5239
|
+
var _l = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _l[0], setDisabled = _l[1];
|
|
5238
5240
|
var _m = useAutoUpdateState$1(initHidden), hidden = _m[0], setHidden = _m[1];
|
|
5239
5241
|
var _o = useAutoUpdateState$1(initData), data = _o[0], setData = _o[1];
|
|
5240
5242
|
// Memo --------------------------------------------------------------------------------------------------------------
|
|
@@ -5618,7 +5620,7 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
|
|
|
5618
5620
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
5619
5621
|
var id = useId();
|
|
5620
5622
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
5621
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
5623
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
5622
5624
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
5623
5625
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
5624
5626
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -5631,7 +5633,7 @@ FormToggleButtonGroup.defaultProps = FormToggleButtonGroupDefaultProps;var FormR
|
|
|
5631
5633
|
// State -----------------------------------------------------------------------------------------------------------
|
|
5632
5634
|
var _d = useAutoUpdateState$1(initError), error = _d[0], setError = _d[1];
|
|
5633
5635
|
var _e = useState(), errorHelperText = _e[0], setErrorHelperText = _e[1];
|
|
5634
|
-
var _f = useAutoUpdateState$1(initDisabled), disabled = _f[0], setDisabled = _f[1];
|
|
5636
|
+
var _f = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _f[0], setDisabled = _f[1];
|
|
5635
5637
|
var _g = useAutoUpdateState$1(initHidden), hidden = _g[0], setHidden = _g[1];
|
|
5636
5638
|
var _h = useAutoUpdateState$1(initData), data = _h[0], setData = _h[1];
|
|
5637
5639
|
// State - width, height -------------------------------------------------------------------------------------------
|
|
@@ -7646,7 +7648,7 @@ styleInject(css_248z$c);var FormTextEditor = React__default.forwardRef(function
|
|
|
7646
7648
|
className = _a.className;
|
|
7647
7649
|
var id = useId();
|
|
7648
7650
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
7649
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, onAddValueItem = _b.onAddValueItem, onValueChange = _b.onValueChange, onRemoveValueItem = _b.onRemoveValueItem, onValueChangeByUser = _b.onValueChangeByUser;
|
|
7651
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onValueChange = _b.onValueChange, onRemoveValueItem = _b.onRemoveValueItem, onValueChangeByUser = _b.onValueChangeByUser;
|
|
7650
7652
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
7651
7653
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
7652
7654
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -7669,7 +7671,7 @@ styleInject(css_248z$c);var FormTextEditor = React__default.forwardRef(function
|
|
|
7669
7671
|
var _e = useAutoUpdateState$1(initError), error = _e[0], setError = _e[1];
|
|
7670
7672
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
7671
7673
|
var _g = useState(false), initialized = _g[0], setInitialized = _g[1];
|
|
7672
|
-
var _h = useAutoUpdateState$1(initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
7674
|
+
var _h = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
7673
7675
|
var _j = useAutoUpdateState$1(initHidden), hidden = _j[0], setHidden = _j[1];
|
|
7674
7676
|
var _k = useAutoUpdateState$1(initData), data = _k[0], setData = _k[1];
|
|
7675
7677
|
// Function - focus ------------------------------------------------------------------------------------------------
|
|
@@ -7864,7 +7866,7 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
|
|
|
7864
7866
|
var asyncTimerRef = useRef(null);
|
|
7865
7867
|
var oldComponentValueRef = useRef(null);
|
|
7866
7868
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
7867
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
7869
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
7868
7870
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
7869
7871
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
7870
7872
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -7878,7 +7880,7 @@ FormTextEditor.defaultProps = FormTextEditorDefaultProps;var FormAutocompleteDef
|
|
|
7878
7880
|
var _e = useAutoUpdateState$1(initError), error = _e[0], setError = _e[1];
|
|
7879
7881
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
7880
7882
|
var _g = useAutoUpdateState$1(initLoading), loading = _g[0], setLoading = _g[1];
|
|
7881
|
-
var _h = useAutoUpdateState$1(initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
7883
|
+
var _h = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _h[0], setDisabled = _h[1];
|
|
7882
7884
|
var _j = useAutoUpdateState$1(initHidden), hidden = _j[0], setHidden = _j[1];
|
|
7883
7885
|
var _k = useState(undefined), inputValue = _k[0], setInputValue = _k[1];
|
|
7884
7886
|
var _l = useAutoUpdateState$1(initData), data = _l[0], setData = _l[1];
|
|
@@ -10562,7 +10564,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React__default.forwardRef(functi
|
|
|
10562
10564
|
var datePickerErrorRef = useRef(null);
|
|
10563
10565
|
var openValueRef = useRef(null);
|
|
10564
10566
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
10565
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
10567
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
10566
10568
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
10567
10569
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
10568
10570
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -10576,7 +10578,7 @@ styleInject(css_248z$7);var PrivateDatePicker = React__default.forwardRef(functi
|
|
|
10576
10578
|
var _d = useAutoUpdateState$1(initError), error = _d[0], setError = _d[1];
|
|
10577
10579
|
var _e = useState(null), timeError = _e[0], setTimeError = _e[1];
|
|
10578
10580
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
10579
|
-
var _g = useAutoUpdateState$1(initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
10581
|
+
var _g = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
10580
10582
|
var _h = useAutoUpdateState$1(initHidden), hidden = _h[0], setHidden = _h[1];
|
|
10581
10583
|
var _j = useAutoUpdateState$1(initData), data = _j[0], setData = _j[1];
|
|
10582
10584
|
// Memo --------------------------------------------------------------------------------------------------------------
|
|
@@ -11274,7 +11276,7 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
|
|
|
11274
11276
|
var datePickerErrorRef = useRef(null);
|
|
11275
11277
|
var openValueRef = useRef(null);
|
|
11276
11278
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
11277
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
11279
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
11278
11280
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
11279
11281
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
11280
11282
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -11288,7 +11290,7 @@ PrivateStaticDateTimePicker.defaultProps = PrivateStaticDateTimePickerDefaultPro
|
|
|
11288
11290
|
var _d = useAutoUpdateState$1(initError), error = _d[0], setError = _d[1];
|
|
11289
11291
|
var _e = useState(null), timeError = _e[0], setTimeError = _e[1];
|
|
11290
11292
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
11291
|
-
var _g = useAutoUpdateState$1(initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
11293
|
+
var _g = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _g[0], setDisabled = _g[1];
|
|
11292
11294
|
var _h = useAutoUpdateState$1(initHidden), hidden = _h[0], setHidden = _h[1];
|
|
11293
11295
|
var _j = useAutoUpdateState$1(initData), data = _j[0], setData = _j[1];
|
|
11294
11296
|
// Memo --------------------------------------------------------------------------------------------------------------
|
|
@@ -11818,8 +11820,8 @@ PrivateInputDatePicker.defaultProps = PrivateInputDatePickerDefaultProps;var Pri
|
|
|
11818
11820
|
minYear: 2020,
|
|
11819
11821
|
maxYear: 2050,
|
|
11820
11822
|
};var PrivateYearRangePickerYearListDefaultProps = {};var PrivateYearRangePickerYearDefaultProps = {};var StyledContainer$6 = styled(Grid)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n padding: 4px;\n position: relative;\n"], ["\n padding: 4px;\n position: relative;\n"])));
|
|
11821
|
-
var StyledButton$2 = styled(Button)(templateObject_2$
|
|
11822
|
-
var templateObject_1$a, templateObject_2$
|
|
11823
|
+
var StyledButton$2 = styled(Button)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"], ["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: #1976d2;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"])));
|
|
11824
|
+
var templateObject_1$a, templateObject_2$6;var PrivateYearRangePickerYear = React__default.forwardRef(function (_a, ref) {
|
|
11823
11825
|
var year = _a.year, disabled = _a.disabled, isDefault = _a.isDefault, selected = _a.selected, selectedStart = _a.selectedStart, selectedEnd = _a.selectedEnd, selectedTemp = _a.selectedTemp, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
11824
11826
|
var className = useMemo(function () {
|
|
11825
11827
|
return classNames$1(isDefault && 'default', selected && 'selected', selectedStart && 'selected-start', selectedEnd && 'selected-end', selectedTemp && 'selected-temp', disabled && 'disabled');
|
|
@@ -11946,13 +11948,15 @@ var PrivateYearRangePickerYearList = function (_a) {
|
|
|
11946
11948
|
};
|
|
11947
11949
|
PrivateYearRangePickerYearList.displayName = 'PrivateYearRangePickerYearList';
|
|
11948
11950
|
PrivateYearRangePickerYearList.defaultProps = PrivateYearRangePickerYearListDefaultProps;var StyledTitleContainer$1 = styled('div')(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"])));
|
|
11949
|
-
var StyledYear = styled('span')(templateObject_2$
|
|
11950
|
-
var StyledYearError = styled('span')(templateObject_3$
|
|
11951
|
+
var StyledYear = styled('span')(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject([""], [""])));
|
|
11952
|
+
var StyledYearError = styled('span')(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
|
|
11951
11953
|
var theme = _a.theme;
|
|
11952
11954
|
return theme.palette.error.main;
|
|
11953
11955
|
});
|
|
11954
11956
|
var StyledTitleGap = styled('span')(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n padding: 0 7px;\n opacity: 0.5;\n"], ["\n padding: 0 7px;\n opacity: 0.5;\n"])));
|
|
11955
|
-
var
|
|
11957
|
+
var StyledActionContainer$1 = styled('div')(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"], ["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"])));
|
|
11958
|
+
var StyledActionButton$1 = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
11959
|
+
var templateObject_1$8, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6;var DEFAULT_VALUE$5 = [null, null];
|
|
11956
11960
|
var PrivateYearRangePicker = function (_a) {
|
|
11957
11961
|
// State -------------------------------------------------------------------------------------------------------------
|
|
11958
11962
|
var selectType = _a.selectType, initValue = _a.value, initMinYear = _a.minYear, initMaxYear = _a.maxYear, disablePast = _a.disablePast, disableFuture = _a.disableFuture, hideHeader = _a.hideHeader, onChange = _a.onChange;
|
|
@@ -11996,6 +12000,28 @@ var PrivateYearRangePicker = function (_a) {
|
|
|
11996
12000
|
displayValue[0] < minAvailableYear || displayValue[0] > maxAvailableYear,
|
|
11997
12001
|
displayValue[1] < minAvailableYear || displayValue[1] > maxAvailableYear,
|
|
11998
12002
|
]; }, [displayValue, minAvailableYear, maxAvailableYear]);
|
|
12003
|
+
// action button -----------------------------------------------------------------------------------------------------
|
|
12004
|
+
var getActionButton = useCallback(function (fromYear, toYear, label) {
|
|
12005
|
+
if (fromYear < minAvailableYear || toYear > maxAvailableYear) {
|
|
12006
|
+
return undefined;
|
|
12007
|
+
}
|
|
12008
|
+
else {
|
|
12009
|
+
var newValue_1 = [
|
|
12010
|
+
Math.max(fromYear, minAvailableYear),
|
|
12011
|
+
Math.min(toYear, maxAvailableYear),
|
|
12012
|
+
];
|
|
12013
|
+
return (React__default.createElement(StyledActionButton$1, { variant: 'text', onClick: function () {
|
|
12014
|
+
setValue(newValue_1);
|
|
12015
|
+
onChange(newValue_1, 'end');
|
|
12016
|
+
} }, label));
|
|
12017
|
+
}
|
|
12018
|
+
}, [maxAvailableYear, minAvailableYear, onChange, setValue]);
|
|
12019
|
+
var actionButtons = useMemo(function () {
|
|
12020
|
+
return (React__default.createElement(StyledActionContainer$1, null,
|
|
12021
|
+
getActionButton(nowYear - 2, nowYear, '최근 3년'),
|
|
12022
|
+
getActionButton(nowYear - 4, nowYear, '최근 5년'),
|
|
12023
|
+
getActionButton(nowYear - 9, nowYear, '최근 10년')));
|
|
12024
|
+
}, [getActionButton, nowYear]);
|
|
11999
12025
|
// Event Handler -----------------------------------------------------------------------------------------------------
|
|
12000
12026
|
var handleYearChange = useCallback(function (valueYear) {
|
|
12001
12027
|
var newValue = __spreadArray([], value, true);
|
|
@@ -12046,19 +12072,20 @@ var PrivateYearRangePicker = function (_a) {
|
|
|
12046
12072
|
displayValue[1],
|
|
12047
12073
|
"\uB144")))),
|
|
12048
12074
|
React__default.createElement("div", null,
|
|
12049
|
-
React__default.createElement(PrivateYearRangePickerYearList, { value: value, selectType: selectType, displayValue: displayValue, minYear: minYear, maxYear: maxYear, disablePast: disablePast, disableFuture: disableFuture, onChange: handleYearChange }))
|
|
12075
|
+
React__default.createElement(PrivateYearRangePickerYearList, { value: value, selectType: selectType, displayValue: displayValue, minYear: minYear, maxYear: maxYear, disablePast: disablePast, disableFuture: disableFuture, onChange: handleYearChange })),
|
|
12076
|
+
actionButtons));
|
|
12050
12077
|
};
|
|
12051
12078
|
PrivateYearRangePicker.displayName = 'PrivateYearRangePicker';
|
|
12052
12079
|
PrivateYearRangePicker.defaultProps = PrivateYearRangePickerDefaultProps;var PrivateYearPickerDefaultProps = {
|
|
12053
12080
|
minYear: 2020,
|
|
12054
12081
|
maxYear: 2050,
|
|
12055
12082
|
};var PrivateYearPickerYearListDefaultProps = {};var PrivateYearPickerYearDefaultProps = {};var StyledContainer$4 = styled(Grid)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n padding: 4px;\n position: relative;\n"], ["\n padding: 4px;\n position: relative;\n"])));
|
|
12056
|
-
var StyledButton$1 = styled(Button)(templateObject_2$
|
|
12057
|
-
var templateObject_1$7, templateObject_2$
|
|
12058
|
-
var year = _a.year, disabled = _a.disabled, active = _a.active, isDefault = _a.isDefault, selected = _a.selected, selectedStart = _a.selectedStart, selectedEnd = _a.selectedEnd, selectedTemp = _a.selectedTemp, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
12083
|
+
var StyledButton$1 = styled(Button)(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n\n &.range:not(.active) {\n background-color: rgba(25, 118, 210, 0.8);\n }\n }\n &.active {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n box-shadow: inset 1px 1px 1px 1px #05569f;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"], ["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n\n &.range:not(.active) {\n background-color: rgba(25, 118, 210, 0.8);\n }\n }\n &.active {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n box-shadow: inset 1px 1px 1px 1px #05569f;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n border: 1px solid transparent;\n background-color: rgba(66, 165, 245, 0.3);\n }\n"])));
|
|
12084
|
+
var templateObject_1$7, templateObject_2$4;var PrivateYearPickerYear = React__default.forwardRef(function (_a, ref) {
|
|
12085
|
+
var year = _a.year, disabled = _a.disabled, active = _a.active, range = _a.range, isDefault = _a.isDefault, selected = _a.selected, selectedStart = _a.selectedStart, selectedEnd = _a.selectedEnd, selectedTemp = _a.selectedTemp, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
12059
12086
|
var className = useMemo(function () {
|
|
12060
|
-
return classNames$1(isDefault && 'default', selected && 'selected', selectedStart && 'selected-start', selectedEnd && 'selected-end', selectedTemp && 'selected-temp', active && 'active', disabled && 'disabled');
|
|
12061
|
-
}, [isDefault, selected, selectedStart, selectedEnd, selectedTemp, active, disabled]);
|
|
12087
|
+
return classNames$1(range && 'range', isDefault && 'default', selected && 'selected', selectedStart && 'selected-start', selectedEnd && 'selected-end', selectedTemp && 'selected-temp', active && 'active', disabled && 'disabled');
|
|
12088
|
+
}, [range, isDefault, selected, selectedStart, selectedEnd, selectedTemp, active, disabled]);
|
|
12062
12089
|
return (React__default.createElement(StyledContainer$4, { className: 'PrivateYearPickerYear', ref: ref, item: true, xs: 4 },
|
|
12063
12090
|
React__default.createElement(StyledButton$1, { className: className, disabled: disabled, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, year)));
|
|
12064
12091
|
});
|
|
@@ -12150,9 +12177,11 @@ var PrivateYearPickerYearList = function (_a) {
|
|
|
12150
12177
|
var newYears = [];
|
|
12151
12178
|
var startYear = selectFromYear ? selectFromYear : value ? value : 0;
|
|
12152
12179
|
var endYear = selectToYear ? selectToYear : value ? value : 0;
|
|
12180
|
+
var range = !!selectFromYear || !!selectToYear;
|
|
12153
12181
|
for (var i = minYear; i <= maxYear; i += 1) {
|
|
12154
12182
|
newYears.push({
|
|
12155
12183
|
year: i,
|
|
12184
|
+
range: range,
|
|
12156
12185
|
isDefault: !value && !selectFromYear && !selectToYear && i === defaultYear,
|
|
12157
12186
|
active: (!!selectFromYear || !!selectToYear) && i === value,
|
|
12158
12187
|
selected: i >= startYear && i <= endYear,
|
|
@@ -12206,17 +12235,17 @@ var PrivateYearPickerYearList = function (_a) {
|
|
|
12206
12235
|
else if (info.isDefault) {
|
|
12207
12236
|
defaultButtonRef.current = ref;
|
|
12208
12237
|
}
|
|
12209
|
-
}, year: info.year, isDefault: info.isDefault, active: info.active, selected: info.selected, selectedStart: info.selectedStart, selectedEnd: info.selectedEnd, selectedTemp: info.selectedTemp, disabled: info.disabled, onClick: function () { return onChange(info.year); }, onMouseEnter: function () { return mouseOver(info.year); }, onMouseLeave: function () { return mouseOver(undefined); } })); })));
|
|
12238
|
+
}, year: info.year, range: info.range, isDefault: info.isDefault, active: info.active, selected: info.selected, selectedStart: info.selectedStart, selectedEnd: info.selectedEnd, selectedTemp: info.selectedTemp, disabled: info.disabled, onClick: function () { return onChange(info.year); }, onMouseEnter: function () { return mouseOver(info.year); }, onMouseLeave: function () { return mouseOver(undefined); } })); })));
|
|
12210
12239
|
};
|
|
12211
12240
|
PrivateYearPickerYearList.displayName = 'PrivateYearPickerYearList';
|
|
12212
12241
|
PrivateYearPickerYearList.defaultProps = PrivateYearPickerYearListDefaultProps;var StyledTitleContainer = styled('div')(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"])));
|
|
12213
|
-
var StyledIconButton$1 = styled(IconButton)(templateObject_2$
|
|
12214
|
-
var StyledYearMonth$1 = styled('div')(templateObject_3$
|
|
12242
|
+
var StyledIconButton$1 = styled(IconButton)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n margin-top: -8px;\n margin-bottom: -10px;\n"], ["\n margin-top: -8px;\n margin-bottom: -10px;\n"])));
|
|
12243
|
+
var StyledYearMonth$1 = styled('div')(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n flex: 1;\n text-align: center;\n"], ["\n flex: 1;\n text-align: center;\n"])));
|
|
12215
12244
|
var StyledYearMonthError$1 = styled('div')(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n flex: 1;\n text-align: center;\n color: ", ";\n"], ["\n flex: 1;\n text-align: center;\n color: ", ";\n"])), function (_a) {
|
|
12216
12245
|
var theme = _a.theme;
|
|
12217
12246
|
return theme.palette.error.main;
|
|
12218
12247
|
});
|
|
12219
|
-
var templateObject_1$5, templateObject_2$
|
|
12248
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$1;var PrivateYearPicker = function (_a) {
|
|
12220
12249
|
// State -------------------------------------------------------------------------------------------------------------
|
|
12221
12250
|
var initValue = _a.value, initMinYear = _a.minYear, initMaxYear = _a.maxYear, disablePast = _a.disablePast, disableFuture = _a.disableFuture, hideHeader = _a.hideHeader, selectFromYear = _a.selectFromYear, selectToYear = _a.selectToYear, onChange = _a.onChange;
|
|
12222
12251
|
var _b = useAutoUpdateState$1(initValue || null), value = _b[0], setValue = _b[1];
|
|
@@ -12313,12 +12342,12 @@ PrivateYearPicker.defaultProps = PrivateYearPickerDefaultProps;var PrivateMonthP
|
|
|
12313
12342
|
month: 12,
|
|
12314
12343
|
},
|
|
12315
12344
|
};var PrivateMonthPickerMonthListDefaultProps = {};var PrivateMonthPickerMonthDefaultProps = {};var StyledContainer$2 = styled(Grid)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n padding: 4px;\n position: relative;\n"], ["\n padding: 4px;\n position: relative;\n"])));
|
|
12316
|
-
var StyledButton = styled(Button)(templateObject_2$
|
|
12317
|
-
var templateObject_1$4, templateObject_2$
|
|
12318
|
-
var month = _a.month, disabled = _a.disabled, isDefault = _a.isDefault, active = _a.active, selected = _a.selected, selectedStart = _a.selectedStart, selectedEnd = _a.selectedEnd, selectedTemp = _a.selectedTemp, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
12345
|
+
var StyledButton = styled(Button)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n\n &.range:not(.active) {\n background-color: rgba(25, 118, 210, 0.8);\n }\n }\n &.active {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n box-shadow: inset 1px 1px 1px 1px #05569f;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n background-color: rgba(66, 165, 245, 0.3);\n border: 1px solid transparent;\n }\n"], ["\n font-size: 12px;\n background-color: transparent;\n color: unset;\n outline: 0;\n font-weight: 400;\n line-height: 1.75;\n border-radius: 18px;\n cursor: pointer;\n width: 100%;\n border: 1px solid transparent;\n\n &:focus {\n background-color: rgba(0, 0, 0, 0.12);\n }\n\n &.default {\n background-color: #efefef;\n }\n &.selected,\n &.selected-temp {\n background-color: rgba(66, 165, 245, 0.6);\n }\n &.selected-start,\n &.selected-end {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n\n &.range:not(.active) {\n background-color: rgba(25, 118, 210, 0.8);\n }\n }\n &.active {\n color: #fff;\n background-color: rgba(25, 118, 210, 1);\n box-shadow: inset 1px 1px 1px 1px #05569f;\n }\n &.disabled {\n opacity: 0.8;\n border: 1px solid transparent;\n }\n &:hover:not(.disabled):not(.selected-start):not(.selected-end) {\n color: inherit;\n background-color: rgba(66, 165, 245, 0.3);\n border: 1px solid transparent;\n }\n"])));
|
|
12346
|
+
var templateObject_1$4, templateObject_2$2;var PrivateMonthPickerMonth = React__default.forwardRef(function (_a, ref) {
|
|
12347
|
+
var month = _a.month, range = _a.range, disabled = _a.disabled, isDefault = _a.isDefault, active = _a.active, selected = _a.selected, selectedStart = _a.selectedStart, selectedEnd = _a.selectedEnd, selectedTemp = _a.selectedTemp, onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
12319
12348
|
var className = useMemo(function () {
|
|
12320
|
-
return classNames$1(isDefault && 'default', active && 'active', selected && 'selected', selectedStart && 'selected-start', selectedEnd && 'selected-end', selectedTemp && 'selected-temp', disabled && 'disabled');
|
|
12321
|
-
}, [isDefault, active, selected, selectedStart, selectedEnd, selectedTemp, disabled]);
|
|
12349
|
+
return classNames$1(range && 'range', isDefault && 'default', active && 'active', selected && 'selected', selectedStart && 'selected-start', selectedEnd && 'selected-end', selectedTemp && 'selected-temp', disabled && 'disabled');
|
|
12350
|
+
}, [range, isDefault, active, selected, selectedStart, selectedEnd, selectedTemp, disabled]);
|
|
12322
12351
|
var handleClick = useCallback(function () {
|
|
12323
12352
|
onClick && onClick(month);
|
|
12324
12353
|
}, [month, onClick]);
|
|
@@ -12359,12 +12388,14 @@ var templateObject_1$3;var PrivateMonthPickerMonthList = function (_a) {
|
|
|
12359
12388
|
var currentYear = useMemo(function () { return (value ? value.year : defaultYear); }, [value, defaultYear]);
|
|
12360
12389
|
var months = useMemo(function () {
|
|
12361
12390
|
var newMonths = [];
|
|
12391
|
+
var range = !!selectFromValue || !!selectToValue;
|
|
12362
12392
|
var startYm = selectFromValue ? valueToYm(selectFromValue) : value ? valueToYm(value) : 0;
|
|
12363
12393
|
var endYm = selectToValue ? valueToYm(selectToValue) : value ? valueToYm(value) : 0;
|
|
12364
12394
|
for (var i = 1; i <= 12; i += 1) {
|
|
12365
12395
|
var ym = currentYear * 100 + i;
|
|
12366
12396
|
newMonths.push({
|
|
12367
12397
|
month: i,
|
|
12398
|
+
range: range,
|
|
12368
12399
|
isDefault: !value && i === defaultMonth,
|
|
12369
12400
|
active: (!!selectFromValue || !!selectToValue) && !!value && ym === valueToYm(value),
|
|
12370
12401
|
selected: !!value && ym >= startYm && ym <= endYm,
|
|
@@ -12391,18 +12422,18 @@ var templateObject_1$3;var PrivateMonthPickerMonthList = function (_a) {
|
|
|
12391
12422
|
onChange({ year: currentYear, month: month });
|
|
12392
12423
|
}, [currentYear, onChange]);
|
|
12393
12424
|
// Render ------------------------------------------------------------------------------------------------------------
|
|
12394
|
-
return (React__default.createElement(StyledContainer$1, { className: 'PrivateMonthPickerMonthList', container: true }, months.map(function (info) { return (React__default.createElement(PrivateMonthPickerMonth, { key: info.month, month: info.month, isDefault: info.isDefault, active: info.active, selected: info.selected, selectedStart: info.selectedStart, selectedEnd: info.selectedEnd, selectedTemp: info.selectedTemp, disabled: info.disabled, onClick: handleMonthChange })); })));
|
|
12425
|
+
return (React__default.createElement(StyledContainer$1, { className: 'PrivateMonthPickerMonthList', container: true }, months.map(function (info) { return (React__default.createElement(PrivateMonthPickerMonth, { key: info.month, month: info.month, range: info.range, isDefault: info.isDefault, active: info.active, selected: info.selected, selectedStart: info.selectedStart, selectedEnd: info.selectedEnd, selectedTemp: info.selectedTemp, disabled: info.disabled, onClick: handleMonthChange })); })));
|
|
12395
12426
|
};
|
|
12396
12427
|
PrivateMonthPickerMonthList.displayName = 'PrivateMonthPickerMonthList';
|
|
12397
12428
|
PrivateMonthPickerMonthList.defaultProps = PrivateMonthPickerMonthListDefaultProps;var StyledContainer = styled('div')(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n .PrivateYearPickerYearList {\n max-height: 130px;\n }\n"], ["\n .PrivateYearPickerYearList {\n max-height: 130px;\n }\n"])));
|
|
12398
|
-
var TitleContainer = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"])));
|
|
12399
|
-
var StyledIconButton = styled(IconButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-top: -8px;\n margin-bottom: -10px;\n"], ["\n margin-top: -8px;\n margin-bottom: -10px;\n"])));
|
|
12429
|
+
var TitleContainer = styled('div')(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n border-bottom: 1px solid #efefef;\n padding: 10px;\n font-size: 14px;\n"])));
|
|
12430
|
+
var StyledIconButton = styled(IconButton)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: -8px;\n margin-bottom: -10px;\n"], ["\n margin-top: -8px;\n margin-bottom: -10px;\n"])));
|
|
12400
12431
|
var StyledYearMonth = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
12401
12432
|
var StyledYearMonthError = styled('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n"], ["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n"])), function (_a) {
|
|
12402
12433
|
var theme = _a.theme;
|
|
12403
12434
|
return theme.palette.error.main;
|
|
12404
12435
|
});
|
|
12405
|
-
var templateObject_1$2, templateObject_2, templateObject_3, templateObject_4, templateObject_5;var PrivateMonthPicker = function (_a) {
|
|
12436
|
+
var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4, templateObject_5;var PrivateMonthPicker = function (_a) {
|
|
12406
12437
|
// State -------------------------------------------------------------------------------------------------------------
|
|
12407
12438
|
var initValue = _a.value, initMinValue = _a.minValue, initMaxValue = _a.maxValue, disablePast = _a.disablePast, disableFuture = _a.disableFuture, selectFromValue = _a.selectFromValue, selectToValue = _a.selectToValue, onChange = _a.onChange;
|
|
12408
12439
|
var _b = useAutoUpdateState$1(initValue || null), value = _b[0], setValue = _b[1];
|
|
@@ -12531,13 +12562,16 @@ PrivateMonthPicker.defaultProps = PrivateMonthPickerDefaultProps;var PrivateMont
|
|
|
12531
12562
|
month: 12,
|
|
12532
12563
|
},
|
|
12533
12564
|
};var StyledDiv = styled(Grid)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n width: 30px;\n border-left: 1px solid #efefef;\n border-right: 1px solid #efefef;\n background-color: #fafafa;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n width: 30px;\n border-left: 1px solid #efefef;\n border-right: 1px solid #efefef;\n background-color: #fafafa;\n"])));
|
|
12534
|
-
var
|
|
12565
|
+
var StyledActionContainer = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"], ["\n border-top: 1px solid #efefef;\n padding: 10px;\n text-align: right;\n &:empty {\n display: none;\n }\n"])));
|
|
12566
|
+
var StyledActionButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"], ["\n min-width: 0;\n color: unset;\n &:not(:first-child) {\n margin-left: 5px;\n }\n &.disabled {\n color: rgba(0, 0, 0, 0.5);\n }\n"])));
|
|
12567
|
+
var templateObject_1$1, templateObject_2, templateObject_3;var PrivateMonthRangePicker = function (_a) {
|
|
12535
12568
|
// Function ----------------------------------------------------------------------------------------------------------
|
|
12536
12569
|
var value = _a.value, initMinValue = _a.minValue, initMaxValue = _a.maxValue, disablePast = _a.disablePast, disableFuture = _a.disableFuture, onChange = _a.onChange;
|
|
12537
12570
|
var valueToYm = useCallback(function (v) { return v.year * 100 + v.month; }, []);
|
|
12538
12571
|
var dateToValue = useCallback(function (v) { return ({ year: v.year(), month: v.month() + 1 }); }, []);
|
|
12539
12572
|
// Memo --------------------------------------------------------------------------------------------------------------
|
|
12540
|
-
var
|
|
12573
|
+
var nowDate = useMemo(function () { return dayjs(); }, []);
|
|
12574
|
+
var nowValue = useMemo(function () { return dateToValue(nowDate); }, [dateToValue, nowDate]);
|
|
12541
12575
|
var nowYm = useMemo(function () { return valueToYm(nowValue); }, [nowValue, valueToYm]);
|
|
12542
12576
|
var minValue = useMemo(function () { return initMinValue || PrivateMonthRangePickerDefaultProps.minValue; }, [initMinValue]);
|
|
12543
12577
|
var maxValue = useMemo(function () { return initMaxValue || PrivateMonthRangePickerDefaultProps.maxValue; }, [initMaxValue]);
|
|
@@ -12595,6 +12629,33 @@ var templateObject_1$1;var PrivateMonthRangePicker = function (_a) {
|
|
|
12595
12629
|
}
|
|
12596
12630
|
return finalValue;
|
|
12597
12631
|
}, [maxAvailableValue, maxAvailableYm, minAvailableValue, minAvailableYm, valueToYm]);
|
|
12632
|
+
// action button -----------------------------------------------------------------------------------------------------
|
|
12633
|
+
var getActionButton = useCallback(function (fromDate, toDate, label, strict) {
|
|
12634
|
+
var fromValue = dateToValue(fromDate);
|
|
12635
|
+
var fromYm = valueToYm(fromValue);
|
|
12636
|
+
var toValue = dateToValue(toDate);
|
|
12637
|
+
var toYm = valueToYm(toValue);
|
|
12638
|
+
if (strict && (fromYm < minAvailableYm || toYm > maxAvailableYm)) {
|
|
12639
|
+
return undefined;
|
|
12640
|
+
}
|
|
12641
|
+
else if (!strict &&
|
|
12642
|
+
((fromYm < minAvailableYm && toYm < minAvailableYm) || (fromYm > maxAvailableYm && toYm > maxAvailableYm))) {
|
|
12643
|
+
return undefined;
|
|
12644
|
+
}
|
|
12645
|
+
else {
|
|
12646
|
+
return (React__default.createElement(StyledActionButton, { variant: 'text', onClick: function () { return onChange(getFinalValue([fromValue, toValue], 'end'), 'end', true); } }, label));
|
|
12647
|
+
}
|
|
12648
|
+
}, [dateToValue, getFinalValue, maxAvailableYm, minAvailableYm, onChange, valueToYm]);
|
|
12649
|
+
var actionButtons = useMemo(function () {
|
|
12650
|
+
return (React__default.createElement(StyledActionContainer, null,
|
|
12651
|
+
getActionButton(dayjs(nowDate).subtract(2, 'months'), nowDate, '최근 3개월', true),
|
|
12652
|
+
getActionButton(dayjs(nowDate).subtract(5, 'months'), nowDate, '최근 6개월', true),
|
|
12653
|
+
getActionButton(dayjs(nowDate).subtract(11, 'months'), nowDate, '최근 12개월', true),
|
|
12654
|
+
getActionButton(dayjs(nowDate).subtract(23, 'months'), nowDate, '최근 24개월', true),
|
|
12655
|
+
getActionButton(dayjs(nowDate).subtract(2, 'years').set('months', 0), dayjs(nowDate).subtract(2, 'years').set('months', 11), '재작년'),
|
|
12656
|
+
getActionButton(dayjs(nowDate).subtract(1, 'years').set('months', 0), dayjs(nowDate).subtract(1, 'years').set('months', 11), '작년'),
|
|
12657
|
+
getActionButton(dayjs(nowDate).set('months', 0), dayjs(nowDate).set('months', 11), '올해')));
|
|
12658
|
+
}, [getActionButton, nowDate]);
|
|
12598
12659
|
// Event Handler -----------------------------------------------------------------------------------------------------
|
|
12599
12660
|
var handleStartMonthChange = useCallback(function (v, isMonthSelect) {
|
|
12600
12661
|
var finalValue = getFinalValue([v, value[1]], 'start');
|
|
@@ -12605,12 +12666,14 @@ var templateObject_1$1;var PrivateMonthRangePicker = function (_a) {
|
|
|
12605
12666
|
onChange(finalValue, 'end', isMonthSelect);
|
|
12606
12667
|
}, [getFinalValue, onChange, value]);
|
|
12607
12668
|
// Render ------------------------------------------------------------------------------------------------------------
|
|
12608
|
-
return (React__default.createElement(
|
|
12609
|
-
React__default.createElement(Grid, {
|
|
12610
|
-
React__default.createElement(
|
|
12611
|
-
|
|
12612
|
-
|
|
12613
|
-
React__default.createElement(
|
|
12669
|
+
return (React__default.createElement("div", null,
|
|
12670
|
+
React__default.createElement(Grid, { container: true, className: 'PrivateMonthRangePicker' },
|
|
12671
|
+
React__default.createElement(Grid, { item: true },
|
|
12672
|
+
React__default.createElement(PrivateMonthPicker, { value: value[0], selectToValue: value[1], minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, onChange: handleStartMonthChange })),
|
|
12673
|
+
React__default.createElement(StyledDiv, null, "~"),
|
|
12674
|
+
React__default.createElement(Grid, { item: true },
|
|
12675
|
+
React__default.createElement(PrivateMonthPicker, { value: value[1], selectFromValue: value[0], minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, onChange: handleEndMonthChange }))),
|
|
12676
|
+
actionButtons));
|
|
12614
12677
|
};
|
|
12615
12678
|
PrivateMonthRangePicker.displayName = 'PrivateMonthRangePicker';
|
|
12616
12679
|
PrivateMonthRangePicker.defaultProps = PrivateMonthRangePickerDefaultProps;var FormDatePicker = React__default.forwardRef(function (_a, ref) {
|
|
@@ -13130,12 +13193,12 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13130
13193
|
// ID --------------------------------------------------------------------------------------------------------------
|
|
13131
13194
|
var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, initLabelShrink = _a.labelShrink, initFullWidth = _a.fullWidth,
|
|
13132
13195
|
//--------------------------------------------------------------------------------------------------------------------
|
|
13133
|
-
name = _a.name, initValue = _a.value, initData = _a.data,
|
|
13196
|
+
name = _a.name, initValue = _a.value, initData = _a.data, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, 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, initHidden = _a.hidden, align = _a.align, onGetActionButtons = _a.onGetActionButtons, onChange = _a.onChange, onValidate = _a.onValidate,
|
|
13134
13197
|
// -------------------------------------------------------------------------------------------------------------------
|
|
13135
13198
|
className = _a.className;
|
|
13136
13199
|
var id = useId();
|
|
13137
13200
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
13138
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
13201
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
13139
13202
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
13140
13203
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
13141
13204
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -13153,14 +13216,14 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13153
13216
|
var endInputDatePickerErrorRef = useRef(null);
|
|
13154
13217
|
var openValueRef = useRef();
|
|
13155
13218
|
// State -----------------------------------------------------------------------------------------------------------
|
|
13156
|
-
var _c = useAutoUpdateState$1(initDisabled), disabled = _c[0], setDisabled = _c[1];
|
|
13219
|
+
var _c = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _c[0], setDisabled = _c[1];
|
|
13157
13220
|
var _d = useAutoUpdateState$1(initHidden), hidden = _d[0], setHidden = _d[1];
|
|
13158
13221
|
var _e = useAutoUpdateState$1(initError), error = _e[0], setError = _e[1];
|
|
13159
13222
|
var _f = useState(), errorHelperText = _f[0], setErrorHelperText = _f[1];
|
|
13160
|
-
var _g = useState(false),
|
|
13161
|
-
var _h = useState(),
|
|
13162
|
-
var _j = useState(false),
|
|
13163
|
-
var _k = useState(),
|
|
13223
|
+
var _g = useState(false), fromError = _g[0], setFromError = _g[1];
|
|
13224
|
+
var _h = useState(), fromErrorHelperText = _h[0], setFromErrorHelperText = _h[1];
|
|
13225
|
+
var _j = useState(false), toError = _j[0], setToError = _j[1];
|
|
13226
|
+
var _k = useState(), toErrorHelperText = _k[0], setToErrorHelperText = _k[1];
|
|
13164
13227
|
var _l = useAutoUpdateState$1(initData), data = _l[0], setData = _l[1];
|
|
13165
13228
|
// Memo --------------------------------------------------------------------------------------------------------------
|
|
13166
13229
|
var format = useMemo(function () { return initFormat || DEFAULT_FORMAT$4; }, [initFormat]);
|
|
@@ -13175,25 +13238,25 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13175
13238
|
}, [startDateTextFieldRef]);
|
|
13176
13239
|
var focusValidate = useCallback(function () {
|
|
13177
13240
|
var _a, _b;
|
|
13178
|
-
if (
|
|
13241
|
+
if (toError) {
|
|
13179
13242
|
(_a = endDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
13180
13243
|
}
|
|
13181
13244
|
else {
|
|
13182
13245
|
(_b = startDateTextFieldRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
13183
13246
|
}
|
|
13184
|
-
}, [
|
|
13247
|
+
}, [toError, startDateTextFieldRef, endDateTextFieldRef]);
|
|
13185
13248
|
// Function - setErrorErrorHelperText -----------------------------------------------------------------------------------
|
|
13186
13249
|
var setErrorErrorHelperText = useCallback(function (error, errorHelperText) {
|
|
13187
13250
|
setError(error);
|
|
13188
13251
|
setErrorHelperText(errorHelperText);
|
|
13189
13252
|
}, [setError]);
|
|
13190
|
-
var
|
|
13191
|
-
|
|
13192
|
-
|
|
13253
|
+
var setFromErrorErrorHelperText = useCallback(function (error, fromErrorHelperText) {
|
|
13254
|
+
setFromError(error);
|
|
13255
|
+
setFromErrorHelperText(fromErrorHelperText);
|
|
13193
13256
|
}, []);
|
|
13194
|
-
var
|
|
13195
|
-
|
|
13196
|
-
|
|
13257
|
+
var setToErrorErrorHelperText = useCallback(function (error, toErrorHelperText) {
|
|
13258
|
+
setToError(error);
|
|
13259
|
+
setToErrorHelperText(toErrorHelperText);
|
|
13197
13260
|
}, []);
|
|
13198
13261
|
// Function - validate ---------------------------------------------------------------------------------------------
|
|
13199
13262
|
var validate = useCallback(function (value) {
|
|
@@ -13203,46 +13266,46 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13203
13266
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13204
13267
|
}
|
|
13205
13268
|
else if (value[0] == null) {
|
|
13206
|
-
|
|
13269
|
+
setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13207
13270
|
}
|
|
13208
13271
|
else {
|
|
13209
|
-
|
|
13272
|
+
setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13210
13273
|
}
|
|
13211
13274
|
return false;
|
|
13212
13275
|
}
|
|
13213
13276
|
if (requiredStart && value[0] == null) {
|
|
13214
|
-
|
|
13277
|
+
setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13215
13278
|
return false;
|
|
13216
13279
|
}
|
|
13217
13280
|
if (requiredEnd && value[1] == null) {
|
|
13218
|
-
|
|
13281
|
+
setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13219
13282
|
return false;
|
|
13220
13283
|
}
|
|
13221
13284
|
if (!allowSingleSelect && (value[0] || value[1]) && (value[0] == null || value[1] == null)) {
|
|
13222
13285
|
if (value[0] == null) {
|
|
13223
|
-
|
|
13286
|
+
setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13224
13287
|
}
|
|
13225
13288
|
else {
|
|
13226
|
-
|
|
13289
|
+
setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
13227
13290
|
}
|
|
13228
13291
|
return false;
|
|
13229
13292
|
}
|
|
13230
13293
|
var startInputValue = ((_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.value) || '';
|
|
13231
13294
|
var endInputValue = ((_b = endDateTextFieldRef.current) === null || _b === void 0 ? void 0 : _b.value) || '';
|
|
13232
13295
|
if (notEmpty(startInputValue) && !dayjs(startInputValue, format).isValid()) {
|
|
13233
|
-
|
|
13296
|
+
setFromErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
13234
13297
|
return false;
|
|
13235
13298
|
}
|
|
13236
13299
|
if (notEmpty(endInputValue) && !dayjs(endInputValue, format).isValid()) {
|
|
13237
|
-
|
|
13300
|
+
setToErrorErrorHelperText(true, '형식이 일치하지 않습니다.');
|
|
13238
13301
|
return false;
|
|
13239
13302
|
}
|
|
13240
13303
|
if (startInputDatePickerErrorRef.current) {
|
|
13241
|
-
|
|
13304
|
+
setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
|
|
13242
13305
|
return false;
|
|
13243
13306
|
}
|
|
13244
13307
|
if (endInputDatePickerErrorRef.current) {
|
|
13245
|
-
|
|
13308
|
+
setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
|
|
13246
13309
|
return false;
|
|
13247
13310
|
}
|
|
13248
13311
|
if (onValidate) {
|
|
@@ -13253,8 +13316,8 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13253
13316
|
}
|
|
13254
13317
|
}
|
|
13255
13318
|
setErrorErrorHelperText(false, undefined);
|
|
13256
|
-
|
|
13257
|
-
|
|
13319
|
+
setFromError(false);
|
|
13320
|
+
setToError(false);
|
|
13258
13321
|
return true;
|
|
13259
13322
|
}, [
|
|
13260
13323
|
required,
|
|
@@ -13264,8 +13327,8 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13264
13327
|
format,
|
|
13265
13328
|
onValidate,
|
|
13266
13329
|
setErrorErrorHelperText,
|
|
13267
|
-
|
|
13268
|
-
|
|
13330
|
+
setFromErrorErrorHelperText,
|
|
13331
|
+
setToErrorErrorHelperText,
|
|
13269
13332
|
]);
|
|
13270
13333
|
// Function activeMonth --------------------------------------------------------------------------------------------
|
|
13271
13334
|
var activeMonth = useCallback(function (month) {
|
|
@@ -13323,7 +13386,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13323
13386
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13324
13387
|
}, []);
|
|
13325
13388
|
useFirstSkipEffect$1(function () {
|
|
13326
|
-
if (error ||
|
|
13389
|
+
if (error || fromError || toError)
|
|
13327
13390
|
validate(value);
|
|
13328
13391
|
if (onChange)
|
|
13329
13392
|
onChange(value);
|
|
@@ -13373,9 +13436,9 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13373
13436
|
var handleChange = useCallback(function (newValue) {
|
|
13374
13437
|
setValue(newValue);
|
|
13375
13438
|
setOpen(false);
|
|
13376
|
-
|
|
13377
|
-
|
|
13378
|
-
}, [
|
|
13439
|
+
setFromErrorErrorHelperText(false, undefined);
|
|
13440
|
+
setToErrorErrorHelperText(false, undefined);
|
|
13441
|
+
}, [setToErrorErrorHelperText, setFromErrorErrorHelperText, setValue]);
|
|
13379
13442
|
var handleValueChange = useCallback(function (selectType, newValue, fromInput) {
|
|
13380
13443
|
var _a;
|
|
13381
13444
|
var finalValue;
|
|
@@ -13404,7 +13467,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13404
13467
|
}
|
|
13405
13468
|
}
|
|
13406
13469
|
}
|
|
13407
|
-
|
|
13470
|
+
setFromErrorErrorHelperText(false, undefined);
|
|
13408
13471
|
if (fromInput && newValue) {
|
|
13409
13472
|
activeMonth(newValue);
|
|
13410
13473
|
}
|
|
@@ -13415,7 +13478,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13415
13478
|
if (fromInput && newValue) {
|
|
13416
13479
|
activeMonth(newValue.subtract(calendarCount - 1, 'month'));
|
|
13417
13480
|
}
|
|
13418
|
-
|
|
13481
|
+
setFromErrorErrorHelperText(false, undefined);
|
|
13419
13482
|
}
|
|
13420
13483
|
else {
|
|
13421
13484
|
finalValue = [value[0], newValue];
|
|
@@ -13436,7 +13499,7 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13436
13499
|
(_a = startDateTextFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
13437
13500
|
});
|
|
13438
13501
|
}
|
|
13439
|
-
|
|
13502
|
+
setToErrorErrorHelperText(false, undefined);
|
|
13440
13503
|
}
|
|
13441
13504
|
break;
|
|
13442
13505
|
}
|
|
@@ -13447,10 +13510,10 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13447
13510
|
}, [
|
|
13448
13511
|
setValue,
|
|
13449
13512
|
value,
|
|
13450
|
-
|
|
13513
|
+
setFromErrorErrorHelperText,
|
|
13451
13514
|
activeMonth,
|
|
13452
13515
|
calendarCount,
|
|
13453
|
-
|
|
13516
|
+
setToErrorErrorHelperText,
|
|
13454
13517
|
open,
|
|
13455
13518
|
onRequestSearchSubmit,
|
|
13456
13519
|
name,
|
|
@@ -13471,10 +13534,10 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13471
13534
|
}
|
|
13472
13535
|
switch (selectType) {
|
|
13473
13536
|
case 'start':
|
|
13474
|
-
|
|
13537
|
+
setFromError(error);
|
|
13475
13538
|
break;
|
|
13476
13539
|
case 'end':
|
|
13477
|
-
|
|
13540
|
+
setToError(error);
|
|
13478
13541
|
break;
|
|
13479
13542
|
}
|
|
13480
13543
|
}, [handleValueChange]);
|
|
@@ -13664,8 +13727,8 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13664
13727
|
offset: [
|
|
13665
13728
|
0,
|
|
13666
13729
|
(error && errorHelperText) ||
|
|
13667
|
-
(
|
|
13668
|
-
(
|
|
13730
|
+
(fromError && fromErrorHelperText) ||
|
|
13731
|
+
(toError && toErrorHelperText)
|
|
13669
13732
|
? 8
|
|
13670
13733
|
: -14,
|
|
13671
13734
|
],
|
|
@@ -13676,21 +13739,15 @@ var FormDateRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
13676
13739
|
React__default.createElement(FormDateRangePickerTooltipPickerContainer, { ref: containerRef, calendarCount: calendarCount, selectType: selectType, value: value, months: months, disablePast: disablePast, disableFuture: disableFuture, minDate: minDate, maxDate: maxDate, onGetActionButtons: onGetActionButtons, onChange: handleChange, onValueChange: handleValueChange, onMonthsChange: setMonths })) },
|
|
13677
13740
|
React__default.createElement(Grid, { container: true, alignItems: 'center' },
|
|
13678
13741
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
13679
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, value: value[0], label:
|
|
13742
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, value: value[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required || requiredStart, readOnly: readOnly || readOnlyStart, readOnlyInput: readOnlyInput, icon: startIcon || icon, startAdornment: startStartAdornment || startAdornment, endAdornment: startEndAdornment || endAdornment, inputRef: startDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('start', newValue); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); } }))),
|
|
13680
13743
|
React__default.createElement(Grid, { item: true, sx: { px: 1 } }, "~"),
|
|
13681
13744
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
13682
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, value: value[1], label:
|
|
13745
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, value: value[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required || requiredEnd, readOnly: readOnly || readOnlyEnd, readOnlyInput: readOnlyInput, icon: endIcon || icon, startAdornment: endStartAdornment || startAdornment, endAdornment: endEndAdornment || endAdornment, inputRef: endDateTextFieldRef, onChange: function (newValue) { return handleInputDatePickerChange('end', newValue); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); } }))))),
|
|
13683
13746
|
!formColWithHelperText &&
|
|
13684
13747
|
(helperText ||
|
|
13685
13748
|
(error && errorHelperText) ||
|
|
13686
|
-
(
|
|
13687
|
-
(
|
|
13688
|
-
? errorHelperText
|
|
13689
|
-
: startError
|
|
13690
|
-
? startErrorHelperText
|
|
13691
|
-
: endError
|
|
13692
|
-
? endErrorHelperText
|
|
13693
|
-
: helperText))))));
|
|
13749
|
+
(fromError && fromErrorHelperText) ||
|
|
13750
|
+
(toError && toErrorHelperText)) && (React__default.createElement(FormHelperText, { error: error || fromError || toError, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : fromError ? fromErrorHelperText : toError ? toErrorHelperText : helperText))))));
|
|
13694
13751
|
});
|
|
13695
13752
|
FormDateRangePicker.displayName = 'FormDateRangePicker';
|
|
13696
13753
|
FormDateRangePicker.defaultProps = FormDateRangePickerDefaultProps;var FormFileDefaultProps = {
|
|
@@ -13757,7 +13814,7 @@ styleInject(css_248z$1);var FormFile = React__default.forwardRef(function (_a, r
|
|
|
13757
13814
|
className = _a.className;
|
|
13758
13815
|
var id = useId();
|
|
13759
13816
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
13760
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, onAddValueItem = _b.onAddValueItem, onValueChange = _b.onValueChange, onRemoveValueItem = _b.onRemoveValueItem, onValueChangeByUser = _b.onValueChangeByUser;
|
|
13817
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, onAddValueItem = _b.onAddValueItem, onValueChange = _b.onValueChange, onRemoveValueItem = _b.onRemoveValueItem, onValueChangeByUser = _b.onValueChangeByUser;
|
|
13761
13818
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
13762
13819
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
13763
13820
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -13782,7 +13839,7 @@ styleInject(css_248z$1);var FormFile = React__default.forwardRef(function (_a, r
|
|
|
13782
13839
|
// State -----------------------------------------------------------------------------------------------------------
|
|
13783
13840
|
var _d = useAutoUpdateState$1(initError), error = _d[0], setError = _d[1];
|
|
13784
13841
|
var _e = useState(), errorHelperText = _e[0], setErrorHelperText = _e[1];
|
|
13785
|
-
var _f = useAutoUpdateState$1(initDisabled), disabled = _f[0], setDisabled = _f[1];
|
|
13842
|
+
var _f = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _f[0], setDisabled = _f[1];
|
|
13786
13843
|
var _g = useAutoUpdateState$1(initHidden), hidden = _g[0], setHidden = _g[1];
|
|
13787
13844
|
var _h = useState(false), isOpenLinkDialog = _h[0], setIsOpenLinkDialog = _h[1];
|
|
13788
13845
|
var _j = useAutoUpdateState$1(initData), data = _j[0], setData = _j[1];
|
|
@@ -14204,7 +14261,7 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14204
14261
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
14205
14262
|
var id = useId();
|
|
14206
14263
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
14207
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
14264
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
14208
14265
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
14209
14266
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
14210
14267
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -14222,7 +14279,7 @@ var FormMonthPicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14222
14279
|
// State -----------------------------------------------------------------------------------------------------------
|
|
14223
14280
|
var _c = useAutoUpdateState$1(initError), error = _c[0], setError = _c[1];
|
|
14224
14281
|
var _d = useState(), errorHelperText = _d[0], setErrorHelperText = _d[1];
|
|
14225
|
-
var _e = useAutoUpdateState$1(initDisabled), disabled = _e[0], setDisabled = _e[1];
|
|
14282
|
+
var _e = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _e[0], setDisabled = _e[1];
|
|
14226
14283
|
var _f = useAutoUpdateState$1(initHidden), hidden = _f[0], setHidden = _f[1];
|
|
14227
14284
|
var _g = useAutoUpdateState$1(initData), data = _g[0], setData = _g[1];
|
|
14228
14285
|
var _h = useState(false), open = _h[0], setOpen = _h[1];
|
|
@@ -14557,14 +14614,14 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14557
14614
|
//----------------------------------------------------------------------------------------------------------------
|
|
14558
14615
|
initHidden = _a.hidden,
|
|
14559
14616
|
//----------------------------------------------------------------------------------------------------------------
|
|
14560
|
-
name = _a.name,
|
|
14617
|
+
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, 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,
|
|
14561
14618
|
// -------------------------------------------------------------------------------------------------------------------
|
|
14562
14619
|
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,
|
|
14563
14620
|
//----------------------------------------------------------------------------------------------------------------
|
|
14564
14621
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
14565
14622
|
var id = useId();
|
|
14566
14623
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
14567
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
14624
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
14568
14625
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
14569
14626
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
14570
14627
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -14581,11 +14638,11 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14581
14638
|
// State -----------------------------------------------------------------------------------------------------------
|
|
14582
14639
|
var _c = useAutoUpdateState$1(initError), error = _c[0], setError = _c[1];
|
|
14583
14640
|
var _d = useState(), errorHelperText = _d[0], setErrorHelperText = _d[1];
|
|
14584
|
-
var _e = useState(false),
|
|
14585
|
-
var _f = useState(),
|
|
14586
|
-
var _g = useState(false),
|
|
14587
|
-
var _h = useState(),
|
|
14588
|
-
var _j = useAutoUpdateState$1(initDisabled), disabled = _j[0], setDisabled = _j[1];
|
|
14641
|
+
var _e = useState(false), fromError = _e[0], setFromError = _e[1];
|
|
14642
|
+
var _f = useState(), fromErrorHelperText = _f[0], setFromErrorHelperText = _f[1];
|
|
14643
|
+
var _g = useState(false), toError = _g[0], setToError = _g[1];
|
|
14644
|
+
var _h = useState(), toErrorHelperText = _h[0], setToErrorHelperText = _h[1];
|
|
14645
|
+
var _j = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _j[0], setDisabled = _j[1];
|
|
14589
14646
|
var _k = useAutoUpdateState$1(initHidden), hidden = _k[0], setHidden = _k[1];
|
|
14590
14647
|
var _l = useAutoUpdateState$1(initData), data = _l[0], setData = _l[1];
|
|
14591
14648
|
var _m = useState(false), open = _m[0], setOpen = _m[1];
|
|
@@ -14598,7 +14655,7 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14598
14655
|
return initValue || DEFAULT_VALUE$2;
|
|
14599
14656
|
}, [initValue])), value = _o[0], setValue = _o[1];
|
|
14600
14657
|
useFirstSkipEffect$1(function () {
|
|
14601
|
-
if (error ||
|
|
14658
|
+
if (error || fromError || toError)
|
|
14602
14659
|
validate(value);
|
|
14603
14660
|
if (onChange)
|
|
14604
14661
|
onChange(value);
|
|
@@ -14675,13 +14732,13 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14675
14732
|
var _a;
|
|
14676
14733
|
(_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
14677
14734
|
}, []);
|
|
14678
|
-
var
|
|
14679
|
-
|
|
14680
|
-
|
|
14735
|
+
var setFromErrorErrorHelperText = useCallback(function (error, fromErrorHelperText) {
|
|
14736
|
+
setFromError(error);
|
|
14737
|
+
setFromErrorHelperText(fromErrorHelperText);
|
|
14681
14738
|
}, []);
|
|
14682
|
-
var
|
|
14683
|
-
|
|
14684
|
-
|
|
14739
|
+
var setToErrorErrorHelperText = useCallback(function (error, toErrorHelperText) {
|
|
14740
|
+
setToError(error);
|
|
14741
|
+
setToErrorHelperText(toErrorHelperText);
|
|
14685
14742
|
}, []);
|
|
14686
14743
|
var setErrorErrorHelperText = useCallback(function (error, errorHelperText) {
|
|
14687
14744
|
setError(error);
|
|
@@ -14693,22 +14750,22 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14693
14750
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
14694
14751
|
}
|
|
14695
14752
|
else if (value[0] == null) {
|
|
14696
|
-
|
|
14753
|
+
setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
14697
14754
|
}
|
|
14698
14755
|
else {
|
|
14699
|
-
|
|
14756
|
+
setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
14700
14757
|
}
|
|
14701
14758
|
return false;
|
|
14702
14759
|
}
|
|
14703
14760
|
if (startInputDatePickerErrorRef.current) {
|
|
14704
|
-
|
|
14761
|
+
setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
|
|
14705
14762
|
if (endInputDatePickerErrorRef.current) {
|
|
14706
|
-
|
|
14763
|
+
setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
|
|
14707
14764
|
}
|
|
14708
14765
|
return false;
|
|
14709
14766
|
}
|
|
14710
14767
|
if (endInputDatePickerErrorRef.current) {
|
|
14711
|
-
|
|
14768
|
+
setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
|
|
14712
14769
|
return false;
|
|
14713
14770
|
}
|
|
14714
14771
|
if (onValidate) {
|
|
@@ -14719,10 +14776,10 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14719
14776
|
}
|
|
14720
14777
|
}
|
|
14721
14778
|
setErrorErrorHelperText(false, undefined);
|
|
14722
|
-
|
|
14723
|
-
|
|
14779
|
+
setFromErrorErrorHelperText(false, undefined);
|
|
14780
|
+
setToErrorErrorHelperText(false, undefined);
|
|
14724
14781
|
return true;
|
|
14725
|
-
}, [onValidate, required,
|
|
14782
|
+
}, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
|
|
14726
14783
|
// Commands --------------------------------------------------------------------------------------------------------
|
|
14727
14784
|
useLayoutEffect(function () {
|
|
14728
14785
|
var lastValue = value;
|
|
@@ -14920,7 +14977,7 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14920
14977
|
newValue[1] = newValue[0];
|
|
14921
14978
|
}
|
|
14922
14979
|
}
|
|
14923
|
-
if (
|
|
14980
|
+
if (fromError) {
|
|
14924
14981
|
validate(newValue);
|
|
14925
14982
|
}
|
|
14926
14983
|
nextTick(function () {
|
|
@@ -14939,7 +14996,7 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14939
14996
|
newValue[0] = newValue[1];
|
|
14940
14997
|
}
|
|
14941
14998
|
}
|
|
14942
|
-
if (
|
|
14999
|
+
if (toError) {
|
|
14943
15000
|
validate(newValue);
|
|
14944
15001
|
}
|
|
14945
15002
|
nextTick(function () {
|
|
@@ -14951,13 +15008,13 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
14951
15008
|
}
|
|
14952
15009
|
}, [
|
|
14953
15010
|
dateToValue,
|
|
14954
|
-
|
|
15011
|
+
toError,
|
|
14955
15012
|
maxAvailableYm,
|
|
14956
15013
|
minAvailableYm,
|
|
14957
15014
|
name,
|
|
14958
15015
|
onValueChangeByUser,
|
|
14959
15016
|
setValue,
|
|
14960
|
-
|
|
15017
|
+
fromError,
|
|
14961
15018
|
validate,
|
|
14962
15019
|
valueToYm,
|
|
14963
15020
|
]);
|
|
@@ -15011,21 +15068,15 @@ var FormMonthRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15011
15068
|
React__default.createElement(PrivateMonthRangePicker, { minValue: minValue, maxValue: maxValue, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
15012
15069
|
React__default.createElement(Grid, { container: true, alignItems: 'center' },
|
|
15013
15070
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
15014
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label:
|
|
15071
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || open, required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: startInputRef, onChange: function (v) { return handleInputDatePickerChange('start', v); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
15015
15072
|
React__default.createElement(Grid, { item: true, sx: { px: 1 } }, "~"),
|
|
15016
15073
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
15017
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label:
|
|
15074
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || open, required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: endInputRef, onChange: function (v) { return handleInputDatePickerChange('end', v); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))))),
|
|
15018
15075
|
!formColWithHelperText &&
|
|
15019
15076
|
(helperText ||
|
|
15020
15077
|
(error && errorHelperText) ||
|
|
15021
|
-
(
|
|
15022
|
-
(
|
|
15023
|
-
? errorHelperText
|
|
15024
|
-
: startError
|
|
15025
|
-
? startErrorHelperText
|
|
15026
|
-
: endError
|
|
15027
|
-
? endErrorHelperText
|
|
15028
|
-
: helperText))))));
|
|
15078
|
+
(fromError && fromErrorHelperText) ||
|
|
15079
|
+
(toError && toErrorHelperText)) && (React__default.createElement(FormHelperText, { error: error || fromError || toError, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : fromError ? fromErrorHelperText : toError ? toErrorHelperText : helperText))))));
|
|
15029
15080
|
});
|
|
15030
15081
|
FormMonthRangePicker.displayName = 'FormMonthRangePicker';
|
|
15031
15082
|
FormMonthRangePicker.defaultProps = FormMonthRangePickerDefaultProps;var FormYearPickerDefaultProps = {
|
|
@@ -15047,7 +15098,7 @@ var FormYearPicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15047
15098
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
15048
15099
|
var id = useId();
|
|
15049
15100
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
15050
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
15101
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
15051
15102
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
15052
15103
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
15053
15104
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -15065,7 +15116,7 @@ var FormYearPicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15065
15116
|
// State -----------------------------------------------------------------------------------------------------------
|
|
15066
15117
|
var _c = useAutoUpdateState$1(initError), error = _c[0], setError = _c[1];
|
|
15067
15118
|
var _d = useState(), errorHelperText = _d[0], setErrorHelperText = _d[1];
|
|
15068
|
-
var _e = useAutoUpdateState$1(initDisabled), disabled = _e[0], setDisabled = _e[1];
|
|
15119
|
+
var _e = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _e[0], setDisabled = _e[1];
|
|
15069
15120
|
var _f = useAutoUpdateState$1(initHidden), hidden = _f[0], setHidden = _f[1];
|
|
15070
15121
|
var _g = useAutoUpdateState$1(initData), data = _g[0], setData = _g[1];
|
|
15071
15122
|
var _h = useState(false), open = _h[0], setOpen = _h[1];
|
|
@@ -15340,14 +15391,14 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15340
15391
|
//----------------------------------------------------------------------------------------------------------------
|
|
15341
15392
|
initHidden = _a.hidden,
|
|
15342
15393
|
//----------------------------------------------------------------------------------------------------------------
|
|
15343
|
-
name = _a.name,
|
|
15394
|
+
name = _a.name, fromLabel = _a.fromLabel, fromLabelIcon = _a.fromLabelIcon, toLabel = _a.toLabel, toLabelIcon = _a.toLabelIcon, 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,
|
|
15344
15395
|
// -------------------------------------------------------------------------------------------------------------------
|
|
15345
15396
|
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,
|
|
15346
15397
|
//----------------------------------------------------------------------------------------------------------------
|
|
15347
15398
|
className = _a.className, initStyle = _a.style, sx = _a.sx;
|
|
15348
15399
|
var id = useId();
|
|
15349
15400
|
// FormState -------------------------------------------------------------------------------------------------------
|
|
15350
|
-
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
15401
|
+
var _b = useFormState(), formVariant = _b.variant, formSize = _b.size, formColor = _b.color, formFocused = _b.focused, formLabelShrink = _b.labelShrink, formFullWidth = _b.fullWidth, formDisabled = _b.disabled, formColWithHelperText = _b.formColWithHelperText, onAddValueItem = _b.onAddValueItem, onRemoveValueItem = _b.onRemoveValueItem, onValueChange = _b.onValueChange, onValueChangeByUser = _b.onValueChangeByUser, onRequestSearchSubmit = _b.onRequestSearchSubmit;
|
|
15351
15402
|
// Memo - FormState ------------------------------------------------------------------------------------------------
|
|
15352
15403
|
var variant = useMemo(function () { return (initVariant == null ? formVariant : initVariant); }, [initVariant, formVariant]);
|
|
15353
15404
|
var size = useMemo(function () { return (initSize == null ? formSize : initSize); }, [initSize, formSize]);
|
|
@@ -15364,11 +15415,11 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15364
15415
|
// State -----------------------------------------------------------------------------------------------------------
|
|
15365
15416
|
var _c = useAutoUpdateState$1(initError), error = _c[0], setError = _c[1];
|
|
15366
15417
|
var _d = useState(), errorHelperText = _d[0], setErrorHelperText = _d[1];
|
|
15367
|
-
var _e = useState(false),
|
|
15368
|
-
var _f = useState(),
|
|
15369
|
-
var _g = useState(false),
|
|
15370
|
-
var _h = useState(),
|
|
15371
|
-
var _j = useAutoUpdateState$1(initDisabled), disabled = _j[0], setDisabled = _j[1];
|
|
15418
|
+
var _e = useState(false), fromError = _e[0], setFromError = _e[1];
|
|
15419
|
+
var _f = useState(), fromErrorHelperText = _f[0], setFromErrorHelperText = _f[1];
|
|
15420
|
+
var _g = useState(false), toError = _g[0], setToError = _g[1];
|
|
15421
|
+
var _h = useState(), toErrorHelperText = _h[0], setToErrorHelperText = _h[1];
|
|
15422
|
+
var _j = useAutoUpdateState$1(initDisabled == null ? formDisabled : initDisabled), disabled = _j[0], setDisabled = _j[1];
|
|
15372
15423
|
var _k = useAutoUpdateState$1(initHidden), hidden = _k[0], setHidden = _k[1];
|
|
15373
15424
|
var _l = useAutoUpdateState$1(initData), data = _l[0], setData = _l[1];
|
|
15374
15425
|
var _m = useState(false), open = _m[0], setOpen = _m[1];
|
|
@@ -15382,7 +15433,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15382
15433
|
return initValue || DEFAULT_VALUE;
|
|
15383
15434
|
}, [initValue])), value = _p[0], setValue = _p[1];
|
|
15384
15435
|
useFirstSkipEffect$1(function () {
|
|
15385
|
-
if (error ||
|
|
15436
|
+
if (error || fromError || toError)
|
|
15386
15437
|
validate(value);
|
|
15387
15438
|
if (onChange)
|
|
15388
15439
|
onChange(value);
|
|
@@ -15436,13 +15487,13 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15436
15487
|
var _a;
|
|
15437
15488
|
(_a = startInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
15438
15489
|
}, []);
|
|
15439
|
-
var
|
|
15440
|
-
|
|
15441
|
-
|
|
15490
|
+
var setFromErrorErrorHelperText = useCallback(function (error, fromErrorHelperText) {
|
|
15491
|
+
setFromError(error);
|
|
15492
|
+
setFromErrorHelperText(fromErrorHelperText);
|
|
15442
15493
|
}, []);
|
|
15443
|
-
var
|
|
15444
|
-
|
|
15445
|
-
|
|
15494
|
+
var setToErrorErrorHelperText = useCallback(function (error, toErrorHelperText) {
|
|
15495
|
+
setToError(error);
|
|
15496
|
+
setToErrorHelperText(toErrorHelperText);
|
|
15446
15497
|
}, []);
|
|
15447
15498
|
var setErrorErrorHelperText = useCallback(function (error, errorHelperText) {
|
|
15448
15499
|
setError(error);
|
|
@@ -15454,22 +15505,22 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15454
15505
|
setErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
15455
15506
|
}
|
|
15456
15507
|
else if (value[0] == null) {
|
|
15457
|
-
|
|
15508
|
+
setFromErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
15458
15509
|
}
|
|
15459
15510
|
else {
|
|
15460
|
-
|
|
15511
|
+
setToErrorErrorHelperText(true, '필수 입력 항목입니다.');
|
|
15461
15512
|
}
|
|
15462
15513
|
return false;
|
|
15463
15514
|
}
|
|
15464
15515
|
if (startInputDatePickerErrorRef.current) {
|
|
15465
|
-
|
|
15516
|
+
setFromErrorErrorHelperText(true, getDateValidationErrorText(startInputDatePickerErrorRef.current));
|
|
15466
15517
|
if (endInputDatePickerErrorRef.current) {
|
|
15467
|
-
|
|
15518
|
+
setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
|
|
15468
15519
|
}
|
|
15469
15520
|
return false;
|
|
15470
15521
|
}
|
|
15471
15522
|
if (endInputDatePickerErrorRef.current) {
|
|
15472
|
-
|
|
15523
|
+
setToErrorErrorHelperText(true, getDateValidationErrorText(endInputDatePickerErrorRef.current));
|
|
15473
15524
|
return false;
|
|
15474
15525
|
}
|
|
15475
15526
|
if (onValidate) {
|
|
@@ -15480,10 +15531,10 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15480
15531
|
}
|
|
15481
15532
|
}
|
|
15482
15533
|
setErrorErrorHelperText(false, undefined);
|
|
15483
|
-
|
|
15484
|
-
|
|
15534
|
+
setFromErrorErrorHelperText(false, undefined);
|
|
15535
|
+
setToErrorErrorHelperText(false, undefined);
|
|
15485
15536
|
return true;
|
|
15486
|
-
}, [onValidate, required,
|
|
15537
|
+
}, [onValidate, required, setToErrorErrorHelperText, setErrorErrorHelperText, setFromErrorErrorHelperText]);
|
|
15487
15538
|
// Commands --------------------------------------------------------------------------------------------------------
|
|
15488
15539
|
useLayoutEffect(function () {
|
|
15489
15540
|
var lastValue = value;
|
|
@@ -15616,7 +15667,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15616
15667
|
newValue[1] = newValue[0];
|
|
15617
15668
|
}
|
|
15618
15669
|
}
|
|
15619
|
-
if (
|
|
15670
|
+
if (fromError) {
|
|
15620
15671
|
validate(newValue);
|
|
15621
15672
|
}
|
|
15622
15673
|
nextTick(function () {
|
|
@@ -15633,7 +15684,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15633
15684
|
newValue[0] = newValue[1];
|
|
15634
15685
|
}
|
|
15635
15686
|
}
|
|
15636
|
-
if (
|
|
15687
|
+
if (toError) {
|
|
15637
15688
|
validate(newValue);
|
|
15638
15689
|
}
|
|
15639
15690
|
nextTick(function () {
|
|
@@ -15643,7 +15694,7 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15643
15694
|
});
|
|
15644
15695
|
}
|
|
15645
15696
|
}
|
|
15646
|
-
}, [dateToValue,
|
|
15697
|
+
}, [dateToValue, toError, maxYear, minYear, name, onValueChangeByUser, setValue, fromError, validate]);
|
|
15647
15698
|
var handleInputDatePickerFocus = useCallback(function (selectType) {
|
|
15648
15699
|
var _a;
|
|
15649
15700
|
if (readOnly || disabled)
|
|
@@ -15694,21 +15745,15 @@ var FormYearRangePicker = React__default.forwardRef(function (_a, ref) {
|
|
|
15694
15745
|
React__default.createElement(PrivateYearRangePicker, { selectType: selectType, minYear: minYear, maxYear: maxYear, disablePast: disablePast, disableFuture: disableFuture, value: value, onChange: handleContainerChange })) },
|
|
15695
15746
|
React__default.createElement(Grid, { container: true, alignItems: 'center' },
|
|
15696
15747
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
15697
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label:
|
|
15748
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[0], label: fromLabel, labelIcon: fromLabelIcon, error: error || fromError, focused: focused || (open && selectType === 'start'), required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: startInputRef, onChange: function (v) { return handleInputDatePickerChange('start', v); }, onFocus: function () { return handleInputDatePickerFocus('start'); }, onError: function (reason) { return (startInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))),
|
|
15698
15749
|
React__default.createElement(Grid, { item: true, sx: { px: 1 } }, "~"),
|
|
15699
15750
|
React__default.createElement(Grid, { item: true, flex: 1 },
|
|
15700
|
-
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label:
|
|
15751
|
+
React__default.createElement(PrivateInputDatePicker, __assign$7({}, inputDatePickerProps, { style: inputStyle, sx: sx, value: valueDate[1], label: toLabel, labelIcon: toLabelIcon, error: error || toError, focused: focused || (open && selectType === 'end'), required: required, readOnly: readOnly, readOnlyInput: readOnlyInput, icon: icon, startAdornment: startAdornment, endAdornment: endAdornment, inputRef: endInputRef, onChange: function (v) { return handleInputDatePickerChange('end', v); }, onFocus: function () { return handleInputDatePickerFocus('end'); }, onError: function (reason) { return (endInputDatePickerErrorRef.current = reason); }, shouldDisableYear: handleInputDatePickerShouldDisableYear }))))),
|
|
15701
15752
|
!formColWithHelperText &&
|
|
15702
15753
|
(helperText ||
|
|
15703
15754
|
(error && errorHelperText) ||
|
|
15704
|
-
(
|
|
15705
|
-
(
|
|
15706
|
-
? errorHelperText
|
|
15707
|
-
: startError
|
|
15708
|
-
? startErrorHelperText
|
|
15709
|
-
: endError
|
|
15710
|
-
? endErrorHelperText
|
|
15711
|
-
: helperText))))));
|
|
15755
|
+
(fromError && fromErrorHelperText) ||
|
|
15756
|
+
(toError && toErrorHelperText)) && (React__default.createElement(FormHelperText, { error: error || fromError || toError, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, error ? errorHelperText : fromError ? fromErrorHelperText : toError ? toErrorHelperText : helperText))))));
|
|
15712
15757
|
});
|
|
15713
15758
|
FormYearRangePicker.displayName = 'FormYearRangePicker';
|
|
15714
15759
|
FormYearRangePicker.defaultProps = FormYearRangePickerDefaultProps;var SearchDefaultProps = {
|