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

package/src/ui/tooltip/tooltip.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Tooltip } from '.';
+import css from './tooltip.stories.module.css';
+
+const meta: Meta<typeof Tooltip> = {
+  title: 'UI/Tooltip',
+  component: Tooltip,
+  args: {
+    title: 'View job #123',
+    children: 'Trigger',
+  },
+  parameters: {
+    layout: 'centered',
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const LongTitle: Story = {
+  args: {
+    title:
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie neque id lectus mollis, et imperdiet libero porta.',
+  },
+};
+
+export const CustomTooltip: Story = {
+  args: {
+    tooltipClassName: css.customTooltip,
+  },
+};

package/src/ui/tooltip/tooltip.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import cx from 'classnames';
+import {
+  Tooltip as UITooltip,
+  TooltipAnchor as UITooltipAnchor,
+  TooltipArrow as UITooltipArrow,
+  useTooltipState,
+} from 'ariakit/tooltip';
+
+import css from './tooltip.module.css';
+
+interface TooltipProps<T extends React.ElementType> {
+  className?: string;
+  tooltipClassName?: string;
+  title?: React.ReactNode;
+  as?: T;
+  containerRef?: React.RefObject<HTMLElement>;
+}
+
+export const Tooltip = <T extends React.ElementType = 'span'>(
+  props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>,
+) => {
+  const {
+    className = '',
+    tooltipClassName = '',
+    title = '',
+    as: Component = 'span',
+    containerRef: ref,
+    ...restProps
+  } = props;
+
+  const tooltip = useTooltipState({ placement: 'top', timeout: 300 });
+
+  return (
+    <>
+      <UITooltipAnchor
+        as={Component as React.ElementType}
+        className={cx(css.root, className)}
+        state={tooltip}
+        aria-controls={tooltip.open ? tooltip.contentElement?.id : ''}
+        {...(ref ? { ref } : {})}
+        {...restProps}
+      />
+      {title && (
+        <UITooltip state={tooltip} className={cx(css.tooltip, tooltipClassName)}>
+          <UITooltipArrow state={tooltip} className={css.arrow} size={12} />
+          {title}
+        </UITooltip>
+      )}
+    </>
+  );
+};

package/src/utils/colors.ts

@@ -0,0 +1,19 @@
+import chunk from 'lodash/chunk';
+
+import COLORS from '../chart-colors.json';
+
+export function getColors(count = 2) {
+  const chunks = chunk(COLORS, Math.round(COLORS.length / count));
+
+  return chunks.map((chunkColors, index) => {
+    if (index === 0) {
+      return chunkColors[0];
+    }
+
+    if (index === chunks.length - 1) {
+      return chunkColors[chunkColors.length - 1];
+    }
+
+    return chunkColors[Math.floor(chunkColors.length / 2)];
+  });
+}

package/src/utils/components.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import cx from 'classnames';
+
+export const getRenderChildWithClassName = (className: string) => (child: any) => {
+  if (child === null || child === '') {
+    return null;
+  }
+
+  const { props } = child;
+
+  if (!props) {
+    return <div className={className}>{child}</div>;
+  }
+
+  return React.cloneElement(child, {
+    ...props,
+    className: cx(className, props.className), // eslint-disable-line react/prop-types
+  });
+};

package/src/utils/index.ts

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './jobs';
+export * from './components';

package/src/utils/jobs.ts

@@ -0,0 +1,22 @@
+import uniqBy from 'lodash/uniqBy';
+
+import type { Job, WebpackChunk } from '@bundle-stats/utils';
+
+interface GetJobsChunksData {
+  chunks: Array<WebpackChunk>;
+  chunkIds: Array<string>;
+}
+
+/**
+ * Get chunks data from all jobs
+ */
+export function getJobsChunksData(jobs: Array<Job>): GetJobsChunksData {
+  const jobChunks = jobs.map((job) => job?.meta?.webpack?.chunks || []);
+  const chunks = uniqBy(jobChunks.flat(), ({ id }) => id);
+  const chunkIds = chunks?.map(({ id }) => id);
+
+  return {
+    chunks,
+    chunkIds,
+  };
+}

package/types/app/app.d.ts

@@ -1 +1,2 @@
-export function App(props: any): JSX.Element;
+export function App(props: any): React.JSX.Element;
+import React from 'react';

package/types/app/header/header.d.ts

@@ -1,17 +1,7 @@
-export function Header({ className, jobs }: {
-    className: any;
-    jobs: any;
-}): JSX.Element;
-export namespace Header {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const jobs: PropTypes.Requireable<(object | 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';
+import { JobsHeader } from '../../components/jobs-header';
+interface HeaderProps {
+    jobs: React.ComponentProps<typeof JobsHeader>['jobs'];
 }
-import PropTypes from "prop-types";
+export declare const Header: ({ className, jobs }: HeaderProps & React.ComponentProps<"header">) => React.JSX.Element;
+export {};

package/types/app/header/index.d.ts

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

package/types/assets/icons.svg.d.ts

@@ -1 +1,2 @@
-export function SvgIcons(props: any): JSX.Element;
+export function SvgIcons(props: any): React.JSX.Element;
+import * as React from 'react';

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

@@ -1,24 +1,13 @@
-export function AssetInfo(props: any): JSX.Element;
-export namespace AssetInfo {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const item: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            runs: PropTypes.Requireable<(PropTypes.InferProps<{
-                name: PropTypes.Requireable<string>;
-                chunkId: PropTypes.Requireable<string>;
-            }> | null | undefined)[]>;
-        }>>>;
-        const labels: PropTypes.Validator<(string | null | undefined)[]>;
-        const chunks: PropTypes.Requireable<any[]>;
-        const CustomComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const chunks_1: never[];
-        export { chunks_1 as chunks };
-        export { ComponentLink as CustomComponentLink };
-    }
+import type { ComponentProps, ElementType } from 'react';
+import React from 'react';
+import type { WebpackChunk } from '@bundle-stats/utils';
+import type { ReportMetricAssetRow } from '../../types';
+interface AssetInfoProps {
+    item: ReportMetricAssetRow;
+    chunks?: Array<WebpackChunk>;
+    labels: Array<string>;
+    customComponentLink?: ElementType;
+    onClose: () => void;
 }
-import PropTypes from "prop-types";
-import { ComponentLink } from "../component-link";
+export declare const AssetInfo: (props: AssetInfoProps & ComponentProps<"div">) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+export declare const ENTRY = "Entry";
+export declare const INITIAL = "Initial";
+export declare const CHUNK = "Chunk";
+export declare const CHUNK_TOOLTIP = "The bundler's chunk from which the assets originated";
+export declare const ENTRYPOINT = "Entrypoint";
+export declare const FILE_TYPE = "File type";
+export declare const FILE_TYPE_TOOLTIP = "Asset file type: JS, CSS, image, media, fonts, HTML, or other";

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

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

package/types/components/asset-meta-tag/asset-meta-tag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TagProps } from '../../ui/tag';
+import type { ReportMetricAssetRowMetaStatus } from '../../types';
+export type AssetMetaTagProps = {
+    tag: 'entry' | 'initial' | 'chunk';
+    status?: ReportMetricAssetRowMetaStatus | boolean;
+} & TagProps;
+export declare const AssetMetaTag: (props: AssetMetaTagProps) => React.JSX.Element;

package/types/components/asset-meta-tag/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import React, { ElementType } from 'react';
+import type { ReportMetricAssetRow } from '../../types';
+export type AssetNameProps = {
+    className?: string;
+    row: ReportMetricAssetRow;
+    EntryComponentLink: ElementType;
+};
+export declare const AssetName: (props: AssetNameProps) => React.JSX.Element;

package/types/components/asset-name/index.d.ts

@@ -0,0 +1 @@
+export * from './asset-name';

package/types/components/asset-not-predictive/asset-not-predictive.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { AssetMetricRun } from '@bundle-stats/utils/types/webpack';
+export type AssetNotPredictiveProps = {
+    runs?: Array<AssetMetricRun>;
+    labels?: Array<string>;
+} & ComponentProps<'div'>;
+export declare const AssetNotPredictive: (props: AssetNotPredictiveProps) => React.JSX.Element;

package/types/components/asset-not-predictive/index.d.ts

@@ -0,0 +1 @@
+export * from './asset-not-predictive';

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

@@ -1,14 +1,15 @@
-export function BrowsertimeTable(props: any): JSX.Element;
+export function BrowsertimeTable(props: any): React.JSX.Element;
 export namespace BrowsertimeTable {
     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/bundle-assets/bundle-assets.d.ts

@@ -1,51 +1,25 @@
-export function BundleAssets(props: any): JSX.Element;
-export namespace BundleAssets {
-    namespace defaultProps {
-        export const className: string;
-        export const totalRowCount: number;
-        export const hasActiveFilters: boolean;
-        export { ComponentLink as customComponentLink };
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export const jobs: PropTypes.Validator<(PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-            label: PropTypes.Requireable<string>;
-            meta: PropTypes.Requireable<PropTypes.InferProps<{
-                webpack: PropTypes.Requireable<PropTypes.InferProps<{
-                    chunks: PropTypes.Requireable<any[]>;
-                }>>;
-            }>>;
-        }> | 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)[]>;
-        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 { totalRowCount_1 as totalRowCount };
-        export const filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            changed: PropTypes.Requireable<boolean>;
-        }>>>;
-        const hasActiveFilters_1: PropTypes.Requireable<boolean>;
-        export { hasActiveFilters_1 as hasActiveFilters };
-        export const sortFields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        export const search: PropTypes.Validator<string>;
-        export const updateSearch: PropTypes.Validator<(...args: any[]) => any>;
-        export const sort: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            sortBy: PropTypes.Requireable<string>;
-            direction: PropTypes.Requireable<string>;
-        }>>>;
-        export const updateSort: PropTypes.Validator<(...args: any[]) => any>;
-        export const customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
+import type { ElementType } from 'react';
+import React, { ComponentProps } from 'react';
+import type { Job, WebpackChunk } from '@bundle-stats/utils';
+import type { ReportMetricAssetRow, SortAction } from '../../types';
+import { Stack } from '../../layout/stack';
+export interface BundleAssetsProps extends ComponentProps<typeof Stack> {
+    jobs: Array<Job>;
+    chunks: Array<WebpackChunk>;
+    items: Array<ReportMetricAssetRow>;
+    allItems: Array<ReportMetricAssetRow>;
+    filters: Record<string, boolean>;
+    updateFilters: (newFilters: Record<string, boolean>) => void;
+    resetFilters: () => void;
+    resetAllFilters: () => void;
+    totalRowCount?: number;
+    entryId?: string;
+    sort: SortAction;
+    updateSort: (params: SortAction) => void;
+    search: string;
+    updateSearch: (search: string) => void;
+    customComponentLink?: ElementType;
+    hideEntryInfo: () => void;
+    showEntryInfo: (entryId: string) => void;
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+export declare const BundleAssets: (props: BundleAssetsProps) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+export declare const SEARCH_PLACEHOLDER = "Search by asset path";
+export declare const CHANGED = "Changed";
+export declare const ASSET_TYPE = "Asset type";
+export declare const FILE_TYPE = "File type";
+export declare const CHUNKS = "Chunks";
+export declare const NO_CHUNK = "No chunk";
+export declare const ENTRY = "Entry";
+export declare const INITIAL = "Initial";
+export declare const CHUNK = "Chunk";
+export declare const OTHER = "Other";

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

@@ -1,5 +1,17 @@
-export function addRowAssetFlags(row: any): any;
-export function getIsNotPredictive(key: any, runs: any): any;
-export function addRowIsNotPredictive(row: any): any;
-export function getRowFilter(filters: any): (item: any) => boolean;
-export function getCustomSort(sortId: any): (item: any) => any;
+import type { ReportMetricRow, WebpackChunk } from '@bundle-stats/utils';
+import type { FilterFieldsData, ReportMetricAssetRow, ReportMetricAssetRowMetaStatus } from '../../types';
+export declare const getIsNotPredictive: (row: ReportMetricRow) => boolean;
+export declare const getAssetMetaStatus: (values: Array<boolean | undefined>) => ReportMetricAssetRowMetaStatus | boolean;
+export declare const addMetricReportAssetRowData: (row: ReportMetricRow) => ReportMetricAssetRow;
+type GenerateGetRowFilterOptions = {
+    chunkIds: Array<string>;
+};
+export declare const getCustomSort: (item: ReportMetricAssetRow) => Array<boolean | string>;
+type GetFiltersOptions = {
+    compareMode: boolean;
+    filters: Record<string, boolean>;
+    chunks: Array<WebpackChunk>;
+};
+export declare const getFilters: ({ compareMode, filters, chunks, }: GetFiltersOptions) => FilterFieldsData;
+export declare const generateGetRowFilter: ({ chunkIds }: GenerateGetRowFilterOptions) => (filters: Record<string, unknown>) => (item: ReportMetricAssetRow) => boolean;
+export {};

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

@@ -1,22 +1,11 @@
-export function BundleAssets(props: any): JSX.Element;
-export namespace BundleAssets {
-    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 PropTypes from "prop-types";
+import React from 'react';
+import type { Job } from '@bundle-stats/utils';
+export type BundleAssetsProps = {
+    jobs: Array<Job>;
+    filters?: Record<string, boolean>;
+    search?: string;
+    sortBy?: string;
+    direction?: string;
+    setState: () => void;
+};
+export declare const BundleAssets: (props: BundleAssetsProps) => React.JSX.Element;

package/types/components/bundle-assets-totals/bundle-assets-totals.d.ts

@@ -0,0 +1,27 @@
+export function BundleAssetsTotals({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }: {
+    [x: string]: any;
+    className: any;
+    jobs: any;
+    customComponentLink: any;
+    onTreemapItemClick: any;
+}): React.JSX.Element;
+export namespace BundleAssetsTotals {
+    namespace defaultProps {
+        export let className: string;
+        export let jobs: never[];
+        export { ComponentLink as customComponentLink };
+        export let onTreemapItemClick: undefined;
+    }
+    namespace propTypes {
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+        let jobs_1: PropTypes.Requireable<any[]>;
+        export { jobs_1 as jobs };
+        export let customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let onTreemapItemClick_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onTreemapItemClick_1 as onTreemapItemClick };
+    }
+}
+import React from 'react';
+import { ComponentLink } from '../component-link';
+import PropTypes from 'prop-types';

package/types/components/bundle-assets-totals/index.d.ts

@@ -0,0 +1 @@
+export * from "./bundle-assets-totals";

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

@@ -1,61 +1,28 @@
-export function BundleModules({ className, jobs, items, chunks, totalRowCount, updateFilters, resetFilters, resetAllFilters, filters, sortFields, sort, updateSort, search, updateSearch, hasActiveFilters, customComponentLink: CustomComponentLink, }: {
-    className: any;
-    jobs: any;
-    items: any;
-    chunks: any;
-    totalRowCount: any;
-    updateFilters: any;
-    resetFilters: any;
-    resetAllFilters: any;
-    filters: any;
-    sortFields: any;
+import React from 'react';
+import { type Job } from '@bundle-stats/utils';
+import { WebpackChunk } from '@bundle-stats/utils';
+import type { ReportMetricModuleRow, SortAction } from '../../types';
+import { ModuleSizeMetric } from '../../constants';
+interface BundleModulesProps extends React.ComponentProps<'div'> {
+    jobs?: Array<Job>;
+    items?: Array<ReportMetricModuleRow>;
+    allItems?: Array<ReportMetricModuleRow>;
+    chunks?: Array<WebpackChunk>;
+    totalRowCount: number;
+    updateFilters: () => void;
+    resetFilters: () => void;
+    resetAllFilters: () => void;
+    filters: Record<string, boolean>;
     sort: any;
-    updateSort: any;
-    search: any;
-    updateSearch: any;
-    hasActiveFilters: any;
-    customComponentLink: any;
-}): JSX.Element;
-export namespace BundleModules {
-    namespace defaultProps {
-        export const className: string;
-        export const items: never[];
-        export const jobs: never[];
-        export const totalRowCount: number;
-        export const hasActiveFilters: boolean;
-        export { ComponentLink as customComponentLink };
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const items_1: PropTypes.Requireable<any[]>;
-        export { items_1 as items };
-        const jobs_1: PropTypes.Requireable<any[]>;
-        export { jobs_1 as jobs };
-        export const chunks: PropTypes.Validator<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const totalRowCount_1: PropTypes.Requireable<number>;
-        export { totalRowCount_1 as totalRowCount };
-        export const updateFilters: PropTypes.Validator<(...args: any[]) => any>;
-        export const resetFilters: PropTypes.Validator<(...args: any[]) => any>;
-        export const resetAllFilters: PropTypes.Validator<(...args: any[]) => any>;
-        export const filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            changed: PropTypes.Requireable<boolean>;
-        }>>>;
-        const 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>;
-            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>;
-    }
+    updateSort: ({ field, direction }: SortAction) => void;
+    search: string;
+    updateSearch: (newSerarch: string) => void;
+    entryId?: string;
+    hideEntryInfo: () => void;
+    showEntryInfo: (entryId: string) => void;
+    moduleMetric: ModuleSizeMetric;
+    setModuleMetric: (newValue: ModuleSizeMetric) => void;
+    customComponentLink: React.ElementType;
 }
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+export declare const BundleModules: (props: BundleModulesProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+export declare const SEARCH = "Search by module path";
+export declare const CHANGED = "Changed";
+export declare const DUPLICATE = "Duplicate";
+export declare const CHUNK = "Chunk";
+export declare const FILE_TYPE = "File type";
+export declare const SOURCE = "Source";
+export declare const SOURCE_FIRST_PARTY = "First party";
+export declare const SOURCE_THIRD_PARTY = "Third party";

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

@@ -1,8 +1,22 @@
-export function addRowSourceFlag(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 }: {
-    jobs: any;
-    filters: any;
-    chunkIds: any;
-}): any;
+import type { WebpackChunk, ReportMetricRow } from '@bundle-stats/utils';
+import type { FilterFieldsData, ReportMetricModuleRow } from '../../types';
+export declare const addRowFlags: (row: ReportMetricRow) => ReportMetricModuleRow;
+export declare const getCustomSort: (item: ReportMetricRow) => (string | boolean)[];
+export declare const generateGetRowFilter: ({ chunkIds }: {
+    chunkIds: Array<string>;
+}) => (filters: Record<string, unknown>) => (row: ReportMetricModuleRow) => boolean;
+export declare const generateFilters: (chunkIds: Array<string>, multipleJobs: boolean) => {
+    defaultFilters: {
+        [x: string]: string | boolean;
+    };
+    allEntriesFilters: {
+        [x: string]: string | boolean;
+    };
+};
+interface GetFiltersFormDataParams {
+    filters: Record<string, boolean>;
+    chunks: Array<WebpackChunk>;
+    compareMode: boolean;
+}
+export declare const generateFilterFieldsData: (params: GetFiltersFormDataParams) => FilterFieldsData;
+export {};