@bundle-stats/ui 4.13.0-beta.0 → 4.13.0-beta.11

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 (217) hide show
  1. package/lib/app/app.js +4 -8
  2. package/lib/app/app.js.map +1 -1
  3. package/lib/app/app.module.css +2 -2
  4. package/lib/components/bundle-assets/bundle-assets.js +12 -5
  5. package/lib/components/bundle-assets/bundle-assets.js.map +1 -1
  6. package/lib/components/bundle-assets/bundle-assets.module.css +0 -5
  7. package/lib/components/bundle-assets/index.js +2 -2
  8. package/lib/components/bundle-assets/index.js.map +1 -1
  9. package/lib/components/bundle-assets-totals/bundle-assets-totals.js +22 -11
  10. package/lib/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
  11. package/lib/components/bundle-modules/bundle-modules.js +22 -12
  12. package/lib/components/bundle-modules/bundle-modules.js.map +1 -1
  13. package/lib/components/bundle-modules/bundle-modules.module.css +0 -5
  14. package/lib/components/bundle-modules/index.js +2 -2
  15. package/lib/components/bundle-modules/index.js.map +1 -1
  16. package/lib/components/bundle-packages/bundle-packages.js +10 -3
  17. package/lib/components/bundle-packages/bundle-packages.js.map +1 -1
  18. package/lib/components/bundle-packages/bundle-packages.module.css +0 -5
  19. package/lib/components/bundle-packages/index.js +2 -2
  20. package/lib/components/bundle-packages/index.js.map +1 -1
  21. package/lib/components/index.js +1 -3
  22. package/lib/components/index.js.map +1 -1
  23. package/lib/components/jobs-header/jobs-header.module.css +0 -4
  24. package/lib/components/metrics-display-selector/metrics-display-selector.js +4 -10
  25. package/lib/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
  26. package/lib/components/metrics-table/metrics-table.i18n.js +1 -6
  27. package/lib/components/metrics-table/metrics-table.i18n.js.map +1 -1
  28. package/lib/components/metrics-table/metrics-table.js +4 -37
  29. package/lib/components/metrics-table/metrics-table.js.map +1 -1
  30. package/lib/components/metrics-table/metrics-table.module.css +1 -44
  31. package/lib/components/{total-size-type-title → metrics-table-header}/index.js +1 -1
  32. package/lib/components/metrics-table-header/index.js.map +1 -0
  33. package/lib/components/metrics-table-header/metrics-table-header.i18n.js +9 -0
  34. package/lib/components/metrics-table-header/metrics-table-header.i18n.js.map +1 -0
  35. package/lib/components/metrics-table-header/metrics-table-header.js +79 -0
  36. package/lib/components/metrics-table-header/metrics-table-header.js.map +1 -0
  37. package/lib/components/metrics-table-header/metrics-table-header.module.css +51 -0
  38. package/lib/components/metrics-table-options/metrics-table-options.js +2 -2
  39. package/lib/components/metrics-table-options/metrics-table-options.js.map +1 -1
  40. package/lib/components/metrics-table-title/metrics-table-title.js +1 -1
  41. package/lib/components/metrics-table-title/metrics-table-title.js.map +1 -1
  42. package/lib/components/metrics-table-title/metrics-table-title.module.css +4 -4
  43. package/lib/components/metrics-treemap/metrics-treemap.js +66 -51
  44. package/lib/components/metrics-treemap/metrics-treemap.js.map +1 -1
  45. package/lib/components/metrics-treemap/metrics-treemap.module.css +89 -56
  46. package/lib/components/sort-button/sort-button.module.css +1 -0
  47. package/lib/css/variables.css +14 -14
  48. package/lib/hooks/entry-info.js +12 -0
  49. package/lib/hooks/entry-info.js.map +1 -0
  50. package/lib/layout/flex-stack/flex-stack.js +3 -4
  51. package/lib/layout/flex-stack/flex-stack.js.map +1 -1
  52. package/lib/layout/flex-stack/flex-stack.module.css +19 -23
  53. package/lib/query-state.js +1 -1
  54. package/lib/query-state.js.map +1 -1
  55. package/lib/ui/button/button.js +5 -4
  56. package/lib/ui/button/button.js.map +1 -1
  57. package/lib/ui/button/button.module.css +55 -52
  58. package/lib/ui/dropdown/dropdown.js +10 -40
  59. package/lib/ui/dropdown/dropdown.js.map +1 -1
  60. package/lib/ui/dropdown/index.js.map +1 -1
  61. package/lib/ui/filters/filters.js +33 -35
  62. package/lib/ui/filters/filters.js.map +1 -1
  63. package/lib/ui/filters/filters.module.css +55 -67
  64. package/lib/ui/hover-card/hover-card.js +1 -1
  65. package/lib/ui/hover-card/hover-card.js.map +1 -1
  66. package/lib/ui/icon/icon.js +1 -1
  67. package/lib/ui/toolbar/toolbar.module.css +1 -3
  68. package/lib-esm/app/app.js +4 -8
  69. package/lib-esm/app/app.js.map +1 -1
  70. package/lib-esm/app/app.module.css +2 -2
  71. package/lib-esm/components/bundle-assets/bundle-assets.js +12 -5
  72. package/lib-esm/components/bundle-assets/bundle-assets.js.map +1 -1
  73. package/lib-esm/components/bundle-assets/bundle-assets.module.css +0 -5
  74. package/lib-esm/components/bundle-assets/index.js +3 -3
  75. package/lib-esm/components/bundle-assets/index.js.map +1 -1
  76. package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js +23 -12
  77. package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.js.map +1 -1
  78. package/lib-esm/components/bundle-modules/bundle-modules.js +22 -12
  79. package/lib-esm/components/bundle-modules/bundle-modules.js.map +1 -1
  80. package/lib-esm/components/bundle-modules/bundle-modules.module.css +0 -5
  81. package/lib-esm/components/bundle-modules/index.js +2 -2
  82. package/lib-esm/components/bundle-modules/index.js.map +1 -1
  83. package/lib-esm/components/bundle-packages/bundle-packages.js +10 -3
  84. package/lib-esm/components/bundle-packages/bundle-packages.js.map +1 -1
  85. package/lib-esm/components/bundle-packages/bundle-packages.module.css +0 -5
  86. package/lib-esm/components/bundle-packages/index.js +3 -3
  87. package/lib-esm/components/bundle-packages/index.js.map +1 -1
  88. package/lib-esm/components/index.js +0 -1
  89. package/lib-esm/components/index.js.map +1 -1
  90. package/lib-esm/components/jobs-header/jobs-header.module.css +0 -4
  91. package/lib-esm/components/metrics-display-selector/metrics-display-selector.js +4 -10
  92. package/lib-esm/components/metrics-display-selector/metrics-display-selector.js.map +1 -1
  93. package/lib-esm/components/metrics-table/metrics-table.i18n.js +0 -5
  94. package/lib-esm/components/metrics-table/metrics-table.i18n.js.map +1 -1
  95. package/lib-esm/components/metrics-table/metrics-table.js +4 -37
  96. package/lib-esm/components/metrics-table/metrics-table.js.map +1 -1
  97. package/lib-esm/components/metrics-table/metrics-table.module.css +1 -44
  98. package/lib-esm/components/metrics-table-header/index.js +2 -0
  99. package/lib-esm/components/metrics-table-header/index.js.map +1 -0
  100. package/lib-esm/components/metrics-table-header/metrics-table-header.i18n.js +6 -0
  101. package/lib-esm/components/metrics-table-header/metrics-table-header.i18n.js.map +1 -0
  102. package/lib-esm/components/metrics-table-header/metrics-table-header.js +49 -0
  103. package/lib-esm/components/metrics-table-header/metrics-table-header.js.map +1 -0
  104. package/lib-esm/components/metrics-table-header/metrics-table-header.module.css +51 -0
  105. package/lib-esm/components/metrics-table-options/metrics-table-options.js +3 -3
  106. package/lib-esm/components/metrics-table-options/metrics-table-options.js.map +1 -1
  107. package/lib-esm/components/metrics-table-title/metrics-table-title.js +1 -1
  108. package/lib-esm/components/metrics-table-title/metrics-table-title.js.map +1 -1
  109. package/lib-esm/components/metrics-table-title/metrics-table-title.module.css +4 -4
  110. package/lib-esm/components/metrics-treemap/metrics-treemap.js +69 -53
  111. package/lib-esm/components/metrics-treemap/metrics-treemap.js.map +1 -1
  112. package/lib-esm/components/metrics-treemap/metrics-treemap.module.css +89 -56
  113. package/lib-esm/components/sort-button/sort-button.module.css +1 -0
  114. package/lib-esm/css/variables.css +14 -14
  115. package/lib-esm/hooks/entry-info.js +8 -0
  116. package/lib-esm/hooks/entry-info.js.map +1 -0
  117. package/lib-esm/layout/flex-stack/flex-stack.js +3 -4
  118. package/lib-esm/layout/flex-stack/flex-stack.js.map +1 -1
  119. package/lib-esm/layout/flex-stack/flex-stack.module.css +19 -23
  120. package/lib-esm/query-state.js +1 -1
  121. package/lib-esm/query-state.js.map +1 -1
  122. package/lib-esm/ui/button/button.js +5 -4
  123. package/lib-esm/ui/button/button.js.map +1 -1
  124. package/lib-esm/ui/button/button.module.css +55 -52
  125. package/lib-esm/ui/dropdown/dropdown.js +8 -39
  126. package/lib-esm/ui/dropdown/dropdown.js.map +1 -1
  127. package/lib-esm/ui/dropdown/index.js.map +1 -1
  128. package/lib-esm/ui/filters/filters.js +34 -36
  129. package/lib-esm/ui/filters/filters.js.map +1 -1
  130. package/lib-esm/ui/filters/filters.module.css +55 -67
  131. package/lib-esm/ui/hover-card/hover-card.js +1 -1
  132. package/lib-esm/ui/hover-card/hover-card.js.map +1 -1
  133. package/lib-esm/ui/icon/icon.js +1 -1
  134. package/lib-esm/ui/toolbar/toolbar.module.css +1 -3
  135. package/package.json +8 -10
  136. package/src/app/app.jsx +4 -12
  137. package/src/app/app.module.css +2 -2
  138. package/src/components/bundle-assets/bundle-assets.jsx +24 -7
  139. package/src/components/bundle-assets/bundle-assets.module.css +0 -5
  140. package/src/components/bundle-assets/index.jsx +8 -3
  141. package/src/components/bundle-assets-totals/bundle-assets-totals.jsx +55 -24
  142. package/src/components/bundle-modules/bundle-modules.module.css +0 -5
  143. package/src/components/bundle-modules/bundle-modules.tsx +60 -42
  144. package/src/components/bundle-modules/index.tsx +2 -2
  145. package/src/components/bundle-packages/bundle-packages.jsx +19 -5
  146. package/src/components/bundle-packages/bundle-packages.module.css +0 -5
  147. package/src/components/bundle-packages/index.jsx +8 -3
  148. package/src/components/index.js +0 -1
  149. package/src/components/jobs-header/jobs-header.module.css +0 -4
  150. package/src/components/metrics-display-selector/metrics-display-selector.tsx +8 -12
  151. package/src/components/metrics-table/metrics-table.i18n.ts +0 -7
  152. package/src/components/metrics-table/metrics-table.module.css +1 -44
  153. package/src/components/metrics-table/metrics-table.tsx +17 -153
  154. package/src/components/metrics-table-header/index.ts +1 -0
  155. package/src/components/metrics-table-header/metrics-table-header.i18n.ts +6 -0
  156. package/src/components/metrics-table-header/metrics-table-header.module.css +51 -0
  157. package/src/components/metrics-table-header/metrics-table-header.tsx +172 -0
  158. package/src/components/metrics-table-options/metrics-table-options.jsx +4 -10
  159. package/src/components/metrics-table-title/metrics-table-title.jsx +1 -1
  160. package/src/components/metrics-table-title/metrics-table-title.module.css +4 -4
  161. package/src/components/metrics-treemap/metrics-treemap.module.css +89 -56
  162. package/src/components/metrics-treemap/metrics-treemap.tsx +151 -118
  163. package/src/components/sort-button/sort-button.module.css +1 -0
  164. package/src/css/variables.css +14 -14
  165. package/src/hooks/entry-info.ts +19 -0
  166. package/src/layout/flex-stack/flex-stack.module.css +19 -23
  167. package/src/layout/flex-stack/flex-stack.tsx +2 -8
  168. package/src/query-state.tsx +1 -1
  169. package/src/ui/button/button.module.css +55 -52
  170. package/src/ui/button/button.stories.tsx +16 -9
  171. package/src/ui/button/button.tsx +8 -7
  172. package/src/ui/dropdown/dropdown.stories.tsx +25 -0
  173. package/src/ui/dropdown/dropdown.tsx +66 -0
  174. package/src/ui/filters/filters.module.css +55 -67
  175. package/src/ui/filters/filters.stories.tsx +109 -0
  176. package/src/ui/filters/filters.tsx +128 -167
  177. package/src/ui/hover-card/hover-card.tsx +1 -1
  178. package/src/ui/icon/icon.tsx +1 -1
  179. package/src/ui/toolbar/toolbar.module.css +1 -3
  180. package/types/components/bundle-assets-totals/bundle-assets-totals.d.ts +5 -1
  181. package/types/components/index.d.ts +0 -1
  182. package/types/components/metrics-display-selector/metrics-display-selector.d.ts +2 -2
  183. package/types/components/metrics-table/metrics-table.d.ts +4 -10
  184. package/types/components/metrics-table/metrics-table.i18n.d.ts +0 -5
  185. package/types/components/metrics-table-header/index.d.ts +1 -0
  186. package/types/components/metrics-table-header/metrics-table-header.d.ts +15 -0
  187. package/types/components/metrics-table-header/metrics-table-header.i18n.d.ts +5 -0
  188. package/types/hooks/entry-info.d.ts +8 -0
  189. package/types/ui/dropdown/dropdown.d.ts +12 -47
  190. package/types/ui/dropdown/index.d.ts +1 -1
  191. package/types/ui/filters/filters.d.ts +2 -7
  192. package/types/ui/icon/icon.d.ts +2 -2
  193. package/lib/components/bundle-assets-totals/bundle-assets-totals.module.css +0 -7
  194. package/lib/components/total-size-type-title/index.js.map +0 -1
  195. package/lib/components/total-size-type-title/total-size-type-title.js +0 -32
  196. package/lib/components/total-size-type-title/total-size-type-title.js.map +0 -1
  197. package/lib/components/total-size-type-title/total-size-type-title.module.css +0 -14
  198. package/lib/hooks/show-entry.js +0 -13
  199. package/lib/hooks/show-entry.js.map +0 -1
  200. package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.module.css +0 -7
  201. package/lib-esm/components/total-size-type-title/index.js +0 -2
  202. package/lib-esm/components/total-size-type-title/index.js.map +0 -1
  203. package/lib-esm/components/total-size-type-title/total-size-type-title.js +0 -25
  204. package/lib-esm/components/total-size-type-title/total-size-type-title.js.map +0 -1
  205. package/lib-esm/components/total-size-type-title/total-size-type-title.module.css +0 -14
  206. package/lib-esm/hooks/show-entry.js +0 -9
  207. package/lib-esm/hooks/show-entry.js.map +0 -1
  208. package/src/components/bundle-assets-totals/bundle-assets-totals.module.css +0 -7
  209. package/src/components/total-size-type-title/index.js +0 -1
  210. package/src/components/total-size-type-title/total-size-type-title.jsx +0 -41
  211. package/src/components/total-size-type-title/total-size-type-title.module.css +0 -14
  212. package/src/hooks/show-entry.ts +0 -17
  213. package/src/ui/dropdown/dropdown.jsx +0 -88
  214. package/types/components/total-size-type-title/index.d.ts +0 -1
  215. package/types/components/total-size-type-title/total-size-type-title.d.ts +0 -14
  216. package/types/hooks/show-entry.d.ts +0 -10
  217. /package/src/ui/dropdown/{index.js → index.ts} +0 -0
@@ -1,50 +1,15 @@
1
- export function Dropdown(props: any): React.JSX.Element;
2
- export namespace Dropdown {
3
- export namespace defaultProps {
4
- let className: string;
5
- let buttonClassName: string;
6
- let label: null;
7
- let ariaLabel: string;
8
- let glyph: null;
9
- let disabled: boolean;
10
- }
11
- export namespace propTypes {
12
- let className_1: PropTypes.Requireable<string>;
13
- export { className_1 as className };
14
- let buttonClassName_1: PropTypes.Requireable<string>;
15
- export { buttonClassName_1 as buttonClassName };
16
- let label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
- export { label_1 as label };
18
- let ariaLabel_1: PropTypes.Requireable<string>;
19
- export { ariaLabel_1 as ariaLabel };
20
- let glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
21
- export { glyph_1 as glyph };
22
- let disabled_1: PropTypes.Requireable<boolean>;
23
- export { disabled_1 as disabled };
24
- export let children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
25
- }
26
- export { Item };
27
- }
28
1
  import React from 'react';
29
- import PropTypes from 'prop-types';
30
- declare function Item({ className, isActive, ...restProps }: {
31
- [x: string]: any;
32
- className?: string | undefined;
33
- isActive?: boolean | undefined;
34
- }): React.JSX.Element;
35
- declare namespace Item {
36
- export namespace propTypes_1 {
37
- let className_2: PropTypes.Requireable<string>;
38
- export { className_2 as className };
39
- export let isActive: PropTypes.Requireable<boolean>;
40
- }
41
- export { propTypes_1 as propTypes };
42
- export namespace defaultProps_1 {
43
- let className_3: string;
44
- export { className_3 as className };
45
- let isActive_1: boolean;
46
- export { isActive_1 as isActive };
47
- }
48
- export { defaultProps_1 as defaultProps };
2
+ import { MenuItem } from 'ariakit/menu';
3
+ interface DropdownItemProps {
4
+ isActive?: boolean;
5
+ }
6
+ export declare const DropdownItem: (props: DropdownItemProps & React.ComponentProps<typeof MenuItem>) => React.JSX.Element;
7
+ interface DropdownProps {
8
+ dropdownClassName?: string;
9
+ label?: React.ReactNode;
10
+ ariaLabel?: string;
11
+ glyph?: string;
12
+ disabled?: boolean;
49
13
  }
14
+ export declare const Dropdown: (props: DropdownProps & React.ComponentProps<'div'>) => React.JSX.Element;
50
15
  export {};
@@ -1 +1 @@
1
- export * from "./dropdown";
1
+ export * from './dropdown';
@@ -1,18 +1,13 @@
1
1
  import React from 'react';
2
2
  import type { FilterFieldsData, FilterGroupFieldData } from '../../types';
3
- interface FilterProps extends React.ComponentProps<'input'> {
4
- as?: React.ElementType;
5
- buttonClassName?: string;
3
+ interface FilterBooleanProps extends React.ComponentProps<'input'> {
6
4
  label: string;
7
- name: string;
8
- getOnOnlyClick?: (name: string) => () => void;
9
5
  }
10
6
  interface FilterGroupProps extends React.ComponentProps<'div'> {
11
- buttonClassName?: string;
12
7
  groupKey: string;
13
8
  data: FilterGroupFieldData;
14
9
  values: Record<string, boolean>;
15
- onCheckboxChange: FilterProps['onChange'];
10
+ onCheckboxChange: FilterBooleanProps['onChange'];
16
11
  toggleFilters: (newFilters: Record<string, boolean>) => void;
17
12
  }
18
13
  interface FiltersProps extends React.ComponentProps<'div'> {
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  declare const ICONS: {
3
3
  readonly ARROW: "arrow";
4
- readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
4
+ readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
5
5
  readonly CANCEL: "close";
6
6
  readonly CHEVRON_DOWN: "chevron-down";
7
7
  readonly CHEVRON_UP: "chevron-up";
@@ -36,7 +36,7 @@ export declare const Icon: {
36
36
  (props: IconProps & React.ComponentProps<'span'>): React.JSX.Element;
37
37
  ICONS: {
38
38
  readonly ARROW: "arrow";
39
- readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
39
+ readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
40
40
  readonly CANCEL: "close";
41
41
  readonly CHEVRON_DOWN: "chevron-down";
42
42
  readonly CHEVRON_UP: "chevron-up";
@@ -1,7 +0,0 @@
1
- .title {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .toolbar {
6
- border-bottom: 1px solid var(--color-outline);
7
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/total-size-type-title/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0DAAwC"}
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TotalSizeTypeTitle = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- const prop_types_1 = __importDefault(require("prop-types"));
9
- const classnames_1 = __importDefault(require("classnames"));
10
- const config_json_1 = __importDefault(require("../../config.json"));
11
- const i18n_1 = __importDefault(require("../../i18n"));
12
- const flex_stack_1 = require("../../layout/flex-stack");
13
- const stack_1 = require("../../layout/stack");
14
- const button_1 = require("../../ui/button");
15
- const icon_1 = require("../../ui/icon");
16
- const hover_card_1 = require("../../ui/hover-card");
17
- const total_size_type_title_module_css_1 = __importDefault(require("./total-size-type-title.module.css"));
18
- 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) },
19
- react_1.default.createElement("span", { className: total_size_type_title_module_css_1.default.text }, i18n_1.default.ASSET_TOTALS),
20
- react_1.default.createElement(hover_card_1.HoverCard, { label: react_1.default.createElement(icon_1.Icon, { glyph: icon_1.Icon.ICONS.HELP }), anchorClassName: total_size_type_title_module_css_1.default.anchor },
21
- react_1.default.createElement(stack_1.Stack, { space: "xxxsmall" },
22
- react_1.default.createElement("p", null, i18n_1.default.ASSET_TOTALS_INFO),
23
- react_1.default.createElement("p", null,
24
- react_1.default.createElement(button_1.Button, { kind: "primary", 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))))));
25
- exports.TotalSizeTypeTitle = TotalSizeTypeTitle;
26
- exports.TotalSizeTypeTitle.propTypes = {
27
- className: prop_types_1.default.string,
28
- };
29
- exports.TotalSizeTypeTitle.defaultProps = {
30
- className: '',
31
- };
32
- //# sourceMappingURL=total-size-type-title.js.map
@@ -1 +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,4CAAyC;AACzC,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,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAAE,eAAe,EAAE,0CAAG,CAAC,MAAM;QAC7E,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU;YACrB,yCAAI,cAAI,CAAC,iBAAiB,CAAK;YAC/B;gBACE,8BAAC,eAAM,IACL,IAAI,EAAC,SAAS,EACd,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;AAnBW,QAAA,kBAAkB,sBAmB7B;AAEF,0BAAkB,CAAC,SAAS,GAAG;IAC7B,SAAS,EAAE,oBAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,0BAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;CACd,CAAC"}
@@ -1,14 +0,0 @@
1
- .root {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .text {
6
- font-weight: bold;
7
- font-size: var(--size-medium);
8
- line-height: var(--space-medium);
9
- text-transform: uppercase;
10
- }
11
-
12
- .anchor {
13
- display: block;
14
- }
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useShowEntry = void 0;
4
- const react_1 = require("react");
5
- const useShowEntry = (params) => {
6
- const { setState } = params;
7
- return (0, react_1.useMemo)(() => ({
8
- hideEntryInfo: () => setState({ entryId: '' }),
9
- showEntryInfo: (entryId) => setState({ entryId }),
10
- }), [setState]);
11
- };
12
- exports.useShowEntry = useShowEntry;
13
- //# sourceMappingURL=show-entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"show-entry.js","sourceRoot":"","sources":["../../src/hooks/show-entry.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAMzB,MAAM,YAAY,GAAG,CAAC,MAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE5B,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC9C,aAAa,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;KAC1D,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB"}
@@ -1,7 +0,0 @@
1
- .title {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .toolbar {
6
- border-bottom: 1px solid var(--color-outline);
7
- }
@@ -1,2 +0,0 @@
1
- export * from './total-size-type-title';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/total-size-type-title/index.js"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import config from '../../config.json';
5
- import I18N from '../../i18n';
6
- import { FlexStack } from '../../layout/flex-stack';
7
- import { Stack } from '../../layout/stack';
8
- import { Button } from '../../ui/button';
9
- import { Icon } from '../../ui/icon';
10
- import { HoverCard } from '../../ui/hover-card';
11
- import css from './total-size-type-title.module.css';
12
- export const TotalSizeTypeTitle = ({ className }) => (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", className: cx(css.root, className) },
13
- React.createElement("span", { className: css.text }, I18N.ASSET_TOTALS),
14
- React.createElement(HoverCard, { label: React.createElement(Icon, { glyph: Icon.ICONS.HELP }), anchorClassName: css.anchor },
15
- React.createElement(Stack, { space: "xxxsmall" },
16
- React.createElement("p", null, I18N.ASSET_TOTALS_INFO),
17
- React.createElement("p", null,
18
- React.createElement(Button, { kind: "primary", type: "button", onClick: () => window.open(config.documentation.assets), className: css.readMoreLink }, I18N.READ_MORE))))));
19
- TotalSizeTypeTitle.propTypes = {
20
- className: PropTypes.string,
21
- };
22
- TotalSizeTypeTitle.defaultProps = {
23
- className: '',
24
- };
25
- //# sourceMappingURL=total-size-type-title.js.map
@@ -1 +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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,GAAG,MAAM,oCAAoC,CAAC;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC;IAChF,8BAAM,SAAS,EAAE,GAAG,CAAC,IAAI,IAAG,IAAI,CAAC,YAAY,CAAQ;IACrD,oBAAC,SAAS,IAAC,KAAK,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAAE,eAAe,EAAE,GAAG,CAAC,MAAM;QAC7E,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU;YACrB,+BAAI,IAAI,CAAC,iBAAiB,CAAK;YAC/B;gBACE,oBAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,EACvD,SAAS,EAAE,GAAG,CAAC,YAAY,IAE1B,IAAI,CAAC,SAAS,CACR,CACP,CACE,CACE,CACF,CACb,CAAC;AAEF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;CACd,CAAC"}
@@ -1,14 +0,0 @@
1
- .root {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .text {
6
- font-weight: bold;
7
- font-size: var(--size-medium);
8
- line-height: var(--space-medium);
9
- text-transform: uppercase;
10
- }
11
-
12
- .anchor {
13
- display: block;
14
- }
@@ -1,9 +0,0 @@
1
- import { useMemo } from 'react';
2
- export const useShowEntry = (params) => {
3
- const { setState } = params;
4
- return useMemo(() => ({
5
- hideEntryInfo: () => setState({ entryId: '' }),
6
- showEntryInfo: (entryId) => setState({ entryId }),
7
- }), [setState]);
8
- };
9
- //# sourceMappingURL=show-entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"show-entry.js","sourceRoot":"","sources":["../../src/hooks/show-entry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAMhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAE5B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,aAAa,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QAC9C,aAAa,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;KAC1D,CAAC,EACF,CAAC,QAAQ,CAAC,CACX,CAAC;AACJ,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- .title {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .toolbar {
6
- border-bottom: 1px solid var(--color-outline);
7
- }
@@ -1 +0,0 @@
1
- export * from './total-size-type-title';
@@ -1,41 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
-
5
- import config from '../../config.json';
6
- import I18N from '../../i18n';
7
- import { FlexStack } from '../../layout/flex-stack';
8
- import { Stack } from '../../layout/stack';
9
- import { Button } from '../../ui/button';
10
- import { Icon } from '../../ui/icon';
11
- import { HoverCard } from '../../ui/hover-card';
12
- import css from './total-size-type-title.module.css';
13
-
14
- export const TotalSizeTypeTitle = ({ className }) => (
15
- <FlexStack space="xxxsmall" alignItems="center" className={cx(css.root, className)}>
16
- <span className={css.text}>{I18N.ASSET_TOTALS}</span>
17
- <HoverCard label={<Icon glyph={Icon.ICONS.HELP} />} anchorClassName={css.anchor}>
18
- <Stack space="xxxsmall">
19
- <p>{I18N.ASSET_TOTALS_INFO}</p>
20
- <p>
21
- <Button
22
- kind="primary"
23
- type="button"
24
- onClick={() => window.open(config.documentation.assets)}
25
- className={css.readMoreLink}
26
- >
27
- {I18N.READ_MORE}
28
- </Button>
29
- </p>
30
- </Stack>
31
- </HoverCard>
32
- </FlexStack>
33
- );
34
-
35
- TotalSizeTypeTitle.propTypes = {
36
- className: PropTypes.string,
37
- };
38
-
39
- TotalSizeTypeTitle.defaultProps = {
40
- className: '',
41
- };
@@ -1,14 +0,0 @@
1
- .root {
2
- color: var(--color-text-light);
3
- }
4
-
5
- .text {
6
- font-weight: bold;
7
- font-size: var(--size-medium);
8
- line-height: var(--space-medium);
9
- text-transform: uppercase;
10
- }
11
-
12
- .anchor {
13
- display: block;
14
- }
@@ -1,17 +0,0 @@
1
- import { useMemo } from 'react';
2
-
3
- interface UseEntryIdParams {
4
- setState: (data: { entryId: string }) => void;
5
- }
6
-
7
- export const useShowEntry = (params: UseEntryIdParams) => {
8
- const { setState } = params;
9
-
10
- return useMemo(
11
- () => ({
12
- hideEntryInfo: () => setState({ entryId: '' }),
13
- showEntryInfo: (entryId: string) => setState({ entryId }),
14
- }),
15
- [setState],
16
- );
17
- };
@@ -1,88 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import cx from 'classnames';
4
- import { Menu, MenuButton, MenuItem, useMenuState } from 'ariakit/menu';
5
-
6
- import { Button, BUTTON_SIZE } from '../button';
7
- import css from './dropdown.module.css';
8
-
9
- const Item = ({ className = '', isActive = false, ...restProps }) => (
10
- <MenuItem className={cx(css.item, className, isActive && css.itemActive)} {...restProps} />
11
- );
12
-
13
- Item.propTypes = {
14
- className: PropTypes.string,
15
- isActive: PropTypes.bool,
16
- };
17
-
18
- Item.defaultProps = {
19
- className: '',
20
- isActive: false,
21
- };
22
-
23
- export const Dropdown = (props) => {
24
- const { className, buttonClassName, label, ariaLabel, glyph, disabled, children } = props;
25
- const rootClassName = cx(css.root, className);
26
- const menuState = useMenuState();
27
-
28
- return (
29
- <div className={rootClassName}>
30
- <MenuButton
31
- as={Button}
32
- outline
33
- size={BUTTON_SIZE.SMALL}
34
- glyph={glyph}
35
- disabled={disabled}
36
- state={menuState}
37
- tabIndex={null}
38
- className={cx(css.button, buttonClassName)}
39
- >
40
- {label}
41
- </MenuButton>
42
- <Menu state={menuState} aria-label={ariaLabel || label} className={css.dropdown}>
43
- {typeof children === 'function'
44
- ? children({
45
- MenuItem: Item,
46
- menu: menuState,
47
- menuItemClassName: css.item,
48
- menuItemActiveClassName: css.itemActive,
49
- })
50
- : children}
51
- </Menu>
52
- </div>
53
- );
54
- };
55
-
56
- Dropdown.defaultProps = {
57
- className: '',
58
- buttonClassName: '',
59
- label: null,
60
- ariaLabel: '',
61
- glyph: null,
62
- disabled: false,
63
- };
64
-
65
- Dropdown.propTypes = {
66
- /** Adopted child class name */
67
- className: PropTypes.string,
68
-
69
- /** Button adopted child class name */
70
- buttonClassName: PropTypes.string,
71
-
72
- /** Button label */
73
- label: PropTypes.node,
74
-
75
- /** Aria label */
76
- ariaLabel: PropTypes.string,
77
-
78
- /** Icon glyph */
79
- glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
80
-
81
- /** Dropdown button disabled attribute */
82
- disabled: PropTypes.bool,
83
-
84
- /** Content */
85
- children: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,
86
- };
87
-
88
- Dropdown.Item = Item;
@@ -1 +0,0 @@
1
- export * from "./total-size-type-title";
@@ -1,14 +0,0 @@
1
- export function TotalSizeTypeTitle({ className }: {
2
- className: any;
3
- }): React.JSX.Element;
4
- export namespace TotalSizeTypeTitle {
5
- namespace propTypes {
6
- let className: PropTypes.Requireable<string>;
7
- }
8
- namespace defaultProps {
9
- let className_1: string;
10
- export { className_1 as className };
11
- }
12
- }
13
- import React from 'react';
14
- import PropTypes from 'prop-types';
@@ -1,10 +0,0 @@
1
- interface UseEntryIdParams {
2
- setState: (data: {
3
- entryId: string;
4
- }) => void;
5
- }
6
- export declare const useShowEntry: (params: UseEntryIdParams) => {
7
- hideEntryInfo: () => void;
8
- showEntryInfo: (entryId: string) => void;
9
- };
10
- export {};
File without changes