@astral/ui 4.17.3 → 4.17.5
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/components/MaskField/MaskField.js +8 -2
- package/components/fileUploading/FileUploaderDropzone/DropzoneWrapper/styles.js +3 -3
- package/node/components/MaskField/MaskField.js +8 -2
- package/node/components/fileUploading/FileUploaderDropzone/DropzoneWrapper/styles.js +3 -3
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { IMaskMixin } from 'react-imask';
|
|
4
4
|
import { TextField } from '../TextField';
|
|
5
|
-
const MaskedTextField = IMaskMixin(({
|
|
5
|
+
const MaskedTextField = IMaskMixin(({ ...props }) => {
|
|
6
6
|
const textFieldProps = props;
|
|
7
7
|
return _jsx(TextField, { ...textFieldProps });
|
|
8
8
|
});
|
|
@@ -14,6 +14,12 @@ export const MaskField = forwardRef(({ onChange, onAccept, ...props }, ref) => {
|
|
|
14
14
|
}
|
|
15
15
|
onChange?.(value);
|
|
16
16
|
};
|
|
17
|
+
const handleOnChange = (event) => {
|
|
18
|
+
// Вызов onChange чинит валидацию пустого поля на onBlur внутри Wizard
|
|
19
|
+
if (event.target.value === '') {
|
|
20
|
+
onChange?.(event.target.value);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
17
23
|
// фикс фокуса при клике на submit формы
|
|
18
24
|
// (достигается путем вызова ref)
|
|
19
25
|
const newRef = (...args) => {
|
|
@@ -22,5 +28,5 @@ export const MaskField = forwardRef(({ onChange, onAccept, ...props }, ref) => {
|
|
|
22
28
|
}
|
|
23
29
|
return ref;
|
|
24
30
|
};
|
|
25
|
-
return (_jsx(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept }));
|
|
31
|
+
return (_jsx(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept, onChange: handleOnChange }));
|
|
26
32
|
});
|
|
@@ -15,10 +15,10 @@ export const Wrapper = styled.div `
|
|
|
15
15
|
|
|
16
16
|
min-height: 88px;
|
|
17
17
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
18
|
-
|
|
19
|
-
border
|
|
20
|
-
outline: 1px dashed
|
|
18
|
+
|
|
19
|
+
border: 1px dashed
|
|
21
20
|
${({ theme, $isActive, $isError }) => getBorderColor(theme, $isActive, $isError)};
|
|
21
|
+
border-radius: ${({ theme }) => theme.shape.medium};
|
|
22
22
|
|
|
23
23
|
transition: ${({ theme }) => theme.transitions.create(['background', 'border'], {
|
|
24
24
|
duration: theme.transitions.duration.short,
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_imask_1 = require("react-imask");
|
|
7
7
|
const TextField_1 = require("../TextField");
|
|
8
|
-
const MaskedTextField = (0, react_imask_1.IMaskMixin)(({
|
|
8
|
+
const MaskedTextField = (0, react_imask_1.IMaskMixin)(({ ...props }) => {
|
|
9
9
|
const textFieldProps = props;
|
|
10
10
|
return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...textFieldProps });
|
|
11
11
|
});
|
|
@@ -17,6 +17,12 @@ exports.MaskField = (0, react_1.forwardRef)(({ onChange, onAccept, ...props }, r
|
|
|
17
17
|
}
|
|
18
18
|
onChange?.(value);
|
|
19
19
|
};
|
|
20
|
+
const handleOnChange = (event) => {
|
|
21
|
+
// Вызов onChange чинит валидацию пустого поля на onBlur внутри Wizard
|
|
22
|
+
if (event.target.value === '') {
|
|
23
|
+
onChange?.(event.target.value);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
20
26
|
// фикс фокуса при клике на submit формы
|
|
21
27
|
// (достигается путем вызова ref)
|
|
22
28
|
const newRef = (...args) => {
|
|
@@ -25,5 +31,5 @@ exports.MaskField = (0, react_1.forwardRef)(({ onChange, onAccept, ...props }, r
|
|
|
25
31
|
}
|
|
26
32
|
return ref;
|
|
27
33
|
};
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept }));
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(MaskedTextField, { ...maskFieldProps, inputRef: newRef, onAccept: handleMaskFieldAccept, onChange: handleOnChange }));
|
|
29
35
|
});
|
|
@@ -18,10 +18,10 @@ exports.Wrapper = styles_1.styled.div `
|
|
|
18
18
|
|
|
19
19
|
min-height: 88px;
|
|
20
20
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
21
|
-
|
|
22
|
-
border
|
|
23
|
-
outline: 1px dashed
|
|
21
|
+
|
|
22
|
+
border: 1px dashed
|
|
24
23
|
${({ theme, $isActive, $isError }) => getBorderColor(theme, $isActive, $isError)};
|
|
24
|
+
border-radius: ${({ theme }) => theme.shape.medium};
|
|
25
25
|
|
|
26
26
|
transition: ${({ theme }) => theme.transitions.create(['background', 'border'], {
|
|
27
27
|
duration: theme.transitions.duration.short,
|