@bundle-stats/ui 4.1.6-beta.0 → 4.2.0-beta.0

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.
Files changed (80) hide show
  1. package/lib/components/bundle-modules/bundle-modules.js +1 -2
  2. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  3. package/lib/components/bundle-modules/bundle-modules.module.css +4 -0
  4. package/lib/components/module-info/module-info.js +24 -16
  5. package/lib/components/module-info/module-info.js.map +1 -1
  6. package/lib/components/module-info/module-info.module.css +27 -8
  7. package/lib/ui/tag/tag.module.css +2 -2
  8. package/lib-esm/components/bundle-modules/bundle-modules.js +1 -2
  9. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  10. package/lib-esm/components/bundle-modules/bundle-modules.module.css +4 -0
  11. package/lib-esm/components/module-info/module-info.js +25 -17
  12. package/lib-esm/components/module-info/module-info.js.map +1 -1
  13. package/lib-esm/components/module-info/module-info.module.css +27 -8
  14. package/lib-esm/ui/tag/tag.module.css +2 -2
  15. package/package.json +8 -7
  16. package/src/components/bundle-modules/bundle-modules.jsx +11 -9
  17. package/src/components/bundle-modules/bundle-modules.module.css +4 -0
  18. package/src/components/module-info/module-info.jsx +55 -25
  19. package/src/components/module-info/module-info.module.css +27 -8
  20. package/src/ui/tag/tag.module.css +2 -2
  21. package/types/app/app.d.ts +1 -1
  22. package/types/app/header/header.d.ts +4 -3
  23. package/types/assets/icons.svg.d.ts +1 -1
  24. package/types/components/asset-info/asset-info.d.ts +12 -6
  25. package/types/components/browsertime-table/browsertime-table.d.ts +4 -3
  26. package/types/components/bundle-assets/bundle-assets.d.ts +37 -16
  27. package/types/components/bundle-assets/index.d.ts +8 -7
  28. package/types/components/bundle-assets-totals-chart-bars/bundle-assets-totals-chart-bars.d.ts +7 -4
  29. package/types/components/bundle-assets-totals-table/bundle-assets-totals-table.d.ts +5 -4
  30. package/types/components/bundle-modules/bundle-modules.d.ts +26 -17
  31. package/types/components/bundle-modules/index.d.ts +8 -7
  32. package/types/components/bundle-packages/bundle-packages.d.ts +31 -16
  33. package/types/components/bundle-packages/index.d.ts +8 -7
  34. package/types/components/component-link.d.ts +5 -4
  35. package/types/components/delta/delta.d.ts +6 -5
  36. package/types/components/duplicate-packages-warning/duplicate-packages-warning.d.ts +9 -5
  37. package/types/components/job-header/job-header.d.ts +12 -5
  38. package/types/components/job-meta/job-meta.d.ts +8 -4
  39. package/types/components/job-name/job-name.d.ts +6 -5
  40. package/types/components/jobs-header/jobs-header.d.ts +6 -3
  41. package/types/components/lighthouse-table/lighthouse-table.d.ts +4 -3
  42. package/types/components/metric/metric.d.ts +8 -7
  43. package/types/components/metrics-table/metrics-table.d.ts +21 -9
  44. package/types/components/metrics-table-options/metrics-table-options.d.ts +5 -4
  45. package/types/components/metrics-table-search/metrics-table-search.d.ts +6 -5
  46. package/types/components/metrics-table-title/metrics-table-title.d.ts +7 -6
  47. package/types/components/module-info/module-info.d.ts +19 -8
  48. package/types/components/summary/summary.d.ts +9 -8
  49. package/types/components/summary-item/summary-item.d.ts +10 -9
  50. package/types/components/total-size-type-title/total-size-type-title.d.ts +3 -2
  51. package/types/hooks/rows-sort.d.ts +9 -3
  52. package/types/hooks/search-params.d.ts +4 -4
  53. package/types/layout/box/box.d.ts +8 -7
  54. package/types/layout/flex-stack/flex-stack.d.ts +8 -7
  55. package/types/layout/footer/footer.d.ts +4 -3
  56. package/types/layout/separator.d.ts +4 -4
  57. package/types/layout/stack/stack.d.ts +6 -5
  58. package/types/query-state.d.ts +1 -1
  59. package/types/stories/wrapper.d.ts +1 -1
  60. package/types/ui/alert/alert.d.ts +5 -4
  61. package/types/ui/container/container.d.ts +4 -3
  62. package/types/ui/dropdown/dropdown.d.ts +11 -10
  63. package/types/ui/empty-set/empty-set.d.ts +6 -5
  64. package/types/ui/file-name/file-name.d.ts +5 -4
  65. package/types/ui/filters/filters.d.ts +6 -5
  66. package/types/ui/filters/index.d.ts +4 -3
  67. package/types/ui/horizontal-bar-chart/horizontal-bar-chart.d.ts +12 -4
  68. package/types/ui/hover-card/hover-card.d.ts +9 -8
  69. package/types/ui/icon/icon.d.ts +6 -5
  70. package/types/ui/input/input.d.ts +4 -3
  71. package/types/ui/loader/loader.d.ts +4 -3
  72. package/types/ui/panels/panels.d.ts +4 -3
  73. package/types/ui/skeleton/skeleton.d.ts +5 -4
  74. package/types/ui/sort-dropdown/sort-dropdown.d.ts +8 -7
  75. package/types/ui/table/table.d.ts +7 -6
  76. package/types/ui/tabs/tabs.d.ts +8 -7
  77. package/types/ui/tag/tag.d.ts +6 -5
  78. package/types/ui/toolbar/toolbar.d.ts +5 -4
  79. package/types/ui/tooltip/tooltip.d.ts +11 -8
  80. package/types/utils.d.ts +1 -1
@@ -1,14 +1,22 @@
1
- export function HorizontalBarChart(props: any): any;
1
+ export function HorizontalBarChart(props: any): JSX.Element;
2
2
  export namespace HorizontalBarChart {
3
3
  namespace defaultProps {
4
4
  const className: string;
5
5
  const maxValue: null;
6
6
  }
7
7
  namespace propTypes {
8
- const className_1: any;
8
+ const className_1: PropTypes.Requireable<string>;
9
9
  export { className_1 as className };
10
- export const data: any;
11
- const maxValue_1: any;
10
+ export const data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
11
+ labels: PropTypes.Requireable<(string | null | undefined)[]>;
12
+ values: PropTypes.Requireable<(NonNullable<number | PropTypes.InferProps<{
13
+ value: PropTypes.Requireable<number>;
14
+ color: PropTypes.Requireable<string>;
15
+ label: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
16
+ }> | null | undefined> | null | undefined)[]>;
17
+ }>>>;
18
+ const maxValue_1: PropTypes.Requireable<number>;
12
19
  export { maxValue_1 as maxValue };
13
20
  }
14
21
  }
22
+ import PropTypes from "prop-types";
@@ -1,13 +1,13 @@
1
- export function HoverCard(props: any): any;
1
+ export function HoverCard(props: any): JSX.Element;
2
2
  export namespace HoverCard {
3
3
  namespace propTypes {
4
- const className: any;
5
- const hoverCardClassName: any;
6
- const anchorClassName: any;
7
- const label: any;
8
- const href: any;
9
- const as: any;
10
- const children: any;
4
+ const className: PropTypes.Requireable<string>;
5
+ const hoverCardClassName: PropTypes.Requireable<string>;
6
+ const anchorClassName: PropTypes.Requireable<string>;
7
+ const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
8
+ const href: PropTypes.Requireable<string>;
9
+ const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
10
+ const children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
11
11
  }
12
12
  namespace defaultProps {
13
13
  const className_1: string;
@@ -24,3 +24,4 @@ export namespace HoverCard {
24
24
  export { href_1 as href };
25
25
  }
26
26
  }
27
+ import PropTypes from "prop-types";
@@ -1,4 +1,4 @@
1
- export function Icon(props: any): any;
1
+ export function Icon(props: any): JSX.Element;
2
2
  export namespace Icon {
3
3
  export { ICONS };
4
4
  export const SIZE_SMALL: string;
@@ -12,12 +12,12 @@ export namespace Icon {
12
12
  export { size };
13
13
  }
14
14
  export namespace propTypes {
15
- const className_1: any;
15
+ const className_1: PropTypes.Requireable<string>;
16
16
  export { className_1 as className };
17
- export const glyph: any;
18
- const as_1: any;
17
+ export const glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
18
+ const as_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
19
19
  export { as_1 as as };
20
- const size_1: any;
20
+ const size_1: PropTypes.Requireable<string>;
21
21
  export { size_1 as size };
22
22
  }
23
23
  }
@@ -34,4 +34,5 @@ declare namespace ICONS {
34
34
  const SORT: string;
35
35
  const WARNING: string;
36
36
  }
37
+ import PropTypes from "prop-types";
37
38
  export {};
@@ -2,11 +2,11 @@ export function Input({ className, size, ...restProps }: {
2
2
  [x: string]: any;
3
3
  className: any;
4
4
  size: any;
5
- }): any;
5
+ }): JSX.Element;
6
6
  export namespace Input {
7
7
  namespace propTypes {
8
- const className: any;
9
- const size: any;
8
+ const className: PropTypes.Requireable<string>;
9
+ const size: PropTypes.Requireable<string>;
10
10
  }
11
11
  namespace defaultProps {
12
12
  const className_1: string;
@@ -15,3 +15,4 @@ export namespace Input {
15
15
  export { size_1 as size };
16
16
  }
17
17
  }
18
+ import PropTypes from "prop-types";
@@ -2,7 +2,7 @@ export function Loader({ className, size, ...restProps }: {
2
2
  [x: string]: any;
3
3
  className: any;
4
4
  size: any;
5
- }): any;
5
+ }): JSX.Element;
6
6
  export namespace Loader {
7
7
  const SIZE_SMALL: string;
8
8
  const SIZE_MEDIUM: string;
@@ -14,9 +14,10 @@ export namespace Loader {
14
14
  export { size };
15
15
  }
16
16
  namespace propTypes {
17
- const className_1: any;
17
+ const className_1: PropTypes.Requireable<string>;
18
18
  export { className_1 as className };
19
- const size_1: any;
19
+ const size_1: PropTypes.Requireable<string>;
20
20
  export { size_1 as size };
21
21
  }
22
22
  }
23
+ import PropTypes from "prop-types";
@@ -2,16 +2,17 @@ export function Panels({ className, children, ...restProps }: {
2
2
  [x: string]: any;
3
3
  className: any;
4
4
  children: any;
5
- }): any;
5
+ }): JSX.Element;
6
6
  export namespace Panels {
7
7
  namespace defaultProps {
8
8
  const className: string;
9
9
  const children: null;
10
10
  }
11
11
  namespace propTypes {
12
- const className_1: any;
12
+ const className_1: PropTypes.Requireable<string>;
13
13
  export { className_1 as className };
14
- const children_1: any;
14
+ const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
15
15
  export { children_1 as children };
16
16
  }
17
17
  }
18
+ import PropTypes from "prop-types";
@@ -1,9 +1,9 @@
1
- export function Skeleton(props: any): any;
1
+ export function Skeleton(props: any): JSX.Element;
2
2
  export namespace Skeleton {
3
3
  namespace propTypes {
4
- const className: any;
5
- const as: any;
6
- const block: any;
4
+ const className: PropTypes.Requireable<string>;
5
+ const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
6
+ const block: PropTypes.Requireable<boolean>;
7
7
  }
8
8
  namespace defaultProps {
9
9
  const className_1: string;
@@ -14,3 +14,4 @@ export namespace Skeleton {
14
14
  export { block_1 as block };
15
15
  }
16
16
  }
17
+ import PropTypes from "prop-types";
@@ -1,4 +1,4 @@
1
- export function SortDropdown(props: any): any;
1
+ export function SortDropdown(props: any): JSX.Element;
2
2
  export namespace SortDropdown {
3
3
  namespace defaultProps {
4
4
  const className: string;
@@ -8,16 +8,17 @@ export namespace SortDropdown {
8
8
  const direction: string;
9
9
  }
10
10
  namespace propTypes {
11
- const className_1: any;
11
+ const className_1: PropTypes.Requireable<string>;
12
12
  export { className_1 as className };
13
- const label_1: any;
13
+ const label_1: PropTypes.Requireable<string>;
14
14
  export { label_1 as label };
15
- export const fields: any;
16
- const onChange_1: any;
15
+ export const fields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
16
+ const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
17
17
  export { onChange_1 as onChange };
18
- const field_1: any;
18
+ const field_1: PropTypes.Requireable<string>;
19
19
  export { field_1 as field };
20
- const direction_1: any;
20
+ const direction_1: PropTypes.Requireable<string>;
21
21
  export { direction_1 as direction };
22
22
  }
23
23
  }
24
+ import PropTypes from "prop-types";
@@ -4,7 +4,7 @@ export function Table({ className, emptyMessage, compact, outline, children }: {
4
4
  compact: any;
5
5
  outline: any;
6
6
  children: any;
7
- }): any;
7
+ }): JSX.Element;
8
8
  export namespace Table {
9
9
  const THead: string;
10
10
  const TBody: string;
@@ -19,15 +19,16 @@ export namespace Table {
19
19
  const outline: boolean;
20
20
  }
21
21
  namespace propTypes {
22
- const className_1: any;
22
+ const className_1: PropTypes.Requireable<string>;
23
23
  export { className_1 as className };
24
- const emptyMessage_1: any;
24
+ const emptyMessage_1: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
25
25
  export { emptyMessage_1 as emptyMessage };
26
- const compact_1: any;
26
+ const compact_1: PropTypes.Requireable<boolean>;
27
27
  export { compact_1 as compact };
28
- const outline_1: any;
28
+ const outline_1: PropTypes.Requireable<boolean>;
29
29
  export { outline_1 as outline };
30
- const children_1: any;
30
+ const children_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
31
31
  export { children_1 as children };
32
32
  }
33
33
  }
34
+ import PropTypes from "prop-types";
@@ -1,24 +1,25 @@
1
1
  export function Tabs({ className, ...restProps }: {
2
2
  [x: string]: any;
3
3
  className: any;
4
- }): any;
4
+ }): JSX.Element;
5
5
  export namespace Tabs {
6
6
  export namespace defaultProps {
7
7
  const className: string;
8
8
  }
9
9
  export namespace propTypes {
10
- const className_1: any;
10
+ const className_1: PropTypes.Requireable<string>;
11
11
  export { className_1 as className };
12
- export const children: any;
12
+ export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
13
13
  }
14
14
  export { Item };
15
15
  }
16
+ import PropTypes from "prop-types";
16
17
  declare function Item({ isTabActive, as: Component, className, ...restProps }: {
17
18
  [x: string]: any;
18
19
  isTabActive: any;
19
20
  as: any;
20
21
  className: any;
21
- }): any;
22
+ }): JSX.Element;
22
23
  declare namespace Item {
23
24
  export namespace defaultProps_1 {
24
25
  export const isTabActive: boolean;
@@ -28,11 +29,11 @@ declare namespace Item {
28
29
  }
29
30
  export { defaultProps_1 as defaultProps };
30
31
  export namespace propTypes_1 {
31
- const isTabActive_1: any;
32
+ const isTabActive_1: PropTypes.Requireable<boolean>;
32
33
  export { isTabActive_1 as isTabActive };
33
- const className_3: any;
34
+ const className_3: PropTypes.Requireable<string>;
34
35
  export { className_3 as className };
35
- const as_1: any;
36
+ const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
36
37
  export { as_1 as as };
37
38
  }
38
39
  export { propTypes_1 as propTypes };
@@ -10,13 +10,13 @@ export namespace SIZES {
10
10
  const MEDIUM: string;
11
11
  const LARGE: string;
12
12
  }
13
- export function Tag(props: any): any;
13
+ export function Tag(props: any): JSX.Element;
14
14
  export namespace Tag {
15
15
  export namespace propTypes {
16
- const className: any;
17
- const as: any;
18
- const kind: any;
19
- const size: any;
16
+ const className: PropTypes.Requireable<string>;
17
+ const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
18
+ const kind: PropTypes.Requireable<string>;
19
+ const size: PropTypes.Requireable<string>;
20
20
  }
21
21
  export namespace defaultProps {
22
22
  const className_1: string;
@@ -31,3 +31,4 @@ export namespace Tag {
31
31
  export { KINDS };
32
32
  export { SIZES };
33
33
  }
34
+ import PropTypes from "prop-types";
@@ -1,9 +1,9 @@
1
- export function Toolbar(props: any): any;
1
+ export function Toolbar(props: any): JSX.Element;
2
2
  export namespace Toolbar {
3
3
  namespace propTypes {
4
- const className: any;
5
- const children: any;
6
- const renderActions: any;
4
+ const className: PropTypes.Requireable<string>;
5
+ const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
6
+ const renderActions: PropTypes.Requireable<(...args: any[]) => any>;
7
7
  }
8
8
  namespace defaultProps {
9
9
  const className_1: string;
@@ -12,3 +12,4 @@ export namespace Toolbar {
12
12
  export { renderActions_1 as renderActions };
13
13
  }
14
14
  }
15
+ import PropTypes from "prop-types";
@@ -1,4 +1,4 @@
1
- export function Tooltip(props: any): any;
1
+ export function Tooltip(props: any): JSX.Element;
2
2
  export namespace Tooltip {
3
3
  namespace defaultProps {
4
4
  const className: string;
@@ -9,18 +9,21 @@ export namespace Tooltip {
9
9
  const darkMode: boolean;
10
10
  }
11
11
  namespace propTypes {
12
- const className_1: any;
12
+ const className_1: PropTypes.Requireable<string>;
13
13
  export { className_1 as className };
14
- const tooltipClassName_1: any;
14
+ const tooltipClassName_1: PropTypes.Requireable<string>;
15
15
  export { tooltipClassName_1 as tooltipClassName };
16
- const title_1: any;
16
+ const title_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
17
  export { title_1 as title };
18
- export const children: any;
19
- const as_1: any;
18
+ export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
19
+ const as_1: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
20
20
  export { as_1 as as };
21
- const containerRef_1: any;
21
+ const containerRef_1: PropTypes.Requireable<PropTypes.InferProps<{
22
+ current: PropTypes.Requireable<object>;
23
+ }>>;
22
24
  export { containerRef_1 as containerRef };
23
- const darkMode_1: any;
25
+ const darkMode_1: PropTypes.Requireable<boolean>;
24
26
  export { darkMode_1 as darkMode };
25
27
  }
26
28
  }
29
+ import PropTypes from "prop-types";
package/types/utils.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export function getColors(count?: number): string[];
2
- export function getRenderChildWithClassName(className: any): (child: any) => any;
2
+ export function getRenderChildWithClassName(className: any): (child: any) => JSX.Element | null;