@mvf/external-components 1.21.0 → 1.22.0

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,26 @@
+"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.small,
+            color: theme.mvf.palette.text.grey,
+            textAlign: 'center',
+            height: '100%',
+        },
+    });
+});
+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,KAAK;YAClC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;YAClC,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,MAAM;SACf;KACF,CAAC;AAlBF,CAkBE,CACH,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",