@mvf/external-components 1.15.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 +2 -0
- package/Components/Atoms/TextField/TextField.js +25 -18
- package/Components/Atoms/TextField/TextField.js.map +1 -1
- package/Components/Atoms/TextField/defaultProps.d.ts +1 -0
- package/Components/Atoms/TextField/defaultProps.js +1 -0
- package/Components/Atoms/TextField/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;
|
|
@@ -20,5 +21,6 @@ interface ITextFieldProps {
|
|
|
20
21
|
placeholder?: string;
|
|
21
22
|
size: 'medium' | 'small';
|
|
22
23
|
value: string;
|
|
24
|
+
InputProps?: Partial<OutlinedInputProps>;
|
|
23
25
|
}
|
|
24
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,37 +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
37
|
var classes = (0, useTextFieldStyles_1.default)({
|
|
27
|
-
isError: errorMessage
|
|
38
|
+
isError: !!errorMessage,
|
|
28
39
|
isValid: isValid,
|
|
29
40
|
});
|
|
30
|
-
var
|
|
31
|
-
var newValue = e.target.value;
|
|
32
|
-
onChange({ id: id, value: newValue });
|
|
33
|
-
setCurrentValue(newValue);
|
|
34
|
-
};
|
|
35
|
-
var InputProps = {
|
|
36
|
-
classes: {
|
|
41
|
+
var inputPropClasses = __assign({ classes: {
|
|
37
42
|
focused: classes.focused,
|
|
38
|
-
},
|
|
39
|
-
className: classes.muiInput,
|
|
40
|
-
disableUnderline: true,
|
|
41
|
-
};
|
|
43
|
+
}, className: classes.muiInput, disableUnderline: true }, InputProps);
|
|
42
44
|
if (iconType) {
|
|
43
45
|
var IconComponent = icons_1.default[iconType];
|
|
44
|
-
|
|
45
|
-
react_1.default.createElement(IconComponent, null))) });
|
|
46
|
+
inputPropClasses = __assign({ startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start", "data-testid": "startAdornment" },
|
|
47
|
+
react_1.default.createElement(IconComponent, null))) }, inputPropClasses);
|
|
46
48
|
}
|
|
47
49
|
if (isValid || errorMessage) {
|
|
48
50
|
var validationIconType = isValid ? 'valid' : 'invalid';
|
|
49
51
|
var ValidationComponent = icons_1.default[validationIconType];
|
|
50
|
-
|
|
51
|
-
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);
|
|
52
54
|
}
|
|
53
|
-
|
|
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)));
|
|
54
61
|
};
|
|
55
62
|
TextField.defaultProps = defaultProps_1.default;
|
|
56
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"}
|
|
@@ -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,IAAI,EAAE,MAAM;IACZ,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"}
|