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

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

@@ -19,13 +19,15 @@ const DuplicatePackagesInsight = (props) => {
     const { type, data, summary, showDelta = true, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, ...restProps } = props;
     const metric = (0, utils_1.getGlobalMetricType)('webpack.duplicatePackageCount');
     const metricRunInfo = (0, utils_1.getMetricRunInfo)(metric, summary.current, summary.baseline);
-    const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && (metricRunInfo.delta !== 0));
+    const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && metricRunInfo.delta !== 0);
     return (react_1.default.createElement(alert_1.Alert, { kind: AlertKindMap.get(type), ...restProps },
         react_1.default.createElement("span", { className: duplicate_packages_insight_module_css_1.default.message }, data.text),
         hasDuplicatePackages && (react_1.default.createElement("span", { className: duplicate_packages_insight_module_css_1.default.metric },
             metricRunInfo.value,
             showDelta && typeof metricRunInfo.delta !== 'undefined' && (react_1.default.createElement(delta_1.Delta, { className: duplicate_packages_insight_module_css_1.default.delta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })))),
-        react_1.default.createElement("span", { className: duplicate_packages_insight_module_css_1.default.link }, hasDuplicatePackages ? (react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_DUPLICATE }, "View duplicate packages")) : (react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_COUNT }, "View packages")))));
+        react_1.default.createElement("span", { className: duplicate_packages_insight_module_css_1.default.link },
+            hasDuplicatePackages && metricRunInfo?.delta !== 0 ? (react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_DUPLICATE_NEW }, "View duplicate packages")) : (react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_DUPLICATE }, "View duplicate packages")),
+            !hasDuplicatePackages && (react_1.default.createElement(CustomComponentLink, { ...utils_1.BUNDLE_PACKAGES_COUNT }, "View packages")))));
 };
 exports.DuplicatePackagesInsight = DuplicatePackagesInsight;
 //# sourceMappingURL=duplicate-packages-insight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"duplicate-packages-insight.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/duplicate-packages-insight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAQ6B;AAE7B,0CAAuC;AACvC,sDAAkD;AAClD,oCAAiC;AAEjC,oHAA0D;AAU1D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC;IAC3B,CAAC,mBAAW,CAAC,IAAI,EAAE,MAAM,CAAC;IAC1B,CAAC,mBAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC7B,CAAC,mBAAW,CAAC,OAAO,EAAE,SAAS,CAAC;CACjC,CAAC,CAAC;AAEI,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC/E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,+BAA+B,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,IAAA,wBAAgB,EACpC,MAAM,EACN,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,QAAQ,CACjB,CAAC;IAEF,MAAM,oBAAoB,GAAG,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvG,OAAO,CACL,8BAAC,aAAK,IAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,SAAS;QAChD,wCAAM,SAAS,EAAE,+CAAG,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,CAAQ;QAC/C,oBAAoB,IAAI,CACvB,wCAAM,SAAS,EAAE,+CAAG,CAAC,MAAM;YACxB,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,OAAO,aAAa,CAAC,KAAK,KAAK,WAAW,IAAI,CAC1D,8BAAC,aAAK,IACJ,SAAS,EAAE,+CAAG,CAAC,KAAK,EACpB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAsB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAmB,GAC5C,CACH,CACI,CACR;QACD,wCAAM,SAAS,EAAE,+CAAG,CAAC,IAAI,IACtB,oBAAoB,CAAC,CAAC,CAAC,CACtB,8BAAC,mBAAmB,OAAK,iCAAgC,8BAEnC,CACvB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAmB,OAAK,6BAA4B,oBAE/B,CACvB,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,wBAAwB,4BAiDnC"}
+{"version":3,"file":"duplicate-packages-insight.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/duplicate-packages-insight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAS6B;AAE7B,0CAAuC;AACvC,sDAAkD;AAClD,oCAAiC;AAEjC,oHAA0D;AAU1D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC;IAC3B,CAAC,mBAAW,CAAC,IAAI,EAAE,MAAM,CAAC;IAC1B,CAAC,mBAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC7B,CAAC,mBAAW,CAAC,OAAO,EAAE,SAAS,CAAC;CACjC,CAAC,CAAC;AAEI,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC/E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,+BAA+B,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElF,MAAM,oBAAoB,GACxB,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,8BAAC,aAAK,IAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,SAAS;QAChD,wCAAM,SAAS,EAAE,+CAAG,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,CAAQ;QAC/C,oBAAoB,IAAI,CACvB,wCAAM,SAAS,EAAE,+CAAG,CAAC,MAAM;YACxB,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,OAAO,aAAa,CAAC,KAAK,KAAK,WAAW,IAAI,CAC1D,8BAAC,aAAK,IACJ,SAAS,EAAE,+CAAG,CAAC,KAAK,EACpB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAsB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAmB,GAC5C,CACH,CACI,CACR;QACD,wCAAM,SAAS,EAAE,+CAAG,CAAC,IAAI;YACtB,oBAAoB,IAAI,aAAa,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACpD,8BAAC,mBAAmB,OAAM,qCAAqC,8BAEzC,CACvB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAmB,OAAM,iCAAiC,8BAErC,CACvB;YACA,CAAC,oBAAoB,IAAI,CACxB,8BAAC,mBAAmB,OAAM,6BAA6B,oBAEjC,CACvB,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,wBAAwB,4BAmDnC"}

package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_COUNT, InsightType, getMetricRunInfo, getGlobalMetricType, } from '@bundle-stats/utils';
+import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_DUPLICATE_NEW, BUNDLE_PACKAGES_COUNT, InsightType, getMetricRunInfo, getGlobalMetricType, } from '@bundle-stats/utils';
 import { Alert } from '../../ui/alert';
 import { ComponentLink } from '../component-link';
 import { Delta } from '../delta';
@@ -13,12 +13,14 @@ export const DuplicatePackagesInsight = (props) => {
     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));
+    const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && metricRunInfo.delta !== 0);
     return (React.createElement(Alert, { kind: AlertKindMap.get(type), ...restProps },
         React.createElement("span", { className: css.message }, data.text),
         hasDuplicatePackages && (React.createElement("span", { className: css.metric },
             metricRunInfo.value,
             showDelta && typeof metricRunInfo.delta !== 'undefined' && (React.createElement(Delta, { className: css.delta, inverted: true, displayValue: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType })))),
-        React.createElement("span", { className: css.link }, hasDuplicatePackages ? (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_DUPLICATE }, "View duplicate packages")) : (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_COUNT }, "View packages")))));
+        React.createElement("span", { className: css.link },
+            hasDuplicatePackages && (metricRunInfo === null || metricRunInfo === void 0 ? void 0 : metricRunInfo.delta) !== 0 ? (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_DUPLICATE_NEW }, "View duplicate packages")) : (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_DUPLICATE }, "View duplicate packages")),
+            !hasDuplicatePackages && (React.createElement(CustomComponentLink, { ...BUNDLE_PACKAGES_COUNT }, "View packages")))));
 };
 //# sourceMappingURL=duplicate-packages-insight.js.map

package/lib-esm/components/duplicate-packages-insight/duplicate-packages-insight.js.map

@@ -1 +1 @@
-{"version":3,"file":"duplicate-packages-insight.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/duplicate-packages-insight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EAEX,gBAAgB,EAEhB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,GAAG,MAAM,yCAAyC,CAAC;AAU1D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC;IAC3B,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;IAC1B,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC7B,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC/E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,mBAAmB,CAAC,+BAA+B,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,gBAAgB,CACpC,MAAM,EACN,OAAO,CAAC,OAAO,EACf,OAAO,CAAC,QAAQ,CACjB,CAAC;IAEF,MAAM,oBAAoB,GAAG,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvG,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,SAAS;QAChD,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,CAAQ;QAC/C,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM;YACxB,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,OAAO,aAAa,CAAC,KAAK,KAAK,WAAW,IAAI,CAC1D,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAsB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAmB,GAC5C,CACH,CACI,CACR;QACD,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IACtB,oBAAoB,CAAC,CAAC,CAAC,CACtB,oBAAC,mBAAmB,OAAK,yBAAgC,8BAEnC,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,OAAK,qBAA4B,oBAE/B,CACvB,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"duplicate-packages-insight.js","sourceRoot":"","sources":["../../../src/components/duplicate-packages-insight/duplicate-packages-insight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,qBAAqB,EACrB,WAAW,EAEX,gBAAgB,EAEhB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,GAAG,MAAM,yCAAyC,CAAC;AAU1D,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC;IAC3B,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC;IAC1B,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC;IAC7B,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAoC,EAAE,EAAE;IAC/E,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,mBAAmB,CAAC,+BAA+B,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IAElF,MAAM,oBAAoB,GACxB,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAM,SAAS;QAChD,8BAAM,SAAS,EAAE,GAAG,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,CAAQ;QAC/C,oBAAoB,IAAI,CACvB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM;YACxB,aAAa,CAAC,KAAK;YACnB,SAAS,IAAI,OAAO,aAAa,CAAC,KAAK,KAAK,WAAW,IAAI,CAC1D,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,QAAQ,QACR,YAAY,EAAE,aAAa,CAAC,YAAsB,EAClD,SAAS,EAAE,aAAa,CAAC,SAAmB,GAC5C,CACH,CACI,CACR;QACD,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI;YACtB,oBAAoB,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,CAAC,CAAC,CAAC,CAAC,CACpD,oBAAC,mBAAmB,OAAM,6BAAqC,8BAEzC,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,OAAM,yBAAiC,8BAErC,CACvB;YACA,CAAC,oBAAoB,IAAI,CACxB,oBAAC,mBAAmB,OAAM,qBAA6B,oBAEjC,CACvB,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.2.0-beta.2",
+  "version": "4.2.0-beta.3",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -82,11 +82,11 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.2.0-beta.2",
+    "@bundle-stats/utils": "^4.2.0-beta.3",
     "ariakit": "2.0.0-next.43",
     "modern-css-reset": "1.4.0",
     "query-string": "7.1.3",
     "use-query-params": "2.1.2"
   },
-  "gitHead": "71463489365dbe443e44ffb6260701fc6e0aea1b"
+  "gitHead": "f3ba19946987a5a954991f02ed0ddfe2ac8ad972"
 }

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import {
   BUNDLE_PACKAGES_DUPLICATE,
+  BUNDLE_PACKAGES_DUPLICATE_NEW,
   BUNDLE_PACKAGES_COUNT,
   InsightType,
   JobSummaryItem,
@@ -41,13 +42,10 @@ export const DuplicatePackagesInsight = (props: DuplicatePackagesInsightProps) =
 
   const metric = getGlobalMetricType('webpack.duplicatePackageCount');
 
-  const metricRunInfo = getMetricRunInfo(
-    metric,
-    summary.current,
-    summary.baseline,
-  );
+  const metricRunInfo = getMetricRunInfo(metric, summary.current, summary.baseline);
 
-  const hasDuplicatePackages = metricRunInfo.value > 0 || (metricRunInfo && (metricRunInfo.delta !== 0));
+  const hasDuplicatePackages =
+    metricRunInfo.value > 0 || (metricRunInfo && metricRunInfo.delta !== 0);
 
   return (
     <Alert kind={AlertKindMap.get(type)} {...restProps}>
@@ -66,12 +64,17 @@ export const DuplicatePackagesInsight = (props: DuplicatePackagesInsightProps) =
         </span>
       )}
       <span className={css.link}>
-        {hasDuplicatePackages ? (
-          <CustomComponentLink {...BUNDLE_PACKAGES_DUPLICATE as any}>
+        {hasDuplicatePackages && metricRunInfo?.delta !== 0 ? (
+          <CustomComponentLink {...(BUNDLE_PACKAGES_DUPLICATE_NEW as any)}>
             View duplicate packages
           </CustomComponentLink>
         ) : (
-          <CustomComponentLink {...BUNDLE_PACKAGES_COUNT as any}>
+          <CustomComponentLink {...(BUNDLE_PACKAGES_DUPLICATE as any)}>
+            View duplicate packages
+          </CustomComponentLink>
+        )}
+        {!hasDuplicatePackages && (
+          <CustomComponentLink {...(BUNDLE_PACKAGES_COUNT as any)}>
             View packages
           </CustomComponentLink>
         )}