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

package/lib-esm/components/module-info/module-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"module-info.js","sourceRoot":"","sources":["../../../src/components/module-info/module-info.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/module-info/module-info.module.css

@@ -1,21 +1,41 @@
-.chunksTitle {
-  margin-right: var(--space-xxxsmall);
+.moduleSizes {
+  flex-wrap: wrap;
 }
 
 .chunksItems {
   display: inline;
 }
 
-.chunksItem {
-  overflow-wrap: break-word;
+.chunksItem-info {
+  color: var(--color-info);
 }
 
-.chunksItem + .chunksItem {
-  margin-left: var(--space-xxxsmall);
+.chunksItem-info:hover,
+.chunksItem-info:active,
+.chunksItem-info:focus {
+  color: var(--color-info-dark);
 }
 
-.fileName {
-  max-width: 100%;
-  padding: 2px;
-  background: var(--color-highlight-warning);
+.chunksItem-danger {
+  color: var(--color-danger);
+}
+
+.chunksItem-danger:hover,
+.chunksItem-danger:active,
+.chunksItem-danger:focus {
+  color: var(--color-danger-dark);
+}
+
+.chunksItem-default {
+  color: var(--color-text-light);
+}
+
+.chunksItem-default:hover,
+.chunksItem-default:active,
+.chunksItem-default:focus {
+  color: var(--color-text);
+}
+
+.duplicateInstances {
+  padding: 2px 0; /* compensate for the Entry Label padding */
 }

package/lib-esm/components/package-info/index.js

@@ -0,0 +1,2 @@
+export * from './package-info';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/package-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/package-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/lib-esm/components/package-info/package-info.js

@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+import { BUNDLE_PACKAGES_DUPLICATE, PACKAGES_SEPARATOR, PACKAGE_ID_SEPARATOR, getBundleModulesBySearch, getBundlePackagesByNameComponentLink, } from '@bundle-stats/utils';
+import { FlexStack } from '../../layout/flex-stack';
+import { Stack } from '../../layout/stack';
+import { ComponentLink } from '../component-link';
+import { FileName } from '../../ui/file-name';
+import { Tag } from '../../ui/tag';
+import { EntryInfo } from '../entry-info';
+import css from './package-info.module.css';
+import { Icon } from '../../ui';
+export const PackageInfo = (props) => {
+    var _a, _b;
+    const { className = '', item, labels, customComponentLink: CustomComponentLink = ComponentLink, onClose, } = props;
+    const packages = item.label.split(PACKAGES_SEPARATOR);
+    const name = packages[packages.length - 1];
+    const fallbackPackagePath = `node_modules/${item.label
+        .split(PACKAGES_SEPARATOR)
+        .join('/node_modules/')}`;
+    const normalizedPackagePath = `${((_b = (_a = item.runs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.path) || fallbackPackagePath}/`;
+    const [normalizedName, packageId] = name.split(PACKAGE_ID_SEPARATOR);
+    const packageTitle = useMemo(() => (React.createElement("span", { className: css.packageTitle },
+        React.createElement("span", { className: css.packageTitleText }, normalizedName),
+        packageId && (React.createElement("span", { className: css.packageTitleId },
+            PACKAGE_ID_SEPARATOR,
+            packageId)))), [normalizedName, packageId]);
+    const tags = useMemo(() => {
+        if (!item.duplicate) {
+            return null;
+        }
+        return (React.createElement("div", null,
+            React.createElement(Tag, { as: CustomComponentLink, ...BUNDLE_PACKAGES_DUPLICATE, kind: "danger" }, "Duplicate")));
+    }, [item]);
+    return (React.createElement(EntryInfo, { itemTitle: packageTitle, item: item, labels: labels, tags: tags, runNameSelector: "path", onClose: onClose, className: className },
+        React.createElement(EntryInfo.Meta, { label: "Path", tooltip: "Package path" },
+            React.createElement(FileName, { name: normalizedPackagePath, className: css.fileName })),
+        React.createElement(Stack, { space: "xxxsmall" },
+            item.duplicate && (React.createElement("div", null,
+                React.createElement(CustomComponentLink, { ...getBundlePackagesByNameComponentLink(normalizedName) }, "View all duplicate instances"))),
+            React.createElement(CustomComponentLink, { ...getBundleModulesBySearch(normalizedPackagePath) }, "Search modules by package path")),
+        React.createElement(FlexStack, { space: "xsmall", alignItems: "center", className: css.external },
+            React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "a", href: `https://www.npmjs.com/package/${normalizedName}`, target: "_blank", rel: "noreferrer", className: css.externalLink },
+                React.createElement("span", null, "npmjs.com"),
+                React.createElement(Icon, { glyph: Icon.ICONS.EXTERNAL_LINK, size: "small" })),
+            React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "a", href: `https://bundlephobia.com/result?p=${normalizedName}`, target: "_blank", rel: "noreferrer", className: css.externalLink },
+                React.createElement("span", null, "bundlephobia.com"),
+                React.createElement(Icon, { glyph: Icon.ICONS.EXTERNAL_LINK, size: "small" })))));
+};
+//# sourceMappingURL=package-info.js.map

package/lib-esm/components/package-info/package-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-info.js","sourceRoot":"","sources":["../../../src/components/package-info/package-info.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/package-info/package-info.module.css

@@ -0,0 +1,13 @@
+.fileName {
+  padding: 0 2px;
+  background: var(--color-highlight-warning);
+}
+
+.external {
+  padding: 0;
+  list-style: inside disc;
+}
+
+.packageTitleId {
+  color: var(--color-text-ultra-light);
+}

package/lib-esm/components/preview-source/index.js

@@ -0,0 +1,2 @@
+export * from './preview-source';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/preview-source/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/preview-source/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib-esm/components/preview-source/preview-source.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import cx from 'classnames';
+import { Button, BUTTON_GLYPHS } from '../../ui/button';
+import { CopyToClipboard } from '../../ui/copy-to-clipboard';
+import { ControlGroup } from '../../ui/control-group';
+import { Tooltip } from '../../ui/tooltip';
+import { Textarea } from '../../ui/textarea';
+import css from './preview-source.module.css';
+const DEFAULT_ROWS = 10;
+export const PreviewSource = (props) => {
+    const { className = '', source, rows = DEFAULT_ROWS, download = false, ...restProps } = props;
+    const isEmpty = !source;
+    const rootClassName = cx(css.root, className, isEmpty && css.isEmpty);
+    return (React.createElement("div", { className: rootClassName, ...restProps },
+        source && (React.createElement(ControlGroup, { className: css.toolbar },
+            React.createElement(CopyToClipboard, { outline: true, size: "small", text: source }),
+            download && (React.createElement(Tooltip, { title: `Download ${download}`, className: css.downloadTooltip },
+                React.createElement(Button, { outline: true, rightGlyph: BUTTON_GLYPHS.DOWNLOAD, size: "small", as: "a", href: `data:application/json,${encodeURIComponent(source)}`, download: download }))))),
+        React.createElement(Textarea, { rows: rows, value: source, readOnly: true, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", translate: "no", className: css.content })));
+};
+//# sourceMappingURL=preview-source.js.map

package/lib-esm/components/preview-source/preview-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-source.js","sourceRoot":"","sources":["../../../src/components/preview-source/preview-source.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,GAAG,MAAM,6BAA6B,CAAC;AAE9C,MAAM,YAAY,GAAG,EAAE,CAAC;AAgBxB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IACzD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC;IACxB,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAEtE,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,KAAM,SAAS;QACzC,MAAM,IAAI,CACT,oBAAC,YAAY,IAAC,SAAS,EAAE,GAAG,CAAC,OAAO;YAClC,oBAAC,eAAe,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,MAAM,GAAI;YACrD,QAAQ,IAAI,CACX,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,QAAQ,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,eAAe;gBACpE,oBAAC,MAAM,IACL,OAAO,QACP,UAAU,EAAE,aAAa,CAAC,QAAQ,EAClC,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,yBAAyB,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAC3D,QAAQ,EAAE,QAAQ,GAClB,CACM,CACX,CACY,CAChB;QACD,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,QAAQ,QACR,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,UAAU,EAAC,OAAO,EAClB,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,GAAG,CAAC,OAAO,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/components/preview-source/preview-source.module.css

@@ -0,0 +1,40 @@
+.root {
+  position: relative;
+}
+
+.toolbar {
+  position: absolute;
+  z-index: 2;
+  top: var(--space-xsmall);
+  right: var(--space-xsmall);
+  background: var(--color-background);
+  border-radius: var(--radius-medium);
+}
+
+/** fix control group with nested components */
+.downloadTooltip > a {
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.downloadTooltip > a:hover,
+.downloadTooltip > a:active,
+.downloadTooltip > a:focus {
+  box-shadow: none;
+}
+
+/** Source content */
+.content {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  background: var(--color-highlight);
+  color: var(--color-text);
+  font-family: var(--font-family-fixed);
+}
+
+/** Empty / loading state */
+.isEmpty .content {
+  pointer-events: none;
+  background: var(--color-highlight);
+}

package/lib-esm/components/run-info/index.js

@@ -0,0 +1,2 @@
+export * from './run-info';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/run-info/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/run-info/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/lib-esm/components/run-info/run-info.js

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react';
+import cx from 'classnames';
+import { Icon } from '../../ui/icon';
+import { HoverCard } from '../../ui/hover-card';
+import { Tooltip } from '../../ui/tooltip';
+import { Skeleton } from '../../ui/skeleton';
+import { FlexStack } from '../../layout/flex-stack';
+import { Stack } from '../../layout/stack';
+import { Metric } from '../metric';
+import { Delta } from '../delta';
+import css from './run-info.module.css';
+const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
+const getMetricParams = (value) => {
+    const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
+    if (!matches) {
+        return [value];
+    }
+    return [matches[1], matches[2]];
+};
+export const RunInfo = ({ className = '', title = null, titleHoverCard = null, titleTooltip = null, current = '', baseline = '', delta = '', deltaPercentage = '', deltaType = '', as: Component = 'div', size = 'medium', showBaseline = true, loading = false, enhance = false, ...restProps }) => {
+    const rootClassName = cx(css.root, className, css[size], (delta || deltaPercentage) && css.showDelta);
+    const currentValueParams = useMemo(() => {
+        if (!enhance || typeof current !== 'string') {
+            return [current];
+        }
+        return getMetricParams(current);
+    }, [current, enhance]);
+    return (React.createElement(Component, { className: rootClassName, ...restProps },
+        title && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: css.title },
+            React.createElement("span", { className: css.titleText }, title),
+            titleHoverCard && (React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), className: cx(css.titleIcon, css.titleHoverCardIcon) }, titleHoverCard)),
+            titleTooltip && (React.createElement(Tooltip, { title: titleTooltip, className: cx(css.titleIcon, css.titleTooltipIcon) },
+                React.createElement(Icon, { glyph: Icon.ICONS.HELP }))))),
+        !loading ? (React.createElement(Stack, { space: "xxxsmall", className: css.info },
+            React.createElement(Metric, { value: currentValueParams[0], unit: currentValueParams[1], inline: true, className: css.currentMetric }, (delta || deltaPercentage) && (React.createElement("span", { className: css.delta },
+                deltaPercentage && (React.createElement(Delta, { displayValue: deltaPercentage, deltaType: deltaType, className: css.deltaValue })),
+                delta && (React.createElement(Delta, { displayValue: delta, deltaType: deltaType, className: css.deltaValue }))))),
+            showBaseline && React.createElement(Metric, { className: css.baselineMetric, value: baseline }))) : (React.createElement(Stack, { space: "xxxsmall", className: css.info },
+            React.createElement(Skeleton, { className: cx(css.currentMetric, css.loading) }),
+            showBaseline && React.createElement(Skeleton, { as: "p", className: cx(css.baselineMetric, css.loading) })))));
+};
+//# sourceMappingURL=run-info.js.map

package/lib-esm/components/run-info/run-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-info.js","sourceRoot":"","sources":["../../../src/components/run-info/run-info.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/run-info/run-info.module.css

@@ -0,0 +1,94 @@
+.title {
+  color: var(--color-text-ultra-light);
+  font-weight: bold;
+  font-size: var(--size-xsmall);
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+
+.titleText {
+  max-width: 100%;
+  flex: 0 1 auto;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.titleIcon {
+  flex: 0 0 var(--space-small);
+  margin-top: -3px !important;
+  margin-bottom: -3px !important;
+}
+
+.title + .info {
+  margin-top: var(--space-xxsmall);
+}
+
+.currentMetric {
+  color: var(--color-heading);
+  white-space: nowrap;
+  font-weight: bold;
+  line-height: var(--line-height-number);
+  height: var(--line-height-number);
+}
+
+.delta {
+  font-weight: bold;
+}
+
+.deltaValue + .deltaValue::before {
+  margin-left: calc(var(--space-xxxsmall) / 2);
+  margin-right: calc(var(--space-xxxsmall) / 2);
+  content: '/';
+  color: var(--color-text-ultra-light);
+}
+
+.baselineMetric {
+  color: var(--color-text-ultra-light);
+  font-size: var(--size-small);
+  line-height: var(--line-height-number);
+  height: var(--line-height-number);
+}
+
+/* Loading state */
+.loading.currentMetric {
+  min-width: 0;
+  max-width: 8em;
+}
+
+.loading.baselineMetric {
+  min-width: 0;
+  max-width: 8em;
+}
+
+/* Hover state */
+.titleHoverCardIcon span[aria-controls=""],
+.titleTooltipIcon[aria-controls=""] {
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity var(--transition-duration-out) ease-out, color var(--transition-duration-out) ease-out, visibility 0s;
+}
+
+.root:hover .titleHoverCardIcon span,
+.root:hover .titleTooltipIcon {
+  opacity: 1;
+  visibility: visible;
+  transition: opacity var(--transition-duration-in) ease-in, color var(--transition-duration-in) ease-in, visibility 0s;
+}
+
+/* Size variation */
+.currentMetric {
+  font-size: var(--size-xxlarge);
+}
+
+.small .currentMetric {
+  font-size: var(--size-medium);
+}
+
+.large .currentMetric {
+  font-size: var(--size-xxxlarge);
+}
+
+.xlarge .currentMetric {
+  font-size: var(--size-xxxxlarge);
+}

package/lib-esm/components/sort-button/index.js

@@ -0,0 +1,2 @@
+export * from './sort-button';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/sort-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/sort-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib-esm/components/sort-button/sort-button.js

@@ -0,0 +1,53 @@
+import React, { useCallback } from 'react';
+import cx from 'classnames';
+import { SORT } from '../../constants';
+import { Button } from '../../ui/button';
+import { Icon } from '../../ui/icon';
+import { Tooltip } from '../../ui/tooltip';
+import css from './sort-button.module.css';
+const getToggleAction = (field, label, sort) => {
+    if ((sort === null || sort === void 0 ? void 0 : sort.field) !== field) {
+        return { direction: SORT.DESC, title: `Order ${label} descending` };
+    }
+    if ((sort === null || sort === void 0 ? void 0 : sort.direction) === SORT.DESC) {
+        return { direction: SORT.ASC, title: `Order ${label} ascending` };
+    }
+    return { direction: '', title: 'Reset order' };
+};
+const getAscAction = (label) => {
+    return { direction: SORT.ASC, title: `Order ${label} ascending` };
+};
+const getDescAction = (label) => {
+    return { direction: SORT.DESC, title: `Order ${label} descending` };
+};
+export const SortButton = (props) => {
+    const { className = '', children, fieldPath, fieldName, label, sort, updateSort } = props;
+    const field = `${fieldPath}.${fieldName}`;
+    const toggleAction = getToggleAction(field, label, sort);
+    const ascAction = getAscAction(label);
+    const descAction = getDescAction(label);
+    const isSorted = (sort === null || sort === void 0 ? void 0 : sort.field) === field;
+    const getOrderOnClick = useCallback((action) => () => {
+        if (!updateSort) {
+            return;
+        }
+        if (action.direction) {
+            updateSort({ field, direction: action.direction });
+            return;
+        }
+        updateSort({ field: '', direction: '' });
+    }, [field, updateSort, toggleAction]);
+    if (!updateSort) {
+        return React.createElement("div", { className: cx(css.root, className) }, children);
+    }
+    return (React.createElement("div", { className: cx(css.root, css.interactive, className, isSorted && css.active) },
+        React.createElement(Button, { type: "button", onClick: getOrderOnClick(toggleAction), className: css.toggle },
+            React.createElement(Tooltip, { title: toggleAction.title }, children)),
+        React.createElement(Button, { type: "button", onClick: getOrderOnClick(ascAction), className: cx(css.direction, css.directionAsc, isSorted && sort.direction === SORT.ASC && css.directionActive) },
+            React.createElement(Tooltip, { title: ascAction.title },
+                React.createElement(Icon, { glyph: Icon.ICONS.CHEVRON_UP, size: "small", className: css.directionIcon }))),
+        React.createElement(Button, { type: "button", onClick: getOrderOnClick(descAction), className: cx(css.direction, css.directionDesc, isSorted && sort.direction === SORT.DESC && css.directionActive) },
+            React.createElement(Tooltip, { title: descAction.title },
+                React.createElement(Icon, { glyph: Icon.ICONS.CHEVRON_DOWN, size: "small", className: css.directionIcon })))));
+};
+//# sourceMappingURL=sort-button.js.map

package/lib-esm/components/sort-button/sort-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-button.js","sourceRoot":"","sources":["../../../src/components/sort-button/sort-button.tsx"],"names":[],"mappings":"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"}

package/lib-esm/components/sort-button/sort-button.module.css

@@ -0,0 +1,83 @@
+.root {
+  --icon-dimension: 13px;
+  display: inline-block;
+  border-radius: var(--radius-small);
+  position: relative;
+  color: var(--color-text-ultra-light);
+}
+
+.toggle {
+  padding: 1px var(--space-xxxsmall);
+  padding-right: calc(1px + var(--icon-dimension));
+}
+
+.direction {
+  position: absolute;
+  padding: 1px;
+  display: block;
+  overflow: hidden;
+  right: -2px; /* compensate for the button padding */
+  color: var(--color-text-ultra-light);
+  transition: var(--transition-out);
+}
+
+.directionIcon {
+  display: block;
+  width: var(--icon-dimension);
+  height: var(--icon-dimension);
+}
+
+.directionActive {
+  color: var(--color-text);
+  transition: var(--transition-in);
+}
+
+.direction:hover,
+.direction:active,
+.direction:focus {
+  color: var(--color-text-dark);
+  transition: var(--transition-in);
+}
+
+.directionAsc {
+  padding-bottom: 0;
+  bottom: 50%;
+}
+
+.directionAsc .directionIcon {
+  transform: translateY(3px);
+}
+
+.directionDesc {
+  padding-top: 0;
+  top: 50%;
+}
+
+.directionDesc .directionIcon {
+  transform: translateY(-5px);
+}
+
+.interactive {
+  margin: calc(0px - var(--space-xxxsmall));
+  margin-right: calc(0px - 1px - var(--icon-dimension));
+}
+
+.interactive:hover,
+.interactive:active,
+.interactive:focus {
+  background: var(--color-outline);
+}
+
+.direction {
+  pointer-events: none;
+  opacity: 0;
+}
+
+.active .direction,
+.interactive:hover .direction,
+.interactive:hover:active .direction,
+.interactive:hover:focus .direction {
+  pointer-events: auto;
+  opacity: 1;
+  transition: var(--transition-in);
+}

package/lib-esm/components/summary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib-esm/components/summary/summary.js

@@ -1,40 +1,27 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import get from 'lodash/get';
 import { METRIC_COMPONENT_LINKS } from '@bundle-stats/utils';
-import { METRICS_WEBPACK_GENERAL } from '../../constants';
+import { METRICS_WEBPACK_ASSETS, METRICS_WEBPACK_GENERAL, METRICS_WEBPACK_MODULES, METRICS_WEBPACK_PACKAGES, } from '../../constants';
 import { Box } from '../../layout/box';
-import { FlexStack } from '../../layout/flex-stack';
 import { ComponentLink } from '../component-link';
-import { SummaryItem } from '../summary-item';
+import { MetricRunInfo } from '../metric-run-info';
 import css from './summary.module.css';
-export const Summary = ({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }) => (React.createElement(Box, { className: cx(css.root, className) },
-    React.createElement(FlexStack, { space: "small", className: css.items }, Array.from(METRIC_COMPONENT_LINKS)
-        .filter(([metricId]) => keys.includes(metricId))
-        .map(([metricId, metricOptions]) => (React.createElement(Box, { key: metricId, outline: true, outlineHover: true, padding: "small", as: SummaryItemCustomLink, ...metricOptions.link, className: css.item },
-        React.createElement(SummaryItem, { size: size, id: metricId, data: get(data, metricId), loading: loading, showMetricDescription: true, showDelta: showSummaryItemDelta && metricOptions.showDelta !== false })))))));
-Summary.defaultProps = {
-    className: '',
-    data: null,
-    loading: false,
-    size: '',
-    keys: METRICS_WEBPACK_GENERAL,
-    showSummaryItemDelta: true,
-    summaryItemLink: ComponentLink,
-};
-Summary.propTypes = {
-    className: PropTypes.string,
-    size: PropTypes.string,
-    keys: PropTypes.arrayOf(PropTypes.string),
-    data: PropTypes.shape({
-        [PropTypes.string]: PropTypes.shape({
-            baseline: PropTypes.number,
-            current: PropTypes.number,
-        }),
-    }),
-    loading: PropTypes.bool,
-    showSummaryItemDelta: PropTypes.bool,
-    summaryItemLink: PropTypes.elementType,
+const METRICS_WEBPACK_OTHERS = [
+    ...METRICS_WEBPACK_ASSETS,
+    ...METRICS_WEBPACK_MODULES,
+    ...METRICS_WEBPACK_PACKAGES,
+];
+const SummaryItem = (props) => {
+    const { className = '', metricId, data, customLink: SummaryItemCustomLink, size, loading, showDelta, showBaseline, } = props;
+    const componentLink = METRIC_COMPONENT_LINKS.get(metricId);
+    const metricData = get(data, metricId, { current: 0, baseline: 0 });
+    return (React.createElement(Box, { key: metricId, outline: true, outlineHover: true, padding: "small", as: SummaryItemCustomLink, ...componentLink === null || componentLink === void 0 ? void 0 : componentLink.link, className: className },
+        React.createElement(MetricRunInfo, { metricId: metricId, current: metricData.current, baseline: metricData.baseline, showDelta: showDelta, showBaseline: showBaseline, size: size, loading: loading })));
 };
+export const Summary = ({ className = '', data = null, loading = false, showSummaryItemDelta = true, showSummaryItemBaseline = true, summaryItemLink = ComponentLink, }) => (React.createElement(Box, { className: cx(css.root, className) },
+    React.createElement("div", { className: css.wrapper },
+        React.createElement("div", { className: css.items }, METRICS_WEBPACK_GENERAL.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: css.item, metricId: metricId, data: data, size: "large", loading: loading, customLink: summaryItemLink, showDelta: showSummaryItemDelta, showBaseline: showSummaryItemBaseline }))))),
+    React.createElement("div", { className: css.wrapper },
+        React.createElement("div", { className: css.items }, METRICS_WEBPACK_OTHERS.map((metricId) => (React.createElement(SummaryItem, { key: metricId, className: cx(css.item, css.itemSmall), metricId: metricId, data: data, customLink: summaryItemLink, loading: loading, showDelta: showSummaryItemDelta, showBaseline: false })))))));
 //# sourceMappingURL=summary.js.map