@bundle-stats/ui 4.1.5-alpha.1 → 4.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/summary-item/summary-item.js.map +1 -1
- package/lib/components/summary-item/summary-item.module.css +0 -12
- package/lib/ui/hover-card/hover-card.js +11 -12
- package/lib/ui/hover-card/hover-card.js.map +1 -1
- package/lib-esm/components/summary-item/summary-item.js.map +1 -1
- package/lib-esm/components/summary-item/summary-item.module.css +0 -12
- package/lib-esm/ui/hover-card/hover-card.js +12 -13
- package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
- package/package.json +9 -9
- package/src/components/summary-item/summary-item.jsx +1 -2
- package/src/components/summary-item/summary-item.module.css +0 -12
- package/src/ui/hover-card/hover-card.jsx +15 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAmC;AACnC,4DAA4B;AAC5B,+CAA4E;AAE5E,wCAAqC;AACrC,oDAAgD;AAChD,gDAA6C;AAC7C,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,oCAAiC;AACjC,wFAA4C;AAE5C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAC3C,4DAAmC;AACnC,4DAA4B;AAC5B,+CAA4E;AAE5E,wCAAqC;AACrC,oDAAgD;AAChD,gDAA6C;AAC7C,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,oCAAiC;AACjC,wFAA4C;AAE5C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE;IAE1C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,IAAI,GAAG,EAAE;YACP,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;QACrB,yCAAI,WAAW,CAAK;QACnB,GAAG,IAAI,CACN;YACE,0CAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,iCAAG,CAAC,YAAY,gBAE1D,CACP,CACL,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,WAAW,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACxC,GAAG,EAAE,oBAAS,CAAC,MAAM;CACtB,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,GAAG,EAAE,EAAE;CACR,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,EAAE,EAAE,SAAS,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAElE,MAAM,MAAM,GAAG,IAAA,2BAAmB,EAAC,EAAE,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,4BAA4B,GAAG,qBAAqB,IAAI,MAAM,EAAE,WAAW,CAAC;IAElF,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,EAAE,iCAAG,CAAC,IAAI,CAAC,EAAE,SAAS,IAAI,iCAAG,CAAC,SAAS,CAAC,CAAC;IAErF,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU,EAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,KAAM,KAAK;QACxE,8BAAC,sBAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,iCAAG,CAAC,KAAK;YAC1E,4CACG,MAAM,CAAC,KAAK,CACR;YAEN,4BAA4B,IAAI,CAC/B,8BAAC,sBAAS,IAAC,KAAK,EAAE,8BAAC,WAAI,IAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAAE,SAAS,EAAE,iCAAG,CAAC,SAAS;gBAC1E,8BAAC,UAAU,OAAK,MAAM,GAAI,CAChB,CACb,CACS;QAEX,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,8BAAC,aAAK;YACJ,8BAAC,eAAM,IACL,SAAS,EAAE,iCAAG,CAAC,aAAa,EAC5B,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,QAAQ,QACR,MAAM,UAEL,SAAS,IAAI,CACZ,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,YAAY,EAAE,OAAO,CAAC,sBAAsB,EAC5C,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACH,CACM;YACT,8BAAC,eAAM,IAAC,SAAS,EAAE,iCAAG,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI,CACjF,CACT,CAAC,CAAC,CAAC,CACF,8BAAC,aAAK;YACJ,8BAAC,mBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,iCAAG,CAAC,aAAa,EAAE,iCAAG,CAAC,OAAO,CAAC,GAAI;YAClE,8BAAC,mBAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,iCAAG,CAAC,cAAc,EAAE,iCAAG,CAAC,OAAO,CAAC,GAAI,CAC7D,CACT,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,WAAW,eA4DtB;AAEF,mBAAW,CAAC,YAAY,GAAG;IACzB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,KAAK;IACd,qBAAqB,EAAE,KAAK;IAC5B,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,mBAAW,CAAC,SAAS,GAAG;IAEtB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IAGzB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAG1C,EAAE,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAG/B,OAAO,EAAE,oBAAS,CAAC,IAAI;IAGvB,IAAI,EAAE,oBAAS,CAAC,MAAM;IAGtB,qBAAqB,EAAE,oBAAS,CAAC,IAAI;IAGrC,SAAS,EAAE,oBAAS,CAAC,IAAI;CAC1B,CAAC"}
|
|
@@ -6,11 +6,6 @@
|
|
|
6
6
|
white-space: nowrap;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.titleIcon {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
pointer-events: none;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
9
|
.currentMetric {
|
|
15
10
|
color: var(--color-heading);
|
|
16
11
|
font-size: var(--size-large);
|
|
@@ -41,13 +36,6 @@
|
|
|
41
36
|
text-decoration: none;
|
|
42
37
|
}
|
|
43
38
|
|
|
44
|
-
/* Hover state */
|
|
45
|
-
.root:hover .titleIcon {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
pointer-events: auto;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
39
|
/* Loading state */
|
|
52
40
|
.loading.currentMetric {
|
|
53
41
|
width: 8em;
|
|
@@ -32,23 +32,22 @@ const prop_types_1 = __importDefault(require("prop-types"));
|
|
|
32
32
|
const classnames_1 = __importDefault(require("classnames"));
|
|
33
33
|
const hovercard_1 = require("ariakit/hovercard");
|
|
34
34
|
const hover_card_module_css_1 = __importDefault(require("./hover-card.module.css"));
|
|
35
|
-
const resolveComponent = (as, href) => {
|
|
36
|
-
if (as) {
|
|
37
|
-
return as;
|
|
38
|
-
}
|
|
39
|
-
if (href) {
|
|
40
|
-
return 'a';
|
|
41
|
-
}
|
|
42
|
-
return 'span';
|
|
43
|
-
};
|
|
44
35
|
const HoverCard = (props) => {
|
|
45
36
|
const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
|
|
46
37
|
const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 700 });
|
|
47
|
-
const
|
|
48
|
-
const Component =
|
|
38
|
+
const hovercardProps = (0, hovercard_1.useHovercard)({ state, portal: true });
|
|
39
|
+
const Component = (0, react_1.useMemo)(() => {
|
|
40
|
+
if (as) {
|
|
41
|
+
return as;
|
|
42
|
+
}
|
|
43
|
+
if (href) {
|
|
44
|
+
return 'a';
|
|
45
|
+
}
|
|
46
|
+
return 'span';
|
|
47
|
+
}, [as, href]);
|
|
49
48
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(hover_card_module_css_1.default.root, className) },
|
|
50
49
|
react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component }, label),
|
|
51
|
-
react_1.default.createElement(hovercard_1.Hovercard, { ...
|
|
50
|
+
react_1.default.createElement(hovercard_1.Hovercard, { ...hovercardProps, state: state, className: (0, classnames_1.default)(hover_card_module_css_1.default.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
|
|
52
51
|
react_1.default.createElement(hovercard_1.HovercardArrow, { size: 24 }),
|
|
53
52
|
typeof children === 'function' ? children({ close: state.hide }) : children)));
|
|
54
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAEnC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,IAEZ,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB;AAEF,iBAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAE3B,kBAAkB,EAAE,oBAAS,CAAC,MAAM;IAEpC,eAAe,EAAE,oBAAS,CAAC,MAAM;IAEjC,KAAK,EAAE,oBAAS,CAAC,IAAI;IAErB,IAAI,EAAE,oBAAS,CAAC,MAAM;IAEtB,EAAE,EAAE,oBAAS,CAAC,WAAW;IAEzB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,IAAI,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,kBAAkB,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE;IACnB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;CACT,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAE5C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"summary-item.js","sourceRoot":"","sources":["../../../src/components/summary-item/summary-item.jsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,6 @@
|
|
|
6
6
|
white-space: nowrap;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.titleIcon {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
pointer-events: none;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
9
|
.currentMetric {
|
|
15
10
|
color: var(--color-heading);
|
|
16
11
|
font-size: var(--size-large);
|
|
@@ -41,13 +36,6 @@
|
|
|
41
36
|
text-decoration: none;
|
|
42
37
|
}
|
|
43
38
|
|
|
44
|
-
/* Hover state */
|
|
45
|
-
.root:hover .titleIcon {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
pointer-events: auto;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
39
|
/* Loading state */
|
|
52
40
|
.loading.currentMetric {
|
|
53
41
|
width: 8em;
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import cx from 'classnames';
|
|
4
4
|
import { Hovercard, HovercardAnchor, HovercardArrow, useHovercard, useHovercardState, } from 'ariakit/hovercard';
|
|
5
5
|
import css from './hover-card.module.css';
|
|
6
|
-
const resolveComponent = (as, href) => {
|
|
7
|
-
if (as) {
|
|
8
|
-
return as;
|
|
9
|
-
}
|
|
10
|
-
if (href) {
|
|
11
|
-
return 'a';
|
|
12
|
-
}
|
|
13
|
-
return 'span';
|
|
14
|
-
};
|
|
15
6
|
export const HoverCard = (props) => {
|
|
16
7
|
const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
|
|
17
8
|
const state = useHovercardState({ gutter: 8, timeout: 700 });
|
|
18
|
-
const
|
|
19
|
-
const Component =
|
|
9
|
+
const hovercardProps = useHovercard({ state, portal: true });
|
|
10
|
+
const Component = useMemo(() => {
|
|
11
|
+
if (as) {
|
|
12
|
+
return as;
|
|
13
|
+
}
|
|
14
|
+
if (href) {
|
|
15
|
+
return 'a';
|
|
16
|
+
}
|
|
17
|
+
return 'span';
|
|
18
|
+
}, [as, href]);
|
|
20
19
|
return (React.createElement("div", { className: cx(css.root, className) },
|
|
21
20
|
React.createElement(HovercardAnchor, { state: state, href: href, className: cx(css.anchor, anchorClassName), as: Component }, label),
|
|
22
|
-
React.createElement(Hovercard, { ...
|
|
21
|
+
React.createElement(Hovercard, { ...hovercardProps, state: state, className: cx(css.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
|
|
23
22
|
React.createElement(HovercardArrow, { size: 24 }),
|
|
24
23
|
typeof children === 'function' ? children({ close: state.hide }) : children)));
|
|
25
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,SAAS,EACT,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,KAAK,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,IAEZ,KAAK,CACU;QAClB,oBAAC,SAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,oBAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,kBAAkB,EAAE,SAAS,CAAC,MAAM;IAEpC,eAAe,EAAE,SAAS,CAAC,MAAM;IAEjC,KAAK,EAAE,SAAS,CAAC,IAAI;IAErB,IAAI,EAAE,SAAS,CAAC,MAAM;IAEtB,EAAE,EAAE,SAAS,CAAC,WAAW;IAEzB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,kBAAkB,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE;IACnB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;CACT,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bundle-stats/ui",
|
|
3
|
-
"version": "4.1.5
|
|
3
|
+
"version": "4.1.5",
|
|
4
4
|
"description": "UI components for BundleStats projects.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-esm/index.js",
|
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/preset-env": "7.20.2",
|
|
43
43
|
"@babel/preset-react": "7.18.6",
|
|
44
|
-
"@storybook/addon-essentials": "6.5.
|
|
44
|
+
"@storybook/addon-essentials": "6.5.14",
|
|
45
45
|
"@storybook/addon-knobs": "6.4.0",
|
|
46
46
|
"@storybook/addon-postcss": "2.0.0",
|
|
47
|
-
"@storybook/addon-storyshots": "6.5.
|
|
48
|
-
"@storybook/addons": "6.5.
|
|
49
|
-
"@storybook/builder-webpack5": "6.5.
|
|
50
|
-
"@storybook/manager-webpack5": "6.5.
|
|
51
|
-
"@storybook/react": "6.5.
|
|
47
|
+
"@storybook/addon-storyshots": "6.5.14",
|
|
48
|
+
"@storybook/addons": "6.5.14",
|
|
49
|
+
"@storybook/builder-webpack5": "6.5.14",
|
|
50
|
+
"@storybook/manager-webpack5": "6.5.14",
|
|
51
|
+
"@storybook/react": "6.5.14",
|
|
52
52
|
"babel-plugin-require-context-hook": "1.0.0",
|
|
53
53
|
"chromatic": "6.11.4",
|
|
54
54
|
"classnames": "2.3.2",
|
|
@@ -81,11 +81,11 @@
|
|
|
81
81
|
"react-router-dom": "^5.0.0"
|
|
82
82
|
},
|
|
83
83
|
"dependencies": {
|
|
84
|
-
"@bundle-stats/utils": "^4.1.5
|
|
84
|
+
"@bundle-stats/utils": "^4.1.5",
|
|
85
85
|
"ariakit": "^2.0.0-next.41",
|
|
86
86
|
"modern-css-reset": "^1.4.0",
|
|
87
87
|
"query-string": "^7.1.0",
|
|
88
88
|
"use-query-params": "^2.0.0"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "20d73826ed85f6eb23f40947fbb7ba94e6ead76d"
|
|
91
91
|
}
|
|
@@ -13,8 +13,7 @@ import { Delta } from '../delta';
|
|
|
13
13
|
import css from './summary-item.module.css';
|
|
14
14
|
|
|
15
15
|
const MetricInfo = ({ description, url }) => {
|
|
16
|
-
// The component parent can be rendered inside
|
|
17
|
-
// to avoid using nesting links
|
|
16
|
+
// The component parent can be rendered inside a link, use button to avoid using nested links
|
|
18
17
|
const onClick = useCallback(() => {
|
|
19
18
|
if (url) {
|
|
20
19
|
window.open(url);
|
|
@@ -6,11 +6,6 @@
|
|
|
6
6
|
white-space: nowrap;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.titleIcon {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
pointer-events: none;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
9
|
.currentMetric {
|
|
15
10
|
color: var(--color-heading);
|
|
16
11
|
font-size: var(--size-large);
|
|
@@ -41,13 +36,6 @@
|
|
|
41
36
|
text-decoration: none;
|
|
42
37
|
}
|
|
43
38
|
|
|
44
|
-
/* Hover state */
|
|
45
|
-
.root:hover .titleIcon {
|
|
46
|
-
opacity: 1;
|
|
47
|
-
pointer-events: auto;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
|
|
51
39
|
/* Loading state */
|
|
52
40
|
.loading.currentMetric {
|
|
53
41
|
width: 8em;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import cx from 'classnames';
|
|
4
4
|
import {
|
|
@@ -11,25 +11,24 @@ import {
|
|
|
11
11
|
|
|
12
12
|
import css from './hover-card.module.css';
|
|
13
13
|
|
|
14
|
-
const resolveComponent = (as, href) => {
|
|
15
|
-
if (as) {
|
|
16
|
-
return as;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
if (href) {
|
|
20
|
-
return 'a';
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
return 'span';
|
|
24
|
-
};
|
|
25
|
-
|
|
26
14
|
export const HoverCard = (props) => {
|
|
27
15
|
const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
|
|
16
|
+
|
|
28
17
|
const state = useHovercardState({ gutter: 8, timeout: 700 });
|
|
29
|
-
const
|
|
18
|
+
const hovercardProps = useHovercard({ state, portal: true });
|
|
30
19
|
|
|
31
20
|
// Fallback to span if no href
|
|
32
|
-
const Component =
|
|
21
|
+
const Component = useMemo(() => {
|
|
22
|
+
if (as) {
|
|
23
|
+
return as;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
if (href) {
|
|
27
|
+
return 'a';
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return 'span';
|
|
31
|
+
}, [as, href]);
|
|
33
32
|
|
|
34
33
|
return (
|
|
35
34
|
<div className={cx(css.root, className)}>
|
|
@@ -42,7 +41,7 @@ export const HoverCard = (props) => {
|
|
|
42
41
|
{label}
|
|
43
42
|
</HovercardAnchor>
|
|
44
43
|
<Hovercard
|
|
45
|
-
{...
|
|
44
|
+
{...hovercardProps}
|
|
46
45
|
state={state}
|
|
47
46
|
className={cx(css.hoverCard, hoverCardClassName)}
|
|
48
47
|
style={{ zIndex: 10000 }}
|