@gooddata/sdk-ui-kit 10.36.0-alpha.3 → 10.36.0-alpha.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.
Files changed (177) hide show
  1. package/esm/@ui/@types/background.d.ts +9 -0
  2. package/esm/@ui/@types/background.d.ts.map +1 -0
  3. package/esm/@ui/@types/background.js +3 -0
  4. package/esm/@ui/@types/background.js.map +1 -0
  5. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.d.ts +7 -0
  6. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.d.ts.map +1 -0
  7. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.js +32 -0
  8. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.js.map +1 -0
  9. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.d.ts +6 -0
  10. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.d.ts.map +1 -0
  11. package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/AsyncTableRow.js +33 -15
  12. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.js.map +1 -0
  13. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.d.ts +6 -0
  14. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.d.ts.map +1 -0
  15. package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/AsyncTableToolbar.js +27 -11
  16. package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.js.map +1 -0
  17. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts +7 -0
  18. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -0
  19. package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/SkeletonItemFactory.js +1 -1
  20. package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js.map +1 -0
  21. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts +9 -0
  22. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -0
  23. package/esm/{Table/AsyncTable.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js} +19 -21
  24. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -0
  25. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts +4 -0
  26. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts.map +1 -0
  27. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js +21 -0
  28. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js.map +1 -0
  29. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts +4 -0
  30. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts.map +1 -0
  31. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js +9 -0
  32. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js.map +1 -0
  33. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.d.ts +5 -0
  34. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.d.ts.map +1 -0
  35. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js +6 -0
  36. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js.map +1 -0
  37. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts +3 -0
  38. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts.map +1 -0
  39. package/esm/{Table/AsyncTableEmptyState.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js} +5 -5
  40. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js.map +1 -0
  41. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts +7 -0
  42. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts.map +1 -0
  43. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +32 -0
  44. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js.map +1 -0
  45. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts +4 -0
  46. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts.map +1 -0
  47. package/esm/{Table/AsyncTableHeader.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js} +7 -7
  48. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js.map +1 -0
  49. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +6 -0
  50. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -0
  51. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +86 -0
  52. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -0
  53. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts +6 -0
  54. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -0
  55. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +72 -0
  56. package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -0
  57. package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.d.ts +6 -0
  58. package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.d.ts.map +1 -0
  59. package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js +7 -0
  60. package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js.map +1 -0
  61. package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.d.ts.map +1 -0
  62. package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.js.map +1 -0
  63. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -0
  64. package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -0
  65. package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts +7 -0
  66. package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts.map +1 -0
  67. package/esm/{Table/AsyncTableTitle.js → @ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js} +27 -19
  68. package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js.map +1 -0
  69. package/esm/@ui/UiAsyncTable/asyncTableBem.d.ts +2 -0
  70. package/esm/@ui/UiAsyncTable/asyncTableBem.d.ts.map +1 -0
  71. package/esm/{Table → @ui/UiAsyncTable}/asyncTableBem.js +1 -1
  72. package/esm/@ui/UiAsyncTable/asyncTableBem.js.map +1 -0
  73. package/esm/@ui/UiAsyncTable/locales.d.ts.map +1 -0
  74. package/esm/@ui/UiAsyncTable/locales.js.map +1 -0
  75. package/esm/{Table → @ui/UiAsyncTable}/types.d.ts +45 -41
  76. package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -0
  77. package/esm/@ui/UiAsyncTable/types.js.map +1 -0
  78. package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts +5 -0
  79. package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts.map +1 -0
  80. package/esm/@ui/UiAsyncTable/useAsyncTableSearch.js +14 -0
  81. package/esm/@ui/UiAsyncTable/useAsyncTableSearch.js.map +1 -0
  82. package/esm/@ui/UiCheckbox/UiCheckbox.d.ts +1 -0
  83. package/esm/@ui/UiCheckbox/UiCheckbox.d.ts.map +1 -1
  84. package/esm/@ui/UiCheckbox/UiCheckbox.js +3 -3
  85. package/esm/@ui/UiCheckbox/UiCheckbox.js.map +1 -1
  86. package/esm/@ui/UiIcon/UiIcon.d.ts +6 -1
  87. package/esm/@ui/UiIcon/UiIcon.d.ts.map +1 -1
  88. package/esm/@ui/UiIcon/UiIcon.js +6 -4
  89. package/esm/@ui/UiIcon/UiIcon.js.map +1 -1
  90. package/esm/@ui/UiIcon/UiIconBackground.d.ts +11 -0
  91. package/esm/@ui/UiIcon/UiIconBackground.d.ts.map +1 -0
  92. package/esm/@ui/UiIcon/UiIconBackground.js +10 -0
  93. package/esm/@ui/UiIcon/UiIconBackground.js.map +1 -0
  94. package/esm/@ui/UiIcon/iconBackgroundBem.d.ts +2 -0
  95. package/esm/@ui/UiIcon/iconBackgroundBem.d.ts.map +1 -0
  96. package/esm/@ui/UiIcon/iconBackgroundBem.js +4 -0
  97. package/esm/@ui/UiIcon/iconBackgroundBem.js.map +1 -0
  98. package/esm/index.d.ts +5 -2
  99. package/esm/index.d.ts.map +1 -1
  100. package/esm/index.js +3 -2
  101. package/esm/index.js.map +1 -1
  102. package/esm/sdk-ui-kit.d.ts +125 -138
  103. package/package.json +8 -8
  104. package/{styles/scss → src/@ui/UiAsyncTable}/asyncTable.scss +27 -15
  105. package/src/@ui/UiCheckbox/UiCheckbox.scss +5 -1
  106. package/src/@ui/UiIcon/UiIcon.scss +32 -44
  107. package/src/@ui/defaultTheme.scss +1 -0
  108. package/src/@ui/index.scss +1 -0
  109. package/src/@ui/themeColorsMap.scss +17 -0
  110. package/styles/css/main.css +271 -203
  111. package/styles/css/main.css.map +1 -1
  112. package/styles/scss/main.scss +0 -1
  113. package/esm/Table/AsyncTable.d.ts +0 -9
  114. package/esm/Table/AsyncTable.d.ts.map +0 -1
  115. package/esm/Table/AsyncTable.js.map +0 -1
  116. package/esm/Table/AsyncTableBulkActions.d.ts +0 -4
  117. package/esm/Table/AsyncTableBulkActions.d.ts.map +0 -1
  118. package/esm/Table/AsyncTableBulkActions.js +0 -21
  119. package/esm/Table/AsyncTableBulkActions.js.map +0 -1
  120. package/esm/Table/AsyncTableCheckbox.d.ts +0 -4
  121. package/esm/Table/AsyncTableCheckbox.d.ts.map +0 -1
  122. package/esm/Table/AsyncTableCheckbox.js +0 -9
  123. package/esm/Table/AsyncTableCheckbox.js.map +0 -1
  124. package/esm/Table/AsyncTableDropdownItem.d.ts +0 -5
  125. package/esm/Table/AsyncTableDropdownItem.d.ts.map +0 -1
  126. package/esm/Table/AsyncTableDropdownItem.js +0 -6
  127. package/esm/Table/AsyncTableDropdownItem.js.map +0 -1
  128. package/esm/Table/AsyncTableEmptyState.d.ts +0 -3
  129. package/esm/Table/AsyncTableEmptyState.d.ts.map +0 -1
  130. package/esm/Table/AsyncTableEmptyState.js.map +0 -1
  131. package/esm/Table/AsyncTableFilter.d.ts +0 -7
  132. package/esm/Table/AsyncTableFilter.d.ts.map +0 -1
  133. package/esm/Table/AsyncTableFilter.js +0 -32
  134. package/esm/Table/AsyncTableFilter.js.map +0 -1
  135. package/esm/Table/AsyncTableHeader.d.ts +0 -4
  136. package/esm/Table/AsyncTableHeader.d.ts.map +0 -1
  137. package/esm/Table/AsyncTableHeader.js.map +0 -1
  138. package/esm/Table/AsyncTableRow.d.ts +0 -6
  139. package/esm/Table/AsyncTableRow.d.ts.map +0 -1
  140. package/esm/Table/AsyncTableRow.js.map +0 -1
  141. package/esm/Table/AsyncTableTitle.d.ts +0 -4
  142. package/esm/Table/AsyncTableTitle.d.ts.map +0 -1
  143. package/esm/Table/AsyncTableTitle.js.map +0 -1
  144. package/esm/Table/AsyncTableToolbar.d.ts +0 -6
  145. package/esm/Table/AsyncTableToolbar.d.ts.map +0 -1
  146. package/esm/Table/AsyncTableToolbar.js.map +0 -1
  147. package/esm/Table/SkeletonItemFactory.d.ts +0 -7
  148. package/esm/Table/SkeletonItemFactory.d.ts.map +0 -1
  149. package/esm/Table/SkeletonItemFactory.js.map +0 -1
  150. package/esm/Table/asyncTableBem.d.ts +0 -2
  151. package/esm/Table/asyncTableBem.d.ts.map +0 -1
  152. package/esm/Table/asyncTableBem.js.map +0 -1
  153. package/esm/Table/constants.d.ts.map +0 -1
  154. package/esm/Table/constants.js.map +0 -1
  155. package/esm/Table/index.d.ts +0 -3
  156. package/esm/Table/index.d.ts.map +0 -1
  157. package/esm/Table/index.js +0 -3
  158. package/esm/Table/index.js.map +0 -1
  159. package/esm/Table/locales.d.ts.map +0 -1
  160. package/esm/Table/locales.js.map +0 -1
  161. package/esm/Table/types.d.ts.map +0 -1
  162. package/esm/Table/types.js.map +0 -1
  163. package/esm/Table/utils.d.ts.map +0 -1
  164. package/esm/Table/utils.js.map +0 -1
  165. package/esm/utils/debounce.d.ts +0 -38
  166. package/esm/utils/debounce.d.ts.map +0 -1
  167. package/esm/utils/debounce.js +0 -34
  168. package/esm/utils/debounce.js.map +0 -1
  169. package/styles/css/asyncTable.css +0 -205
  170. package/styles/css/asyncTable.css.map +0 -1
  171. /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/constants.d.ts +0 -0
  172. /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/constants.js +0 -0
  173. /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/utils.d.ts +0 -0
  174. /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/utils.js +0 -0
  175. /package/esm/{Table → @ui/UiAsyncTable}/locales.d.ts +0 -0
  176. /package/esm/{Table → @ui/UiAsyncTable}/locales.js +0 -0
  177. /package/esm/{Table → @ui/UiAsyncTable}/types.js +0 -0
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export type BackgroundType = "fill" | "border";
5
+ /**
6
+ * @internal
7
+ */
8
+ export type BackgroundShape = "circle" | "square";
9
+ //# sourceMappingURL=background.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../src/@ui/@types/background.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC"}
@@ -0,0 +1,3 @@
1
+ // (C) 2024-2025 GoodData Corporation
2
+ export {};
3
+ //# sourceMappingURL=background.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"background.js","sourceRoot":"","sources":["../../../src/@ui/@types/background.ts"],"names":[],"mappings":"AAAA,qCAAqC"}
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { UiAsyncTableFilterProps } from "../types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare function AsyncTableFilter({ label, options, selected, onItemClick, scrollToStart, }: UiAsyncTableFilterProps): React.JSX.Element;
7
+ //# sourceMappingURL=AsyncTableFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,EAA4B,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGhF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,aAAa,GAChB,EAAE,uBAAuB,qBAwDzB"}
@@ -0,0 +1,32 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React, { useCallback, useMemo, useRef } from "react";
3
+ import { e } from "../asyncTableBem.js";
4
+ import { Dropdown } from "../../../Dropdown/Dropdown.js";
5
+ import { UiButton } from "../../UiButton/UiButton.js";
6
+ import { UiAutofocus } from "../../UiFocusManager/UiAutofocus.js";
7
+ import { DropdownList } from "../../../Dropdown/DropdownList.js";
8
+ import UiAsyncTableDropdownItem from "./UiAsyncTableDropdownItem.js";
9
+ import { useIntl } from "react-intl";
10
+ import { messages } from "../locales.js";
11
+ import { useDebouncedState } from "@gooddata/sdk-ui";
12
+ /**
13
+ * @internal
14
+ */
15
+ export function AsyncTableFilter({ label, options, selected, onItemClick, scrollToStart, }) {
16
+ const intl = useIntl();
17
+ const buttonRef = useRef(null);
18
+ const [searchValue, setSearchValue, debouncedSearchValue] = useDebouncedState("", 300);
19
+ const filteredOptions = useMemo(() => {
20
+ const searchLowerCased = debouncedSearchValue.toLowerCase();
21
+ return options.filter((option) => option.label.toLowerCase().includes(searchLowerCased));
22
+ }, [options, debouncedSearchValue]);
23
+ const onSelect = useCallback((item, closeDropdown) => {
24
+ scrollToStart();
25
+ onItemClick(item);
26
+ closeDropdown();
27
+ }, [scrollToStart, onItemClick]);
28
+ return (React.createElement("div", { className: e("filter") },
29
+ React.createElement(Dropdown, { renderButton: ({ toggleDropdown }) => (React.createElement(UiButton, { ref: buttonRef, label: selected ? selected.label : label, onClick: () => toggleDropdown(), size: "small", iconAfter: "navigateDown" })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (React.createElement(UiAutofocus, null,
30
+ React.createElement(DropdownList, { items: filteredOptions, renderItem: ({ item }) => (React.createElement(UiAsyncTableDropdownItem, { label: item.label ?? String(item.value), onSelect: () => onSelect(item, closeDropdown), isSelected: item.value === selected.value })), showSearch: true, searchPlaceholder: intl.formatMessage(messages.filterSearchPlaceholder), searchString: searchValue, onSearch: setSearchValue, title: label, renderVirtualisedList: true, onKeyDownSelect: (item) => onSelect(item, closeDropdown) }))) })));
31
+ }
32
+ //# sourceMappingURL=AsyncTableFilter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableFilter.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { UiAsyncTableRowProps } from "../types.js";
3
+ export declare function AsyncTableRow<T extends {
4
+ id: string;
5
+ }>({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, }: UiAsyncTableRowProps<T>): React.JSX.Element;
6
+ //# sourceMappingURL=AsyncTableRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableRow.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,OAAO,EAAE,oBAAoB,EAAsB,MAAM,aAAa,CAAC;AAIvE,wBAAgB,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACpD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,GACV,EAAE,oBAAoB,CAAC,CAAC,CAAC,qBAoBzB"}
@@ -1,16 +1,17 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React, { useCallback } from "react";
3
- import { e } from "./asyncTableBem.js";
4
- import { AsyncTableCheckbox } from "./AsyncTableCheckbox.js";
5
- import { UiIconButton } from "../@ui/UiIconButton/UiIconButton.js";
6
- import { Dropdown } from "../Dropdown/Dropdown.js";
3
+ import { e } from "../asyncTableBem.js";
4
+ import { UiAsyncTableCheckbox } from "./UiAsyncTableCheckbox.js";
5
+ import { UiIconButton } from "../../UiIconButton/UiIconButton.js";
6
+ import { Dropdown } from "../../../Dropdown/Dropdown.js";
7
7
  import { useIntl } from "react-intl";
8
- import { messages } from "./locales.js";
8
+ import { messages } from "../locales.js";
9
9
  import { getColumnWidth } from "./utils.js";
10
- export function AsyncTableRow({ item, columns, onSelect, isSelected, hasCheckbox, isLarge, }) {
10
+ import { WithConditionalAnchor } from "./WithConditionalAnchor.js";
11
+ export function AsyncTableRow({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, }) {
11
12
  const { renderCellContent } = useRenderCellContent({ isLarge });
12
- return (React.createElement("div", { className: e("row", { large: isLarge }) },
13
- hasCheckbox ? React.createElement(AsyncTableCheckbox, { checked: isSelected, onChange: () => onSelect(item) }) : null,
13
+ return (React.createElement("div", { onClick: () => onClick?.(item), className: e("row", { large: isLarge }) },
14
+ hasCheckbox ? (React.createElement(UiAsyncTableCheckbox, { checked: isSelected, onChange: () => onSelect(item) })) : null,
14
15
  columns.map((column, index) => {
15
16
  const { bold, renderMenu, width: widthProp } = column;
16
17
  const width = getColumnWidth(!!renderMenu, isLarge, widthProp);
@@ -38,8 +39,26 @@ const useRenderCellContent = ({ isLarge }) => {
38
39
  ariaLabel: label,
39
40
  } })), alignPoints: [{ align: "br tr" }], renderBody: () => renderMenu(item) }));
40
41
  }, [intl, isLarge]);
41
- const renderCellContent = useCallback(({ renderButton, renderMenu, renderRoleIcon, renderPrefixIcon, renderSuffixIcon, renderBadge, getMultiLineContent, key, }, item) => {
42
- const textContent = String(item[key]);
42
+ const renderTextContent = useCallback((item, key, titleProvided, getTextContent, getMultiLineTextContent) => {
43
+ if (getMultiLineTextContent) {
44
+ return getMultiLineTextContent(item).map((line, index) => (React.createElement("span", { title: titleProvided ? undefined : line, className: e("text-line", { first: index === 0 }), key: index }, line)));
45
+ }
46
+ if (getTextContent) {
47
+ return getTextContent(item);
48
+ }
49
+ return String(item[key]);
50
+ }, []);
51
+ const renderTextContentWithWrapper = useCallback((item, key, getTextContent, getMultiLineTextContent, getTextTitle, getTextHref) => {
52
+ const textContent = renderTextContent(item, key, !!getTextTitle, getTextContent, getMultiLineTextContent);
53
+ const title = getTextTitle
54
+ ? getTextTitle(item)
55
+ : typeof textContent === "string"
56
+ ? textContent
57
+ : "";
58
+ return (React.createElement(WithConditionalAnchor, { href: getTextHref?.(item) },
59
+ React.createElement("div", { title: title, className: e("text", { "multi-line": !!getMultiLineTextContent }) }, textContent)));
60
+ }, [renderTextContent]);
61
+ const renderCellContent = useCallback(({ renderButton, renderMenu, renderRoleIcon, renderPrefixIcon, renderSuffixIcon, renderBadge, getTextContent, getMultiLineTextContent, getTextTitle, getTextHref, key, }, item) => {
43
62
  if (renderButton) {
44
63
  return renderButton(item);
45
64
  }
@@ -49,17 +68,16 @@ const useRenderCellContent = ({ isLarge }) => {
49
68
  return (React.createElement(React.Fragment, null,
50
69
  renderRoleIconWithWrapper(renderRoleIcon, item),
51
70
  renderPrefixIconWithWrapper(renderPrefixIcon, item),
52
- React.createElement("div", { title: textContent, className: e("text", { "multi-line": !!getMultiLineContent }) }, getMultiLineContent
53
- ? getMultiLineContent(item).map((line, index) => React.createElement("span", { key: index }, line))
54
- : textContent),
55
- renderSuffixIconWithWrapper(renderSuffixIcon, item),
56
- renderBadgeWithWrapper(renderBadge, item)));
71
+ renderTextContentWithWrapper(item, key, getTextContent, getMultiLineTextContent, getTextTitle, getTextHref),
72
+ renderBadgeWithWrapper(renderBadge, item),
73
+ renderSuffixIconWithWrapper(renderSuffixIcon, item)));
57
74
  }, [
58
75
  renderMenuIcon,
59
76
  renderRoleIconWithWrapper,
60
77
  renderPrefixIconWithWrapper,
61
78
  renderSuffixIconWithWrapper,
62
79
  renderBadgeWithWrapper,
80
+ renderTextContentWithWrapper,
63
81
  ]);
64
82
  return {
65
83
  renderCellContent,
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableRow.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { UiAsyncTableToolbarProps } from "../types.js";
3
+ export declare function UiAsyncTableToolbar<T extends {
4
+ id: string;
5
+ }>(props: UiAsyncTableToolbarProps<T>): React.JSX.Element;
6
+ //# sourceMappingURL=AsyncTableToolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAIvD,wBAAgB,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBAyB/F"}
@@ -1,23 +1,30 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React, { useCallback, useMemo } from "react";
3
- import { e } from "./asyncTableBem.js";
3
+ import { e } from "../asyncTableBem.js";
4
4
  import { AsyncTableFilter } from "./AsyncTableFilter.js";
5
- import { AsyncTableCheckbox } from "./AsyncTableCheckbox.js";
6
- import { AsyncTableBulkActions } from "./AsyncTableBulkActions.js";
5
+ import { UiAsyncTableCheckbox } from "./UiAsyncTableCheckbox.js";
6
+ import { UiAsyncTableBulkActions } from "./UiAsyncTableBulkActions.js";
7
7
  import { useIntl } from "react-intl";
8
- import { messages } from "./locales.js";
9
- export function AsyncTableToolbar(props) {
10
- const { isChecked, isCheckboxIndeterminate, hasContent, checkbox, handleCheckboxChange, renderBulkActions, renderFilters, } = useAsyncTableToolbar(props);
8
+ import { messages } from "../locales.js";
9
+ import { useAsyncTableSearch } from "../useAsyncTableSearch.js";
10
+ import { Input } from "../../../Form/Input.js";
11
+ export function UiAsyncTableToolbar(props) {
12
+ const { isChecked, isCheckboxIndeterminate, hasContent, checkbox, isCheckboxDisabled, handleCheckboxChange, renderBulkActions, renderFilters, renderSearch, } = useAsyncTableToolbar(props);
11
13
  return hasContent ? (React.createElement("div", { className: e("toolbar", { checkbox }) },
12
- React.createElement(AsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate }),
14
+ React.createElement(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled }),
13
15
  renderBulkActions(),
14
- renderFilters())) : null;
16
+ renderFilters(),
17
+ renderSearch())) : null;
15
18
  }
16
- const useAsyncTableToolbar = ({ filters, bulkActions, scrollToStart, selectedItemIds, setSelectedItemIds, totalItemsCount, items, }) => {
19
+ const useAsyncTableToolbar = ({ filters, bulkActions, scrollToStart, selectedItemIds, setSelectedItemIds, totalItemsCount, items, onSearch, }) => {
17
20
  const intl = useIntl();
21
+ const { searchValue, setSearchValue } = useAsyncTableSearch(onSearch);
18
22
  const handleCheckboxChange = useCallback(() => {
19
23
  setSelectedItemIds(selectedItemIds.length === 0 ? items.map((item) => item.id) : []);
20
24
  }, [selectedItemIds, items, setSelectedItemIds]);
25
+ const isCheckboxDisabled = useMemo(() => {
26
+ return items.length === 0;
27
+ }, [items]);
21
28
  const renderBulkActions = useCallback(() => {
22
29
  if (bulkActions) {
23
30
  return (React.createElement(React.Fragment, null,
@@ -25,15 +32,22 @@ const useAsyncTableToolbar = ({ filters, bulkActions, scrollToStart, selectedIte
25
32
  selectedCount: selectedItemIds.length,
26
33
  totalCount: totalItemsCount,
27
34
  })),
28
- selectedItemIds.length > 0 ? React.createElement(AsyncTableBulkActions, { bulkActions: bulkActions }) : null));
35
+ selectedItemIds.length > 0 ? (React.createElement(UiAsyncTableBulkActions, { bulkActions: bulkActions })) : null));
29
36
  }
30
37
  return null;
31
38
  }, [bulkActions, selectedItemIds, totalItemsCount, intl]);
32
39
  const renderFilters = useCallback(() => {
33
- return filters.length ? (React.createElement(React.Fragment, null,
40
+ return filters?.length ? (React.createElement(React.Fragment, null,
34
41
  React.createElement("div", { className: e("toolbar-label") }, intl.formatMessage(messages.filterLabel)),
35
42
  filters.map((filter) => (React.createElement(AsyncTableFilter, { key: filter.label, scrollToStart: scrollToStart, ...filter }))))) : null;
36
43
  }, [filters, scrollToStart, intl]);
44
+ const renderSearch = useCallback(() => {
45
+ const placeholder = intl.formatMessage(messages.titleSearchPlaceholder);
46
+ return onSearch ? (React.createElement("div", { className: e("toolbar-search") },
47
+ React.createElement(Input, { isSearch: true, type: "search", clearOnEsc: true, placeholder: placeholder, accessibilityConfig: {
48
+ ariaLabel: placeholder,
49
+ }, value: searchValue, onChange: setSearchValue }))) : null;
50
+ }, [onSearch, intl, searchValue, setSearchValue]);
37
51
  const hasContent = useMemo(() => {
38
52
  return filters?.length || bulkActions;
39
53
  }, [filters, bulkActions]);
@@ -48,9 +62,11 @@ const useAsyncTableToolbar = ({ filters, bulkActions, scrollToStart, selectedIte
48
62
  isCheckboxIndeterminate,
49
63
  hasContent,
50
64
  checkbox: !!bulkActions,
65
+ isCheckboxDisabled,
51
66
  handleCheckboxChange,
52
67
  renderBulkActions,
53
68
  renderFilters,
69
+ renderSearch,
54
70
  };
55
71
  };
56
72
  //# sourceMappingURL=AsyncTableToolbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AsyncTableToolbar.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { UiAsyncTableColumn } from "../types.js";
3
+ import { UiPagedVirtualListSkeletonItemProps } from "../../UiPagedVirtualList/UiPagedVirtualList.js";
4
+ export declare function skeletonItemFactory<T extends {
5
+ id: string;
6
+ }>(columns: UiAsyncTableColumn<T>[], hasCheckbox?: boolean): React.ComponentType<UiPagedVirtualListSkeletonItemProps>;
7
+ //# sourceMappingURL=SkeletonItemFactory.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkeletonItemFactory.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,mCAAmC,EAAE,MAAM,gDAAgD,CAAC;AAQrG,wBAAgB,mBAAmB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EACxD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAChC,WAAW,CAAC,EAAE,OAAO,GACtB,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAgB1D"}
@@ -1,6 +1,6 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React from "react";
3
- import { UiSkeleton } from "../@ui/UiSkeleton/UiSkeleton.js";
3
+ import { UiSkeleton } from "../../UiSkeleton/UiSkeleton.js";
4
4
  import { CHECKBOX_COLUMN_WIDTH, COLUMN_PADDING, MENU_COLUMN_WIDTH, SKELETON_ITEM_HEIGHT, } from "./constants.js";
5
5
  export function skeletonItemFactory(columns, hasCheckbox) {
6
6
  return function SkeletonItem() {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkeletonItemFactory.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,UAAU,mBAAmB,CAC/B,OAAgC,EAChC,WAAqB;IAErB,OAAO,SAAS,YAAY;QACxB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5F,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAErF,OAAO,CACH,oBAAC,UAAU,IACP,UAAU,EAAE,oBAAoB,EAChC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,CAAC,GACb,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import { UiAsyncTableProps } from "../types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare const UiAsyncTable: <T extends {
7
+ id: string;
8
+ }>(props: UiAsyncTableProps<T>) => React.JSX.Element;
9
+ //# sourceMappingURL=UiAsyncTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTable.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAUzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAuMhD;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,OAAO,iBAAiB,CAAC,CAAC,CAAC,sBAMjF,CAAC"}
@@ -1,28 +1,26 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React, { useCallback, useEffect, useMemo, useState } from "react";
3
- import { UiPagedVirtualList } from "../@ui/UiPagedVirtualList/UiPagedVirtualList.js";
4
- import { AsyncTableRow } from "./AsyncTableRow.js";
5
- import { b } from "./asyncTableBem.js";
6
- import { AsyncTableHeader } from "./AsyncTableHeader.js";
3
+ import { UiPagedVirtualList } from "../../UiPagedVirtualList/UiPagedVirtualList.js";
4
+ import { UiAsyncTableRow } from "./UiAsyncTableRow.js";
5
+ import { b } from "../asyncTableBem.js";
6
+ import { UiAsyncTableHeader } from "./UiAsyncTableHeader.js";
7
7
  import { skeletonItemFactory } from "./SkeletonItemFactory.js";
8
8
  import { CHECKBOX_COLUMN_WIDTH, ROW_HEIGHT_LARGE, ROW_HEIGHT_NORMAL, SCROLLBAR_WIDTH } from "./constants.js";
9
- import { AsyncTableToolbar } from "./AsyncTableToolbar.js";
10
- import { AsyncTableEmptyState } from "./AsyncTableEmptyState.js";
9
+ import { UiAsyncTableToolbar } from "./UiAsyncTableToolbar.js";
10
+ import { UiAsyncTableEmptyState } from "./UiAsyncTableEmptyState.js";
11
11
  import { IntlWrapper } from "@gooddata/sdk-ui";
12
- import { AsyncTableTitle } from "./AsyncTableTitle.js";
13
12
  import { getColumnWidth } from "./utils.js";
14
13
  function AsyncTableCore(props) {
15
- const { width, scrollToIndex, itemHeight, renderHeader, renderItem, shouldLoadNextPage, scrollToStart, onItemSelect, } = useAsyncTable(props);
16
- const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, loadNextPage, setSelectedItemIds, title, onSearch, renderTitleIcon, titleActions, } = props;
14
+ const { width, scrollToIndex, itemHeight, renderHeader, renderItem, shouldLoadNextPage, scrollToStart } = useAsyncTable(props);
15
+ const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, loadNextPage, setSelectedItemIds, onSearch, } = props;
17
16
  return (React.createElement("div", { className: b(), style: { width } },
18
- React.createElement(AsyncTableTitle, { title: title, onSearch: onSearch, renderIcon: renderTitleIcon, actions: titleActions }),
19
- React.createElement(AsyncTableToolbar, { filters: filters, bulkActions: bulkActions, scrollToStart: scrollToStart, selectedItemIds: selectedItemIds, setSelectedItemIds: setSelectedItemIds, totalItemsCount: totalItemsCount, items: items }),
17
+ React.createElement(UiAsyncTableToolbar, { filters: filters, bulkActions: bulkActions, scrollToStart: scrollToStart, selectedItemIds: selectedItemIds, setSelectedItemIds: setSelectedItemIds, totalItemsCount: totalItemsCount, items: items, onSearch: onSearch }),
20
18
  React.createElement("div", { role: "grid" },
21
19
  renderHeader(),
22
- items.length === 0 && !isLoading && React.createElement(AsyncTableEmptyState, null)),
23
- React.createElement(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect: onItemSelect, loadNextPage: loadNextPage, SkeletonItem: skeletonItemFactory(columns, !!bulkActions), scrollbarHoverEffect: true, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage }, (item) => renderItem(item))));
20
+ items.length === 0 && !isLoading && React.createElement(UiAsyncTableEmptyState, null)),
21
+ React.createElement(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect: props.onItemClick, loadNextPage: loadNextPage, SkeletonItem: skeletonItemFactory(columns, !!bulkActions), scrollbarHoverEffect: true, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage }, (item) => renderItem(item))));
24
22
  }
25
- const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: renderHeaderProp, bulkActions, isLoading, onSort, width: widthProp, sortBy, sortDirection, selectedItemIds, setSelectedItemIds, smallHeader, }) => {
23
+ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: renderHeaderProp, bulkActions, isLoading, onSort, width: widthProp, sortBy, sortDirection, selectedItemIds, setSelectedItemIds, smallHeader, onItemClick, }) => {
26
24
  const [scrollToIndex, setScrollToIndex] = useState(undefined);
27
25
  useEffect(() => {
28
26
  if (!isLoading) {
@@ -43,9 +41,9 @@ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: rend
43
41
  : filteredItemIds);
44
42
  }, [selectedItemIds, setSelectedItemIds]);
45
43
  const isItemSelected = useCallback((item) => {
46
- return selectedItemIds.includes(item.id);
44
+ return selectedItemIds?.includes(item.id);
47
45
  }, [selectedItemIds]);
48
- const largeRow = useMemo(() => columns.some((column) => column.getMultiLineContent), [columns]);
46
+ const largeRow = useMemo(() => columns.some((column) => column.getMultiLineTextContent), [columns]);
49
47
  const itemHeight = useMemo(() => {
50
48
  return largeRow ? ROW_HEIGHT_LARGE : ROW_HEIGHT_NORMAL;
51
49
  }, [largeRow]);
@@ -57,10 +55,10 @@ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: rend
57
55
  }, SCROLLBAR_WIDTH + (!!bulkActions && CHECKBOX_COLUMN_WIDTH)));
58
56
  }, [columns, bulkActions, widthProp, largeRow]);
59
57
  const renderItem = useCallback((item) => {
60
- return renderItemProp ? (renderItemProp(item)) : (React.createElement(AsyncTableRow, { item: item, columns: columns, onSelect: onItemSelect, isSelected: isItemSelected(item), hasCheckbox: !!bulkActions, isLarge: largeRow }));
61
- }, [columns, renderItemProp, onItemSelect, isItemSelected, bulkActions, largeRow]);
58
+ return renderItemProp ? (renderItemProp(item)) : (React.createElement(UiAsyncTableRow, { item: item, columns: columns, onSelect: onItemSelect, isSelected: isItemSelected(item), hasCheckbox: !!bulkActions, isLarge: largeRow, onClick: onItemClick }));
59
+ }, [columns, renderItemProp, onItemSelect, isItemSelected, onItemClick, bulkActions, largeRow]);
62
60
  const renderHeader = useCallback(() => {
63
- return renderHeaderProp ? (renderHeaderProp()) : (React.createElement(AsyncTableHeader, { columns: columns, handleColumnClick: handleColumnClick, sortBy: sortBy, sortDirection: sortDirection, hasCheckbox: !!bulkActions, width: width, small: smallHeader, largeRow: largeRow }));
61
+ return renderHeaderProp ? (renderHeaderProp()) : (React.createElement(UiAsyncTableHeader, { columns: columns, handleColumnClick: handleColumnClick, sortBy: sortBy, sortDirection: sortDirection, hasCheckbox: !!bulkActions, width: width, small: smallHeader, largeRow: largeRow }));
64
62
  }, [
65
63
  columns,
66
64
  renderHeaderProp,
@@ -90,8 +88,8 @@ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: rend
90
88
  /**
91
89
  * @internal
92
90
  */
93
- export const AsyncTable = (props) => {
91
+ export const UiAsyncTable = (props) => {
94
92
  return (React.createElement(IntlWrapper, { locale: props.locale },
95
93
  React.createElement(AsyncTableCore, { ...props })));
96
94
  };
97
- //# sourceMappingURL=AsyncTable.js.map
95
+ //# sourceMappingURL=UiAsyncTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTable.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { UiAsyncTableBulkActionsProps } from "../types.js";
3
+ export declare function UiAsyncTableBulkActions({ bulkActions }: UiAsyncTableBulkActionsProps): React.JSX.Element;
4
+ //# sourceMappingURL=UiAsyncTableBulkActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableBulkActions.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAStC,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAE3D,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,EAAE,4BAA4B,qBAuCpF"}
@@ -0,0 +1,21 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React, { useRef } from "react";
3
+ import { e } from "../asyncTableBem.js";
4
+ import { Dropdown } from "../../../Dropdown/Dropdown.js";
5
+ import { UiButton } from "../../UiButton/UiButton.js";
6
+ import { UiAutofocus } from "../../UiFocusManager/UiAutofocus.js";
7
+ import { DropdownList } from "../../../Dropdown/DropdownList.js";
8
+ import UiAsyncTableDropdownItem from "./UiAsyncTableDropdownItem.js";
9
+ import { useIntl } from "react-intl";
10
+ import { messages } from "../locales.js";
11
+ export function UiAsyncTableBulkActions({ bulkActions }) {
12
+ const buttonRef = useRef(null);
13
+ const intl = useIntl();
14
+ return (React.createElement("div", { className: e("bulk-actions") },
15
+ React.createElement(Dropdown, { renderButton: ({ toggleDropdown }) => (React.createElement(UiButton, { variant: "primary", ref: buttonRef, label: intl.formatMessage(messages.chooseAction), onClick: () => toggleDropdown(), size: "small", iconAfter: "navigateDown" })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (React.createElement(UiAutofocus, null,
16
+ React.createElement(DropdownList, { items: bulkActions, renderItem: ({ item }) => (React.createElement(UiAsyncTableDropdownItem, { label: item.label, onSelect: () => {
17
+ item.onClick();
18
+ closeDropdown();
19
+ } })), width: 200, renderVirtualisedList: true }))) })));
20
+ }
21
+ //# sourceMappingURL=UiAsyncTableBulkActions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableBulkActions.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,UAAU,uBAAuB,CAAC,EAAE,WAAW,EAAgC;IACjF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC;QAC7B,oBAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAClC,oBAAC,QAAQ,IACL,OAAO,EAAC,SAAS,EACjB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,EAChD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAC/B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,cAAc,GAC1B,CACL,EACD,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EACjC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC/B,oBAAC,WAAW;gBACR,oBAAC,YAAY,IACT,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtB,oBAAC,wBAAwB,IACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE;4BACX,IAAI,CAAC,OAAO,EAAE,CAAC;4BACf,aAAa,EAAE,CAAC;wBACpB,CAAC,GACH,CACL,EACD,KAAK,EAAE,GAAG,EACV,qBAAqB,SACvB,CACQ,CACjB,GACH,CACA,CACT,CAAC;AACN,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { UiAsyncTableCheckboxProps } from "../types.js";
3
+ export declare function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, }: UiAsyncTableCheckboxProps): React.JSX.Element;
4
+ //# sourceMappingURL=UiAsyncTableCheckbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAExD,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,GACX,EAAE,yBAAyB,qBAW3B"}
@@ -0,0 +1,9 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { e } from "../asyncTableBem.js";
4
+ import { UiCheckbox } from "../../UiCheckbox/UiCheckbox.js";
5
+ export function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, }) {
6
+ return (React.createElement("div", { className: e("cell", { checkbox: true }), onClick: onChange },
7
+ React.createElement(UiCheckbox, { checked: checked, preventDefault: true, indeterminate: indeterminate, disabled: disabled })));
8
+ }
9
+ //# sourceMappingURL=UiAsyncTableCheckbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableCheckbox.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAG5D,MAAM,UAAU,oBAAoB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,GACgB;IACxB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ;QAC5D,oBAAC,UAAU,IACP,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GACpB,CACA,CACT,CAAC;AACN,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { UiAsyncTableDropdownItemProps } from "../types.js";
3
+ declare const UiAsyncTableDropdownItem: ({ label, onSelect, isSelected }: UiAsyncTableDropdownItemProps) => React.JSX.Element;
4
+ export default UiAsyncTableDropdownItem;
5
+ //# sourceMappingURL=UiAsyncTableDropdownItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAE5D,QAAA,MAAM,wBAAwB,GAAI,iCAAiC,6BAA6B,sBAI/F,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
@@ -0,0 +1,6 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React from "react";
3
+ import { e } from "../asyncTableBem.js";
4
+ const UiAsyncTableDropdownItem = ({ label, onSelect, isSelected }) => (React.createElement("div", { className: e("dropdown-item", { selected: isSelected }), onClick: onSelect }, label));
5
+ export default UiAsyncTableDropdownItem;
6
+ //# sourceMappingURL=UiAsyncTableDropdownItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableDropdownItem.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGxC,MAAM,wBAAwB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAiC,EAAE,EAAE,CAAC,CACjG,6BAAK,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,IAC1E,KAAK,CACJ,CACT,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ export declare const UiAsyncTableEmptyState: () => React.JSX.Element;
3
+ //# sourceMappingURL=UiAsyncTableEmptyState.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,sBAAsB,yBAYlC,CAAC"}
@@ -1,14 +1,14 @@
1
1
  // (C) 2025 GoodData Corporation
2
2
  import React from "react";
3
- import { UiIcon } from "../@ui/UiIcon/UiIcon.js";
3
+ import { UiIcon } from "../../UiIcon/UiIcon.js";
4
4
  import { useIntl } from "react-intl";
5
- import { messages } from "./locales.js";
6
- import { e } from "./asyncTableBem.js";
7
- export const AsyncTableEmptyState = () => {
5
+ import { messages } from "../locales.js";
6
+ import { e } from "../asyncTableBem.js";
7
+ export const UiAsyncTableEmptyState = () => {
8
8
  const intl = useIntl();
9
9
  return (React.createElement("div", { className: e("empty-state") },
10
10
  React.createElement(UiIcon, { type: "search", color: "complementary-5", size: 44 }),
11
11
  React.createElement("div", { className: e("empty-state-title") }, intl.formatMessage(messages.noMatchFound)),
12
12
  React.createElement("div", { className: e("empty-state-description") }, intl.formatMessage(messages.tryAdjustingFilters))));
13
13
  };
14
- //# sourceMappingURL=AsyncTableEmptyState.js.map
14
+ //# sourceMappingURL=UiAsyncTableEmptyState.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableEmptyState.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAExC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC;QAC5B,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,GAAI;QAC1D,6BAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAO;QACzF,6BAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,CAAC,IACvC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAC/C,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import { UiAsyncTableFilterProps } from "../types.js";
3
+ /**
4
+ * @internal
5
+ */
6
+ export declare function UiAsyncTableFilter({ label, options, selected, onItemClick, scrollToStart, }: UiAsyncTableFilterProps): React.JSX.Element;
7
+ //# sourceMappingURL=UiAsyncTableFilter.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UiAsyncTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,EAA4B,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGhF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,aAAa,GAChB,EAAE,uBAAuB,qBAwDzB"}
@@ -0,0 +1,32 @@
1
+ // (C) 2025 GoodData Corporation
2
+ import React, { useCallback, useMemo, useRef } from "react";
3
+ import { e } from "../asyncTableBem.js";
4
+ import { Dropdown } from "../../../Dropdown/Dropdown.js";
5
+ import { UiButton } from "../../UiButton/UiButton.js";
6
+ import { UiAutofocus } from "../../UiFocusManager/UiAutofocus.js";
7
+ import { DropdownList } from "../../../Dropdown/DropdownList.js";
8
+ import UiAsyncTableDropdownItem from "./UiAsyncTableDropdownItem.js";
9
+ import { useIntl } from "react-intl";
10
+ import { messages } from "../locales.js";
11
+ import { useDebouncedState } from "@gooddata/sdk-ui";
12
+ /**
13
+ * @internal
14
+ */
15
+ export function UiAsyncTableFilter({ label, options, selected, onItemClick, scrollToStart, }) {
16
+ const intl = useIntl();
17
+ const buttonRef = useRef(null);
18
+ const [searchValue, setSearchValue, debouncedSearchValue] = useDebouncedState("", 300);
19
+ const filteredOptions = useMemo(() => {
20
+ const searchLowerCased = debouncedSearchValue.toLowerCase();
21
+ return options.filter((option) => option.label.toLowerCase().includes(searchLowerCased));
22
+ }, [options, debouncedSearchValue]);
23
+ const onSelect = useCallback((item, closeDropdown) => {
24
+ scrollToStart();
25
+ onItemClick(item);
26
+ closeDropdown();
27
+ }, [scrollToStart, onItemClick]);
28
+ return (React.createElement("div", { className: e("filter") },
29
+ React.createElement(Dropdown, { renderButton: ({ toggleDropdown }) => (React.createElement(UiButton, { ref: buttonRef, label: selected ? selected.label : label, onClick: () => toggleDropdown(), size: "small", iconAfter: "navigateDown" })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (React.createElement(UiAutofocus, null,
30
+ React.createElement(DropdownList, { items: filteredOptions, renderItem: ({ item }) => (React.createElement(UiAsyncTableDropdownItem, { label: item.label ?? String(item.value), onSelect: () => onSelect(item, closeDropdown), isSelected: item.value === selected.value })), showSearch: true, searchPlaceholder: intl.formatMessage(messages.filterSearchPlaceholder), searchString: searchValue, onSearch: setSearchValue, title: label, renderVirtualisedList: true, onKeyDownSelect: (item) => onSelect(item, closeDropdown) }))) })));
31
+ }
32
+ //# sourceMappingURL=UiAsyncTableFilter.js.map