@bundle-stats/ui 3.3.1-beta.8 → 3.3.3-beta.1

package/lib-esm/components/summary-item/summary-item.module.css

@@ -1,8 +1,3 @@
-.root {
-  position: relative;
-  padding-right: var(--space-xlarge);
-}
-
 .title {
   align-items: center;
   color: var(--color-text-ultra-light);
@@ -13,12 +8,6 @@
   white-space: nowrap;
 }
 
-.budgetInfo {
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-
 .currentMetric {
   display: block;
   color: var(--color-heading);

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

@@ -2,56 +2,44 @@ import React from 'react';
 import { SummaryItem } from './summary-item';
 export default {
   title: 'Components/SummaryItem',
-  component: SummaryItem,
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxWidth: '320px'
-    }
-  }, /*#__PURE__*/React.createElement(Story, null))],
-  args: {
-    loading: false,
-    id: 'webpack.totalSizeByTypeALL',
-    data: {
-      current: 120 * 1000,
-      baseline: 100 * 1000
-    }
-  }
-};
-
-const Template = args => /*#__PURE__*/React.createElement(SummaryItem, args);
-
-export const Standard = Template.bind();
-export const SizeLarge = Template.bind();
-SizeLarge.args = {
-  size: 'large'
-};
-export const ShowMetricDescription = Template.bind();
-ShowMetricDescription.args = {
-  showMetricDescription: true
-};
-export const ShowDeltaFalse = Template.bind();
-ShowDeltaFalse.args = {
-  showDelta: false
+  component: SummaryItem
 };
-export const BudgetError = Template.bind();
-BudgetError.args = {
-  showMetricDescription: true,
-  budget: {
-    currentValue: 120 * 1000,
-    budgetValue: 100 * 1000,
-    failed: true
+export const Standard = () => /*#__PURE__*/React.createElement(SummaryItem, {
+  loading: false,
+  id: "webpack.totalSizeByTypeALL",
+  data: {
+    current: 120 * 1000,
+    baseline: 100 * 1000
   }
-};
-export const BudgetSuccess = Template.bind();
-BudgetSuccess.args = {
-  showMetricDescription: true,
-  budget: {
-    currentValue: 120 * 1000,
-    budgetValue: 120 * 1024,
-    failed: false
+});
+export const SizeLarge = () => /*#__PURE__*/React.createElement(SummaryItem, {
+  size: "large",
+  loading: false,
+  id: "webpack.totalSizeByTypeALL",
+  data: {
+    current: 120 * 1000,
+    baseline: 100 * 1000
   }
-};
-export const Loading = Template.bind();
-Loading.args = {
-  loading: true
-};
+});
+export const ShowMetricDescription = () => /*#__PURE__*/React.createElement(SummaryItem, {
+  loading: false,
+  id: "webpack.totalSizeByTypeALL",
+  data: {
+    current: 120 * 1000,
+    baseline: 100 * 1000
+  },
+  showMetricDescription: true
+});
+export const ShowDeltaFalse = () => /*#__PURE__*/React.createElement(SummaryItem, {
+  loading: false,
+  id: "webpack.totalSizeByTypeALL",
+  data: {
+    current: 120 * 1000,
+    baseline: 0
+  },
+  showDelta: false
+});
+export const Loading = () => /*#__PURE__*/React.createElement(SummaryItem, {
+  loading: true,
+  id: "webpack.totalSizeByTypeALL"
+});

package/lib-esm/constants.js

@@ -25,7 +25,7 @@ export const SECTION_URLS = {
 export const ASSETS_SIZES_FILE_TYPE_MAP = FILE_TYPES.reduce((agg, fileType) => ({ ...agg,
   [`webpack.sizes.totalSizeByType${fileType}`]: fileType
 }), {});
-export const METRICS_WEBPACK_GENERAL = ['totalSizeByTypeALL', 'totalInitialSizeJS', 'totalInitialSizeCSS', 'cacheInvalidation'];
-export const METRICS_WEBPACK_ASSETS = ['assetCount', 'chunkCount'];
-export const METRICS_WEBPACK_MODULES = ['moduleCount', 'duplicateModulesCount', 'duplicateCode'];
-export const METRICS_WEBPACK_PACKAGES = ['packageCount', 'duplicatePackagesCount'];
+export const METRICS_WEBPACK_GENERAL = ['webpack.totalSizeByTypeALL', 'webpack.totalInitialSizeJS', 'webpack.totalInitialSizeCSS', 'webpack.cacheInvalidation'];
+export const METRICS_WEBPACK_ASSETS = ['webpack.assetCount', 'webpack.chunkCount'];
+export const METRICS_WEBPACK_MODULES = ['webpack.moduleCount', 'webpack.duplicateModulesCount', 'webpack.duplicateCode'];
+export const METRICS_WEBPACK_PACKAGES = ['webpack.packageCount', 'webpack.duplicatePackagesCount'];

package/lib-esm/ui/alert/alert.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -9,14 +7,13 @@ export const Alert = props => {
   const {
     className,
     kind,
-    children,
-    ...restProps
+    children
   } = props;
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Box, {
     padding: ['xsmall', 'small'],
     outline: true,
     className: cx(css.root, className, css[kind])
-  }, restProps), children);
+  }, children);
 };
 Alert.propTypes = {
   className: PropTypes.string,

package/lib-esm/ui/icon/icon.js

@@ -5,13 +5,11 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './icon.module.css';
 const ICONS = {
-  ALERT_CIRCLE: 'alert-circle',
   ARROW: 'arrow',
   ARROW_RIGHT_CIRLCE: 'arrow-right-circle',
   CANCEL: 'cancel',
   CLOSE: 'close',
   CLOCK: 'clock',
-  CHECK_CIRCLE: 'check-circle',
   COMMIT: 'commit',
   FILTER: 'filter',
   HELP: 'help',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "3.3.1-beta.8",
+  "version": "3.3.3-beta.1",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -37,7 +37,7 @@
   "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
   "devDependencies": {
     "@babel/cli": "7.17.6",
-    "@babel/core": "7.17.7",
+    "@babel/core": "7.17.8",
     "@babel/plugin-proposal-class-properties": "7.16.7",
     "@babel/preset-env": "7.16.11",
     "@babel/preset-react": "7.16.7",
@@ -57,7 +57,7 @@
     "chromatic": "6.5.3",
     "classnames": "2.3.1",
     "colormap": "2.3.2",
-    "core-js": "3.20.2",
+    "core-js": "3.21.1",
     "cross-env": "7.0.3",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
@@ -85,12 +85,12 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^3.3.1-beta.8",
+    "@bundle-stats/utils": "^3.3.3-beta.1",
     "ariakit": "2.0.0-alpha.19",
-    "date-fns": "2.28.0",
-    "modern-css-reset": "1.4.0",
-    "query-string": "7.1.1",
-    "use-query-params": "1.2.3"
+    "date-fns": "^2.28.0",
+    "modern-css-reset": "^1.4.0",
+    "query-string": "^7.1.0",
+    "use-query-params": "^1.2.3"
   },
-  "gitHead": "f9c5ac2bd0cd6019e8a32586fe4c23b38757efe9"
+  "gitHead": "c502a4722cebce2ff4ecb0bf2bca1b687b908b00"
 }

package/src/components/bundle-modules/bundle-modules.jsx

@@ -131,7 +131,7 @@ export const BundleModules = ({
       disabled: jobs.length <= 1,
     },
     [MODULE_FILTERS.DUPLICATED]: {
-      label: 'Duplicated',
+      label: 'Duplicate',
       defaultValue: filters[MODULE_FILTERS.DUPLICATED],
       disabled: jobs.length <= 1,
     },