@mvf/external-components 1.13.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Components/Atoms/TextField/ITextFieldProps.d.ts +4 -1
- package/Components/Atoms/TextField/TextField.js +27 -24
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/TextField.test.js +8 -14
- package/Components/Atoms/TextField/TextField.test.js.map +1 -1
- package/Components/Atoms/TextField/TextFieldStory.d.ts +2 -1
- package/Components/Atoms/TextField/TextFieldStory.js +2 -2
- package/Components/Atoms/TextField/TextFieldStory.js.map +1 -1
- package/Components/Atoms/TextField/defaultProps.d.ts +3 -1
- package/Components/Atoms/TextField/defaultProps.js +3 -1
- package/Components/Atoms/TextField/defaultProps.js.map +1 -1
- package/Components/Atoms/TextField/useTextFieldStyles.js +31 -22
- package/Components/Atoms/TextField/useTextFieldStyles.js.map +1 -1
- package/Components/Molecules/CheckBox/CheckBox.js +2 -2
- package/Components/Molecules/CheckBox/CheckBox.js.map +1 -1
- package/Components/Molecules/CheckBox/IComponentProps.d.ts +0 -1
- package/Components/Molecules/CheckBox/defaultProps.d.ts +0 -1
- package/Components/Molecules/CheckBox/defaultProps.js +0 -1
- package/Components/Molecules/CheckBox/defaultProps.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelect.js +3 -2
- package/Components/Molecules/DropDownSelect/DropDownSelect.js.map +1 -1
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts +2 -2
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js +5 -3
- package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map +1 -1
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.d.ts +1 -0
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js +47 -11
- package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map +1 -1
- package/Components/Molecules/RadioButton/IComponentProps.d.ts +0 -1
- package/Components/Molecules/RadioButton/RadioButton.js +2 -2
- package/Components/Molecules/RadioButton/RadioButton.js.map +1 -1
- package/Components/Molecules/RadioButton/defaultProps.d.ts +0 -1
- package/Components/Molecules/RadioButton/defaultProps.js +0 -1
- package/Components/Molecules/RadioButton/defaultProps.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
|
+
import { OutlinedInputProps } from '@material-ui/core';
|
|
2
3
|
export interface ITextFieldCallbackParams {
|
|
3
4
|
id: string;
|
|
4
5
|
value: string;
|
|
@@ -6,7 +7,8 @@ export interface ITextFieldCallbackParams {
|
|
|
6
7
|
interface ITextFieldProps {
|
|
7
8
|
disabled: boolean;
|
|
8
9
|
errorMessage?: string;
|
|
9
|
-
type
|
|
10
|
+
type: string;
|
|
11
|
+
iconType?: 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
|
|
10
12
|
id: string;
|
|
11
13
|
inputRef?: React.Ref<HTMLInputElement>;
|
|
12
14
|
isAnswered: boolean;
|
|
@@ -19,5 +21,6 @@ interface ITextFieldProps {
|
|
|
19
21
|
placeholder?: string;
|
|
20
22
|
size: 'medium' | 'small';
|
|
21
23
|
value: string;
|
|
24
|
+
InputProps?: Partial<OutlinedInputProps>;
|
|
22
25
|
}
|
|
23
26
|
export default ITextFieldProps;
|
|
@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
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
|
+
};
|
|
13
24
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
26
|
};
|
|
@@ -20,41 +31,33 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
20
31
|
var icons_1 = __importDefault(require("./icons"));
|
|
21
32
|
var useTextFieldStyles_1 = __importDefault(require("./useTextFieldStyles"));
|
|
22
33
|
var TextField = function (_a) {
|
|
23
|
-
var
|
|
34
|
+
var errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, InputProps = _a.InputProps, props = __rest(_a, ["errorMessage", "iconType", "id", "isAnswered", "onChange", "value", "InputProps"]);
|
|
24
35
|
var isValid = errorMessage !== undefined ? false : isAnswered;
|
|
25
36
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
26
|
-
var inputType = 'text';
|
|
27
|
-
if (type === 'email' || type === 'phone') {
|
|
28
|
-
inputType = type;
|
|
29
|
-
}
|
|
30
37
|
var classes = (0, useTextFieldStyles_1.default)({
|
|
31
|
-
isError: errorMessage
|
|
38
|
+
isError: !!errorMessage,
|
|
32
39
|
isValid: isValid,
|
|
33
40
|
});
|
|
34
|
-
var
|
|
35
|
-
var newValue = e.target.value;
|
|
36
|
-
onChange({ id: id, value: newValue });
|
|
37
|
-
setCurrentValue(newValue);
|
|
38
|
-
};
|
|
39
|
-
var InputProps = {
|
|
40
|
-
classes: {
|
|
41
|
+
var inputPropClasses = __assign({ classes: {
|
|
41
42
|
focused: classes.focused,
|
|
42
|
-
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var IconComponent = icons_1.default[type];
|
|
48
|
-
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start", className: classes.adornedStart, "data-testid": "startAdornment" },
|
|
49
|
-
react_1.default.createElement(IconComponent, null))) });
|
|
43
|
+
}, className: classes.muiInput, disableUnderline: true }, InputProps);
|
|
44
|
+
if (iconType) {
|
|
45
|
+
var IconComponent = icons_1.default[iconType];
|
|
46
|
+
inputPropClasses = __assign({ startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start", "data-testid": "startAdornment" },
|
|
47
|
+
react_1.default.createElement(IconComponent, null))) }, inputPropClasses);
|
|
50
48
|
}
|
|
51
49
|
if (isValid || errorMessage) {
|
|
52
50
|
var validationIconType = isValid ? 'valid' : 'invalid';
|
|
53
51
|
var ValidationComponent = icons_1.default[validationIconType];
|
|
54
|
-
|
|
55
|
-
react_1.default.createElement(ValidationComponent, null))) });
|
|
52
|
+
inputPropClasses = __assign({ endAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "end", "data-testid": "endAdornment-" + validationIconType },
|
|
53
|
+
react_1.default.createElement(ValidationComponent, null))) }, inputPropClasses);
|
|
56
54
|
}
|
|
57
|
-
|
|
55
|
+
var handleChange = function (e) {
|
|
56
|
+
var newValue = e.target.value;
|
|
57
|
+
onChange({ id: id, value: newValue });
|
|
58
|
+
setCurrentValue(newValue);
|
|
59
|
+
};
|
|
60
|
+
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)));
|
|
58
61
|
};
|
|
59
62
|
TextField.defaultProps = defaultProps_1.default;
|
|
60
63
|
exports.default = TextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAI2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,4EAAsD;AAOtD,IAAM,SAAS,GAAkB,UAAC,EASjC;IARC,IAAA,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,KAAK,cARwB,mFASjC,CADS;IAER,IAAM,OAAO,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAC1D,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,OAAO,GAAG,IAAA,4BAAkB,EAAC;QACjC,OAAO,EAAE,CAAC,CAAC,YAAY;QACvB,OAAO,SAAA;KACR,CAAC,CAAC;IAEH,IAAI,gBAAgB,GAAG,WACrB,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;SACzB,EACD,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,gBAAgB,EAAE,IAAI,IACnB,UAAU,CACiB,CAAC;IAEjC,IAAI,QAAQ,EAAE;QACZ,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,gBAAgB,cACd,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO,iBAAa,gBAAgB;gBAC3D,8BAAC,aAAa,OAAG,CACF,CAClB,IACE,gBAAgB,CACpB,CAAC;KACH;IAED,IAAI,OAAO,IAAI,YAAY,EAAE;QAC3B,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,IAAM,mBAAmB,GAAG,eAAK,CAAC,kBAAkB,CAAC,CAAC;QACtD,gBAAgB,cACd,YAAY,EAAE,CACZ,8BAAC,qBAAc,IACb,QAAQ,EAAC,KAAK,iBACD,kBAAgB,kBAAoB;gBAEjD,8BAAC,mBAAmB,OAAG,CACR,CAClB,IACE,gBAAgB,CACpB,CAAC;KACH;IAED,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAW,aACV,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,SAAS,QACT,UAAU,EAAE,YAAY,EACxB,EAAE,EAAE,EAAE,EACN,eAAe,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,EAC7C,UAAU,EAAE,gBAAgB,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,QAAQ,IACZ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
|
|
@@ -18,29 +18,23 @@ describe('TextField', function () {
|
|
|
18
18
|
expect(getByRole('textbox')).toHaveValue('90210');
|
|
19
19
|
});
|
|
20
20
|
it('should display an icon if enabled', function () {
|
|
21
|
-
var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3",
|
|
21
|
+
var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", iconType: "person" })).getByTestId;
|
|
22
22
|
expect(getByTestId('startAdornment')).toBeTruthy();
|
|
23
23
|
});
|
|
24
|
-
it('should
|
|
24
|
+
it('should not display an icon if iconType is none', function () {
|
|
25
|
+
var queryByTestId = (0, withTheme_1.default)(react_1.default.createElement(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 () {
|
|
25
29
|
var _a;
|
|
26
|
-
var container = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3",
|
|
30
|
+
var container = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", iconType: "person" })).container;
|
|
27
31
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
|
|
28
32
|
});
|
|
29
|
-
it('should pass email
|
|
33
|
+
it('should pass email input type through', function () {
|
|
30
34
|
var _a;
|
|
31
35
|
var container = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your email?", id: "3", type: "email" })).container;
|
|
32
36
|
expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
|
|
33
37
|
});
|
|
34
|
-
it('should pass phone inputType through', function () {
|
|
35
|
-
var _a;
|
|
36
|
-
var container = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your email?", id: "3", type: "phone" })).container;
|
|
37
|
-
var type = (_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.getAttribute('type');
|
|
38
|
-
expect(type).toEqual('phone');
|
|
39
|
-
});
|
|
40
|
-
it('should not display an icon if type is none', function () {
|
|
41
|
-
var queryByTestId = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none" })).queryByTestId;
|
|
42
|
-
expect(queryByTestId('startAdornment')).not.toBeTruthy();
|
|
43
|
-
});
|
|
44
38
|
it('should display validity icon on error', function () {
|
|
45
39
|
var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(TextField_1.default, { label: "Your name?", id: "3", type: "none", errorMessage: "test error message" })).getByTestId;
|
|
46
40
|
expect(getByTestId('endAdornment-invalid')).toBeTruthy();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,2EAAoD;AACpD,+EAAyD;AACzD,0DAAoC;AAEpC,QAAQ,CAAC,WAAW,EAAE;IACpB,EAAE,CAAC,oCAAoC,EAAE;QAC/B,IAAA,SAAS,GAAK,IAAA,mBAAS,EAAC,8BAAC,mBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,EAAE,EAAC,GAAG,GAAG,CAAC,UAArD,CAAsD;QACvE,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,mBAAS,EAAC,8BAAC,mBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,GAAG,CAAC,UAApD,CAAqD;QAEtE,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,mBAAS,EAC/B,8BAAC,mBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,
|
|
1
|
+
{"version":3,"file":"TextField.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextField.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,10 +2,11 @@ import * as React from 'react';
|
|
|
2
2
|
declare type StoryType = React.FunctionComponent<{
|
|
3
3
|
disabled: boolean;
|
|
4
4
|
errorMessage: string;
|
|
5
|
-
|
|
5
|
+
iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
|
|
6
6
|
isAnswered: boolean;
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
9
|
+
type: 'email' | 'tel' | 'text';
|
|
9
10
|
}>;
|
|
10
11
|
declare const TextFieldStory: StoryType;
|
|
11
12
|
export default TextFieldStory;
|
|
@@ -25,9 +25,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
var React = __importStar(require("react"));
|
|
26
26
|
var TextField_1 = __importDefault(require("./TextField"));
|
|
27
27
|
var TextFieldStory = function (_a) {
|
|
28
|
-
var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder;
|
|
28
|
+
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder;
|
|
29
29
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
30
|
-
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder })));
|
|
30
|
+
React.createElement(TextField_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder })));
|
|
31
31
|
};
|
|
32
32
|
exports.default = TextFieldStory;
|
|
33
33
|
//# sourceMappingURL=TextFieldStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;
|
|
1
|
+
{"version":3,"file":"TextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/TextFieldStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAmBpC,IAAM,cAAc,GAAc,UAAC,EAQlC;QAPC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA;IACP,OAAA,CACJ,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACE,CACP;AAbK,CAaL,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,MAAqC;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,QAA8B;IACpC,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,MAAqC;IAC7C,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,QAA8B;IACpC,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -14,38 +14,50 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var styles_1 = require("@material-ui/styles");
|
|
15
15
|
var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
var isError = _a.isError;
|
|
22
|
-
return (__assign({ color: theme.mvf.palette.primary.main }, (isError && {
|
|
23
|
-
color: theme.mvf.palette.error,
|
|
24
|
-
})));
|
|
17
|
+
textField: {
|
|
18
|
+
'& .MuiFilledInput-root': {
|
|
19
|
+
backgroundColor: theme.mvf.palette.background.light,
|
|
20
|
+
},
|
|
25
21
|
},
|
|
26
22
|
focused: function (_a) {
|
|
27
23
|
var isError = _a.isError;
|
|
28
24
|
return ({
|
|
29
|
-
'&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main
|
|
25
|
+
'&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main, '& .MuiSvgIcon-root': {
|
|
26
|
+
color: theme.mvf.palette.primary.main,
|
|
27
|
+
} }, (isError && {
|
|
30
28
|
boxShadow: theme.mvf.boxShadow.error,
|
|
31
29
|
borderColor: theme.mvf.palette.error,
|
|
30
|
+
'& .MuiSvgIcon-root': {
|
|
31
|
+
color: theme.mvf.palette.error,
|
|
32
|
+
},
|
|
32
33
|
})),
|
|
33
34
|
});
|
|
34
35
|
},
|
|
35
|
-
input: {
|
|
36
|
-
WebkitBoxShadow: "inset 0 0 0 1000px " + theme.mvf.palette.background.light,
|
|
37
|
-
},
|
|
38
36
|
label: function (_a) {
|
|
39
37
|
var isValid = _a.isValid;
|
|
40
|
-
return (__assign({
|
|
38
|
+
return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
|
|
39
|
+
color: theme.mvf.palette.primary.main,
|
|
40
|
+
} }, (isValid && {
|
|
41
41
|
color: theme.mvf.palette.primary.main,
|
|
42
42
|
})));
|
|
43
43
|
},
|
|
44
44
|
muiInput: function (_a) {
|
|
45
45
|
var isError = _a.isError, isValid = _a.isValid;
|
|
46
|
-
return (__assign(__assign({ border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
|
|
46
|
+
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': {
|
|
47
47
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
48
48
|
borderColor: theme.mvf.palette.primary.main,
|
|
49
|
+
}, '& .MuiSvgIcon-root': {
|
|
50
|
+
color: theme.mvf.palette.text.grey,
|
|
51
|
+
}, '&.Mui-disabled': {
|
|
52
|
+
boxShadow: 'none',
|
|
53
|
+
borderColor: theme.mvf.palette.disabled,
|
|
54
|
+
'&:hover': {
|
|
55
|
+
boxShadow: 'none',
|
|
56
|
+
borderColor: theme.mvf.palette.disabled,
|
|
57
|
+
},
|
|
58
|
+
'& .MuiSvgIcon-root': {
|
|
59
|
+
color: theme.mvf.palette.disabled,
|
|
60
|
+
},
|
|
49
61
|
} }, (isError && {
|
|
50
62
|
boxShadow: theme.mvf.boxShadow.error,
|
|
51
63
|
borderColor: theme.mvf.palette.error,
|
|
@@ -53,20 +65,17 @@ var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
53
65
|
boxShadow: theme.mvf.boxShadow.error,
|
|
54
66
|
borderColor: theme.mvf.palette.error,
|
|
55
67
|
},
|
|
68
|
+
'& .MuiSvgIcon-root': {
|
|
69
|
+
color: theme.mvf.palette.error,
|
|
70
|
+
},
|
|
56
71
|
})), (isValid && {
|
|
57
72
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
58
73
|
borderColor: theme.mvf.palette.primary.main,
|
|
59
|
-
'
|
|
60
|
-
|
|
61
|
-
borderColor: theme.mvf.palette.primary.main,
|
|
74
|
+
'& .MuiSvgIcon-root': {
|
|
75
|
+
color: theme.mvf.palette.primary.main,
|
|
62
76
|
},
|
|
63
77
|
})));
|
|
64
78
|
},
|
|
65
|
-
textField: {
|
|
66
|
-
'& .MuiFilledInput-root': {
|
|
67
|
-
backgroundColor: theme.mvf.palette.background.light,
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
79
|
});
|
|
71
80
|
});
|
|
72
81
|
exports.default = useTextFieldStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,kBAAkB,GAAG,IAAA,mBAAU,EACnC,UAAC,KAAK;IACJ,OAAA,IAAA,qBAAY,EAAC;QACX,
|
|
1
|
+
{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ var useCheckBoxClasses_1 = __importDefault(require("./useCheckBoxClasses"));
|
|
|
29
29
|
var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var CheckBox = function (_a) {
|
|
32
|
-
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError,
|
|
32
|
+
var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, selected = _a.selected, text = _a.text;
|
|
33
33
|
var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
|
|
34
34
|
var classes = (0, useCheckBoxClasses_1.default)();
|
|
35
35
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
@@ -52,7 +52,7 @@ var CheckBox = function (_a) {
|
|
|
52
52
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.checkBoxContents, direction: "row", justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
53
53
|
react_1.default.createElement(core_1.Checkbox, { className: classes.checkbox, checked: checked, color: "primary" }),
|
|
54
54
|
react_1.default.createElement(core_1.Grid, { item: true, className: classes.textArea }, isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
55
|
-
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onClick: handleInputClick, onChange: onChange, onBlur: onBlur, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined
|
|
55
|
+
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onClick: handleInputClick, onChange: onChange, onBlur: onBlur, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))))));
|
|
56
56
|
};
|
|
57
57
|
CheckBox.defaultProps = defaultProps_1.default;
|
|
58
58
|
exports.default = CheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAS/B;QARC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,IAAA,4BAAkB,GAAE,CAAC;IACrC,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,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,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,sBAAY,CAAC;AAErC,kBAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -23,6 +23,7 @@ var DropDownSelect = function (_a) {
|
|
|
23
23
|
var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, margin = _a.margin, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, placeholder = _a.placeholder, size = _a.size, value = _a.value, inputRef = _a.inputRef;
|
|
24
24
|
var classes = (0, useDropDownSelectStyles_1.default)({
|
|
25
25
|
isError: errorMessage !== undefined,
|
|
26
|
+
isValid: errorMessage === undefined && value !== 'none',
|
|
26
27
|
});
|
|
27
28
|
var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
|
|
28
29
|
var handleChange = function (e) {
|
|
@@ -35,7 +36,7 @@ var DropDownSelect = function (_a) {
|
|
|
35
36
|
focused: classes.focused,
|
|
36
37
|
adornedStart: classes.adornedStart,
|
|
37
38
|
},
|
|
38
|
-
className: classes.
|
|
39
|
+
className: classes.muiInput,
|
|
39
40
|
disableUnderline: true,
|
|
40
41
|
};
|
|
41
42
|
if (iconType !== 'none') {
|
|
@@ -43,7 +44,7 @@ var DropDownSelect = function (_a) {
|
|
|
43
44
|
InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start" },
|
|
44
45
|
react_1.default.createElement(IconComponent, null))) });
|
|
45
46
|
}
|
|
46
|
-
return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
|
|
47
|
+
return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputLabelProps: { className: classes.label }, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
|
|
47
48
|
react_1.default.createElement(core_1.MenuItem, { value: "none", disabled: true }, placeholder),
|
|
48
49
|
children));
|
|
49
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,IAAA,iCAAuB,EAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;
|
|
1
|
+
{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,IAAA,iCAAuB,EAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;QACnC,OAAO,EAAE,YAAY,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM;KACxD,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,YAAY,EAAE,OAAO,CAAC,YAAY;SACnC;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC3B,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO;gBAC9B,8BAAC,aAAa,OAAG,CACF,CAClB,GACF,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gBAAW,IACV,SAAS,QACT,MAAM,QACN,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,eAAe,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,EAC7C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB;QAE5B,8BAAC,eAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,UAC9B,WAAW,CACD;QACZ,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
|
|
@@ -26,17 +26,19 @@ var React = __importStar(require("react"));
|
|
|
26
26
|
var core_1 = require("@material-ui/core");
|
|
27
27
|
var addon_actions_1 = require("@storybook/addon-actions");
|
|
28
28
|
var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
|
|
29
|
-
var
|
|
29
|
+
var DropDownSelectStory = function (_a) {
|
|
30
30
|
var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, label = _a.label, placeholder = _a.placeholder;
|
|
31
|
+
var _b = React.useState('none'), currentValue = _b[0], setCurrentValue = _b[1];
|
|
31
32
|
var handleChange = function (_a) {
|
|
32
33
|
var id = _a.id, value = _a.value;
|
|
33
34
|
(0, addon_actions_1.action)('Changed Selection')(id, value);
|
|
35
|
+
setCurrentValue(value);
|
|
34
36
|
};
|
|
35
37
|
return (React.createElement("div", { style: { maxWidth: '460px' } },
|
|
36
|
-
React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder },
|
|
38
|
+
React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder, value: currentValue },
|
|
37
39
|
React.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
|
|
38
40
|
React.createElement(core_1.MenuItem, { value: 2 }, "Option 2"),
|
|
39
41
|
React.createElement(core_1.MenuItem, { value: 3 }, "Option 3"))));
|
|
40
42
|
};
|
|
41
|
-
exports.default =
|
|
43
|
+
exports.default = DropDownSelectStory;
|
|
42
44
|
//# sourceMappingURL=DropDownSelectStory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,
|
|
1
|
+
{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,mBAAmB,GAAc,UAAC,EAMvC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEL,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IAE/D,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,IAAA,sBAAM,EAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY;YAEnB,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -15,15 +15,51 @@ var styles_1 = require("@material-ui/styles");
|
|
|
15
15
|
var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
16
16
|
return (0, styles_1.createStyles)({
|
|
17
17
|
dropDownSelect: {
|
|
18
|
-
'& .
|
|
18
|
+
'& .MuiFilledInput-root': {
|
|
19
19
|
backgroundColor: theme.mvf.palette.background.light,
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
|
-
|
|
22
|
+
focused: function (_a) {
|
|
23
23
|
var isError = _a.isError;
|
|
24
|
-
return (__assign({
|
|
24
|
+
return (__assign({ '&$focused': {
|
|
25
25
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
26
26
|
borderColor: theme.mvf.palette.primary.main,
|
|
27
|
+
'& .MuiSvgIcon-root': {
|
|
28
|
+
color: theme.mvf.palette.primary.main,
|
|
29
|
+
},
|
|
30
|
+
} }, (isError && {
|
|
31
|
+
'&$focused': {
|
|
32
|
+
'& .MuiSvgIcon-root': {
|
|
33
|
+
color: theme.mvf.palette.error,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
})));
|
|
37
|
+
},
|
|
38
|
+
label: function (_a) {
|
|
39
|
+
var isValid = _a.isValid;
|
|
40
|
+
return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
|
|
41
|
+
color: theme.mvf.palette.primary.main,
|
|
42
|
+
} }, (isValid && {
|
|
43
|
+
color: theme.mvf.palette.primary.main,
|
|
44
|
+
})));
|
|
45
|
+
},
|
|
46
|
+
muiInput: function (_a) {
|
|
47
|
+
var isError = _a.isError, isValid = _a.isValid;
|
|
48
|
+
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': {
|
|
49
|
+
boxShadow: theme.mvf.boxShadow.primary,
|
|
50
|
+
borderColor: theme.mvf.palette.primary.main,
|
|
51
|
+
}, '& .MuiSvgIcon-root': {
|
|
52
|
+
color: theme.mvf.palette.text.grey,
|
|
53
|
+
}, '&.Mui-disabled': {
|
|
54
|
+
boxShadow: 'none',
|
|
55
|
+
borderColor: theme.mvf.palette.disabled,
|
|
56
|
+
'&:hover': {
|
|
57
|
+
boxShadow: 'none',
|
|
58
|
+
borderColor: theme.mvf.palette.disabled,
|
|
59
|
+
},
|
|
60
|
+
'& .MuiSvgIcon-root': {
|
|
61
|
+
color: theme.mvf.palette.disabled,
|
|
62
|
+
},
|
|
27
63
|
} }, (isError && {
|
|
28
64
|
boxShadow: theme.mvf.boxShadow.error,
|
|
29
65
|
borderColor: theme.mvf.palette.error,
|
|
@@ -31,16 +67,16 @@ var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
|
|
|
31
67
|
boxShadow: theme.mvf.boxShadow.error,
|
|
32
68
|
borderColor: theme.mvf.palette.error,
|
|
33
69
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
70
|
+
'& .MuiSvgIcon-root': {
|
|
71
|
+
color: theme.mvf.palette.error,
|
|
72
|
+
},
|
|
73
|
+
})), (isValid && {
|
|
38
74
|
boxShadow: theme.mvf.boxShadow.primary,
|
|
39
75
|
borderColor: theme.mvf.palette.primary.main,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
76
|
+
'& .MuiSvgIcon-root': {
|
|
77
|
+
color: theme.mvf.palette.primary.main,
|
|
78
|
+
},
|
|
79
|
+
})));
|
|
44
80
|
},
|
|
45
81
|
});
|
|
46
82
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;
|
|
1
|
+
{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
|
|
|
30
30
|
var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
|
|
31
31
|
var RadioGroupContext_1 = __importDefault(require("../../Organisms/RadioGroup/RadioGroupContext"));
|
|
32
32
|
var RadioButton = function (_a) {
|
|
33
|
-
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError
|
|
33
|
+
var id = _a.id, text = _a.text, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, isOtherOption = _a.isOtherOption, otherInputError = _a.otherInputError;
|
|
34
34
|
var _b = (0, react_1.useContext)(RadioGroupContext_1.default), selectedId = _b.selectedId, radioButtonSelected = _b.radioButtonSelected;
|
|
35
35
|
var otherInputElement = (0, react_1.useRef)(null);
|
|
36
36
|
var handleClick = function () {
|
|
@@ -46,7 +46,7 @@ var RadioButton = function (_a) {
|
|
|
46
46
|
react_1.default.createElement(core_1.Grid, { container: true, className: classes.radioButtonContents, direction: "row", justifyContent: "flex-start", alignItems: "center", wrap: "nowrap" },
|
|
47
47
|
react_1.default.createElement(core_1.Radio, { className: classes.radio, checked: checked, color: "primary", "data-testid": "toggle-" + id }),
|
|
48
48
|
react_1.default.createElement(core_1.Grid, { item: true, className: classes.textArea }, isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
|
|
49
|
-
react_1.default.createElement(TextField_1.default, { hiddenLabel: true, id: id, placeholder: text, onBlur: onBlur, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined
|
|
49
|
+
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.listItemText }, text))))));
|
|
50
50
|
};
|
|
51
51
|
RadioButton.defaultProps = defaultProps_1.default;
|
|
52
52
|
exports.default = RadioButton;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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;IAEhE,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,IAAM,OAAO,GAAG,EAAE,KAAK,UAAU,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,+BAAqB,GAAE,CAAC;IAExC,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,uBAAuB;QAEnC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,YAAO,IACN,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,iBACF,YAAU,EAAI,GAC3B;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,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,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,
|
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/RadioButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,MAAM,EAAE;QACN,gBAAgB;IAClB,CAAC;IACD,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE;QACR,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|