@bundle-stats/ui 4.17.0 → 4.18.0-beta.0

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

@@ -1,6 +1,7 @@
 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;
@@ -9,8 +10,8 @@ interface MetricsTableProps extends Omit<React.ComponentProps<typeof Table>, 'ti
     items: Array<ReportMetricRow>;
     title?: React.ReactNode;
     showHeaderSum?: boolean;
-    sort?: any;
-    updateSort?: (val: any) => void;
+    sort?: MetricsTableHeaderProps['sort'];
+    updateSort?: MetricsTableHeaderProps['updateSort'];
     renderRowHeader?: (item: ReportMetricRow) => React.ReactNode;
     emptyMessage?: React.ReactNode;
     showAllItems: boolean;

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

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

package/types/components/sort-button/sort-button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SortAction } from '../../types';
-interface SortButtonProps {
+export interface SortButtonProps {
     fieldPath: string;
     fieldName: string;
     label: string;
@@ -8,4 +8,3 @@ interface SortButtonProps {
     updateSort?: (params: SortAction) => void;
 }
 export declare const SortButton: (props: SortButtonProps & React.ComponentProps<"div">) => React.JSX.Element;
-export {};

package/types/hooks/rows-sort.d.ts

@@ -3,7 +3,7 @@ export declare const getSortFn: <TRow>(fieldPath: string, getCustomSort: UseRows
 interface UseRowsSortParams<TRow> {
     rows: Array<TRow>;
     initialField?: string;
-    initialDirection?: SortAction['direction'];
+    initialDirection?: string;
     getCustomSort: (item: any) => Array<string | number | boolean>;
     setQueryState: (queryParams: {
         sortBy: SortAction['field'];

package/src/components/bundle-assets/bundle-assets.utils.js

@@ -1,149 +0,0 @@
-/**
- * @type {import('@bundle-stats/utils').ReportMetricRow} ReportMetricRow
- * @type {import('../../types').ReportMetricAssetRow} ReportMetricAssetRow
- * @type {import('../../types').ReportMetricAssetRowMetaStatus} ReportMetricAssetRowFlagStatus
- */
-
-import { ASSET_ENTRY_TYPE, ASSET_FILE_TYPE, ASSET_FILTERS, getFileType } from '@bundle-stats/utils';
-
-/**
- * Check if the asset cache is not predictive
- *
- * @param {ReportMetricRow} row
- * @returns {boolean}
- */
-export const getIsNotPredictive = (row) => {
-  const { key, runs } = row;
-
-  return runs.reduce((agg, current, index) => {
-    if (agg) {
-      return agg;
-    }
-
-    if (index + 1 === runs.length) {
-      return agg;
-    }
-
-    if (
-      current &&
-      runs[index + 1] &&
-      key !== current.name &&
-      current.name === runs[index + 1].name &&
-      current.value !== runs[index + 1].value
-    ) {
-      return true;
-    }
-
-    return agg;
-  }, false);
-};
-
-/**
- * @param {Array<boolean>}
- * @returns {ReportMetricAssetRowFlagStatus | boolean}
- */
-export const getAssetMetaStatus = (values) => {
-  if (!values.includes(true)) {
-    return false;
-  }
-
-  // filter empty runs
-  const metaValues = values.filter((value) => typeof value !== 'undefined');
-
-  const current = metaValues[0];
-  const metaValuesLength = metaValues.length;
-
-  if (metaValuesLength === 1) {
-    return Boolean(current);
-  }
-
-  const baseline = metaValues[metaValuesLength - 1];
-
-  if (current && !baseline) {
-    return 'added';
-  }
-
-  if (!current && baseline) {
-    return 'removed';
-  }
-
-  return true;
-};
-
-/**
- * Add asset row flags
- *
- * @param {ReportMetricRow} row
- * @returns {ReportMetricAssetRow}
- */
-export const addMetricReportAssetRowData = (row) => {
-  const { changed, runs } = row;
-
-  // Collect meta for each run
-  const runsEntry = [];
-  const runsInitial = [];
-  const runsChunk = [];
-
-  runs.forEach((run) => {
-    runsEntry.push(run?.isEntry);
-    runsInitial.push(run?.isInitial);
-    runsChunk.push(run?.isChunk);
-  });
-
-  const isEntry = getAssetMetaStatus(runsEntry);
-  const isInitial = getAssetMetaStatus(runsInitial);
-  const isChunk = getAssetMetaStatus(runsChunk);
-  const isAsset = !(isEntry || isInitial || isChunk);
-  const isNotPredictive = getIsNotPredictive(row);
-  const fileType = getFileType(row.key);
-
-  // Flag asset as changed if name and value are identical, if one of the meta tags is changed
-  const assetChanged =
-    changed ||
-    typeof isEntry !== 'boolean' ||
-    typeof isInitial !== 'boolean' ||
-    typeof isChunk !== 'boolean';
-
-  return {
-    ...row,
-    changed: assetChanged,
-    isEntry,
-    isInitial,
-    isChunk,
-    isAsset,
-    isNotPredictive,
-    fileType,
-  };
-};
-
-export const getRowFilter = (filters) => (item) => {
-  if (filters[ASSET_FILTERS.CHANGED] && !item.changed) {
-    return false;
-  }
-
-  if (
-    !(
-      (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.ENTRY}`] && item.isEntry) ||
-      (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.INITIAL}`] && item.isInitial) ||
-      (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.CHUNK}`] && item.isChunk) ||
-      (filters[`${ASSET_ENTRY_TYPE}.${ASSET_FILTERS.OTHER}`] && item.isAsset)
-    )
-  ) {
-    return false;
-  }
-
-  if (!filters[`${ASSET_FILE_TYPE}.${item.fileType}`]) {
-    return false;
-  }
-
-  return true;
-};
-
-export const getCustomSort = (item) => [
-  !item.isNotPredictive,
-  !item.changed,
-  !item.isInitial,
-  !item.isEntry,
-  !item.isChunk,
-  item.key,
-];