@bundle-stats/ui 4.3.0-beta.1 → 4.4.0-beta.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.
Files changed (63) hide show
  1. package/lib/app/app.js +4 -5
  2. package/lib/app/app.js.map +1 -1
  3. package/lib/components/bundle-modules/bundle-modules.js +1 -2
  4. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  5. package/lib/components/bundle-modules/bundle-modules.module.css +4 -0
  6. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +31 -0
  7. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +1 -0
  8. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  9. package/lib/components/{duplicate-packages-warning → duplicate-packages-insight}/index.js +1 -1
  10. package/lib/components/duplicate-packages-insight/index.js.map +1 -0
  11. package/lib/components/index.js +3 -3
  12. package/lib/components/job-header/job-header.js +1 -1
  13. package/lib/components/job-header/job-header.js.map +1 -1
  14. package/lib/components/module-info/module-info.js +24 -16
  15. package/lib/components/module-info/module-info.js.map +1 -1
  16. package/lib/components/module-info/module-info.module.css +27 -8
  17. package/lib-esm/app/app.js +5 -5
  18. package/lib-esm/app/app.js.map +1 -1
  19. package/lib-esm/components/bundle-modules/bundle-modules.js +1 -2
  20. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  21. package/lib-esm/components/bundle-modules/bundle-modules.module.css +4 -0
  22. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +24 -0
  23. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +1 -0
  24. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  25. package/lib-esm/components/duplicate-packages-insight/index.js +2 -0
  26. package/lib-esm/components/duplicate-packages-insight/index.js.map +1 -0
  27. package/lib-esm/components/index.js +1 -1
  28. package/lib-esm/components/job-header/job-header.js +2 -2
  29. package/lib-esm/components/job-header/job-header.js.map +1 -1
  30. package/lib-esm/components/module-info/module-info.js +25 -17
  31. package/lib-esm/components/module-info/module-info.js.map +1 -1
  32. package/lib-esm/components/module-info/module-info.module.css +27 -8
  33. package/package.json +7 -7
  34. package/src/app/app.jsx +7 -8
  35. package/src/components/bundle-modules/bundle-modules.jsx +11 -9
  36. package/src/components/bundle-modules/bundle-modules.module.css +4 -0
  37. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  38. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +66 -0
  39. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +81 -0
  40. package/src/components/duplicate-packages-insight/index.ts +1 -0
  41. package/src/components/index.js +1 -1
  42. package/src/components/job-header/job-header.jsx +2 -2
  43. package/src/components/module-info/module-info.jsx +55 -25
  44. package/src/components/module-info/module-info.module.css +27 -8
  45. package/tsconfig.esm.json +1 -1
  46. package/tsconfig.lib.json +1 -1
  47. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +11 -0
  48. package/types/components/duplicate-packages-insight/index.d.ts +1 -0
  49. package/types/components/index.d.ts +1 -1
  50. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -41
  51. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  52. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  53. package/lib/components/duplicate-packages-warning/index.js.map +0 -1
  54. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -34
  55. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  56. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  57. package/lib-esm/components/duplicate-packages-warning/index.js +0 -2
  58. package/lib-esm/components/duplicate-packages-warning/index.js.map +0 -1
  59. package/src/components/duplicate-packages-warning/duplicate-packages-warning.jsx +0 -60
  60. package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  61. package/src/components/duplicate-packages-warning/index.js +0 -1
  62. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +0 -21
  63. package/types/components/duplicate-packages-warning/index.d.ts +0 -1
@@ -1,41 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DuplicatePackagesWarning = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
- const classnames_1 = __importDefault(require("classnames"));
10
- const utils_1 = require("@bundle-stats/utils");
11
- const alert_1 = require("../../ui/alert");
12
- const component_link_1 = require("../component-link");
13
- const delta_1 = require("../delta");
14
- const duplicate_packages_warning_module_css_1 = __importDefault(require("./duplicate-packages-warning.module.css"));
15
- const numberMetric = utils_1.METRIC_TYPES[utils_1.METRIC_TYPE_NUMERIC];
16
- const DuplicatePackagesWarning = (props) => {
17
- const { className, duplicatePackagesCount, customComponentLink: CustomComponentLink, showDelta, } = props;
18
- const metricRunInfo = (0, utils_1.getMetricRunInfo)(numberMetric, duplicatePackagesCount.current, duplicatePackagesCount.baseline);
19
- return (react_1.default.createElement(alert_1.Alert, { kind: "warning", className: (0, classnames_1.default)(duplicate_packages_warning_module_css_1.default.root, className) },
20
- `Bundle contains `,
21
- react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_DUPLICATE },
22
- metricRunInfo.value,
23
- showDelta && metricRunInfo.delta !== 0 && (react_1.default.createElement(delta_1.Delta, { className: duplicate_packages_warning_module_css_1.default.titleDelta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })),
24
- ` duplicate ${metricRunInfo.value === 1 ? 'package' : 'packages'}.`)));
25
- };
26
- exports.DuplicatePackagesWarning = DuplicatePackagesWarning;
27
- exports.DuplicatePackagesWarning.propTypes = {
28
- className: prop_types_1.default.string,
29
- customComponentLink: prop_types_1.default.elementType,
30
- duplicatePackagesCount: prop_types_1.default.shape({
31
- current: prop_types_1.default.number,
32
- baseline: prop_types_1.default.number,
33
- }).isRequired,
34
- showDelta: prop_types_1.default.bool,
35
- };
36
- exports.DuplicatePackagesWarning.defaultProps = {
37
- className: '',
38
- customComponentLink: component_link_1.ComponentLink,
39
- showDelta: true,
40
- };
41
- //# sourceMappingURL=duplicate-packages-warning.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"duplicate-packages-warning.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/duplicate-packages-warning.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAC5B,+CAAqH;AAErH,0CAAuC;AACvC,sDAAkD;AAClD,oCAAiC;AACjC,oHAA0D;AAE1D,MAAM,YAAY,GAAG,oBAAY,CAAC,2BAAmB,CAAC,CAAC;AAEhD,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,wBAAgB,EACpC,YAAY,EACZ,sBAAsB,CAAC,OAAO,EAC9B,sBAAsB,CAAC,QAAQ,CAChC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,+CAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrD,kBAAkB;QACnB,8BAAC,mBAAmB,OAAK,iCAAyB;YAC/C,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,aAAa,CAAC,KAAK,KAAK,CAAC,IAAI,CACzC,8BAAC,aAAK,IACJ,SAAS,EAAE,+CAAG,CAAC,UAAU,EACzB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAY,EACxC,SAAS,EAAE,aAAa,CAAC,SAAS,GAClC,CACH;YACA,cAAc,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,CAChD,CAChB,CACT,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,wBAAwB,4BA+BnC;AAEF,gCAAwB,CAAC,SAAS,GAAG;IACnC,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,mBAAmB,EAAE,oBAAS,CAAC,WAAW;IAC1C,sBAAsB,EAAE,oBAAS,CAAC,KAAK,CAAC;QACtC,OAAO,EAAE,oBAAS,CAAC,MAAM;QACzB,QAAQ,EAAE,oBAAS,CAAC,MAAM;KAC3B,CAAC,CAAC,UAAU;IACb,SAAS,EAAE,oBAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,gCAAwB,CAAC,YAAY,GAAG;IACtC,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,8BAAa;IAClC,SAAS,EAAE,IAAI;CAChB,CAAC"}
@@ -1,22 +0,0 @@
1
- .root a {
2
- text-decoration: none;
3
- }
4
-
5
- .root a:hover,
6
- .root a:active,
7
- .root a:focus {
8
- text-decoration: none;
9
- }
10
-
11
- .title {
12
- margin-bottom: var(--space-xxsmall);
13
- font-size: var(--size-medium);
14
- }
15
-
16
- .titleDelta {
17
- margin-left: var(--space-xxxsmall);
18
- padding: 1px 2px;
19
- vertical-align: super;
20
- font-size: 9px;
21
- line-height: 1;
22
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA6C"}
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import { BUNDLE_PACKAGES_DUPLICATE, METRIC_TYPE_NUMERIC, METRIC_TYPES, getMetricRunInfo } from '@bundle-stats/utils';
5
- import { Alert } from '../../ui/alert';
6
- import { ComponentLink } from '../component-link';
7
- import { Delta } from '../delta';
8
- import css from './duplicate-packages-warning.module.css';
9
- const numberMetric = METRIC_TYPES[METRIC_TYPE_NUMERIC];
10
- export const DuplicatePackagesWarning = (props) => {
11
- const { className, duplicatePackagesCount, customComponentLink: CustomComponentLink, showDelta, } = props;
12
- const metricRunInfo = getMetricRunInfo(numberMetric, duplicatePackagesCount.current, duplicatePackagesCount.baseline);
13
- return (React.createElement(Alert, { kind: "warning", className: cx(css.root, className) },
14
- `Bundle contains `,
15
- React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_DUPLICATE },
16
- metricRunInfo.value,
17
- showDelta && metricRunInfo.delta !== 0 && (React.createElement(Delta, { className: css.titleDelta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })),
18
- ` duplicate ${metricRunInfo.value === 1 ? 'package' : 'packages'}.`)));
19
- };
20
- DuplicatePackagesWarning.propTypes = {
21
- className: PropTypes.string,
22
- customComponentLink: PropTypes.elementType,
23
- duplicatePackagesCount: PropTypes.shape({
24
- current: PropTypes.number,
25
- baseline: PropTypes.number,
26
- }).isRequired,
27
- showDelta: PropTypes.bool,
28
- };
29
- DuplicatePackagesWarning.defaultProps = {
30
- className: '',
31
- customComponentLink: ComponentLink,
32
- showDelta: true,
33
- };
34
- //# sourceMappingURL=duplicate-packages-warning.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"duplicate-packages-warning.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/duplicate-packages-warning.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAErH,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,yCAAyC,CAAC;AAE1D,MAAM,YAAY,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,gBAAgB,CACpC,YAAY,EACZ,sBAAsB,CAAC,OAAO,EAC9B,sBAAsB,CAAC,QAAQ,CAChC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrD,kBAAkB;QACnB,oBAAC,mBAAmB,OAAK,yBAAyB;YAC/C,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,aAAa,CAAC,KAAK,KAAK,CAAC,IAAI,CACzC,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,UAAU,EACzB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAY,EACxC,SAAS,EAAE,aAAa,CAAC,SAAS,GAClC,CACH;YACA,cAAc,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,CAChD,CAChB,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,SAAS,GAAG;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,mBAAmB,EAAE,SAAS,CAAC,WAAW;IAC1C,sBAAsB,EAAE,SAAS,CAAC,KAAK,CAAC;QACtC,OAAO,EAAE,SAAS,CAAC,MAAM;QACzB,QAAQ,EAAE,SAAS,CAAC,MAAM;KAC3B,CAAC,CAAC,UAAU;IACb,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,wBAAwB,CAAC,YAAY,GAAG;IACtC,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,aAAa;IAClC,SAAS,EAAE,IAAI;CAChB,CAAC"}
@@ -1,22 +0,0 @@
1
- .root a {
2
- text-decoration: none;
3
- }
4
-
5
- .root a:hover,
6
- .root a:active,
7
- .root a:focus {
8
- text-decoration: none;
9
- }
10
-
11
- .title {
12
- margin-bottom: var(--space-xxsmall);
13
- font-size: var(--size-medium);
14
- }
15
-
16
- .titleDelta {
17
- margin-left: var(--space-xxxsmall);
18
- padding: 1px 2px;
19
- vertical-align: super;
20
- font-size: 9px;
21
- line-height: 1;
22
- }
@@ -1,2 +0,0 @@
1
- export * from './duplicate-packages-warning';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/index.js"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
@@ -1,60 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import { BUNDLE_PACKAGES_DUPLICATE, METRIC_TYPE_NUMERIC, METRIC_TYPES, getMetricRunInfo } from '@bundle-stats/utils';
5
-
6
- import { Alert } from '../../ui/alert';
7
- import { ComponentLink } from '../component-link';
8
- import { Delta } from '../delta';
9
- import css from './duplicate-packages-warning.module.css';
10
-
11
- const numberMetric = METRIC_TYPES[METRIC_TYPE_NUMERIC];
12
-
13
- export const DuplicatePackagesWarning = (props) => {
14
- const {
15
- className,
16
- duplicatePackagesCount,
17
- customComponentLink: CustomComponentLink,
18
- showDelta,
19
- } = props;
20
-
21
- const metricRunInfo = getMetricRunInfo(
22
- numberMetric,
23
- duplicatePackagesCount.current,
24
- duplicatePackagesCount.baseline,
25
- );
26
-
27
- return (
28
- <Alert kind="warning" className={cx(css.root, className)}>
29
- {`Bundle contains `}
30
- <CustomComponentLink {...BUNDLE_PACKAGES_DUPLICATE}>
31
- {metricRunInfo.value}
32
- {showDelta && metricRunInfo.delta !== 0 && (
33
- <Delta
34
- className={css.titleDelta}
35
- inverted
36
- displayValue={metricRunInfo.displayDelta}
37
- deltaType={metricRunInfo.deltaType}
38
- />
39
- )}
40
- {` duplicate ${metricRunInfo.value === 1 ? 'package' : 'packages'}.`}
41
- </CustomComponentLink>
42
- </Alert>
43
- );
44
- };
45
-
46
- DuplicatePackagesWarning.propTypes = {
47
- className: PropTypes.string,
48
- customComponentLink: PropTypes.elementType,
49
- duplicatePackagesCount: PropTypes.shape({
50
- current: PropTypes.number,
51
- baseline: PropTypes.number,
52
- }).isRequired,
53
- showDelta: PropTypes.bool,
54
- };
55
-
56
- DuplicatePackagesWarning.defaultProps = {
57
- className: '',
58
- customComponentLink: ComponentLink,
59
- showDelta: true,
60
- };
@@ -1,22 +0,0 @@
1
- .root a {
2
- text-decoration: none;
3
- }
4
-
5
- .root a:hover,
6
- .root a:active,
7
- .root a:focus {
8
- text-decoration: none;
9
- }
10
-
11
- .title {
12
- margin-bottom: var(--space-xxsmall);
13
- font-size: var(--size-medium);
14
- }
15
-
16
- .titleDelta {
17
- margin-left: var(--space-xxxsmall);
18
- padding: 1px 2px;
19
- vertical-align: super;
20
- font-size: 9px;
21
- line-height: 1;
22
- }
@@ -1 +0,0 @@
1
- export * from './duplicate-packages-warning';
@@ -1,21 +0,0 @@
1
- export function DuplicatePackagesWarning(props: any): JSX.Element;
2
- export namespace DuplicatePackagesWarning {
3
- namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
6
- const duplicatePackagesCount: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
7
- current: PropTypes.Requireable<number>;
8
- baseline: PropTypes.Requireable<number>;
9
- }>>>;
10
- const showDelta: PropTypes.Requireable<boolean>;
11
- }
12
- namespace defaultProps {
13
- const className_1: string;
14
- export { className_1 as className };
15
- export { ComponentLink as customComponentLink };
16
- const showDelta_1: boolean;
17
- export { showDelta_1 as showDelta };
18
- }
19
- }
20
- import PropTypes from "prop-types";
21
- import { ComponentLink } from "../component-link";
@@ -1 +0,0 @@
1
- export * from "./duplicate-packages-warning";