@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.
- package/lib/app/app.module.css +2 -2
- package/lib/assets/icons.svg +3 -0
- package/lib/assets/icons.svg.js +2 -0
- package/lib/assets/icons.svg.js.map +1 -1
- package/lib/components/asset-info/asset-info.js +8 -1
- package/lib/components/asset-info/asset-info.js.map +1 -1
- package/lib/components/asset-info/asset-info.module.css +10 -0
- package/lib/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +4 -2
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib/components/bundle-modules/bundle-modules.js +11 -11
- package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib/components/bundle-modules/bundle-modules.utils.js +5 -5
- package/lib/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib/components/bundle-modules/index.js +1 -1
- package/lib/components/bundle-modules/index.js.map +1 -1
- package/lib/components/index.js +1 -3
- package/lib/components/index.js.map +1 -1
- package/lib/components/job-header/job-header.js +12 -11
- package/lib/components/job-header/job-header.js.map +1 -1
- package/lib/components/jobs-header/index.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.js +23 -14
- package/lib/components/jobs-header/jobs-header.js.map +1 -1
- package/lib/components/jobs-header/jobs-header.module.css +21 -3
- package/lib/components/module-info/module-info.js +20 -9
- package/lib/components/module-info/module-info.js.map +1 -1
- package/lib/components/module-info/module-info.module.css +7 -2
- package/lib/components/package-info/package-info.js +15 -8
- package/lib/components/package-info/package-info.js.map +1 -1
- package/lib/components/package-info/package-info.module.css +10 -0
- package/lib/ui/icon/icon.js +1 -0
- package/lib/ui/icon/icon.js.map +1 -1
- package/lib/ui/tooltip/tooltip.module.css +0 -1
- package/lib-esm/app/app.module.css +2 -2
- package/lib-esm/assets/icons.svg +3 -0
- package/lib-esm/assets/icons.svg.js +2 -0
- package/lib-esm/assets/icons.svg.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.js +9 -2
- package/lib-esm/components/asset-info/asset-info.js.map +1 -1
- package/lib-esm/components/asset-info/asset-info.module.css +10 -0
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js +3 -1
- package/lib-esm/components/bundle-assets/bundle-assets.utils.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js +4 -2
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.js.map +1 -1
- package/lib-esm/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.js +11 -11
- package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js +3 -3
- package/lib-esm/components/bundle-modules/bundle-modules.utils.js.map +1 -1
- package/lib-esm/components/bundle-modules/index.js +2 -2
- package/lib-esm/components/bundle-modules/index.js.map +1 -1
- package/lib-esm/components/index.js +0 -1
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/job-header/job-header.js +12 -11
- package/lib-esm/components/job-header/job-header.js.map +1 -1
- package/lib-esm/components/jobs-header/index.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.js +22 -13
- package/lib-esm/components/jobs-header/jobs-header.js.map +1 -1
- package/lib-esm/components/jobs-header/jobs-header.module.css +21 -3
- package/lib-esm/components/module-info/module-info.js +21 -10
- package/lib-esm/components/module-info/module-info.js.map +1 -1
- package/lib-esm/components/module-info/module-info.module.css +7 -2
- package/lib-esm/components/package-info/package-info.js +15 -8
- package/lib-esm/components/package-info/package-info.js.map +1 -1
- package/lib-esm/components/package-info/package-info.module.css +10 -0
- package/lib-esm/ui/icon/icon.js +1 -0
- package/lib-esm/ui/icon/icon.js.map +1 -1
- package/lib-esm/ui/tooltip/tooltip.module.css +0 -1
- package/package.json +8 -8
- package/src/app/app.module.css +2 -2
- package/src/assets/icons/external-link.svg +1 -0
- package/src/assets/icons.svg +3 -0
- package/src/assets/icons.svg.jsx +13 -0
- package/src/components/asset-info/asset-info.module.css +10 -0
- package/src/components/asset-info/asset-info.tsx +30 -9
- package/src/components/bundle-assets/bundle-assets.utils.js +3 -2
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.jsx +3 -2
- package/src/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.module.css +1 -1
- package/src/components/bundle-modules/bundle-modules.jsx +12 -11
- package/src/components/bundle-modules/bundle-modules.utils.js +5 -3
- package/src/components/bundle-modules/index.jsx +2 -2
- package/src/components/index.js +0 -1
- package/src/components/job-header/job-header.jsx +16 -13
- package/src/components/jobs-header/jobs-header.module.css +21 -3
- package/src/components/jobs-header/jobs-header.stories.tsx +51 -0
- package/src/components/jobs-header/jobs-header.tsx +91 -0
- package/src/components/module-info/module-info.module.css +7 -2
- package/src/components/module-info/module-info.tsx +45 -3
- package/src/components/package-info/package-info.module.css +10 -0
- package/src/components/package-info/package-info.tsx +46 -17
- package/src/ui/icon/icon.jsx +1 -0
- package/src/ui/tooltip/tooltip.module.css +0 -1
- package/types/components/asset-info/asset-info.d.ts +1 -0
- package/types/components/bundle-modules/bundle-modules.utils.d.ts +1 -1
- package/types/components/index.d.ts +0 -1
- package/types/components/jobs-header/index.d.ts +1 -1
- package/types/components/jobs-header/jobs-header.d.ts +18 -15
- package/types/components/module-info/module-info.d.ts +2 -0
- package/types/ui/icon/icon.d.ts +1 -0
- package/lib/components/job-meta/index.js +0 -18
- package/lib/components/job-meta/index.js.map +0 -1
- package/lib/components/job-meta/job-meta.js +0 -34
- package/lib/components/job-meta/job-meta.js.map +0 -1
- package/lib/components/job-meta/job-meta.module.css +0 -19
- package/lib-esm/components/job-meta/index.js +0 -2
- package/lib-esm/components/job-meta/index.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.js +0 -27
- package/lib-esm/components/job-meta/job-meta.js.map +0 -1
- package/lib-esm/components/job-meta/job-meta.module.css +0 -19
- package/src/components/job-meta/index.js +0 -1
- package/src/components/job-meta/job-meta.jsx +0 -47
- package/src/components/job-meta/job-meta.module.css +0 -19
- package/src/components/jobs-header/jobs-header.jsx +0 -43
- package/types/components/job-meta/index.d.ts +0 -1
- package/types/components/job-meta/job-meta.d.ts +0 -18
- /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';
|
|
File without changes
|