@gooddata/sdk-ui-kit 11.1.0-alpha.3 → 11.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +16 -6
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js +4 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +17 -6
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js +4 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +4 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +10 -7
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.d.ts +2 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.js +2 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/constants.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts +1 -0
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js +4 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -1
- package/esm/@ui/UiAsyncTable/types.d.ts +14 -1
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts +1 -0
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +2 -2
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts +4 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.js +3 -2
- package/esm/@ui/UiCheckbox/UiCheckbox.js.map +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts +2 -1
- package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
- package/esm/@ui/UiChip/UiChip.js +2 -2
- package/esm/@ui/UiChip/UiChip.js.map +1 -1
- package/esm/@ui/UiListbox/UiListbox.d.ts.map +1 -1
- package/esm/@ui/UiListbox/UiListbox.js +1 -1
- package/esm/@ui/UiListbox/UiListbox.js.map +1 -1
- package/esm/@ui/UiListbox/types.d.ts +3 -1
- package/esm/@ui/UiListbox/types.d.ts.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.d.ts.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.js +3 -8
- package/esm/@ui/UiTooltip/UiTooltip.js.map +1 -1
- package/esm/@ui/hooks/useListWithActionsFocus.d.ts.map +1 -1
- package/esm/@ui/hooks/useListWithActionsFocus.js +2 -1
- package/esm/@ui/hooks/useListWithActionsFocus.js.map +1 -1
- package/esm/Dialog/ExportTabularPdfDialog.d.ts +6 -0
- package/esm/Dialog/ExportTabularPdfDialog.d.ts.map +1 -0
- package/esm/Dialog/ExportTabularPdfDialog.js +68 -0
- package/esm/Dialog/ExportTabularPdfDialog.js.map +1 -0
- package/esm/Dialog/index.d.ts +4 -2
- package/esm/Dialog/index.d.ts.map +1 -1
- package/esm/Dialog/index.js +4 -2
- package/esm/Dialog/index.js.map +1 -1
- package/esm/Dialog/typings.d.ts +34 -0
- package/esm/Dialog/typings.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButton.d.ts +2 -1
- package/esm/Dropdown/DropdownButton.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButton.js +2 -1
- package/esm/Dropdown/DropdownButton.js.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.d.ts.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.js +3 -1
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.js.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +64 -4
- package/package.json +8 -8
- package/src/@ui/UiAsyncTable/asyncTable.scss +17 -2
- package/src/@ui/UiButton/UiButton.scss +12 -7
- package/styles/css/button.css +4 -0
- package/styles/css/button.css.map +1 -1
- package/styles/css/main.css +26 -8
- package/styles/css/main.css.map +1 -1
- package/styles/scss/button.scss +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTable.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTable.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAkNhD;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAMjF"}
|
|
@@ -12,10 +12,10 @@ import { getColumnWidth } from "./utils.js";
|
|
|
12
12
|
import { b } from "../asyncTableBem.js";
|
|
13
13
|
function AsyncTableCore(props) {
|
|
14
14
|
const { width, itemHeight, isLargeRow, renderHeader, renderItem, renderEmptyState, shouldLoadNextPage } = useAsyncTable(props);
|
|
15
|
-
const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, scrollToIndex, isSmall, isFiltersTooLarge, loadNextPage, setSelectedItemIds, onSearch, } = props;
|
|
16
|
-
return (_jsxs("div", { className: b(), style: { width }, children: [_jsx(UiAsyncTableToolbar, { filters: filters, isFiltersTooLarge: isFiltersTooLarge, bulkActions: bulkActions, selectedItemIds: selectedItemIds, setSelectedItemIds: setSelectedItemIds, totalItemsCount: totalItemsCount, items: items, isSmall: isSmall, onSearch: onSearch }), _jsxs("div", { role: "grid",
|
|
15
|
+
const { filters, bulkActions, selectedItemIds, totalItemsCount, items, isLoading, hasNextPage, maxHeight = 400, skeletonItemsCount = 0, columns, scrollToIndex, isSmall, isFiltersTooLarge, loadNextPage, setSelectedItemIds, onSearch, accessibilityConfig, } = props;
|
|
16
|
+
return (_jsxs("div", { className: b(), style: { width }, children: [_jsx(UiAsyncTableToolbar, { filters: filters, isFiltersTooLarge: isFiltersTooLarge, bulkActions: bulkActions, selectedItemIds: selectedItemIds, setSelectedItemIds: setSelectedItemIds, totalItemsCount: totalItemsCount, items: items, isSmall: isSmall, onSearch: onSearch, accessibilityConfig: accessibilityConfig }), _jsxs("div", { role: "grid", "aria-rowcount": totalItemsCount, "aria-colcount": bulkActions ? columns.length + 1 : columns.length, children: [renderHeader(), _jsx(UiAsyncTableBody, { items: items, maxHeight: maxHeight, itemHeight: itemHeight, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onItemClick: props.onItemClick, loadNextPage: loadNextPage, columns: columns, bulkActions: bulkActions, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage, renderItem: renderItem, isLargeRow: isLargeRow })] }), items.length === 0 && !isLoading && renderEmptyState()] }));
|
|
17
17
|
}
|
|
18
|
-
const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: renderHeaderProp, renderEmptyState: renderEmptyStateProp, bulkActions, onSort, width: widthProp, sortBy, sortDirection, selectedItemIds, setSelectedItemIds, isSmall, onItemClick, }) => {
|
|
18
|
+
const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: renderHeaderProp, renderEmptyState: renderEmptyStateProp, bulkActions, onSort, width: widthProp, sortBy, sortDirection, selectedItemIds, setSelectedItemIds, isSmall, onItemClick, accessibilityConfig, }) => {
|
|
19
19
|
const handleColumnClick = useCallback((key) => {
|
|
20
20
|
onSort?.(key);
|
|
21
21
|
}, [onSort]);
|
|
@@ -40,10 +40,19 @@ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: rend
|
|
|
40
40
|
}, SCROLLBAR_WIDTH + (!!bulkActions && CHECKBOX_COLUMN_WIDTH)));
|
|
41
41
|
}, [columns, bulkActions, widthProp, isLargeRow]);
|
|
42
42
|
const renderItem = useCallback((item) => {
|
|
43
|
-
return renderItemProp ? (renderItemProp(item)) : (_jsx(UiAsyncTableRow, { item: item, columns: columns, onSelect: onItemSelect, isSelected: isItemSelected(item), hasCheckbox: !!bulkActions, isLarge: isLargeRow, onClick: onItemClick }));
|
|
44
|
-
}, [
|
|
43
|
+
return renderItemProp ? (renderItemProp(item)) : (_jsx(UiAsyncTableRow, { item: item, columns: columns, onSelect: onItemSelect, isSelected: isItemSelected(item), hasCheckbox: !!bulkActions, isLarge: isLargeRow, onClick: onItemClick, accessibilityConfig: accessibilityConfig }));
|
|
44
|
+
}, [
|
|
45
|
+
columns,
|
|
46
|
+
renderItemProp,
|
|
47
|
+
onItemSelect,
|
|
48
|
+
isItemSelected,
|
|
49
|
+
onItemClick,
|
|
50
|
+
bulkActions,
|
|
51
|
+
isLargeRow,
|
|
52
|
+
accessibilityConfig,
|
|
53
|
+
]);
|
|
45
54
|
const renderHeader = useCallback(() => {
|
|
46
|
-
return renderHeaderProp ? (renderHeaderProp()) : (_jsx(UiAsyncTableHeader, { columns: columns, handleColumnClick: handleColumnClick, sortBy: sortBy, sortDirection: sortDirection, hasCheckbox: !!bulkActions, width: width, small: isSmall, largeRow: isLargeRow }));
|
|
55
|
+
return renderHeaderProp ? (renderHeaderProp()) : (_jsx(UiAsyncTableHeader, { columns: columns, handleColumnClick: handleColumnClick, sortBy: sortBy, sortDirection: sortDirection, hasCheckbox: !!bulkActions, width: width, small: isSmall, largeRow: isLargeRow, accessibilityConfig: accessibilityConfig }));
|
|
47
56
|
}, [
|
|
48
57
|
columns,
|
|
49
58
|
renderHeaderProp,
|
|
@@ -54,6 +63,7 @@ const useAsyncTable = ({ columns, renderItem: renderItemProp, renderHeader: rend
|
|
|
54
63
|
sortDirection,
|
|
55
64
|
isLargeRow,
|
|
56
65
|
isSmall,
|
|
66
|
+
accessibilityConfig,
|
|
57
67
|
]);
|
|
58
68
|
const renderEmptyState = useCallback(() => {
|
|
59
69
|
return renderEmptyStateProp ? renderEmptyStateProp() : _jsx(UiAsyncTableEmptyState, {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTable.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGxC,SAAS,cAAc,CAA2B,KAA2B;IACzE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GACnG,aAAa,CAAI,KAAK,CAAC,CAAC;IAE5B,MAAM,EACF,OAAO,EACP,WAAW,EACX,eAAe,EACf,eAAe,EACf,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,GAAG,GAAG,EACf,kBAAkB,GAAG,CAAC,EACtB,OAAO,EACP,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,QAAQ,
|
|
1
|
+
{"version":3,"file":"UiAsyncTable.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableBody.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableBody.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAyCzF"}
|
|
@@ -5,6 +5,6 @@ import { UiPagedVirtualList } from "../../UiPagedVirtualList/UiPagedVirtualList.
|
|
|
5
5
|
export function UiAsyncTableBody(props) {
|
|
6
6
|
const { items, maxHeight, itemHeight, skeletonItemsCount, hasNextPage, isLoading, onItemClick, loadNextPage, columns, bulkActions, scrollToIndex, isLargeRow, shouldLoadNextPage, renderItem, } = props;
|
|
7
7
|
const SkeletonItem = useSkeletonItem(columns, bulkActions, isLargeRow);
|
|
8
|
-
return (_jsx(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect: onItemClick, loadNextPage: loadNextPage, SkeletonItem: SkeletonItem, scrollbarHoverEffect: true, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage, children: (item) => renderItem(item) }));
|
|
8
|
+
return (_jsx(UiPagedVirtualList, { maxHeight: maxHeight, itemHeight: itemHeight, itemsGap: 0, itemPadding: 0, items: items, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, isLoading: isLoading, onKeyDownSelect: onItemClick, loadNextPage: loadNextPage, SkeletonItem: SkeletonItem, scrollbarHoverEffect: true, scrollToIndex: scrollToIndex, shouldLoadNextPage: shouldLoadNextPage, tabIndex: items.length ? 0 : -1, children: (item) => renderItem(item) }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=UiAsyncTableBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableBody.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,MAAM,UAAU,gBAAgB,CAA2B,KAA+B;IACtF,MAAM,EACF,KAAK,EACL,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,UAAU,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAEvE,OAAO,CACH,KAAC,kBAAkB,IACf,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,EACd,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,WAAW,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,IAAI,EAC1B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableBody.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAGpF,MAAM,UAAU,gBAAgB,CAA2B,KAA+B;IACtF,MAAM,EACF,KAAK,EACL,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,UAAU,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;IAEvE,OAAO,CACH,KAAC,kBAAkB,IACf,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,EACd,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,WAAW,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,oBAAoB,EAAE,IAAI,EAC1B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAE9B,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,GACV,CACxB,CAAC;AACN,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { UiAsyncTableCheckboxProps } from "../types.js";
|
|
2
|
-
export declare function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, }: UiAsyncTableCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, ariaLabel, header, }: UiAsyncTableCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=UiAsyncTableCheckbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAExD,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAExD,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,MAAM,GACT,EAAE,yBAAyB,2CAoB3B"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
|
-
import { stopPropagationCallback } from "./utils.js";
|
|
3
|
+
import { getColumnHeaderId, stopPropagationCallback } from "./utils.js";
|
|
4
4
|
import { UiCheckbox } from "../../UiCheckbox/UiCheckbox.js";
|
|
5
5
|
import { e } from "../asyncTableBem.js";
|
|
6
|
-
export function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, }) {
|
|
7
|
-
return (_jsx("div", { className: e("cell", { checkbox: true }), onClick: (e) => {
|
|
6
|
+
export function UiAsyncTableCheckbox({ onChange, checked, indeterminate, disabled, ariaLabel, header, }) {
|
|
7
|
+
return (_jsx("div", { className: e("cell", { checkbox: true }), role: header ? "columnheader" : "gridcell", id: header ? getColumnHeaderId("checkbox") : undefined, "aria-labelledby": header ? undefined : getColumnHeaderId("checkbox"), onClick: (e) => {
|
|
8
8
|
stopPropagationCallback(e, onChange);
|
|
9
|
-
}, children: _jsx(UiCheckbox, { checked: checked, preventDefault: true, indeterminate: indeterminate, disabled: disabled }) }));
|
|
9
|
+
}, children: _jsx(UiCheckbox, { checked: checked, preventDefault: true, indeterminate: indeterminate, disabled: disabled, accessibilityConfig: ariaLabel ? { ariaLabel } : undefined }) }));
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=UiAsyncTableCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableCheckbox.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTableCheckbox.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGxC,MAAM,UAAU,oBAAoB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,MAAM,GACkB;IACxB,OAAO,CACH,cACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EACxC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAC1C,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,qBACrC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,EACnE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,uBAAuB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QACzC,CAAC,YAED,KAAC,UAAU,IACP,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,GAC5D,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { UiCheckbox } from "../../../@ui/UiCheckbox/UiCheckbox.js";
|
|
4
4
|
import { e } from "../asyncTableBem.js";
|
|
5
5
|
function UiAsyncTableDropdownItem({ label, secondaryLabel, onClick, isSelected, isMultiSelect, }) {
|
|
6
|
-
return (_jsxs("div", { className: e("dropdown-item", { selected: isSelected, "multi-select": isMultiSelect }), onClick: onClick, children: [isMultiSelect ? (_jsx("div", { className: e("dropdown-item-checkbox"), children: _jsx(UiCheckbox, { preventDefault: true, checked: isSelected }) })) : null, _jsx("div", { className: e("dropdown-item-label-primary"), children: label }), secondaryLabel ? (_jsx("div", { className: e("dropdown-item-label-secondary"), children: secondaryLabel })) : null] }));
|
|
6
|
+
return (_jsxs("div", { className: e("dropdown-item", { selected: isSelected, "multi-select": isMultiSelect }), onClick: onClick, children: [isMultiSelect ? (_jsx("div", { className: e("dropdown-item-checkbox"), children: _jsx(UiCheckbox, { preventDefault: true, checked: isSelected, tabIndex: -1 }) })) : null, _jsx("div", { className: e("dropdown-item-label-primary"), children: label }), secondaryLabel ? (_jsx("div", { className: e("dropdown-item-label-secondary"), children: secondaryLabel })) : null] }));
|
|
7
7
|
}
|
|
8
8
|
export default UiAsyncTableDropdownItem;
|
|
9
9
|
//# sourceMappingURL=UiAsyncTableDropdownItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableDropdownItem.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGxC,SAAS,wBAAwB,CAAC,EAC9B,KAAK,EACL,cAAc,EACd,OAAO,EACP,UAAU,EACV,aAAa,GACe;IAC5B,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC,EACtF,OAAO,EAAE,OAAO,aAEf,aAAa,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,YACvC,KAAC,UAAU,IAAC,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,GAAI,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableDropdownItem.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AAGxC,SAAS,wBAAwB,CAAC,EAC9B,KAAK,EACL,cAAc,EACd,OAAO,EACP,UAAU,EACV,aAAa,GACe;IAC5B,OAAO,CACH,eACI,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC,EACtF,OAAO,EAAE,OAAO,aAEf,aAAa,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC,YACvC,KAAC,UAAU,IAAC,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,GACrE,CACT,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAAG,KAAK,GAAO,EAC9D,cAAc,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAE,CAAC,CAAC,+BAA+B,CAAC,YAAG,cAAc,GAAO,CAC7E,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC;AAED,eAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UiAsyncTableFilter.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAA4B,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEhF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkFhE"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
|
-
import { useCallback, useEffect, useMemo,
|
|
3
|
+
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
4
4
|
import { FormattedMessage, useIntl } from "react-intl";
|
|
5
5
|
import { useDebouncedState } from "@gooddata/sdk-ui";
|
|
6
6
|
import { FILTER_OPTION_ALL_VALUE } from "./constants.js";
|
|
@@ -11,6 +11,7 @@ import { Dropdown } from "../../../Dropdown/Dropdown.js";
|
|
|
11
11
|
import { DropdownList } from "../../../Dropdown/DropdownList.js";
|
|
12
12
|
import { Message } from "../../../Messages/index.js";
|
|
13
13
|
import { UiButton } from "../../UiButton/UiButton.js";
|
|
14
|
+
import { UiChip } from "../../UiChip/UiChip.js";
|
|
14
15
|
import { UiAutofocus } from "../../UiFocusManager/UiAutofocus.js";
|
|
15
16
|
import { e } from "../asyncTableBem.js";
|
|
16
17
|
import { messages } from "../locales.js";
|
|
@@ -19,14 +20,13 @@ import { messages } from "../locales.js";
|
|
|
19
20
|
*/
|
|
20
21
|
export function UiAsyncTableFilter(props) {
|
|
21
22
|
const intl = useIntl();
|
|
22
|
-
const
|
|
23
|
-
const {
|
|
24
|
-
|
|
25
|
-
return (_jsx("div", { className: e("filter"), children: _jsx(Dropdown, { renderButton: ({ toggleDropdown }) => (_jsx(UiButton, { ref: buttonRef, label: label, onClick: () => toggleDropdown(), size: "small", maxWidth: isSmall ? 20 : 80, iconAfter: "navigateDown" })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (_jsx(UiAutofocus, { children: _jsxs(_Fragment, { children: [_jsx(DropdownList, { items: filteredOptions, renderItem: ({ item }) => (_jsx(UiAsyncTableDropdownItem, { label: item.label ?? String(item.value), secondaryLabel: item.secondaryLabel, onClick: () => onItemClick(item, closeDropdown), isSelected: isItemSelected(item), isMultiSelect: isMultiSelect })), showSearch: true, searchPlaceholder: intl.formatMessage(messages["filterSearchPlaceholder"]), searchString: searchValue, onSearch: setSearchValue, title: label, renderVirtualisedList: true, onKeyDownSelect: (item) => onItemClick(item, closeDropdown) }), isMultiSelect ? (_jsxs("div", { className: e("filter-bottom"), children: [_jsx(ContentDivider, {}), _jsxs("div", { className: e("filter-buttons"), children: [_jsx(UiButton, { label: "Cancel", onClick: onCancelFactory(closeDropdown), variant: "secondary", size: "small" }), _jsx(UiButton, { label: "Apply", onClick: onApplyFactory(closeDropdown), variant: "primary", size: "small", isDisabled: !isApplyButtonEnabled })] })] })) : null, isFiltersTooLarge ? (_jsx("div", { className: e("filter-error"), children: _jsx(Message, { type: "error", children: _jsx(FormattedMessage, { id: messages["filterTooLarge"].id, values: {
|
|
23
|
+
const { filteredOptions, searchValue, isApplyButtonEnabled, labelWithSelected, setSearchValue, onItemClick, isItemSelected, onApplyFactory, onCancelFactory, } = useAsyncTableFilterState(props);
|
|
24
|
+
const { isMultiSelect, isFiltersTooLarge } = props;
|
|
25
|
+
return (_jsx("div", { className: e("filter"), children: _jsx(Dropdown, { renderButton: ({ toggleDropdown, isOpen }) => (_jsx(UiChip, { label: labelWithSelected, onClick: () => toggleDropdown(), isActive: isOpen })), alignPoints: [{ align: "bl tl" }], renderBody: ({ closeDropdown }) => (_jsx(UiAutofocus, { children: _jsxs(_Fragment, { children: [_jsx(DropdownList, { items: filteredOptions, renderItem: ({ item }) => (_jsx(UiAsyncTableDropdownItem, { label: item.label ?? String(item.value), secondaryLabel: item.secondaryLabel, onClick: () => onItemClick(item, closeDropdown), isSelected: isItemSelected(item), isMultiSelect: isMultiSelect })), showSearch: true, searchPlaceholder: intl.formatMessage(messages["filterSearchPlaceholder"]), searchString: searchValue, onSearch: setSearchValue, renderVirtualisedList: true, onKeyDownSelect: (item) => onItemClick(item, closeDropdown) }), isMultiSelect ? (_jsxs("div", { className: e("filter-bottom"), children: [_jsx(ContentDivider, {}), _jsxs("div", { className: e("filter-buttons"), children: [_jsx(UiButton, { label: "Cancel", onClick: onCancelFactory(closeDropdown), variant: "secondary", size: "small" }), _jsx(UiButton, { label: "Apply", onClick: onApplyFactory(closeDropdown), variant: "primary", size: "small", isDisabled: !isApplyButtonEnabled })] })] })) : null, isFiltersTooLarge ? (_jsx("div", { className: e("filter-error"), children: _jsx(Message, { type: "error", children: _jsx(FormattedMessage, { id: messages["filterTooLarge"].id, values: {
|
|
26
26
|
strong: (chunks) => _jsx("strong", { children: chunks }),
|
|
27
27
|
} }) }) })) : null] }) })) }) }));
|
|
28
28
|
}
|
|
29
|
-
function useAsyncTableFilterState({ options, selected, onItemsSelect, isMultiSelect, }) {
|
|
29
|
+
function useAsyncTableFilterState({ options, selected, onItemsSelect, isMultiSelect, label, }) {
|
|
30
30
|
const intl = useIntl();
|
|
31
31
|
const [checkedItems, setCheckedItems] = useState(getFilterOptionsMap(selected));
|
|
32
32
|
const [searchValue, setSearchValue, debouncedSearchValue] = useDebouncedState("", 300);
|
|
@@ -107,6 +107,16 @@ function useAsyncTableFilterState({ options, selected, onItemsSelect, isMultiSel
|
|
|
107
107
|
}
|
|
108
108
|
return false;
|
|
109
109
|
}, [selected, checkedItems]);
|
|
110
|
+
const labelWithSelected = useMemo(() => {
|
|
111
|
+
let selectedLabels;
|
|
112
|
+
if (selected?.length === options.length) {
|
|
113
|
+
selectedLabels = intl.formatMessage(messages["filterOptionAll"]);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
selectedLabels = selected?.map((item) => item.label).join(", ");
|
|
117
|
+
}
|
|
118
|
+
return `${label}: ${selectedLabels}`;
|
|
119
|
+
}, [label, selected, options, intl]);
|
|
110
120
|
const onApplyFactory = useCallback((closeDropdown) => () => {
|
|
111
121
|
onItemsSelect(Array.from(checkedItems.values()));
|
|
112
122
|
closeDropdown();
|
|
@@ -119,6 +129,7 @@ function useAsyncTableFilterState({ options, selected, onItemsSelect, isMultiSel
|
|
|
119
129
|
filteredOptions,
|
|
120
130
|
searchValue,
|
|
121
131
|
isApplyButtonEnabled,
|
|
132
|
+
labelWithSelected,
|
|
122
133
|
setSearchValue,
|
|
123
134
|
onItemClick,
|
|
124
135
|
isItemSelected,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableFilter.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableFilter.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC7D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EACF,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,cAAc,EACd,cAAc,EACd,eAAe,GAClB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,QAAQ,IACL,YAAY,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC1C,KAAC,MAAM,IAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAI,CAC1F,EACD,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EACjC,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,WAAW,cACR,8BACI,KAAC,YAAY,IACT,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACtB,KAAC,wBAAwB,IACrB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EACvC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,EAC/C,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,EAChC,aAAa,EAAE,aAAa,GAC9B,CACL,EACD,UAAU,EAAE,IAAI,EAChB,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EAC1E,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,cAAc,EACxB,qBAAqB,QACrB,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,GAC7D,EACD,aAAa,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC9B,KAAC,cAAc,KAAG,EAClB,eAAK,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,aAC/B,KAAC,QAAQ,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,eAAe,CAAC,aAAa,CAAC,EACvC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,GACd,EACF,KAAC,QAAQ,IACL,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,cAAc,CAAC,aAAa,CAAC,EACtC,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,CAAC,oBAAoB,GACnC,IACA,IACJ,CACT,CAAC,CAAC,CAAC,IAAI,EACP,iBAAiB,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,OAAO,IAAC,IAAI,EAAC,OAAO,YACjB,KAAC,gBAAgB,IACb,EAAE,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,EACjC,MAAM,EAAE;wCACJ,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,2BAAS,MAAM,GAAU;qCAChD,GACH,GACI,GACR,CACT,CAAC,CAAC,CAAC,IAAI,IACT,GACO,CACjB,GACH,GACA,CACT,CAAC;AACN,CAAC;AAED,SAAS,wBAAwB,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,GACiB;IACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC5C,mBAAmB,CAAC,QAAQ,CAAC,CAChC,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,EAAE,oBAAoB,CAAC,GAAG,iBAAiB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,WAAW,EAAE,CAAC;QAC5D,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC9C,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CACxD,CAAC;QACF,IAAI,aAAa,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9C,OAAO;gBACH;oBACI,KAAK,EAAE,uBAAuB;oBAC9B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;oBACtD,cAAc,EAAE,IAAI,OAAO,CAAC,MAAM,GAAG;iBACxC;gBACD,GAAG,eAAe;aACrB,CAAC;QACN,CAAC;QACD,OAAO,eAAe,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,YAAY,CAAC,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC;IAChD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,aAAa,EAAE,CAAC;YAChB,eAAe,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,eAAe,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,IAA8B,EAAE,aAAyB,EAAE,EAAE;QAC1D,IAAI,aAAa,EAAE,CAAC;YAChB,IAAI,IAAI,CAAC,KAAK,KAAK,uBAAuB,EAAE,CAAC;gBACzC,WAAW,EAAE,CAAC;gBACd,OAAO;YACX,CAAC;YACD,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;gBACtC,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;oBAClC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvC,CAAC;qBAAM,CAAC;oBACJ,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAC1C,CAAC;gBACD,OAAO,eAAe,CAAC;YAC3B,CAAC,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACtB,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,IAA8B,EAAE,EAAE;QAC/B,IAAI,aAAa,EAAE,CAAC;YAChB,IAAI,IAAI,CAAC,KAAK,KAAK,uBAAuB,EAAE,CAAC;gBACzC,OAAO,aAAa,CAAC;YACzB,CAAC;YACD,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,QAAQ,EAAE,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/E,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,CACzD,CAAC;IAEF,gDAAgD;IAChD,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QAC1E,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QAEnD,IAAI,aAAa,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,cAAc,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,EAAE,CAAC;YAC7C,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,KAAK,MAAM,KAAK,IAAI,cAAc,EAAE,CAAC;YACjC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,cAAc,CAAC;QACnB,IAAI,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;YACtC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;QACrE,CAAC;aAAM,CAAC;YACJ,cAAc,GAAG,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpE,CAAC;QACD,OAAO,GAAG,KAAK,KAAK,cAAc,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAErC,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,aAAyB,EAAE,EAAE,CAAC,GAAG,EAAE;QAChC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACjD,aAAa,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,CAAC,CAChC,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,aAAyB,EAAE,EAAE,CAAC,GAAG,EAAE;QAChC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/C,aAAa,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO;QACH,eAAe;QACf,WAAW;QACX,oBAAoB;QACpB,iBAAiB;QACjB,cAAc;QACd,WAAW;QACX,cAAc;QACd,cAAc;QACd,eAAe;KAClB,CAAC;AACN,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { UiAsyncTableHeaderProps } from "../types.js";
|
|
2
|
-
export declare function UiAsyncTableHeader<T>({ columns, handleColumnClick, sortBy, sortDirection, hasCheckbox, width, small, largeRow, }: UiAsyncTableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function UiAsyncTableHeader<T>({ columns, handleColumnClick, sortBy, sortDirection, hasCheckbox, width, small, largeRow, accessibilityConfig, }: UiAsyncTableHeaderProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=UiAsyncTableHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableHeader.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableHeader.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAsB,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI1E,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EAClC,OAAO,EACP,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,mBAAmB,GACtB,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA0C5B"}
|
|
@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
3
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
4
4
|
import { UiAsyncTableCheckbox } from "./UiAsyncTableCheckbox.js";
|
|
5
|
-
import { getColumnWidth } from "./utils.js";
|
|
5
|
+
import { getColumnHeaderId, getColumnWidth } from "./utils.js";
|
|
6
6
|
import { makeTabsKeyboardNavigation } from "../../@utils/keyboardNavigation.js";
|
|
7
7
|
import { UiIcon } from "../../UiIcon/UiIcon.js";
|
|
8
8
|
import { e } from "../asyncTableBem.js";
|
|
9
9
|
const arrowIcon = _jsx(UiIcon, { type: "dropDown", size: 11, color: "complementary-6" });
|
|
10
|
-
export function UiAsyncTableHeader({ columns, handleColumnClick, sortBy, sortDirection, hasCheckbox, width, small, largeRow, }) {
|
|
10
|
+
export function UiAsyncTableHeader({ columns, handleColumnClick, sortBy, sortDirection, hasCheckbox, width, small, largeRow, accessibilityConfig, }) {
|
|
11
11
|
const { handleKeyDown, isFocused } = useHeaderKeyboardNavigation(columns, handleColumnClick);
|
|
12
|
-
return (_jsxs("div", { tabIndex: 0, className: e("header", { small }), role: "row", onKeyDown: handleKeyDown, style: { width }, children: [hasCheckbox ? _jsx(UiAsyncTableCheckbox, {}) : null, columns.map((column, index) => {
|
|
12
|
+
return (_jsxs("div", { tabIndex: 0, className: e("header", { small }), role: "row", onKeyDown: handleKeyDown, style: { width }, children: [hasCheckbox ? (_jsx(UiAsyncTableCheckbox, { ariaLabel: accessibilityConfig?.checkboxAllAriaLabel })) : null, columns.map((column, index) => {
|
|
13
13
|
const width = getColumnWidth(!!column.renderMenu, largeRow, column.width);
|
|
14
14
|
const sorted = sortBy && sortBy === column.key;
|
|
15
15
|
const desc = sorted && sortDirection === "desc";
|
|
@@ -20,7 +20,7 @@ export function UiAsyncTableHeader({ columns, handleColumnClick, sortBy, sortDir
|
|
|
20
20
|
sortable,
|
|
21
21
|
isFocused: isFocused(index),
|
|
22
22
|
align: column.align,
|
|
23
|
-
}), style: { width }, role: "columnheader", "aria-sort": sorted ? (desc ? "descending" : "ascending") : "none", children: [_jsx("span", { className: e("text"), children: column.label }), sortable ? _jsx("div", { className: e("sort"), children: arrowIcon }) : null] }, index));
|
|
23
|
+
}), style: { width }, role: "columnheader", id: getColumnHeaderId(String(column.key ?? index)), "aria-sort": sorted ? (desc ? "descending" : "ascending") : "none", children: [_jsx("span", { className: e("text"), children: column.label }), sortable ? _jsx("div", { className: e("sort"), children: arrowIcon }) : null] }, index));
|
|
24
24
|
})] }));
|
|
25
25
|
}
|
|
26
26
|
function useHeaderKeyboardNavigation(columns, handleColumnClick) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableHeader.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTableHeader.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UiAsyncTableRowProps } from "../types.js";
|
|
2
2
|
export declare function UiAsyncTableRow<T extends {
|
|
3
3
|
id: string;
|
|
4
|
-
}>({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, }: UiAsyncTableRowProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
}>({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, accessibilityConfig, }: UiAsyncTableRowProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
//# sourceMappingURL=UiAsyncTableRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableRow.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAgD,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEjG,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACtD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,
|
|
1
|
+
{"version":3,"file":"UiAsyncTableRow.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAgD,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEjG,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACtD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACP,mBAAmB,GACtB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA8BzB"}
|
|
@@ -4,19 +4,19 @@ import { useCallback } from "react";
|
|
|
4
4
|
import { useIntl } from "react-intl";
|
|
5
5
|
import { UiAsyncTableCheckbox } from "./UiAsyncTableCheckbox.js";
|
|
6
6
|
import { UiAsyncTableIconRenderer } from "./UiAsyncTableIconRenderer.js";
|
|
7
|
-
import { getColumnWidth, stopPropagationCallback } from "./utils.js";
|
|
7
|
+
import { getColumnHeaderId, getColumnWidth, stopPropagationCallback } from "./utils.js";
|
|
8
8
|
import { WithConditionalAnchor } from "./WithConditionalAnchor.js";
|
|
9
9
|
import { Dropdown } from "../../../Dropdown/Dropdown.js";
|
|
10
10
|
import { UiIconButton } from "../../UiIconButton/UiIconButton.js";
|
|
11
11
|
import { e } from "../asyncTableBem.js";
|
|
12
12
|
import { messages } from "../locales.js";
|
|
13
|
-
export function UiAsyncTableRow({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, }) {
|
|
13
|
+
export function UiAsyncTableRow({ item, columns, onSelect, onClick, isSelected, hasCheckbox, isLarge, accessibilityConfig, }) {
|
|
14
14
|
const { renderCellContent } = useRenderCellContent({ isLarge });
|
|
15
|
-
return (_jsxs("div", { onClick: () => onClick?.(item), className: e("row", { large: isLarge }), children: [hasCheckbox ? (_jsx(UiAsyncTableCheckbox, { checked: isSelected, onChange: () => onSelect(item) })) : null, columns.map((column, index) => {
|
|
15
|
+
return (_jsxs("div", { onClick: () => onClick?.(item), className: e("row", { large: isLarge }), role: "row", children: [hasCheckbox ? (_jsx(UiAsyncTableCheckbox, { checked: isSelected, onChange: () => onSelect(item), ariaLabel: accessibilityConfig?.getCheckboxItemAriaLabel?.(item) })) : null, columns.map((column, index) => {
|
|
16
16
|
const { bold, renderMenu, width: widthProp } = column;
|
|
17
17
|
const width = getColumnWidth(!!renderMenu, isLarge, widthProp);
|
|
18
18
|
const key = index;
|
|
19
|
-
return (_jsx("div", { style: { width }, className: e("cell", { bold, align: column.align }), children: renderCellContent(column, item) }, key));
|
|
19
|
+
return (_jsx("div", { style: { width }, className: e("cell", { bold, align: column.align }), role: "gridcell", "aria-labelledby": getColumnHeaderId(String(column.key ?? index)), children: renderCellContent(column, item) }, key));
|
|
20
20
|
})] }));
|
|
21
21
|
}
|
|
22
22
|
const useRenderCellContent = ({ isLarge }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableRow.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTableRow.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTableToolbar.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":"AAYA,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,2CA2B/F"}
|
|
@@ -9,11 +9,12 @@ import { Input } from "../../../Form/Input.js";
|
|
|
9
9
|
import { e } from "../asyncTableBem.js";
|
|
10
10
|
import { messages } from "../locales.js";
|
|
11
11
|
import { useAsyncTableSearch } from "../useAsyncTableSearch.js";
|
|
12
|
+
import { ASYNC_TABLE_FILTER_LABEL_ID } from "./constants.js";
|
|
12
13
|
export function UiAsyncTableToolbar(props) {
|
|
13
|
-
const { isChecked, isCheckboxIndeterminate, hasContent, checkbox, isCheckboxDisabled, handleCheckboxChange, renderBulkActions, renderFilters, renderSearch, } = useAsyncTableToolbar(props);
|
|
14
|
-
return hasContent ? (_jsxs("div", { className: e("toolbar", { checkbox }), children: [_jsx(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled }), renderBulkActions(), renderFilters(), renderSearch()] })) : null;
|
|
14
|
+
const { isChecked, isCheckboxIndeterminate, hasContent, checkbox, isCheckboxDisabled, checkboxAriaLabel, handleCheckboxChange, renderBulkActions, renderFilters, renderSearch, } = useAsyncTableToolbar(props);
|
|
15
|
+
return hasContent ? (_jsxs("div", { className: e("toolbar", { checkbox }), children: [_jsx(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled, ariaLabel: checkboxAriaLabel }), renderBulkActions(), renderFilters(), renderSearch()] })) : null;
|
|
15
16
|
}
|
|
16
|
-
const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selectedItemIds, setSelectedItemIds, totalItemsCount, items, isSmall, onSearch, }) => {
|
|
17
|
+
const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selectedItemIds, setSelectedItemIds, totalItemsCount, items, isSmall, onSearch, accessibilityConfig, }) => {
|
|
17
18
|
const intl = useIntl();
|
|
18
19
|
const { searchValue, setSearchValue } = useAsyncTableSearch(onSearch);
|
|
19
20
|
const handleCheckboxChange = useCallback(() => {
|
|
@@ -36,14 +37,14 @@ const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selecte
|
|
|
36
37
|
return null;
|
|
37
38
|
}, [bulkActions, selectedItemIds, isSmall, totalItemsCount, intl]);
|
|
38
39
|
const renderFilters = useCallback(() => {
|
|
39
|
-
return filters?.length ? (_jsxs(_Fragment, { children: [_jsx("div", { className: e("toolbar-label"), children: intl.formatMessage(messages["filterLabel"]) }), filters.map((filter) => (_jsx(UiAsyncTableFilter, {
|
|
40
|
-
}, [filters, intl,
|
|
40
|
+
return filters?.length ? (_jsxs(_Fragment, { children: [_jsx("div", { className: e("toolbar-label"), id: ASYNC_TABLE_FILTER_LABEL_ID, children: intl.formatMessage(messages["filterLabel"]) }), _jsx("div", { className: e("toolbar-filters"), "aria-labelledby": ASYNC_TABLE_FILTER_LABEL_ID, children: filters.map((filter) => (_jsx(UiAsyncTableFilter, { isFiltersTooLarge: isFiltersTooLarge, ...filter }, filter.label))) })] })) : null;
|
|
41
|
+
}, [filters, intl, isFiltersTooLarge]);
|
|
41
42
|
const renderSearch = useCallback(() => {
|
|
42
43
|
const placeholder = intl.formatMessage(messages["titleSearchPlaceholder"]);
|
|
43
44
|
return onSearch ? (_jsx("div", { className: e("toolbar-search"), children: _jsx(Input, { isSearch: true, type: "search", isSmall: true, clearOnEsc: true, placeholder: placeholder, accessibilityConfig: {
|
|
44
|
-
ariaLabel: placeholder,
|
|
45
|
+
ariaLabel: accessibilityConfig?.searchAriaLabel ?? placeholder,
|
|
45
46
|
}, value: searchValue, onChange: setSearchValue }) })) : null;
|
|
46
|
-
}, [onSearch, intl, searchValue, setSearchValue]);
|
|
47
|
+
}, [onSearch, intl, searchValue, setSearchValue, accessibilityConfig?.searchAriaLabel]);
|
|
47
48
|
const hasContent = useMemo(() => {
|
|
48
49
|
return filters?.length || bulkActions;
|
|
49
50
|
}, [filters, bulkActions]);
|
|
@@ -53,12 +54,14 @@ const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selecte
|
|
|
53
54
|
const isCheckboxIndeterminate = useMemo(() => {
|
|
54
55
|
return !!bulkActions && selectedItemIds?.length !== items.length;
|
|
55
56
|
}, [bulkActions, selectedItemIds, items]);
|
|
57
|
+
const checkboxAriaLabel = accessibilityConfig?.checkboxAllAriaLabel;
|
|
56
58
|
return {
|
|
57
59
|
isChecked,
|
|
58
60
|
isCheckboxIndeterminate,
|
|
59
61
|
hasContent,
|
|
60
62
|
checkbox: !!bulkActions,
|
|
61
63
|
isCheckboxDisabled,
|
|
64
|
+
checkboxAriaLabel,
|
|
62
65
|
handleCheckboxChange,
|
|
63
66
|
renderBulkActions,
|
|
64
67
|
renderFilters,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAsyncTableToolbar.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,CAAC,EAAE,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"UiAsyncTableToolbar.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,4 +17,6 @@ export declare const SKELETON_ITEM_GAP = 0;
|
|
|
17
17
|
*/
|
|
18
18
|
export declare const SCROLLBAR_WIDTH = 10;
|
|
19
19
|
export declare const FILTER_OPTION_ALL_VALUE = "__ALL__";
|
|
20
|
+
export declare const ASYNC_TABLE_ID_PREFIX = "ui-async-table-";
|
|
21
|
+
export declare const ASYNC_TABLE_FILTER_LABEL_ID = "ui-async-table-filter-label";
|
|
20
22
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC;;GAEG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,uBAAuB,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC;;GAEG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,gCAAyC,CAAC"}
|
|
@@ -18,4 +18,6 @@ export const SKELETON_ITEM_GAP = 0;
|
|
|
18
18
|
*/
|
|
19
19
|
export const SCROLLBAR_WIDTH = 10;
|
|
20
20
|
export const FILTER_OPTION_ALL_VALUE = "__ALL__";
|
|
21
|
+
export const ASYNC_TABLE_ID_PREFIX = "ui-async-table-";
|
|
22
|
+
export const ASYNC_TABLE_FILTER_LABEL_ID = `${ASYNC_TABLE_ID_PREFIX}filter-label`;
|
|
21
23
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/constants.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/constants.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEvD,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,qBAAqB,cAAc,CAAC"}
|
|
@@ -5,5 +5,6 @@ export declare const getColumnWidths: <T extends {
|
|
|
5
5
|
id: string;
|
|
6
6
|
}>(columns: UiAsyncTableColumn<T>[], hasCheckbox: boolean, isLargeRow: boolean) => number[];
|
|
7
7
|
export declare const getFilterOptionsMap: (options: Array<UiAsyncTableFilterOption>) => Map<string, UiAsyncTableFilterOption>;
|
|
8
|
+
export declare const getColumnHeaderId: (key: string) => string;
|
|
8
9
|
export declare const stopPropagationCallback: <T extends HTMLElement>(event: MouseEvent<T>, callback?: () => void) => void;
|
|
9
10
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQnC,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE3E,eAAO,MAAM,cAAc,GAAI,YAAY,OAAO,EAAE,SAAS,OAAO,EAAE,YAAY,MAAM,WAEvF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EACpD,SAAS,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAChC,aAAa,OAAO,EACpB,YAAY,OAAO,aAItB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,SAAS,KAAK,CAAC,wBAAwB,CAAC,0CAE3E,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,WAE5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,WAAW,EACzD,OAAO,UAAU,CAAC,CAAC,CAAC,EACpB,WAAW,MAAM,IAAI,KACtB,IAGF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// (C) 2025 GoodData Corporation
|
|
2
|
-
import { CHECKBOX_COLUMN_WIDTH, MENU_COLUMN_WIDTH, MENU_COLUMN_WIDTH_LARGE } from "./constants.js";
|
|
2
|
+
import { ASYNC_TABLE_ID_PREFIX, CHECKBOX_COLUMN_WIDTH, MENU_COLUMN_WIDTH, MENU_COLUMN_WIDTH_LARGE, } from "./constants.js";
|
|
3
3
|
export const getColumnWidth = (renderMenu, isLarge, widthProp) => {
|
|
4
4
|
return renderMenu ? (isLarge ? MENU_COLUMN_WIDTH_LARGE : MENU_COLUMN_WIDTH) : widthProp;
|
|
5
5
|
};
|
|
@@ -10,6 +10,9 @@ export const getColumnWidths = (columns, hasCheckbox, isLargeRow) => {
|
|
|
10
10
|
export const getFilterOptionsMap = (options) => {
|
|
11
11
|
return new Map(options.map((item) => [item.value, item]));
|
|
12
12
|
};
|
|
13
|
+
export const getColumnHeaderId = (key) => {
|
|
14
|
+
return `${ASYNC_TABLE_ID_PREFIX}column-header-${key}`;
|
|
15
|
+
};
|
|
13
16
|
export const stopPropagationCallback = (event, callback) => {
|
|
14
17
|
event.stopPropagation();
|
|
15
18
|
callback?.();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/utils.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,OAAO,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/utils.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC,OAAO,EACH,qBAAqB,EACrB,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,GAC1B,MAAM,gBAAgB,CAAC;AAGxB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAmB,EAAE,OAAgB,EAAE,SAAkB,EAAE,EAAE;IACxF,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC3B,OAAgC,EAChC,WAAoB,EACpB,UAAmB,EACrB,EAAE;IACA,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IACnG,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;AACjF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAwC,EAAE,EAAE;IAC5E,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,EAAE;IAC7C,OAAO,GAAG,qBAAqB,iBAAiB,GAAG,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,KAAoB,EACpB,QAAqB,EACjB,EAAE;IACN,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,QAAQ,EAAE,EAAE,CAAC;AACjB,CAAC,CAAC"}
|