@bundle-stats/ui 4.3.0-beta.2 → 4.3.0-beta.3

package/src/components/duplicate-packages-insight/duplicate-packages-insight.stories.tsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { DuplicatePackagesInsight } from '.';
-
-export default {
-  title: 'Components/DuplicatePackagesInsight',
-  component: DuplicatePackagesInsight,
-};
-
-const Template = (props: any) => <MemoryRouter><DuplicatePackagesInsight {...props} /></MemoryRouter>;
-
-export const Default = Template.bind({});
-
-Default.args = {
-  type: 'INFO',
-  data: {
-    packages: {},
-    text: 'Bundle does not contain duplicate packages',
-  },
-  summary: {
-    current: 0,
-    baseline: 0,
-  },
-};
-
-export const NewDuplicates = Template.bind({});
-
-NewDuplicates.args = {
-  type: 'ERROR',
-  data: {
-    packages: {},
-    text: 'Bundle introduced 2 duplicate packages',
-  },
-  summary: {
-    current: 4,
-    baseline: 2,
-  },
-};
-
-export const NewDuplicatesAndRemovals = Template.bind({});
-
-NewDuplicatesAndRemovals.args = {
-  type: 'ERROR',
-  data: {
-    packages: {},
-    text: 'Bundle introduced 2 and removed 1 duplicate packages',
-  },
-  summary: {
-    current: 4,
-    baseline: 3,
-  },
-};
-
-export const NoChangeDuplicates = Template.bind({});
-
-NoChangeDuplicates.args = {
-  type: 'WARNING',
-  data: {
-    packages: {},
-    text: 'Bundle contains 4 duplicate packages',
-  },
-  summary: {
-    current: 4,
-    baseline: 4,
-  },
-};

package/src/components/duplicate-packages-insight/duplicate-packages-insight.tsx

@@ -1,81 +0,0 @@
-import React from 'react';
-import {
-  BUNDLE_PACKAGES_DUPLICATE,
-  BUNDLE_PACKAGES_COUNT,
-  InsightType,
-  JobSummaryItem,
-  getMetricRunInfo,
-  JobInsightDuplicatePackagesV3Data,
-  getGlobalMetricType,
-} from '@bundle-stats/utils';
-
-import { Alert } from '../../ui/alert';
-import { ComponentLink } from '../component-link';
-import { Delta } from '../delta';
-// @ts-ignore
-import css from './duplicate-packages-insight.module.css';
-
-interface DuplicatePackagesInsightProps extends React.HTMLAttributes<HTMLDivElement> {
-  type: InsightType;
-  data: JobInsightDuplicatePackagesV3Data;
-  summary: JobSummaryItem;
-  showDelta?: boolean;
-  customComponentLink?: React.FunctionComponent<React.HTMLAttributes<HTMLLinkElement>>;
-}
-
-const AlertKindMap = new Map([
-  [InsightType.INFO, 'info'],
-  [InsightType.ERROR, 'danger'],
-  [InsightType.WARNING, 'warning'],
-]);
-
-export const DuplicatePackagesInsight = (props: DuplicatePackagesInsightProps) => {
-  const {
-    type,
-    data,
-    summary,
-    showDelta = true,
-    customComponentLink: CustomComponentLink = ComponentLink,
-    ...restProps
-  } = props;
-
-  const metric = getGlobalMetricType('webpack.duplicatePackageCount');
-
-  const metricRunInfo = getMetricRunInfo(
-    metric,
-    summary.current,
-    summary.baseline,
-  );
-
-  const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && (metricRunInfo.delta !== 0));
-
-  return (
-    <Alert kind={AlertKindMap.get(type)} {...restProps}>
-      <span className={css.message}>{data.text}</span>
-      {hasDuplicatePackages && (
-        <span className={css.metric}>
-          {metricRunInfo.value}
-          {showDelta && typeof metricRunInfo.delta !== 'undefined' && (
-            <Delta
-              className={css.delta}
-              inverted
-              displayValue={metricRunInfo.displayDelta as string}
-              deltaType={metricRunInfo.deltaType as string}
-            />
-          )}
-        </span>
-      )}
-      <span className={css.link}>
-        {hasDuplicatePackages ? (
-          <CustomComponentLink {...BUNDLE_PACKAGES_DUPLICATE as any}>
-            View duplicate packages
-          </CustomComponentLink>
-        ) : (
-          <CustomComponentLink {...BUNDLE_PACKAGES_COUNT as any}>
-            View packages
-          </CustomComponentLink>
-        )}
-      </span>
-    </Alert>
-  );
-};

package/src/components/duplicate-packages-insight/index.ts

@@ -1 +0,0 @@
-export * from './duplicate-packages-insight';

package/types/components/duplicate-packages-insight/duplicate-packages-insight.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { InsightType, JobSummaryItem, JobInsightDuplicatePackagesV3Data } from '@bundle-stats/utils';
-interface DuplicatePackagesInsightProps extends React.HTMLAttributes<HTMLDivElement> {
-    type: InsightType;
-    data: JobInsightDuplicatePackagesV3Data;
-    summary: JobSummaryItem;
-    showDelta?: boolean;
-    customComponentLink?: React.FunctionComponent<React.HTMLAttributes<HTMLLinkElement>>;
-}
-export declare const DuplicatePackagesInsight: (props: DuplicatePackagesInsightProps) => JSX.Element;
-export {};

package/types/components/duplicate-packages-insight/index.d.ts

@@ -1 +0,0 @@
-export * from './duplicate-packages-insight';