@mvf/external-components 3.11.9 → 3.12.1-dev.0
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/IconButton/IComponentProps.d.ts +1 -0
- package/Components/Atoms/IconButton/IconButton.js +2 -2
- package/Components/Atoms/IconButton/IconButton.js.map +1 -1
- package/Components/Atoms/IconButton/IconButtonStory.d.ts +1 -0
- package/Components/Atoms/IconButton/IconButtonStory.js +2 -2
- package/Components/Atoms/IconButton/IconButtonStory.js.map +1 -1
- package/Components/Atoms/IconButton/defaultProps.d.ts +1 -0
- package/Components/Atoms/IconButton/defaultProps.js +1 -0
- package/Components/Atoms/IconButton/defaultProps.js.map +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.d.ts +1 -1
- package/Components/Atoms/IconButton/makeIconButtonStyling.js +25 -12
- package/Components/Atoms/IconButton/makeIconButtonStyling.js.map +1 -1
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js +0 -14
- package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map +1 -1
- package/package.json +1 -1
- package/Components/Atoms/IconButton/IIconButtonStyleProps.d.ts +0 -4
- package/Components/Atoms/IconButton/IIconButtonStyleProps.js +0 -3
- package/Components/Atoms/IconButton/IIconButtonStyleProps.js.map +0 -1
@@ -9,8 +9,8 @@ var Button_1 = __importDefault(require("@mui/material/Button"));
|
|
9
9
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
10
10
|
var makeIconButtonStyling_1 = require("./makeIconButtonStyling");
|
11
11
|
var IconButton = function (_a) {
|
12
|
-
var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId;
|
13
|
-
var styles = (0, makeIconButtonStyling_1.makeIconButtonStyling)();
|
12
|
+
var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId, variant = _a.variant;
|
13
|
+
var styles = (0, makeIconButtonStyling_1.makeIconButtonStyling)(variant);
|
14
14
|
var handleClick = function () {
|
15
15
|
onClick();
|
16
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAOhE,IAAM,UAAU,GAAmB,UAAC,
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gEAA4C;AAG5C,gEAA0C;AAC1C,iEAAgE;AAOhE,IAAM,UAAU,GAAmB,UAAC,EAMnC;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA;IAEP,IAAM,MAAM,GAAG,IAAA,6CAAqB,EAAC,OAAO,CAAC,CAAC;IAE9C,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gBAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,MAAM,iBACE,UAAU,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
@@ -4,6 +4,7 @@ type ButtonStartIconStoryType = React.FunctionComponent<{
|
|
4
4
|
disabled: boolean;
|
5
5
|
iconType: keyof IIcons;
|
6
6
|
children: React.ReactNode;
|
7
|
+
variant: 'inline' | 'stacked';
|
7
8
|
}>;
|
8
9
|
declare const ButtonStartIconStory: ButtonStartIconStoryType;
|
9
10
|
export default ButtonStartIconStory;
|
@@ -8,9 +8,9 @@ var addon_actions_1 = require("@storybook/addon-actions");
|
|
8
8
|
var IconButton_1 = __importDefault(require("./IconButton"));
|
9
9
|
var icons_1 = __importDefault(require("../../../Helpers/icons"));
|
10
10
|
var ButtonStartIconStory = function (_a) {
|
11
|
-
var disabled = _a.disabled, iconType = _a.iconType, children = _a.children;
|
11
|
+
var disabled = _a.disabled, iconType = _a.iconType, children = _a.children, variant = _a.variant;
|
12
12
|
var IconComponent = icons_1.default[iconType];
|
13
|
-
return ((0, jsx_runtime_1.jsx)("div", { style: { width: '50px', height: '50px' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked'), children: children }) }));
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: { width: '50px', height: '50px' }, children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { disabled: disabled, icon: (0, jsx_runtime_1.jsx)(IconComponent, {}), onClick: (0, addon_actions_1.action)('ButtonStartIcon Clicked'), variant: variant, children: children }) }));
|
14
14
|
};
|
15
15
|
exports.default = ButtonStartIconStory;
|
16
16
|
//# sourceMappingURL=IconButtonStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;
|
1
|
+
{"version":3,"file":"IconButtonStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButtonStory.tsx"],"names":[],"mappings":";;;;;;AACA,0DAAkD;AAClD,4DAAsC;AACtC,iEAAuD;AASvD,IAAM,oBAAoB,GAA6B,UAAC,EAKvD;QAJC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;IAEtC,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAC3C,uBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,uBAAC,aAAa,KAAG,EACvB,OAAO,EAAE,IAAA,sBAAM,EAAC,yBAAyB,CAAC,EAC1C,OAAO,EAAE,OAAO,YAEf,QAAQ,GACE,GACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAgB;
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE;QACP,gBAAgB;IAClB,CAAC;IACD,QAAQ,EAAE,KAAgB;IAC1B,OAAO,EAAE,QAAgC;CAC1C,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const makeIconButtonStyling: () => import("@emotion/utils").SerializedStyles;
|
1
|
+
export declare const makeIconButtonStyling: (variant: "inline" | "stacked") => import("@emotion/utils").SerializedStyles;
|
2
2
|
export default makeIconButtonStyling;
|
@@ -1,8 +1,19 @@
|
|
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
|
exports.makeIconButtonStyling = void 0;
|
4
15
|
var react_1 = require("@emotion/react");
|
5
|
-
var makeIconButtonStyling = function () {
|
16
|
+
var makeIconButtonStyling = function (variant) {
|
6
17
|
var theme = (0, react_1.useTheme)();
|
7
18
|
return (0, react_1.css)({
|
8
19
|
height: '100%',
|
@@ -11,20 +22,22 @@ var makeIconButtonStyling = function () {
|
|
11
22
|
'& .MuiButton-startIcon': {
|
12
23
|
margin: 0,
|
13
24
|
},
|
14
|
-
'&.MuiButton-root': {
|
15
|
-
color: theme.mvf.palette.text.primaryTextColor,
|
16
|
-
backgroundColor: theme.mvf.palette.component.backButtonColor,
|
17
|
-
minWidth: '100%',
|
18
|
-
'&.Mui-disabled': {
|
25
|
+
'&.MuiButton-root': __assign(__assign({ minWidth: '100%', color: theme.mvf.palette.text.primaryTextColor, '&.Mui-disabled': {
|
19
26
|
color: theme.mvf.palette.status.disabled,
|
20
|
-
},
|
21
|
-
|
27
|
+
} }, (variant === 'inline' && {
|
28
|
+
backgroundColor: theme.mvf.palette.component.backButtonColor,
|
29
|
+
})), (variant === 'stacked' && {
|
30
|
+
backgroundColor: 'rgb(251, 251, 251)',
|
31
|
+
border: 'solid',
|
32
|
+
borderWidth: theme.mvf.border.width.thin,
|
33
|
+
borderColor: 'rgb(225, 225, 225)',
|
34
|
+
})),
|
22
35
|
'@media (hover: hover)': {
|
23
|
-
'&:hover': {
|
36
|
+
'&:hover': __assign(__assign({ boxShadow: theme.mvf.boxShadow.heavy }, (variant === 'inline' && {
|
24
37
|
backgroundColor: theme.mvf.palette.component.backButtonHoverColor,
|
25
|
-
|
26
|
-
|
27
|
-
},
|
38
|
+
})), (variant === 'stacked' && {
|
39
|
+
backgroundColor: 'rgb(237, 237, 237)',
|
40
|
+
})),
|
28
41
|
},
|
29
42
|
});
|
30
43
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"makeIconButtonStyling.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/makeIconButtonStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wCAA+C;AAExC,IAAM,qBAAqB,GAAG,UAAC,OAA6B;IACjE,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,WAAG,EAAC;QACT,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;QACjB,wBAAwB,EAAE;YACxB,MAAM,EAAE,CAAC;SACV;QACD,kBAAkB,sBAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;aACzC,IACE,CAAC,OAAO,KAAK,QAAQ,IAAI;YAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe;SAC7D,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;YAC3B,eAAe,EAAE,oBAAoB;YACrC,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;YACxC,WAAW,EAAE,oBAAoB;SAClC,CAAC,CACH;QACD,uBAAuB,EAAE;YACvB,SAAS,sBACP,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,IACjC,CAAC,OAAO,KAAK,QAAQ,IAAI;gBAC1B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,oBAAoB;aAClE,CAAC,GACC,CAAC,OAAO,KAAK,SAAS,IAAI;gBAC3B,eAAe,EAAE,oBAAoB;aACtC,CAAC,CACH;SACF;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAtCW,QAAA,qBAAqB,yBAsChC;AAEF,kBAAe,6BAAqB,CAAC"}
|
@@ -36,29 +36,15 @@ var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel
|
|
36
36
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
37
37
|
var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./makeFormControlPhoneNumberStyling"));
|
38
38
|
var makeFormControlStyles_1 = __importDefault(require("../../../Components/Atoms/FormControl/makeFormControlStyles"));
|
39
|
-
var setUserAgent = function (userAgent) {
|
40
|
-
Object.defineProperty(navigator, 'userAgent', {
|
41
|
-
get: function () {
|
42
|
-
return userAgent; // customized user agent
|
43
|
-
},
|
44
|
-
configurable: true,
|
45
|
-
});
|
46
|
-
};
|
47
39
|
var getInput = function (id) {
|
48
40
|
return document.querySelector("#".concat(id));
|
49
41
|
};
|
50
42
|
var initIntlTelInput = function (input) {
|
51
|
-
// Keep the initial userAgent
|
52
|
-
var initialUserAgent = navigator.userAgent;
|
53
|
-
// Set mobile layout in userAgent
|
54
|
-
setUserAgent('iPhone');
|
55
43
|
// Init plugin
|
56
44
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
57
45
|
(0, intl_tel_input_1.default)(input, {
|
58
46
|
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.min.js',
|
59
47
|
});
|
60
|
-
// Restore the initial userAgent
|
61
|
-
setUserAgent(initialUserAgent);
|
62
48
|
};
|
63
49
|
var PhoneNumberTextField = function (_a) {
|
64
50
|
var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive"]);
|
@@ -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;AAOhG,IAAM,
|
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;AAOhG,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,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;AACL,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"}
|
package/package.json
CHANGED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"IIconButtonStyleProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IIconButtonStyleProps.ts"],"names":[],"mappings":""}
|