@mvf/external-components 1.20.0 → 1.21.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/Button/Button.js +2 -2
- package/Components/Atoms/Button/Button.js.map +1 -1
- package/Components/Atoms/Button/Button.test.js +5 -5
- package/Components/Atoms/Button/Button.test.js.map +1 -1
- package/Components/Atoms/Button/IButtonProps.d.ts +1 -0
- 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/Molecules/NavBar/NavBar.js +2 -2
- package/Components/Molecules/NavBar/NavBar.js.map +1 -1
- package/Helpers/React/withTheme.d.ts +1 -1
- package/package.json +1 -1
|
@@ -9,9 +9,9 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
|
9
9
|
var useButtonClasses_1 = __importDefault(require("./useButtonClasses"));
|
|
10
10
|
var CircularProgress_1 = __importDefault(require("../CircularProgress/CircularProgress"));
|
|
11
11
|
var Button = function (_a) {
|
|
12
|
-
var disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, variant = _a.variant;
|
|
12
|
+
var disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, variant = _a.variant, dataTestId = _a.dataTestId;
|
|
13
13
|
var classes = (0, useButtonClasses_1.default)({ disabled: disabled });
|
|
14
|
-
return (react_1.default.createElement(core_1.Button, { fullWidth: true, classes: { endIcon: classes.endIcon }, className: classes.button, disabled: disabled, endIcon: loading && react_1.default.createElement(CircularProgress_1.default, null), onClick: onClick, variant: variant }, label));
|
|
14
|
+
return (react_1.default.createElement(core_1.Button, { fullWidth: true, classes: { endIcon: classes.endIcon }, className: classes.button, disabled: disabled, endIcon: loading && react_1.default.createElement(CircularProgress_1.default, null), onClick: onClick, variant: variant, "data-testid": dataTestId }, label));
|
|
15
15
|
};
|
|
16
16
|
Button.defaultProps = defaultProps_1.default;
|
|
17
17
|
exports.default = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0CAAwD;AAExD,gEAA0C;AAC1C,wEAAkD;AAClD,0FAAoE;AAOpE,IAAM,MAAM,GAAe,UAAC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,0CAAwD;AAExD,gEAA0C;AAC1C,wEAAkD;AAClD,0FAAoE;AAOpE,IAAM,MAAM,GAAe,UAAC,EAO3B;QANC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,IAAA,0BAAgB,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,aAAS,IACR,SAAS,QACT,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,EACrC,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,8BAAC,0BAAgB,OAAG,EACxC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,iBACH,UAAU,IAEtB,KAAK,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
|
@@ -8,32 +8,32 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
|
|
|
8
8
|
var Button_1 = __importDefault(require("./Button"));
|
|
9
9
|
describe('<Button />', function () {
|
|
10
10
|
it('should display button component', function () {
|
|
11
|
-
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { disabled: false, label: "Submit", id: "1", variant: "contained" })).getByText;
|
|
11
|
+
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { disabled: false, label: "Submit", id: "1", variant: "contained", dataTestId: "continuecta" })).getByText;
|
|
12
12
|
expect(getByText('Submit')).toBeTruthy();
|
|
13
13
|
});
|
|
14
14
|
it('should be clickable', function () {
|
|
15
15
|
var clickHandler = jest.fn();
|
|
16
|
-
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: false, variant: "contained", label: "Continue" })).getByText;
|
|
16
|
+
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: false, variant: "contained", label: "Continue", dataTestId: "continuecta" })).getByText;
|
|
17
17
|
getByText('Continue').click();
|
|
18
18
|
expect(clickHandler).toHaveBeenCalled();
|
|
19
19
|
});
|
|
20
20
|
it('should not be clickable if button is disabled', function () {
|
|
21
21
|
var clickHandler = jest.fn();
|
|
22
|
-
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue" })).getByText;
|
|
22
|
+
var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", dataTestId: "continuecta" })).getByText;
|
|
23
23
|
getByText('Continue').click();
|
|
24
24
|
expect(clickHandler).not.toHaveBeenCalled();
|
|
25
25
|
});
|
|
26
26
|
describe('loading', function () {
|
|
27
27
|
it('should show loading indicator if loading', function () {
|
|
28
28
|
var clickHandler = jest.fn();
|
|
29
|
-
var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", loading: true })).container;
|
|
29
|
+
var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", loading: true, dataTestId: "continuecta" })).container;
|
|
30
30
|
var indicator = container.querySelector('svg');
|
|
31
31
|
expect(indicator).toBeVisible();
|
|
32
32
|
expect(indicator).toHaveClass('MuiCircularProgress-svg');
|
|
33
33
|
});
|
|
34
34
|
it('should not show loading indicator if not loading', function () {
|
|
35
35
|
var clickHandler = jest.fn();
|
|
36
|
-
var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue" })).container;
|
|
36
|
+
var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", dataTestId: "continuecta" })).container;
|
|
37
37
|
var indicator = container.querySelector('svg');
|
|
38
38
|
expect(indicator).toBe(null);
|
|
39
39
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/Button/Button.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,oDAA8B;AAE9B,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,iCAAiC,EAAE;QAC5B,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,IACL,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,GAAG,EACN,OAAO,EAAC,WAAW,EACnB,UAAU,EAAC,aAAa,GACxB,CACH,UARgB,CAQf;QACF,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;QACxB,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE;QAClD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAEvB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UARgB,CAQf;QACF,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,SAAS,EAAE;QAClB,EAAE,CAAC,0CAA0C,EAAE;YAC7C,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,aAAa,GACxB,CACH,UATgB,CASf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;YAChC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,yBAAyB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE;YACrD,IAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAEvB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,aAAa,GACxB,CACH,UARgB,CAQf;YAEF,IAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -27,12 +27,12 @@ var core_1 = require("@material-ui/core");
|
|
|
27
27
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
|
28
28
|
var useIconButtonClasses_1 = require("./useIconButtonClasses");
|
|
29
29
|
var IconButton = function (_a) {
|
|
30
|
-
var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick;
|
|
30
|
+
var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId;
|
|
31
31
|
var classes = (0, useIconButtonClasses_1.useIconButtonClasses)({ disabled: disabled });
|
|
32
32
|
var handleClick = function () {
|
|
33
33
|
onClick();
|
|
34
34
|
};
|
|
35
|
-
return (React.createElement(core_1.Button, { disabled: disabled, onClick: handleClick, startIcon: icon, className: classes.iconButton }));
|
|
35
|
+
return (React.createElement(core_1.Button, { disabled: disabled, onClick: handleClick, startIcon: icon, className: classes.iconButton, "data-testid": dataTestId }));
|
|
36
36
|
};
|
|
37
37
|
IconButton.defaultProps = defaultProps_1.default;
|
|
38
38
|
exports.default = IconButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAuD;AAEvD,gEAA0C;AAE1C,+DAA8D;AAO9D,IAAM,UAAU,GAAmB,UAAC,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAuD;AAEvD,gEAA0C;AAE1C,+DAA8D;AAO9D,IAAM,UAAU,GAAmB,UAAC,EAKnC;QAJC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA;IAEV,IAAM,OAAO,GAAG,IAAA,2CAAoB,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;IAEnD,IAAM,WAAW,GAAG;QAClB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,OAAO,CAAC,UAAU,iBAChB,UAAU,GACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
|
@@ -34,10 +34,10 @@ var NavBar = function (_a) {
|
|
|
34
34
|
var classes = (0, useNavBarClasses_1.default)();
|
|
35
35
|
return (React.createElement(core_1.Box, { className: classes.container },
|
|
36
36
|
React.createElement(core_1.Box, { className: classes.backButton },
|
|
37
|
-
React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(KeyboardArrowLeft_1.default, null), onClick: onClickBack })),
|
|
37
|
+
React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(KeyboardArrowLeft_1.default, null), onClick: onClickBack, dataTestId: "backcta" })),
|
|
38
38
|
React.createElement(core_1.Box, { className: classes.space }, "\u00A0"),
|
|
39
39
|
React.createElement(core_1.Box, { className: classes.continueButton },
|
|
40
|
-
React.createElement(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, variant: buttonVariant, label: buttonLabel, loading: loading }))));
|
|
40
|
+
React.createElement(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, variant: buttonVariant, label: buttonLabel, loading: loading, dataTestId: "continuecta" }))));
|
|
41
41
|
};
|
|
42
42
|
NavBar.defaultProps = defaultProps_1.default;
|
|
43
43
|
exports.default = NavBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAiD;AACjD,2FAAqE;AAErE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAOlD,IAAM,MAAM,GAAe,UAAC,EAQ3B;QAPC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA;IAEf,IAAM,OAAO,GAAG,IAAA,0BAAgB,GAAE,CAAC;IAEnC,OAAO,CACL,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS;QACjC,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU;YAClC,oBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,oBAAC,2BAAiB,OAAG,EAC3B,OAAO,EAAE,WAAW,GACpB,CACI;QACR,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,aAAgB;QAC/C,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc;YACtC,oBAAC,gBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAAiD;AACjD,2FAAqE;AAErE,qEAA+C;AAC/C,iFAA2D;AAC3D,gEAA0C;AAE1C,wEAAkD;AAOlD,IAAM,MAAM,GAAe,UAAC,EAQ3B;QAPC,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,eAAe,qBAAA;IAEf,IAAM,OAAO,GAAG,IAAA,0BAAgB,GAAE,CAAC;IAEnC,OAAO,CACL,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS;QACjC,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU;YAClC,oBAAC,oBAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,oBAAC,2BAAiB,OAAG,EAC3B,OAAO,EAAE,WAAW,EACpB,UAAU,EAAC,SAAS,GACpB,CACI;QACR,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,aAAgB;QAC/C,oBAAC,UAAK,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc;YACtC,oBAAC,gBAAM,IACL,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,aAAa,GACxB,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
declare const withTheme: (component: React.ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
|
|
2
|
+
declare const withTheme: (component: React.ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
|
|
3
3
|
export default withTheme;
|