@bundle-stats/ui 4.2.0-beta.1 → 4.2.0-beta.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 (119) hide show
  1. package/lib/app/app.js +4 -5
  2. package/lib/app/app.js.map +1 -1
  3. package/lib/components/bundle-assets/bundle-assets.module.css +1 -1
  4. package/lib/components/bundle-assets/bundle-assets.utils.js +1 -1
  5. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  6. package/lib/components/bundle-modules/bundle-modules.js +2 -1
  7. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  8. package/lib/components/bundle-modules/bundle-modules.module.css +0 -4
  9. package/lib/components/bundle-modules/bundle-modules.utils.js +1 -1
  10. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  11. package/lib/components/bundle-modules/index.js +8 -2
  12. package/lib/components/bundle-modules/index.js.map +1 -1
  13. package/lib/components/bundle-packages/bundle-packages.utils.js +1 -1
  14. package/lib/components/bundle-packages/bundle-packages.utils.js.map +1 -1
  15. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js +31 -0
  16. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.js.map +1 -0
  17. package/lib/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  18. package/lib/components/{duplicate-packages-warning → duplicate-packages-insight}/index.js +1 -1
  19. package/lib/components/duplicate-packages-insight/index.js.map +1 -0
  20. package/lib/components/index.js +3 -3
  21. package/lib/components/job-header/job-header.js +1 -1
  22. package/lib/components/job-header/job-header.js.map +1 -1
  23. package/lib/components/metrics-table/index.js +19 -3
  24. package/lib/components/metrics-table/index.js.map +1 -1
  25. package/lib/components/metrics-table/metrics-table.js +13 -3
  26. package/lib/components/metrics-table/metrics-table.js.map +1 -1
  27. package/lib/components/metrics-table/metrics-table.module.css +27 -0
  28. package/lib/components/module-info/module-info.js +16 -24
  29. package/lib/components/module-info/module-info.js.map +1 -1
  30. package/lib/components/module-info/module-info.module.css +8 -27
  31. package/lib/components/summary-item/summary-item.js +1 -1
  32. package/lib/components/summary-item/summary-item.js.map +1 -1
  33. package/lib/components/summary-item/summary-item.module.css +5 -0
  34. package/lib/css/variables.css +2 -2
  35. package/lib/hooks/search-params.js +11 -2
  36. package/lib/hooks/search-params.js.map +1 -1
  37. package/lib-esm/app/app.js +5 -5
  38. package/lib-esm/app/app.js.map +1 -1
  39. package/lib-esm/components/bundle-assets/bundle-assets.module.css +1 -1
  40. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +1 -1
  41. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  42. package/lib-esm/components/bundle-modules/bundle-modules.js +2 -1
  43. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  44. package/lib-esm/components/bundle-modules/bundle-modules.module.css +0 -4
  45. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +1 -1
  46. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  47. package/lib-esm/components/bundle-modules/index.js +8 -2
  48. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  49. package/lib-esm/components/bundle-packages/bundle-packages.utils.js +1 -1
  50. package/lib-esm/components/bundle-packages/bundle-packages.utils.js.map +1 -1
  51. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js +24 -0
  52. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map +1 -0
  53. package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  54. package/lib-esm/components/duplicate-packages-insight/index.js +2 -0
  55. package/lib-esm/components/duplicate-packages-insight/index.js.map +1 -0
  56. package/lib-esm/components/index.js +1 -1
  57. package/lib-esm/components/job-header/job-header.js +2 -2
  58. package/lib-esm/components/job-header/job-header.js.map +1 -1
  59. package/lib-esm/components/metrics-table/index.js +6 -1
  60. package/lib-esm/components/metrics-table/index.js.map +1 -1
  61. package/lib-esm/components/metrics-table/metrics-table.js +13 -3
  62. package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
  63. package/lib-esm/components/metrics-table/metrics-table.module.css +27 -0
  64. package/lib-esm/components/module-info/module-info.js +17 -25
  65. package/lib-esm/components/module-info/module-info.js.map +1 -1
  66. package/lib-esm/components/module-info/module-info.module.css +8 -27
  67. package/lib-esm/components/summary-item/summary-item.js +1 -1
  68. package/lib-esm/components/summary-item/summary-item.js.map +1 -1
  69. package/lib-esm/components/summary-item/summary-item.module.css +5 -0
  70. package/lib-esm/css/variables.css +2 -2
  71. package/lib-esm/hooks/search-params.js +12 -3
  72. package/lib-esm/hooks/search-params.js.map +1 -1
  73. package/package.json +19 -19
  74. package/src/app/app.jsx +7 -8
  75. package/src/components/bundle-assets/bundle-assets.module.css +1 -1
  76. package/src/components/bundle-assets/bundle-assets.utils.js +1 -1
  77. package/src/components/bundle-modules/bundle-modules.jsx +9 -11
  78. package/src/components/bundle-modules/bundle-modules.module.css +0 -4
  79. package/src/components/bundle-modules/bundle-modules.utils.js +1 -1
  80. package/src/components/bundle-modules/index.jsx +15 -2
  81. package/src/components/bundle-packages/bundle-packages.utils.js +1 -1
  82. package/src/components/duplicate-packages-insight/duplicate-packages-insight.module.css +18 -0
  83. package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx +66 -0
  84. package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx +81 -0
  85. package/src/components/duplicate-packages-insight/index.ts +1 -0
  86. package/src/components/index.js +1 -1
  87. package/src/components/job-header/job-header.jsx +2 -2
  88. package/src/components/metrics-table/index.jsx +11 -0
  89. package/src/components/metrics-table/metrics-table.jsx +42 -5
  90. package/src/components/metrics-table/metrics-table.module.css +27 -0
  91. package/src/components/module-info/module-info.jsx +25 -55
  92. package/src/components/module-info/module-info.module.css +8 -27
  93. package/src/components/summary-item/summary-item.jsx +1 -1
  94. package/src/components/summary-item/summary-item.module.css +5 -0
  95. package/src/css/variables.css +2 -2
  96. package/src/hooks/search-params.js +23 -11
  97. package/tsconfig.esm.json +1 -1
  98. package/tsconfig.json +3 -0
  99. package/tsconfig.lib.json +1 -1
  100. package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts +11 -0
  101. package/types/components/duplicate-packages-insight/index.d.ts +1 -0
  102. package/types/components/index.d.ts +1 -1
  103. package/types/components/metrics-table/index.d.ts +1 -1
  104. package/types/components/metrics-table/metrics-table.d.ts +3 -1
  105. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -41
  106. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  107. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  108. package/lib/components/duplicate-packages-warning/index.js.map +0 -1
  109. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -34
  110. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  111. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  112. package/lib-esm/components/duplicate-packages-warning/index.js +0 -2
  113. package/lib-esm/components/duplicate-packages-warning/index.js.map +0 -1
  114. package/src/components/duplicate-packages-warning/duplicate-packages-warning.jsx +0 -60
  115. package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  116. package/src/components/duplicate-packages-warning/index.js +0 -1
  117. package/src/components/metrics-table/index.js +0 -1
  118. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +0 -21
  119. package/types/components/duplicate-packages-warning/index.d.ts +0 -1
@@ -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 +0,0 @@
1
- export * from './metrics-table';
@@ -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";