@bundle-stats/ui 4.1.5-alpha.0 → 4.1.5

package/lib/components/summary/summary.js

@@ -1,86 +1,47 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Summary = void 0;
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("@bundle-stats/utils");
-var _constants = require("../../constants");
-var _box = require("../../layout/box");
-var _flexStack = require("../../layout/flex-stack");
-var _componentLink = require("../component-link");
-var _summaryItem = require("../summary-item");
-var _summaryModule = _interopRequireDefault(require("./summary.module.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Summary = function Summary(_ref) {
-  var className = _ref.className,
-    size = _ref.size,
-    keys = _ref.keys,
-    data = _ref.data,
-    loading = _ref.loading,
-    showSummaryItemDelta = _ref.showSummaryItemDelta,
-    SummaryItemCustomLink = _ref.summaryItemLink;
-  return /*#__PURE__*/_react["default"].createElement(_box.Box, {
-    className: (0, _classnames["default"])(_summaryModule["default"].root, className)
-  }, /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-    space: "small",
-    className: _summaryModule["default"].items
-  }, Array.from(_utils.METRIC_COMPONENT_LINKS).filter(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-      metricId = _ref3[0];
-    return keys.includes(metricId);
-  }).map(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-      metricId = _ref5[0],
-      metricOptions = _ref5[1];
-    return /*#__PURE__*/_react["default"].createElement(_box.Box, _extends({
-      key: metricId,
-      outline: true,
-      padding: "small",
-      as: SummaryItemCustomLink
-    }, metricOptions.link, {
-      className: _summaryModule["default"].item
-    }), /*#__PURE__*/_react["default"].createElement(_summaryItem.SummaryItem, {
-      size: size,
-      id: metricId,
-      data: (0, _get2["default"])(data, metricId),
-      loading: loading,
-      showMetricDescription: true,
-      showDelta: showSummaryItemDelta && metricOptions.showDelta !== false
-    }));
-  })));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Summary = void 0;
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const classnames_1 = __importDefault(require("classnames"));
+const get_1 = __importDefault(require("lodash/get"));
+const utils_1 = require("@bundle-stats/utils");
+const constants_1 = require("../../constants");
+const box_1 = require("../../layout/box");
+const flex_stack_1 = require("../../layout/flex-stack");
+const component_link_1 = require("../component-link");
+const summary_item_1 = require("../summary-item");
+const summary_module_css_1 = __importDefault(require("./summary.module.css"));
+const Summary = ({ className, size, keys, data, loading, showSummaryItemDelta, summaryItemLink: SummaryItemCustomLink, }) => (react_1.default.createElement(box_1.Box, { className: (0, classnames_1.default)(summary_module_css_1.default.root, className) },
+    react_1.default.createElement(flex_stack_1.FlexStack, { space: "small", className: summary_module_css_1.default.items }, Array.from(utils_1.METRIC_COMPONENT_LINKS)
+        .filter(([metricId]) => keys.includes(metricId))
+        .map(([metricId, metricOptions]) => (react_1.default.createElement(box_1.Box, { key: metricId, outline: true, padding: "small", as: SummaryItemCustomLink, ...metricOptions.link, className: summary_module_css_1.default.item },
+        react_1.default.createElement(summary_item_1.SummaryItem, { size: size, id: metricId, data: (0, get_1.default)(data, metricId), loading: loading, showMetricDescription: true, showDelta: showSummaryItemDelta && metricOptions.showDelta !== false })))))));
 exports.Summary = Summary;
-Summary.defaultProps = {
-  className: '',
-  data: null,
-  loading: false,
-  size: '',
-  keys: _constants.METRICS_WEBPACK_GENERAL,
-  showSummaryItemDelta: true,
-  summaryItemLink: _componentLink.ComponentLink
+exports.Summary.defaultProps = {
+    className: '',
+    data: null,
+    loading: false,
+    size: '',
+    keys: constants_1.METRICS_WEBPACK_GENERAL,
+    showSummaryItemDelta: true,
+    summaryItemLink: component_link_1.ComponentLink,
+};
+exports.Summary.propTypes = {
+    className: prop_types_1.default.string,
+    size: prop_types_1.default.string,
+    keys: prop_types_1.default.arrayOf(prop_types_1.default.string),
+    data: prop_types_1.default.shape({
+        [prop_types_1.default.string]: prop_types_1.default.shape({
+            baseline: prop_types_1.default.number,
+            current: prop_types_1.default.number,
+        }),
+    }),
+    loading: prop_types_1.default.bool,
+    showSummaryItemDelta: prop_types_1.default.bool,
+    summaryItemLink: prop_types_1.default.elementType,
 };
-Summary.propTypes = {
-  className: _propTypes["default"].string,
-  size: _propTypes["default"].string,
-  keys: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  data: _propTypes["default"].shape(_defineProperty({}, _propTypes["default"].string, _propTypes["default"].shape({
-    baseline: _propTypes["default"].number,
-    current: _propTypes["default"].number
-  }))),
-  loading: _propTypes["default"].bool,
-  showSummaryItemDelta: _propTypes["default"].bool,
-  summaryItemLink: _propTypes["default"].elementType
-};
+//# sourceMappingURL=summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../src/components/summary/summary.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAC5B,qDAA6B;AAC7B,+CAA6D;AAE7D,+CAA0D;AAC1D,0CAAuC;AACvC,wDAAoD;AACpD,sDAAkD;AAClD,kDAA8C;AAC9C,8EAAuC;AAEhC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,oBAAoB,EACpB,eAAe,EAAE,qBAAqB,GACvC,EAAE,EAAE,CAAC,CACJ,8BAAC,SAAG,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IACrC,8BAAC,sBAAS,IAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,4BAAG,CAAC,KAAK,IAC1C,KAAK,CAAC,IAAI,CAAC,8BAAsB,CAAC;SAChC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SAC/C,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAClC,8BAAC,SAAG,IACF,GAAG,EAAE,QAAQ,EACb,OAAO,QACP,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,qBAAqB,KACrB,aAAa,CAAC,IAAI,EACtB,SAAS,EAAE,4BAAG,CAAC,IAAI;QAEnB,8BAAC,0BAAW,IACV,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAA,aAAG,EAAC,IAAI,EAAE,QAAQ,CAAC,EACzB,OAAO,EAAE,OAAO,EAChB,qBAAqB,QACrB,SAAS,EAAE,oBAAoB,IAAI,aAAa,CAAC,SAAS,KAAK,KAAK,GACpE,CACE,CACP,CAAC,CACM,CACR,CACP,CAAC;AAlCW,QAAA,OAAO,WAkClB;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,mCAAuB;IAC7B,oBAAoB,EAAE,IAAI;IAC1B,eAAe,EAAE,8BAAa;CAC/B,CAAC;AAEF,eAAO,CAAC,SAAS,GAAG;IAClB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,MAAM;IACtB,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,MAAM,CAAC;IACzC,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC;QACpB,CAAC,oBAAS,CAAC,MAAM,CAAC,EAAE,oBAAS,CAAC,KAAK,CAAC;YAClC,QAAQ,EAAE,oBAAS,CAAC,MAAM;YAC1B,OAAO,EAAE,oBAAS,CAAC,MAAM;SAC1B,CAAC;KACH,CAAC;IACF,OAAO,EAAE,oBAAS,CAAC,IAAI;IACvB,oBAAoB,EAAE,oBAAS,CAAC,IAAI;IACpC,eAAe,EAAE,oBAAS,CAAC,WAAW;CACvC,CAAC"}

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

@@ -1,16 +1,18 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _summaryItem = require("./summary-item");
-Object.keys(_summaryItem).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _summaryItem[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _summaryItem[key];
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./summary-item"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,137 +1,97 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("@bundle-stats/utils");
-var _icon = require("../../ui/icon");
-var _hoverCard = require("../../ui/hover-card");
-var _skeleton = require("../../ui/skeleton");
-var _flexStack = require("../../layout/flex-stack");
-var _stack = require("../../layout/stack");
-var _metric = require("../metric");
-var _delta = require("../delta");
-var _summaryItemModule = _interopRequireDefault(require("./summary-item.module.css"));
-var _excluded = ["className", "as", "size", "id", "data", "loading", "showDelta", "showMetricDescription"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var MetricInfo = function MetricInfo(_ref) {
-  var description = _ref.description,
-    url = _ref.url;
-  // The component parent can be rendered inside an anchor tag, using button
-  // to avoid using nesting links
-  var onClick = (0, _react.useCallback)(function () {
-    if (url) {
-      window.open(url);
-    }
-  }, [url]);
-  return /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
-    space: "xxxsmall"
-  }, /*#__PURE__*/_react["default"].createElement("p", null, description), url && /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: onClick,
-    className: _summaryItemModule["default"].readMoreLink
-  }, "Read more")));
+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: _propTypes["default"].string.isRequired,
-  url: _propTypes["default"].string
+    description: prop_types_1.default.string.isRequired,
+    url: prop_types_1.default.string,
 };
 MetricInfo.defaultProps = {
-  url: ''
+    url: '',
 };
-var SummaryItem = function SummaryItem(_ref2) {
-  var className = _ref2.className,
-    Component = _ref2.as,
-    size = _ref2.size,
-    id = _ref2.id,
-    data = _ref2.data,
-    loading = _ref2.loading,
-    showDelta = _ref2.showDelta,
-    showMetricDescription = _ref2.showMetricDescription,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var _ref3 = data || {
-      baseline: 0,
-      current: 0
-    },
-    baseline = _ref3.baseline,
-    current = _ref3.current;
-  var metric = (0, _utils.getGlobalMetricType)(id);
-  var runInfo = (0, _utils.getMetricRunInfo)(metric, current, baseline);
-  var showMetricDescriptionTooltip = showMetricDescription && (metric === null || metric === void 0 ? void 0 : metric.description);
-  var rootClassName = (0, _classnames["default"])(_summaryItemModule["default"].root, className, _summaryItemModule["default"][size], showDelta && _summaryItemModule["default"].showDelta);
-  return /*#__PURE__*/_react["default"].createElement(_stack.Stack, _extends({
-    space: "xxxsmall",
-    as: Component,
-    className: rootClassName
-  }, props), /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-    space: "xxxsmall",
-    alignItems: "center",
-    as: "h3",
-    className: _summaryItemModule["default"].title
-  }, /*#__PURE__*/_react["default"].createElement("span", null, metric.label), showMetricDescriptionTooltip && /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
-    label: /*#__PURE__*/_react["default"].createElement(_icon.Icon, {
-      glyph: _icon.Icon.ICONS.HELP
-    }),
-    className: _summaryItemModule["default"].titleIcon
-  }, /*#__PURE__*/_react["default"].createElement(MetricInfo, metric))), !loading ? /*#__PURE__*/_react["default"].createElement(_stack.Stack, null, /*#__PURE__*/_react["default"].createElement(_metric.Metric, {
-    className: _summaryItemModule["default"].currentMetric,
-    value: current,
-    formatter: metric.formatter,
-    enhanced: true,
-    inline: true
-  }, showDelta && /*#__PURE__*/_react["default"].createElement(_delta.Delta, {
-    className: _summaryItemModule["default"].delta,
-    displayValue: runInfo.displayDeltaPercentage,
-    deltaType: runInfo.deltaType
-  })), /*#__PURE__*/_react["default"].createElement(_metric.Metric, {
-    className: _summaryItemModule["default"].baselineMetric,
-    value: baseline,
-    formatter: metric.formatter
-  })) : /*#__PURE__*/_react["default"].createElement(_stack.Stack, null, /*#__PURE__*/_react["default"].createElement(_skeleton.Skeleton, {
-    as: "p",
-    className: (0, _classnames["default"])(_summaryItemModule["default"].currentMetric, _summaryItemModule["default"].loading)
-  }), /*#__PURE__*/_react["default"].createElement(_skeleton.Skeleton, {
-    as: "p",
-    className: (0, _classnames["default"])(_summaryItemModule["default"].baselineMetric, _summaryItemModule["default"].loading)
-  })));
+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: "xxxsmall", 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;
-SummaryItem.defaultProps = {
-  className: '',
-  as: 'div',
-  data: null,
-  size: 'medium',
-  loading: false,
-  showMetricDescription: false,
-  showDelta: true
+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,
 };
-SummaryItem.propTypes = {
-  /** Adopted child class name */
-  className: _propTypes["default"].string,
-  /** Custom component */
-  as: _propTypes["default"].elementType,
-  /** Size modifier */
-  size: _propTypes["default"].oneOf(['medium', 'large']),
-  /** Metric id */
-  id: _propTypes["default"].string.isRequired,
-  /** Loading flag */
-  loading: _propTypes["default"].bool,
-  /** Summary data */
-  data: _propTypes["default"].object,
-  // eslint-disable-line react/forbid-prop-types
-
-  /** Show description */
-  showMetricDescription: _propTypes["default"].bool,
-  /** Show delta */
-  showDelta: _propTypes["default"].bool
-};
+//# sourceMappingURL=summary-item.js.map

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

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

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

@@ -6,11 +6,6 @@
   white-space: nowrap;
 }
 
-.titleIcon {
-  opacity: 0;
-  pointer-events: none;
-}
-
 .currentMetric {
   color: var(--color-heading);
   font-size: var(--size-large);
@@ -41,13 +36,6 @@
   text-decoration: none;
 }
 
-/* Hover state */
-.root:hover .titleIcon {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-
 /* Loading state */
 .loading.currentMetric {
   width: 8em;

package/lib/components/total-size-type-title/index.js

@@ -1,16 +1,18 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _totalSizeTypeTitle = require("./total-size-type-title");
-Object.keys(_totalSizeTypeTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _totalSizeTypeTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _totalSizeTypeTitle[key];
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./total-size-type-title"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/total-size-type-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/total-size-type-title/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC"}

package/lib/components/total-size-type-title/total-size-type-title.js

@@ -1,47 +1,31 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TotalSizeTypeTitle = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _config = _interopRequireDefault(require("../../config.json"));
-var _i18n = _interopRequireDefault(require("../../i18n"));
-var _flexStack = require("../../layout/flex-stack");
-var _stack = require("../../layout/stack");
-var _icon = require("../../ui/icon");
-var _hoverCard = require("../../ui/hover-card");
-var _totalSizeTypeTitleModule = _interopRequireDefault(require("./total-size-type-title.module.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var TotalSizeTypeTitle = function TotalSizeTypeTitle(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/_react["default"].createElement(_flexStack.FlexStack, {
-    space: "xxxsmall",
-    alignItems: "center",
-    className: (0, _classnames["default"])(_totalSizeTypeTitleModule["default"].root, className)
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: _totalSizeTypeTitleModule["default"].text
-  }, _i18n["default"].ASSET_TOTALS), /*#__PURE__*/_react["default"].createElement(_hoverCard.HoverCard, {
-    label: /*#__PURE__*/_react["default"].createElement(_icon.Icon, {
-      glyph: "help"
-    }),
-    anchorClassName: _totalSizeTypeTitleModule["default"].anchor
-  }, /*#__PURE__*/_react["default"].createElement(_stack.Stack, {
-    space: "xxxsmall"
-  }, /*#__PURE__*/_react["default"].createElement("p", null, _i18n["default"].ASSET_TOTALS_INFO), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: function onClick() {
-      return window.open(_config["default"].documentation.assets);
-    },
-    className: _totalSizeTypeTitleModule["default"].readMoreLink
-  }, _i18n["default"].READ_MORE)))));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TotalSizeTypeTitle = void 0;
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const classnames_1 = __importDefault(require("classnames"));
+const config_json_1 = __importDefault(require("../../config.json"));
+const i18n_1 = __importDefault(require("../../i18n"));
+const flex_stack_1 = require("../../layout/flex-stack");
+const stack_1 = require("../../layout/stack");
+const icon_1 = require("../../ui/icon");
+const hover_card_1 = require("../../ui/hover-card");
+const total_size_type_title_module_css_1 = __importDefault(require("./total-size-type-title.module.css"));
+const TotalSizeTypeTitle = ({ className }) => (react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", className: (0, classnames_1.default)(total_size_type_title_module_css_1.default.root, className) },
+    react_1.default.createElement("span", { className: total_size_type_title_module_css_1.default.text }, i18n_1.default.ASSET_TOTALS),
+    react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: "help" }), anchorClassName: total_size_type_title_module_css_1.default.anchor },
+        react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
+            react_1.default.createElement("p", null, i18n_1.default.ASSET_TOTALS_INFO),
+            react_1.default.createElement("p", null,
+                react_1.default.createElement("button", { type: "button", onClick: () => window.open(config_json_1.default.documentation.assets), className: total_size_type_title_module_css_1.default.readMoreLink }, i18n_1.default.READ_MORE))))));
 exports.TotalSizeTypeTitle = TotalSizeTypeTitle;
-TotalSizeTypeTitle.propTypes = {
-  className: _propTypes["default"].string
+exports.TotalSizeTypeTitle.propTypes = {
+    className: prop_types_1.default.string,
+};
+exports.TotalSizeTypeTitle.defaultProps = {
+    className: '',
 };
-TotalSizeTypeTitle.defaultProps = {
-  className: ''
-};
+//# sourceMappingURL=total-size-type-title.js.map

package/lib/components/total-size-type-title/total-size-type-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"total-size-type-title.js","sourceRoot":"","sources":["../../../src/components/total-size-type-title/total-size-type-title.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,oEAAuC;AACvC,sDAA8B;AAC9B,wDAAoD;AACpD,8CAA2C;AAC3C,wCAAqC;AACrC,oDAAgD;AAChD,0GAAqD;AAE9C,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,0CAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAChF,wCAAM,SAAS,EAAE,0CAAG,CAAC,IAAI,IAAG,cAAI,CAAC,YAAY,CAAQ;IACrD,8BAAC,sBAAS,IAAC,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAC,MAAM,GAAG,EAAE,eAAe,EAAE,0CAAG,CAAC,MAAM;QAClE,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;YACrB,yCAAI,cAAI,CAAC,iBAAiB,CAAK;YAC/B;gBACE,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAM,CAAC,aAAa,CAAC,MAAM,CAAC,EACvD,SAAS,EAAE,0CAAG,CAAC,YAAY,IAE1B,cAAI,CAAC,SAAS,CACR,CACP,CACE,CACE,CACF,CACb,CAAC;AAlBW,QAAA,kBAAkB,sBAkB7B;AAEF,0BAAkB,CAAC,SAAS,GAAG;IAC7B,SAAS,EAAE,oBAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,0BAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;CACd,CAAC"}