@bundle-stats/ui 4.2.0-beta.1 → 4.2.0-beta.3

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

@@ -0,0 +1,84 @@
+import React from 'react';
+import {
+  BUNDLE_PACKAGES_DUPLICATE,
+  BUNDLE_PACKAGES_DUPLICATE_NEW,
+  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 && metricRunInfo?.delta !== 0 ? (
+          <CustomComponentLink {...(BUNDLE_PACKAGES_DUPLICATE_NEW as any)}>
+            View duplicate packages
+          </CustomComponentLink>
+        ) : (
+          <CustomComponentLink {...(BUNDLE_PACKAGES_DUPLICATE as any)}>
+            View duplicate packages
+          </CustomComponentLink>
+        )}
+        {!hasDuplicatePackages && (
+          <CustomComponentLink {...(BUNDLE_PACKAGES_COUNT as any)}>
+            View packages
+          </CustomComponentLink>
+        )}
+      </span>
+    </Alert>
+  );
+};

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

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

package/src/components/index.js

@@ -5,7 +5,7 @@ export { BundleAssetsTotalsChartBars } from './bundle-assets-totals-chart-bars';
 export { BundlePackages } from './bundle-packages';
 export { BundleModules } from './bundle-modules';
 export { ComponentLink } from './component-link';
-export { DuplicatePackagesWarning } from './duplicate-packages-warning';
+export { DuplicatePackagesInsight } from './duplicate-packages-insight';
 export { Delta } from './delta';
 export { JobName } from './job-name';
 export { JobHeader } from './job-header';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import get from 'lodash/get';
-import { SOURCE_PATH_WEBPACK_STATS, formatDateTime } from '@bundle-stats/utils';
+import { Source, formatDateTime } from '@bundle-stats/utils';
 
 import { FlexStack } from '../../layout/flex-stack';
 import { Stack } from '../../layout/stack';
@@ -13,7 +13,7 @@ import css from './job-header.module.css';
 export const JobHeader = (props) => {
   const { className, tag, job, children } = props;
 
-  const { builtAt, hash } = get(job, `meta.${SOURCE_PATH_WEBPACK_STATS}`, {});
+  const { builtAt, hash } = get(job, `meta.${Source.webpack}`, {});
   const rootClassName = cx(css.root, className);
 
   return (

package/src/components/metrics-table/index.jsx

@@ -0,0 +1,11 @@
+import React, { useState } from 'react';
+
+import { MetricsTable as BaseComponent } from './metrics-table';
+
+export const MetricsTable = (props) => {
+  const [showAllItems, setShowAllItems] = useState(false);
+
+  return (
+    <BaseComponent {...props} showAllItems={showAllItems}  setShowAllItems={setShowAllItems} />
+  );
+};

package/src/components/metrics-table/metrics-table.jsx

@@ -12,6 +12,7 @@ import { JobName } from '../job-name';
 import styles from './metrics-table.module.css';
 
 const METRIC_TYPE_DATA = getGlobalMetricType(null, METRIC_TYPE_FILE_SIZE);
+const VISIBLE_COUNT = 500;
 
 const getRowsRunTotal = (rows, runIndex) => sum(rows.map((row) => row?.runs?.[runIndex]?.value || 0));
 
@@ -164,6 +165,8 @@ export const MetricsTable = ({
   showHeaderSum,
   headerRows,
   title,
+  showAllItems,
+  setShowAllItems,
   ...restProps
 }) => {
   const { headers, columnClassNames } = useMemo(() => {
@@ -183,6 +186,11 @@ export const MetricsTable = ({
     showHeaderSum && styles.showHeaderSum,
   );
 
+  const showEmpty = isEmpty(items);
+  const showItems = !showEmpty;
+  const hasHiddenItems = items?.length > VISIBLE_COUNT;
+  const visibleItems = !hasHiddenItems || showAllItems ? items : items?.slice(0, VISIBLE_COUNT);
+
   return (
     <Table className={rootClassName} compact {...restProps}>
       <Table.THead>
@@ -201,17 +209,46 @@ export const MetricsTable = ({
         })}
       </Table.THead>
       <Table.TBody>
-        {!isEmpty(items) ? (
-          items.map((item) => (
-            <MetricsTableRow key={item.key} item={item} renderRowHeader={renderRowHeader} />
-          ))
-        ) : (
+        {showEmpty && (
           <Table.Tr>
             <Table.Td className={styles.empty} colSpan={columnClassNames?.length || 1}>
               {emptyMessage}
             </Table.Td>
           </Table.Tr>
         )}
+
+        {showItems && (
+          <>
+            {visibleItems.map((item) => (
+              <MetricsTableRow key={item.key} item={item} renderRowHeader={renderRowHeader} />
+            ))}
+
+            {hasHiddenItems && (
+              <Table.Tr>
+                <Table.Td className={styles.showAllItems} colSpan={columnClassNames?.length || 1}>
+                  {showAllItems ? (
+                      <button
+                        onClick={() => setShowAllItems(false)}
+                        type="button"
+                        className={styles.showAllItemsButton}
+                      >
+                        Show less
+                      </button>
+                    ) : (
+                      <button
+                        onClick={() => setShowAllItems(true)}
+                        type="button"
+                        className={styles.showAllItemsButton}
+                      >
+                        Show all
+                      </button>
+                    )
+                  }
+                </Table.Td>
+              </Table.Tr>
+            )}
+          </>
+        )}
       </Table.TBody>
     </Table>
   );

package/src/components/metrics-table/metrics-table.module.css

@@ -15,6 +15,10 @@
   width: 100%;
 }
 
+.tableHeaderRunMetric {
+  text-transform: none;
+}
+
 .root .value {
   padding-left: var(--space-large);
   text-align: right;
@@ -67,6 +71,29 @@
   text-align: center;
 }
 
+.root .showAllItems {
+  background: none !important;
+  text-align: center;
+}
+
+/** show all */
+.showAllItemsButton {
+  appearance: none;
+  background: none;
+  margin: 0;
+  border: 0;
+  padding: var(--space-xxxsmall);
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.showAllItemsButton:hover,
+.showAllItemsButton:focus,
+.showAllItemsButton:active {
+  color: var(--color-primary-dark);
+}
+
 /** Breakpoints */
 .root tr {
   display: flex;

package/src/components/module-info/module-info.jsx

@@ -1,14 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import cx from 'classnames';
 import isEmpty from 'lodash/isEmpty';
 import noop from 'lodash/noop';
-import { getBundleModulesByChunk, getBundleModulesBySearch } from '@bundle-stats/utils';
+import { getBundleModulesByChunk } from '@bundle-stats/utils';
 
 import { Stack } from '../../layout/stack';
-import { FlexStack } from '../../layout/flex-stack';
 import { FileName } from '../../ui/file-name';
-import { Tag } from '../../ui/tag';
 import { ComponentLink } from '../component-link';
 import css from './module-info.module.css';
 
@@ -24,34 +21,25 @@ export const ModuleInfo = (props) => {
   } = props;
 
   return (
-    <Stack space="small" className={cx(css.root, className)}>
-      {item.runs.map((run, index) => (
-        <Stack space="xsmall" key={`module-info-${run?.name || index}-${index}`} className={css.run}>
-          <Stack space="xxxsmall">
-            <FlexStack space="xxxsmall" alignItems="center" as="h4" className={css.title}>
-              <span>{labels[index]}</span>
-              <Tag className={css.titleTag}>{index === 0 ? 'current' : 'baseline'}</Tag>
-            </FlexStack>
-            <FileName className={css.fileName} as="code" name={run?.name || '-'} />
-          </Stack>
+    <Stack space="xsmall" className={className}>
+      {item.runs.map((run, index) => {
+        const TitleComponent = index !== 0 ? 'h4' : 'h3';
+        const key = `module-info-${run?.name || index}-${index}`;
 
-          {/**
-            * Render chunks only for the current run
-            * we do not have the correct chunk ids for baselines
-            */}
-          {index === 0 && !isEmpty(run?.chunkIds) && (
-            <Stack className={css.chunks}>
-              <h5>Chunks</h5>
-              <ul className={css.list}>
-              {run.chunkIds.map((chunkId) => {
-                const chunk = chunks?.find(({ id }) => id === chunkId);
+        return (
+          <Stack space="xxxsmall" key={key}>
+            <TitleComponent>{labels[index]}</TitleComponent>
+            {index === 0 && !isEmpty(run?.chunkIds) && (
+              <div className={css.chunks}>
+                <span className={css.chunksTitle}>Chunks:</span>
+                {run.chunkIds.map((chunkId) => {
+                  const chunk = chunks?.find(({ id }) => id === chunkId);
 
-                if (!chunk) {
-                  return null;
-                }
+                  if (!chunk) {
+                    return null;
+                  }
 
-                return (
-                  <li>
+                  return (
                     <CustomComponentLink
                       {...getBundleModulesByChunk(chunkIds, chunkId)}
                       onClick={onClick}
@@ -59,33 +47,15 @@ export const ModuleInfo = (props) => {
                     >
                       {chunk.name}
                     </CustomComponentLink>
-                  </li>
-                );
-              })}
-              </ul>
-            </Stack>
-          )}
+                  );
+                })}
+              </div>
+            )}
 
-          {run?.reasons && (
-            <Stack>
-              <h5>Reasons</h5>
-              <ul className={css.list}>
-                {run.reasons.map((reason) => (
-                  <li key={reason}>
-                    <CustomComponentLink
-                      {...getBundleModulesBySearch(`^${reason}$`)}
-                      onClick={onClick}
-                      className={css.reasonLink}
-                      >
-                      <FileName name={reason} className={css.reason} />
-                    </CustomComponentLink>
-                  </li>
-                ))}
-              </ul>
-            </Stack>
-          )}
-        </Stack>
-      ))}
+            <FileName className={css.fileName} as="code" name={run?.name || '-'} />
+          </Stack>
+        );
+      })}
     </Stack>
   );
 };

package/src/components/module-info/module-info.module.css

@@ -1,40 +1,21 @@
-.titleTag {
-  border: 1px solid var(--color-outline);
-  background: var(--color-highlight);
-  color: var(--color-text-light);
+.chunksTitle {
+  margin-right: var(--space-xxxsmall);
 }
 
-.run:first-child .title {
-  font-size: var(--size-xlarge);
+.chunksItems {
+  display: inline;
 }
 
 .chunksItem {
   overflow-wrap: break-word;
 }
 
+.chunksItem + .chunksItem {
+  margin-left: var(--space-xxxsmall);
+}
+
 .fileName {
   max-width: 100%;
   padding: 2px;
   background: var(--color-highlight-warning);
 }
-
-.reasonLink {
-  text-decoration: underline;
-}
-
-.reasonLink .reason {
-  text-decoration: inherit;
-}
-
-.reason {
-  display: inline;
-}
-
-.list {
-  padding: 0 0 0 var(--space-small);
-  list-style: outside;
-}
-
-.list li::marker {
-  color: var(--color-text-ultra-light);
-}

package/src/components/summary-item/summary-item.jsx

@@ -63,7 +63,7 @@ export const SummaryItem = ({
   const rootClassName = cx(css.root, className, css[size], showDelta && css.showDelta);
 
   return (
-    <Stack space="xxxsmall" as={Component} className={rootClassName} {...props}>
+    <Stack space="xxsmall" as={Component} className={rootClassName} {...props}>
       <FlexStack space="xxxsmall" alignItems="center" as="h3" className={css.title}>
         <span>
           {metric.label}

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

@@ -6,6 +6,11 @@
   white-space: nowrap;
 }
 
+.titleIcon {
+  margin-top: -4px !important;
+  margin-bottom: -4px !important;
+}
+
 .currentMetric {
   color: var(--color-heading);
   font-size: var(--size-large);

package/src/css/variables.css

@@ -23,8 +23,8 @@
   --size-xxlarge: 1.424rem;
   --size-xxxlarge: 1.602rem;
 
-  --line-height: 1.66em;
-  --line-height-heading: 1.33em;
+  --line-height: 1.66;
+  --line-height-heading: 1.33;
 
   /*
    * Color scheme:

package/src/hooks/search-params.js

@@ -1,4 +1,4 @@
-import { useCallback, useLayoutEffect, useReducer } from 'react';
+import { useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
 import isEqual from 'lodash/isEqual';
 import merge from 'lodash/merge';
 
@@ -150,14 +150,26 @@ export const useSearchParams = ({
     dispatch({ type: ACTION_RESET_ALL });
   }, [dispatch]);
 
-  return {
-    search,
-    searchPattern,
-    filters,
-    hasActiveFilters: !isEqual(allEntriesFilters, filters),
-    updateSearch: handleUpdateSearch,
-    updateFilters: handleUpdateFilters,
-    resetFilters: handleResetFilters,
-    resetAllFilters: handleResetAllFilters,
-  };
+  return useMemo(
+    () => ({
+      search,
+      searchPattern,
+      filters,
+      hasActiveFilters: !isEqual(allEntriesFilters, filters),
+      updateSearch: handleUpdateSearch,
+      updateFilters: handleUpdateFilters,
+      resetFilters: handleResetFilters,
+      resetAllFilters: handleResetAllFilters,
+    }),
+    [
+      search,
+      searchPattern,
+      filters,
+      allEntriesFilters,
+      handleUpdateSearch,
+      handleUpdateFilters,
+      handleResetFilters,
+      handleResetAllFilters,
+    ],
+  );
 };

package/tsconfig.esm.json

@@ -9,5 +9,5 @@
     "declarationDir": "./types",
     "noEmit": false
   },
-  "exclude": ["**/__tests__/*", "**/*.stories.jsx"]
+  "exclude": ["**/__tests__/*", "**/*.stories.*"]
 }

package/tsconfig.json

@@ -1,4 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "include": ["src/**/*"],
+  "compilerOptions": {
+    "jsx": "react"
+  }
 }

package/tsconfig.lib.json

@@ -5,5 +5,5 @@
     "resolveJsonModule": true,
     "noEmit": false
   },
-  "exclude": ["**/__tests__/*", "**/*.stories.jsx"]
+  "exclude": ["**/__tests__/*", "**/*.stories.*"]
 }

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

@@ -0,0 +1,11 @@
+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

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

package/types/components/index.d.ts

@@ -5,7 +5,7 @@ export { BundleAssetsTotalsChartBars } from "./bundle-assets-totals-chart-bars";
 export { BundlePackages } from "./bundle-packages";
 export { BundleModules } from "./bundle-modules";
 export { ComponentLink } from "./component-link";
-export { DuplicatePackagesWarning } from "./duplicate-packages-warning";
+export { DuplicatePackagesInsight } from "./duplicate-packages-insight";
 export { Delta } from "./delta";
 export { JobName } from "./job-name";
 export { JobHeader } from "./job-header";

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

@@ -1 +1 @@
-export * from "./metrics-table";
+export function MetricsTable(props: any): JSX.Element;

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

@@ -1,4 +1,4 @@
-export function MetricsTable({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, ...restProps }: {
+export function MetricsTable({ className, renderRowHeader, runs, items, emptyMessage, showHeaderSum, headerRows, title, showAllItems, setShowAllItems, ...restProps }: {
     [x: string]: any;
     className: any;
     renderRowHeader: any;
@@ -8,6 +8,8 @@ export function MetricsTable({ className, renderRowHeader, runs, items, emptyMes
     showHeaderSum: any;
     headerRows: any;
     title: any;
+    showAllItems: any;
+    setShowAllItems: any;
 }): JSX.Element;
 export namespace MetricsTable {
     namespace defaultProps {

package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js

@@ -1,41 +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.DuplicatePackagesWarning = void 0;
-const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("@bundle-stats/utils");
-const alert_1 = require("../../ui/alert");
-const component_link_1 = require("../component-link");
-const delta_1 = require("../delta");
-const duplicate_packages_warning_module_css_1 = __importDefault(require("./duplicate-packages-warning.module.css"));
-const numberMetric = utils_1.METRIC_TYPES[utils_1.METRIC_TYPE_NUMERIC];
-const DuplicatePackagesWarning = (props) => {
-    const { className, duplicatePackagesCount, customComponentLink: CustomComponentLink, showDelta, } = props;
-    const metricRunInfo = (0, utils_1.getMetricRunInfo)(numberMetric, duplicatePackagesCount.current, duplicatePackagesCount.baseline);
-    return (react_1.default.createElement(alert_1.Alert, { kind: "warning", className: (0, classnames_1.default)(duplicate_packages_warning_module_css_1.default.root, className) },
-        `Bundle contains `,
-        react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_DUPLICATE },
-            metricRunInfo.value,
-            showDelta && metricRunInfo.delta !== 0 && (react_1.default.createElement(delta_1.Delta, { className: duplicate_packages_warning_module_css_1.default.titleDelta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })),
-            ` duplicate ${metricRunInfo.value === 1 ? 'package' : 'packages'}.`)));
-};
-exports.DuplicatePackagesWarning = DuplicatePackagesWarning;
-exports.DuplicatePackagesWarning.propTypes = {
-    className: prop_types_1.default.string,
-    customComponentLink: prop_types_1.default.elementType,
-    duplicatePackagesCount: prop_types_1.default.shape({
-        current: prop_types_1.default.number,
-        baseline: prop_types_1.default.number,
-    }).isRequired,
-    showDelta: prop_types_1.default.bool,
-};
-exports.DuplicatePackagesWarning.defaultProps = {
-    className: '',
-    customComponentLink: component_link_1.ComponentLink,
-    showDelta: true,
-};
-//# sourceMappingURL=duplicate-packages-warning.js.map

package/lib/components/duplicate-packages-warning/duplicate-packages-warning.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"duplicate-packages-warning.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/duplicate-packages-warning.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAC5B,+CAAqH;AAErH,0CAAuC;AACvC,sDAAkD;AAClD,oCAAiC;AACjC,oHAA0D;AAE1D,MAAM,YAAY,GAAG,oBAAY,CAAC,2BAAmB,CAAC,CAAC;AAEhD,MAAM,wBAAwB,GAAG,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EACJ,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,wBAAgB,EACpC,YAAY,EACZ,sBAAsB,CAAC,OAAO,EAC9B,sBAAsB,CAAC,QAAQ,CAChC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,+CAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrD,kBAAkB;QACnB,8BAAC,mBAAmB,OAAK,iCAAyB;YAC/C,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,aAAa,CAAC,KAAK,KAAK,CAAC,IAAI,CACzC,8BAAC,aAAK,IACJ,SAAS,EAAE,+CAAG,CAAC,UAAU,EACzB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAY,EACxC,SAAS,EAAE,aAAa,CAAC,SAAS,GAClC,CACH;YACA,cAAc,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,CAChD,CAChB,CACT,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,wBAAwB,4BA+BnC;AAEF,gCAAwB,CAAC,SAAS,GAAG;IACnC,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,mBAAmB,EAAE,oBAAS,CAAC,WAAW;IAC1C,sBAAsB,EAAE,oBAAS,CAAC,KAAK,CAAC;QACtC,OAAO,EAAE,oBAAS,CAAC,MAAM;QACzB,QAAQ,EAAE,oBAAS,CAAC,MAAM;KAC3B,CAAC,CAAC,UAAU;IACb,SAAS,EAAE,oBAAS,CAAC,IAAI;CAC1B,CAAC;AAEF,gCAAwB,CAAC,YAAY,GAAG;IACtC,SAAS,EAAE,EAAE;IACb,mBAAmB,EAAE,8BAAa;IAClC,SAAS,EAAE,IAAI;CAChB,CAAC"}

package/lib/components/duplicate-packages-warning/duplicate-packages-warning.module.css

@@ -1,22 +0,0 @@
-.root a {
-  text-decoration: none;
-}
-
-.root a:hover,
-.root a:active,
-.root a:focus {
-  text-decoration: none;
-}
-
-.title {
-  margin-bottom: var(--space-xxsmall);
-  font-size: var(--size-medium);
-}
-
-.titleDelta {
-  margin-left: var(--space-xxxsmall);
-  padding: 1px 2px;
-  vertical-align: super;
-  font-size: 9px;
-  line-height: 1;
-}

package/lib/components/duplicate-packages-warning/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-warning/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+DAA6C"}