@mvf/external-components 3.11.4 → 3.11.6-dev.2
Sign up to get free protection for your applications and to get access to all the features.
- package/Assets/BrandLogos/ExpertMarketLogo.d.ts +1 -1
- package/Assets/BrandLogos/ExpertReviewsLogo.d.ts +1 -1
- package/Assets/BrandLogos/GoWizardLogo.d.ts +1 -1
- package/Assets/BrandLogos/HearClearLogo.d.ts +1 -1
- package/Assets/BrandLogos/LasikEyesLogo.d.ts +1 -1
- package/Assets/BrandLogos/StartupsLogo.d.ts +1 -1
- package/Assets/BrandLogos/TechcoLogo.d.ts +1 -1
- package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts +1 -1
- package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts +1 -1
- package/Assets/BrandLogos/brandLogos.d.ts +1 -1
- package/Assets/CustomIcons/CheckboxIcon.d.ts +1 -1
- package/Assets/CustomIcons/RadioIcon.d.ts +1 -1
- package/Assets/svgs/svgs.d.ts +1 -1
- package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts +1 -1
- package/Components/Atoms/Button/Button.d.ts +1 -1
- package/Components/Atoms/Button/ButtonStory.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButton.d.ts +1 -1
- package/Components/Atoms/CardButton/CardButtonStory.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts +1 -1
- package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts +1 -1
- package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts +3 -3
- package/Components/Atoms/FormControl/FormControl.d.ts +1 -1
- package/Components/Atoms/FormControl/FormControlStory.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButton.d.ts +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -1
- package/Components/Atoms/InfoPanel/InfoPanel.d.ts +1 -1
- package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts +1 -1
- package/Components/Atoms/Input/Input.d.ts +1 -1
- package/Components/Atoms/Input/InputStory.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabel.d.ts +1 -1
- package/Components/Atoms/InputLabel/InputLabelStory.d.ts +1 -1
- package/Components/Atoms/InsetCheckbox/InsetCheckbox.d.ts +2 -2
- package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts +1 -1
- package/Components/Atoms/Link/Link.d.ts +1 -1
- package/Components/Atoms/Link/LinkStory.d.ts +1 -1
- package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/Components/Atoms/Modal/Modal.d.ts +1 -1
- package/Components/Atoms/Modal/ModalStory.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBar.d.ts +1 -1
- package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts +1 -1
- package/Components/Atoms/Text/Text.d.ts +1 -1
- package/Components/Atoms/Text/TextStory.d.ts +1 -1
- package/Components/Atoms/Text/makeTextStyling.js +11 -7
- package/Components/Atoms/Text/makeTextStyling.js.map +1 -1
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.d.ts +6 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.js +93 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.test.d.ts +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.test.js +90 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.test.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264Story.d.ts +18 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264Story.js +26 -0
- package/Components/ExperimentsFormatOne/InputGold1264/InputGold1264Story.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/index.d.ts +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/index.js +9 -0
- package/Components/ExperimentsFormatOne/InputGold1264/index.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputGold1264/makeInputGOLD1264Styles.d.ts +14 -0
- package/Components/ExperimentsFormatOne/InputGold1264/makeInputGOLD1264Styles.js +135 -0
- package/Components/ExperimentsFormatOne/InputGold1264/makeInputGOLD1264Styles.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.d.ts +6 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.js +39 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.test.d.ts +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.test.js +29 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.test.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264Story.d.ts +4 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264Story.js +23 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264Story.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/index.d.ts +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/index.js +9 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/index.js.map +1 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.d.ts +5 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.js +33 -0
- package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.js.map +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.d.ts +6 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.js +40 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.js.map +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.d.ts +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.js +63 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.js.map +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.d.ts +17 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.js +24 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.js.map +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.d.ts +1 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.js +9 -0
- package/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.d.ts +6 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.js +39 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.js +32 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.d.ts +7 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.js +26 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.js +9 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.d.ts +2 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js +38 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.d.ts +6 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.js +93 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.test.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.test.js +90 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.test.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/InputStory.d.ts +18 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/InputStory.js +26 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/InputStory.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/icons.d.ts +29 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/icons.js +43 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/icons.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/index.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/index.js +9 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/index.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/makeInputStyles.d.ts +14 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/makeInputStyles.js +135 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/makeInputStyles.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.d.ts +6 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.js +39 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.test.js +29 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabel.test.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabelStory.js +23 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/InputLabelStory.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/index.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/index.js +9 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/index.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.d.ts +6 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.js +40 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.test.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.test.js +63 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextField.test.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextFieldStory.d.ts +17 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextFieldStory.js +24 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/TextFieldStory.js.map +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/index.d.ts +1 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/index.js +9 -0
- package/Components/ExperimentsFormatTwo/GOLD-1264/Molecules/TextField/index.js.map +1 -0
- package/Components/Molecules/CheckBox/CheckBox.d.ts +1 -1
- package/Components/Molecules/CheckBox/CheckBox.test.js +1 -1
- package/Components/Molecules/CheckBox/CheckBoxStory.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePicker.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePickerStory.d.ts +1 -1
- package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts +1 -1
- package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts +1 -1
- package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js +1 -1
- package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBar.d.ts +1 -1
- package/Components/Molecules/NavBar/NavBarStory.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButton.d.ts +1 -1
- package/Components/Molecules/RadioButton/RadioButtonStory.d.ts +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainer.test.js +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerStory.d.ts +1 -1
- package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts +2 -2
- package/Components/Molecules/SupplierCard/SupplierCard.d.ts +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +1 -1
- package/Components/Molecules/TextField/TextField.d.ts +1 -1
- package/Components/Molecules/TextField/TextFieldStory.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts +1 -1
- package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayout.d.ts +1 -1
- package/Components/Organisms/ListLayout/ListLayoutStory.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroup.test.js +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupContext.d.ts +1 -1
- package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts +1 -1
- package/Components/Organisms/TileLayout/TileLayout.d.ts +1 -1
- package/Helpers/React/FunctionComponentWithDefaultProps.d.ts +1 -1
- package/Helpers/React/css.d.ts +1 -1
- package/Helpers/icons.d.ts +1 -1
- package/Helpers/useThrottle.d.ts +1 -1
- package/Themes/StoryThemeWrapper.d.ts +1 -1
- package/Themes/themes.d.ts +2 -2
- package/package.json +1 -1
@@ -0,0 +1,90 @@
|
|
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
|
+
/** @jsxImportSource @emotion/react */
|
19
|
+
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
20
|
+
var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
|
21
|
+
var InputGold1264_1 = __importDefault(require("./InputGold1264"));
|
22
|
+
var Themes_1 = require("../../../Themes");
|
23
|
+
var react_1 = require("@testing-library/react");
|
24
|
+
var styles_1 = require("@mui/material/styles");
|
25
|
+
var react_2 = require("@emotion/react");
|
26
|
+
describe('InputGold1264', function () {
|
27
|
+
it('should be able to input values', function () {
|
28
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "2" })).getByRole;
|
29
|
+
user_event_1.default.type(getByRole('textbox'), '90210');
|
30
|
+
expect(getByRole('textbox')).toHaveValue('90210');
|
31
|
+
});
|
32
|
+
it('should display an icon if enabled', function () {
|
33
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", iconType: "person" })).getByTestId;
|
34
|
+
expect(getByTestId('startAdornment')).toBeTruthy();
|
35
|
+
});
|
36
|
+
it('should not display an icon if iconType is none', function () {
|
37
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3" })).queryByTestId;
|
38
|
+
expect(queryByTestId('startAdornment')).not.toBeTruthy();
|
39
|
+
});
|
40
|
+
it('should have an input type of text by default', function () {
|
41
|
+
var _a;
|
42
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", iconType: "person" })).container;
|
43
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
44
|
+
});
|
45
|
+
it('should pass email input type through', function () {
|
46
|
+
var _a;
|
47
|
+
var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", type: "email" })).container;
|
48
|
+
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
|
49
|
+
});
|
50
|
+
it('should display validity icon on error', function () {
|
51
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", type: "none", error: true })).getByTestId;
|
52
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
53
|
+
});
|
54
|
+
it('should display validity icon on validation success', function () {
|
55
|
+
var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", type: "none", isAnswered: true })).getByTestId;
|
56
|
+
expect(getByTestId('endAdornment-valid')).toBeTruthy();
|
57
|
+
});
|
58
|
+
it('should not display validity icon on validation success on multiline text fields', function () {
|
59
|
+
var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", type: "none", isAnswered: true, multiline: true })).queryByTestId;
|
60
|
+
expect(queryByTestId('endAdornment-valid')).toBeNull();
|
61
|
+
});
|
62
|
+
it('should display error icon on validation success', function () {
|
63
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "3", type: "none", isAnswered: true, error: true })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
|
64
|
+
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
65
|
+
expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
|
66
|
+
});
|
67
|
+
it('should update value on user input', function () {
|
68
|
+
var handleChange = jest.fn();
|
69
|
+
var id = 'input-id';
|
70
|
+
var initialValue = 'test';
|
71
|
+
var updatedValue = 'test updated';
|
72
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { value: initialValue, onChange: handleChange, id: id })).getByRole;
|
73
|
+
var inputElement = getByRole('textbox');
|
74
|
+
react_1.fireEvent.input(inputElement, { target: { value: updatedValue } });
|
75
|
+
expect(inputElement.value).toBe(updatedValue);
|
76
|
+
expect(handleChange).toHaveBeenCalledWith({ id: id, value: updatedValue });
|
77
|
+
});
|
78
|
+
it('should update value when the prop is changed to an empty string', function () {
|
79
|
+
var handleChange = jest.fn();
|
80
|
+
var id = 'input-id';
|
81
|
+
var initialValue = 'test';
|
82
|
+
var emptyValue = '';
|
83
|
+
var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(InputGold1264_1.default, { value: initialValue, onChange: handleChange, id: id })), getByRole = _a.getByRole, rerender = _a.rerender;
|
84
|
+
var inputElement = getByRole('textbox');
|
85
|
+
expect(inputElement.value).toBe(initialValue);
|
86
|
+
rerender((0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, __assign({ injectFirst: true }, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, __assign({ theme: Themes_1.chameleonTheme }, { children: (0, jsx_runtime_1.jsx)(InputGold1264_1.default, { value: emptyValue, onChange: handleChange, id: id }) })) })));
|
87
|
+
expect(inputElement.value).toBe(emptyValue);
|
88
|
+
});
|
89
|
+
});
|
90
|
+
//# sourceMappingURL=InputGold1264.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGold1264.test.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputGold1264/InputGold1264.test.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare type StoryType = React.FunctionComponent<{
|
3
|
+
disabled: boolean;
|
4
|
+
error: boolean;
|
5
|
+
iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
|
6
|
+
isAnswered: boolean;
|
7
|
+
label: string;
|
8
|
+
placeholder: string;
|
9
|
+
type: 'email' | 'tel' | 'text';
|
10
|
+
isSafari: boolean;
|
11
|
+
isAutoFilledActive: boolean;
|
12
|
+
rows: number;
|
13
|
+
multiline: boolean;
|
14
|
+
isOtherOption: boolean;
|
15
|
+
parentContainerWidth: number;
|
16
|
+
}>;
|
17
|
+
declare const InputGold1264Story: StoryType;
|
18
|
+
export default InputGold1264Story;
|
@@ -0,0 +1,26 @@
|
|
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
|
+
var FormControl_1 = __importDefault(require("../../Atoms/FormControl/FormControl"));
|
19
|
+
var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel/InputLabel"));
|
20
|
+
var InputGold1264_1 = __importDefault(require("./InputGold1264"));
|
21
|
+
var InputGold1264Story = function (_a) {
|
22
|
+
var disabled = _a.disabled, error = _a.error, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, multiline = _a.multiline, rows = _a.rows, placeholder = _a.placeholder, isOtherOption = _a.isOtherOption, parentContainerWidth = _a.parentContainerWidth;
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: parentContainerWidth } }, { children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: error }, { children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ isAnswered: isAnswered, htmlFor: "my-input" }, { children: label }))), (0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "my-input", iconType: iconType !== 'none' ? iconType : undefined, isAnswered: isAnswered, error: error, rows: rows, multiline: multiline, placeholder: placeholder, disabled: disabled, type: type, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, isOtherOption: isOtherOption })] })) })));
|
24
|
+
};
|
25
|
+
exports.default = InputGold1264Story;
|
26
|
+
//# sourceMappingURL=InputGold1264Story.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGold1264Story.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputGold1264/InputGold1264Story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,oFAA8D;AAC9D,iFAA2D;AAC3D,kEAA4C;AAyB5C,IAAM,kBAAkB,GAAc,UAAC,EActC;QAbC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,oBAAoB,0BAAA;IAEpB,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBACzC,wBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,iBACtB,KAAK,IAAI,CACR,uBAAC,oBAAU,aAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAC,UAAU,gBACnD,KAAK,IACK,CACd,EACD,uBAAC,uBAAa,IACZ,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,GAC5B,KACU,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './InputGold1264';
|
@@ -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 InputGold1264_1 = require("./InputGold1264");
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputGold1264_1).default; } });
|
9
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputGold1264/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
interface IInputGold1264StyleProps {
|
2
|
+
isAnswered: boolean;
|
3
|
+
isOtherOption?: boolean;
|
4
|
+
isSafari: boolean;
|
5
|
+
isAutoFilledActive: boolean;
|
6
|
+
error: boolean;
|
7
|
+
}
|
8
|
+
declare const makeInputGold1264Styles: ({ isAnswered, isOtherOption, isSafari, isAutoFilledActive, error, }: IInputGold1264StyleProps) => {
|
9
|
+
input: import("@emotion/utils").SerializedStyles;
|
10
|
+
validationIcon: import("@emotion/utils").SerializedStyles;
|
11
|
+
adornmentEnd: import("@emotion/utils").SerializedStyles;
|
12
|
+
adornmentStart: import("@emotion/utils").SerializedStyles;
|
13
|
+
};
|
14
|
+
export default makeInputGold1264Styles;
|
@@ -0,0 +1,135 @@
|
|
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 react_1 = require("@emotion/react");
|
15
|
+
var makeInputGold1264Styles = function (_a) {
|
16
|
+
var _b, _c, _d;
|
17
|
+
var isAnswered = _a.isAnswered, isOtherOption = _a.isOtherOption, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, error = _a.error;
|
18
|
+
var theme = (0, react_1.useTheme)();
|
19
|
+
return {
|
20
|
+
input: (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ position: 'relative', backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.component.answerUnselectedColor, boxShadow: theme.mvf.boxShadow.timid, overflow: 'hidden', borderRadius: 4, height: '60px', '&:hover': {
|
21
|
+
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
22
|
+
}, '& svg.MuiSvgIcon-root': {
|
23
|
+
transition: 'fill 200ms cubic-bezier(0, 0, 0.2, 1) 0ms',
|
24
|
+
}, '& input': (_b = {
|
25
|
+
paddingTop: '18.5px',
|
26
|
+
paddingBottom: '18.5px',
|
27
|
+
paddingRight: theme.mvf.spacing.medium,
|
28
|
+
paddingLeft: '55px',
|
29
|
+
direction: 'rtl',
|
30
|
+
fontWeight: theme.mvf.typography.weight.thick,
|
31
|
+
'&::placeholder': {
|
32
|
+
fontWeight: theme.mvf.typography.weight.medium,
|
33
|
+
},
|
34
|
+
fontSize: theme.mvf.fontSize.mini
|
35
|
+
},
|
36
|
+
_b[theme.breakpoints.up('mobileMedium')] = {
|
37
|
+
fontSize: theme.mvf.fontSize.small,
|
38
|
+
},
|
39
|
+
_b) }, (isAnswered && {
|
40
|
+
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
41
|
+
'& .MuiSvgIcon-root': {
|
42
|
+
color: theme.mvf.palette.component.answerSelectedColor,
|
43
|
+
},
|
44
|
+
})), (!isAnswered && {
|
45
|
+
'& .MuiSvgIcon-root': {
|
46
|
+
color: theme.mvf.palette.text.primaryTextColor,
|
47
|
+
},
|
48
|
+
})), (isAutoFilledActive && {
|
49
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
50
|
+
})), (isOtherOption && {
|
51
|
+
height: 27.2,
|
52
|
+
border: 0,
|
53
|
+
boxShadow: 'none',
|
54
|
+
backgroundColor: 'transparent',
|
55
|
+
'& input': (_c = {
|
56
|
+
paddingTop: 0,
|
57
|
+
paddingBottom: 0,
|
58
|
+
height: 19,
|
59
|
+
fontWeight: theme.mvf.typography.weight.thick,
|
60
|
+
textAlign: 'center',
|
61
|
+
'&::placeholder': {
|
62
|
+
fontWeight: theme.mvf.typography.weight.thick,
|
63
|
+
color: theme.mvf.palette.text.secondaryTextColor,
|
64
|
+
opacity: 1,
|
65
|
+
},
|
66
|
+
fontSize: theme.mvf.fontSize.mini
|
67
|
+
},
|
68
|
+
_c[theme.breakpoints.up('mobileMedium')] = {
|
69
|
+
fontSize: theme.mvf.fontSize.small,
|
70
|
+
},
|
71
|
+
_c[theme.breakpoints.up('tabletSmall')] = {
|
72
|
+
fontSize: theme.mvf.fontSize.compact,
|
73
|
+
},
|
74
|
+
_c[theme.breakpoints.up('desktopMedium')] = {
|
75
|
+
fontSize: theme.mvf.fontSize.medium,
|
76
|
+
},
|
77
|
+
_c),
|
78
|
+
})), { '&:has(input:autofill)': {
|
79
|
+
backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
|
80
|
+
}, '& textarea': (_d = {
|
81
|
+
paddingTop: '18.5px',
|
82
|
+
paddingBottom: '18.5px',
|
83
|
+
paddingLeft: theme.mvf.spacing.medium,
|
84
|
+
paddingRight: theme.mvf.spacing.medium,
|
85
|
+
height: '150px !important',
|
86
|
+
boxSizing: 'border-box',
|
87
|
+
fontSize: theme.mvf.fontSize.mini
|
88
|
+
},
|
89
|
+
_d[theme.breakpoints.up('mobileMedium')] = {
|
90
|
+
fontSize: theme.mvf.fontSize.small,
|
91
|
+
},
|
92
|
+
_d[theme.breakpoints.up('tabletSmall')] = {
|
93
|
+
fontSize: theme.mvf.fontSize.compact,
|
94
|
+
},
|
95
|
+
_d[theme.breakpoints.up('desktopMedium')] = {
|
96
|
+
fontSize: theme.mvf.fontSize.medium,
|
97
|
+
},
|
98
|
+
_d), '&.MuiInputGold1264Base-multiline': {
|
99
|
+
height: 150,
|
100
|
+
maxHeight: 150,
|
101
|
+
} }), (error && {
|
102
|
+
borderColor: theme.mvf.palette.status.error,
|
103
|
+
'& .MuiSvgIcon-root': {
|
104
|
+
color: theme.mvf.palette.status.error,
|
105
|
+
},
|
106
|
+
'&:hover': {
|
107
|
+
borderColor: theme.mvf.palette.status.error,
|
108
|
+
},
|
109
|
+
})), { '&.Mui-focused:not(.Mui-error)': __assign({ boxShadow: theme.mvf.boxShadow.fierce, borderColor: theme.mvf.palette.component.answerSelectedColor, '& .MuiSvgIcon-root': {
|
110
|
+
color: theme.mvf.palette.component.answerSelectedColor,
|
111
|
+
}, '&:hover': {
|
112
|
+
borderColor: theme.mvf.palette.component.answerSelectedColor,
|
113
|
+
} }, (isOtherOption && {
|
114
|
+
border: 0,
|
115
|
+
boxShadow: 'none',
|
116
|
+
'& input::placeholder': {
|
117
|
+
color: '#8d8d8d',
|
118
|
+
fontWeight: theme.mvf.typography.weight.medium,
|
119
|
+
},
|
120
|
+
})) })),
|
121
|
+
validationIcon: (0, react_1.css)({
|
122
|
+
fontSize: theme.mvf.fontSize.big,
|
123
|
+
}),
|
124
|
+
adornmentEnd: (0, react_1.css)({
|
125
|
+
position: 'absolute',
|
126
|
+
left: theme.mvf.spacing.medium,
|
127
|
+
}),
|
128
|
+
adornmentStart: (0, react_1.css)({
|
129
|
+
marginLeft: theme.mvf.spacing.small,
|
130
|
+
marginRight: theme.mvf.spacing.medium,
|
131
|
+
}),
|
132
|
+
};
|
133
|
+
};
|
134
|
+
exports.default = makeInputGold1264Styles;
|
135
|
+
//# sourceMappingURL=makeInputGOLD1264Styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"makeInputGOLD1264Styles.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputGold1264/makeInputGOLD1264Styles.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
2
|
+
import defaultProps from '../../Atoms/InputLabel/defaultProps';
|
3
|
+
import IInputLabelProps from '../../Atoms/InputLabel/IInputLabelProps';
|
4
|
+
declare type InputLabelGOLD1264Type = FunctionComponentWithDefaultProps<IInputLabelProps, typeof defaultProps>;
|
5
|
+
declare const InputLabelGOLD1264: InputLabelGOLD1264Type;
|
6
|
+
export default InputLabelGOLD1264;
|
@@ -0,0 +1,39 @@
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
29
|
+
/** @jsxImportSource @emotion/react */
|
30
|
+
var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
|
31
|
+
var defaultProps_1 = __importDefault(require("../../Atoms/InputLabel/defaultProps"));
|
32
|
+
var makeInputLabelGOLD1264Styles_1 = __importDefault(require("./makeInputLabelGOLD1264Styles"));
|
33
|
+
var InputLabelGOLD1264 = function (_a) {
|
34
|
+
var children = _a.children, isAnswered = _a.isAnswered, props = __rest(_a, ["children", "isAnswered"]);
|
35
|
+
return ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ css: (0, makeInputLabelGOLD1264Styles_1.default)({ isAnswered: isAnswered }) }, props, { children: children })));
|
36
|
+
};
|
37
|
+
InputLabelGOLD1264.defaultProps = defaultProps_1.default;
|
38
|
+
exports.default = InputLabelGOLD1264;
|
39
|
+
//# sourceMappingURL=InputLabelGOLD1264.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputLabelGOLD1264.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAoD;AAEpD,qFAA+D;AAE/D,gGAA0E;AAO1E,IAAM,kBAAkB,GAA2B,UAAC,EAInD;IAHC,IAAA,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,KAAK,cAH0C,0BAInD,CADS;IAER,OAAO,CACL,uBAAC,oBAAY,aAAC,GAAG,EAAE,IAAA,sCAA4B,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC,IAAM,KAAK,cACvE,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE/C,kBAAe,kBAAkB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,29 @@
|
|
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
|
+
/** @jsxImportSource @emotion/react */
|
19
|
+
var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
|
20
|
+
var InputGold1264_1 = __importDefault(require("../InputGold1264"));
|
21
|
+
var FormControl_1 = __importDefault(require("../../Atoms/FormControl/FormControl"));
|
22
|
+
var InputLabelGOLD1264_1 = __importDefault(require("./InputLabelGOLD1264"));
|
23
|
+
describe('InputLabelGOLD1264', function () {
|
24
|
+
it('should display label', function () {
|
25
|
+
var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: true }, { children: [(0, jsx_runtime_1.jsx)(InputLabelGOLD1264_1.default, { children: "Question" }), (0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "2", error: true })] }))).getByText;
|
26
|
+
expect(getByText('Question')).toBeTruthy();
|
27
|
+
});
|
28
|
+
});
|
29
|
+
//# sourceMappingURL=InputLabelGOLD1264.test.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputLabelGOLD1264.test.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,mGAA6E;AAC7E,mEAAqC;AACrC,oFAA8D;AAC9D,4EAAsD;AAEtD,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,sBAAsB,EAAE;QACjB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,iBACtB,uBAAC,4BAAkB,2BAA8B,EACjD,uBAAC,uBAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,KACjB,CACf,UALgB,CAKf;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
@@ -0,0 +1,23 @@
|
|
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
|
+
var InputGold1264_1 = __importDefault(require("../InputGold1264/InputGold1264"));
|
19
|
+
var FormControl_1 = __importDefault(require("../../Atoms/FormControl/FormControl"));
|
20
|
+
var InputLabelGOLD1264_1 = __importDefault(require("./InputLabelGOLD1264"));
|
21
|
+
var FormControlStory = function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px' } }, { children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { children: [(0, jsx_runtime_1.jsx)(InputLabelGOLD1264_1.default, __assign({ htmlFor: "my-input" }, { children: "Email address" })), (0, jsx_runtime_1.jsx)(InputGold1264_1.default, { id: "my-input" })] }) }))); };
|
22
|
+
exports.default = FormControlStory;
|
23
|
+
//# sourceMappingURL=InputLabelGOLD1264Story.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputLabelGOLD1264Story.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/InputLabelGOLD1264Story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,iFAAmD;AACnD,oFAA8D;AAC9D,4EAAsD;AAItD,IAAM,gBAAgB,GAAc,cAAM,OAAA,CACxC,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,wBAAC,qBAAW,eACV,uBAAC,4BAAkB,aAAC,OAAO,EAAC,UAAU,mCAAmC,EACzE,uBAAC,uBAAK,IAAC,EAAE,EAAC,UAAU,GAAG,IACX,IACV,CACP,EAPyC,CAOzC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './InputLabelGOLD1264';
|
@@ -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 InputLabelGOLD1264_1 = require("./InputLabelGOLD1264");
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputLabelGOLD1264_1).default; } });
|
9
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/index.ts"],"names":[],"mappings":";;;;;;AAAA,2DAA+C;AAAtC,8HAAA,OAAO,OAAA"}
|
@@ -0,0 +1,33 @@
|
|
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 react_1 = require("@emotion/react");
|
15
|
+
var makeInputLabelStyles = function (_a) {
|
16
|
+
var _b;
|
17
|
+
var isAnswered = _a.isAnswered;
|
18
|
+
var theme = (0, react_1.useTheme)();
|
19
|
+
return (0, react_1.css)(__assign((_b = { zIndex: 1, direction: 'rtl', pointerEvents: 'none', marginTop: '-2px', marginLeft: theme.mvf.spacing.medium, fontSize: theme.mvf.fontSize.little }, _b[theme.breakpoints.up('mobileMedium')] = {
|
20
|
+
fontSize: theme.mvf.fontSize.small,
|
21
|
+
}, _b.marginRight = theme.mvf.spacing.medium, _b.color = theme.mvf.palette.text.primaryTextColor, _b['&.Mui-error'] = {
|
22
|
+
color: theme.mvf.palette.status.error,
|
23
|
+
}, _b['&.Mui-focused:not(.Mui-error)'] = {
|
24
|
+
color: theme.mvf.palette.component.answerSelectedColor,
|
25
|
+
}, _b['&.MuiInputLabel-shrink'] = {
|
26
|
+
marginTop: '9px',
|
27
|
+
fontWeight: theme.mvf.typography.weight.thick,
|
28
|
+
}, _b), (isAnswered && {
|
29
|
+
color: theme.mvf.palette.component.answerSelectedColor,
|
30
|
+
})));
|
31
|
+
};
|
32
|
+
exports.default = makeInputLabelStyles;
|
33
|
+
//# sourceMappingURL=makeInputLabelGOLD1264Styles.js.map
|
package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"makeInputLabelGOLD1264Styles.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAM/C,IAAM,oBAAoB,GAAG,UAAC,EAAgC;;QAA9B,UAAU,gBAAA;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,mBACR,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACpC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,OAClC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;QACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;KACnC,EACD,cAAW,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAK,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,iBAAa,GAAE;QACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC,EACD,mCAA+B,GAAE;QAC/B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,EACD,4BAAwB,GAAE;QACxB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;KAC9C,OACE,CAAC,UAAU,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
|
2
|
+
import ITextFieldProps from '../../Molecules/TextField/ITextFieldProps';
|
3
|
+
import defaultProps from '../../Molecules/TextField/defaultProps';
|
4
|
+
declare type TextFieldGOLD1264Type = FunctionComponentWithDefaultProps<ITextFieldProps, typeof defaultProps>;
|
5
|
+
declare const TextFieldGOLD1264: TextFieldGOLD1264Type;
|
6
|
+
export default TextFieldGOLD1264;
|
@@ -0,0 +1,40 @@
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
29
|
+
var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
|
30
|
+
var FormControl_1 = __importDefault(require("../../Atoms/FormControl"));
|
31
|
+
var InputGold1264_1 = __importDefault(require("../InputGold1264/InputGold1264"));
|
32
|
+
var InputLabelGOLD1264_1 = __importDefault(require("../InputLabelGold1264/InputLabelGOLD1264"));
|
33
|
+
var defaultProps_1 = __importDefault(require("../../Molecules/TextField/defaultProps"));
|
34
|
+
var TextFieldGOLD1264 = function (_a) {
|
35
|
+
var errorMessage = _a.errorMessage, id = _a.id, label = _a.label, multiline = _a.multiline, isAnswered = _a.isAnswered, shrinkLabel = _a.shrinkLabel, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, rows = _a.rows, props = __rest(_a, ["errorMessage", "id", "label", "multiline", "isAnswered", "shrinkLabel", "isAutoFilledActive", "isSafari", "rows"]);
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: !!errorMessage }, { children: [label && ((0, jsx_runtime_1.jsx)(InputLabelGOLD1264_1.default, __assign({ shrink: shrinkLabel, isAnswered: isAnswered, htmlFor: id }, { children: label }))), (0, jsx_runtime_1.jsx)(InputGold1264_1.default, __assign({ error: !!errorMessage, id: id, multiline: multiline, rows: rows, isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] })));
|
37
|
+
};
|
38
|
+
TextFieldGOLD1264.defaultProps = defaultProps_1.default;
|
39
|
+
exports.default = TextFieldGOLD1264;
|
40
|
+
//# sourceMappingURL=TextFieldGOLD1264.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TextFieldGOLD1264.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,iFAAmD;AACnD,gGAAkE;AAElE,wFAAkE;AAOlE,IAAM,iBAAiB,GAA0B,UAAC,EAWjD;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,KAAK,cAVwC,mHAWjD,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,aAAC,KAAK,EAAE,CAAC,CAAC,YAAY,iBAC/B,KAAK,IAAI,CACR,uBAAC,4BAAU,aAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,gBACjE,KAAK,IACK,CACd,EACD,uBAAC,uBAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,KACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE9C,kBAAe,iBAAiB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|