@bundle-stats/ui 4.2.3-beta.0 → 4.2.3-beta.1

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

@@ -1,22 +1,15 @@
-export function BundleModules(props: any): JSX.Element;
-export namespace BundleModules {
-    namespace propTypes {
-        const jobs: PropTypes.Validator<(object | null | undefined)[]>;
-        const filters: PropTypes.Requireable<object>;
-        const search: PropTypes.Requireable<string>;
-        const sortBy: PropTypes.Requireable<string>;
-        const direction: PropTypes.Requireable<string>;
-        const setState: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        const filters_1: undefined;
-        export { filters_1 as filters };
-        const search_1: undefined;
-        export { search_1 as search };
-        const sortBy_1: undefined;
-        export { sortBy_1 as sortBy };
-        const direction_1: undefined;
-        export { direction_1 as direction };
-    }
+import React from 'react';
+import type { Job } from '@bundle-stats/utils';
+import type { SortAction } from '../../types';
+import { BundleModules as BaseComponent } from './bundle-modules';
+interface BundleModulesProps extends Omit<React.ComponentProps<typeof BaseComponent>, 'jobs' | 'items' | 'chunks' | 'updateFilters' | 'resetFilters' | 'resetAllFilters' | 'filters' | 'sort' | 'updateSort' | 'search' | 'updateSearch' | 'allItems' | 'totalRowCount' | 'hideEntryInfo' | 'showEntryInfo'> {
+    jobs: Array<Job>;
+    filters: Record<string, boolean>;
+    search?: string;
+    metric?: string;
+    setState: (params: any) => void;
+    sortBy?: string;
+    direction?: SortAction['direction'];
 }
-import PropTypes from "prop-types";
+export declare const BundleModules: (props: BundleModulesProps) => React.JSX.Element;
+export {};

package/types/components/bundle-packages/bundle-packages.d.ts

@@ -1,18 +1,19 @@
-export function BundlePackages(props: any): JSX.Element;
+export function BundlePackages(props: any): React.JSX.Element;
 export namespace BundlePackages {
     namespace defaultProps {
-        export const className: string;
-        export const totalRowCount: number;
-        export const hasActiveFilters: boolean;
+        export let className: string;
+        export let totalRowCount: number;
+        export let hasActiveFilters: boolean;
         export { ComponentLink as customComponentLink };
+        export let entryId: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        export const jobs: PropTypes.Validator<(PropTypes.InferProps<{
+        export let jobs: PropTypes.Validator<(PropTypes.InferProps<{
             internalBuildNumber: PropTypes.Requireable<number>;
         }> | null | undefined)[]>;
-        export const items: PropTypes.Validator<(PropTypes.InferProps<{
+        export let items: PropTypes.Validator<(PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             runs: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -20,26 +21,33 @@ export namespace BundlePackages {
                 displayDelta: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
             }> | null | undefined)[]>;
         }> | null | undefined)[]>;
-        export const updateFilters: PropTypes.Validator<(...args: any[]) => any>;
-        export const resetFilters: PropTypes.Validator<(...args: any[]) => any>;
-        export const resetAllFilters: PropTypes.Validator<(...args: any[]) => any>;
-        const totalRowCount_1: PropTypes.Requireable<number>;
+        export let updateFilters: PropTypes.Validator<(...args: any[]) => any>;
+        export let resetFilters: PropTypes.Validator<(...args: any[]) => any>;
+        export let resetAllFilters: PropTypes.Validator<(...args: any[]) => any>;
+        let totalRowCount_1: PropTypes.Requireable<number>;
         export { totalRowCount_1 as totalRowCount };
-        export const filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        export let filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             changed: PropTypes.Requireable<boolean>;
         }>>>;
-        const hasActiveFilters_1: PropTypes.Requireable<boolean>;
+        let hasActiveFilters_1: PropTypes.Requireable<boolean>;
         export { hasActiveFilters_1 as hasActiveFilters };
-        export const sortFields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        export const sort: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            sortBy: PropTypes.Requireable<string>;
+        export let sort: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            field: PropTypes.Requireable<string>;
             direction: PropTypes.Requireable<string>;
         }>>>;
-        export const updateSort: PropTypes.Validator<(...args: any[]) => any>;
-        export const search: PropTypes.Validator<string>;
-        export const updateSearch: PropTypes.Validator<(...args: any[]) => any>;
-        export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        export let updateSort: PropTypes.Validator<(...args: any[]) => any>;
+        export let search: PropTypes.Validator<string>;
+        export let updateSearch: PropTypes.Validator<(...args: any[]) => any>;
+        export let allItems: PropTypes.Validator<(PropTypes.InferProps<{
+            key: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        export let customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let entryId_1: PropTypes.Requireable<string>;
+        export { entryId_1 as entryId };
+        export let hideEntryInfo: PropTypes.Validator<(...args: any[]) => any>;
+        export let showEntryInfo: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+import React from 'react';
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-packages/bundle-packages.i18n.d.ts

@@ -0,0 +1 @@
+export declare const SEARCH_PLACEHOLDER = "Search by package name";

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

@@ -1,4 +1,4 @@
 export function getDuplicatePackages(jobs: any): any[];
 export function getRowFilter(filters: any): (item: any) => boolean;
-export function getCustomSort(sortId: any): (item: any) => any;
+export function getCustomSort(item: any): any[];
 export function getAddRowDuplicateFlag(duplicateJobs: any): (row: any) => any;

package/types/components/bundle-packages/index.d.ts

@@ -1,22 +1,23 @@
-export function BundlePackages(props: any): JSX.Element;
+export function BundlePackages(props: any): React.JSX.Element;
 export namespace BundlePackages {
     namespace propTypes {
-        const jobs: PropTypes.Validator<(object | null | undefined)[]>;
-        const filters: PropTypes.Requireable<object>;
-        const search: PropTypes.Requireable<string>;
-        const sortBy: PropTypes.Requireable<string>;
-        const direction: PropTypes.Requireable<string>;
-        const setState: PropTypes.Validator<(...args: any[]) => any>;
+        let jobs: PropTypes.Validator<(object | null | undefined)[]>;
+        let filters: PropTypes.Requireable<object>;
+        let search: PropTypes.Requireable<string>;
+        let sortBy: PropTypes.Requireable<string>;
+        let direction: PropTypes.Requireable<string>;
+        let setState: PropTypes.Validator<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const filters_1: undefined;
+        let filters_1: undefined;
         export { filters_1 as filters };
-        const search_1: undefined;
+        let search_1: undefined;
         export { search_1 as search };
-        const sortBy_1: undefined;
+        let sortBy_1: undefined;
         export { sortBy_1 as sortBy };
-        const direction_1: undefined;
+        let direction_1: undefined;
         export { direction_1 as direction };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/components/component-link.d.ts

@@ -3,18 +3,19 @@ export function ComponentLink({ section, title, params, ...props }: {
     section: any;
     title: any;
     params: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace ComponentLink {
     namespace propTypes {
-        const section: PropTypes.Validator<string>;
-        const title: PropTypes.Requireable<string>;
-        const params: PropTypes.Requireable<object>;
+        let section: PropTypes.Validator<string>;
+        let title: PropTypes.Requireable<string>;
+        let params: PropTypes.Requireable<object>;
     }
     namespace defaultProps {
-        const title_1: string;
+        let title_1: string;
         export { title_1 as title };
-        const params_1: {};
+        let params_1: {};
         export { params_1 as params };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/components/delta/delta.d.ts

@@ -1,21 +1,22 @@
 export function Delta({ className, displayValue, deltaType, inverted }: {
-    className: any;
+    className?: string | undefined;
     displayValue: any;
     deltaType: any;
-    inverted: any;
-}): JSX.Element;
+    inverted?: boolean | undefined;
+}): React.JSX.Element;
 export namespace Delta {
     namespace defaultProps {
-        const className: string;
-        const inverted: boolean;
+        let className: string;
+        let inverted: boolean;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        export const displayValue: PropTypes.Validator<string>;
-        export const deltaType: PropTypes.Validator<string>;
-        const inverted_1: PropTypes.Requireable<boolean>;
+        export let displayValue: PropTypes.Validator<string>;
+        export let deltaType: PropTypes.Validator<string>;
+        let inverted_1: PropTypes.Requireable<boolean>;
         export { inverted_1 as inverted };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,33 @@
+import type { ElementType, ReactNode } from 'react';
+import React from 'react';
+import type { ReportMetricRow, ReportMetricRun } from '@bundle-stats/utils';
+interface EntryInfoMetaLinkProps {
+    as?: ElementType;
+}
+export declare const EntryInfoMetaLink: (props: EntryInfoMetaLinkProps & React.ComponentProps<"a">) => React.JSX.Element;
+interface EntryInfoMetaProps {
+    label: string;
+    tooltip?: ReactNode;
+}
+export type RenderRunNameProps<T extends ReportMetricRun = ReportMetricRun> = {
+    className?: string;
+    run: T;
+    runSelector: string;
+};
+interface EntryInfoProps {
+    itemTitle?: React.ReactNode;
+    item: ReportMetricRow;
+    labels: Array<string>;
+    runNameSelector?: string;
+    runNameLabel?: string;
+    runSizeLabel?: string;
+    tags?: React.ReactNode;
+    onClose: () => void;
+    renderRunInfo?: (item: ReportMetricRow) => React.ReactNode;
+    RunName?: React.ElementType;
+}
+export declare const EntryInfo: {
+    (props: EntryInfoProps & React.ComponentProps<"div">): React.JSX.Element;
+    Meta: ({ className, label, tooltip, children, }: EntryInfoMetaProps & React.ComponentProps<"p">) => React.JSX.Element;
+};
+export {};

package/types/components/entry-info/entry-info.i18n.d.ts

@@ -0,0 +1,3 @@
+export declare const PATH = "Path";
+export declare const CLOSE_TITLE = "Close side panel";
+export declare const SIZE = "Size";

package/types/components/entry-info/index.d.ts

@@ -0,0 +1 @@
+export * from './entry-info';

package/types/components/index.d.ts

@@ -1,7 +1,6 @@
 export { BrowsertimeTable } from "./browsertime-table";
 export { BundleAssets } from "./bundle-assets";
-export { BundleAssetsTotalsTable } from "./bundle-assets-totals-table";
-export { BundleAssetsTotalsChartBars } from "./bundle-assets-totals-chart-bars";
+export { BundleAssetsTotals } from "./bundle-assets-totals";
 export { BundlePackages } from "./bundle-packages";
 export { BundleModules } from "./bundle-modules";
 export { ComponentLink } from "./component-link";
@@ -9,15 +8,13 @@ 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";
 export { MetricsTable } from "./metrics-table";
 export { MetricsTableOptions } from "./metrics-table-options";
-export { MetricsTableSearch } from "./metrics-table-search";
 export { MetricsTableTitle } from "./metrics-table-title";
 export { ModuleInfo } from "./module-info";
-export { SummaryItem } from "./summary-item";
 export { Summary } from "./summary";
-export { TotalSizeTypeTitle } from "./total-size-type-title";
+export { MetricRunInfo, MetricRunInfoProps } from "./metric-run-info";
+export { RunInfo, RunInfoProps } from "./run-info";

package/types/components/insight-icon/insight-icon.d.ts

@@ -3,5 +3,5 @@ import { InsightType } from '@bundle-stats/utils';
 interface InsightIconProps extends React.HTMLAttributes<'span'> {
     type: InsightType;
 }
-export declare const InsightIcon: (props: InsightIconProps) => JSX.Element;
+export declare const InsightIcon: (props: InsightIconProps) => React.JSX.Element;
 export {};

package/types/components/insights/insights.d.ts

@@ -4,5 +4,5 @@ interface InsightsProps extends React.HTMLAttributes<HTMLDivElement> {
     insights: JobInsightsInfo;
     customComponentLink?: React.ElementType;
 }
-export declare const Insights: (props: InsightsProps) => JSX.Element;
+export declare const Insights: (props: InsightsProps) => React.JSX.Element;
 export {};

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

@@ -1,26 +1,27 @@
 export function JobName({ as: Component, title, internalBuildNumber, children, ...restProps }: {
     [x: string]: any;
-    as: any;
+    as?: string | undefined;
     title: any;
     internalBuildNumber: any;
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace JobName {
     namespace defaultProps {
-        const as: string;
-        const title: string;
-        const internalBuildNumber: null;
-        const children: null;
+        let as: string;
+        let title: string;
+        let internalBuildNumber: null;
+        let children: null;
     }
     namespace propTypes {
-        const as_1: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
+        let as_1: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
         export { as_1 as as };
-        const title_1: PropTypes.Requireable<string>;
+        let title_1: PropTypes.Requireable<string>;
         export { title_1 as title };
-        const internalBuildNumber_1: PropTypes.Requireable<number>;
+        let internalBuildNumber_1: PropTypes.Requireable<number>;
         export { internalBuildNumber_1 as internalBuildNumber };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export { children_1 as children };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

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">) => React.JSX.Element;
+interface JobsHeaderProps {
+    jobs?: Array<ItemProps['job']> | null;
+}
+export declare const JobsHeader: (props: JobsHeaderProps & React.ComponentProps<"header">) => React.JSX.Element;
+export {};

package/types/components/lighthouse-table/lighthouse-table.d.ts

@@ -1,14 +1,15 @@
-export function LighthouseTable(props: any): JSX.Element;
+export function LighthouseTable(props: any): React.JSX.Element;
 export namespace LighthouseTable {
     namespace defaultProps {
-        const className: string;
-        const jobs: never[];
+        let className: string;
+        let jobs: never[];
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const jobs_1: PropTypes.Requireable<any[]>;
+        let jobs_1: PropTypes.Requireable<any[]>;
         export { jobs_1 as jobs };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/components/metric/index.d.ts

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

package/types/components/metric/metric.d.ts

@@ -1,33 +1,7 @@
-export function Metric({ className, value, formatter, inline, children, enhanced }: {
-    className: any;
-    value: any;
-    formatter: any;
-    inline: any;
-    children: any;
-    enhanced: any;
-}): JSX.Element;
-export namespace Metric {
-    namespace defaultProps {
-        const className: string;
-        const enhanced: boolean;
-        const inline: boolean;
-        const value: number;
-        const children: never[];
-        function formatter(val: any): any;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const enhanced_1: PropTypes.Requireable<boolean>;
-        export { enhanced_1 as enhanced };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const value_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        export { value_1 as value };
-        const formatter_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { formatter_1 as formatter };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-    }
+import React from 'react';
+export interface MetricProps {
+    value?: React.ReactNode;
+    unit?: string;
+    inline?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Metric: (props: MetricProps & React.ComponentProps<"div">) => React.JSX.Element;

package/types/components/metric-run-info/index.d.ts

@@ -0,0 +1 @@
+export * from './metric-run-info';

package/types/components/metric-run-info/metric-run-info.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType } from 'react';
+import { RunInfoProps } from '../run-info';
+export interface MetricRunInfoProps {
+    metricId: string;
+    current: number;
+    baseline?: number;
+    showDelta?: boolean;
+    showMetricDescription?: boolean;
+    showBaseline?: boolean;
+    titleWrapper?: ElementType;
+    size?: RunInfoProps['size'];
+    loading?: RunInfoProps['loading'];
+}
+export declare const MetricRunInfo: (props: MetricRunInfoProps & React.ComponentProps<"div">) => React.JSX.Element;

package/types/components/metrics-display-selector/index.d.ts

@@ -0,0 +1 @@
+export * from './metrics-display-selector';

package/types/components/metrics-display-selector/metrics-display-selector.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MetricsDisplayType } from '../../constants';
+import { ControlGroup } from '../../ui/control-group';
+interface MetricsDisplaySelectorProps {
+    value: MetricsDisplayType;
+    groupBy?: string;
+    groups?: Partial<Record<MetricsDisplayType, Array<string>>>;
+    onSelect: (newValue: MetricsDisplayType, groupBy?: string) => void;
+}
+export declare const MetricsDisplaySelector: (props: MetricsDisplaySelectorProps & Omit<React.ComponentProps<typeof ControlGroup>, "onSelect" | "value">) => React.JSX.Element;
+export {};

package/types/components/metrics-table/index.d.ts

@@ -1 +1,5 @@
-export function MetricsTable(props: any): JSX.Element;
+import React from 'react';
+import { MetricsTable as BaseComponent } from './metrics-table';
+type MetricsTableProps = Omit<React.ComponentProps<typeof BaseComponent>, 'showAllItems' | 'setShowAllItems'>;
+export declare const MetricsTable: (props: MetricsTableProps) => React.JSX.Element;
+export {};

package/types/components/metrics-table/metrics-table.d.ts

@@ -1,51 +1,21 @@
-export function MetricsTable({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, showAllItems, setShowAllItems, ...restProps }: {
-    [x: string]: any;
-    className: any;
-    renderRowHeader: any;
-    runs: any;
-    items: any;
-    emptyMessage: any;
-    showHeaderSum: any;
-    headerRows: any;
-    title: any;
-    showAllItems: any;
-    setShowAllItems: any;
-}): JSX.Element;
-export namespace MetricsTable {
-    namespace defaultProps {
-        const className: string;
-        function renderRowHeader(item: any): any;
-        const emptyMessage: string;
-        const showHeaderSum: boolean;
-        const headerRows: never[];
-        const title: string;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const renderRowHeader_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { renderRowHeader_1 as renderRowHeader };
-        export const runs: PropTypes.Validator<(PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-        }> | null | undefined)[]>;
-        export const items: PropTypes.Validator<(PropTypes.InferProps<{
-            key: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            runs: PropTypes.Requireable<(PropTypes.InferProps<{
-                displayValue: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-                displayDelta: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-            }> | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        const emptyMessage_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        export { emptyMessage_1 as emptyMessage };
-        const showHeaderSum_1: PropTypes.Requireable<boolean>;
-        export { showHeaderSum_1 as showHeaderSum };
-        const headerRows_1: PropTypes.Requireable<((NonNullable<PropTypes.ReactElementLike | PropTypes.InferProps<{
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }> | null | undefined> | null | undefined)[] | null | undefined)[]>;
-        export { headerRows_1 as headerRows };
-        const title_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        export { title_1 as title };
-    }
+import React from 'react';
+import type { ReportMetricRow } from '@bundle-stats/utils';
+import { Table } from '../../ui/table';
+import { MetricsTableHeaderProps } from '../metrics-table-header';
+interface MetricsTableProps extends Omit<React.ComponentProps<typeof Table>, 'title'> {
+    runs: Array<{
+        label: string;
+        internalBuildNumber: number;
+    }>;
+    items: Array<ReportMetricRow>;
+    title?: React.ReactNode;
+    showHeaderSum?: boolean;
+    sort?: MetricsTableHeaderProps['sort'];
+    updateSort?: MetricsTableHeaderProps['updateSort'];
+    renderRowHeader?: (item: ReportMetricRow) => React.ReactNode;
+    emptyMessage?: React.ReactNode;
+    showAllItems: boolean;
+    setShowAllItems: (value: boolean) => void;
 }
-import PropTypes from "prop-types";
+export declare const MetricsTable: ({ className, runs, items, showHeaderSum, title, sort, updateSort, renderRowHeader, emptyMessage, showAllItems, setShowAllItems, ...restProps }: MetricsTableProps) => React.JSX.Element;
+export {};

package/types/components/metrics-table/metrics-table.i18n.d.ts

@@ -0,0 +1,3 @@
+export declare const EMPTY_MESSAGE = "No items found.";
+export declare const SHOW_ALL = "Show all";
+export declare const SHOW_LESS = "Show less";

package/types/components/metrics-table-export/index.d.ts

@@ -0,0 +1 @@
+export * from './metrics-table-export';

package/types/components/metrics-table-export/metrics-table-export.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { ReportMetricRow } from '@bundle-stats/utils';
+import { Stack } from '../../layout/stack';
+type MetricsTableExportProps = {
+    items: Array<ReportMetricRow>;
+    initialSourceType?: string;
+    download: string;
+} & ComponentProps<typeof Stack>;
+export declare const MetricsTableExport: (props: MetricsTableExportProps) => React.JSX.Element;
+export {};

package/types/components/metrics-table-header/index.d.ts

@@ -0,0 +1 @@
+export * from './metrics-table-header';

package/types/components/metrics-table-header/metrics-table-header.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type ReportMetricRow } from '@bundle-stats/utils';
+export interface MetricsTableHeaderProps {
+    metricTitle?: React.ReactNode;
+    showSum?: boolean;
+    jobs: Array<{
+        label: string;
+        internalBuildNumber: number;
+    }>;
+    rows: Array<ReportMetricRow>;
+    sort?: any;
+    updateSort?: (val: any) => void;
+}
+export declare const MetricsTableHeader: (props: MetricsTableHeaderProps & React.ComponentProps<"thead">) => React.JSX.Element;

package/types/components/metrics-table-header/metrics-table-header.i18n.d.ts

@@ -0,0 +1,5 @@
+export declare const BASELINE_TITLE = "Baseline";
+export declare const CURRENT_TITLE = "Current";
+export declare const SORT_VALUE = "value";
+export declare const SORT_CHANGE = "change";
+export declare const SORT_PERCENTUAL_CHANGE = "percentual change";

package/types/components/metrics-table-options/index.d.ts

@@ -1 +1 @@
-export * from "./metrics-table-options";
+export * from './metrics-table-options';