@bundle-stats/ui 4.13.0-beta.3 → 4.13.0-beta.5

package/lib/components/bundle-assets-totals/bundle-assets-totals.js

@@ -41,7 +41,7 @@ const total_size_type_title_1 = require("../total-size-type-title");
 const metrics_table_1 = require("../metrics-table");
 const component_link_1 = require("../component-link");
 const bundle_assets_totals_module_css_1 = __importDefault(require("./bundle-assets-totals.module.css"));
-const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, ...restProps }) => {
+const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }) => {
     const [displayType, setDisplayType] = (0, metrics_display_type_1.useMetricsDisplayType)();
     const history = (0, react_router_dom_1.useHistory)();
     const items = webpack.compareBySection.sizes(jobs);
@@ -53,25 +53,27 @@ const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomCompon
     const handleMetricsTreemapItemClick = (0, react_1.useCallback)((entryId) => {
         const fileType = constants_1.ASSETS_SIZES_FILE_TYPE_MAP[entryId];
         const { section, params } = (0, utils_1.getBundleAssetsFileTypeComponentLink)(fileType, '');
-        const search = (0, utils_1.getComponentStateQueryString)(params);
-        const nextUrl = `${constants_1.SECTION_URLS[section]}?${search}`;
+        const queryParams = (0, utils_1.getComponentStateQueryString)(params);
+        const nextUrl = `${constants_1.SECTION_URLS[section]}?${queryParams}`;
         history.push(nextUrl);
     }, [history]);
     return (react_1.default.createElement("div", { className: className },
         react_1.default.createElement(toolbar_1.Toolbar, { className: bundle_assets_totals_module_css_1.default.toolbar, renderActions: () => (react_1.default.createElement(metrics_display_selector_1.MetricsDisplaySelector, { onSelect: setDisplayType, value: displayType })) },
             react_1.default.createElement(total_size_type_title_1.TotalSizeTypeTitle, null)),
         displayType === constants_1.MetricsDisplayType.TABLE && (react_1.default.createElement(metrics_table_1.MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps })),
-        displayType === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { items: items, onItemClick: handleMetricsTreemapItemClick }))));
+        displayType === constants_1.MetricsDisplayType.TREEMAP && (react_1.default.createElement(metrics_treemap_1.MetricsTreemap, { items: items, onItemClick: onTreemapItemClick || handleMetricsTreemapItemClick }))));
 };
 exports.BundleAssetsTotals = BundleAssetsTotals;
 exports.BundleAssetsTotals.defaultProps = {
     className: '',
     jobs: [],
     customComponentLink: component_link_1.ComponentLink,
+    onTreemapItemClick: undefined,
 };
 exports.BundleAssetsTotals.propTypes = {
     className: prop_types_1.default.string,
     jobs: prop_types_1.default.array,
     customComponentLink: prop_types_1.default.elementType,
+    onTreemapItemClick: prop_types_1.default.func,
 };
 //# sourceMappingURL=bundle-assets-totals.js.map

package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAmC;AACnC,uDAA8C;AAC9C,+CAG6B;AAC7B,6EAA+D;AAE/D,+CAA+F;AAC/F,2EAAyE;AACzE,8CAA2C;AAC3C,wDAAoD;AACpD,0EAAqE;AACrE,oEAA8D;AAC9D,oDAAgD;AAChD,sDAAkD;AAClD,wGAAoD;AAE7C,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,IAAI,EACJ,mBAAmB,EAAE,mBAAmB,EACxC,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,4CAAqB,GAAE,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAA,6BAAU,GAAE,CAAC;IAE7B,MAAM,KAAK,GAAG,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE;QAC/B,MAAM,QAAQ,GAAG,sCAA0B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,4CAAoC,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9F,OAAO,CACL,8BAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAChE,IAAI,CAAC,KAAK,CACS,CACvB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,6BAA6B,GAAG,IAAA,mBAAW,EAC/C,CAAC,OAAO,EAAE,EAAE;QACV,MAAM,QAAQ,GAAG,sCAA0B,CAAC,OAAO,CAAC,CAAC;QACrD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,4CAAoC,EAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC/E,MAAM,MAAM,GAAG,IAAA,oCAA4B,EAAC,MAAM,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,GAAG,wBAAY,CAAC,OAAO,CAAC,IAAI,MAAM,EAAE,CAAC;QAErD,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,8BAAC,iBAAO,IACN,SAAS,EAAE,yCAAG,CAAC,OAAO,EACtB,aAAa,EAAE,GAAG,EAAE,CAAC,CACnB,8BAAC,iDAAsB,IAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,GAAI,CACzE;YAED,8BAAC,0CAAkB,OAAG,CACd;QACT,WAAW,KAAK,8BAAkB,CAAC,KAAK,IAAI,CAC3C,8BAAC,4BAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,aAAa,WACT,SAAS,GACb,CACH;QACA,WAAW,KAAK,8BAAkB,CAAC,OAAO,IAAI,CAC7C,8BAAC,gCAAc,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,6BAA6B,GAAI,CAC7E,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,kBAAkB,sBA0D7B;AAEF,0BAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,EAAE;IACR,mBAAmB,EAAE,8BAAa;CACnC,CAAC;AAEF,0BAAkB,CAAC,SAAS,GAAG;IAE7B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,KAAK;IAErB,mBAAmB,EAAE,oBAAS,CAAC,WAAW;CAC3C,CAAC"}
+{"version":3,"file":"bundle-assets-totals.js","sourceRoot":"","sources":["../../../src/components/bundle-assets-totals/bundle-assets-totals.jsx"],"names":[],"mappings":"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"}

package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js

@@ -12,7 +12,7 @@ import { TotalSizeTypeTitle } from '../total-size-type-title';
 import { MetricsTable } from '../metrics-table';
 import { ComponentLink } from '../component-link';
 import css from './bundle-assets-totals.module.css';
-export const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, ...restProps }) => {
+export const BundleAssetsTotals = ({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }) => {
     const [displayType, setDisplayType] = useMetricsDisplayType();
     const history = useHistory();
     const items = webpack.compareBySection.sizes(jobs);
@@ -24,24 +24,26 @@ export const BundleAssetsTotals = ({ className, jobs, customComponentLink: Custo
     const handleMetricsTreemapItemClick = useCallback((entryId) => {
         const fileType = ASSETS_SIZES_FILE_TYPE_MAP[entryId];
         const { section, params } = getBundleAssetsFileTypeComponentLink(fileType, '');
-        const search = getComponentStateQueryString(params);
-        const nextUrl = `${SECTION_URLS[section]}?${search}`;
+        const queryParams = getComponentStateQueryString(params);
+        const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
         history.push(nextUrl);
     }, [history]);
     return (React.createElement("div", { className: className },
         React.createElement(Toolbar, { className: css.toolbar, renderActions: () => (React.createElement(MetricsDisplaySelector, { onSelect: setDisplayType, value: displayType })) },
             React.createElement(TotalSizeTypeTitle, null)),
         displayType === MetricsDisplayType.TABLE && (React.createElement(MetricsTable, { runs: jobs, items: items, renderRowHeader: renderRowHeader, showHeaderSum: true, ...restProps })),
-        displayType === MetricsDisplayType.TREEMAP && (React.createElement(MetricsTreemap, { items: items, onItemClick: handleMetricsTreemapItemClick }))));
+        displayType === MetricsDisplayType.TREEMAP && (React.createElement(MetricsTreemap, { items: items, onItemClick: onTreemapItemClick || handleMetricsTreemapItemClick }))));
 };
 BundleAssetsTotals.defaultProps = {
     className: '',
     jobs: [],
     customComponentLink: ComponentLink,
+    onTreemapItemClick: undefined,
 };
 BundleAssetsTotals.propTypes = {
     className: PropTypes.string,
     jobs: PropTypes.array,
     customComponentLink: PropTypes.elementType,
+    onTreemapItemClick: PropTypes.func,
 };
 //# sourceMappingURL=bundle-assets-totals.js.map

package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.13.0-beta.3",
+  "version": "4.13.0-beta.5",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -73,12 +73,12 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.13.0-beta.3",
+    "@bundle-stats/utils": "4.13.0-beta.5",
     "ariakit": "2.0.0-next.44",
     "d3": "^7.8.5",
     "modern-css-reset": "1.4.0",
     "react-use": "^17.5.0",
     "use-query-params": "2.2.1"
   },
-  "gitHead": "01131490d9a0d5e90c3010a384efb3121e41b53a"
+  "gitHead": "095b70f045d207c0f8519f5f1500888163066cd0"
 }

package/src/components/bundle-assets-totals/bundle-assets-totals.jsx

@@ -21,6 +21,7 @@ export const BundleAssetsTotals = ({
   className,
   jobs,
   customComponentLink: CustomComponentLink,
+  onTreemapItemClick,
   ...restProps
 }) => {
   const [displayType, setDisplayType] = useMetricsDisplayType();
@@ -43,9 +44,9 @@ export const BundleAssetsTotals = ({
     (entryId) => {
       const fileType = ASSETS_SIZES_FILE_TYPE_MAP[entryId];
       const { section, params } = getBundleAssetsFileTypeComponentLink(fileType, '');
-      const search = getComponentStateQueryString(params);
-      const nextUrl = `${SECTION_URLS[section]}?${search}`;
+      const queryParams = getComponentStateQueryString(params);
 
+      const nextUrl = `${SECTION_URLS[section]}?${queryParams}`;
       history.push(nextUrl);
     },
     [history],
@@ -71,7 +72,10 @@ export const BundleAssetsTotals = ({
         />
       )}
       {displayType === MetricsDisplayType.TREEMAP && (
-        <MetricsTreemap items={items} onItemClick={handleMetricsTreemapItemClick} />
+        <MetricsTreemap
+          items={items}
+          onItemClick={onTreemapItemClick || handleMetricsTreemapItemClick}
+        />
       )}
     </div>
   );
@@ -81,6 +85,7 @@ BundleAssetsTotals.defaultProps = {
   className: '',
   jobs: [],
   customComponentLink: ComponentLink,
+  onTreemapItemClick: undefined,
 };
 
 BundleAssetsTotals.propTypes = {
@@ -91,4 +96,9 @@ BundleAssetsTotals.propTypes = {
   jobs: PropTypes.array, // eslint-disable-line react/forbid-prop-types
 
   customComponentLink: PropTypes.elementType,
+
+  /**
+   * Treemap item onClick
+   */
+  onTreemapItemClick: PropTypes.func,
 };

package/types/components/bundle-assets-totals/bundle-assets-totals.d.ts

@@ -1,14 +1,16 @@
-export function BundleAssetsTotals({ className, jobs, customComponentLink: CustomComponentLink, ...restProps }: {
+export function BundleAssetsTotals({ className, jobs, customComponentLink: CustomComponentLink, onTreemapItemClick, ...restProps }: {
     [x: string]: any;
     className: any;
     jobs: any;
     customComponentLink: any;
+    onTreemapItemClick: any;
 }): React.JSX.Element;
 export namespace BundleAssetsTotals {
     namespace defaultProps {
         export let className: string;
         export let jobs: never[];
         export { ComponentLink as customComponentLink };
+        export let onTreemapItemClick: undefined;
     }
     namespace propTypes {
         let className_1: PropTypes.Requireable<string>;
@@ -16,6 +18,8 @@ export namespace BundleAssetsTotals {
         let jobs_1: PropTypes.Requireable<any[]>;
         export { jobs_1 as jobs };
         export let customComponentLink: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let onTreemapItemClick_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onTreemapItemClick_1 as onTreemapItemClick };
     }
 }
 import React from 'react';