@bundle-stats/ui 4.2.0-beta.5 → 4.2.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.
@@ -12,7 +12,7 @@ const stack_1 = require("../../layout/stack");
12
12
  const icon_1 = require("../../ui/icon");
13
13
  const component_link_1 = require("../component-link");
14
14
  const insights_module_css_1 = __importDefault(require("./insights.module.css"));
15
- const normalizedInsights = ({ duplicatePackages, newPackages }) => {
15
+ const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
16
16
  const insightsByLevel = {
17
17
  [utils_1.InsightType.ERROR]: [],
18
18
  [utils_1.InsightType.WARNING]: [],
@@ -1 +1 @@
1
- {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,+CAM6B;AAE7B,wDAAoD;AACpD,8CAA2C;AAC3C,wCAAqC;AACrC,sDAAkD;AAElD,gFAAwC;AAQxC,MAAM,kBAAkB,GAAG,CACzB,EAAE,iBAAiB,EAAE,WAAW,EAAuC,EAClD,EAAE;IACvB,MAAM,eAAe,GAA6C;QAChE,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,EAAE;QACvB,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAE,EAAE;QACzB,CAAC,mBAAW,CAAC,IAAI,CAAC,EAAE,EAAE;KACvB,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAC3C,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,iBAAiB;YAC1B,IAAI,EAAE,iCAAyB;SAChC,CAAC,CAAC;KACJ;IAED,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YACrC,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,WAAW;YACpB,IAAI,EAAE,6BAAqB;SAC5B,CAAC,CAAC;KACJ;IAED,OAAO;QACL,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,mBAAW,CAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,mBAAW,CAAC,OAAO,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,mBAAW,CAAC,IAAI,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAElD,OAAO,CACL,8BAAC,sBAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,KAAK,EAAE,6BAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAE1C,KAAK,IAAI,8BAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,6BAAG,CAAC,IAAI,GAAI;YACrD,4CAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,QAAQ,YAgCnB"}
1
+ {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,+CAM6B;AAE7B,wDAAoD;AACpD,8CAA2C;AAC3C,wCAAqC;AACrC,sDAAkD;AAElD,gFAAwC;AAQxC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,iBAAiB,EACjB,WAAW,GACyB,EAAuB,EAAE;IAC7D,MAAM,eAAe,GAA6C;QAChE,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,EAAE;QACvB,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAE,EAAE;QACzB,CAAC,mBAAW,CAAC,IAAI,CAAC,EAAE,EAAE;KACvB,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAC3C,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,iBAAiB;YAC1B,IAAI,EAAE,iCAAyB;SAChC,CAAC,CAAC;KACJ;IAED,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YACrC,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,WAAW;YACpB,IAAI,EAAE,6BAAqB;SAC5B,CAAC,CAAC;KACJ;IAED,OAAO;QACL,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,mBAAW,CAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,mBAAW,CAAC,OAAO,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,mBAAW,CAAC,IAAI,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAElD,OAAO,CACL,8BAAC,sBAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,KAAK,EAAE,6BAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAE1C,KAAK,IAAI,8BAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,6BAAG,CAAC,IAAI,GAAI;YACrD,4CAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,QAAQ,YAgCnB"}
@@ -1,22 +1,21 @@
1
1
  .icon {
2
- border-radius: 50%;
3
2
  padding: 3px;
4
- width: 22px;
5
- height: 22px;
3
+ box-sizing: content-box;
4
+ border-radius: 50%;
6
5
  background: var(--color-highlight);
7
6
  }
8
7
 
9
- .ERROR .icon {
8
+ .error .icon {
10
9
  background: var(--color-red-50);
11
10
  color: var(--color-danger);
12
11
  }
13
12
 
14
- .WARNING .icon {
13
+ .warning .icon {
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
- .INFO .icon {
18
+ .info .icon {
20
19
  background: var(--color-highlight-info);
21
20
  color: var(--color-info);
22
21
  }
@@ -6,7 +6,7 @@ import { Stack } from '../../layout/stack';
6
6
  import { Icon } from '../../ui/icon';
7
7
  import { ComponentLink } from '../component-link';
8
8
  import css from './insights.module.css';
9
- const normalizedInsights = ({ duplicatePackages, newPackages }) => {
9
+ const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
10
10
  const insightsByLevel = {
11
11
  [InsightType.ERROR]: [],
12
12
  [InsightType.WARNING]: [],
@@ -1 +1 @@
1
- {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"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"}
@@ -1,22 +1,21 @@
1
1
  .icon {
2
- border-radius: 50%;
3
2
  padding: 3px;
4
- width: 22px;
5
- height: 22px;
3
+ box-sizing: content-box;
4
+ border-radius: 50%;
6
5
  background: var(--color-highlight);
7
6
  }
8
7
 
9
- .ERROR .icon {
8
+ .error .icon {
10
9
  background: var(--color-red-50);
11
10
  color: var(--color-danger);
12
11
  }
13
12
 
14
- .WARNING .icon {
13
+ .warning .icon {
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
- .INFO .icon {
18
+ .info .icon {
20
19
  background: var(--color-highlight-info);
21
20
  color: var(--color-info);
22
21
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.2.0-beta.5",
3
+ "version": "4.2.0",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -20,8 +20,7 @@
20
20
  "start": "cross-env NODE_ENV=development start-storybook -c ./build/storybook -p 8080",
21
21
  "test": "npm run test:unit",
22
22
  "test:unit": "jest src --passWithNoTests",
23
- "test:storyshots": "jest build/storybook ",
24
- "chromatic": "chromatic --exit-zero-on-changes"
23
+ "test:storyshots": "jest build/storybook "
25
24
  },
26
25
  "repository": {
27
26
  "type": "git",
@@ -41,17 +40,16 @@
41
40
  "devDependencies": {
42
41
  "@babel/preset-env": "7.20.2",
43
42
  "@babel/preset-react": "7.18.6",
44
- "@storybook/addon-essentials": "6.5.15",
43
+ "@storybook/addon-essentials": "6.5.16",
45
44
  "@storybook/addon-knobs": "6.4.0",
46
45
  "@storybook/addon-postcss": "2.0.0",
47
- "@storybook/addon-storyshots": "6.5.15",
48
- "@storybook/addons": "6.5.15",
49
- "@storybook/builder-webpack5": "6.5.15",
50
- "@storybook/manager-webpack5": "6.5.15",
51
- "@storybook/react": "6.5.15",
46
+ "@storybook/addon-storyshots": "6.5.16",
47
+ "@storybook/addons": "6.5.16",
48
+ "@storybook/builder-webpack5": "6.5.16",
49
+ "@storybook/manager-webpack5": "6.5.16",
50
+ "@storybook/react": "6.5.16",
52
51
  "@types/react": "18.0.26",
53
52
  "babel-plugin-require-context-hook": "1.0.0",
54
- "chromatic": "6.15.0",
55
53
  "classnames": "2.3.2",
56
54
  "colormap": "2.3.2",
57
55
  "cross-env": "7.0.3",
@@ -60,9 +58,9 @@
60
58
  "enzyme-to-json": "3.6.2",
61
59
  "hex-rgb": "5.0.0",
62
60
  "identity-obj-proxy": "3.0.0",
63
- "jest": "29.4.0",
61
+ "jest": "29.4.2",
64
62
  "jest-date-mock": "1.0.8",
65
- "jest-environment-jsdom": "29.4.0",
63
+ "jest-environment-jsdom": "29.4.2",
66
64
  "lodash": "4.17.21",
67
65
  "postcss": "8.4.21",
68
66
  "prop-types": "15.8.1",
@@ -71,7 +69,7 @@
71
69
  "react-router-dom": "5.3.4",
72
70
  "react-test-renderer": "18.2.0",
73
71
  "rimraf": "4.1.2",
74
- "typescript": "4.9.4"
72
+ "typescript": "4.9.5"
75
73
  },
76
74
  "peerDependencies": {
77
75
  "classnames": "^2.0.0",
@@ -82,11 +80,11 @@
82
80
  "react-router-dom": "^5.0.0"
83
81
  },
84
82
  "dependencies": {
85
- "@bundle-stats/utils": "^4.2.0-beta.5",
83
+ "@bundle-stats/utils": "^4.2.0",
86
84
  "ariakit": "2.0.0-next.43",
87
85
  "modern-css-reset": "1.4.0",
88
86
  "query-string": "7.1.3",
89
- "use-query-params": "2.1.2"
87
+ "use-query-params": "2.2.0"
90
88
  },
91
- "gitHead": "f603c449f178e4014b54920c73522b80a1ab184b"
89
+ "gitHead": "c3b384e7c884a4bf355371dcd5bc0eb6d53e4c06"
92
90
  }
@@ -1,22 +1,21 @@
1
1
  .icon {
2
- border-radius: 50%;
3
2
  padding: 3px;
4
- width: 22px;
5
- height: 22px;
3
+ box-sizing: content-box;
4
+ border-radius: 50%;
6
5
  background: var(--color-highlight);
7
6
  }
8
7
 
9
- .ERROR .icon {
8
+ .error .icon {
10
9
  background: var(--color-red-50);
11
10
  color: var(--color-danger);
12
11
  }
13
12
 
14
- .WARNING .icon {
13
+ .warning .icon {
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
- .INFO .icon {
18
+ .info .icon {
20
19
  background: var(--color-highlight-info);
21
20
  color: var(--color-info);
22
21
  }
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+
3
+ import { getWrapperDecorator } from '../../stories';
4
+ import { Insights } from '.';
5
+
6
+ export default {
7
+ title: 'Components/Insights',
8
+ component: Insights,
9
+ decorators: [getWrapperDecorator()],
10
+ };
11
+
12
+ const Template = (props: any) => <Insights {...props} />;
13
+
14
+ export const Default = Template.bind({});
15
+
16
+ Default.args = {
17
+ duplicatePackages: {
18
+ type: 'error',
19
+ data: {
20
+ packages: { 'package-a': ['package-a', 'package-a~1'] },
21
+ text: 'Bundle introduced 1 and removed 2 duplicate packages',
22
+ },
23
+ },
24
+ newPackages: {
25
+ type: 'warning',
26
+ data: {
27
+ text: 'Bundle introduced 2 new packages: package-c, package-d',
28
+ packages: ['package-c', 'package-d'],
29
+ },
30
+ },
31
+ };
32
+
33
+ export const Info = Template.bind({});
34
+
35
+ Info.args = {
36
+ duplicatePackages: {
37
+ type: 'info',
38
+ data: {
39
+ packages: { 'package-a': ['package-a', 'package-a~1'] },
40
+ text: 'Bundle removed 1 duplicate packages',
41
+ },
42
+ },
43
+ newPackages: {
44
+ type: 'warning',
45
+ data: {
46
+ text: 'Bundle introduced 2 new packages: package-c, package-d',
47
+ packages: ['package-c', 'package-d'],
48
+ },
49
+ },
50
+ };
@@ -21,9 +21,10 @@ interface InsightEntry {
21
21
  link: any;
22
22
  }
23
23
 
24
- const normalizedInsights = (
25
- { duplicatePackages, newPackages }: Partial<JobInsightsType['webpack']>,
26
- ): Array<InsightEntry> => {
24
+ const normalizedInsights = ({
25
+ duplicatePackages,
26
+ newPackages,
27
+ }: Partial<JobInsightsType['webpack']>): Array<InsightEntry> => {
27
28
  const insightsByLevel: Record<InsightType, Array<InsightEntry>> = {
28
29
  [InsightType.ERROR]: [],
29
30
  [InsightType.WARNING]: [],