@mvf/external-components 3.18.1-dev.0 → 3.18.1-dev.3
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/CardButton/CardButton.js +3 -4
- package/Components/Atoms/CardButton/CardButton.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +1 -0
- package/Components/Atoms/CardButton/CardButtonStory.js +2 -2
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/ICardButtonProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.d.ts +1 -0
- package/Components/Atoms/CardButton/defaultProps.js +1 -0
- package/Components/Atoms/CardButton/defaultProps.js.map +1 -1
- package/Components/Atoms/CardButton/makeCardButtonStyling.d.ts +2 -2
- package/Components/Atoms/CardButton/makeCardButtonStyling.js +4 -4
- package/Components/Atoms/CardButton/makeCardButtonStyling.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +2 -2
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js +2 -2
- package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +0 -9
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +36 -89
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +9 -10
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +0 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +18 -44
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js +8 -20
- package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map +1 -1
- package/package.json +4 -4
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.d.ts +0 -1
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js +0 -215
- package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map +0 -1
|
@@ -55,17 +55,16 @@ var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMess
|
|
|
55
55
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
56
56
|
var makeCardButtonStyling_1 = __importStar(require("./makeCardButtonStyling"));
|
|
57
57
|
var CardButton = function (_a) {
|
|
58
|
-
var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined, experimentName = _a.experimentName, otherProps = __rest(_a, ["children", "onClick", "onBlur", "onKeyDown", "selected", "outlined", "experimentName"]);
|
|
58
|
+
var children = _a.children, onClick = _a.onClick, onBlur = _a.onBlur, onKeyDown = _a.onKeyDown, selected = _a.selected, outlined = _a.outlined, experimentName = _a.experimentName, disabled = _a.disabled, otherProps = __rest(_a, ["children", "onClick", "onBlur", "onKeyDown", "selected", "outlined", "experimentName", "disabled"]);
|
|
59
59
|
var errorMessage = (0, ErrorMessageProvider_1.useErrorMessage)({
|
|
60
60
|
isErrorMessageProviderRequired: false,
|
|
61
61
|
}).errorMessage;
|
|
62
|
-
var isDisabled = !onClick && !onKeyDown;
|
|
63
62
|
return ((0, jsx_runtime_1.jsx)(Card_1.default, __assign({ css: (0, makeCardButtonStyling_1.default)({
|
|
64
63
|
isError: errorMessage !== undefined,
|
|
65
64
|
selected: selected,
|
|
66
65
|
outlined: outlined,
|
|
67
|
-
|
|
68
|
-
}), onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, otherProps, { children: (0, jsx_runtime_1.jsx)("div", { css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }), children: children }) })));
|
|
66
|
+
disabled: disabled,
|
|
67
|
+
}), onClick: disabled ? undefined : onClick, onKeyDown: disabled ? undefined : onKeyDown, onBlur: onBlur }, otherProps, { children: (0, jsx_runtime_1.jsx)("div", { css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }), children: children }) })));
|
|
69
68
|
};
|
|
70
69
|
CardButton.defaultProps = defaultProps_1.default;
|
|
71
70
|
exports.default = CardButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,
|
|
1
|
+
{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EAUnC;IATC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,QAAQ,cAAA,EACL,UAAU,cATqB,oGAUnC,CADc;IAEL,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;YACR,QAAQ,UAAA;SACT,CAAC,EACF,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,MAAM,EAAE,MAAM,IACV,UAAU,cAEd,gCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
|
@@ -32,7 +32,7 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
|
32
32
|
var CardButton_1 = __importDefault(require("./CardButton"));
|
|
33
33
|
var ErrorMessageProvider_1 = __importDefault(require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider"));
|
|
34
34
|
var CardButtonStory = function (_a) {
|
|
35
|
-
var error = _a.error;
|
|
35
|
+
var error = _a.error, disabled = _a.disabled;
|
|
36
36
|
var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
|
|
37
37
|
var handleClick = function () {
|
|
38
38
|
(0, addon_actions_1.action)('Click')();
|
|
@@ -41,7 +41,7 @@ var CardButtonStory = function (_a) {
|
|
|
41
41
|
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
42
42
|
maxWidth: '144px',
|
|
43
43
|
height: '144px',
|
|
44
|
-
}, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected, experimentName: "default" }) }) }));
|
|
44
|
+
}, children: (0, jsx_runtime_1.jsx)(ErrorMessageProvider_1.default, { errorMessage: error ? 'error' : undefined, experimentName: "default", children: (0, jsx_runtime_1.jsx)(CardButton_1.default, { onClick: handleClick, selected: selected, experimentName: "default", disabled: disabled }) }) }));
|
|
45
45
|
};
|
|
46
46
|
exports.default = CardButtonStory;
|
|
47
47
|
//# sourceMappingURL=CardButtonStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;
|
|
1
|
+
{"version":3,"file":"CardButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/CardButtonStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,+GAAyF;AAOzF,IAAM,eAAe,GAAwB,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IACvD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG;QAClB,IAAA,sBAAM,EAAC,OAAO,CAAC,EAAE,CAAC;QAClB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;SAChB,YAED,uBAAC,8BAAoB,IACnB,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzC,cAAc,EAAC,SAAS,YAExB,uBAAC,oBAAU,IACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACmB,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;CACjB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -2,9 +2,9 @@ interface ICardStylingProps {
|
|
|
2
2
|
isError: boolean;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
outlined?: boolean;
|
|
5
|
-
|
|
5
|
+
disabled?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const makeCardButtonStyling: ({ isError, selected, outlined,
|
|
7
|
+
declare const makeCardButtonStyling: ({ isError, selected, outlined, disabled, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
|
|
8
8
|
interface ICardStylingOverlayProps {
|
|
9
9
|
selected: boolean;
|
|
10
10
|
}
|
|
@@ -15,14 +15,14 @@ exports.makeCardButtonSelectedOverlayStyling = void 0;
|
|
|
15
15
|
var react_1 = require("@emotion/react");
|
|
16
16
|
var material_1 = require("@mui/material");
|
|
17
17
|
var makeCardButtonStyling = function (_a) {
|
|
18
|
-
var isError = _a.isError, selected = _a.selected, outlined = _a.outlined,
|
|
18
|
+
var isError = _a.isError, selected = _a.selected, outlined = _a.outlined, disabled = _a.disabled;
|
|
19
19
|
var theme = (0, react_1.useTheme)();
|
|
20
|
-
return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor:
|
|
20
|
+
return (0, react_1.css)(__assign(__assign({ backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderColor: theme.mvf.palette.component.answerUnselectedColor, borderRadius: theme.mvf.border.radius, borderWidth: theme.mvf.border.width.thin, boxShadow: theme.mvf.boxShadow.timid, boxSizing: 'border-box', cursor: disabled ? 'default' : 'pointer', height: '100%', position: 'relative', overflow: 'visible', '@media (hover: hover)': {
|
|
21
21
|
'&:hover': {
|
|
22
|
-
boxShadow:
|
|
22
|
+
boxShadow: disabled
|
|
23
23
|
? theme.mvf.boxShadow.timid
|
|
24
24
|
: theme.mvf.boxShadow.fierce,
|
|
25
|
-
borderColor:
|
|
25
|
+
borderColor: disabled
|
|
26
26
|
? theme.mvf.palette.component.answerUnselectedColor
|
|
27
27
|
: theme.mvf.palette.component.answerSelectedColor,
|
|
28
28
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAsC;AAStC,IAAM,qBAAqB,GAAG,UAAC,EAKX;QAJlB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,
|
|
1
|
+
{"version":3,"file":"makeCardButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/CardButton/makeCardButtonStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -104,14 +104,14 @@ var CheckBox = function (_a) {
|
|
|
104
104
|
otherInputRef.current.focus();
|
|
105
105
|
}
|
|
106
106
|
}, [isSelected]);
|
|
107
|
-
var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem', children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName }) }) })); };
|
|
107
|
+
var renderOtherInput = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, children: (0, jsx_runtime_1.jsx)(Box_1.default, { css: styles.otherInput, marginRight: isIconPresent ? '45px' : '1.2rem', children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) }) })); };
|
|
108
108
|
var renderTextContent = function () { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: styles.textGrid, "data-testid": "".concat(textAlign, "Text:").concat(id), children: (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { variant: "listItem", align: textAlignBasedOnCheckbox, experimentName: experimentName, children: text }) }) })); };
|
|
109
109
|
var renderIcon = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'center' ? styles.centerIcon : styles.leftIcon, children: (0, jsx_runtime_1.jsx)("div", { css: styles.imgDiv, "data-testid": "".concat(location, "CheckboxIcon"), children: Icon }) })); };
|
|
110
110
|
var renderCheckbox = function (location) { return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: location === 'right' && styles.checkboxContainerRight, children: !hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: location === 'left' && styles.checkbox, checked: isSelected, onClick: function (event) { return event.preventDefault(); }, color: "primary", "data-testid": "".concat(location, "Checkbox:").concat(id), icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }), onMouseDown: function (event) { return event.preventDefault(); } })) })); };
|
|
111
111
|
var renderRightPlaceholder = function () {
|
|
112
112
|
return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, css: (0, makeCheckBoxStyling_1.getPlaceholderStyles)(textAlign === 'center', isIconPresent) }));
|
|
113
113
|
};
|
|
114
|
-
return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick:
|
|
114
|
+
return ((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: hideCheckbox, children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { container: true, css: styles.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap", children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { container: true, alignItems: "center", css: styles.innerGrid, children: showText ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isIconPresent ? renderIcon('left') : renderCheckbox('left'), isOtherInputPresent ? renderOtherInput() : renderTextContent(), (textAlign === 'center' || isIconPresent) &&
|
|
115
115
|
renderRightPlaceholder()] })) : (renderIcon('center')) }), isIconPresent && isSelected && renderCheckbox('right')] }) }));
|
|
116
116
|
};
|
|
117
117
|
CheckBox.defaultProps = defaultProps_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ describe('DatePicker', function () {
|
|
|
49
49
|
var mockDate = new Date(2022, 2, 1);
|
|
50
50
|
var mockedDateText = 'March 2022';
|
|
51
51
|
beforeAll(function () {
|
|
52
|
-
jest.useFakeTimers();
|
|
52
|
+
jest.useFakeTimers({ now: mockDate, advanceTimers: true });
|
|
53
53
|
jest.setSystemTime(mockDate);
|
|
54
54
|
});
|
|
55
55
|
afterAll(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAA2D;AAC3D,sGAAgF;AAChF,6DAAuC;AACvC,qEAAoE;AACpE,gDAAsD;AAEtD,QAAQ,CAAC,YAAY,EAAE;IACrB,IAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,IAAM,cAAc,GAAG,YAAY,CAAC;IAEpC,SAAS,CAAC;QACR,IAAI,CAAC,aAAa,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/DatePicker/__tests__/DatePicker.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ var DropDownSelect = function (_a) {
|
|
|
19
19
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, value = _a.value, inputRef = _a.inputRef, experimentName = _a.experimentName;
|
|
20
20
|
var styles = (0, makeDropDownSelectStyling_1.default)({
|
|
21
21
|
isIconPresent: iconType !== 'none',
|
|
22
|
-
|
|
22
|
+
disabled: disabled,
|
|
23
23
|
isError: !!errorMessage,
|
|
24
24
|
});
|
|
25
25
|
var StyledInputLabel = (0, styled_1.default)(InputLabel_1.default)(styles.label);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAQxC,IAAM,cAAc,GAAuB,UAAC,EAa3C;QAZC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mCAAyB,EAAC;QACvC,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gEAA0C;AAC1C,8EAAwD;AACxD,sFAAgE;AAChE,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0FAAoE;AACpE,2DAAqC;AACrC,wCAAwC;AAQxC,IAAM,cAAc,GAAuB,UAAC,EAa3C;QAZC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,cAAc,oBAAA;IAEd,IAAM,MAAM,GAAG,IAAA,mCAAyB,EAAC;QACvC,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,CAAC,CAAC,YAAY;KACxB,CAAC,CAAC;IACH,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAElE,IAAM,YAAY,GAAG,CACnB,uBAAC,eAAK,IACJ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,aACrE,KAAK,KAAK,EAAE,IAAI,CACf,uBAAC,gBAAgB,IACf,OAAO,EAAE,EAAE,EACX,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,cAAc,YAE7B,KAAK,GACW,CACpB,EACD,uBAAC,gBAAM,IACL,OAAO,EAAC,UAAU,EAClB,aAAa,EAAE,oBAAU,EACzB,SAAS,EAAE;oBACT,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;iBACrC,EACD,KAAK,EAAE,YAAY,YAElB,QAAQ,GACF,EACR,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,EAChE,uBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,GAAI,IAClB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
interface IDropDownSelectStyleProps {
|
|
2
2
|
isIconPresent: boolean;
|
|
3
|
-
|
|
3
|
+
disabled: boolean;
|
|
4
4
|
isError: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const useDropDownSelectStyles: ({ isIconPresent,
|
|
6
|
+
declare const useDropDownSelectStyles: ({ isIconPresent, disabled, isError, }: IDropDownSelectStyleProps) => {
|
|
7
7
|
listItems: import("@emotion/react").SerializedStyles;
|
|
8
8
|
formControl: import("@emotion/react").SerializedStyles;
|
|
9
9
|
label: import("@emotion/react").SerializedStyles;
|
|
@@ -15,7 +15,7 @@ var react_1 = require("@emotion/react");
|
|
|
15
15
|
var material_1 = require("@mui/material");
|
|
16
16
|
var useDropDownSelectStyles = function (_a) {
|
|
17
17
|
var _b;
|
|
18
|
-
var isIconPresent = _a.isIconPresent,
|
|
18
|
+
var isIconPresent = _a.isIconPresent, disabled = _a.disabled, isError = _a.isError;
|
|
19
19
|
var theme = (0, react_1.useTheme)();
|
|
20
20
|
return {
|
|
21
21
|
listItems: (0, react_1.css)({
|
|
@@ -65,7 +65,7 @@ var useDropDownSelectStyles = function (_a) {
|
|
|
65
65
|
},
|
|
66
66
|
'& .MuiSelect-icon': __assign(__assign({}, (isError && {
|
|
67
67
|
color: theme.mvf.palette.status.error,
|
|
68
|
-
})), (
|
|
68
|
+
})), (disabled && {
|
|
69
69
|
color: 'rgb(225, 225, 225)',
|
|
70
70
|
})),
|
|
71
71
|
'& .MuiInputBase-root': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAQxC,IAAM,uBAAuB,GAAG,UAAC,EAIL;;QAH1B,aAAa,mBAAA,EACb,
|
|
1
|
+
{"version":3,"file":"makeDropDownSelectStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.ts"],"names":[],"mappings":"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"}
|
|
@@ -86,7 +86,7 @@ var IconTileCheckBox = function (_a) {
|
|
|
86
86
|
otherInputRef.current.focus();
|
|
87
87
|
}
|
|
88
88
|
}, [isSelected]);
|
|
89
|
-
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick:
|
|
89
|
+
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, { selected: isSelected, "data-selected": isSelected, onClick: handleClick, onKeyDown: handleKeyDown, "data-testid": "checkboxCardButton", outlined: isSelected, onBlur: handleBlur, experimentName: experimentName, disabled: hideCheckbox, children: [!hideCheckbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: "checkbox-".concat(id), css: styles.checkbox, checked: isSelected, icon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: false }), checkedIcon: (0, jsx_runtime_1.jsx)(CheckboxIcon_1.default, { isChecked: true }) })), (0, jsx_runtime_1.jsxs)(material_1.Box, { css: styles.container, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.icon, children: (0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.imgDiv, children: Icon }) }), isTextfield ? ((0, jsx_runtime_1.jsx)(material_1.Box, { css: styles.otherInput, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { "data-testid": "otherInputTextfield:".concat(id), id: id, placeholder: text, onClick: handleInputClick, onChange: onOtherTextFieldChange, isOtherOption: true, inputRef: otherInputRef, errorMessage: otherInputError ? '' : undefined, value: otherInputValue, experimentName: experimentName, disabled: hideCheckbox }) })) : (showText && ((0, jsx_runtime_1.jsx)(Text_1.default, { "data-testid": "text", variant: "tileItem", experimentName: experimentName, children: text })))] })] }));
|
|
90
90
|
};
|
|
91
91
|
IconTileCheckBox.defaultProps = defaultProps_1.default;
|
|
92
92
|
exports.default = IconTileCheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,6 @@ export interface IPhoneNumberTextFieldCallbackParams {
|
|
|
3
3
|
id: string;
|
|
4
4
|
value: string;
|
|
5
5
|
}
|
|
6
|
-
export interface IsValidCallbackParams {
|
|
7
|
-
id: string;
|
|
8
|
-
isValid: boolean;
|
|
9
|
-
value: string;
|
|
10
|
-
countryCodeIso2: string;
|
|
11
|
-
}
|
|
12
6
|
interface IPhoneNumberTextFieldProps {
|
|
13
7
|
disabled: boolean;
|
|
14
8
|
errorMessage?: string;
|
|
@@ -19,13 +13,10 @@ interface IPhoneNumberTextFieldProps {
|
|
|
19
13
|
label: string;
|
|
20
14
|
onBlur: () => void;
|
|
21
15
|
onChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
|
|
22
|
-
onCountryChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
|
|
23
|
-
onValidationChange?: (item: IsValidCallbackParams) => void;
|
|
24
16
|
onClick: MouseEventHandler<HTMLInputElement>;
|
|
25
17
|
placeholder?: string;
|
|
26
18
|
value: string;
|
|
27
19
|
isSafari: boolean;
|
|
28
20
|
isAutoFilledActive: boolean;
|
|
29
|
-
countryCodeIso2: string;
|
|
30
21
|
}
|
|
31
22
|
export default IPhoneNumberTextFieldProps;
|
|
@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
13
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
14
|
var t = {};
|
|
38
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -54,80 +31,50 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
|
|
|
54
31
|
var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
|
|
55
32
|
var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
|
|
56
33
|
var react_1 = require("react");
|
|
57
|
-
var Input_1 = __importDefault(require("
|
|
58
|
-
var InputLabel_1 = __importDefault(require("
|
|
34
|
+
var Input_1 = __importDefault(require("../../../Components/Atoms/Input"));
|
|
35
|
+
var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
|
|
59
36
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
60
37
|
var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./makeFormControlPhoneNumberStyling"));
|
|
61
|
-
var makeFormControlStyles_1 = __importDefault(require("
|
|
38
|
+
var makeFormControlStyles_1 = __importDefault(require("../../../Components/Atoms/FormControl/makeFormControlStyles"));
|
|
39
|
+
var setUserAgent = function (userAgent) {
|
|
40
|
+
Object.defineProperty(navigator, 'userAgent', {
|
|
41
|
+
get: function () {
|
|
42
|
+
return userAgent; // customized user agent
|
|
43
|
+
},
|
|
44
|
+
configurable: true,
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
var getInput = function (id) {
|
|
48
|
+
return document.querySelector("#".concat(id));
|
|
49
|
+
};
|
|
50
|
+
var initIntlTelInput = function (input) {
|
|
51
|
+
// Keep the initial userAgent
|
|
52
|
+
var initialUserAgent = navigator.userAgent;
|
|
53
|
+
// Set mobile layout in userAgent
|
|
54
|
+
setUserAgent('iPhone');
|
|
55
|
+
// Init plugin
|
|
56
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
57
|
+
(0, intl_tel_input_1.default)(input, {
|
|
58
|
+
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.min.js',
|
|
59
|
+
});
|
|
60
|
+
// Restore the initial userAgent
|
|
61
|
+
setUserAgent(initialUserAgent);
|
|
62
|
+
};
|
|
62
63
|
var PhoneNumberTextField = function (_a) {
|
|
63
|
-
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange,
|
|
64
|
-
var inputRef = (0, react_1.useRef)(null);
|
|
65
|
-
var itiRef = (0, react_1.useRef)(null);
|
|
64
|
+
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive", "experimentName"]);
|
|
66
65
|
(0, react_1.useEffect)(function () {
|
|
67
|
-
var input =
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
searchInput: true,
|
|
75
|
-
showDialCodeInSelection: true,
|
|
76
|
-
countryOrder: ['us', 'gb'],
|
|
77
|
-
separateDialCodeInDropdown: true,
|
|
78
|
-
nationalMode: false, // ensure placeholder is shown
|
|
79
|
-
customContainer: 'iti iti--container iti--fullscreen-popup hide-search',
|
|
80
|
-
useFullscreenPopup: true,
|
|
81
|
-
initialCountry: countryCodeIso2,
|
|
82
|
-
loadUtils: function () { return Promise.resolve().then(function () { return __importStar(require('intl-tel-input/build/js/utils')); }); },
|
|
83
|
-
};
|
|
84
|
-
itiRef.current = (0, intl_tel_input_1.default)(input, options);
|
|
85
|
-
console.log(9999, itiRef.current);
|
|
86
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
87
|
-
var handleCountryChange = function (e) {
|
|
88
|
-
var _a;
|
|
89
|
-
var countryData = (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.getSelectedCountryData();
|
|
90
|
-
if (countryData === null || countryData === void 0 ? void 0 : countryData.iso2) {
|
|
91
|
-
onCountryChange({
|
|
92
|
-
id: id,
|
|
93
|
-
value: countryData.iso2,
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
var handleInput = function (e) {
|
|
98
|
-
var target = e.target;
|
|
99
|
-
onChange({ id: id, value: target.value });
|
|
100
|
-
};
|
|
101
|
-
input.addEventListener('countrychange', handleCountryChange);
|
|
102
|
-
input.addEventListener('input', handleInput);
|
|
103
|
-
return function () {
|
|
104
|
-
if (itiRef.current && itiRef.current.destroy) {
|
|
105
|
-
itiRef.current.destroy();
|
|
106
|
-
itiRef.current = null;
|
|
107
|
-
}
|
|
108
|
-
input.removeEventListener('countrychange', handleCountryChange);
|
|
109
|
-
input.removeEventListener('input', handleInput);
|
|
110
|
-
};
|
|
66
|
+
var input = getInput(id);
|
|
67
|
+
initIntlTelInput(input);
|
|
68
|
+
input.addEventListener('countrychange', function (e) {
|
|
69
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
70
|
+
// @ts-ignore
|
|
71
|
+
onChange({ id: id, value: e.target.value });
|
|
72
|
+
});
|
|
111
73
|
}, []);
|
|
112
|
-
(0, react_1.useEffect)(function () {
|
|
113
|
-
var _a, _b;
|
|
114
|
-
console.log(1111, value, countryCodeIso2, (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.isValidNumber());
|
|
115
|
-
if (!itiRef.current || !itiRef.current.isValidNumber)
|
|
116
|
-
return;
|
|
117
|
-
var isValid = itiRef.current.isValidNumber();
|
|
118
|
-
if (onValidationChange && isValid !== null) {
|
|
119
|
-
onValidationChange({
|
|
120
|
-
id: id,
|
|
121
|
-
isValid: isValid,
|
|
122
|
-
value: ((_b = itiRef.current) === null || _b === void 0 ? void 0 : _b.getNumber()) || '',
|
|
123
|
-
countryCodeIso2: countryCodeIso2,
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
}, [onValidationChange, value, countryCodeIso2]);
|
|
127
74
|
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
|
|
128
75
|
(0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
|
|
129
76
|
(0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }),
|
|
130
|
-
], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange,
|
|
77
|
+
], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: experimentName }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
|
|
131
78
|
};
|
|
132
79
|
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
|
133
80
|
exports.default = PhoneNumberTextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAWvD;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACX,KAAK,cAV8C,sHAWvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;SACxD,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,EAAE,EACX,MAAM,QACN,cAAc,EAAE,cAAc,YAE7B,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,IAC1B,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
|
|
@@ -8,36 +8,35 @@ var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
|
8
8
|
var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
|
|
9
9
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
10
|
describe('PhoneNumberTextField', function () {
|
|
11
|
-
var mockOnCountryChange = jest.fn();
|
|
12
11
|
it('should display PhoneNumberTextField Component', function () {
|
|
13
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", experimentName: "default"
|
|
12
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", experimentName: "default" })).getByText;
|
|
14
13
|
expect(getByText('Question')).toBeTruthy();
|
|
15
14
|
});
|
|
16
15
|
it('should be able to input values', function () {
|
|
17
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", experimentName: "default"
|
|
18
|
-
user_event_1.default.type(getByRole('textbox'), '
|
|
19
|
-
expect(getByRole('textbox')).toHaveValue('
|
|
16
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", experimentName: "default" })).getByRole;
|
|
17
|
+
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
18
|
+
expect(getByRole('textbox')).toHaveValue('90210');
|
|
20
19
|
});
|
|
21
20
|
it('should have an input type of tel by default', function () {
|
|
22
21
|
var _a;
|
|
23
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", experimentName: "default"
|
|
22
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", experimentName: "default" })).container;
|
|
24
23
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
25
24
|
});
|
|
26
25
|
it('should pass text input type through', function () {
|
|
27
26
|
var _a;
|
|
28
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", experimentName: "default"
|
|
27
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", experimentName: "default" })).container;
|
|
29
28
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
30
29
|
});
|
|
31
30
|
it('should display validity icon on error', function () {
|
|
32
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", experimentName: "default"
|
|
31
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", experimentName: "default" })).getByTestId;
|
|
33
32
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
34
33
|
});
|
|
35
34
|
it('should display validity icon on validation success', function () {
|
|
36
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, experimentName: "default"
|
|
35
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, experimentName: "default" })).getByTestId;
|
|
37
36
|
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
38
37
|
});
|
|
39
38
|
it('should display error icon on validation success and error message', function () {
|
|
40
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", experimentName: "default"
|
|
39
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
41
40
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
42
41
|
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
43
42
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,mGAA6E;AAC7E,gFAA0D;AAE1D,QAAQ,CAAC,sBAAsB,EAAE;IAC/B,
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,6 @@ type StoryType = React.FunctionComponent<{
|
|
|
10
10
|
parentContainerMaxWidth: number;
|
|
11
11
|
isSafari: boolean;
|
|
12
12
|
isAutoFilledActive: boolean;
|
|
13
|
-
countryCodeIso2: string;
|
|
14
13
|
}>;
|
|
15
14
|
declare const PhoneNumberTextFieldStory: StoryType;
|
|
16
15
|
export default PhoneNumberTextFieldStory;
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
@@ -29,30 +6,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
6
|
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
30
7
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
31
8
|
require("intl-tel-input/build/css/intlTelInput.css");
|
|
32
|
-
var React = __importStar(require("react"));
|
|
33
9
|
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
|
+
var getInput = function (id) {
|
|
11
|
+
return document.querySelector("#".concat(id));
|
|
12
|
+
};
|
|
13
|
+
var getCountryCode = function (id) {
|
|
14
|
+
var input = getInput(id);
|
|
15
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
16
|
+
var iti = window.intlTelInputGlobals.getInstance(input);
|
|
17
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
18
|
+
var iso2 = iti.getSelectedCountryData().iso2;
|
|
19
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return
|
|
20
|
+
return iso2;
|
|
21
|
+
};
|
|
22
|
+
var handleChange = function (_a) {
|
|
23
|
+
var id = _a.id, value = _a.value;
|
|
24
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
25
|
+
(0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
26
|
+
};
|
|
34
27
|
var PhoneNumberTextFieldStory = function (_a) {
|
|
35
28
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
|
|
36
|
-
|
|
37
|
-
var _c = React.useState(''), inputValue = _c[0], setInputValue = _c[1];
|
|
38
|
-
var handleCountryChange = function (_a) {
|
|
39
|
-
var id = _a.id, value = _a.value;
|
|
40
|
-
setCountryCodeIso2(value);
|
|
41
|
-
(0, addon_actions_1.action)('Country Change')({ id: id, value: value });
|
|
42
|
-
};
|
|
43
|
-
var handleChange = function (_a) {
|
|
44
|
-
var id = _a.id, value = _a.value;
|
|
45
|
-
setInputValue(value);
|
|
46
|
-
(0, addon_actions_1.action)('Input Change')({ id: id, value: value });
|
|
47
|
-
};
|
|
48
|
-
var handleValidationChange = function (_a) {
|
|
49
|
-
var id = _a.id, isValid = _a.isValid;
|
|
50
|
-
(0, addon_actions_1.action)('Validation Change')({ id: id, isValid: isValid });
|
|
51
|
-
};
|
|
52
|
-
var handleBlur = function () {
|
|
53
|
-
(0, addon_actions_1.action)('Blur')();
|
|
54
|
-
};
|
|
55
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onBlur: handleBlur, onChange: handleChange, onCountryChange: handleCountryChange, onValidationChange: handleValidationChange, value: inputValue, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, countryCodeIso2: countryCodeIso2, experimentName: "default" }) }));
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: "default" }) }));
|
|
56
30
|
};
|
|
57
31
|
exports.default = PhoneNumberTextFieldStory;
|
|
58
32
|
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAc1D,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,+DAA+D;IAC/D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,mEAAmE;IACnE,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,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAElB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/C,uBAAC,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,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAC,SAAS,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
|
@@ -26,25 +26,25 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
26
26
|
width: 'calc(100% - 71px)',
|
|
27
27
|
paddingLeft: '1.2rem !important',
|
|
28
28
|
},
|
|
29
|
-
'& .
|
|
30
|
-
paddingLeft: theme.mvf.spacing.
|
|
31
|
-
paddingRight: theme.mvf.spacing.
|
|
29
|
+
'& .iti__flag-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-flag': {
|
|
30
|
+
paddingLeft: theme.mvf.spacing.smedium,
|
|
31
|
+
paddingRight: theme.mvf.spacing.smedium,
|
|
32
32
|
} }, (isAnswered && {
|
|
33
33
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerSelectedColor),
|
|
34
34
|
})),
|
|
35
|
-
'& .Mui-error .
|
|
35
|
+
'& .Mui-error .iti__flag-container': {
|
|
36
36
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
37
37
|
},
|
|
38
|
-
'&:hover .Mui-error .
|
|
38
|
+
'&:hover .Mui-error .iti__flag-container': {
|
|
39
39
|
borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
|
|
40
40
|
},
|
|
41
|
-
'& .Mui-focused .
|
|
41
|
+
'& .Mui-focused .iti__flag-container': {
|
|
42
42
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
43
43
|
},
|
|
44
|
-
'&:hover .
|
|
44
|
+
'&:hover .iti__flag-container': {
|
|
45
45
|
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
|
46
46
|
},
|
|
47
|
-
'& .iti--allow-dropdown .
|
|
47
|
+
'& .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag': {
|
|
48
48
|
backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
|
|
49
49
|
},
|
|
50
50
|
'& .MuiInputBase-root.MuiInputBase-formControl': {
|
|
@@ -54,18 +54,6 @@ var makeFormControlPhoneNumberStyling = function (_a) {
|
|
|
54
54
|
width: '100%',
|
|
55
55
|
position: 'unset',
|
|
56
56
|
},
|
|
57
|
-
'& #iti-0__dropdown-content.iti__dropdown-content .iti__search-input': {
|
|
58
|
-
display: 'none',
|
|
59
|
-
},
|
|
60
|
-
'& .iti__dropdown-content.iti--flexible-dropdown-width .iti__search-input': {
|
|
61
|
-
display: 'none',
|
|
62
|
-
},
|
|
63
|
-
'& .iti__search-input': {
|
|
64
|
-
display: 'none !important',
|
|
65
|
-
},
|
|
66
|
-
'.iti--hide-search .iti__search-input': {
|
|
67
|
-
display: 'none !important',
|
|
68
|
-
},
|
|
69
57
|
});
|
|
70
58
|
};
|
|
71
59
|
exports.default = makeFormControlPhoneNumberStyling;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,
|
|
1
|
+
{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,wBAAwB,aACtB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,uBAAuB,EAAE;gBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;gBACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;aACxC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,mCAAmC,EAAE;YACnC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,yCAAyC,EAAE;YACzC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,qCAAqC,EAAE;YACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,8BAA8B,EAAE;YAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,uEAAuE,EAAE;YACvE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACD,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mvf/external-components",
|
|
3
|
-
"version": "3.18.1-dev.
|
|
3
|
+
"version": "3.18.1-dev.3",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "scripts/up.sh",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"lint:fix": "npm run lint -- --fix"
|
|
13
13
|
},
|
|
14
14
|
"devDependencies": {
|
|
15
|
-
"@babel/core": "^7.
|
|
15
|
+
"@babel/core": "^7.22.0",
|
|
16
16
|
"@mui/codemod": "^5.14.11",
|
|
17
17
|
"@mvf/eslint-config-mvf-typescript-react": "^1.0.2",
|
|
18
18
|
"@storybook/addon-actions": "^6.5.16",
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"@testing-library/jest-dom": "^5.14.1",
|
|
26
26
|
"@testing-library/react": "^12.0.0",
|
|
27
27
|
"@testing-library/user-event": "^13.2.1",
|
|
28
|
+
"@types/intl-tel-input": "^17.0.4",
|
|
28
29
|
"@types/jest": "^29.5.11",
|
|
29
30
|
"@types/lodash": "^4.14.171",
|
|
30
31
|
"@types/node": "^16.4.5",
|
|
@@ -32,7 +33,6 @@
|
|
|
32
33
|
"@types/react-dom": "^17.0.9",
|
|
33
34
|
"@typescript-eslint/eslint-plugin": "^5.29.0",
|
|
34
35
|
"@typescript-eslint/parser": "^5.0.0",
|
|
35
|
-
"babel-jest": "^29.7.0",
|
|
36
36
|
"babel-loader": "^8.3.0",
|
|
37
37
|
"eslint": "^8.18.0",
|
|
38
38
|
"eslint-config-airbnb-typescript": "^17.0.0",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"@mui/styles": "^5.14.11",
|
|
61
61
|
"@mui/x-date-pickers": "^6.16.2",
|
|
62
62
|
"date-fns": "^2.29.3",
|
|
63
|
-
"intl-tel-input": "
|
|
63
|
+
"intl-tel-input": "^17.0.16",
|
|
64
64
|
"lodash": "^4.17.21",
|
|
65
65
|
"react": "^17.0.2",
|
|
66
66
|
"react-dom": "^17.0.2"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
18
|
-
/* eslint-disable @typescript-eslint/no-unsafe-return */
|
|
19
|
-
/* eslint-disable @typescript-eslint/no-unsafe-call */
|
|
20
|
-
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
21
|
-
/* eslint-disable @typescript-eslint/no-unsafe-assignment */
|
|
22
|
-
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
23
|
-
var react_1 = require("@testing-library/react");
|
|
24
|
-
var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
|
|
25
|
-
var PhoneNumberTextField_1 = __importDefault(require("../PhoneNumberTextField"));
|
|
26
|
-
// Mock the main package
|
|
27
|
-
jest.mock('intl-tel-input', function () {
|
|
28
|
-
var instances = new Set();
|
|
29
|
-
var mockIti = {
|
|
30
|
-
getNumber: jest.fn(function () { return '+1234567890'; }),
|
|
31
|
-
getNumberType: jest.fn(function () { return 1; }),
|
|
32
|
-
getSelectedCountryData: jest.fn(function () { return ({
|
|
33
|
-
name: 'United States',
|
|
34
|
-
iso2: 'us',
|
|
35
|
-
dialCode: '1',
|
|
36
|
-
}); }),
|
|
37
|
-
isValidNumber: jest.fn(function () { return true; }),
|
|
38
|
-
setCountry: jest.fn(),
|
|
39
|
-
setNumber: jest.fn(),
|
|
40
|
-
destroy: jest.fn(function () {
|
|
41
|
-
instances.delete(this);
|
|
42
|
-
}),
|
|
43
|
-
};
|
|
44
|
-
// This is the constructor function that gets called with 'new'
|
|
45
|
-
var constructor = jest.fn(function (input, options) {
|
|
46
|
-
var _a;
|
|
47
|
-
// Create the flag container structure
|
|
48
|
-
var container = document.createElement('div');
|
|
49
|
-
container.className = 'iti iti--container';
|
|
50
|
-
var flagContainer = document.createElement('div');
|
|
51
|
-
flagContainer.className = 'iti__flag-container';
|
|
52
|
-
var selectedFlag = document.createElement('div');
|
|
53
|
-
// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
|
|
54
|
-
selectedFlag.className = "iti__selected-flag iti__".concat(options.initialCountry);
|
|
55
|
-
selectedFlag.setAttribute('role', 'button');
|
|
56
|
-
selectedFlag.setAttribute('aria-label', 'Select country');
|
|
57
|
-
var flag = document.createElement('div');
|
|
58
|
-
// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
|
|
59
|
-
flag.className = "iti__flag iti__".concat(options.initialCountry);
|
|
60
|
-
selectedFlag.appendChild(flag);
|
|
61
|
-
flagContainer.appendChild(selectedFlag);
|
|
62
|
-
container.appendChild(flagContainer);
|
|
63
|
-
// Insert the container before the input
|
|
64
|
-
(_a = input.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(container, input);
|
|
65
|
-
// Format the input value whenever it changes
|
|
66
|
-
var originalAddEventListener = input.addEventListener.bind(input);
|
|
67
|
-
input.addEventListener = jest.fn(function (event, handler) {
|
|
68
|
-
if (event === 'input' || event === 'change') {
|
|
69
|
-
var originalHandler_1 = handler;
|
|
70
|
-
handler = function (e) {
|
|
71
|
-
var target = e.target;
|
|
72
|
-
var value = target.value;
|
|
73
|
-
if (value.length === 10) {
|
|
74
|
-
target.value = "(".concat(value.slice(0, 3), ") ").concat(value.slice(3, 6), "-").concat(value.slice(6));
|
|
75
|
-
}
|
|
76
|
-
originalHandler_1(e);
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
return originalAddEventListener(event, handler);
|
|
80
|
-
});
|
|
81
|
-
// Add click handler to flag
|
|
82
|
-
selectedFlag.addEventListener('click', function () {
|
|
83
|
-
// Simulate country change
|
|
84
|
-
mockIti.getSelectedCountryData.mockReturnValue({
|
|
85
|
-
name: 'United Kingdom',
|
|
86
|
-
iso2: 'gb',
|
|
87
|
-
dialCode: '44',
|
|
88
|
-
});
|
|
89
|
-
var countryChangeEvent = new Event('countrychange');
|
|
90
|
-
input.dispatchEvent(countryChangeEvent);
|
|
91
|
-
});
|
|
92
|
-
// Create a new instance with its own container reference
|
|
93
|
-
var instance = __assign(__assign({}, mockIti), { container: container, destroy: function () {
|
|
94
|
-
container.remove();
|
|
95
|
-
input.removeEventListener = originalAddEventListener;
|
|
96
|
-
instances.delete(this);
|
|
97
|
-
} });
|
|
98
|
-
instances.add(instance);
|
|
99
|
-
return instance;
|
|
100
|
-
});
|
|
101
|
-
return constructor;
|
|
102
|
-
});
|
|
103
|
-
// Mock utils
|
|
104
|
-
jest.mock('intl-tel-input/build/js/utils', function () { return ({
|
|
105
|
-
__esModule: true,
|
|
106
|
-
default: {
|
|
107
|
-
formatNumber: function (number) {
|
|
108
|
-
if (number.length === 10) {
|
|
109
|
-
return "(".concat(number.slice(0, 3), ") ").concat(number.slice(3, 6), "-").concat(number.slice(6));
|
|
110
|
-
}
|
|
111
|
-
return number;
|
|
112
|
-
},
|
|
113
|
-
numberType: {
|
|
114
|
-
FIXED_LINE: 0,
|
|
115
|
-
MOBILE: 1,
|
|
116
|
-
FIXED_LINE_OR_MOBILE: 2,
|
|
117
|
-
TOLL_FREE: 3,
|
|
118
|
-
PREMIUM_RATE: 4,
|
|
119
|
-
SHARED_COST: 5,
|
|
120
|
-
VOIP: 6,
|
|
121
|
-
PERSONAL_NUMBER: 7,
|
|
122
|
-
PAGER: 8,
|
|
123
|
-
UAN: 9,
|
|
124
|
-
VOICEMAIL: 10,
|
|
125
|
-
UNKNOWN: -1,
|
|
126
|
-
},
|
|
127
|
-
getNumberType: function () { return 1; },
|
|
128
|
-
isValidNumber: function () { return true; },
|
|
129
|
-
getValidationError: function () { return null; },
|
|
130
|
-
getExampleNumber: function () { return '123 1233 1234'; },
|
|
131
|
-
},
|
|
132
|
-
}); });
|
|
133
|
-
describe('PhoneNumberTextField', function () {
|
|
134
|
-
var mockOnCountryChange = jest.fn();
|
|
135
|
-
var mockGetNumber = jest.fn(function () { return '+1234567890'; });
|
|
136
|
-
var mockIsValidNumber = jest.fn(function () { return true; });
|
|
137
|
-
beforeEach(function () {
|
|
138
|
-
mockOnCountryChange.mockClear();
|
|
139
|
-
mockGetNumber.mockClear();
|
|
140
|
-
mockIsValidNumber.mockClear();
|
|
141
|
-
jest.clearAllMocks();
|
|
142
|
-
});
|
|
143
|
-
afterEach(function () {
|
|
144
|
-
jest.resetAllMocks();
|
|
145
|
-
});
|
|
146
|
-
it('should display PhoneNumberTextField Component', function () {
|
|
147
|
-
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByText;
|
|
148
|
-
expect(getByText('Question')).toBeTruthy();
|
|
149
|
-
});
|
|
150
|
-
it('should be able to input values', function () {
|
|
151
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByRole;
|
|
152
|
-
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
153
|
-
expect(getByRole('textbox')).toHaveValue('90210');
|
|
154
|
-
});
|
|
155
|
-
it('should have an input type of tel by default', function () {
|
|
156
|
-
var _a;
|
|
157
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
158
|
-
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
159
|
-
});
|
|
160
|
-
it('should pass text input type through', function () {
|
|
161
|
-
var _a;
|
|
162
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
163
|
-
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
164
|
-
});
|
|
165
|
-
it('should display validity icon on error', function () {
|
|
166
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByTestId;
|
|
167
|
-
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
168
|
-
});
|
|
169
|
-
it('should display validity icon on validation success', function () {
|
|
170
|
-
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByTestId;
|
|
171
|
-
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
172
|
-
});
|
|
173
|
-
it('should display error icon on validation success and error message', function () {
|
|
174
|
-
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
175
|
-
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
176
|
-
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
177
|
-
});
|
|
178
|
-
it('should call onChange with the input value', function () {
|
|
179
|
-
var mockOnChange = jest.fn();
|
|
180
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", onChange: mockOnChange, experimentName: "default" })).getByRole;
|
|
181
|
-
// Update the mock implementation to capture the formatted value
|
|
182
|
-
var input = getByRole('textbox');
|
|
183
|
-
react_1.fireEvent.change(input, { target: { value: '1234567890' } });
|
|
184
|
-
// The mock intl-tel-input will format the number, so we should expect the formatted value
|
|
185
|
-
expect(mockOnChange).toHaveBeenCalledWith({
|
|
186
|
-
id: 'phone-input',
|
|
187
|
-
value: '1234567890',
|
|
188
|
-
});
|
|
189
|
-
});
|
|
190
|
-
it('should call onCountryChange when country is changed', function () {
|
|
191
|
-
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).container;
|
|
192
|
-
// Find and click the country selector
|
|
193
|
-
var countrySelector = container.querySelector('.iti__selected-flag');
|
|
194
|
-
if (countrySelector) {
|
|
195
|
-
react_1.fireEvent.click(countrySelector);
|
|
196
|
-
expect(mockOnCountryChange).toHaveBeenCalledWith({
|
|
197
|
-
id: 'phone-input',
|
|
198
|
-
value: 'gb',
|
|
199
|
-
});
|
|
200
|
-
}
|
|
201
|
-
});
|
|
202
|
-
it('should handle invalid phone numbers', function () {
|
|
203
|
-
var _a;
|
|
204
|
-
// Mock isValidNumber to return false for this test
|
|
205
|
-
var originalIsValidNumber = (_a = jest.requireMock('intl-tel-input').mock.instances[0]) === null || _a === void 0 ? void 0 : _a.isValidNumber;
|
|
206
|
-
if (originalIsValidNumber) {
|
|
207
|
-
originalIsValidNumber.mockImplementationOnce(function () { return false; });
|
|
208
|
-
}
|
|
209
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", experimentName: "default" })).getByRole;
|
|
210
|
-
var input = getByRole('textbox');
|
|
211
|
-
react_1.fireEvent.change(input, { target: { value: 'invalid' } });
|
|
212
|
-
expect(input).toHaveValue('invalid');
|
|
213
|
-
});
|
|
214
|
-
});
|
|
215
|
-
//# sourceMappingURL=PhoneNumberTextField.test.js.map
|
package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../../src/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|