@gooddata/sdk-ui-kit 11.44.0-alpha.3 → 11.45.0-alpha.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.
|
@@ -22,7 +22,7 @@ export function UiAsyncTableHeader({ columns, handleColumnClick, sortBy, sortDir
|
|
|
22
22
|
sortable: sortable ?? false,
|
|
23
23
|
isFocused: isFocused(index),
|
|
24
24
|
align: column.align ?? false,
|
|
25
|
-
}), style: { width }, role: "columnheader", id: getColumnHeaderId(String(column.key ?? index)), "aria-sort": sorted ? (desc ? "descending" : "ascending") : "none", "aria-label": renderMenu ? intl.formatMessage(messages["menuHeaderAriaLabel"]) :
|
|
25
|
+
}), style: { width }, role: "columnheader", id: getColumnHeaderId(String(column.key ?? index)), "aria-sort": sorted ? (desc ? "descending" : "ascending") : "none", "aria-label": renderMenu ? intl.formatMessage(messages["menuHeaderAriaLabel"]) : undefined, children: [
|
|
26
26
|
_jsx("span", { className: e("text"), children: column.label }), sortable ? _jsx("div", { className: e("sort"), children: arrowIcon }) : null] }, index));
|
|
27
27
|
})] }));
|
|
28
28
|
}
|
|
@@ -64,6 +64,7 @@ export interface IDropdownListProps<T> {
|
|
|
64
64
|
itemHeightGetter?: (index: number) => number;
|
|
65
65
|
itemTitleGetter?: (item: T) => string;
|
|
66
66
|
accessibilityConfig?: Pick<IAccessibilityConfigBase, "ariaLabel" | "ariaLabelledBy" | "role">;
|
|
67
|
+
body?: ReactNode | ((closeDropdown: () => void) => ReactNode);
|
|
67
68
|
onScroll?: () => void;
|
|
68
69
|
/**
|
|
69
70
|
* An item in the list that should be scrolled into view when the component renders.
|
|
@@ -95,5 +96,5 @@ export declare const DEFAULT_MOBILE_ITEM_HEIGHT = 40;
|
|
|
95
96
|
* @internal
|
|
96
97
|
*
|
|
97
98
|
*/
|
|
98
|
-
export declare function DropdownList<T>({ id, title, className, tabsClassName, width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items, itemsCount, itemHeight, containerPadding, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, accessibilityConfig, renderItem, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount, shouldLoadNextPage, isNextPageLoading, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor }: IDropdownListProps<T>): ReactElement;
|
|
99
|
+
export declare function DropdownList<T>({ id, title, className, tabsClassName, width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items, itemsCount, itemHeight, containerPadding, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, accessibilityConfig, renderItem, body, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount, shouldLoadNextPage, isNextPageLoading, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor }: IDropdownListProps<T>): ReactElement;
|
|
99
100
|
//# sourceMappingURL=DropdownList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ const defaultNoData = (props) => {
|
|
|
32
32
|
* @internal
|
|
33
33
|
*
|
|
34
34
|
*/
|
|
35
|
-
export function DropdownList({ id, title, className = "", tabsClassName = "", width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, containerPadding = 0, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = defaultNoData, footer, closeDropdown, accessibilityConfig, renderItem, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount = 0, shouldLoadNextPage, isNextPageLoading = false, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor, }) {
|
|
35
|
+
export function DropdownList({ id, title, className = "", tabsClassName = "", width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items = [], itemsCount = items.length, itemHeight = DEFAULT_ITEM_HEIGHT, containerPadding = 0, mobileItemHeight = DEFAULT_MOBILE_ITEM_HEIGHT, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData = defaultNoData, footer, closeDropdown, accessibilityConfig, renderItem, body, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount = 0, shouldLoadNextPage, isNextPageLoading = false, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor, }) {
|
|
36
36
|
const [currentSearchString, setCurrentSearchString] = useState(searchString);
|
|
37
37
|
const hasNoData = !isLoading && itemsCount === 0;
|
|
38
38
|
const hasNoMatchingData = hasNoData && !!currentSearchString;
|
|
@@ -48,6 +48,15 @@ export function DropdownList({ id, title, className = "", tabsClassName = "", wi
|
|
|
48
48
|
}
|
|
49
49
|
return footer;
|
|
50
50
|
};
|
|
51
|
+
const renderBody = () => {
|
|
52
|
+
if (!body) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
if (typeof body === "function") {
|
|
56
|
+
return body(closeDropdown);
|
|
57
|
+
}
|
|
58
|
+
return body;
|
|
59
|
+
};
|
|
51
60
|
const onChange = useCallback((search) => {
|
|
52
61
|
onSearch?.(search.toString());
|
|
53
62
|
setCurrentSearchString(search.toString());
|
|
@@ -75,7 +84,7 @@ export function DropdownList({ id, title, className = "", tabsClassName = "", wi
|
|
|
75
84
|
} }) }), _jsx(UiSearchResultsAnnouncement, { totalResults: currentSearchString ? itemsCount : undefined, resultValues: itemsCount <= DETAILED_ANNOUNCEMENT_THRESHOLD && itemTitleGetter
|
|
76
85
|
? items.map(itemTitleGetter)
|
|
77
86
|
: undefined })
|
|
78
|
-
] })) : null, showTabs ? (_jsx(DropdownTabs, { tabs: tabs, selectedTabId: selectedTabId, onTabSelect: onTabSelect, className: tabsClassName })) : null, hasNoData ? (_jsx("div", { style: { width: isMobile ? "auto" : width }, children: renderNoData({ hasNoMatchingData }) })) : null, isLoading ? _jsx(LoadingMask, { width: isMobile ? "100%" : width, height: LOADING_HEIGHT }) : null, !isLoading && itemsCount > 0 ? (_jsx(AutoSize, { children: (autoSize) => {
|
|
87
|
+
] })) : null, showTabs ? (_jsx(DropdownTabs, { tabs: tabs, selectedTabId: selectedTabId, onTabSelect: onTabSelect, className: tabsClassName })) : null, renderBody(), hasNoData ? (_jsx("div", { style: { width: isMobile ? "auto" : width }, children: renderNoData({ hasNoMatchingData }) })) : null, isLoading ? _jsx(LoadingMask, { width: isMobile ? "100%" : width, height: LOADING_HEIGHT }) : null, !isLoading && itemsCount > 0 ? (_jsx(AutoSize, { children: (autoSize) => {
|
|
79
88
|
const listWidth = isMobile ? autoSize.width : (width ?? (autoSize.width || 200));
|
|
80
89
|
const listHeight = isMobile ? autoSize.height : height;
|
|
81
90
|
const effectiveItemHeight = isMobile
|
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -910,7 +910,7 @@ export declare function DropdownInvertableSelect<T>(props: IDropdownInvertableSe
|
|
|
910
910
|
* @internal
|
|
911
911
|
*
|
|
912
912
|
*/
|
|
913
|
-
export declare function DropdownList<T>({ id, title, className, tabsClassName, width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items, itemsCount, itemHeight, containerPadding, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, accessibilityConfig, renderItem, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount, shouldLoadNextPage, isNextPageLoading, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor }: IDropdownListProps<T>): ReactElement;
|
|
913
|
+
export declare function DropdownList<T>({ id, title, className, tabsClassName, width, height, maxHeight, onKeyDownSelect, onKeyDownConfirm, isMobile, isLoading, items, itemsCount, itemHeight, containerPadding, mobileItemHeight, showSearch, disableAutofocus, searchString, searchLabel, searchPlaceholder, searchFieldSize, onSearch, showTabs, tabs, selectedTabId, onTabSelect, renderNoData, footer, closeDropdown, accessibilityConfig, renderItem, body, itemHeightGetter, itemTitleGetter, loadNextPage, hasNextPage, skeletonItemsCount, shouldLoadNextPage, isNextPageLoading, SkeletonItem, onScroll, scrollToItem, scrollToItemKeyExtractor }: IDropdownListProps<T>): ReactElement;
|
|
914
914
|
|
|
915
915
|
/**
|
|
916
916
|
* @internal
|
|
@@ -3238,6 +3238,7 @@ export declare interface IDropdownListProps<T> {
|
|
|
3238
3238
|
itemHeightGetter?: (index: number) => number;
|
|
3239
3239
|
itemTitleGetter?: (item: T) => string;
|
|
3240
3240
|
accessibilityConfig?: Pick<IAccessibilityConfigBase, "ariaLabel" | "ariaLabelledBy" | "role">;
|
|
3241
|
+
body?: ReactNode | ((closeDropdown: () => void) => ReactNode);
|
|
3241
3242
|
onScroll?: () => void;
|
|
3242
3243
|
/**
|
|
3243
3244
|
* An item in the list that should be scrolled into view when the component renders.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.45.0-alpha.0",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "GoodData Corporation",
|
|
@@ -74,11 +74,11 @@
|
|
|
74
74
|
"tslib": "2.8.1",
|
|
75
75
|
"unified": "^11.0.5",
|
|
76
76
|
"uuid": "11.1.1",
|
|
77
|
-
"@gooddata/sdk-
|
|
78
|
-
"@gooddata/sdk-
|
|
79
|
-
"@gooddata/sdk-
|
|
80
|
-
"@gooddata/
|
|
81
|
-
"@gooddata/
|
|
77
|
+
"@gooddata/sdk-model": "11.45.0-alpha.0",
|
|
78
|
+
"@gooddata/sdk-ui": "11.45.0-alpha.0",
|
|
79
|
+
"@gooddata/sdk-backend-spi": "11.45.0-alpha.0",
|
|
80
|
+
"@gooddata/sdk-ui-theme-provider": "11.45.0-alpha.0",
|
|
81
|
+
"@gooddata/util": "11.45.0-alpha.0"
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
84
|
"@microsoft/api-documenter": "^7.17.0",
|
|
@@ -127,11 +127,11 @@
|
|
|
127
127
|
"typescript": "5.9.3",
|
|
128
128
|
"vitest": "4.1.8",
|
|
129
129
|
"vitest-dom": "0.1.1",
|
|
130
|
-
"@gooddata/oxlint-config": "11.
|
|
131
|
-
"@gooddata/
|
|
132
|
-
"@gooddata/
|
|
133
|
-
"@gooddata/
|
|
134
|
-
"@gooddata/
|
|
130
|
+
"@gooddata/oxlint-config": "11.45.0-alpha.0",
|
|
131
|
+
"@gooddata/reference-workspace": "11.45.0-alpha.0",
|
|
132
|
+
"@gooddata/sdk-backend-mockingbird": "11.45.0-alpha.0",
|
|
133
|
+
"@gooddata/stylelint-config": "11.45.0-alpha.0",
|
|
134
|
+
"@gooddata/eslint-config": "11.45.0-alpha.0"
|
|
135
135
|
},
|
|
136
136
|
"peerDependencies": {
|
|
137
137
|
"react": "^18.0.0 || ^19.0.0",
|