@evoke-platform/ui-components 1.3.0-testing.0 → 1.4.0-testing.0
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/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js
CHANGED
|
@@ -48,7 +48,7 @@ const AddressFieldComponent = (props) => {
|
|
|
48
48
|
!mask ? (React.createElement(TextField, { id: id, inputRef: textFieldRef, onChange: !readOnly ? handleChange : undefined, error: error, errorMessage: errorMessage, value: value, fullWidth: true, onBlur: onBlur, size: size ?? 'medium', placeholder: placeholder, InputProps: {
|
|
49
49
|
type: 'search',
|
|
50
50
|
autoComplete: 'off',
|
|
51
|
-
}, required: required, readOnly: readOnly, multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask,
|
|
51
|
+
}, required: required, readOnly: readOnly, multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, (() => (React.createElement(TextField, { id: id, inputRef: textFieldRef, sx: readOnly
|
|
52
52
|
? {
|
|
53
53
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
54
54
|
border: 'none',
|
|
@@ -58,7 +58,11 @@ const AddressFieldComponent = (props) => {
|
|
|
58
58
|
backgroundColor: '#f4f6f8',
|
|
59
59
|
},
|
|
60
60
|
}
|
|
61
|
-
: undefined, required: required, error: error, errorMessage: errorMessage, InputProps: {
|
|
61
|
+
: undefined, required: required, error: error, errorMessage: errorMessage, InputProps: { readOnly: readOnly }, fullWidth: true, size: size ?? 'medium', type: 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? rows ?? 3 : undefined, value: value, ...(additionalProps ?? {}) })
|
|
62
|
+
// Casting to `React.ReactNode` is necessary to resolve TypeScript errors
|
|
63
|
+
// due to compatibility issues with the outdated `react-input-mask` version
|
|
64
|
+
// and the newer `@types/react` package.
|
|
65
|
+
)))),
|
|
62
66
|
!readOnly && (React.createElement(Popover, { id: popoverId, open: open, anchorEl: anchorEl, onClose: handleClose, disableAutoFocus: true, marginThreshold: undefined, anchorOrigin: {
|
|
63
67
|
vertical: 'bottom',
|
|
64
68
|
horizontal: 'left',
|
package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js
CHANGED
|
@@ -62,7 +62,7 @@ const InputFieldComponent = (props) => {
|
|
|
62
62
|
backgroundColor: '#f4f6f8',
|
|
63
63
|
},
|
|
64
64
|
}),
|
|
65
|
-
}, error: error, errorMessage: errorMessage, value: value, onChange: !readOnly ? handleChange : undefined, InputProps: { ...InputProps, readOnly: readOnly }, required: required, fullWidth: true, onBlur: onBlur, placeholder: placeholder, size: size ?? 'medium', type: property.type === 'integer' ? 'number' : 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask,
|
|
65
|
+
}, error: error, errorMessage: errorMessage, value: value, onChange: !readOnly ? handleChange : undefined, InputProps: { ...InputProps, readOnly: readOnly }, required: required, fullWidth: true, onBlur: onBlur, placeholder: placeholder, size: size ?? 'medium', type: property.type === 'integer' ? 'number' : 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, (() => (React.createElement(TextField, { id: id, sx: readOnly
|
|
66
66
|
? {
|
|
67
67
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
68
68
|
border: 'none',
|
|
@@ -72,6 +72,10 @@ const InputFieldComponent = (props) => {
|
|
|
72
72
|
backgroundColor: '#f4f6f8',
|
|
73
73
|
},
|
|
74
74
|
}
|
|
75
|
-
: undefined, required: required, error: error, errorMessage: errorMessage, InputProps: { ...
|
|
75
|
+
: undefined, required: required, error: error, errorMessage: errorMessage, InputProps: { ...InputProps, readOnly: readOnly }, fullWidth: true, size: size ?? 'medium', type: property.type === 'integer' ? 'number' : 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })
|
|
76
|
+
// Casting to `React.ReactNode` is necessary to resolve TypeScript errors
|
|
77
|
+
// due to compatibility issues with the outdated `react-input-mask` version
|
|
78
|
+
// and the newer `@types/react` package.
|
|
79
|
+
))));
|
|
76
80
|
};
|
|
77
81
|
export default InputFieldComponent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evoke-platform/ui-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0-testing.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/published/index.js",
|
|
6
6
|
"module": "dist/published/index.js",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@types/node": "^18.0.0",
|
|
60
60
|
"@types/react": "^18.0.17",
|
|
61
61
|
"@types/react-dom": "^18.0.5",
|
|
62
|
-
"@types/react-input-mask": "^
|
|
62
|
+
"@types/react-input-mask": "^2.0.4",
|
|
63
63
|
"@typescript-eslint/eslint-plugin": "^5.52.0",
|
|
64
64
|
"@typescript-eslint/parser": "^5.35.1",
|
|
65
65
|
"@typescript-eslint/typescript-estree": "^5.35.1",
|