@mvf/external-components 1.27.0 → 1.27.2
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/Atoms/TextField/ITextFieldProps.d.ts +2 -0
- package/Components/Atoms/TextField/TextField.js +3 -1
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.d.ts +2 -0
- package/Components/Atoms/TextField/TextFieldStory.js +2 -2
- package/Components/Atoms/TextField/TextFieldStory.js.map +1 -1
- package/Components/Atoms/TextField/defaultProps.d.ts +2 -0
- package/Components/Atoms/TextField/defaultProps.js +2 -0
- package/Components/Atoms/TextField/defaultProps.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.d.ts +2 -0
- package/Components/Atoms/TextField/useTextFieldStyles.js +18 -3
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +2 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +3 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +2 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +2 -2
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/defaultProps.d.ts +2 -0
- package/Components/Molecules/PhoneNumberTextField/defaultProps.js +2 -0
- package/Components/Molecules/PhoneNumberTextField/defaultProps.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.d.ts +2 -0
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js +18 -3
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js.map +1 -1
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js +7 -16
- package/Components/Molecules/ScrollArea/useScrollAreaClasses.js.map +1 -1
- package/package.json +1 -1
|
@@ -31,13 +31,15 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
31
31
|
var icons_1 = __importDefault(require("./icons"));
|
|
32
32
|
var useTextFieldStyles_1 = __importDefault(require("./useTextFieldStyles"));
|
|
33
33
|
var TextField = function (_a) {
|
|
34
|
-
var errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, InputProps = _a.InputProps, isVerticallyCentered = _a.isVerticallyCentered, props = __rest(_a, ["errorMessage", "iconType", "id", "isAnswered", "onChange", "value", "InputProps", "isVerticallyCentered"]);
|
|
34
|
+
var errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, InputProps = _a.InputProps, isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, props = __rest(_a, ["errorMessage", "iconType", "id", "isAnswered", "onChange", "value", "InputProps", "isVerticallyCentered", "isSafari", "isAutoFilledActive"]);
|
|
35
35
|
var isValid = errorMessage !== undefined ? false : isAnswered;
|
|
36
36
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
37
37
|
var classes = (0, useTextFieldStyles_1.default)({
|
|
38
38
|
isError: !!errorMessage,
|
|
39
39
|
isValid: isValid,
|
|
40
40
|
isVerticallyCentered: isVerticallyCentered,
|
|
41
|
+
isSafari: isSafari,
|
|
42
|
+
isAutoFilledActive: isAutoFilledActive,
|
|
41
43
|
});
|
|
42
44
|
var inputPropClasses = __assign({ classes: {
|
|
43
45
|
focused: classes.focused,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAI2B;AAC3B,gDAA0B;AAE1B,gEAA0C;AAC1C,kDAA4B;AAE5B,4EAAsD;AAOtD,IAAM,SAAS,GAAkB,UAAC,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ declare type StoryType = React.FunctionComponent<{
|
|
|
8
8
|
placeholder: string;
|
|
9
9
|
type: 'email' | 'tel' | 'text';
|
|
10
10
|
isVerticallyCentered: boolean;
|
|
11
|
+
isSafari: boolean;
|
|
12
|
+
isAutoFilledActive: boolean;
|
|
11
13
|
}>;
|
|
12
14
|
declare const TextFieldStory: StoryType;
|
|
13
15
|
export default TextFieldStory;
|
|
@@ -29,9 +29,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
var React = __importStar(require("react"));
|
|
30
30
|
var TextField_1 = __importDefault(require("./TextField"));
|
|
31
31
|
var TextFieldStory = function (_a) {
|
|
32
|
-
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, isVerticallyCentered = _a.isVerticallyCentered;
|
|
32
|
+
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
33
33
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
34
|
-
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isVerticallyCentered: isVerticallyCentered })));
|
|
34
|
+
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isVerticallyCentered: isVerticallyCentered, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive })));
|
|
35
35
|
};
|
|
36
36
|
exports.default = TextFieldStory;
|
|
37
37
|
//# sourceMappingURL=TextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;
|
|
1
|
+
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAsBpC,IAAM,cAAc,GAAc,UAAC,EAWlC;QAVC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IACd,OAAA,CACJ,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,CACE,CACP;AAhBK,CAgBL,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,oBAAoB,EAAE,KAAK;IAC3B,MAAM,EAAE,MAAqC;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,QAA8B;IACpC,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,MAAM,EAAE,MAAqC;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,QAA8B;IACpC,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -2,6 +2,8 @@ interface ITextFieldStyleProps {
|
|
|
2
2
|
isError: boolean;
|
|
3
3
|
isValid: boolean;
|
|
4
4
|
isVerticallyCentered: boolean;
|
|
5
|
+
isSafari: boolean;
|
|
6
|
+
isAutoFilledActive: boolean;
|
|
5
7
|
}
|
|
6
8
|
declare const useTextFieldStyles: (props: ITextFieldStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
7
9
|
export default useTextFieldStyles;
|
|
@@ -15,8 +15,8 @@ var styles_1 = require("@material-ui/styles");
|
|
|
15
15
|
var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
17
|
textField: function (_a) {
|
|
18
|
-
var isVerticallyCentered = _a.isVerticallyCentered;
|
|
19
|
-
return (__assign(__assign({ '& .MuiFilledInput-root': {
|
|
18
|
+
var isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
19
|
+
return (__assign(__assign(__assign(__assign({ '& .MuiFilledInput-root': {
|
|
20
20
|
backgroundColor: theme.mvf.palette.background.light,
|
|
21
21
|
} }, (isVerticallyCentered && {
|
|
22
22
|
'& .MuiFilledInput-input': {
|
|
@@ -34,7 +34,22 @@ var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
34
34
|
'& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {
|
|
35
35
|
'margin-top': theme.mvf.spacing.base,
|
|
36
36
|
},
|
|
37
|
-
}))
|
|
37
|
+
})), (isAutoFilledActive && {
|
|
38
|
+
'& .MuiFilledInput-input': {
|
|
39
|
+
backgroundColor: isSafari
|
|
40
|
+
? 'rgb(250, 255, 189)'
|
|
41
|
+
: 'rgb(232, 240, 254)',
|
|
42
|
+
},
|
|
43
|
+
'& .MuiFilledInput-root': {
|
|
44
|
+
backgroundColor: isSafari
|
|
45
|
+
? 'rgb(250, 255, 189)'
|
|
46
|
+
: 'rgb(232, 240, 254)',
|
|
47
|
+
},
|
|
48
|
+
})), { '& > .MuiTextField-root:has(input:autofill)': {
|
|
49
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
|
50
|
+
}, '& .MuiFilledInput-root:has(input:autofill)': {
|
|
51
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
|
52
|
+
} }));
|
|
38
53
|
},
|
|
39
54
|
focused: function (_a) {
|
|
40
55
|
var isError = _a.isError;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;
|
|
1
|
+
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -55,13 +55,15 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
55
55
|
var icons_1 = __importDefault(require("./icons"));
|
|
56
56
|
var usePhoneNumberTextFieldStyles_1 = __importDefault(require("./usePhoneNumberTextFieldStyles"));
|
|
57
57
|
var PhoneNumberTextField = function (_a) {
|
|
58
|
-
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, InputProps = _a.InputProps, isVerticallyCentered = _a.isVerticallyCentered, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "InputProps", "isVerticallyCentered"]);
|
|
58
|
+
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, InputProps = _a.InputProps, isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "InputProps", "isVerticallyCentered", "isSafari", "isAutoFilledActive"]);
|
|
59
59
|
var isValid = errorMessage !== undefined ? false : isAnswered;
|
|
60
60
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
61
61
|
var classes = (0, usePhoneNumberTextFieldStyles_1.default)({
|
|
62
62
|
isError: !!errorMessage,
|
|
63
63
|
isValid: isValid,
|
|
64
64
|
isVerticallyCentered: isVerticallyCentered,
|
|
65
|
+
isSafari: isSafari,
|
|
66
|
+
isAutoFilledActive: isAutoFilledActive,
|
|
65
67
|
});
|
|
66
68
|
var inputPropClasses = __assign({ classes: {
|
|
67
69
|
focused: classes.focused,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAI2B;AAC3B,kEAA0C;AAC1C,6CAAyC;AAEzC,gEAA0C;AAC1C,kDAA4B;AAE5B,kGAA4E;AAO5E,IAAM,oBAAoB,GAA6B,UAAC,
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ declare type StoryType = React.FunctionComponent<{
|
|
|
8
8
|
placeholder: string;
|
|
9
9
|
type: 'tel' | 'text';
|
|
10
10
|
isVerticallyCentered: boolean;
|
|
11
|
+
isSafari: boolean;
|
|
12
|
+
isAutoFilledActive: boolean;
|
|
11
13
|
}>;
|
|
12
14
|
declare const PhoneNumberTextFieldStory: StoryType;
|
|
13
15
|
export default PhoneNumberTextFieldStory;
|
|
@@ -46,9 +46,9 @@ var handleChange = function (_a) {
|
|
|
46
46
|
(0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
47
47
|
};
|
|
48
48
|
var PhoneNumberTextFieldStory = function (_a) {
|
|
49
|
-
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, isVerticallyCentered = _a.isVerticallyCentered;
|
|
49
|
+
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
50
50
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
51
|
-
React.createElement(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isVerticallyCentered: isVerticallyCentered })));
|
|
51
|
+
React.createElement(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isVerticallyCentered: isVerticallyCentered, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive })));
|
|
52
52
|
};
|
|
53
53
|
exports.default = PhoneNumberTextFieldStory;
|
|
54
54
|
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,gFAA0D;AAC1D,qDAAmD;
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,gFAA0D;AAC1D,qDAAmD;AAenD,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAU;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,gJAAgJ;IAChJ,IAAM,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,gJAAgJ;IACxI,IAAA,IAAI,GAAK,GAAG,CAAC,sBAAsB,EAAE,KAAjC,CAAkC;IAC9C,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAc,UAAC,EAU7C;QATC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAElB,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -2,6 +2,8 @@ interface IPhoneNumberTextFieldStyleProps {
|
|
|
2
2
|
isError: boolean;
|
|
3
3
|
isValid: boolean;
|
|
4
4
|
isVerticallyCentered: boolean;
|
|
5
|
+
isSafari: boolean;
|
|
6
|
+
isAutoFilledActive: boolean;
|
|
5
7
|
}
|
|
6
8
|
declare const usePhoneNumberTextFieldStyles: (props: IPhoneNumberTextFieldStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
7
9
|
export default usePhoneNumberTextFieldStyles;
|
|
@@ -15,8 +15,8 @@ var styles_1 = require("@material-ui/styles");
|
|
|
15
15
|
var usePhoneNumberTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
17
|
textField: function (_a) {
|
|
18
|
-
var isVerticallyCentered = _a.isVerticallyCentered;
|
|
19
|
-
return (__assign(__assign(__assign({ '& .MuiFilledInput-root': {
|
|
18
|
+
var isVerticallyCentered = _a.isVerticallyCentered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
19
|
+
return (__assign(__assign(__assign(__assign(__assign({ '& .MuiFilledInput-root': {
|
|
20
20
|
backgroundColor: theme.mvf.palette.background.light,
|
|
21
21
|
overflow: 'visible',
|
|
22
22
|
} }, (isVerticallyCentered && {
|
|
@@ -36,7 +36,22 @@ var usePhoneNumberTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
36
36
|
'margin-top': theme.mvf.spacing.base,
|
|
37
37
|
},
|
|
38
38
|
})), { '& .iti': {
|
|
39
|
-
width: '100%',
|
|
39
|
+
width: 'calc(100% - 58px)',
|
|
40
|
+
} }), (isAutoFilledActive && {
|
|
41
|
+
'& .MuiFilledInput-input': {
|
|
42
|
+
backgroundColor: isSafari
|
|
43
|
+
? 'rgb(250, 255, 189)'
|
|
44
|
+
: 'rgb(232, 240, 254)',
|
|
45
|
+
},
|
|
46
|
+
'& .MuiFilledInput-root': {
|
|
47
|
+
backgroundColor: isSafari
|
|
48
|
+
? 'rgb(250, 255, 189)'
|
|
49
|
+
: 'rgb(232, 240, 254)',
|
|
50
|
+
},
|
|
51
|
+
})), { '& > .MuiTextField-root:has(input:autofill)': {
|
|
52
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
|
53
|
+
}, '& .MuiFilledInput-root:has(input:autofill)': {
|
|
54
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
|
40
55
|
} }));
|
|
41
56
|
},
|
|
42
57
|
focused: function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePhoneNumberTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;
|
|
1
|
+
{"version":3,"file":"usePhoneNumberTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAW/D,IAAM,6BAA6B,GAAG,IAAA,mBAAU,EAG9C,UAAC,KAAK;IACN,OAAA,IAAA,qBAAY,EAAC;QACX,SAAS,EAAE,UAAC,EAAsD;gBAApD,oBAAoB,0BAAA,EAAE,QAAQ,cAAA,EAAE,kBAAkB,wBAAA;YAAO,OAAA,gDACrE,wBAAwB,EAAE;oBACxB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;oBACnD,QAAQ,EAAE,SAAS;iBACpB,IACE,CAAC,oBAAoB,IAAI;gBAC1B,yBAAyB,EAAE;oBACzB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;oBACzC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;iBAC5C;gBACD,iGAAiG,EAC/F;oBACE,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACtC;aACJ,CAAC,GACC,CAAC,CAAC,oBAAoB,IAAI;gBAC3B,oFAAoF,EAClF;oBACE,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;oBACtC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;iBAC3C;gBACH,iGAAiG,EAC/F;oBACE,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI;iBACrC;aACJ,CAAC,KACF,QAAQ,EAAE;oBACR,KAAK,EAAE,mBAAmB;iBAC3B,KACE,CAAC,kBAAkB,IAAI;gBACxB,yBAAyB,EAAE;oBACzB,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,oBAAoB;wBACtB,CAAC,CAAC,oBAAoB;iBACzB;gBACD,wBAAwB,EAAE;oBACxB,eAAe,EAAE,QAAQ;wBACvB,CAAC,CAAC,oBAAoB;wBACtB,CAAC,CAAC,oBAAoB;iBACzB;aACF,CAAC,KACF,4CAA4C,EAAE;oBAC5C,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB;iBACxE,EACD,4CAA4C,EAAE;oBAC5C,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB;iBACxE,IACD;QA/CqE,CA+CrE;QACF,OAAO,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,CAAC;gBACzB,WAAW,aACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAC3C,oBAAoB,EAAE;wBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;qBACtC,IACE,CAAC,OAAO,IAAI;oBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;oBACpC,oBAAoB,EAAE;wBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;qBAC/B;iBACF,CAAC,CACH;aACF,CAAC;QAfwB,CAexB;QACF,KAAK,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,YACtB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAClC,WAAW,EAAE;oBACX,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBACtC,IACE,CAAC,OAAO,IAAI;gBACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aACtC,CAAC,EACF;QATsB,CAStB;QACF,QAAQ,EAAE,UAAC,EAAoB;gBAAlB,OAAO,aAAA,EAAE,OAAO,aAAA;YAAO,OAAA,qBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EACnD,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;oBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC5C,EACD,oBAAoB,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;iBACnC,EACD,gBAAgB,EAAE;oBAChB,SAAS,EAAE,MAAM;oBACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;oBACvC,SAAS,EAAE;wBACT,SAAS,EAAE,MAAM;wBACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;qBACxC;oBACD,oBAAoB,EAAE;wBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ;qBAClC;iBACF,IACE,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;gBACpC,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACrC;gBACD,oBAAoB,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBAC/B;aACF,CAAC,GACC,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;gBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,oBAAoB,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBACtC;aACF,CAAC,EACF;QA3CkC,CA2ClC;KACH,CAAC;AAvHF,CAuHE,CACH,CAAC;AAEF,kBAAe,6BAA6B,CAAC"}
|
|
@@ -31,24 +31,15 @@ var useScrollAreaClasses = (0, styles_1.makeStyles)(function (theme) {
|
|
|
31
31
|
},
|
|
32
32
|
scrollMoreShadow: function (_a) {
|
|
33
33
|
var showScrollMore = _a.showScrollMore;
|
|
34
|
-
return (__assign({ pointerEvents: 'none', width: '100%', bottom: '20px', height: '20px', background: 'linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))',
|
|
35
|
-
|
|
34
|
+
return (__assign({ pointerEvents: 'none', width: '100%', bottom: '20px', height: '20px', background: 'linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))', opacity: 0, transition: 'opacity 0.3s', display: 'flex', justifyContent: 'center' }, (showScrollMore && {
|
|
35
|
+
opacity: 1,
|
|
36
36
|
})));
|
|
37
37
|
},
|
|
38
|
-
scrollMoreBadge: {
|
|
39
|
-
|
|
40
|
-
color: theme.mvf.palette.text.light,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
borderRadius: 20,
|
|
44
|
-
fontSize: theme.mvf.fontSize.tiny,
|
|
45
|
-
textAlign: 'center',
|
|
46
|
-
verticalAlign: 'middle',
|
|
47
|
-
position: 'relative',
|
|
48
|
-
top: '-15px',
|
|
49
|
-
transition: '0.5s',
|
|
50
|
-
opacity: theme.mvf.filters.opacity.gentle,
|
|
51
|
-
fontFamily: theme.mvf.typography.fontFamily,
|
|
38
|
+
scrollMoreBadge: function (_a) {
|
|
39
|
+
var showScrollMore = _a.showScrollMore;
|
|
40
|
+
return (__assign({ background: theme.mvf.palette.accent.b.main, color: theme.mvf.palette.text.light, width: '150px', height: '25px', borderRadius: 20, fontSize: theme.mvf.fontSize.tiny, textAlign: 'center', verticalAlign: 'middle', position: 'relative', top: '-15px', transition: 'opacity 0.5s', opacity: 0, fontFamily: theme.mvf.typography.fontFamily }, (showScrollMore && {
|
|
41
|
+
opacity: theme.mvf.filters.opacity.gentle,
|
|
42
|
+
})));
|
|
52
43
|
},
|
|
53
44
|
});
|
|
54
45
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollAreaClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/useScrollAreaClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EACrC,UAAC,KAAK;IACJ,OAAA,IAAA,qBAAY,EAAC;QACX,SAAS,EAAE;YACT,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,QAAQ;YACnB,sBAAsB,EAAE;gBACtB,KAAK,EAAE,OAAO;aACf;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACzC,YAAY,EAAE,MAAM;aACrB;SACF;QACD,gBAAgB,EAAE,UAAC,EAAkB;gBAAhB,cAAc,oBAAA;YAAO,OAAA,YACxC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,uDAAuD,EACnE,
|
|
1
|
+
{"version":3,"file":"useScrollAreaClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/useScrollAreaClasses.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EACrC,UAAC,KAAK;IACJ,OAAA,IAAA,qBAAY,EAAC;QACX,SAAS,EAAE;YACT,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,UAAU;YAChB,SAAS,EAAE,MAAM;YACjB,SAAS,EAAE,QAAQ;YACnB,sBAAsB,EAAE;gBACtB,KAAK,EAAE,OAAO;aACf;YACD,4BAA4B,EAAE;gBAC5B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACzC,YAAY,EAAE,MAAM;aACrB;SACF;QACD,gBAAgB,EAAE,UAAC,EAAkB;gBAAhB,cAAc,oBAAA;YAAO,OAAA,YACxC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,uDAAuD,EACnE,OAAO,EAAE,CAAC,EACV,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,IACrB,CAAC,cAAc,IAAI;gBACpB,OAAO,EAAE,CAAC;aACX,CAAC,EACF;QAbwC,CAaxC;QACF,eAAe,EAAE,UAAC,EAAkB;gBAAhB,cAAc,oBAAA;YAAO,OAAA,YACvC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACnC,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,EAAE,EAChB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EACjC,SAAS,EAAE,QAAQ,EACnB,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAO,EAAE,CAAC,EACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,IACxC,CAAC,cAAc,IAAI;gBACpB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;aAC1C,CAAC,EACF;QAjBuC,CAiBvC;KACH,CAAC;AAhDF,CAgDE,CACL,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|