@bundle-stats/ui 4.3.0-beta.1 → 4.3.0-beta.3

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 (65) hide show
  1. package/lib/app/app.js +10 -5
  2. package/lib/app/app.js.map +1 -1
  3. package/lib/assets/icons.svg +9 -1
  4. package/lib/assets/icons.svg.js +6 -0
  5. package/lib/assets/icons.svg.js.map +1 -1
  6. package/lib/components/index.js +3 -3
  7. package/lib/components/index.js.map +1 -1
  8. package/lib/components/{duplicate-packages-warning → insights}/index.js +1 -1
  9. package/lib/components/insights/index.js.map +1 -0
  10. package/lib/components/insights/insights.js +58 -0
  11. package/lib/components/insights/insights.js.map +1 -0
  12. package/lib/components/insights/insights.module.css +32 -0
  13. package/lib/components/job-header/job-header.js +1 -1
  14. package/lib/components/job-header/job-header.js.map +1 -1
  15. package/lib/ui/icon/icon.js +2 -0
  16. package/lib/ui/icon/icon.js.map +1 -1
  17. package/lib-esm/app/app.js +11 -5
  18. package/lib-esm/app/app.js.map +1 -1
  19. package/lib-esm/assets/icons.svg +9 -1
  20. package/lib-esm/assets/icons.svg.js +6 -0
  21. package/lib-esm/assets/icons.svg.js.map +1 -1
  22. package/lib-esm/components/index.js +1 -1
  23. package/lib-esm/components/index.js.map +1 -1
  24. package/lib-esm/components/insights/index.js +2 -0
  25. package/lib-esm/components/insights/index.js.map +1 -0
  26. package/lib-esm/components/insights/insights.js +51 -0
  27. package/lib-esm/components/insights/insights.js.map +1 -0
  28. package/lib-esm/components/insights/insights.module.css +32 -0
  29. package/lib-esm/components/job-header/job-header.js +2 -2
  30. package/lib-esm/components/job-header/job-header.js.map +1 -1
  31. package/lib-esm/ui/icon/icon.js +2 -0
  32. package/lib-esm/ui/icon/icon.js.map +1 -1
  33. package/package.json +15 -17
  34. package/src/app/app.jsx +19 -10
  35. package/src/assets/icons/error.svg +6 -0
  36. package/src/assets/icons/info.svg +6 -0
  37. package/src/assets/icons.svg +9 -1
  38. package/src/assets/icons.svg.jsx +26 -0
  39. package/src/components/index.js +1 -1
  40. package/src/components/insights/index.ts +1 -0
  41. package/src/components/insights/insights.module.css +32 -0
  42. package/src/components/insights/insights.stories.tsx +50 -0
  43. package/src/components/insights/insights.tsx +101 -0
  44. package/src/components/job-header/job-header.jsx +2 -2
  45. package/src/ui/icon/icon.jsx +2 -0
  46. package/tsconfig.esm.json +1 -1
  47. package/tsconfig.lib.json +1 -1
  48. package/types/components/index.d.ts +1 -1
  49. package/types/components/insights/index.d.ts +1 -0
  50. package/types/components/insights/insights.d.ts +8 -0
  51. package/types/ui/icon/icon.d.ts +2 -0
  52. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -41
  53. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  54. package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  55. package/lib/components/duplicate-packages-warning/index.js.map +0 -1
  56. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js +0 -34
  57. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.js.map +0 -1
  58. package/lib-esm/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  59. package/lib-esm/components/duplicate-packages-warning/index.js +0 -2
  60. package/lib-esm/components/duplicate-packages-warning/index.js.map +0 -1
  61. package/src/components/duplicate-packages-warning/duplicate-packages-warning.jsx +0 -60
  62. package/src/components/duplicate-packages-warning/duplicate-packages-warning.module.css +0 -22
  63. package/src/components/duplicate-packages-warning/index.js +0 -1
  64. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +0 -21
  65. package/types/components/duplicate-packages-warning/index.d.ts +0 -1
@@ -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";