@bundle-stats/ui 4.3.0-rc.2 → 4.3.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 (118) hide show
  1. package/lib/app/app.module.css +2 -2
  2. package/lib/assets/icons.svg +3 -0
  3. package/lib/assets/icons.svg.js +2 -0
  4. package/lib/assets/icons.svg.js.map +1 -1
  5. package/lib/components/asset-info/asset-info.js +8 -1
  6. package/lib/components/asset-info/asset-info.js.map +1 -1
  7. package/lib/components/asset-info/asset-info.module.css +10 -0
  8. package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
  9. package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  10. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +4 -2
  11. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  12. package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  13. package/lib/components/bundle-modules/bundle-modules.js +11 -11
  14. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  15. package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
  16. package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  17. package/lib/components/bundle-modules/index.js +1 -1
  18. package/lib/components/bundle-modules/index.js.map +1 -1
  19. package/lib/components/index.js +1 -3
  20. package/lib/components/index.js.map +1 -1
  21. package/lib/components/job-header/job-header.js +12 -11
  22. package/lib/components/job-header/job-header.js.map +1 -1
  23. package/lib/components/jobs-header/index.js.map +1 -1
  24. package/lib/components/jobs-header/jobs-header.js +23 -14
  25. package/lib/components/jobs-header/jobs-header.js.map +1 -1
  26. package/lib/components/jobs-header/jobs-header.module.css +21 -3
  27. package/lib/components/module-info/module-info.js +20 -9
  28. package/lib/components/module-info/module-info.js.map +1 -1
  29. package/lib/components/module-info/module-info.module.css +7 -2
  30. package/lib/components/package-info/package-info.js +15 -8
  31. package/lib/components/package-info/package-info.js.map +1 -1
  32. package/lib/components/package-info/package-info.module.css +10 -0
  33. package/lib/ui/icon/icon.js +1 -0
  34. package/lib/ui/icon/icon.js.map +1 -1
  35. package/lib/ui/tooltip/tooltip.module.css +0 -1
  36. package/lib-esm/app/app.module.css +2 -2
  37. package/lib-esm/assets/icons.svg +3 -0
  38. package/lib-esm/assets/icons.svg.js +2 -0
  39. package/lib-esm/assets/icons.svg.js.map +1 -1
  40. package/lib-esm/components/asset-info/asset-info.js +9 -2
  41. package/lib-esm/components/asset-info/asset-info.js.map +1 -1
  42. package/lib-esm/components/asset-info/asset-info.module.css +10 -0
  43. package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
  44. package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
  45. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +4 -2
  46. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
  47. package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  48. package/lib-esm/components/bundle-modules/bundle-modules.js +11 -11
  49. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  50. package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
  51. package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
  52. package/lib-esm/components/bundle-modules/index.js +2 -2
  53. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  54. package/lib-esm/components/index.js +0 -1
  55. package/lib-esm/components/index.js.map +1 -1
  56. package/lib-esm/components/job-header/job-header.js +12 -11
  57. package/lib-esm/components/job-header/job-header.js.map +1 -1
  58. package/lib-esm/components/jobs-header/index.js.map +1 -1
  59. package/lib-esm/components/jobs-header/jobs-header.js +22 -13
  60. package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
  61. package/lib-esm/components/jobs-header/jobs-header.module.css +21 -3
  62. package/lib-esm/components/module-info/module-info.js +21 -10
  63. package/lib-esm/components/module-info/module-info.js.map +1 -1
  64. package/lib-esm/components/module-info/module-info.module.css +7 -2
  65. package/lib-esm/components/package-info/package-info.js +15 -8
  66. package/lib-esm/components/package-info/package-info.js.map +1 -1
  67. package/lib-esm/components/package-info/package-info.module.css +10 -0
  68. package/lib-esm/ui/icon/icon.js +1 -0
  69. package/lib-esm/ui/icon/icon.js.map +1 -1
  70. package/lib-esm/ui/tooltip/tooltip.module.css +0 -1
  71. package/package.json +8 -8
  72. package/src/app/app.module.css +2 -2
  73. package/src/assets/icons/external-link.svg +1 -0
  74. package/src/assets/icons.svg +3 -0
  75. package/src/assets/icons.svg.jsx +13 -0
  76. package/src/components/asset-info/asset-info.module.css +10 -0
  77. package/src/components/asset-info/asset-info.tsx +30 -9
  78. package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
  79. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +3 -2
  80. package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
  81. package/src/components/bundle-modules/bundle-modules.jsx +12 -11
  82. package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
  83. package/src/components/bundle-modules/index.jsx +2 -2
  84. package/src/components/index.js +0 -1
  85. package/src/components/job-header/job-header.jsx +16 -13
  86. package/src/components/jobs-header/jobs-header.module.css +21 -3
  87. package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
  88. package/src/components/jobs-header/jobs-header.tsx +91 -0
  89. package/src/components/module-info/module-info.module.css +7 -2
  90. package/src/components/module-info/module-info.tsx +45 -3
  91. package/src/components/package-info/package-info.module.css +10 -0
  92. package/src/components/package-info/package-info.tsx +46 -17
  93. package/src/ui/icon/icon.jsx +1 -0
  94. package/src/ui/tooltip/tooltip.module.css +0 -1
  95. package/types/components/asset-info/asset-info.d.ts +1 -0
  96. package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
  97. package/types/components/index.d.ts +0 -1
  98. package/types/components/jobs-header/index.d.ts +1 -1
  99. package/types/components/jobs-header/jobs-header.d.ts +18 -15
  100. package/types/components/module-info/module-info.d.ts +2 -0
  101. package/types/ui/icon/icon.d.ts +1 -0
  102. package/lib/components/job-meta/index.js +0 -18
  103. package/lib/components/job-meta/index.js.map +0 -1
  104. package/lib/components/job-meta/job-meta.js +0 -34
  105. package/lib/components/job-meta/job-meta.js.map +0 -1
  106. package/lib/components/job-meta/job-meta.module.css +0 -19
  107. package/lib-esm/components/job-meta/index.js +0 -2
  108. package/lib-esm/components/job-meta/index.js.map +0 -1
  109. package/lib-esm/components/job-meta/job-meta.js +0 -27
  110. package/lib-esm/components/job-meta/job-meta.js.map +0 -1
  111. package/lib-esm/components/job-meta/job-meta.module.css +0 -19
  112. package/src/components/job-meta/index.js +0 -1
  113. package/src/components/job-meta/job-meta.jsx +0 -47
  114. package/src/components/job-meta/job-meta.module.css +0 -19
  115. package/src/components/jobs-header/jobs-header.jsx +0 -43
  116. package/types/components/job-meta/index.d.ts +0 -1
  117. package/types/components/job-meta/job-meta.d.ts +0 -18
  118. /package/src/components/jobs-header/{index.js → index.ts} +0 -0
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import css from './job-meta.module.css';
5
- export const JobMeta = (props) => {
6
- const { as: Component, className, meta, ...restProps } = props;
7
- const rootClassName = cx(css.root, className);
8
- return (React.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
9
- const key = index;
10
- return (React.createElement("div", { className: css.item, key: key },
11
- title && (React.createElement("h2", { className: css.itemTitle }, title)),
12
- content.map((item) => item)));
13
- })));
14
- };
15
- JobMeta.propTypes = {
16
- className: PropTypes.string,
17
- meta: PropTypes.arrayOf(PropTypes.shape({
18
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
19
- content: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
20
- })).isRequired,
21
- as: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
22
- };
23
- JobMeta.defaultProps = {
24
- className: '',
25
- as: 'div',
26
- };
27
- //# sourceMappingURL=job-meta.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"job-meta.js","sourceRoot":"","sources":["../../../src/components/job-meta/job-meta.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAC7C,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,IAC/C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;QACtC,MAAM,GAAG,GAAG,KAAK,CAAC;QAElB,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YAC/B,KAAK,IAAI,CAAC,4BAAI,SAAS,EAAE,GAAG,CAAC,SAAS,IAAG,KAAK,CAAM,CAAC;YACrD,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CACxB,CACP,CAAC;IACJ,CAAC,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAElB,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;KACvF,CAAC,CAAC,CAAC,UAAU;IAGd,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC"}
@@ -1,19 +0,0 @@
1
- .root {
2
- padding: var(--space-xsmall) var(--space-small);
3
- display: flex;
4
- }
5
-
6
- .item {
7
- flex: 1 1 100%;
8
- }
9
-
10
- .itemTitle {
11
- margin: 0;
12
- font-size: 1em;
13
- font-weight: bold;
14
- color: var(--color-text-light);
15
- }
16
-
17
- .item + .item {
18
- margin-left: var(--space-xsmall);
19
- }
@@ -1 +0,0 @@
1
- export * from './job-meta';
@@ -1,47 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
-
5
- import css from './job-meta.module.css';
6
-
7
- export const JobMeta = (props) => {
8
- const {
9
- as: Component, className, meta, ...restProps
10
- } = props;
11
-
12
- const rootClassName = cx(css.root, className);
13
-
14
- return (
15
- <Component className={rootClassName} {...restProps}>
16
- {meta.map(({ title, content }, index) => {
17
- const key = index;
18
-
19
- return (
20
- <div className={css.item} key={key}>
21
- {title && (<h2 className={css.itemTitle}>{title}</h2>)}
22
- {content.map((item) => item)}
23
- </div>
24
- );
25
- })}
26
- </Component>
27
- );
28
- };
29
-
30
- JobMeta.propTypes = {
31
- /** Adopted child class name */
32
- className: PropTypes.string,
33
-
34
- /** Contrnt */
35
- meta: PropTypes.arrayOf(PropTypes.shape({
36
- title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
37
- content: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
38
- })).isRequired,
39
-
40
- /** Render component */
41
- as: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
42
- };
43
-
44
- JobMeta.defaultProps = {
45
- className: '',
46
- as: 'div',
47
- };
@@ -1,19 +0,0 @@
1
- .root {
2
- padding: var(--space-xsmall) var(--space-small);
3
- display: flex;
4
- }
5
-
6
- .item {
7
- flex: 1 1 100%;
8
- }
9
-
10
- .itemTitle {
11
- margin: 0;
12
- font-size: 1em;
13
- font-weight: bold;
14
- color: var(--color-text-light);
15
- }
16
-
17
- .item + .item {
18
- margin-left: var(--space-xsmall);
19
- }
@@ -1,43 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
-
5
- import I18N from '../../i18n';
6
- import { FlexStack } from '../../layout/flex-stack';
7
- import { JobHeader } from '../job-header';
8
- import css from './jobs-header.module.css';
9
-
10
- export const JobsHeader = (props) => {
11
- const { className, jobs } = props;
12
- const rootClassName = cx(css.root, className);
13
-
14
- return (
15
- <FlexStack className={rootClassName} space="none">
16
- {jobs?.map((job, index) => (
17
- <JobHeader
18
- key={job.internalBuildNumber || index}
19
- className={css.item}
20
- job={job}
21
- tag={index === 0 ? I18N.CURRENT : I18N.BASELINE}
22
- />
23
- ))}
24
- </FlexStack>
25
- );
26
- };
27
-
28
- JobsHeader.propTypes = {
29
- /** Adopted child classname */
30
- className: PropTypes.string,
31
-
32
- /** Jobs data */
33
- jobs: PropTypes.arrayOf(
34
- PropTypes.shape({
35
- internalBuildNumber: PropTypes.number,
36
- }),
37
- ),
38
- };
39
-
40
- JobsHeader.defaultProps = {
41
- className: '',
42
- jobs: null,
43
- };
@@ -1 +0,0 @@
1
- export * from "./job-meta";
@@ -1,18 +0,0 @@
1
- export function JobMeta(props: any): JSX.Element;
2
- export namespace JobMeta {
3
- namespace propTypes {
4
- const className: PropTypes.Requireable<string>;
5
- const meta: PropTypes.Validator<(PropTypes.InferProps<{
6
- title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
7
- content: PropTypes.Requireable<(NonNullable<string | PropTypes.ReactElementLike | null | undefined> | null | undefined)[]>;
8
- }> | null | undefined)[]>;
9
- const as: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
10
- }
11
- namespace defaultProps {
12
- const className_1: string;
13
- export { className_1 as className };
14
- const as_1: string;
15
- export { as_1 as as };
16
- }
17
- }
18
- import PropTypes from 'prop-types';