@mvf/external-components 1.21.0 → 1.22.2

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.
Files changed (11) hide show
  1. package/Components/Atoms/ProgressBar/IComponentProps.d.ts +1 -0
  2. package/Components/Atoms/ProgressBar/ProgressBar.js +10 -2
  3. package/Components/Atoms/ProgressBar/ProgressBar.js.map +1 -1
  4. package/Components/Atoms/ProgressBar/ProgressBar.test.js +7 -2
  5. package/Components/Atoms/ProgressBar/ProgressBar.test.js.map +1 -1
  6. package/Components/Atoms/ProgressBar/ProgressBarStory.js +1 -1
  7. package/Components/Atoms/ProgressBar/ProgressBarStory.js.map +1 -1
  8. package/Components/Atoms/ProgressBar/useProgressBarStyles.d.ts +2 -0
  9. package/Components/Atoms/ProgressBar/useProgressBarStyles.js +25 -0
  10. package/Components/Atoms/ProgressBar/useProgressBarStyles.js.map +1 -0
  11. package/package.json +7 -3
package/Components/Atoms/ProgressBar/IComponentProps.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  interface IComponentProps {
2
2
  id?: string;
3
3
  progress: number;
4
+ testId?: string;
4
5
  }
5
6
  export default IComponentProps;
package/Components/Atoms/ProgressBar/ProgressBar.js CHANGED
@@ -5,9 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var react_1 = __importDefault(require("react"));
7
7
  var core_1 = require("@material-ui/core");
8
+ var useProgressBarStyles_1 = __importDefault(require("./useProgressBarStyles"));
8
9
  var ProgressBar = function (_a) {
9
- var id = _a.id, progress = _a.progress;
10
- return (react_1.default.createElement(core_1.LinearProgress, { variant: "determinate", id: id, value: progress, "data-testid": "progressBar" }));
10
+ var id = _a.id, progress = _a.progress, testId = _a.testId;
11
+ var styles = (0, useProgressBarStyles_1.default)();
12
+ return (react_1.default.createElement(core_1.Box, { className: styles.container, "data-testid": testId },
13
+ react_1.default.createElement(core_1.Typography, { className: styles.text },
14
+ "Progress: ",
15
+ react_1.default.createElement("strong", null,
16
+ progress,
17
+ "%")),
18
+ react_1.default.createElement(core_1.LinearProgress, { variant: "determinate", className: styles.progressBar, id: id, value: progress })));
11
19
  };
12
20
  exports.default = ProgressBar;
13
21
  //# sourceMappingURL=ProgressBar.js.map
package/Components/Atoms/ProgressBar/ProgressBar.js.map CHANGED
@@ -1 +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"}
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"}
package/Components/Atoms/ProgressBar/ProgressBar.test.js CHANGED
@@ -8,8 +8,13 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
8
8
  var ProgressBar_1 = __importDefault(require("./ProgressBar"));
9
9
  describe('<ProgressBar />', function () {
10
10
  it('should display progress bar', function () {
11
- var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50 })).getByTestId;
12
- expect(getByTestId('progressBar')).toBeTruthy();
11
+ var getByTestId = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", testId: "test-id", progress: 50 })).getByTestId;
12
+ expect(getByTestId('test-id')).toBeTruthy();
13
+ });
14
+ it('should display progress text', function () {
15
+ var getByText = (0, withTheme_1.default)(react_1.default.createElement(ProgressBar_1.default, { id: "test-id", progress: 50 })).getByText;
16
+ expect(getByText('50%')).toBeTruthy();
17
+ expect(getByText('Progress:')).toBeTruthy();
13
18
  });
14
19
  });
15
20
  //# sourceMappingURL=ProgressBar.test.js.map
package/Components/Atoms/ProgressBar/ProgressBar.test.js.map CHANGED
@@ -1 +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"}
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"}
package/Components/Atoms/ProgressBar/ProgressBarStory.js CHANGED
@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
7
7
  var ProgressBar_1 = __importDefault(require("./ProgressBar"));
8
8
  var ProgressBarStory = function (_a) {
9
9
  var progress = _a.progress;
10
- return (react_1.default.createElement("div", { style: { maxWidth: '500px' } },
10
+ return (react_1.default.createElement("div", { style: { maxWidth: '500px', position: 'relative' } },
11
11
  react_1.default.createElement(ProgressBar_1.default, { id: "id", progress: progress })));
12
12
  };
13
13
  exports.default = ProgressBarStory;
package/Components/Atoms/ProgressBar/ProgressBarStory.js.map CHANGED
@@ -1 +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"}
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,QAAQ,EAAE,UAAU,EAAE;QACrD,8BAAC,qBAAW,IAAC,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAE,QAAQ,GAAI,CACvC,CACP;AAJgE,CAIhE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
package/Components/Atoms/ProgressBar/useProgressBarStyles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const useProgressBarStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
2
+ export default useProgressBarStyles;
package/Components/Atoms/ProgressBar/useProgressBarStyles.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var styles_1 = require("@material-ui/styles");
4
+ var useProgressBarStyles = (0, styles_1.makeStyles)(function (theme) {
5
+ return (0, styles_1.createStyles)({
6
+ progressBar: {
7
+ height: '100%',
8
+ },
9
+ container: {
10
+ height: 20,
11
+ width: '100%',
12
+ },
13
+ text: {
14
+ position: 'absolute',
15
+ width: 'inherit',
16
+ zIndex: 1,
17
+ fontSize: theme.mvf.fontSize.little,
18
+ color: theme.mvf.palette.text.grey,
19
+ textAlign: 'center',
20
+ top: 1,
21
+ },
22
+ });
23
+ });
24
+ exports.default = useProgressBarStyles;
25
+ //# sourceMappingURL=useProgressBarStyles.js.map
package/Components/Atoms/ProgressBar/useProgressBarStyles.js.map ADDED
@@ -0,0 +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;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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "1.21.0",
3
+ "version": "1.22.2",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",
@@ -26,8 +26,8 @@
26
26
  "@types/node": "^16.4.5",
27
27
  "@types/react": "^17.0.15",
28
28
  "@types/react-dom": "^17.0.9",
29
- "@typescript-eslint/eslint-plugin": "^4.28.5",
30
- "@typescript-eslint/parser": "^4.28.5",
29
+ "@typescript-eslint/eslint-plugin": "^5.29.0",
30
+ "@typescript-eslint/parser": "^4.33.0",
31
31
  "babel-loader": "^8.2.2",
32
32
  "eslint": "^7.31.0",
33
33
  "eslint-config-airbnb-typescript": "^11.4.0",
@@ -54,6 +54,10 @@
54
54
  "react": "^17.0.2",
55
55
  "react-dom": "^17.0.2"
56
56
  },
57
+ "resolutions": {
58
+ "@types/react": "17.0.14",
59
+ "@types/react-dom": "17.0.14"
60
+ },
57
61
  "husky": {
58
62
  "hooks": {
59
63
  "pre-commit": "lint-staged && tsc --noEmit && npm test"