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

package/src/components/metric-run-info/metric-run-info.stories.tsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+
+import { MetricRunInfo } from './metric-run-info';
+
+export default {
+  title: 'Components/MetricRunInfo',
+  component: MetricRunInfo,
+} as Meta;
+
+const Template: Story = (args) => <MetricRunInfo id="webpack.totalSizeByTypeALL" {...args} />;
+
+export const Default = Template.bind({});
+
+Default.args = {
+  title: 'Bundle Size',
+  current: '120KiB',
+  baseline: '100KiB',
+  delta: '+20%',
+  deltaType: 'HIGH_NEGATIVE',
+};
+
+export const SizeLarge = Template.bind({});
+
+SizeLarge.args = {
+  ...Default.args,
+  size: 'large',
+};
+
+export const TitleHoverCard = Template.bind({});
+
+TitleHoverCard.args = {
+  ...Default.args,
+  titleHoverCard: 'Info',
+};
+
+export const TitleTooltip = Template.bind({});
+
+TitleTooltip.args = {
+  ...Default.args,
+  titleTooltip: 'Info',
+};
+
+export const Loading = Template.bind({});
+
+Loading.args = {
+  title: 'Bundle Size',
+  loading: true,
+};

package/src/components/metric-run-info/metric-run-info.tsx

@@ -0,0 +1,101 @@
+import React 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 './metric-run-info.module.css';
+
+// Separate value and unit
+const EXTRACT_VALUE_UNIT_PATTERN = /([\d|.|,| ]*)(\w*|%)$/;
+
+const getMetricParams = (value: string) => {
+  const matches = value.match(EXTRACT_VALUE_UNIT_PATTERN);
+
+  if (!matches) {
+    return { value, unit: '' };
+  }
+
+  return {
+    value: matches[1],
+    unit: matches[2],
+  };
+};
+
+export interface MetricRunInfoProps {
+  title?: string;
+  titleHoverCard?: React.ReactNode;
+  titleTooltip?: React.ReactNode;
+  current?: string;
+  baseline?: string;
+  delta?: string;
+  deltaType?: string;
+
+  as?: React.ElementType;
+  size?: 'medium' | 'large';
+
+  loading?: boolean;
+}
+
+export const MetricRunInfo = ({
+  className = '',
+  title = '',
+  titleHoverCard = null,
+  titleTooltip = null,
+  current = '',
+  baseline = '',
+  delta = '',
+  deltaType = '',
+  as: Component = 'div',
+  size = 'medium',
+  loading = false,
+  ...restProps
+}: MetricRunInfoProps & React.ComponentProps<'div'>) => {
+  const metricParams = getMetricParams(current);
+  const rootClassName = cx(css.root, className, css[size], delta && css.showDelta);
+
+  return (
+    <Stack space="xxsmall" as={Component} className={rootClassName} {...restProps}>
+      {title && (
+        <FlexStack space="xxxsmall" alignItems="center" as="h3" className={css.title}>
+          <span>{title}</span>
+
+          {titleHoverCard && (
+            <HoverCard label={<Icon glyph={Icon.ICONS.HELP} />} className={css.titleIcon}>
+              {titleHoverCard}
+            </HoverCard>
+          )}
+          {titleTooltip && (
+            <Tooltip title={titleTooltip} className={css.titleIcon}>
+              <Icon glyph={Icon.ICONS.HELP} />
+            </Tooltip>
+          )}
+        </FlexStack>
+      )}
+
+      {!loading ? (
+        <Stack>
+          <Metric
+            className={css.currentMetric}
+            value={metricParams.value}
+            unit={metricParams.unit}
+            inline
+          >
+            {delta && <Delta className={css.delta} displayValue={delta} deltaType={deltaType} />}
+          </Metric>
+          <Metric className={css.baselineMetric} value={baseline} />
+        </Stack>
+      ) : (
+        <Stack>
+          <Skeleton as="p" className={cx(css.currentMetric, css.loading)} />
+          <Skeleton as="p" className={cx(css.baselineMetric, css.loading)} />
+        </Stack>
+      )}
+    </Stack>
+  );
+};

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

@@ -7,3 +7,22 @@
   min-width: 16em;
   text-decoration: none;
 }
+
+.readMoreLink {
+  appearance: none;
+  background: none;
+  margin: 0;
+  border: 0;
+  padding: 0;
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.readMoreLink:hover,
+.readMoreLink:active,
+.readMoreLink:focus {
+  color: var(--color-primary-dark);
+  text-decoration: none;
+}
+

package/src/components/summary/summary.stories.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { createJobs } from '@bundle-stats/utils';
+
+import baselineData from '../../../__mocks__/webpack-stats.baseline.json';
+import currentData from '../../../__mocks__/webpack-stats.current.json';
+import { METRICS_WEBPACK_ASSETS } from '../../constants';
+import { getWrapperDecorator } from '../../stories';
+import { Summary } from '.';
+
+const MULTIPLE_JOBS = createJobs([{ webpack: currentData }, { webpack: baselineData }]);
+
+const SINGLE_JOB = createJobs([{ webpack: currentData }]);
+
+export default {
+  title: 'Components/Summary',
+  component: Summary,
+  decorators: [getWrapperDecorator()],
+} as Meta;
+
+const Template: Story = (args) => <Summary {...args} />;
+
+export const Default = Template.bind({});
+
+Default.args = {
+  data: MULTIPLE_JOBS[0].summary,
+};
+
+export const CustomKeys = Template.bind({});
+
+CustomKeys.args = {
+  keys: METRICS_WEBPACK_ASSETS,
+  data: MULTIPLE_JOBS[0].summary,
+};
+
+export const Loading = Template.bind({});
+
+Loading.args = {
+  loading: true,
+};
+
+export const SingleRun = Template.bind({});
+
+SingleRun.args = {
+  data: SINGLE_JOB[0].summary,
+  showSummaryItemDelta: false,
+};
+
+export const WithLink = Template.bind({});
+
+WithLink.args = {
+  data: MULTIPLE_JOBS[0].summary,
+  summaryItemLink: (linkProps: React.ComponentProps<'button'>) => (
+    <button {...linkProps} type="button" onClick={() => alert(JSON.stringify(linkProps))} />
+  ),
+};

package/src/components/summary/summary.tsx

@@ -0,0 +1,124 @@
+import React, { useCallback } from 'react';
+import cx from 'classnames';
+import get from 'lodash/get';
+import { METRIC_COMPONENT_LINKS, getGlobalMetricType, getMetricRunInfo } from '@bundle-stats/utils';
+
+import { METRICS_WEBPACK_GENERAL } from '../../constants';
+import { Box } from '../../layout/box';
+import { FlexStack } from '../../layout/flex-stack';
+import { Stack } from '../../layout/stack';
+import { ComponentLink } from '../component-link';
+import { MetricRunInfo, MetricRunInfoProps } from '../metric-run-info';
+import css from './summary.module.css';
+
+interface MetricInfoProps {
+  description: string;
+  url?: string;
+}
+
+const MetricInfo = ({ description, url }: MetricInfoProps) => {
+  // The component parent can be rendered inside a link, use button to avoid using nested links
+  const onClick = useCallback(() => {
+    if (url) {
+      window.open(url);
+    }
+  }, [url]);
+
+  return (
+    <Stack space="xxxsmall">
+      <p>{description}</p>
+      {url && (
+        <p>
+          <button type="button" onClick={onClick} className={css.readMoreLink}>
+            Read more
+          </button>
+        </p>
+      )}
+    </Stack>
+  );
+};
+
+interface SummaryItemData {
+  current: number;
+  baseline: number;
+}
+
+interface SummaryProps {
+  size?: MetricRunInfoProps['size'];
+  keys?: Array<string>;
+  data?: Record<string, SummaryItemData> | null;
+  loading?: boolean;
+  showSummaryItemDelta?: boolean;
+  summaryItemLink?: React.ElementType;
+}
+
+interface SummaryItemProps {
+  metricId: string;
+  data?: SummaryProps['data'];
+  summaryItemLink: SummaryProps['summaryItemLink'];
+  size: SummaryProps['size'];
+  loading: SummaryProps['loading'];
+  showSummaryItemDelta: SummaryProps['showSummaryItemDelta'];
+}
+
+const SummaryItem = (props: SummaryItemProps & React.ComponentProps<'div'>) => {
+  const { className = '', metricId, data, summaryItemLink: SummaryItemCustomLink, size, loading, showSummaryItemDelta } = props;
+
+  const componentLink = METRIC_COMPONENT_LINKS.get(metricId);
+
+  const metricData = get(data, metricId, { current: 0, baseline: 0 });
+  const metric = getGlobalMetricType(metricId);
+  const metricRunInfo = getMetricRunInfo(metric, metricData.current, metricData.baseline);
+
+  return (
+    <Box
+      key={metricId}
+      outline
+      outlineHover
+      padding="small"
+      as={SummaryItemCustomLink}
+      {...componentLink?.link}
+      className={className}
+    >
+      <MetricRunInfo
+        title={metric.label}
+        titleHoverCard={<MetricInfo description={metric.description} url={metric.url} />}
+        current={metricRunInfo.displayValue}
+        baseline={metric.formatter(metricData.baseline)}
+        size={size}
+        loading={loading}
+        {...(showSummaryItemDelta && componentLink?.showDelta !== false && {
+          delta: metricRunInfo.displayDeltaPercentage,
+          deltaType: metricRunInfo.deltaType,
+        })}
+      />
+    </Box>
+  );
+};
+
+export const Summary = ({
+  className = '',
+  size = 'medium',
+  keys = METRICS_WEBPACK_GENERAL,
+  data = null,
+  loading = false,
+  showSummaryItemDelta = true,
+  summaryItemLink = ComponentLink,
+}: SummaryProps & React.ComponentProps<'div'>) => (
+  <Box className={cx(css.root, className)}>
+    <FlexStack space="small" className={css.items}>
+      {keys.map((metricId) => (
+        <SummaryItem
+          key={metricId}
+          className={css.item}
+          metricId={metricId}
+          data={data}
+          summaryItemLink={summaryItemLink}
+          size={size}
+          loading={loading}
+          showSummaryItemDelta={showSummaryItemDelta}
+        />
+      ))}
+    </FlexStack>
+  </Box>
+);

package/src/layout/box/box.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import cx from 'classnames';
 
 import { NO_SPACE, SPACES } from '../../tokens';
-// @ts-ignore
 import css from './box.module.css';
 
 type SpaceValue = (typeof SPACES)[number];

package/src/layout/flex-stack/flex-stack.tsx

@@ -3,14 +3,13 @@ import cx from 'classnames';
 
 import { NO_SPACE, SPACES } from '../../tokens';
 import { getRenderChildWithClassName } from '../../utils';
-// @ts-ignore
 import css from './flex-stack.module.css';
 
 type SpaceValue = (typeof SPACES)[number];
 
 interface FlexStackProps<T extends React.ElementType> {
   as?: T;
-  space?: typeof SPACES[number];
+  space?: SpaceValue;
   inline?: boolean;
   alignItems?: 'top' | 'center' | 'bottom';
 }

package/src/ui/container/container.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import cx from 'classnames';
 
-// @ts-ignore
 import css from './container.module.css';
 
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/ui/tooltip/tooltip.tsx

@@ -7,7 +7,6 @@ import {
   useTooltipState,
 } from 'ariakit/tooltip';
 
-// @ts-ignore
 import css from './tooltip.module.css';
 
 interface TooltipProps<T extends React.ElementType> {

package/types/components/index.d.ts

@@ -18,6 +18,6 @@ export { MetricsTableOptions } from "./metrics-table-options";
 export { MetricsTableSearch } from "./metrics-table-search";
 export { MetricsTableTitle } from "./metrics-table-title";
 export { ModuleInfo } from "./module-info";
-export { SummaryItem } from "./summary-item";
 export { Summary } from "./summary";
 export { TotalSizeTypeTitle } from "./total-size-type-title";
+export { MetricRunInfo, MetricRunInfoProps } from "./metric-run-info";

package/types/components/metric/index.d.ts

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

package/types/components/metric/metric.d.ts

@@ -1,33 +1,7 @@
-export function Metric({ className, value, formatter, inline, children, enhanced }: {
-    className: any;
-    value: any;
-    formatter: any;
-    inline: any;
-    children: any;
-    enhanced: any;
-}): JSX.Element;
-export namespace Metric {
-    namespace defaultProps {
-        const className: string;
-        const enhanced: boolean;
-        const inline: boolean;
-        const value: number;
-        const children: never[];
-        function formatter(val: any): any;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const enhanced_1: PropTypes.Requireable<boolean>;
-        export { enhanced_1 as enhanced };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const value_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        export { value_1 as value };
-        const formatter_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { formatter_1 as formatter };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-    }
+import React from 'react';
+export interface MetricProps {
+    value?: string;
+    unit?: string;
+    inline?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Metric: (props: MetricProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/components/metric-run-info/index.d.ts

@@ -0,0 +1 @@
+export * from './metric-run-info';

package/types/components/metric-run-info/metric-run-info.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MetricRunInfoProps {
+    title?: string;
+    titleHoverCard?: React.ReactNode;
+    titleTooltip?: React.ReactNode;
+    current?: string;
+    baseline?: string;
+    delta?: string;
+    deltaType?: string;
+    as?: React.ElementType;
+    size?: 'medium' | 'large';
+    loading?: boolean;
+}
+export declare const MetricRunInfo: ({ className, title, titleHoverCard, titleTooltip, current, baseline, delta, deltaType, as: Component, size, loading, ...restProps }: MetricRunInfoProps & React.ComponentProps<'div'>) => JSX.Element;

package/types/components/summary/index.d.ts

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

package/types/components/summary/summary.d.ts

@@ -1,37 +1,16 @@
-export function Summary({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }: {
-    className: any;
-    size: any;
-    keys: any;
-    data: any;
-    loading: any;
-    showSummaryItemDelta: any;
-    summaryItemLink: any;
-}): JSX.Element;
-export namespace Summary {
-    namespace defaultProps {
-        export const className: string;
-        export const data: null;
-        export const loading: boolean;
-        export const size: string;
-        export { METRICS_WEBPACK_GENERAL as keys };
-        export const showSummaryItemDelta: boolean;
-        export { ComponentLink as summaryItemLink };
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export const keys: PropTypes.Requireable<(string | null | undefined)[]>;
-        const data_1: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-        export { data_1 as data };
-        const loading_1: PropTypes.Requireable<boolean>;
-        export { loading_1 as loading };
-        const showSummaryItemDelta_1: PropTypes.Requireable<boolean>;
-        export { showSummaryItemDelta_1 as showSummaryItemDelta };
-        export const summaryItemLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-    }
+import React from 'react';
+import { MetricRunInfoProps } from '../metric-run-info';
+interface SummaryItemData {
+    current: number;
+    baseline: number;
 }
-import { METRICS_WEBPACK_GENERAL } from "../../constants";
-import { ComponentLink } from "../component-link";
-import PropTypes from "prop-types";
+interface SummaryProps {
+    size?: MetricRunInfoProps['size'];
+    keys?: Array<string>;
+    data?: Record<string, SummaryItemData> | null;
+    loading?: boolean;
+    showSummaryItemDelta?: boolean;
+    summaryItemLink?: React.ElementType;
+}
+export declare const Summary: ({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink, }: SummaryProps & React.ComponentProps<'div'>) => JSX.Element;
+export {};

package/types/layout/flex-stack/flex-stack.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
 interface FlexStackProps<T extends React.ElementType> {
     as?: T;
-    space?: typeof SPACES[number];
+    space?: SpaceValue;
     inline?: boolean;
     alignItems?: 'top' | 'center' | 'bottom';
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/summary-item/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

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

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SummaryItem = void 0;
-const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("@bundle-stats/utils");
-const icon_1 = require("../../ui/icon");
-const hover_card_1 = require("../../ui/hover-card");
-const skeleton_1 = require("../../ui/skeleton");
-const flex_stack_1 = require("../../layout/flex-stack");
-const stack_1 = require("../../layout/stack");
-const metric_1 = require("../metric");
-const delta_1 = require("../delta");
-const summary_item_module_css_1 = __importDefault(require("./summary-item.module.css"));
-const MetricInfo = ({ description, url }) => {
-    const onClick = (0, react_1.useCallback)(() => {
-        if (url) {
-            window.open(url);
-        }
-    }, [url]);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
-        react_1.default.createElement("p", null, description),
-        url && (react_1.default.createElement("p", null,
-            react_1.default.createElement("button", { type: "button", onClick: onClick, className: summary_item_module_css_1.default.readMoreLink }, "Read more")))));
-};
-MetricInfo.propTypes = {
-    description: prop_types_1.default.string.isRequired,
-    url: prop_types_1.default.string,
-};
-MetricInfo.defaultProps = {
-    url: '',
-};
-const SummaryItem = ({ className, as: Component, size, id, data, loading, showDelta, showMetricDescription, ...props }) => {
-    const { baseline, current } = data || { baseline: 0, current: 0 };
-    const metric = (0, utils_1.getGlobalMetricType)(id);
-    const runInfo = (0, utils_1.getMetricRunInfo)(metric, current, baseline);
-    const showMetricDescriptionTooltip = showMetricDescription && metric?.description;
-    const rootClassName = (0, classnames_1.default)(summary_item_module_css_1.default.root, className, summary_item_module_css_1.default[size], showDelta && summary_item_module_css_1.default.showDelta);
-    return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", as: Component, className: rootClassName, ...props },
-        react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "h3", className: summary_item_module_css_1.default.title },
-            react_1.default.createElement("span", null, metric.label),
-            showMetricDescriptionTooltip && (react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), className: summary_item_module_css_1.default.titleIcon },
-                react_1.default.createElement(MetricInfo, { ...metric })))),
-        !loading ? (react_1.default.createElement(stack_1.Stack, null,
-            react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.currentMetric, value: current, formatter: metric.formatter, enhanced: true, inline: true }, showDelta && (react_1.default.createElement(delta_1.Delta, { className: summary_item_module_css_1.default.delta, displayValue: runInfo.displayDeltaPercentage, deltaType: runInfo.deltaType }))),
-            react_1.default.createElement(metric_1.Metric, { className: summary_item_module_css_1.default.baselineMetric, value: baseline, formatter: metric.formatter }))) : (react_1.default.createElement(stack_1.Stack, null,
-            react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.currentMetric, summary_item_module_css_1.default.loading) }),
-            react_1.default.createElement(skeleton_1.Skeleton, { as: "p", className: (0, classnames_1.default)(summary_item_module_css_1.default.baselineMetric, summary_item_module_css_1.default.loading) })))));
-};
-exports.SummaryItem = SummaryItem;
-exports.SummaryItem.defaultProps = {
-    className: '',
-    as: 'div',
-    data: null,
-    size: 'medium',
-    loading: false,
-    showMetricDescription: false,
-    showDelta: true,
-};
-exports.SummaryItem.propTypes = {
-    className: prop_types_1.default.string,
-    as: prop_types_1.default.elementType,
-    size: prop_types_1.default.oneOf(['medium', 'large']),
-    id: prop_types_1.default.string.isRequired,
-    loading: prop_types_1.default.bool,
-    data: prop_types_1.default.object,
-    showMetricDescription: prop_types_1.default.bool,
-    showDelta: prop_types_1.default.bool,
-};
-//# sourceMappingURL=summary-item.js.map

package/lib/components/summary-item/summary-item.js.map

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

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

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

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

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