@bundle-stats/ui 4.3.0 → 4.3.3

package/src/components/package-info/package-info.tsx

@@ -17,6 +17,7 @@ import { FileName } from '../../ui/file-name';
 import { Tag } from '../../ui/tag';
 import { EntryInfo } from '../entry-info';
 import css from './package-info.module.css';
+import { Icon } from '../../ui';
 
 interface PackageInfoProps {
   name: string;
@@ -36,19 +37,29 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
     item,
     labels,
     customComponentLink: CustomComponentLink = ComponentLink,
-    onClick = noop
+    onClick = noop,
   } = props;
 
-  const fallbackPackagePath = `node_modules/${item.label.split(PACKAGES_SEPARATOR).join('/node_modules/')}`;
+  const fallbackPackagePath = `node_modules/${item.label
+    .split(PACKAGES_SEPARATOR)
+    .join('/node_modules/')}`;
   const normalizedPackagePath = `${item.runs?.[0]?.path || fallbackPackagePath}/`;
   const [normalizedName, packageId] = name.split(PACKAGE_ID_SEPARATOR);
 
-  const packageTitle = useMemo(() => (
-    <span className={css.packageTitle}>
-      <span className={css.packageTitleText}>{normalizedName}</span>
-      {packageId && <span className={css.packageTitleId}>{PACKAGE_ID_SEPARATOR}{packageId}</span>}
-    </span>
-  ), [normalizedName, packageId]);
+  const packageTitle = useMemo(
+    () => (
+      <span className={css.packageTitle}>
+        <span className={css.packageTitleText}>{normalizedName}</span>
+        {packageId && (
+          <span className={css.packageTitleId}>
+            {PACKAGE_ID_SEPARATOR}
+            {packageId}
+          </span>
+        )}
+      </span>
+    ),
+    [normalizedName, packageId],
+  );
 
   const tags = useMemo(() => {
     if (!item.duplicate) {
@@ -57,7 +68,14 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
 
     return (
       <div>
-        <Tag as={CustomComponentLink} {...BUNDLE_PACKAGES_DUPLICATE} onClick={onClick} kind="danger">Duplicate</Tag>
+        <Tag
+          as={CustomComponentLink}
+          {...BUNDLE_PACKAGES_DUPLICATE}
+          onClick={onClick}
+          kind="danger"
+        >
+          Duplicate
+        </Tag>
       </div>
     );
   }, [item]);
@@ -72,12 +90,15 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
       className={className}
     >
       <Stack space="small">
-        <p>Path: <FileName name={normalizedPackagePath} className={css.fileName} /></p>
+        <p>
+          <span className={css.label}>Path</span>
+          <FileName name={normalizedPackagePath} className={css.fileName} />
+        </p>
 
         <Stack space="xxxsmall">
           {item.duplicate && (
             <div>
-              <CustomComponentLink {...getBundlePackagesByNameComponentLink(normalizedName)}>
+              <CustomComponentLink {...getBundlePackagesByNameComponentLink(normalizedName)} onClick={onClick}>
                 View all duplicate instances
               </CustomComponentLink>
             </div>
@@ -89,22 +110,30 @@ export const PackageInfo = (props: PackageInfoProps & React.ComponentProps<'div'
         </Stack>
 
         <FlexStack space="xsmall" alignItems="center" className={css.external}>
-          <a
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            as="a"
             href={`https://www.npmjs.com/package/${normalizedName}`}
             target="_blank"
             rel="noreferrer"
             className={css.externalLink}
           >
-            npmjs.com
-          </a>
-          <a
+            <span>npmjs.com</span>
+            <Icon glyph={Icon.ICONS.EXTERNAL_LINK} size="small" />
+          </FlexStack>
+          <FlexStack
+            space="xxxsmall"
+            alignItems="center"
+            as="a"
             href={`https://bundlephobia.com/result?p=${normalizedName}`}
             target="_blank"
             rel="noreferrer"
             className={css.externalLink}
           >
-            bundlephobia.com
-          </a>
+            <span>bundlephobia.com</span>
+            <Icon glyph={Icon.ICONS.EXTERNAL_LINK} size="small" />
+          </FlexStack>
         </FlexStack>
       </Stack>
     </EntryInfo>

package/src/components/summary/summary.module.css

@@ -1,10 +1,20 @@
 .root {
+  --summary-gap: var(--space-small);
   width: 100%;
 }
 
+.items {
+  display: flex;
+  flex-wrap: wrap;
+  width: calc(100% + var(--summary-gap));
+  margin-top: calc(0px - var(--summary-gap));
+  margin-left: calc(0px - var(--summary-gap));
+}
+
 .item {
+  margin: var(--summary-gap) 0 0 var(--summary-gap);
   flex: 1 0 10%; /* force equal sizes */
-  min-width: 16em;
+  min-width: 14em;
   text-decoration: none;
 }
 
@@ -25,4 +35,3 @@
   color: var(--color-primary-dark);
   text-decoration: none;
 }
-

package/src/components/summary/summary.tsx

@@ -84,20 +84,20 @@ export const Summary = ({
   summaryItemLink = ComponentLink,
 }: SummaryProps & React.ComponentProps<'div'>) => (
   <Box className={cx(css.root, className)}>
-    <FlexStack space="small" className={css.items}>
-      {keys.map((metricId) => (
-        <SummaryItem
-          key={metricId}
-          className={css.item}
-          metricId={metricId}
-          data={data}
-          customLink={summaryItemLink}
-          size={size}
-          loading={loading}
-          showDelta={showSummaryItemDelta}
-          showBaseline={showSummaryItemBaseline}
-        />
-      ))}
-    </FlexStack>
+    <div className={css.items}>
+        {keys.map((metricId) => (
+          <SummaryItem
+            key={metricId}
+            className={css.item}
+            metricId={metricId}
+            data={data}
+            customLink={summaryItemLink}
+            size={size}
+            loading={loading}
+            showDelta={showSummaryItemDelta}
+            showBaseline={showSummaryItemBaseline}
+          />
+        ))}
+      </div>
   </Box>
 );

package/src/ui/horizontal-bar-chart/horizontal-bar-chart.module.css

@@ -3,6 +3,8 @@
   display: flex;
   align-items: stretch;
   justify-content: flex-start;
+  width: 100%;
+  overflow: hidden;
 }
 
 .item {

package/src/ui/icon/icon.jsx

@@ -12,6 +12,7 @@ const ICONS = {
   CLOCK: 'clock',
   COMMIT: 'commit',
   ERROR: 'error',
+  EXTERNAL_LINK: 'external-link',
   FILTER: 'filter',
   INFO: 'info',
   HELP: 'help',

package/src/ui/tooltip/tooltip.module.css

@@ -19,7 +19,6 @@
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
   font-size: var(--size-xsmall);
-  text-align: center;
 }
 
 .arrow svg {

package/types/components/asset-info/asset-info.d.ts

@@ -9,6 +9,7 @@ interface AssetInfoProps {
         isEntry?: boolean;
         isInitial?: boolean;
         isNotPredicative?: boolean;
+        fileType?: string;
         runs: Array<Asset & MetricRunInfo>;
     };
     chunks?: Array<MetaChunk>;

package/types/components/bundle-modules/bundle-modules.utils.d.ts

@@ -1,4 +1,4 @@
-export function addRowSourceFlag(row: any): any;
+export function addRowFlags(row: any): any;
 export function getCustomSort(sortBy: any): (item: any) => any;
 export function getRowFilter(filters: any): (row: any) => boolean;
 export function useModuleFilterByChunk({ jobs, filters, chunkIds }: {

package/types/components/index.d.ts

@@ -9,7 +9,6 @@ export { Delta } from "./delta";
 export { InsightIcon } from "./insight-icon";
 export { Insights } from "./insights";
 export { JobName } from "./job-name";
-export { JobHeader } from "./job-header";
 export { JobsHeader } from "./jobs-header";
 export { LighthouseTable } from "./lighthouse-table";
 export { Metric } from "./metric";

package/types/components/jobs-header/index.d.ts

@@ -1 +1 @@
-export * from "./jobs-header";
+export * from './jobs-header';

package/types/components/jobs-header/jobs-header.d.ts

@@ -1,16 +1,19 @@
-export function JobsHeader(props: any): JSX.Element;
-export namespace JobsHeader {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const jobs: PropTypes.Requireable<(PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const jobs_1: null;
-        export { jobs_1 as jobs };
-    }
+import React from 'react';
+interface ItemProps {
+    job: {
+        internalBuildNumber: number;
+        meta?: {
+            webpack?: {
+                builtAt?: string;
+                hash?: string;
+            };
+        };
+    };
+    tag: string;
 }
-import PropTypes from 'prop-types';
+export declare const Item: (props: ItemProps & React.ComponentProps<'div'>) => JSX.Element;
+interface JobsHeaderProps {
+    jobs?: Array<ItemProps['job']> | null;
+}
+export declare const JobsHeader: (props: JobsHeaderProps & React.ComponentProps<'header'>) => JSX.Element;
+export {};

package/types/components/module-info/module-info.d.ts

@@ -6,6 +6,8 @@ interface ModuleInfoProps {
         label: string;
         changed?: boolean;
         duplicated?: boolean;
+        thirdParty?: boolean;
+        fileType?: string;
         runs: Array<Module & MetricRunInfo>;
     };
     chunks?: Array<MetaChunk>;

package/types/ui/icon/icon.d.ts

@@ -29,6 +29,7 @@ declare namespace ICONS {
     const CLOCK: string;
     const COMMIT: string;
     const ERROR: string;
+    const EXTERNAL_LINK: string;
     const FILTER: string;
     const INFO: string;
     const HELP: string;

package/lib/components/job-meta/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./job-meta"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/job-meta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-meta/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/components/job-meta/job-meta.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JobMeta = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const job_meta_module_css_1 = __importDefault(require("./job-meta.module.css"));
-const JobMeta = (props) => {
-    const { as: Component, className, meta, ...restProps } = props;
-    const rootClassName = (0, classnames_1.default)(job_meta_module_css_1.default.root, className);
-    return (react_1.default.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
-        const key = index;
-        return (react_1.default.createElement("div", { className: job_meta_module_css_1.default.item, key: key },
-            title && (react_1.default.createElement("h2", { className: job_meta_module_css_1.default.itemTitle }, title)),
-            content.map((item) => item)));
-    })));
-};
-exports.JobMeta = JobMeta;
-exports.JobMeta.propTypes = {
-    className: prop_types_1.default.string,
-    meta: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        title: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
-        content: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element])),
-    })).isRequired,
-    as: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
-};
-exports.JobMeta.defaultProps = {
-    className: '',
-    as: 'div',
-};
-//# sourceMappingURL=job-meta.js.map

package/lib/components/job-meta/job-meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"job-meta.js","sourceRoot":"","sources":["../../../src/components/job-meta/job-meta.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,gFAAwC;AAEjC,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,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,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,uCAAK,SAAS,EAAE,6BAAG,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YAC/B,KAAK,IAAI,CAAC,sCAAI,SAAS,EAAE,6BAAG,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;AArBW,QAAA,OAAO,WAqBlB;AAEF,eAAO,CAAC,SAAS,GAAG;IAElB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;QACjE,OAAO,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC,CAAC;KACvF,CAAC,CAAC,CAAC,UAAU;IAGd,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;CACV,CAAC"}

package/lib/components/job-meta/job-meta.module.css

@@ -1,19 +0,0 @@
-.root {
-  padding: var(--space-xsmall) var(--space-small);
-  display: flex;
-}
-
-.item {
-  flex: 1 1 100%;
-}
-
-.itemTitle {
-  margin: 0;
-  font-size: 1em;
-  font-weight: bold;
-  color: var(--color-text-light);
-}
-
-.item + .item {
-  margin-left: var(--space-xsmall);
-}

package/lib-esm/components/job-meta/index.js

@@ -1,2 +0,0 @@
-export * from './job-meta';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/job-meta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-meta/index.js"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/lib-esm/components/job-meta/job-meta.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import css from './job-meta.module.css';
-export const JobMeta = (props) => {
-    const { as: Component, className, meta, ...restProps } = props;
-    const rootClassName = cx(css.root, className);
-    return (React.createElement(Component, { className: rootClassName, ...restProps }, meta.map(({ title, content }, index) => {
-        const key = index;
-        return (React.createElement("div", { className: css.item, key: key },
-            title && (React.createElement("h2", { className: css.itemTitle }, title)),
-            content.map((item) => item)));
-    })));
-};
-JobMeta.propTypes = {
-    className: PropTypes.string,
-    meta: PropTypes.arrayOf(PropTypes.shape({
-        title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-        content: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
-    })).isRequired,
-    as: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-};
-JobMeta.defaultProps = {
-    className: '',
-    as: 'div',
-};
-//# sourceMappingURL=job-meta.js.map

package/lib-esm/components/job-meta/job-meta.js.map

@@ -1 +0,0 @@
-{"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"}

package/lib-esm/components/job-meta/job-meta.module.css

@@ -1,19 +0,0 @@
-.root {
-  padding: var(--space-xsmall) var(--space-small);
-  display: flex;
-}
-
-.item {
-  flex: 1 1 100%;
-}
-
-.itemTitle {
-  margin: 0;
-  font-size: 1em;
-  font-weight: bold;
-  color: var(--color-text-light);
-}
-
-.item + .item {
-  margin-left: var(--space-xsmall);
-}

package/src/components/job-meta/index.js

@@ -1 +0,0 @@
-export * from './job-meta';

package/src/components/job-meta/job-meta.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './job-meta.module.css';
-
-export const JobMeta = (props) => {
-  const {
-    as: Component, className, meta, ...restProps
-  } = props;
-
-  const rootClassName = cx(css.root, className);
-
-  return (
-    <Component className={rootClassName} {...restProps}>
-      {meta.map(({ title, content }, index) => {
-        const key = index;
-
-        return (
-          <div className={css.item} key={key}>
-            {title && (<h2 className={css.itemTitle}>{title}</h2>)}
-            {content.map((item) => item)}
-          </div>
-        );
-      })}
-    </Component>
-  );
-};
-
-JobMeta.propTypes = {
-  /** Adopted child class name */
-  className: PropTypes.string,
-
-  /** Contrnt */
-  meta: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    content: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.element])),
-  })).isRequired,
-
-  /** Render component */
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-};
-
-JobMeta.defaultProps = {
-  className: '',
-  as: 'div',
-};

package/src/components/job-meta/job-meta.module.css

@@ -1,19 +0,0 @@
-.root {
-  padding: var(--space-xsmall) var(--space-small);
-  display: flex;
-}
-
-.item {
-  flex: 1 1 100%;
-}
-
-.itemTitle {
-  margin: 0;
-  font-size: 1em;
-  font-weight: bold;
-  color: var(--color-text-light);
-}
-
-.item + .item {
-  margin-left: var(--space-xsmall);
-}

package/src/components/jobs-header/jobs-header.jsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import I18N from '../../i18n';
-import { FlexStack } from '../../layout/flex-stack';
-import { JobHeader } from '../job-header';
-import css from './jobs-header.module.css';
-
-export const JobsHeader = (props) => {
-  const { className, jobs } = props;
-  const rootClassName = cx(css.root, className);
-
-  return (
-    <FlexStack className={rootClassName} space="none">
-      {jobs?.map((job, index) => (
-        <JobHeader
-          key={job.internalBuildNumber || index}
-          className={css.item}
-          job={job}
-          tag={index === 0 ? I18N.CURRENT : I18N.BASELINE}
-        />
-      ))}
-    </FlexStack>
-  );
-};
-
-JobsHeader.propTypes = {
-  /** Adopted child classname */
-  className: PropTypes.string,
-
-  /** Jobs data */
-  jobs: PropTypes.arrayOf(
-    PropTypes.shape({
-      internalBuildNumber: PropTypes.number,
-    }),
-  ),
-};
-
-JobsHeader.defaultProps = {
-  className: '',
-  jobs: null,
-};

package/types/components/job-meta/index.d.ts

@@ -1 +0,0 @@
-export * from "./job-meta";

package/types/components/job-meta/job-meta.d.ts

@@ -1,18 +0,0 @@
-export function JobMeta(props: any): JSX.Element;
-export namespace JobMeta {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const meta: PropTypes.Validator<(PropTypes.InferProps<{
-            title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-            content: PropTypes.Requireable<(NonNullable<string | PropTypes.ReactElementLike | null | undefined> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const as: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const as_1: string;
-        export { as_1 as as };
-    }
-}
-import PropTypes from 'prop-types';