@gooddata/sdk-ui-kit 11.4.0 → 11.5.0-alpha.2
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/@utils/keyboardNavigation.d.ts +13 -0
- package/esm/@ui/@utils/keyboardNavigation.d.ts.map +1 -1
- package/esm/@ui/@utils/keyboardNavigation.js +12 -0
- package/esm/@ui/@utils/keyboardNavigation.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +4 -5
- 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 +87 -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 +8 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableCheckbox.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +1 -1
- 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 +8 -6
- 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 +20 -17
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -1
- package/esm/@ui/UiAsyncTable/locales.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/locales.js +3 -1
- package/esm/@ui/UiAsyncTable/locales.js.map +1 -1
- package/esm/@ui/UiAsyncTable/types.d.ts +15 -3
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts +1 -1
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js +6 -7
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js.map +1 -1
- package/esm/@ui/UiFocusManager/utils.d.ts +1 -1
- package/esm/@ui/UiFocusManager/utils.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/utils.js +10 -1
- package/esm/@ui/UiFocusManager/utils.js.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts +2 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js +21 -9
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map +1 -1
- package/esm/Dropdown/DropdownList.d.ts +2 -1
- package/esm/Dropdown/DropdownList.d.ts.map +1 -1
- package/esm/Dropdown/DropdownList.js +2 -2
- package/esm/Dropdown/DropdownList.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 +15 -4
- package/package.json +9 -9
- package/src/@ui/UiAsyncTable/asyncTable.scss +11 -1
- package/src/@ui/UiPagedVirtualList/UiPagedVirtualList.scss +9 -7
- package/styles/css/main.css +16 -4
- package/styles/css/main.css.map +1 -1
@@ -37,7 +37,7 @@ const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selecte
|
|
37
37
|
return null;
|
38
38
|
}, [bulkActions, selectedItemIds, isSmall, totalItemsCount, intl]);
|
39
39
|
const renderFilters = useCallback(() => {
|
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, isSmall: isSmall, ...filter }, filter.label))) })] })) : null;
|
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"), role: "group", "aria-labelledby": ASYNC_TABLE_FILTER_LABEL_ID, children: filters.map((filter) => (_jsx(UiAsyncTableFilter, { isFiltersTooLarge: isFiltersTooLarge, isSmall: isSmall, ...filter }, filter.label))) })] })) : null;
|
41
41
|
}, [filters, intl, isFiltersTooLarge, isSmall]);
|
42
42
|
const renderSearch = useCallback(() => {
|
43
43
|
const placeholder = intl.formatMessage(messages["titleSearchPlaceholder"]);
|
@@ -56,7 +56,7 @@ const useAsyncTableToolbar = ({ filters, isFiltersTooLarge, bulkActions, selecte
|
|
56
56
|
}, [bulkActions, selectedItemIds, items]);
|
57
57
|
const checkboxAriaLabel = accessibilityConfig?.checkboxAllAriaLabel;
|
58
58
|
const renderCheckbox = useCallback(() => {
|
59
|
-
return bulkActions ? (_jsx(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled, ariaLabel: checkboxAriaLabel })) : null;
|
59
|
+
return bulkActions ? (_jsx(UiAsyncTableCheckbox, { onChange: handleCheckboxChange, checked: isChecked, indeterminate: isCheckboxIndeterminate, disabled: isCheckboxDisabled, ariaLabel: checkboxAriaLabel, header: true })) : null;
|
60
60
|
}, [
|
61
61
|
handleCheckboxChange,
|
62
62
|
bulkActions,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiAsyncTableToolbar.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"UiAsyncTableToolbar.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WithConditionalAnchor.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,
|
1
|
+
{"version":3,"file":"WithConditionalAnchor.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,qSAgB/F"}
|
@@ -4,6 +4,6 @@ import { UiLink } from "../../UiLink/UiLink.js";
|
|
4
4
|
export function WithConditionalAnchor({ href, children }) {
|
5
5
|
return href ? (_jsx(UiLink, { variant: "secondary", fullWidth: true, href: href, onClick: (e) => {
|
6
6
|
stopPropagationCallback(e);
|
7
|
-
}, children: children })) : (children);
|
7
|
+
}, tabIndex: -1, children: children })) : (children);
|
8
8
|
}
|
9
9
|
//# sourceMappingURL=WithConditionalAnchor.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WithConditionalAnchor.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA0C;IAC5F,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACH,OAAO,EAAC,WAAW,EACnB,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC,
|
1
|
+
{"version":3,"file":"WithConditionalAnchor.js","sourceRoot":"","sources":["../../../../src/@ui/UiAsyncTable/UiAsyncTable/WithConditionalAnchor.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,UAAU,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA0C;IAC5F,OAAO,IAAI,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACH,OAAO,EAAC,WAAW,EACnB,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,YAEX,QAAQ,GACJ,CACZ,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CAAC;AACN,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { MouseEvent } from "react";
|
1
|
+
import { KeyboardEvent, MouseEvent } from "react";
|
2
2
|
import { UiAsyncTableColumn, UiAsyncTableFilterOption } from "../types.js";
|
3
3
|
export declare const getColumnWidth: (renderMenu: boolean, isLarge: boolean, widthProp?: number) => number;
|
4
4
|
export declare const getColumnWidths: <T extends {
|
@@ -6,5 +6,5 @@ export declare const getColumnWidths: <T extends {
|
|
6
6
|
}>(columns: UiAsyncTableColumn<T>[], hasCheckbox: boolean, isLargeRow: boolean) => number[];
|
7
7
|
export declare const getFilterOptionsMap: (options: Array<UiAsyncTableFilterOption>) => Map<string, UiAsyncTableFilterOption>;
|
8
8
|
export declare const getColumnHeaderId: (key: string) => string;
|
9
|
-
export declare const stopPropagationCallback: <T extends HTMLElement>(event: MouseEvent<T>, callback?: () => void) => void;
|
9
|
+
export declare const stopPropagationCallback: <T extends HTMLElement>(event: MouseEvent<T> | KeyboardEvent<T>, callback?: () => void) => void;
|
10
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,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQlD,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,GAAG,aAAa,CAAC,CAAC,CAAC,EACvC,WAAW,MAAM,IAAI,KACtB,IAGF,CAAC"}
|
@@ -1 +1 @@
|
|
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,
|
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,KAAuC,EACvC,QAAqB,EACjB,EAAE;IACN,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,QAAQ,EAAE,EAAE,CAAC;AACjB,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/locales.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,
|
1
|
+
{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/locales.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAE/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAiBrD,CAAC"}
|
@@ -1,7 +1,6 @@
|
|
1
1
|
// (C) 2025 GoodData Corporation
|
2
2
|
import { defineMessages } from "react-intl";
|
3
3
|
export const messages = defineMessages({
|
4
|
-
moreActions: { id: "table.moreActions" },
|
5
4
|
titleSearchPlaceholder: { id: "table.title.searchPlaceholder" },
|
6
5
|
filterLabel: { id: "table.filter.label" },
|
7
6
|
filterSearchPlaceholder: { id: "table.filter.searchPlaceholder" },
|
@@ -15,5 +14,8 @@ export const messages = defineMessages({
|
|
15
14
|
tryAdjustingFilters: { id: "table.emptyState.tryAdjustingFilters" },
|
16
15
|
selectedFiltersCount: { id: "table.bulkActions.selectedFiltersCount" },
|
17
16
|
filterTooLarge: { id: "table.filter.error.tooLarge" },
|
17
|
+
headerAriaLabel: { id: "table.header.ariaLabel" },
|
18
|
+
checkboxHeaderAriaLabel: { id: "table.header.checkbox.ariaLabel" },
|
19
|
+
menuHeaderAriaLabel: { id: "table.header.menu.ariaLabel" },
|
18
20
|
});
|
19
21
|
//# sourceMappingURL=locales.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"locales.js","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/locales.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,
|
1
|
+
{"version":3,"file":"locales.js","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/locales.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,sBAAsB,EAAE,EAAE,EAAE,EAAE,+BAA+B,EAAE;IAC/D,WAAW,EAAE,EAAE,EAAE,EAAE,oBAAoB,EAAE;IACzC,uBAAuB,EAAE,EAAE,EAAE,EAAE,gCAAgC,EAAE;IACjE,eAAe,EAAE,EAAE,EAAE,EAAE,wBAAwB,EAAE;IACjD,iBAAiB,EAAE,EAAE,EAAE,EAAE,0BAA0B,EAAE;IACrD,kBAAkB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE;IACvD,YAAY,EAAE,EAAE,EAAE,EAAE,gCAAgC,EAAE;IACtD,aAAa,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IACxD,kBAAkB,EAAE,EAAE,EAAE,EAAE,sCAAsC,EAAE;IAClE,YAAY,EAAE,EAAE,EAAE,EAAE,0BAA0B,EAAE;IAChD,mBAAmB,EAAE,EAAE,EAAE,EAAE,sCAAsC,EAAE;IACnE,oBAAoB,EAAE,EAAE,EAAE,EAAE,wCAAwC,EAAE;IACtE,cAAc,EAAE,EAAE,EAAE,EAAE,6BAA6B,EAAE;IACrD,eAAe,EAAE,EAAE,EAAE,EAAE,wBAAwB,EAAE;IACjD,uBAAuB,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAClE,mBAAmB,EAAE,EAAE,EAAE,EAAE,6BAA6B,EAAE;CAC7D,CAAC,CAAC"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ReactNode } from "react";
|
1
|
+
import { ReactNode, Ref } from "react";
|
2
2
|
import { SortDirection } from "@gooddata/sdk-model";
|
3
3
|
import { IconType } from "../@types/icon.js";
|
4
4
|
/**
|
@@ -8,6 +8,13 @@ export interface UiAsyncTableAccessibilityConfig<T> {
|
|
8
8
|
getCheckboxItemAriaLabel?: (item: T) => string;
|
9
9
|
checkboxAllAriaLabel?: string;
|
10
10
|
searchAriaLabel?: string;
|
11
|
+
gridAriaLabel?: string;
|
12
|
+
}
|
13
|
+
/**
|
14
|
+
* @internal
|
15
|
+
*/
|
16
|
+
export interface UiAsyncTableColumnAccessibilityConfig {
|
17
|
+
ariaLabel?: string;
|
11
18
|
}
|
12
19
|
/**
|
13
20
|
* @internal
|
@@ -66,6 +73,7 @@ export interface UiAsyncTableColumn<T> {
|
|
66
73
|
bold?: boolean;
|
67
74
|
sortable?: boolean;
|
68
75
|
align?: "left" | "center" | "right";
|
76
|
+
getAccessibilityConfig?: (item: T) => UiAsyncTableColumnAccessibilityConfig;
|
69
77
|
}
|
70
78
|
/**
|
71
79
|
* @internal
|
@@ -117,7 +125,6 @@ export interface UiAsyncTableHeaderProps<T> {
|
|
117
125
|
width?: number;
|
118
126
|
small?: boolean;
|
119
127
|
largeRow?: boolean;
|
120
|
-
accessibilityConfig?: UiAsyncTableAccessibilityConfig<T>;
|
121
128
|
}
|
122
129
|
export interface UiAsyncTableFilterProps extends UiAsyncTableFilter {
|
123
130
|
isFiltersTooLarge?: boolean;
|
@@ -133,6 +140,9 @@ export interface UiAsyncTableRowProps<T extends {
|
|
133
140
|
hasCheckbox?: boolean;
|
134
141
|
isLarge?: boolean;
|
135
142
|
isSelected?: boolean;
|
143
|
+
isFocused?: boolean;
|
144
|
+
focusedColumnIndex?: number;
|
145
|
+
focusedElementRef?: Ref<HTMLElement>;
|
136
146
|
accessibilityConfig?: UiAsyncTableAccessibilityConfig<T>;
|
137
147
|
}
|
138
148
|
export type UiAsyncTableCheckboxProps = {
|
@@ -142,6 +152,8 @@ export type UiAsyncTableCheckboxProps = {
|
|
142
152
|
disabled?: boolean;
|
143
153
|
ariaLabel?: string;
|
144
154
|
header?: boolean;
|
155
|
+
isCellFocused?: boolean;
|
156
|
+
cellRef?: Ref<HTMLElement>;
|
145
157
|
};
|
146
158
|
export interface UiAsyncTableToolbarProps<T extends {
|
147
159
|
id: string;
|
@@ -188,7 +200,7 @@ export interface UiAsyncTableBodyProps<T extends {
|
|
188
200
|
scrollToIndex?: number;
|
189
201
|
isLargeRow?: boolean;
|
190
202
|
shouldLoadNextPage?: (lastItemIndex: number, itemsCount: number) => boolean;
|
191
|
-
renderItem: (item: T) => ReactNode;
|
203
|
+
renderItem: (item: T, focusedItemRef: Ref<HTMLElement>, isFocused: boolean, focusedColumnIndex?: number) => ReactNode;
|
192
204
|
}
|
193
205
|
/**
|
194
206
|
* @internal
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiAsyncTable/types.ts"],"names":[],"mappings":"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"}
|
@@ -4,7 +4,7 @@ import { IUiFocusHelperConnectors } from "./types.js";
|
|
4
4
|
* @internal
|
5
5
|
*/
|
6
6
|
export interface IUiReturnFocusOnUnmountOptions {
|
7
|
-
returnFocusTo?: string | RefObject<HTMLElement
|
7
|
+
returnFocusTo?: string | RefObject<HTMLElement> | (() => HTMLElement | null);
|
8
8
|
}
|
9
9
|
/**
|
10
10
|
* @internal
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiReturnFocusOnUnmount.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,
|
1
|
+
{"version":3,"file":"UiReturnFocusOnUnmount.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAI3E,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAChF;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,QAAQ,EACR,GAAG,OAAO,EACb,EAAE,8BAA8B,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAQ1D;AAED;;GAEG;AACH,eAAO,MAAM,mCAAmC,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,qBAEtF,8BAAmC,KAAG,wBAAwB,CAAC,CAAC,CA0BlE,CAAC"}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
// (C) 2025 GoodData Corporation
|
3
|
-
import { useCallback,
|
3
|
+
import { useCallback, useMemo, useRef } from "react";
|
4
|
+
import { useAutoupdateRef } from "@gooddata/sdk-ui";
|
4
5
|
import { resolveRef } from "./utils.js";
|
5
6
|
/**
|
6
7
|
* @internal
|
@@ -13,23 +14,21 @@ export function UiReturnFocusOnUnmount({ children, ...options }) {
|
|
13
14
|
* @internal
|
14
15
|
*/
|
15
16
|
export const useUiReturnFocusOnUnmountConnectors = ({ returnFocusTo, } = {}) => {
|
16
|
-
const
|
17
|
-
|
18
|
-
returnFocusRef.current = resolveRef(returnFocusTo) ?? document.activeElement;
|
19
|
-
}, [returnFocusTo]);
|
17
|
+
const originalFocusRef = useRef(document.activeElement);
|
18
|
+
const returnFocusToRef = useAutoupdateRef(returnFocusTo);
|
20
19
|
const hasMountedRef = useRef(false);
|
21
20
|
const ref = useCallback((element) => {
|
22
21
|
if (element) {
|
23
22
|
hasMountedRef.current = true;
|
24
23
|
return;
|
25
24
|
}
|
26
|
-
const elementToFocus = resolveRef(
|
25
|
+
const elementToFocus = resolveRef(returnFocusToRef.current) ?? originalFocusRef.current;
|
27
26
|
if (!hasMountedRef.current || !elementToFocus) {
|
28
27
|
return;
|
29
28
|
}
|
30
29
|
elementToFocus.focus();
|
31
30
|
hasMountedRef.current = false;
|
32
|
-
}, []);
|
31
|
+
}, [returnFocusToRef]);
|
33
32
|
return useMemo(() => ({ ref }), [ref]);
|
34
33
|
};
|
35
34
|
//# sourceMappingURL=UiReturnFocusOnUnmount.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiReturnFocusOnUnmount.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAwB,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"UiReturnFocusOnUnmount.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/UiReturnFocusOnUnmount.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAwB,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AASxC;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACnC,QAAQ,EACR,GAAG,OAAO,EAC6C;IACvD,MAAM,UAAU,GAAG,mCAAmC,CAAiB,OAAO,CAAC,CAAC;IAEhF,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,KAAM,UAAU,YAC9C,QAAQ,GACP,CACT,CAAC;AACN,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAsC,EACrF,aAAa,MACmB,EAAE,EAA+B,EAAE;IACnE,MAAM,gBAAgB,GAAG,MAAM,CAAqB,QAAQ,CAAC,aAA4B,CAAC,CAAC;IAC3F,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,GAAG,GAAG,WAAW,CACnB,CAAC,OAA2B,EAAE,EAAE;QAC5B,IAAI,OAAO,EAAE,CAAC;YACV,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAC;QAExF,IAAI,CAAC,aAAa,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO;QACX,CAAC;QAED,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC"}
|
@@ -3,7 +3,7 @@ import { NavigationDirection } from "./types.js";
|
|
3
3
|
/**
|
4
4
|
* @internal
|
5
5
|
*/
|
6
|
-
export declare const resolveRef: (ref: string | RefObject<HTMLElement> | undefined | null) => HTMLElement;
|
6
|
+
export declare const resolveRef: (ref: string | RefObject<HTMLElement> | (() => HTMLElement) | undefined | null) => HTMLElement;
|
7
7
|
/**
|
8
8
|
* @internal
|
9
9
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,gBAcvG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,WAAW,YAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,eAEhC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,GACvC,gBAAgB,WAAW,GAAG,SAAS,EACvC,mBAAmB,WAAW,EAAE,EAChC,WAAW,mBAAmB,EAC9B,eAAc,CAAC,OAAO,EAAE,WAAW,KAAK,OAA6B,KACtE,IAiBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAChC,gBAAgB,WAAW,GAAG,SAAS,EACvC,mBAAmB,WAAW,EAAE,EAChC,WAAW,mBAAmB,gBAcjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,GAAI,SAAS,WAAW,SAQ9D,CAAC"}
|
@@ -3,7 +3,16 @@
|
|
3
3
|
* @internal
|
4
4
|
*/
|
5
5
|
export const resolveRef = (ref) => {
|
6
|
-
|
6
|
+
if (!ref) {
|
7
|
+
return null;
|
8
|
+
}
|
9
|
+
if (typeof ref === "string") {
|
10
|
+
return document.getElementById(ref);
|
11
|
+
}
|
12
|
+
if ("current" in ref) {
|
13
|
+
return ref.current;
|
14
|
+
}
|
15
|
+
return ref() ?? null;
|
7
16
|
};
|
8
17
|
/**
|
9
18
|
* @internal
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@ui/UiFocusManager/utils.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAMhC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAA6E,EAAE,EAAE;IACxG,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC1B,OAAO,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,SAAS,IAAI,GAAG,EAAE,CAAC;QACnB,OAAO,GAAG,CAAC,OAAO,CAAC;IACvB,CAAC;IAED,OAAO,GAAG,EAAE,IAAI,IAAI,CAAC;AACzB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAE,EAAE;IACxD,OAAO,QAAQ,CAAC,aAAa,KAAK,OAAO,CAAC;AAC9C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACrC,OAAO,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,IAAI,CAAC;AACpD,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC1C,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAC9B,eAAkD,mBAAmB,EACjE,EAAE;IACN,MAAM,mBAAmB,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5F,IAAI,cAAc,GAA4B,cAAc,CAAC;IAE7D,IAAI,mBAAmB,KAAK,CAAC,CAAC,EAAE,CAAC;QAC7B,cAAc,GAAG,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,KAAK,IAAI,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,MAAM,IAAI,cAAc,KAAK,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC;QAClG,cAAc,CAAC,KAAK,EAAE,CAAC;QAEvB,IAAI,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;YAC/B,OAAO;QACX,CAAC;QAED,cAAc,GAAG,uBAAuB,CAAC,cAAc,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC3F,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,cAAuC,EACvC,iBAAgC,EAChC,SAA8B,EAChC,EAAE;IACA,MAAM,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACtB,OAAO,iBAAiB,CAAC,EAAE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,SAAS,GACX,SAAS,KAAK,UAAU;QACpB,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM;QAC1E,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAExD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC/D,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;IACrB,OAAO,CAAC,KAAK,EAAE,CAAC;IAEhB,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,CAAC;IACF,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACjE,CAAC,CAAC"}
|
@@ -19,6 +19,7 @@ export interface UiPagedVirtualListProps<T> {
|
|
19
19
|
loadNextPage?: () => void;
|
20
20
|
customKeyboardNavigationHandler?: (event: KeyboardEvent<Element>) => void;
|
21
21
|
onKeyDownSelect?: (item: T) => void;
|
22
|
+
onKeyDownConfirm?: (item: T) => void;
|
22
23
|
closeDropdown?: () => void;
|
23
24
|
isLoading?: boolean;
|
24
25
|
/**
|
@@ -35,7 +36,7 @@ export interface UiPagedVirtualListProps<T> {
|
|
35
36
|
scrollToItemKeyExtractor?: (item: T) => string | number;
|
36
37
|
scrollToIndex?: number;
|
37
38
|
shouldLoadNextPage?: (lastItemIndex: number, itemsCount: number, skeletonItemsCount: number) => boolean;
|
38
|
-
children: (item: T) => ReactNode;
|
39
|
+
children: (item: T, focusedIndex?: number) => ReactNode;
|
39
40
|
scrollbarHoverEffect?: boolean;
|
40
41
|
SkeletonItem?: ComponentType<UiPagedVirtualListSkeletonItemProps>;
|
41
42
|
representAs?: "grid" | "listbox";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiPagedVirtualList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,aAAa,EACb,aAAa,EACb,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+BAA+B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,KAAK,OAAO,CAAC;IACxG,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"UiPagedVirtualList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,aAAa,EACb,aAAa,EACb,SAAS,EAQZ,MAAM,OAAO,CAAC;AAaf;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,+BAA+B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,KAAK,OAAO,CAAC;IACxG,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACxD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,aAAa,CAAC,mCAAmC,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,mCAAmC,CAAC,CAAC;IAClD,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACnC;AAqID;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAtIO,CAAC,yHAsI+C,CAAC"}
|
@@ -4,13 +4,13 @@ import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState,
|
|
4
4
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
5
5
|
import { forwardRefWithGenerics } from "@gooddata/sdk-ui";
|
6
6
|
import { bem } from "../@utils/bem.js";
|
7
|
-
import {
|
7
|
+
import { makeLinearKeyboardNavigationWithConfirm } from "../@utils/keyboardNavigation.js";
|
8
8
|
import { ListWithActionsFocusStore } from "../hooks/useListWithActionsFocus.js";
|
9
9
|
import { SELECT_ITEM_ACTION } from "../hooks/useListWithActionsKeyboardNavigation.js";
|
10
10
|
import { UiSkeleton } from "../UiSkeleton/UiSkeleton.js";
|
11
11
|
const { b, e } = bem("gd-ui-kit-paged-virtual-list");
|
12
12
|
function UiPagedVirtualListNotWrapped(props, ref) {
|
13
|
-
const { SkeletonItem = UiSkeleton, items, itemHeight, itemsGap, itemPadding, tabIndex = 0, onKeyDownSelect, closeDropdown, customKeyboardNavigationHandler, children, scrollbarHoverEffect, representAs = "grid", focusedItem, focusedAction, listboxProps, getIsItemSelected, } = props;
|
13
|
+
const { SkeletonItem = UiSkeleton, items, itemHeight, itemsGap, itemPadding, tabIndex = 0, onKeyDownSelect, onKeyDownConfirm, closeDropdown, customKeyboardNavigationHandler, children, scrollbarHoverEffect, representAs = "grid", focusedItem, focusedAction, listboxProps, getIsItemSelected, } = props;
|
14
14
|
const { itemsCount, scrollContainerRef, height, hasScroll, rowVirtualizer, virtualItems } = useVirtualList(props);
|
15
15
|
useImperativeHandle(ref, () => ({
|
16
16
|
scrollToItem: (item) => {
|
@@ -24,7 +24,7 @@ function UiPagedVirtualListNotWrapped(props, ref) {
|
|
24
24
|
},
|
25
25
|
}));
|
26
26
|
// when tabindex is -1 this keyboard navigation and focusIndex is not used at all
|
27
|
-
const { focusedIndex, onKeyboardNavigation } = useVirtualListKeyboardNavigation(items, onKeyDownSelect, closeDropdown);
|
27
|
+
const { focusedIndex, onKeyboardNavigation } = useVirtualListKeyboardNavigation(items, onKeyDownSelect, onKeyDownConfirm, closeDropdown);
|
28
28
|
const ListElement = representAs === "grid" ? "div" : "ul";
|
29
29
|
const ItemElement = representAs === "grid" ? "div" : "li";
|
30
30
|
const makeId = ListWithActionsFocusStore.useContextStoreOptional((ctx) => ctx.makeId);
|
@@ -32,7 +32,7 @@ function UiPagedVirtualListNotWrapped(props, ref) {
|
|
32
32
|
const finalFocusedIndex = focusedItem ? focusedItemIndex : focusedIndex;
|
33
33
|
return (_jsx("div", { className: b({
|
34
34
|
hasScroll,
|
35
|
-
}), children: _jsx("div", { ref: scrollContainerRef, className: e("scroll-container", { hover: scrollbarHoverEffect }), style: { height, paddingTop: itemsGap }, children: _jsx(ListElement, { style: {
|
35
|
+
}), children: _jsx("div", { ref: scrollContainerRef, className: e("scroll-container", { hover: scrollbarHoverEffect }), style: { height, paddingTop: itemsGap }, children: _jsx(ListElement, { className: e("list"), style: {
|
36
36
|
height: `${rowVirtualizer.getTotalSize()}px`,
|
37
37
|
width: "100%",
|
38
38
|
position: "relative",
|
@@ -60,7 +60,10 @@ function UiPagedVirtualListNotWrapped(props, ref) {
|
|
60
60
|
id: makeId?.({ item: item, action: SELECT_ITEM_ACTION }),
|
61
61
|
}
|
62
62
|
: {};
|
63
|
-
return (_jsxs(ItemElement, { className: e("item", {
|
63
|
+
return (_jsxs(ItemElement, { className: e("item", {
|
64
|
+
isFocused: !customKeyboardNavigationHandler &&
|
65
|
+
finalFocusedIndex === virtualRow.index,
|
66
|
+
}), style: style, ...itemProps, children: [isSkeletonItem ? (_jsx(SkeletonItem, { itemHeight: itemHeight }, virtualRow.index)) : (children(item, virtualRow.index)), itemsGap !== 0 && _jsx("div", { className: e("gap"), style: { height: itemsGap } })] }, virtualRow.index));
|
64
67
|
}) }) }) }));
|
65
68
|
}
|
66
69
|
/**
|
@@ -154,12 +157,12 @@ function useVirtualList({ items, itemHeight, itemsGap, skeletonItemsCount, hasNe
|
|
154
157
|
virtualItems,
|
155
158
|
};
|
156
159
|
}
|
157
|
-
function useVirtualListKeyboardNavigation(items, onKeyDownSelect, closeDropdown) {
|
160
|
+
function useVirtualListKeyboardNavigation(items, onKeyDownSelect, onKeyDownConfirm, closeDropdown) {
|
158
161
|
const [focusedIndex, setFocusedIndex] = useState(0);
|
159
162
|
useEffect(() => {
|
160
163
|
setFocusedIndex(0);
|
161
164
|
}, [items]);
|
162
|
-
const virtualListKeyboardNavigationHandler = useMemo(() =>
|
165
|
+
const virtualListKeyboardNavigationHandler = useMemo(() => makeLinearKeyboardNavigationWithConfirm({
|
163
166
|
onFocusNext: () => {
|
164
167
|
setFocusedIndex((prevIndex) => {
|
165
168
|
const nextIndex = prevIndex + 1;
|
@@ -186,13 +189,22 @@ function useVirtualListKeyboardNavigation(items, onKeyDownSelect, closeDropdown)
|
|
186
189
|
},
|
187
190
|
onSelect: () => {
|
188
191
|
onKeyDownSelect?.(items[focusedIndex]);
|
189
|
-
|
192
|
+
},
|
193
|
+
onConfirm: () => {
|
194
|
+
if (onKeyDownConfirm) {
|
195
|
+
onKeyDownConfirm(items[focusedIndex]);
|
196
|
+
}
|
197
|
+
else {
|
198
|
+
// If onKeyDownConfirm is not provided, call onKeyDownSelect on Enter
|
199
|
+
onKeyDownSelect?.(items[focusedIndex]);
|
200
|
+
}
|
190
201
|
},
|
191
202
|
onClose: (e) => {
|
192
203
|
e.preventDefault();
|
204
|
+
e.stopPropagation();
|
193
205
|
closeDropdown?.();
|
194
206
|
},
|
195
|
-
}), [items, focusedIndex, onKeyDownSelect, closeDropdown]);
|
207
|
+
}), [items, focusedIndex, onKeyDownSelect, onKeyDownConfirm, closeDropdown]);
|
196
208
|
return {
|
197
209
|
focusedIndex,
|
198
210
|
onKeyboardNavigation: virtualListKeyboardNavigationHandler,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"UiPagedVirtualList.js","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAMH,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"UiPagedVirtualList.js","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"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"}
|
@@ -19,6 +19,7 @@ export interface IDropdownListProps<T> extends IListProps<T> {
|
|
19
19
|
maxHeight?: number;
|
20
20
|
renderVirtualisedList?: boolean;
|
21
21
|
onKeyDownSelect?: (item: T) => void;
|
22
|
+
onKeyDownConfirm?: (item: T) => void;
|
22
23
|
isLoading?: boolean;
|
23
24
|
showSearch?: boolean;
|
24
25
|
disableAutofocus?: boolean;
|
@@ -64,5 +65,5 @@ export declare const DEFAULT_MOBILE_ITEM_HEIGHT = 40;
|
|
64
65
|
*
|
65
66
|
* 2. `UiPagedVirtualised` — Preferred implementation that uses our `UiPagedVirtualList` component
|
66
67
|
*/
|
67
|
-
export declare function DropdownList<T>({ title, className, tabsClassName, width, height, maxHeight, renderVirtualisedList, onKeyDownSelect, isMobile, isLoading, items, itemsCount, itemHeight, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, scrollToItem, scrollDirection, ...listProps }: IDropdownListProps<T>): ReactElement;
|
68
|
+
export declare function DropdownList<T>({ title, className, tabsClassName, width, height, maxHeight, renderVirtualisedList, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items, itemsCount, itemHeight, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, scrollToItem, scrollDirection, ...listProps }: IDropdownListProps<T>): ReactElement;
|
68
69
|
//# sourceMappingURL=DropdownList.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,YAAY,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAa5F,OAAO,EAAE,UAAU,EAAQ,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;
|
1
|
+
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,YAAY,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAa5F,OAAO,EAAE,UAAU,EAAQ,MAAM,kBAAkB,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAErC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,SAAS,CAAC;IACpE,MAAM,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC;;GAEG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAc7C;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,KAAK,EACL,SAAc,EACd,aAAkB,EAElB,KAAK,EACL,MAAM,EACN,SAAS,EAET,qBAA6B,EAC7B,eAAe,EACf,gBAAgB,EAEhB,QAAQ,EACR,SAAS,EAET,KAAU,EACV,UAAyB,EACzB,UAAgC,EAChC,gBAA6C,EAE7C,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,QAAQ,EAER,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,WAAW,EAEX,YAA4B,EAC5B,MAAM,EACN,aAAa,EAEb,YAAY,EACZ,eAAe,EACf,GAAG,SAAS,EACf,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,YAAY,CA+ItC"}
|
@@ -40,7 +40,7 @@ function DefaultNoData({ hasNoMatchingData }) {
|
|
40
40
|
*
|
41
41
|
* 2. `UiPagedVirtualised` — Preferred implementation that uses our `UiPagedVirtualList` component
|
42
42
|
*/
|
43
|
-
export function DropdownList({ title, className = "", tabsClassName = "", width, height, maxHeight, renderVirtualisedList = false, onKeyDownSelect, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = DefaultNoData, footer, closeDropdown, scrollToItem, scrollDirection, ...listProps }) {
|
43
|
+
export function DropdownList({ title, className = "", tabsClassName = "", width, height, maxHeight, renderVirtualisedList = false, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = DefaultNoData, footer, closeDropdown, scrollToItem, scrollDirection, ...listProps }) {
|
44
44
|
const [currentSearchString, setCurrentSearchString] = useState(searchString);
|
45
45
|
const hasNoData = !isLoading && itemsCount === 0;
|
46
46
|
const hasNoMatchingData = hasNoData && !!currentSearchString;
|
@@ -79,7 +79,7 @@ export function DropdownList({ title, className = "", tabsClassName = "", width,
|
|
79
79
|
? Math.max(mobileItemHeight, itemHeight)
|
80
80
|
: itemHeight;
|
81
81
|
const effectiveMaxHeight = maxHeight || listHeight || 300;
|
82
|
-
return renderVirtualisedList ? (_jsx("div", { style: { width: listWidth }, className: listClassNames, children: _jsx(UiPagedVirtualList, { maxHeight: effectiveMaxHeight, items: items, itemHeight: effectiveItemHeight, itemsGap: 0, itemPadding: 0, skeletonItemsCount: 0, onKeyDownSelect: onKeyDownSelect, closeDropdown: closeDropdown, children: (item) => {
|
82
|
+
return renderVirtualisedList ? (_jsx("div", { style: { width: listWidth }, className: listClassNames, children: _jsx(UiPagedVirtualList, { maxHeight: effectiveMaxHeight, items: items, itemHeight: effectiveItemHeight, itemsGap: 0, itemPadding: 0, skeletonItemsCount: 0, onKeyDownSelect: onKeyDownSelect, onKeyDownConfirm: onKeyDownConfirm, closeDropdown: closeDropdown, children: (item) => {
|
83
83
|
const rowIndex = items.indexOf(item);
|
84
84
|
const listWidth = isMobile ? autoSize.width : width;
|
85
85
|
return listProps.renderItem({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,QAAQ,EAA2B,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EACH,+BAA+B,EAC/B,2BAA2B,GAC9B,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAc,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;
|
1
|
+
{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"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"}
|
package/esm/index.d.ts
CHANGED
@@ -145,7 +145,7 @@ export { useListWithActionsKeyboardNavigation, SELECT_ITEM_ACTION, } from "./@ui
|
|
145
145
|
export { ListWithActionsFocusStore, useFocusWithinContainer, useListWithActionsFocusStoreValue, } from "./@ui/hooks/useListWithActionsFocus.js";
|
146
146
|
export { UiNavigationBypass } from "./@ui/UiNavigationBypass/UiNavigationBypass.js";
|
147
147
|
export type { IUiNavigationBypassProps, IUiNavigationItem, } from "./@ui/UiNavigationBypass/UiNavigationBypass.js";
|
148
|
-
export type { UiAsyncTableProps, UiAsyncTableColumn, UiAsyncTableFilter, UiAsyncTableFilterOption, UiAsyncTableBulkAction, UiAsyncTableMenuRenderer, UiAsyncTableTitleProps, UiAsyncTableTitleAction, UiAsyncTableEmptyStateProps, UiAsyncTableAccessibilityConfig, } from "./@ui/UiAsyncTable/types.js";
|
148
|
+
export type { UiAsyncTableProps, UiAsyncTableColumn, UiAsyncTableFilter, UiAsyncTableFilterOption, UiAsyncTableBulkAction, UiAsyncTableMenuRenderer, UiAsyncTableTitleProps, UiAsyncTableTitleAction, UiAsyncTableEmptyStateProps, UiAsyncTableAccessibilityConfig, UiAsyncTableColumnAccessibilityConfig, } from "./@ui/UiAsyncTable/types.js";
|
149
149
|
export { ROW_HEIGHT_NORMAL as UiAsyncTableRowHeightNormal, ROW_HEIGHT_LARGE as UiAsyncTableRowHeightLarge, SCROLLBAR_WIDTH as UiAsyncTableScrollbarWidth, CHECKBOX_COLUMN_WIDTH as UiAsyncTableCheckboxColumnWidth, } from "./@ui/UiAsyncTable/UiAsyncTable/constants.js";
|
150
150
|
export { UiAsyncTable } from "./@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js";
|
151
151
|
export { UiAsyncTableTitle } from "./@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js";
|