@mvf/external-components 1.20.0 → 1.22.1

package/Components/Atoms/Button/Button.js

@@ -9,9 +9,9 @@ var defaultProps_1 = __importDefault(require("./defaultProps"));
 var useButtonClasses_1 = __importDefault(require("./useButtonClasses"));
 var CircularProgress_1 = __importDefault(require("../CircularProgress/CircularProgress"));
 var Button = function (_a) {
-    var disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, variant = _a.variant;
+    var disabled = _a.disabled, label = _a.label, loading = _a.loading, onClick = _a.onClick, variant = _a.variant, dataTestId = _a.dataTestId;
     var classes = (0, useButtonClasses_1.default)({ disabled: disabled });
-    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));
+    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));
 };
 Button.defaultProps = defaultProps_1.default;
 exports.default = Button;

package/Components/Atoms/Button/Button.js.map

@@ -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,EAA8C;QAA5C,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;IACtE,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,IAEf,KAAK,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
+{"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"}

package/Components/Atoms/Button/Button.test.js

@@ -8,32 +8,32 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
 var Button_1 = __importDefault(require("./Button"));
 describe('<Button />', function () {
     it('should display button component', function () {
-        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { disabled: false, label: "Submit", id: "1", variant: "contained" })).getByText;
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { disabled: false, label: "Submit", id: "1", variant: "contained", dataTestId: "continuecta" })).getByText;
         expect(getByText('Submit')).toBeTruthy();
     });
     it('should be clickable', function () {
         var clickHandler = jest.fn();
-        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: false, variant: "contained", label: "Continue" })).getByText;
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: false, variant: "contained", label: "Continue", dataTestId: "continuecta" })).getByText;
         getByText('Continue').click();
         expect(clickHandler).toHaveBeenCalled();
     });
     it('should not be clickable if button is disabled', function () {
         var clickHandler = jest.fn();
-        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue" })).getByText;
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", dataTestId: "continuecta" })).getByText;
         getByText('Continue').click();
         expect(clickHandler).not.toHaveBeenCalled();
     });
     describe('loading', function () {
         it('should show loading indicator if loading', function () {
             var clickHandler = jest.fn();
-            var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", loading: true })).container;
+            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;
             var indicator = container.querySelector('svg');
             expect(indicator).toBeVisible();
             expect(indicator).toHaveClass('MuiCircularProgress-svg');
         });
         it('should not show loading indicator if not loading', function () {
             var clickHandler = jest.fn();
-            var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue" })).container;
+            var container = (0, withTheme_1.default)(react_1.default.createElement(Button_1.default, { onClick: clickHandler, disabled: true, variant: "contained", label: "Continue", dataTestId: "continuecta" })).container;
             var indicator = container.querySelector('svg');
             expect(indicator).toBe(null);
         });

package/Components/Atoms/Button/Button.test.js.map

@@ -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,IAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,GAAG,CACtE,UAFgB,CAEf;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,GAChB,CACH,UAPgB,CAOf;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,GAChB,CACH,UAPgB,CAOf;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,GACb,CACH,UARgB,CAQf;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,GAChB,CACH,UAPgB,CAOf;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"}
+{"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"}

package/Components/Atoms/Button/IButtonProps.d.ts

@@ -5,5 +5,6 @@ interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     loading: boolean;
     onClick: () => void;
     variant: 'outlined' | 'contained';
+    dataTestId?: string;
 }
 export default IButtonProps;

package/Components/Atoms/IconButton/IComponentProps.d.ts

@@ -4,5 +4,6 @@ interface IComponentProps {
     icon: React.ReactNode;
     disabled: boolean;
     onClick: () => void;
+    dataTestId?: string;
 }
 export default IComponentProps;

package/Components/Atoms/IconButton/IconButton.js

@@ -27,12 +27,12 @@ var core_1 = require("@material-ui/core");
 var defaultProps_1 = __importDefault(require("./defaultProps"));
 var useIconButtonClasses_1 = require("./useIconButtonClasses");
 var IconButton = function (_a) {
-    var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick;
+    var disabled = _a.disabled, icon = _a.icon, onClick = _a.onClick, dataTestId = _a.dataTestId;
     var classes = (0, useIconButtonClasses_1.useIconButtonClasses)({ disabled: disabled });
     var handleClick = function () {
         onClick();
     };
-    return (React.createElement(core_1.Button, { disabled: disabled, onClick: handleClick, startIcon: icon, className: classes.iconButton }));
+    return (React.createElement(core_1.Button, { disabled: disabled, onClick: handleClick, startIcon: icon, className: classes.iconButton, "data-testid": dataTestId }));
 };
 IconButton.defaultProps = defaultProps_1.default;
 exports.default = IconButton;

package/Components/Atoms/IconButton/IconButton.js.map

@@ -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,EAA2B;QAAzB,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA;IAC3D,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,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
+{"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"}

package/Components/Atoms/ProgressBar/IComponentProps.d.ts

@@ -1,5 +1,6 @@
 interface IComponentProps {
     id?: string;
     progress: number;
+    testId?: string;
 }
 export default IComponentProps;

package/Components/Atoms/ProgressBar/ProgressBar.js

@@ -5,9 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var core_1 = require("@material-ui/core");
+var useProgressBarStyles_1 = __importDefault(require("./useProgressBarStyles"));
 var ProgressBar = function (_a) {
-    var id = _a.id, progress = _a.progress;
-    return (react_1.default.createElement(core_1.LinearProgress, { variant: "determinate", id: id, value: progress, "data-testid": "progressBar" }));
+    var id = _a.id, progress = _a.progress, testId = _a.testId;
+    var styles = (0, useProgressBarStyles_1.default)();
+    return (react_1.default.createElement(core_1.Box, { className: styles.container, "data-testid": testId },
+        react_1.default.createElement(core_1.Typography, { className: styles.text },
+            "Progress: ",
+            react_1.default.createElement("strong", null,
+                progress,
+                "%")),
+        react_1.default.createElement(core_1.LinearProgress, { variant: "determinate", className: styles.progressBar, id: id, value: progress })));
 };
 exports.default = ProgressBar;
 //# sourceMappingURL=ProgressBar.js.map

package/Components/Atoms/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,0CAAmD;AAKnD,IAAM,WAAW,GAAoB,UAAC,EAAgB;QAAd,EAAE,QAAA,EAAE,QAAQ,cAAA;IAClD,OAAO,CACL,8BAAC,qBAAc,IACb,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,QAAQ,iBACH,aAAa,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAiD;AACjD,0CAAoE;AAEpE,gFAA0D;AAI1D,IAAM,WAAW,GAAoB,UAAC,EAAwB;QAAtB,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC1D,IAAM,MAAM,GAAG,IAAA,8BAAoB,GAAE,CAAC;IACtC,OAAO,CACL,8BAAC,UAAG,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,iBAAe,MAAM;QACnD,8BAAC,iBAAU,IAAC,SAAS,EAAE,MAAM,CAAC,IAAI;;YACtB;gBAAS,QAAQ;oBAAW,CAC3B;QACb,8BAAC,qBAAc,IACb,OAAO,EAAC,aAAa,EACrB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,QAAQ,GACf,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/Components/Atoms/ProgressBar/ProgressBar.test.js

@@ -8,8 +8,13 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
 var ProgressBar_1 = __importDefault(require("./ProgressBar"));
 describe('<ProgressBar />', function () {
     it('should display progress bar', function () {
-        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50 })).getByTestId;
-        expect(getByTestId('progressBar')).toBeTruthy();
+        var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", testId: "test-id", progress: 50 })).getByTestId;
+        expect(getByTestId('test-id')).toBeTruthy();
+    });
+    it('should display progress text', function () {
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50 })).getByText;
+        expect(getByText('50%')).toBeTruthy();
+        expect(getByText('Progress:')).toBeTruthy();
     });
 });
 //# sourceMappingURL=ProgressBar.test.js.map

package/Components/Atoms/ProgressBar/ProgressBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,8DAAwC;AAExC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,IAAA,mBAAS,EAC/B,8BAAC,qBAAW,IAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,GAAI,CAC3C,YAFkB,CAEjB;QACF,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+EAAyD;AACzD,8DAAwC;AAExC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,IAAA,mBAAS,EAC/B,8BAAC,qBAAW,IAAC,EAAE,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,GAAI,CAC5D,YAFkB,CAEjB;QACF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAAC,8BAAC,qBAAW,IAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,GAAI,CAAC,UAA1D,CAA2D;QAC5E,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Atoms/ProgressBar/useProgressBarStyles.d.ts

@@ -0,0 +1,2 @@
+declare const useProgressBarStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export default useProgressBarStyles;

package/Components/Atoms/ProgressBar/useProgressBarStyles.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("@material-ui/styles");
+var useProgressBarStyles = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
+        progressBar: {
+            height: '100%',
+        },
+        container: {
+            height: 20,
+            width: '100%',
+            position: 'relative',
+        },
+        text: {
+            position: 'absolute',
+            width: 'inherit',
+            zIndex: 1,
+            fontSize: theme.mvf.fontSize.little,
+            color: theme.mvf.palette.text.grey,
+            textAlign: 'center',
+            height: '100%',
+            top: 1,
+        },
+    });
+});
+exports.default = useProgressBarStyles;
+//# sourceMappingURL=useProgressBarStyles.js.map

package/Components/Atoms/ProgressBar/useProgressBarStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProgressBarStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/useProgressBarStyles.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EAAS,UAAC,KAAK;IACpD,OAAA,IAAA,qBAAY,EAAC;QACX,WAAW,EAAE;YACX,MAAM,EAAE,MAAM;SACf;QACD,SAAS,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;SACrB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;YACnC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,MAAM;YACd,GAAG,EAAE,CAAC;SACP;KACF,CAAC;AAnBF,CAmBE,CACH,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/Components/Molecules/NavBar/NavBar.js

@@ -34,10 +34,10 @@ var NavBar = function (_a) {
     var classes = (0, useNavBarClasses_1.default)();
     return (React.createElement(core_1.Box, { className: classes.container },
         React.createElement(core_1.Box, { className: classes.backButton },
-            React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(KeyboardArrowLeft_1.default, null), onClick: onClickBack })),
+            React.createElement(IconButton_1.default, { disabled: disabled, icon: React.createElement(KeyboardArrowLeft_1.default, null), onClick: onClickBack, dataTestId: "backcta" })),
         React.createElement(core_1.Box, { className: classes.space }, "\u00A0"),
         React.createElement(core_1.Box, { className: classes.continueButton },
-            React.createElement(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, variant: buttonVariant, label: buttonLabel, loading: loading }))));
+            React.createElement(Button_1.default, { disabled: buttonDisabled, onClick: onClickContinue, variant: buttonVariant, label: buttonLabel, loading: loading, dataTestId: "continuecta" }))));
 };
 NavBar.defaultProps = defaultProps_1.default;
 exports.default = NavBar;

package/Components/Molecules/NavBar/NavBar.js.map

@@ -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,GAChB,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
+{"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"}

package/Helpers/React/withTheme.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const withTheme: (component: React.ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const withTheme: (component: React.ReactNode) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export default withTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "1.20.0",
+  "version": "1.22.1",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",
@@ -26,8 +26,8 @@
     "@types/node": "^16.4.5",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^4.28.5",
-    "@typescript-eslint/parser": "^4.28.5",
+    "@typescript-eslint/eslint-plugin": "^5.29.0",
+    "@typescript-eslint/parser": "^4.33.0",
     "babel-loader": "^8.2.2",
     "eslint": "^7.31.0",
     "eslint-config-airbnb-typescript": "^11.4.0",
@@ -54,6 +54,10 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
+  "resolutions": {
+    "@types/react": "17.0.14",
+    "@types/react-dom": "17.0.14"
+  },
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged && tsc --noEmit && npm test"