@mvf/external-components 3.11.5 → 3.11.6-dev.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (103) hide show
  1. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.d.ts +6 -0
  2. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.js +39 -0
  3. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.js.map +1 -0
  4. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.test.d.ts +1 -0
  5. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.test.js +32 -0
  6. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControl.test.js.map +1 -0
  7. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControlStory.d.ts +7 -0
  8. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControlStory.js +26 -0
  9. package/Components/Experiments/GOLD-1264/Atoms/FormControl/FormControlStory.js.map +1 -0
  10. package/Components/Experiments/GOLD-1264/Atoms/FormControl/index.d.ts +1 -0
  11. package/Components/Experiments/GOLD-1264/Atoms/FormControl/index.js +9 -0
  12. package/Components/Experiments/GOLD-1264/Atoms/FormControl/index.js.map +1 -0
  13. package/Components/Experiments/GOLD-1264/Atoms/FormControl/makeFormControlStyles.d.ts +2 -0
  14. package/Components/Experiments/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js +38 -0
  15. package/Components/Experiments/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js.map +1 -0
  16. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.d.ts +6 -0
  17. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.js +93 -0
  18. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.js.map +1 -0
  19. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.test.d.ts +1 -0
  20. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.test.js +90 -0
  21. package/Components/Experiments/GOLD-1264/Atoms/Input/Input.test.js.map +1 -0
  22. package/Components/Experiments/GOLD-1264/Atoms/Input/InputStory.d.ts +18 -0
  23. package/Components/Experiments/GOLD-1264/Atoms/Input/InputStory.js +26 -0
  24. package/Components/Experiments/GOLD-1264/Atoms/Input/InputStory.js.map +1 -0
  25. package/Components/Experiments/GOLD-1264/Atoms/Input/icons.d.ts +29 -0
  26. package/Components/Experiments/GOLD-1264/Atoms/Input/icons.js +43 -0
  27. package/Components/Experiments/GOLD-1264/Atoms/Input/icons.js.map +1 -0
  28. package/Components/Experiments/GOLD-1264/Atoms/Input/index.d.ts +1 -0
  29. package/Components/Experiments/GOLD-1264/Atoms/Input/index.js +9 -0
  30. package/Components/Experiments/GOLD-1264/Atoms/Input/index.js.map +1 -0
  31. package/Components/Experiments/GOLD-1264/Atoms/Input/makeInputStyles.d.ts +14 -0
  32. package/Components/Experiments/GOLD-1264/Atoms/Input/makeInputStyles.js +135 -0
  33. package/Components/Experiments/GOLD-1264/Atoms/Input/makeInputStyles.js.map +1 -0
  34. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.d.ts +6 -0
  35. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.js +39 -0
  36. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.js.map +1 -0
  37. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.test.d.ts +1 -0
  38. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.test.js +29 -0
  39. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.test.js.map +1 -0
  40. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabelStory.d.ts +4 -0
  41. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabelStory.js +23 -0
  42. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabelStory.js.map +1 -0
  43. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/index.d.ts +1 -0
  44. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/index.js +9 -0
  45. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/index.js.map +1 -0
  46. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.d.ts +5 -0
  47. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.js +33 -0
  48. package/Components/Experiments/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.js.map +1 -0
  49. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.d.ts +6 -0
  50. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.js +40 -0
  51. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.js.map +1 -0
  52. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.test.d.ts +1 -0
  53. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.test.js +63 -0
  54. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.test.js.map +1 -0
  55. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextFieldStory.d.ts +17 -0
  56. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextFieldStory.js +24 -0
  57. package/Components/Experiments/GOLD-1264/Molecules/TextField/TextFieldStory.js.map +1 -0
  58. package/Components/Experiments/GOLD-1264/Molecules/TextField/index.d.ts +1 -0
  59. package/Components/Experiments/GOLD-1264/Molecules/TextField/index.js +9 -0
  60. package/Components/Experiments/GOLD-1264/Molecules/TextField/index.js.map +1 -0
  61. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.d.ts +6 -0
  62. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.js +93 -0
  63. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.js.map +1 -0
  64. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.test.d.ts +1 -0
  65. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.test.js +90 -0
  66. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264.test.js.map +1 -0
  67. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264Story.d.ts +18 -0
  68. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264Story.js +26 -0
  69. package/Components/ExperimentsFirstFormat/InputGold1264/InputGold1264Story.js.map +1 -0
  70. package/Components/ExperimentsFirstFormat/InputGold1264/index.d.ts +1 -0
  71. package/Components/ExperimentsFirstFormat/InputGold1264/index.js +9 -0
  72. package/Components/ExperimentsFirstFormat/InputGold1264/index.js.map +1 -0
  73. package/Components/ExperimentsFirstFormat/InputGold1264/makeInputGOLD1264Styles.d.ts +14 -0
  74. package/Components/ExperimentsFirstFormat/InputGold1264/makeInputGOLD1264Styles.js +135 -0
  75. package/Components/ExperimentsFirstFormat/InputGold1264/makeInputGOLD1264Styles.js.map +1 -0
  76. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.d.ts +6 -0
  77. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.js +39 -0
  78. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.js.map +1 -0
  79. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.test.d.ts +1 -0
  80. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.test.js +29 -0
  81. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264.test.js.map +1 -0
  82. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264Story.d.ts +4 -0
  83. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264Story.js +23 -0
  84. package/Components/ExperimentsFirstFormat/InputLabelGold1264/InputLabelGOLD1264Story.js.map +1 -0
  85. package/Components/ExperimentsFirstFormat/InputLabelGold1264/index.d.ts +1 -0
  86. package/Components/ExperimentsFirstFormat/InputLabelGold1264/index.js +9 -0
  87. package/Components/ExperimentsFirstFormat/InputLabelGold1264/index.js.map +1 -0
  88. package/Components/ExperimentsFirstFormat/InputLabelGold1264/makeInputLabelGOLD1264Styles.d.ts +5 -0
  89. package/Components/ExperimentsFirstFormat/InputLabelGold1264/makeInputLabelGOLD1264Styles.js +33 -0
  90. package/Components/ExperimentsFirstFormat/InputLabelGold1264/makeInputLabelGOLD1264Styles.js.map +1 -0
  91. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.d.ts +6 -0
  92. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.js +40 -0
  93. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.js.map +1 -0
  94. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.test.d.ts +1 -0
  95. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.test.js +63 -0
  96. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264.test.js.map +1 -0
  97. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264Story.d.ts +17 -0
  98. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264Story.js +24 -0
  99. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/TextFieldGOLD1264Story.js.map +1 -0
  100. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/index.d.ts +1 -0
  101. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/index.js +9 -0
  102. package/Components/ExperimentsFirstFormat/TextFieldGOLD1264/index.js.map +1 -0
  103. package/package.json +1 -1
@@ -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 makeInputStyles = 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 = makeInputStyles;
135
+ //# sourceMappingURL=makeInputStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/Input/makeInputStyles.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 InputLabelType = FunctionComponentWithDefaultProps<IInputLabelProps, typeof defaultProps>;
5
+ declare const InputLabel: InputLabelType;
6
+ export default InputLabel;
@@ -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 makeInputLabelStyles_1 = __importDefault(require("./makeInputLabelStyles"));
33
+ var InputLabel = 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, makeInputLabelStyles_1.default)({ isAnswered: isAnswered }) }, props, { children: children })));
36
+ };
37
+ InputLabel.defaultProps = defaultProps_1.default;
38
+ exports.default = InputLabel;
39
+ //# sourceMappingURL=InputLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAoD;AAEpD,2FAAqE;AAErE,gFAA0D;AAO1D,IAAM,UAAU,GAAmB,UAAC,EAAkC;IAAhC,IAAA,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAAhC,0BAAkC,CAAF;IAClE,OAAO,CACL,uBAAC,oBAAY,aAAC,GAAG,EAAE,IAAA,8BAAoB,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC,IAAM,KAAK,cAC/D,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
@@ -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 Input_1 = __importDefault(require("../Input"));
21
+ var FormControl_1 = __importDefault(require("../FormControl"));
22
+ var InputLabel_1 = __importDefault(require("./InputLabel"));
23
+ describe('InputLabel', 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)(InputLabel_1.default, { children: "Question" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true })] }))).getByText;
26
+ expect(getByText('Question')).toBeTruthy();
27
+ });
28
+ });
29
+ //# sourceMappingURL=InputLabel.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputLabel.test.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabel.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,yGAAmF;AACnF,mDAA6B;AAC7B,+DAAyC;AACzC,4DAAsC;AAEtC,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,sBAAsB,EAAE;QACjB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,iBACtB,uBAAC,oBAAU,2BAAsB,EACjC,uBAAC,eAAK,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,4 @@
1
+ import * as React from 'react';
2
+ declare type StoryType = React.FunctionComponent;
3
+ declare const FormControlStory: StoryType;
4
+ export default FormControlStory;
@@ -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 Input_1 = __importDefault(require("../Input"));
19
+ var FormControl_1 = __importDefault(require("../FormControl"));
20
+ var InputLabel_1 = __importDefault(require("./InputLabel"));
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)(InputLabel_1.default, __assign({ htmlFor: "my-input" }, { children: "Email address" })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input" })] }) }))); };
22
+ exports.default = FormControlStory;
23
+ //# sourceMappingURL=InputLabelStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputLabelStory.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/InputLabel/InputLabelStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mDAA6B;AAC7B,+DAAyC;AACzC,4DAAsC;AAItC,IAAM,gBAAgB,GAAc,cAAM,OAAA,CACxC,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,wBAAC,qBAAW,eACV,uBAAC,oBAAU,aAAC,OAAO,EAAC,UAAU,mCAA2B,EACzD,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,GAAG,IACX,IACV,CACP,EAPyC,CAOzC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './InputLabel';
@@ -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 InputLabel_1 = require("./InputLabel");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputLabel_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/InputLabel/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}
@@ -0,0 +1,5 @@
1
+ interface IInputStyleProps {
2
+ isAnswered?: boolean;
3
+ }
4
+ declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/utils").SerializedStyles;
5
+ export default makeInputLabelStyles;
@@ -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 = { direction: 'rtl', right: 0, zIndex: 1, 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=makeInputLabelStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeInputLabelStyles.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Atoms/InputLabel/makeInputLabelStyles.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,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,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 TextFieldType = FunctionComponentWithDefaultProps<ITextFieldProps, typeof defaultProps>;
5
+ declare const TextField: TextFieldType;
6
+ export default TextField;
@@ -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 Input_1 = __importDefault(require("../../Atoms/Input"));
32
+ var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel"));
33
+ var defaultProps_1 = __importDefault(require("../../../../Molecules/TextField/defaultProps"));
34
+ var TextField = 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)(InputLabel_1.default, __assign({ shrink: shrinkLabel, isAnswered: isAnswered, htmlFor: id }, { children: label }))), (0, jsx_runtime_1.jsx)(Input_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
+ TextField.defaultProps = defaultProps_1.default;
39
+ exports.default = TextField;
40
+ //# sourceMappingURL=TextField.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,8FAAwE;AAOxE,IAAM,SAAS,GAAkB,UAAC,EAWjC;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,cAVwB,mHAWjC,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,aAAC,KAAK,EAAE,CAAC,CAAC,YAAY,iBAC/B,KAAK,IAAI,CACR,uBAAC,oBAAU,aAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,gBACjE,KAAK,IACK,CACd,EACD,uBAAC,eAAK,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,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
@@ -0,0 +1,63 @@
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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
7
+ var user_event_1 = __importDefault(require("@testing-library/user-event"));
8
+ var renderWithProviders_1 = __importDefault(require("../../../../../Helpers/React/renderWithProviders"));
9
+ var TextField_1 = __importDefault(require("./TextField"));
10
+ describe('TextField', function () {
11
+ it('should display TextField Component', function () {
12
+ var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Question", id: "1" })).getByText;
13
+ expect(getByText('Question')).toBeTruthy();
14
+ });
15
+ it('should be able to input values', function () {
16
+ var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Zipcode", id: "2" })).getByRole;
17
+ user_event_1.default.type(getByRole('textbox'), '90210');
18
+ expect(getByRole('textbox')).toHaveValue('90210');
19
+ });
20
+ it('should display an icon if enabled', function () {
21
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", iconType: "person" })).getByTestId;
22
+ expect(getByTestId('startAdornment')).toBeTruthy();
23
+ });
24
+ it('should not display an icon if iconType is none', function () {
25
+ var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3" })).queryByTestId;
26
+ expect(queryByTestId('startAdornment')).not.toBeTruthy();
27
+ });
28
+ it('should have an input type of text by default', function () {
29
+ var _a;
30
+ var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", iconType: "person" })).container;
31
+ expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
32
+ });
33
+ it('should pass email input type through', function () {
34
+ var _a;
35
+ var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your email?", id: "3", type: "email" })).container;
36
+ expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
37
+ });
38
+ it('should display validity icon on error', function () {
39
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", errorMessage: "test error message" })).getByTestId;
40
+ expect(getByTestId('endAdornment-invalid')).toBeTruthy();
41
+ });
42
+ it('should display validity icon on validation success', function () {
43
+ var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true })).getByTestId;
44
+ expect(getByTestId('endAdornment-valid')).toBeTruthy();
45
+ });
46
+ it('should display error icon on validation success and error message', function () {
47
+ var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
48
+ expect(getByTestId('endAdornment-invalid')).toBeTruthy();
49
+ expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
50
+ });
51
+ describe('Multiline', function () {
52
+ it('should render a textarea when multiline prop is set to true', function () {
53
+ var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your multiline input", id: "3", multiline: true })).container;
54
+ expect(container.querySelector('textarea')).toBeTruthy();
55
+ });
56
+ it('should be able to input values', function () {
57
+ var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Your multiline input", id: "3", multiline: true })).getByRole;
58
+ user_event_1.default.type(getByRole('textbox'), 'This is a multiline input');
59
+ expect(getByRole('textbox')).toHaveValue('This is a multiline input');
60
+ });
61
+ });
62
+ });
63
+ //# sourceMappingURL=TextField.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Molecules/TextField/TextField.test.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,yGAAmF;AACnF,0DAAoC;AAEpC,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,oCAAoC,EAAE;QAC/B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,EAAE,EAAC,GAAG,GAAG,CACtC,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,GAAG,CACrC,UAFgB,CAEf;QAEF,oBAAS,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;QAC9C,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QAC9B,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,GAAG,CAC1D,YAFkB,CAEjB;QACF,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE;QAC3C,IAAA,aAAa,GAAK,IAAA,6BAAmB,EAC3C,uBAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,GAAG,CACxC,cAFoB,CAEnB;QACF,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,GAAG,CAC1D,UAFgB,CAEf;QACF,MAAM,CAAC,MAAA,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE;;QACjC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,aAAa,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,CACtD,UAFgB,CAEf;QACF,MAAM,CAAC,MAAA,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,0CAAE,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE;QAClC,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,YAAY,EAAC,oBAAoB,GACjC,CACH,YAPkB,CAOjB;QACF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE;QAC/C,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,IAAI,GAAI,CACtE,YAFkB,CAEjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAChE,IAAA,KAAiC,IAAA,6BAAmB,EACxD,uBAAC,mBAAS,IACR,KAAK,EAAC,YAAY,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,IAAI,EAChB,YAAY,EAAC,oBAAoB,GACjC,CACH,EARO,WAAW,iBAAA,EAAE,aAAa,mBAQjC,CAAC;QACF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzD,MAAM,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,CAAC,6DAA6D,EAAE;YACxD,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,sBAAsB,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAI,GAAI,CACnE,UAFgB,CAEf;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE;YAC3B,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,mBAAS,IAAC,KAAK,EAAC,sBAAsB,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAI,GAAI,CACnE,UAFgB,CAEf;YAEF,oBAAS,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,2BAA2B,CAAC,CAAC;YAClE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -0,0 +1,17 @@
1
+ import * as React from 'react';
2
+ declare type StoryType = React.FunctionComponent<{
3
+ disabled: boolean;
4
+ errorMessage: string;
5
+ iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state' | 'locationService';
6
+ isAnswered: boolean;
7
+ label: string;
8
+ multiline: boolean;
9
+ placeholder: string;
10
+ type: 'email' | 'tel' | 'text';
11
+ rows: number;
12
+ shrinkLabel: boolean;
13
+ isSafari: boolean;
14
+ isAutoFilledActive: boolean;
15
+ }>;
16
+ declare const TextFieldStory: StoryType;
17
+ export default TextFieldStory;
@@ -0,0 +1,24 @@
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 TextField_1 = __importDefault(require("./TextField"));
19
+ var TextFieldStory = function (_a) {
20
+ var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, placeholder = _a.placeholder, multiline = _a.multiline, rows = _a.rows, shrinkLabel = _a.shrinkLabel;
21
+ return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px' } }, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, label: label, multiline: multiline, placeholder: placeholder, rows: rows, shrinkLabel: shrinkLabel }) })));
22
+ };
23
+ exports.default = TextFieldStory;
24
+ //# sourceMappingURL=TextFieldStory.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Molecules/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAoC;AAyBpC,IAAM,cAAc,GAAc,UAAC,EAalC;QAZC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA;IACP,OAAA,CACJ,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,uBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,GACxB,IACE,CACP;AAlBK,CAkBL,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ export { default } from './TextField';
@@ -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 TextField_1 = require("./TextField");
8
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(TextField_1).default; } });
9
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Experiments/GOLD-1264/Molecules/TextField/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA"}
@@ -0,0 +1,6 @@
1
+ import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
2
+ import defaultProps from '../../Atoms/Input/defaultProps';
3
+ import IInputGold1264Props from '../../Atoms/Input/IInputProps';
4
+ declare type InputGold1264Type = FunctionComponentWithDefaultProps<IInputGold1264Props, typeof defaultProps>;
5
+ declare const InputGold1264: InputGold1264Type;
6
+ export default InputGold1264;