@mvf/external-components 1.22.0 → 1.23.0

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

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

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

@@ -1,5 +1,6 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import IComponentProps from './IComponentProps';
-declare type ProgressBarType = FunctionComponent<IComponentProps>;
+import defaultProps from './defaultProps';
+declare type ProgressBarType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const ProgressBar: ProgressBarType;
 export default ProgressBar;

package/Components/Atoms/ProgressBar/ProgressBar.js

@@ -6,16 +6,19 @@ 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 defaultProps_1 = __importDefault(require("./defaultProps"));
 var ProgressBar = function (_a) {
-    var id = _a.id, progress = _a.progress, testId = _a.testId;
+    var id = _a.id, progress = _a.progress, text = _a.text, 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: ",
+            text,
+            " ",
             react_1.default.createElement("strong", null,
                 progress,
                 "%")),
         react_1.default.createElement(core_1.LinearProgress, { variant: "determinate", className: styles.progressBar, id: id, value: progress })));
 };
+ProgressBar.defaultProps = defaultProps_1.default;
 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,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"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAoE;AAGpE,gFAA0D;AAC1D,gEAA0C;AAO1C,IAAM,WAAW,GAAoB,UAAC,EAKrC;QAJC,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,MAAM,YAAA;IAEN,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;YAC/B,IAAI;;YAAE;gBAAS,QAAQ;oBAAW,CACxB;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,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

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

@@ -12,9 +12,10 @@ describe('<ProgressBar />', function () {
         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;
+        var text = 'Test Progress Text';
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50, text: text })).getByText;
         expect(getByText('50%')).toBeTruthy();
-        expect(getByText('Progress:')).toBeTruthy();
+        expect(getByText(text)).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,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"}
+{"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;QACjC,IAAM,IAAI,GAAG,oBAAoB,CAAC;QAC1B,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,qBAAW,IAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,CACvD,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type ProgressBarStoryType = React.FunctionComponent<{
     progress: number;
+    text: string;
 }>;
 declare const ProgressBarStory: ProgressBarStoryType;
 export default ProgressBarStory;

package/Components/Atoms/ProgressBar/ProgressBarStory.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ProgressBar_1 = __importDefault(require("./ProgressBar"));
 var ProgressBarStory = function (_a) {
-    var progress = _a.progress;
-    return (react_1.default.createElement("div", { style: { maxWidth: '500px' } },
-        react_1.default.createElement(ProgressBar_1.default, { id: "id", progress: progress })));
+    var text = _a.text, progress = _a.progress;
+    return (react_1.default.createElement("div", { style: { maxWidth: '500px', position: 'relative' } },
+        react_1.default.createElement(ProgressBar_1.default, { id: "id", progress: progress, text: text })));
 };
 exports.default = ProgressBarStory;
 //# sourceMappingURL=ProgressBarStory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,8DAAwC;AAMxC,IAAM,gBAAgB,GAAyB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAC/D,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,8BAAC,qBAAW,IAAC,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACvC,CACP;AAJgE,CAIhE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,8DAAwC;AAOxC,IAAM,gBAAgB,GAAyB,UAAC,EAAkB;QAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACrE,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;QACrD,8BAAC,qBAAW,IAAC,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CACnD,CACP;AAJsE,CAItE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+declare const defaultProps: {
+    text: string;
+};
+export default defaultProps;

package/Components/Atoms/ProgressBar/defaultProps.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    text: 'Progress:',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/ProgressBar/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Components/Atoms/ProgressBar/useProgressBarStyles.js

@@ -9,16 +9,15 @@ var useProgressBarStyles = (0, styles_1.makeStyles)(function (theme) {
         container: {
             height: 20,
             width: '100%',
-            position: 'relative',
         },
         text: {
             position: 'absolute',
             width: 'inherit',
             zIndex: 1,
-            fontSize: theme.mvf.fontSize.small,
+            fontSize: theme.mvf.fontSize.little,
             color: theme.mvf.palette.text.grey,
             textAlign: 'center',
-            height: '100%',
+            top: 1,
         },
     });
 });

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

@@ -1 +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"}
+{"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;SACd;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,GAAG,EAAE,CAAC;SACP;KACF,CAAC;AAjBF,CAiBE,CACH,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "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"