@mvf/external-components 3.14.1-dev.6 → 3.14.1-dev.9

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.
Files changed (17) hide show
  1. package/Components/Atoms/FormControl/FormControl.js +2 -2
  2. package/Components/Atoms/FormControl/FormControl.js.map +1 -1
  3. package/Components/Atoms/FormControl/IFormControlProps.d.ts +2 -0
  4. package/Components/Atoms/FormControl/makeFormControlStyles.d.ts +4 -1
  5. package/Components/Atoms/FormControl/makeFormControlStyles.js +26 -18
  6. package/Components/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
  7. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +1 -1
  8. package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
  9. package/Components/Molecules/TextField/TextField.js +1 -1
  10. package/Components/Molecules/TextField/TextField.js.map +1 -1
  11. package/Experiments/Example/Atoms/FormControl/FormControl.js +2 -2
  12. package/Experiments/Example/Atoms/FormControl/FormControl.js.map +1 -1
  13. package/Experiments/Example/Atoms/FormControl/IFormControlProps.d.ts +2 -0
  14. package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.d.ts +4 -1
  15. package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js +26 -18
  16. package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js.map +1 -1
  17. package/package.json +1 -1
package/Components/Atoms/FormControl/FormControl.js CHANGED
@@ -31,8 +31,8 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
31
31
  var defaultProps_1 = __importDefault(require("./defaultProps"));
32
32
  var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
33
33
  var FormControl = function (_a) {
34
- var children = _a.children, error = _a.error, props = __rest(_a, ["children", "error"]);
35
- return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)() }, props, { children: children })));
34
+ var children = _a.children, error = _a.error, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, props = __rest(_a, ["children", "error", "isAutoFilledActive", "isSafari"]);
35
+ return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, props, { children: children })));
36
36
  };
37
37
  FormControl.defaultProps = defaultProps_1.default;
38
38
  exports.default = FormControl;
package/Components/Atoms/FormControl/FormControl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,GAAE,IACxB,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAMrC;IALC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cAL4B,uDAMrC,CADS;IAER,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
package/Components/Atoms/FormControl/IFormControlProps.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  interface IFormControlProps {
2
2
  error?: boolean;
3
+ isAutoFilledActive?: boolean;
4
+ isSafari?: boolean;
3
5
  }
4
6
  export default IFormControlProps;
package/Components/Atoms/FormControl/makeFormControlStyles.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const makeFormControlStyles: () => import("@emotion/react").SerializedStyles;
1
+ declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
2
+ isAutoFilledActive: boolean;
3
+ isSafari: boolean;
4
+ }) => import("@emotion/react").SerializedStyles;
2
5
  export default makeFormControlStyles;
package/Components/Atoms/FormControl/makeFormControlStyles.js CHANGED
@@ -1,38 +1,46 @@
1
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
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
3
14
  var react_1 = require("@emotion/react");
4
- var makeFormControlStyles = function () {
15
+ var makeFormControlStyles = function (_a) {
16
+ var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
5
17
  var theme = (0, react_1.useTheme)();
6
- return (0, react_1.css)({
7
- '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
18
+ var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
19
+ return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
8
20
  padding: '28px 55px 11px 0',
9
21
  paddingLeft: theme.mvf.spacing.medium,
10
- },
11
- '& .MuiInputBase-root .MuiInputAdornment-root + input': {
22
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + input': {
12
23
  paddingLeft: 0,
13
- },
14
- '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
24
+ }, '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
15
25
  padding: '28px 55px 11px 0',
16
26
  paddingLeft: theme.mvf.spacing.medium,
17
- },
18
- '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
27
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
19
28
  paddingLeft: 0,
20
- },
21
- '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
29
+ }, '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
22
30
  marginTop: '16px',
23
- },
24
- '& .MuiFormLabel-root': {
31
+ }, '& .MuiFormLabel-root': {
25
32
  lineHeight: 1.6,
26
- },
27
- '& .MuiFormHelperText-root': {
33
+ }, '& .MuiFormHelperText-root': {
28
34
  marginTop: theme.mvf.spacing.small,
29
35
  paddingLeft: theme.mvf.spacing.medium,
30
36
  fontSize: theme.mvf.fontSize.small,
31
- },
32
- '& .MuiSelect-icon': {
37
+ }, '& .MuiSelect-icon': {
33
38
  right: theme.mvf.spacing.medium,
39
+ } }, (isAutoFilledActive && {
40
+ '& .MuiInputBase-root': {
41
+ backgroundColor: autofillColor,
34
42
  },
35
- });
43
+ })));
36
44
  };
37
45
  exports.default = makeFormControlStyles;
38
46
  //# sourceMappingURL=makeFormControlStyles.js.map
package/Components/Atoms/FormControl/makeFormControlStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG;IAC5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf;QACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB;QACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB;QACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js CHANGED
@@ -73,7 +73,7 @@ var PhoneNumberTextField = function (_a) {
73
73
  }, []);
74
74
  return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
75
75
  (0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
76
- (0, makeFormControlStyles_1.default)(),
76
+ (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }),
77
77
  ], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
78
78
  };
79
79
  PhoneNumberTextField.defaultProps = defaultProps_1.default;
package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAUvD;IATC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,KAAK,cAT8C,oGAUvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,GAAE;SACxB,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kBACpD,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAUvD;IATC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,KAAK,cAT8C,oGAUvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;SACxD,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kBACpD,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
package/Components/Molecules/TextField/TextField.js CHANGED
@@ -33,7 +33,7 @@ var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel"));
33
33
  var defaultProps_1 = __importDefault(require("./defaultProps"));
34
34
  var TextField = function (_a) {
35
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, { error: !!errorMessage, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { 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 })] }));
36
+ return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: !!errorMessage, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { 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 }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
37
37
  };
38
38
  TextField.defaultProps = defaultProps_1.default;
39
39
  exports.default = TextField;
package/Components/Molecules/TextField/TextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,gEAA0C;AAQ1C,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,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,aAC/B,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,YACjE,KAAK,GACK,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,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,gEAA0C;AAQ1C,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,IACV,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,aAEjB,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,YACjE,KAAK,GACK,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,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
package/Experiments/Example/Atoms/FormControl/FormControl.js CHANGED
@@ -31,8 +31,8 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
31
31
  var defaultProps_1 = __importDefault(require("./defaultProps"));
32
32
  var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
33
33
  var FormControl = function (_a) {
34
- var children = _a.children, error = _a.error, props = __rest(_a, ["children", "error"]);
35
- return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)() }, props, { children: children })));
34
+ var children = _a.children, error = _a.error, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, props = __rest(_a, ["children", "error", "isAutoFilledActive", "isSafari"]);
35
+ return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, props, { children: children })));
36
36
  };
37
37
  FormControl.defaultProps = defaultProps_1.default;
38
38
  exports.default = FormControl;
package/Experiments/Example/Atoms/FormControl/FormControl.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,GAAE,IACxB,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAMrC;IALC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cAL4B,uDAMrC,CADS;IAER,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
package/Experiments/Example/Atoms/FormControl/IFormControlProps.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  interface IFormControlProps {
2
2
  error?: boolean;
3
+ isAutoFilledActive?: boolean;
4
+ isSafari?: boolean;
3
5
  }
4
6
  export default IFormControlProps;
package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const makeFormControlStyles: () => import("@emotion/react").SerializedStyles;
1
+ declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
2
+ isAutoFilledActive: boolean;
3
+ isSafari: boolean;
4
+ }) => import("@emotion/react").SerializedStyles;
2
5
  export default makeFormControlStyles;
package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js CHANGED
@@ -1,38 +1,46 @@
1
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
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
3
14
  var react_1 = require("@emotion/react");
4
- var makeFormControlStyles = function () {
15
+ var makeFormControlStyles = function (_a) {
16
+ var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
5
17
  var theme = (0, react_1.useTheme)();
6
- return (0, react_1.css)({
7
- '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
18
+ var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
19
+ return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
8
20
  padding: '28px 55px 11px 0',
9
21
  paddingLeft: theme.mvf.spacing.medium,
10
- },
11
- '& .MuiInputBase-root .MuiInputAdornment-root + input': {
22
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + input': {
12
23
  paddingLeft: 0,
13
- },
14
- '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
24
+ }, '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
15
25
  padding: '28px 55px 11px 0',
16
26
  paddingLeft: theme.mvf.spacing.medium,
17
- },
18
- '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
27
+ }, '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
19
28
  paddingLeft: 0,
20
- },
21
- '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
29
+ }, '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
22
30
  marginTop: '16px',
23
- },
24
- '& .MuiFormLabel-root': {
31
+ }, '& .MuiFormLabel-root': {
25
32
  lineHeight: 1.6,
26
- },
27
- '& .MuiFormHelperText-root': {
33
+ }, '& .MuiFormHelperText-root': {
28
34
  marginTop: theme.mvf.spacing.small,
29
35
  paddingLeft: theme.mvf.spacing.medium,
30
36
  fontSize: theme.mvf.fontSize.small,
31
- },
32
- '& .MuiSelect-icon': {
37
+ }, '& .MuiSelect-icon': {
33
38
  right: theme.mvf.spacing.medium,
39
+ } }, (isAutoFilledActive && {
40
+ '& .MuiInputBase-root': {
41
+ backgroundColor: autofillColor,
34
42
  },
35
- });
43
+ })));
36
44
  };
37
45
  exports.default = makeFormControlStyles;
38
46
  //# sourceMappingURL=makeFormControlStyles.js.map
package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG;IAC5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf;QACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB;QACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB;QACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "3.14.1-dev.6",
3
+ "version": "3.14.1-dev.9",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",