@mvf/external-components 1.16.0 → 1.17.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/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/CheckBoxQuestionSection/CheckBoxQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/IconTileRadioButtonQuestionSection/IconTileRadioButtonQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.js +2 -2
- package/Applications/Chameleon/RadioQuestionSection/RadioQuestionSectionStory.js.map +1 -1
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js +6 -8
- package/Applications/Chameleon/ThankYouSection/ThankYouSectionStory.js.map +1 -1
- package/Assets/BrandLogos/ExpertMarketLogo.js +57 -7
- package/Assets/BrandLogos/ExpertMarketLogo.js.map +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +4 -0
- package/Assets/BrandLogos/GoWizardLogo.js +58 -0
- package/Assets/BrandLogos/GoWizardLogo.js.map +1 -0
- package/Assets/BrandLogos/HearClearLogo.d.ts +4 -0
- package/Assets/BrandLogos/HearClearLogo.js +76 -0
- package/Assets/BrandLogos/HearClearLogo.js.map +1 -0
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +4 -0
- package/Assets/BrandLogos/LasikEyesLogo.js +533 -0
- package/Assets/BrandLogos/LasikEyesLogo.js.map +1 -0
- package/Assets/BrandLogos/StartupsLogo.js +5 -4
- package/Assets/BrandLogos/StartupsLogo.js.map +1 -1
- package/Assets/BrandLogos/TechcoLogo.js +15 -10
- package/Assets/BrandLogos/TechcoLogo.js.map +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +4 -0
- package/Assets/BrandLogos/TheEcoExpertsLogo.js +76 -0
- package/Assets/BrandLogos/TheEcoExpertsLogo.js.map +1 -0
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +4 -0
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js +142 -0
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.js.map +1 -0
- package/Assets/BrandLogos/brandLogos.d.ts +5 -1
- package/Assets/BrandLogos/brandLogos.js +10 -2
- package/Assets/BrandLogos/brandLogos.js.map +1 -1
- package/Components/Atoms/Button/ButtonStory.js +5 -1
- package/Components/Atoms/Button/ButtonStory.js.map +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.js +5 -1
- package/Components/Atoms/CardButton/CardButtonStory.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js +5 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.js.map +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js +5 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.js.map +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js +5 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.js.map +1 -1
- package/Components/Atoms/IconButton/IconButton.js +5 -1
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.js +5 -1
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/Link/LinkStory.js +5 -1
- package/Components/Atoms/Link/LinkStory.js.map +1 -1
- package/Components/Atoms/Modal/ModalStory.js +5 -1
- package/Components/Atoms/Modal/ModalStory.js.map +1 -1
- package/Components/Atoms/Slide/SlideStory.js +5 -1
- package/Components/Atoms/Slide/SlideStory.js.map +1 -1
- package/Components/Atoms/Text/Text.js +1 -1
- package/Components/Atoms/Text/Text.js.map +1 -1
- package/Components/Atoms/Text/TextStory.js +5 -1
- package/Components/Atoms/Text/TextStory.js.map +1 -1
- package/Components/Atoms/Text/makeTextStyles.js +22 -0
- package/Components/Atoms/Text/makeTextStyles.js.map +1 -1
- package/Components/Atoms/TextField/TextField.js +1 -1
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.js +5 -1
- package/Components/Atoms/TextField/TextFieldStory.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +5 -1
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +5 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js +5 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +5 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js +5 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js +5 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.test.js.map +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js +5 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js +6 -2
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +5 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js.map +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js +5 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.js.map +1 -1
- package/Components/Molecules/NavBar/NavBar.js +5 -1
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Components/Molecules/NavBar/NavBarStory.js +5 -1
- package/Components/Molecules/NavBar/NavBarStory.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts +22 -0
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.js +3 -0
- package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +6 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +110 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js +44 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js +54 -0
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/defaultProps.d.ts +12 -0
- package/Components/Molecules/PhoneNumberTextField/defaultProps.js +21 -0
- package/Components/Molecules/PhoneNumberTextField/defaultProps.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/icons.d.ts +5 -0
- package/Components/Molecules/PhoneNumberTextField/icons.js +13 -0
- package/Components/Molecules/PhoneNumberTextField/icons.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/index.d.ts +1 -0
- package/Components/Molecules/PhoneNumberTextField/index.js +9 -0
- package/Components/Molecules/PhoneNumberTextField/index.js.map +1 -0
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.d.ts +6 -0
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js +86 -0
- package/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.js.map +1 -0
- package/Components/Molecules/RadioButton/RadioButton.js +6 -2
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js +5 -1
- package/Components/Molecules/RadioButton/RadioButton.test.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollArea.js +5 -1
- package/Components/Molecules/ScrollArea/ScrollArea.js.map +1 -1
- package/Components/Molecules/ScrollArea/ScrollAreaStory.js +7 -3
- package/Components/Molecules/ScrollArea/ScrollAreaStory.js.map +1 -1
- package/Components/Molecules/ThankYouBanner/useThankYouBannerClasses.js +2 -2
- package/Components/Molecules/index.d.ts +1 -0
- package/Components/Molecules/index.js +3 -1
- package/Components/Molecules/index.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js +1 -1
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayout.test.js +7 -3
- package/Components/Organisms/ListLayout/ListLayout.test.js.map +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.js +7 -3
- package/Components/Organisms/ListLayout/ListLayoutStory.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js +5 -1
- package/Components/Organisms/RadioGroup/RadioGroup.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +5 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js.map +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.js +7 -3
- package/Components/Organisms/RadioGroup/RadioGroupStory.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js +1 -1
- package/Components/Organisms/TileLayout/TileLayout.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js +5 -1
- package/Components/Organisms/TileLayout/TileLayout.test.js.map +1 -1
- package/Components/Organisms/TileLayout/TileLayoutStory.js +7 -3
- package/Components/Organisms/TileLayout/TileLayoutStory.js.map +1 -1
- package/Components/index.d.ts +1 -1
- package/Components/index.js +2 -1
- package/Components/index.js.map +1 -1
- package/Helpers/React/withTheme.js +5 -1
- package/Helpers/React/withTheme.js.map +1 -1
- package/Themes/themeCreator.js +2 -2
- package/Themes/themeCreator.js.map +1 -1
- package/package.json +4 -1
- package/Assets/BrandLogos/MovehubLogo.d.ts +0 -4
- package/Assets/BrandLogos/MovehubLogo.js +0 -37
- package/Assets/BrandLogos/MovehubLogo.js.map +0 -1
|
@@ -0,0 +1,110 @@
|
|
|
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 __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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
+
};
|
|
50
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
+
var react_1 = __importStar(require("react"));
|
|
52
|
+
var core_1 = require("@material-ui/core");
|
|
53
|
+
var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
|
|
54
|
+
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
55
|
+
var icons_1 = __importDefault(require("./icons"));
|
|
56
|
+
var usePhoneNumberTextFieldStyles_1 = __importDefault(require("./usePhoneNumberTextFieldStyles"));
|
|
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, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "InputProps"]);
|
|
59
|
+
var isValid = errorMessage !== undefined ? false : isAnswered;
|
|
60
|
+
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
61
|
+
var _c = react_1.default.useState(), setCountryCode = _c[1];
|
|
62
|
+
var classes = (0, usePhoneNumberTextFieldStyles_1.default)({
|
|
63
|
+
isError: !!errorMessage,
|
|
64
|
+
isValid: isValid,
|
|
65
|
+
});
|
|
66
|
+
var inputPropClasses = __assign({ classes: {
|
|
67
|
+
focused: classes.focused,
|
|
68
|
+
}, className: classes.muiInput, disableUnderline: true }, InputProps);
|
|
69
|
+
if (isValid || errorMessage) {
|
|
70
|
+
var validationIconType = isValid ? 'valid' : 'invalid';
|
|
71
|
+
var ValidationComponent = icons_1.default[validationIconType];
|
|
72
|
+
inputPropClasses = __assign({ endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "end", "data-testid": "endAdornment-".concat(validationIconType) },
|
|
73
|
+
react_1.default.createElement(ValidationComponent, null))) }, inputPropClasses);
|
|
74
|
+
}
|
|
75
|
+
var getInput = function () {
|
|
76
|
+
return document.querySelector("#".concat(id));
|
|
77
|
+
};
|
|
78
|
+
var saveCountryInState = function () {
|
|
79
|
+
var input = getInput();
|
|
80
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
81
|
+
var iti = window.intlTelInputGlobals.getInstance(input);
|
|
82
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access
|
|
83
|
+
var iso2 = iti.getSelectedCountryData().iso2;
|
|
84
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
85
|
+
// @ts-ignore
|
|
86
|
+
setCountryCode(iso2);
|
|
87
|
+
};
|
|
88
|
+
var handleChange = function (e) {
|
|
89
|
+
var newValue = e.target.value;
|
|
90
|
+
onChange({ id: id, value: newValue });
|
|
91
|
+
setCurrentValue(newValue);
|
|
92
|
+
saveCountryInState();
|
|
93
|
+
};
|
|
94
|
+
(0, react_1.useEffect)(function () {
|
|
95
|
+
var input = getInput();
|
|
96
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
97
|
+
(0, intl_tel_input_1.default)(input, {
|
|
98
|
+
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.min.js',
|
|
99
|
+
});
|
|
100
|
+
input.addEventListener('countrychange', function (e) {
|
|
101
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
102
|
+
// @ts-ignore
|
|
103
|
+
handleChange(e);
|
|
104
|
+
});
|
|
105
|
+
}, []);
|
|
106
|
+
return (react_1.default.createElement(core_1.TextField, __assign({ className: classes.textField, error: errorMessage !== undefined, fullWidth: true, helperText: errorMessage, id: id, InputLabelProps: { className: classes.label }, InputProps: inputPropClasses, onChange: handleChange, value: currentValue, variant: "filled" }, props)));
|
|
107
|
+
};
|
|
108
|
+
PhoneNumberTextField.defaultProps = defaultProps_1.default;
|
|
109
|
+
exports.default = PhoneNumberTextField;
|
|
110
|
+
//# sourceMappingURL=PhoneNumberTextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var react_1 = __importDefault(require("react"));
|
|
7
|
+
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
8
|
+
var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
9
|
+
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
10
|
+
describe('PhoneNumberTextField', function () {
|
|
11
|
+
it('should display PhoneNumberTextField Component', function () {
|
|
12
|
+
var getByText = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input" })).getByText;
|
|
13
|
+
expect(getByText('Question')).toBeTruthy();
|
|
14
|
+
});
|
|
15
|
+
it('should be able to input values', function () {
|
|
16
|
+
var getByRole = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input" })).getByRole;
|
|
17
|
+
user_event_1.default.type(getByRole('textbox'), '90210');
|
|
18
|
+
expect(getByRole('textbox')).toHaveValue('90210');
|
|
19
|
+
});
|
|
20
|
+
it('should have an input type of tel by default', function () {
|
|
21
|
+
var _a;
|
|
22
|
+
var container = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input" })).container;
|
|
23
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
|
|
24
|
+
});
|
|
25
|
+
it('should pass text input type through', function () {
|
|
26
|
+
var _a;
|
|
27
|
+
var container = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text" })).container;
|
|
28
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
29
|
+
});
|
|
30
|
+
it('should display validity icon on error', function () {
|
|
31
|
+
var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message" })).getByTestId;
|
|
32
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
33
|
+
});
|
|
34
|
+
it('should display validity icon on validation success', function () {
|
|
35
|
+
var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true })).getByTestId;
|
|
36
|
+
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
|
37
|
+
});
|
|
38
|
+
it('should display error icon on validation success and error message', function () {
|
|
39
|
+
var _a = (0, withTheme_1.default)(react_1.default.createElement(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
|
40
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
41
|
+
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=PhoneNumberTextField.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhoneNumberTextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import 'intl-tel-input/build/css/intlTelInput.css';
|
|
3
|
+
declare type StoryType = React.FunctionComponent<{
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
errorMessage: string;
|
|
6
|
+
isAnswered: boolean;
|
|
7
|
+
label: string;
|
|
8
|
+
placeholder: string;
|
|
9
|
+
type: 'tel' | 'text';
|
|
10
|
+
}>;
|
|
11
|
+
declare const PhoneNumberTextFieldStory: StoryType;
|
|
12
|
+
export default PhoneNumberTextFieldStory;
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
var React = __importStar(require("react"));
|
|
30
|
+
var addon_actions_1 = require("@storybook/addon-actions");
|
|
31
|
+
var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
|
|
32
|
+
require("intl-tel-input/build/css/intlTelInput.css");
|
|
33
|
+
var getInput = function (id) {
|
|
34
|
+
return document.querySelector("#".concat(id));
|
|
35
|
+
};
|
|
36
|
+
var getCountryCode = function (id) {
|
|
37
|
+
var input = getInput(id);
|
|
38
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
39
|
+
var iti = window.intlTelInputGlobals.getInstance(input);
|
|
40
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
41
|
+
var iso2 = iti.getSelectedCountryData().iso2;
|
|
42
|
+
return iso2;
|
|
43
|
+
};
|
|
44
|
+
var handleChange = function (_a) {
|
|
45
|
+
var id = _a.id, value = _a.value;
|
|
46
|
+
(0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
|
|
47
|
+
};
|
|
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;
|
|
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 })));
|
|
52
|
+
};
|
|
53
|
+
exports.default = PhoneNumberTextFieldStory;
|
|
54
|
+
//# sourceMappingURL=PhoneNumberTextFieldStory.js.map
|
|
@@ -0,0 +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;AAYnD,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,EAO7C;QANC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,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,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var defaultProps = {
|
|
4
|
+
disabled: false,
|
|
5
|
+
isAnswered: false,
|
|
6
|
+
onChange: function () {
|
|
7
|
+
// action
|
|
8
|
+
},
|
|
9
|
+
onClick: function () {
|
|
10
|
+
// action
|
|
11
|
+
},
|
|
12
|
+
onBlur: function () {
|
|
13
|
+
// action
|
|
14
|
+
},
|
|
15
|
+
label: '',
|
|
16
|
+
type: 'tel',
|
|
17
|
+
value: '',
|
|
18
|
+
InputProps: undefined,
|
|
19
|
+
};
|
|
20
|
+
exports.default = defaultProps;
|
|
21
|
+
//# sourceMappingURL=defaultProps.js.map
|
|
@@ -0,0 +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,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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const icons: {
|
|
2
|
+
invalid: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
3
|
+
valid: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
4
|
+
};
|
|
5
|
+
export default icons;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var CheckOutlined_1 = __importDefault(require("@material-ui/icons/CheckOutlined"));
|
|
7
|
+
var CloseOutlined_1 = __importDefault(require("@material-ui/icons/CloseOutlined"));
|
|
8
|
+
var icons = {
|
|
9
|
+
invalid: CloseOutlined_1.default,
|
|
10
|
+
valid: CheckOutlined_1.default,
|
|
11
|
+
};
|
|
12
|
+
exports.default = icons;
|
|
13
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/icons.ts"],"names":[],"mappings":";;;;;AAAA,mFAAiE;AACjE,mFAAiE;AAEjE,IAAM,KAAK,GAAG;IACZ,OAAO,EAAE,uBAAiB;IAC1B,KAAK,EAAE,uBAAiB;CACzB,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './PhoneNumberTextField';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var PhoneNumberTextField_1 = require("./PhoneNumberTextField");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(PhoneNumberTextField_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/index.ts"],"names":[],"mappings":";;;;;;AAAA,+DAAiD;AAAxC,gIAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
interface IPhoneNumberTextFieldStyleProps {
|
|
2
|
+
isError: boolean;
|
|
3
|
+
isValid: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const usePhoneNumberTextFieldStyles: (props: IPhoneNumberTextFieldStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
6
|
+
export default usePhoneNumberTextFieldStyles;
|
|
@@ -0,0 +1,86 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var styles_1 = require("@material-ui/styles");
|
|
15
|
+
var usePhoneNumberTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
|
+
return (0, styles_1.createStyles)({
|
|
17
|
+
textField: function () { return ({
|
|
18
|
+
'& .MuiFilledInput-root': {
|
|
19
|
+
backgroundColor: theme.mvf.palette.background.light,
|
|
20
|
+
overflow: 'visible',
|
|
21
|
+
},
|
|
22
|
+
'& .iti': {
|
|
23
|
+
width: '100%',
|
|
24
|
+
},
|
|
25
|
+
}); },
|
|
26
|
+
focused: function (_a) {
|
|
27
|
+
var isError = _a.isError;
|
|
28
|
+
return ({
|
|
29
|
+
'&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main, '& .MuiSvgIcon-root': {
|
|
30
|
+
color: theme.mvf.palette.primary.main,
|
|
31
|
+
} }, (isError && {
|
|
32
|
+
boxShadow: theme.mvf.boxShadow.error,
|
|
33
|
+
borderColor: theme.mvf.palette.error,
|
|
34
|
+
'& .MuiSvgIcon-root': {
|
|
35
|
+
color: theme.mvf.palette.error,
|
|
36
|
+
},
|
|
37
|
+
})),
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
label: function (_a) {
|
|
41
|
+
var isValid = _a.isValid;
|
|
42
|
+
return (__assign({ left: 40, color: theme.mvf.palette.text.grey, '&$focused': {
|
|
43
|
+
color: theme.mvf.palette.primary.main,
|
|
44
|
+
} }, (isValid && {
|
|
45
|
+
color: theme.mvf.palette.primary.main,
|
|
46
|
+
})));
|
|
47
|
+
},
|
|
48
|
+
muiInput: function (_a) {
|
|
49
|
+
var isError = _a.isError, isValid = _a.isValid;
|
|
50
|
+
return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
|
|
51
|
+
boxShadow: theme.mvf.boxShadow.primary,
|
|
52
|
+
borderColor: theme.mvf.palette.primary.main,
|
|
53
|
+
}, '& .MuiSvgIcon-root': {
|
|
54
|
+
color: theme.mvf.palette.text.grey,
|
|
55
|
+
}, '&.Mui-disabled': {
|
|
56
|
+
boxShadow: 'none',
|
|
57
|
+
borderColor: theme.mvf.palette.disabled,
|
|
58
|
+
'&:hover': {
|
|
59
|
+
boxShadow: 'none',
|
|
60
|
+
borderColor: theme.mvf.palette.disabled,
|
|
61
|
+
},
|
|
62
|
+
'& .MuiSvgIcon-root': {
|
|
63
|
+
color: theme.mvf.palette.disabled,
|
|
64
|
+
},
|
|
65
|
+
} }, (isError && {
|
|
66
|
+
boxShadow: theme.mvf.boxShadow.error,
|
|
67
|
+
borderColor: theme.mvf.palette.error,
|
|
68
|
+
'&:hover': {
|
|
69
|
+
boxShadow: theme.mvf.boxShadow.error,
|
|
70
|
+
borderColor: theme.mvf.palette.error,
|
|
71
|
+
},
|
|
72
|
+
'& .MuiSvgIcon-root': {
|
|
73
|
+
color: theme.mvf.palette.error,
|
|
74
|
+
},
|
|
75
|
+
})), (isValid && {
|
|
76
|
+
boxShadow: theme.mvf.boxShadow.primary,
|
|
77
|
+
borderColor: theme.mvf.palette.primary.main,
|
|
78
|
+
'& .MuiSvgIcon-root': {
|
|
79
|
+
color: theme.mvf.palette.primary.main,
|
|
80
|
+
},
|
|
81
|
+
})));
|
|
82
|
+
},
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
exports.default = usePhoneNumberTextFieldStyles;
|
|
86
|
+
//# sourceMappingURL=usePhoneNumberTextFieldStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePhoneNumberTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/usePhoneNumberTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,6BAA6B,GAAG,IAAA,mBAAU,EAG9C,UAAC,KAAK;IACN,OAAA,IAAA,qBAAY,EAAC;QACX,SAAS,EAAE,cAAM,OAAA,CAAC;YAChB,wBAAwB,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;gBACnD,QAAQ,EAAE,SAAS;aACpB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,MAAM;aACd;SACF,CAAC,EARe,CAQf;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;AAhFF,CAgFE,CACH,CAAC;AAEF,kBAAe,6BAA6B,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -47,7 +51,7 @@ var RadioButton = function (_a) {
|
|
|
47
51
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.grid, justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
48
52
|
react_1.default.createElement(core_1.Grid, { container: true, alignItems: "center", className: classes.innerGrid },
|
|
49
53
|
react_1.default.createElement(core_1.Grid, { item: true },
|
|
50
|
-
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-"
|
|
54
|
+
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-".concat(id) })),
|
|
51
55
|
react_1.default.createElement(core_1.Grid, { item: true, className: classes.textGrid }, isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
52
56
|
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onBlur: onBlur, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined }))) : (react_1.default.createElement(core_1.Typography, { className: classes.text }, text))))))));
|
|
53
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0CAI2B;AAC3B,gEAA0C;AAE1C,kFAA4D;AAC5D,iFAA2D;AAC3D,8EAAwD;AACxD,mGAA6E;AAO7E,IAAM,WAAW,GAAoB,UAAC,EAQrC;QAPC,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA;IAET,IAAA,KAAsC,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EAAjE,UAAU,gBAAA,EAAE,mBAAmB,yBAAkC,CAAC;IAC1E,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAChE,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,+BAAqB,GAAE,CAAC;IAExC,IAAM,WAAW,GAAG;QAClB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,CAAC,CAAC;QAChB,mBAAmB,CAAC,EAAE,CAAC,CAAC;QACxB,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,WAAM;QACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,uBAAuB;YAEnC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;gBAEb,8BAAC,WAAM,IAAC,SAAS,QAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,SAAS;oBAChE,8BAAC,WAAM,IAAC,IAAI;wBACV,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,iBAAU,EAAE,CAAE,GAC3B,CACK;oBACT,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;wBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAa,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,IAAI,CAAiB,CAC/D,CACM,CACF,CACF,CACE,CACN,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioButton.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/RadioButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAmD;AACnD,6EAA2D;AAE3D,gFAA0D;AAI1D,IAAM,UAAU,GAAmB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAC5C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IAC/C,IAAA,KAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAC5D,IAAM,OAAO,GAAG,IAAA,8BAAoB,EAAC,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;IAEzD,IAAM,qBAAqB,GAAG;QAC5B,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACjC,OAAO,CAAC,OAAO;YACb,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,OAAO,CAAC,SAAS,KAAK,CAAC,IAAI,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;IAC7E,CAAC,CAAC;IAEF,IAAM,2BAA2B,GAAG;QAClC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,2BAA2B,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL;QACE,uCACE,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,2BAA2B,iBACzB,WAAW,IAEtB,QAAQ,CACL;QACN,uCAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB;YACtC,uCAAK,SAAS,EAAE,OAAO,CAAC,eAAe;gBACrC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ;oBAEnB,8DAA4B;;oBAAC,8BAAC,oBAAc,OAAG,CACxC,CACL,CACF,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -27,7 +31,7 @@ var core_1 = require("@material-ui/core");
|
|
|
27
31
|
var ScrollArea_1 = __importDefault(require("./ScrollArea"));
|
|
28
32
|
var ScrollAreaStory = function (_a) {
|
|
29
33
|
var parentHeight = _a.parentHeight, childHeight = _a.childHeight;
|
|
30
|
-
return (React.createElement("div", { style: { height: parentHeight
|
|
34
|
+
return (React.createElement("div", { style: { height: "".concat(parentHeight, "px") } },
|
|
31
35
|
React.createElement(core_1.Grid, { container: true, direction: "column", style: {
|
|
32
36
|
width: '400px',
|
|
33
37
|
height: "100%",
|
|
@@ -35,7 +39,7 @@ var ScrollAreaStory = function (_a) {
|
|
|
35
39
|
React.createElement(ScrollArea_1.default, null,
|
|
36
40
|
React.createElement("div", { style: {
|
|
37
41
|
width: '100%',
|
|
38
|
-
height: childHeight
|
|
42
|
+
height: "".concat(childHeight, "px"),
|
|
39
43
|
backgroundColor: 'lightblue',
|
|
40
44
|
} })))));
|
|
41
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollAreaStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/ScrollAreaStory.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollAreaStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/ScrollArea/ScrollAreaStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAmD;AACnD,4DAAsC;AAOtC,IAAM,eAAe,GAAmB,UAAC,EAA6B;QAA3B,YAAY,kBAAA,EAAE,WAAW,iBAAA;IAAO,OAAA,CACzE,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,UAAG,YAAY,OAAI,EAAE;QACzC,oBAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,MAAM;aACf;YAED,oBAAC,oBAAU;gBACT,6BACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,UAAG,WAAW,OAAI;wBAC1B,eAAe,EAAE,WAAW;qBAC7B,GACD,CACS,CACN,CACL,CACP;AArB0E,CAqB1E,CAAC;AAEF,kBAAe,eAAe,CAAC"}
|
|
@@ -4,13 +4,13 @@ var styles_1 = require("@material-ui/styles");
|
|
|
4
4
|
var useThankYouBannerClasses = (0, styles_1.makeStyles)(function (theme) {
|
|
5
5
|
return (0, styles_1.createStyles)({
|
|
6
6
|
brandLogo: {
|
|
7
|
-
height: '
|
|
7
|
+
height: '50px',
|
|
8
8
|
marginBottom: theme.mvf.spacing.small,
|
|
9
9
|
marginTop: theme.mvf.spacing.small,
|
|
10
10
|
},
|
|
11
11
|
checkIcon: {
|
|
12
12
|
color: theme.mvf.palette.primary.main,
|
|
13
|
-
fontSize: '
|
|
13
|
+
fontSize: '40px',
|
|
14
14
|
},
|
|
15
15
|
thankYouBanner: {
|
|
16
16
|
backgroundColor: theme.mvf.palette.background.dark,
|
|
@@ -6,3 +6,4 @@ export { default as NavBar } from './NavBar';
|
|
|
6
6
|
export { default as RadioButton } from './RadioButton';
|
|
7
7
|
export { default as ScrollArea } from './ScrollArea';
|
|
8
8
|
export { default as ThankYouBanner } from './ThankYouBanner';
|
|
9
|
+
export { default as PhoneNumberTextField } from './PhoneNumberTextField';
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ThankYouBanner = exports.ScrollArea = exports.RadioButton = exports.NavBar = exports.IconTileRadioButton = exports.IconTileCheckBox = exports.DropDownSelect = exports.CheckBox = void 0;
|
|
6
|
+
exports.PhoneNumberTextField = exports.ThankYouBanner = exports.ScrollArea = exports.RadioButton = exports.NavBar = exports.IconTileRadioButton = exports.IconTileCheckBox = exports.DropDownSelect = exports.CheckBox = void 0;
|
|
7
7
|
var CheckBox_1 = require("./CheckBox");
|
|
8
8
|
Object.defineProperty(exports, "CheckBox", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
|
|
9
9
|
var DropDownSelect_1 = require("./DropDownSelect");
|
|
@@ -20,4 +20,6 @@ var ScrollArea_1 = require("./ScrollArea");
|
|
|
20
20
|
Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return __importDefault(ScrollArea_1).default; } });
|
|
21
21
|
var ThankYouBanner_1 = require("./ThankYouBanner");
|
|
22
22
|
Object.defineProperty(exports, "ThankYouBanner", { enumerable: true, get: function () { return __importDefault(ThankYouBanner_1).default; } });
|
|
23
|
+
var PhoneNumberTextField_1 = require("./PhoneNumberTextField");
|
|
24
|
+
Object.defineProperty(exports, "PhoneNumberTextField", { enumerable: true, get: function () { return __importDefault(PhoneNumberTextField_1).default; } });
|
|
23
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Molecules/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Molecules/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AACpC,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,+DAAyE;AAAhE,6IAAA,OAAO,OAAwB"}
|