@gooddata/sdk-ui-kit 10.36.0-alpha.4 → 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.
- package/esm/@ui/@types/background.d.ts +9 -0
- package/esm/@ui/@types/background.d.ts.map +1 -0
- package/esm/@ui/@types/background.js +3 -0
- package/esm/@ui/@types/background.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.d.ts +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.js +32 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableFilter.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.d.ts +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.d.ts.map +1 -0
- package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/AsyncTableRow.js +33 -15
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableRow.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.d.ts +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.d.ts.map +1 -0
- package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/AsyncTableToolbar.js +27 -11
- package/esm/@ui/UiAsyncTable/UiAsyncTable/AsyncTableToolbar.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -0
- package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/SkeletonItemFactory.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts +9 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -0
- package/esm/{Table/AsyncTable.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js} +19 -21
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts +4 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js +21 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts +4 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js +9 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.d.ts +5 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts +3 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts.map +1 -0
- package/esm/{Table/AsyncTableEmptyState.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js} +5 -5
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +32 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts +4 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts.map +1 -0
- package/esm/{Table/AsyncTableHeader.js → @ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js} +7 -7
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +86 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +72 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.d.ts +6 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts +7 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts.map +1 -0
- package/esm/{Table/AsyncTableTitle.js → @ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js} +27 -19
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js.map +1 -0
- package/esm/@ui/UiAsyncTable/asyncTableBem.d.ts +2 -0
- package/esm/@ui/UiAsyncTable/asyncTableBem.d.ts.map +1 -0
- package/esm/{Table → @ui/UiAsyncTable}/asyncTableBem.js +1 -1
- package/esm/@ui/UiAsyncTable/asyncTableBem.js.map +1 -0
- package/esm/@ui/UiAsyncTable/locales.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/locales.js.map +1 -0
- package/esm/{Table → @ui/UiAsyncTable}/types.d.ts +45 -41
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/types.js.map +1 -0
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts +5 -0
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts.map +1 -0
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.js +14 -0
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.js.map +1 -0
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts +1 -0
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.js +3 -3
- package/esm/@ui/UiCheckbox/UiCheckbox.js.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.d.ts +6 -1
- package/esm/@ui/UiIcon/UiIcon.d.ts.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.js +6 -4
- package/esm/@ui/UiIcon/UiIcon.js.map +1 -1
- package/esm/@ui/UiIcon/UiIconBackground.d.ts +11 -0
- package/esm/@ui/UiIcon/UiIconBackground.d.ts.map +1 -0
- package/esm/@ui/UiIcon/UiIconBackground.js +10 -0
- package/esm/@ui/UiIcon/UiIconBackground.js.map +1 -0
- package/esm/@ui/UiIcon/iconBackgroundBem.d.ts +2 -0
- package/esm/@ui/UiIcon/iconBackgroundBem.d.ts.map +1 -0
- package/esm/@ui/UiIcon/iconBackgroundBem.js +4 -0
- package/esm/@ui/UiIcon/iconBackgroundBem.js.map +1 -0
- package/esm/index.d.ts +5 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +125 -138
- package/package.json +8 -8
- package/{styles/scss → src/@ui/UiAsyncTable}/asyncTable.scss +27 -15
- package/src/@ui/UiCheckbox/UiCheckbox.scss +5 -1
- package/src/@ui/UiIcon/UiIcon.scss +32 -44
- package/src/@ui/defaultTheme.scss +1 -0
- package/src/@ui/index.scss +1 -0
- package/src/@ui/themeColorsMap.scss +17 -0
- package/styles/css/main.css +271 -203
- package/styles/css/main.css.map +1 -1
- package/styles/scss/main.scss +0 -1
- package/esm/Table/AsyncTable.d.ts +0 -9
- package/esm/Table/AsyncTable.d.ts.map +0 -1
- package/esm/Table/AsyncTable.js.map +0 -1
- package/esm/Table/AsyncTableBulkActions.d.ts +0 -4
- package/esm/Table/AsyncTableBulkActions.d.ts.map +0 -1
- package/esm/Table/AsyncTableBulkActions.js +0 -21
- package/esm/Table/AsyncTableBulkActions.js.map +0 -1
- package/esm/Table/AsyncTableCheckbox.d.ts +0 -4
- package/esm/Table/AsyncTableCheckbox.d.ts.map +0 -1
- package/esm/Table/AsyncTableCheckbox.js +0 -9
- package/esm/Table/AsyncTableCheckbox.js.map +0 -1
- package/esm/Table/AsyncTableDropdownItem.d.ts +0 -5
- package/esm/Table/AsyncTableDropdownItem.d.ts.map +0 -1
- package/esm/Table/AsyncTableDropdownItem.js +0 -6
- package/esm/Table/AsyncTableDropdownItem.js.map +0 -1
- package/esm/Table/AsyncTableEmptyState.d.ts +0 -3
- package/esm/Table/AsyncTableEmptyState.d.ts.map +0 -1
- package/esm/Table/AsyncTableEmptyState.js.map +0 -1
- package/esm/Table/AsyncTableFilter.d.ts +0 -7
- package/esm/Table/AsyncTableFilter.d.ts.map +0 -1
- package/esm/Table/AsyncTableFilter.js +0 -32
- package/esm/Table/AsyncTableFilter.js.map +0 -1
- package/esm/Table/AsyncTableHeader.d.ts +0 -4
- package/esm/Table/AsyncTableHeader.d.ts.map +0 -1
- package/esm/Table/AsyncTableHeader.js.map +0 -1
- package/esm/Table/AsyncTableRow.d.ts +0 -6
- package/esm/Table/AsyncTableRow.d.ts.map +0 -1
- package/esm/Table/AsyncTableRow.js.map +0 -1
- package/esm/Table/AsyncTableTitle.d.ts +0 -4
- package/esm/Table/AsyncTableTitle.d.ts.map +0 -1
- package/esm/Table/AsyncTableTitle.js.map +0 -1
- package/esm/Table/AsyncTableToolbar.d.ts +0 -6
- package/esm/Table/AsyncTableToolbar.d.ts.map +0 -1
- package/esm/Table/AsyncTableToolbar.js.map +0 -1
- package/esm/Table/SkeletonItemFactory.d.ts +0 -7
- package/esm/Table/SkeletonItemFactory.d.ts.map +0 -1
- package/esm/Table/SkeletonItemFactory.js.map +0 -1
- package/esm/Table/asyncTableBem.d.ts +0 -2
- package/esm/Table/asyncTableBem.d.ts.map +0 -1
- package/esm/Table/asyncTableBem.js.map +0 -1
- package/esm/Table/constants.d.ts.map +0 -1
- package/esm/Table/constants.js.map +0 -1
- package/esm/Table/index.d.ts +0 -3
- package/esm/Table/index.d.ts.map +0 -1
- package/esm/Table/index.js +0 -3
- package/esm/Table/index.js.map +0 -1
- package/esm/Table/locales.d.ts.map +0 -1
- package/esm/Table/locales.js.map +0 -1
- package/esm/Table/types.d.ts.map +0 -1
- package/esm/Table/types.js.map +0 -1
- package/esm/Table/utils.d.ts.map +0 -1
- package/esm/Table/utils.js.map +0 -1
- package/esm/utils/debounce.d.ts +0 -38
- package/esm/utils/debounce.d.ts.map +0 -1
- package/esm/utils/debounce.js +0 -34
- package/esm/utils/debounce.js.map +0 -1
- package/styles/css/asyncTable.css +0 -205
- package/styles/css/asyncTable.css.map +0 -1
- /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/constants.d.ts +0 -0
- /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/constants.js +0 -0
- /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/utils.d.ts +0 -0
- /package/esm/{Table → @ui/UiAsyncTable/UiAsyncTable}/utils.js +0 -0
- /package/esm/{Table → @ui/UiAsyncTable}/locales.d.ts +0 -0
- /package/esm/{Table → @ui/UiAsyncTable}/locales.js +0 -0
- /package/esm/{Table → @ui/UiAsyncTable}/types.js +0 -0
@@ -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 @@
|
|
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 "
|
4
|
-
import {
|
5
|
-
import { UiIconButton } from "
|
6
|
-
import { Dropdown } from "
|
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 "
|
8
|
+
import { messages } from "../locales.js";
|
9
9
|
import { getColumnWidth } from "./utils.js";
|
10
|
-
|
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(
|
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
|
42
|
-
|
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
|
-
|
53
|
-
|
54
|
-
|
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 @@
|
|
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 "
|
3
|
+
import { e } from "../asyncTableBem.js";
|
4
4
|
import { AsyncTableFilter } from "./AsyncTableFilter.js";
|
5
|
-
import {
|
6
|
-
import {
|
5
|
+
import { UiAsyncTableCheckbox } from "./UiAsyncTableCheckbox.js";
|
6
|
+
import { UiAsyncTableBulkActions } from "./UiAsyncTableBulkActions.js";
|
7
7
|
import { useIntl } from "react-intl";
|
8
|
-
import { messages } from "
|
9
|
-
|
10
|
-
|
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(
|
14
|
+
React.createElement(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled }),
|
13
15
|
renderBulkActions(),
|
14
|
-
renderFilters()
|
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(
|
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
|
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":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,UAAU,mBAAmB,CAA2B,KAAkC;IAC5F,MAAM,EACF,SAAS,EACT,uBAAuB,EACvB,UAAU,EACV,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,YAAY,GACf,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAChC,OAAO,UAAU,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC;QACtC,oBAAC,oBAAoB,IACjB,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,SAAS,EAClB,aAAa,EAAE,uBAAuB,EACtC,QAAQ,EAAE,kBAAkB,GAC9B;QACD,iBAAiB,EAAE;QACnB,aAAa,EAAE;QACf,YAAY,EAAE,CACb,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC;AAED,MAAM,oBAAoB,GAAG,CAA2B,EACpD,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,KAAK,EACL,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEtE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,kBAAkB,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzF,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEjD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,WAAW,EAAE,CAAC;YACd,OAAO,CACH;gBACI,6BAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,IACtC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE;oBACxC,aAAa,EAAE,eAAe,CAAC,MAAM;oBACrC,UAAU,EAAE,eAAe;iBAC9B,CAAC,CACA;gBACL,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,uBAAuB,IAAC,WAAW,EAAE,WAAW,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;QACN,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACrB;YACI,6BAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAO;YACnF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,oBAAC,gBAAgB,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,KAAM,MAAM,GAAI,CACpF,CAAC,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;QACxE,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,6BAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC/B,oBAAC,KAAK,IACF,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,QAAQ,EACb,UAAU,QACV,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE;oBACjB,SAAS,EAAE,WAAW;iBACzB,EACD,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,GAC1B,CACA,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,OAAO,EAAE,MAAM,IAAI,WAAW,CAAC;IAC1C,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC;IACrC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,CAAC,CAAC,WAAW,IAAI,eAAe,EAAE,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC;IACrE,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1C,OAAO;QACH,SAAS;QACT,uBAAuB;QACvB,UAAU;QACV,QAAQ,EAAE,CAAC,CAAC,WAAW;QACvB,kBAAkB;QAClB,oBAAoB;QACpB,iBAAiB;QACjB,aAAa;QACb,YAAY;KACf,CAAC;AACN,CAAC,CAAC"}
|
@@ -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 "
|
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 "
|
4
|
-
import {
|
5
|
-
import { b } from "
|
6
|
-
import {
|
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 {
|
10
|
-
import {
|
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
|
16
|
-
const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, loadNextPage, setSelectedItemIds,
|
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(
|
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(
|
23
|
-
React.createElement(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect:
|
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
|
44
|
+
return selectedItemIds?.includes(item.id);
|
47
45
|
}, [selectedItemIds]);
|
48
|
-
const largeRow = useMemo(() => columns.some((column) => column.
|
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(
|
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(
|
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
|
91
|
+
export const UiAsyncTable = (props) => {
|
94
92
|
return (React.createElement(IntlWrapper, { locale: props.locale },
|
95
93
|
React.createElement(AsyncTableCore, { ...props })));
|
96
94
|
};
|
97
|
-
//# sourceMappingURL=
|
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 @@
|
|
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 @@
|
|
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 "
|
3
|
+
import { UiIcon } from "../../UiIcon/UiIcon.js";
|
4
4
|
import { useIntl } from "react-intl";
|
5
|
-
import { messages } from "
|
6
|
-
import { e } from "
|
7
|
-
export const
|
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=
|
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
|