@gooddata/sdk-ui-kit 11.9.0-alpha.4 → 11.9.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js.map +1 -1
- package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiFocusTrap.js.map +1 -1
- package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiTabOutHandler.js.map +1 -1
- package/esm/@ui/UiFocusManager/types.d.ts +0 -4
- package/esm/@ui/UiFocusManager/types.d.ts.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/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts +4 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts.map +1 -1
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js +6 -0
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js.map +1 -1
- package/esm/@ui/UiMenu/hooks.d.ts.map +1 -1
- package/esm/@ui/UiMenu/hooks.js +6 -0
- package/esm/@ui/UiMenu/hooks.js.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js +3 -3
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js +7 -6
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts +7 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js +6 -4
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js +13 -5
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js +7 -4
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js +26 -18
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActions.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabValue.js.map +1 -1
- package/esm/@ui/UiTabs/types.d.ts +6 -1
- package/esm/@ui/UiTabs/types.d.ts.map +1 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.d.ts.map +1 -1
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js +9 -3
- package/esm/@ui/UiTabs/useUiTabsContextStoreValue.js.map +1 -1
- package/esm/@ui/hooks/useFocusWithinContainer.d.ts +7 -0
- package/esm/@ui/hooks/useFocusWithinContainer.d.ts.map +1 -0
- package/esm/@ui/hooks/useFocusWithinContainer.js +22 -0
- package/esm/@ui/hooks/useFocusWithinContainer.js.map +1 -0
- package/esm/@ui/hooks/useScopedId.d.ts +34 -0
- package/esm/@ui/hooks/useScopedId.d.ts.map +1 -0
- package/esm/@ui/hooks/useScopedId.js +39 -0
- package/esm/@ui/hooks/useScopedId.js.map +1 -0
- package/esm/List/InvertableSelect/InvertableSelectAllCheckbox.js +3 -3
- package/esm/List/InvertableSelect/InvertableSelectAllCheckbox.js.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.d.ts.map +1 -1
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.js +11 -10
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.js.map +1 -1
- package/esm/index.d.ts +6 -4
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +4 -3
- package/esm/index.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +74 -24
- package/esm/typings/navigation.d.ts +5 -0
- package/esm/typings/navigation.d.ts.map +1 -0
- package/esm/typings/navigation.js +3 -0
- package/esm/typings/navigation.js.map +1 -0
- package/esm/utils/domUtilities.d.ts +20 -0
- package/esm/utils/domUtilities.d.ts.map +1 -1
- package/esm/utils/domUtilities.js +50 -0
- package/esm/utils/domUtilities.js.map +1 -1
- package/package.json +10 -10
- package/src/@ui/UiAsyncTable/asyncTable.scss +1 -2
- package/src/@ui/UiTabs/UiTabs.scss +31 -9
- package/styles/css/main.css +25 -11
- package/styles/css/main.css.map +1 -1
- package/esm/@ui/hooks/useListWithActionsFocus.d.ts +0 -27
- package/esm/@ui/hooks/useListWithActionsFocus.d.ts.map +0 -1
- package/esm/@ui/hooks/useListWithActionsFocus.js +0 -36
- package/esm/@ui/hooks/useListWithActionsFocus.js.map +0 -1
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -595,7 +595,12 @@ export declare function DefaultUiTabsAllTabs<TTabProps extends Record<any, any>
|
|
|
595
595
|
/**
|
|
596
596
|
* @internal
|
|
597
597
|
*/
|
|
598
|
-
export declare
|
|
598
|
+
export declare const DefaultUiTabsAllTabsButton: <TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(props: Omit<{
|
|
599
|
+
isOpen: boolean;
|
|
600
|
+
onClick: () => void;
|
|
601
|
+
ref?: RefObject<HTMLElement>;
|
|
602
|
+
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
603
|
+
}, "ref"> & RefAttributes<HTMLElement>) => ReactNode;
|
|
599
604
|
|
|
600
605
|
/**
|
|
601
606
|
* @internal
|
|
@@ -827,6 +832,27 @@ export declare const FilterLabel: FC<WithIntlProps<IFilterLabelProps & WrappedCo
|
|
|
827
832
|
WrappedComponent: ComponentType<IFilterLabelProps & WrappedComponentProps>;
|
|
828
833
|
};
|
|
829
834
|
|
|
835
|
+
/**
|
|
836
|
+
* @internal
|
|
837
|
+
* Check a single sibling element for focusable descendants.
|
|
838
|
+
*
|
|
839
|
+
* @param sibling - The sibling element to check
|
|
840
|
+
* @param direction - Direction to determine which focusable element to return
|
|
841
|
+
* @returns The first or last focusable element within the sibling, or null
|
|
842
|
+
*/
|
|
843
|
+
export declare const findFocusableElementInSibling: (sibling: Element, direction?: NavigationDirection) => HTMLElement | null;
|
|
844
|
+
|
|
845
|
+
/**
|
|
846
|
+
* @internal
|
|
847
|
+
* Find the next or previous focusable element outside of a given container by traversing up the DOM tree.
|
|
848
|
+
* This is more efficient than querying all focusable elements on the page.
|
|
849
|
+
*
|
|
850
|
+
* @param container - The container to find focusable elements outside of
|
|
851
|
+
* @param direction - 'forward' for next element (Tab), 'backward' for previous element (Shift+Tab)
|
|
852
|
+
* @returns The next/previous focusable element, or null if none found
|
|
853
|
+
*/
|
|
854
|
+
export declare const findFocusableElementOutsideContainer: (container: HTMLElement, direction?: NavigationDirection) => HTMLElement | null;
|
|
855
|
+
|
|
830
856
|
/**
|
|
831
857
|
* Finds an interactive menu item that matches the predicate.
|
|
832
858
|
* @internal
|
|
@@ -5182,6 +5208,11 @@ export declare interface ISpinnerProps {
|
|
|
5182
5208
|
className?: string;
|
|
5183
5209
|
}
|
|
5184
5210
|
|
|
5211
|
+
/**
|
|
5212
|
+
* @internal
|
|
5213
|
+
*/
|
|
5214
|
+
export declare function isSeparator(item: unknown): item is typeof separatorStaticItem;
|
|
5215
|
+
|
|
5185
5216
|
/**
|
|
5186
5217
|
* Checks if the given keyboard event is triggered by a Space key.
|
|
5187
5218
|
*
|
|
@@ -5792,7 +5823,11 @@ export declare interface IUiStaticTreeViewProps<Level> extends IUiTreeViewProps<
|
|
|
5792
5823
|
export declare type IUiTab<TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject> = {
|
|
5793
5824
|
id: string;
|
|
5794
5825
|
label: string;
|
|
5795
|
-
|
|
5826
|
+
/**
|
|
5827
|
+
* @defaultValue "default"
|
|
5828
|
+
*/
|
|
5829
|
+
variant?: "default" | "placeholder";
|
|
5830
|
+
actions?: Array<IUiTabAction<TTabProps, TTabActionProps> | typeof separatorStaticItem>;
|
|
5796
5831
|
} & TTabProps;
|
|
5797
5832
|
|
|
5798
5833
|
/**
|
|
@@ -6124,17 +6159,6 @@ export declare type LevelTypesUnion<Levels extends unknown[]> = Levels[number];
|
|
|
6124
6159
|
*/
|
|
6125
6160
|
export declare function List<T>({ id, className, compensateBorder, width, height, maxHeight, items, itemsCount, itemHeight, itemHeightGetter, maxVisibleItemsCount, renderItem, onScrollStart, onScrollEnd, scrollToItem, scrollDirection, accessibilityConfig, }: IListProps<T>): ReactElement;
|
|
6126
6161
|
|
|
6127
|
-
/**
|
|
6128
|
-
* @internal
|
|
6129
|
-
*/
|
|
6130
|
-
export declare const ListWithActionsFocusStore: IContextStore< {
|
|
6131
|
-
makeId: ({ item, action }: {
|
|
6132
|
-
item: unknown;
|
|
6133
|
-
action: string;
|
|
6134
|
-
}) => string;
|
|
6135
|
-
containerId: string;
|
|
6136
|
-
}>;
|
|
6137
|
-
|
|
6138
6162
|
/**
|
|
6139
6163
|
* @internal
|
|
6140
6164
|
*/
|
|
@@ -6588,6 +6612,17 @@ export declare function RichTextWithTooltip(props: IRichTextWithTooltipProps): J
|
|
|
6588
6612
|
*/
|
|
6589
6613
|
export declare type SameAsTargetPosition = "sameAsTarget";
|
|
6590
6614
|
|
|
6615
|
+
/**
|
|
6616
|
+
* @internal
|
|
6617
|
+
*/
|
|
6618
|
+
export declare const ScopedIdStore: IContextStore< {
|
|
6619
|
+
makeId: ({ item, specifier }: {
|
|
6620
|
+
item: unknown;
|
|
6621
|
+
specifier?: string;
|
|
6622
|
+
}) => string;
|
|
6623
|
+
containerId: string;
|
|
6624
|
+
}>;
|
|
6625
|
+
|
|
6591
6626
|
/**
|
|
6592
6627
|
* Stores the latest message for the screen reader to read
|
|
6593
6628
|
* @internal
|
|
@@ -8030,17 +8065,6 @@ export declare const useKeyboardNavigationTarget: ({ navigationId, label, tabInd
|
|
|
8030
8065
|
targetRef: (node: HTMLElement | null) => void;
|
|
8031
8066
|
};
|
|
8032
8067
|
|
|
8033
|
-
/**
|
|
8034
|
-
* @internal
|
|
8035
|
-
*/
|
|
8036
|
-
export declare const useListWithActionsFocusStoreValue: <T>(getIdFromItem: (item: T) => string) => {
|
|
8037
|
-
makeId: ({ item, action }: {
|
|
8038
|
-
item: T;
|
|
8039
|
-
action: string;
|
|
8040
|
-
}) => string;
|
|
8041
|
-
containerId: string;
|
|
8042
|
-
};
|
|
8043
|
-
|
|
8044
8068
|
/**
|
|
8045
8069
|
* @internal
|
|
8046
8070
|
*/
|
|
@@ -8108,6 +8132,32 @@ export declare function useOverlayZIndexWithRegister(): number;
|
|
|
8108
8132
|
*/
|
|
8109
8133
|
export declare const useResponsiveContext: () => IResponsiveConfig;
|
|
8110
8134
|
|
|
8135
|
+
/**
|
|
8136
|
+
* Returns a unique id for the given item and specifier. If the item is not provided, the container id is returned.
|
|
8137
|
+
*
|
|
8138
|
+
* @internal
|
|
8139
|
+
*/
|
|
8140
|
+
export declare function useScopedId<T>(item?: T, specifier?: string): string;
|
|
8141
|
+
|
|
8142
|
+
/**
|
|
8143
|
+
* Returns a unique id for the given item and specifier. If the item is not provided, the container id is returned.
|
|
8144
|
+
* If no ScopedIdStore is available, returns undefined.
|
|
8145
|
+
*
|
|
8146
|
+
* @internal
|
|
8147
|
+
*/
|
|
8148
|
+
export declare function useScopedIdOptional<T>(item?: T, specifier?: string): string;
|
|
8149
|
+
|
|
8150
|
+
/**
|
|
8151
|
+
* @internal
|
|
8152
|
+
*/
|
|
8153
|
+
export declare const useScopedIdStoreValue: <T>(getIdFromItem: (item: T) => string) => {
|
|
8154
|
+
makeId: ({ item, specifier }: {
|
|
8155
|
+
item: T;
|
|
8156
|
+
specifier?: string;
|
|
8157
|
+
}) => string;
|
|
8158
|
+
containerId: string;
|
|
8159
|
+
};
|
|
8160
|
+
|
|
8111
8161
|
/**
|
|
8112
8162
|
* @internal
|
|
8113
8163
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/typings/navigation.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/typings/navigation.ts"],"names":[],"mappings":"AAAA,gCAAgC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { KeyboardEvent } from "react";
|
|
2
2
|
import { IRegion } from "../typings/domUtilities.js";
|
|
3
|
+
import { NavigationDirection } from "../typings/navigation.js";
|
|
3
4
|
/**
|
|
4
5
|
* Removes the element specified from the DOM
|
|
5
6
|
*/
|
|
@@ -46,4 +47,23 @@ export declare const getFocusableElements: (element?: HTMLElement | null, includ
|
|
|
46
47
|
* @returns whether or not the supplied element is focusable
|
|
47
48
|
*/
|
|
48
49
|
export declare const isElementFocusable: (element?: HTMLElement | null, includeHidden?: boolean) => boolean;
|
|
50
|
+
/**
|
|
51
|
+
* @internal
|
|
52
|
+
* Check a single sibling element for focusable descendants.
|
|
53
|
+
*
|
|
54
|
+
* @param sibling - The sibling element to check
|
|
55
|
+
* @param direction - Direction to determine which focusable element to return
|
|
56
|
+
* @returns The first or last focusable element within the sibling, or null
|
|
57
|
+
*/
|
|
58
|
+
export declare const findFocusableElementInSibling: (sibling: Element, direction?: NavigationDirection) => HTMLElement | null;
|
|
59
|
+
/**
|
|
60
|
+
* @internal
|
|
61
|
+
* Find the next or previous focusable element outside of a given container by traversing up the DOM tree.
|
|
62
|
+
* This is more efficient than querying all focusable elements on the page.
|
|
63
|
+
*
|
|
64
|
+
* @param container - The container to find focusable elements outside of
|
|
65
|
+
* @param direction - 'forward' for next element (Tab), 'backward' for previous element (Shift+Tab)
|
|
66
|
+
* @returns The next/previous focusable element, or null if none found
|
|
67
|
+
*/
|
|
68
|
+
export declare const findFocusableElementOutsideContainer: (container: HTMLElement, direction?: NavigationDirection) => HTMLElement | null;
|
|
49
69
|
//# sourceMappingURL=domUtilities.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"domUtilities.d.ts","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,WAAW,KAAG,IAIpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,GACf,SAAS,WAAW,EACpB,sBAAsB,OAAO,EAC7B,yCAAqB,KACtB,OAeF,CAAC;AAiBF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,GAAG,MAAM,KAAG,OAe/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GACtB,mBAAmB,WAAW,GAAG,MAAM,EACvC,2BAA2B,OAAO,KACnC,OAuCF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,SAAS,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,KAAG,OAc1F,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,aAAa,YAIzD,CAAC;AAmDF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,UAAU,WAAW,GAAG,IAAI,EAAE,gBAAe,OAAe;;;;CAShG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,WAAW,GAAG,IAAI,EAAE,gBAAe,OAAe,YAE9F,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,GACtC,SAAS,OAAO,EAChB,YAAW,mBAA+B,KAC3C,WAAW,GAAG,IAahB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,GAC7C,WAAW,WAAW,EACtB,YAAW,mBAA+B,KAC3C,WAAW,GAAG,IA2BhB,CAAC"}
|
|
@@ -179,4 +179,54 @@ export const getFocusableElements = (element, includeHidden = false) => {
|
|
|
179
179
|
export const isElementFocusable = (element, includeHidden = false) => {
|
|
180
180
|
return element?.matches(focusableElementsSelector) && isFocusable(element, includeHidden);
|
|
181
181
|
};
|
|
182
|
+
/**
|
|
183
|
+
* @internal
|
|
184
|
+
* Check a single sibling element for focusable descendants.
|
|
185
|
+
*
|
|
186
|
+
* @param sibling - The sibling element to check
|
|
187
|
+
* @param direction - Direction to determine which focusable element to return
|
|
188
|
+
* @returns The first or last focusable element within the sibling, or null
|
|
189
|
+
*/
|
|
190
|
+
export const findFocusableElementInSibling = (sibling, direction = "forward") => {
|
|
191
|
+
const siblingElement = sibling;
|
|
192
|
+
// Skip hidden elements early - avoid expensive querySelectorAll on hidden subtrees
|
|
193
|
+
// offsetParent is null if element or ancestor is display:none
|
|
194
|
+
if (siblingElement.offsetParent === null && siblingElement !== document.body) {
|
|
195
|
+
return null;
|
|
196
|
+
}
|
|
197
|
+
const { firstElement, lastElement } = getFocusableElements(siblingElement);
|
|
198
|
+
// Use the pre-computed first/last element instead of array access
|
|
199
|
+
return direction === "forward" ? (firstElement ?? null) : (lastElement ?? null);
|
|
200
|
+
};
|
|
201
|
+
/**
|
|
202
|
+
* @internal
|
|
203
|
+
* Find the next or previous focusable element outside of a given container by traversing up the DOM tree.
|
|
204
|
+
* This is more efficient than querying all focusable elements on the page.
|
|
205
|
+
*
|
|
206
|
+
* @param container - The container to find focusable elements outside of
|
|
207
|
+
* @param direction - 'forward' for next element (Tab), 'backward' for previous element (Shift+Tab)
|
|
208
|
+
* @returns The next/previous focusable element, or null if none found
|
|
209
|
+
*/
|
|
210
|
+
export const findFocusableElementOutsideContainer = (container, direction = "forward") => {
|
|
211
|
+
let currentElement = container;
|
|
212
|
+
// Traverse up the DOM tree
|
|
213
|
+
while (currentElement) {
|
|
214
|
+
// Check siblings one by one (lazy evaluation)
|
|
215
|
+
let sibling = direction === "forward"
|
|
216
|
+
? currentElement.nextElementSibling
|
|
217
|
+
: currentElement.previousElementSibling;
|
|
218
|
+
// Check each sibling immediately instead of collecting all first
|
|
219
|
+
while (sibling) {
|
|
220
|
+
const targetElement = findFocusableElementInSibling(sibling, direction);
|
|
221
|
+
if (targetElement) {
|
|
222
|
+
return targetElement;
|
|
223
|
+
}
|
|
224
|
+
// Move to next/previous sibling
|
|
225
|
+
sibling = direction === "forward" ? sibling.nextElementSibling : sibling.previousElementSibling;
|
|
226
|
+
}
|
|
227
|
+
// Move up to parent and continue searching
|
|
228
|
+
currentElement = currentElement.parentElement;
|
|
229
|
+
}
|
|
230
|
+
return null;
|
|
231
|
+
};
|
|
182
232
|
//# sourceMappingURL=domUtilities.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"domUtilities.js","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAIrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"domUtilities.js","sourceRoot":"","sources":["../../src/utils/domUtilities.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "11.9.0-alpha.
|
|
3
|
+
"version": "11.9.0-alpha.5",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -76,11 +76,11 @@
|
|
|
76
76
|
"tslib": "2.8.1",
|
|
77
77
|
"unified": "^11.0.5",
|
|
78
78
|
"uuid": "^11.1.0",
|
|
79
|
-
"@gooddata/sdk-backend-spi": "11.9.0-alpha.
|
|
80
|
-
"@gooddata/sdk-model": "11.9.0-alpha.
|
|
81
|
-
"@gooddata/sdk-ui
|
|
82
|
-
"@gooddata/
|
|
83
|
-
"@gooddata/
|
|
79
|
+
"@gooddata/sdk-backend-spi": "11.9.0-alpha.5",
|
|
80
|
+
"@gooddata/sdk-model": "11.9.0-alpha.5",
|
|
81
|
+
"@gooddata/sdk-ui": "11.9.0-alpha.5",
|
|
82
|
+
"@gooddata/util": "11.9.0-alpha.5",
|
|
83
|
+
"@gooddata/sdk-ui-theme-provider": "11.9.0-alpha.5"
|
|
84
84
|
},
|
|
85
85
|
"devDependencies": {
|
|
86
86
|
"@gooddata/stylelint-config": "^5.0.0",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"raf": "^3.4.1",
|
|
123
123
|
"react": "19.1.1",
|
|
124
124
|
"react-dom": "19.1.1",
|
|
125
|
-
"sass": "1.
|
|
125
|
+
"sass": "1.70.0",
|
|
126
126
|
"stylelint": "^13.8.0",
|
|
127
127
|
"stylelint-checkstyle-formatter": "^0.1.2",
|
|
128
128
|
"stylelint-config-prettier": "^9.0.5",
|
|
@@ -130,9 +130,9 @@
|
|
|
130
130
|
"typescript": "5.8.3",
|
|
131
131
|
"vitest": "3.2.4",
|
|
132
132
|
"vitest-dom": "0.1.1",
|
|
133
|
-
"@gooddata/eslint-config": "11.9.0-alpha.
|
|
134
|
-
"@gooddata/
|
|
135
|
-
"@gooddata/
|
|
133
|
+
"@gooddata/eslint-config": "11.9.0-alpha.5",
|
|
134
|
+
"@gooddata/reference-workspace": "11.9.0-alpha.5",
|
|
135
|
+
"@gooddata/sdk-backend-mockingbird": "11.9.0-alpha.5"
|
|
136
136
|
},
|
|
137
137
|
"peerDependencies": {
|
|
138
138
|
"react": "^18.0.0 || ^19.0.0",
|
|
@@ -378,18 +378,17 @@
|
|
|
378
378
|
justify-content: center;
|
|
379
379
|
align-items: center;
|
|
380
380
|
height: 300px;
|
|
381
|
+
color: var(--gd-palette-complementary-6);
|
|
381
382
|
}
|
|
382
383
|
|
|
383
384
|
&__empty-state-title {
|
|
384
385
|
font-size: 20px;
|
|
385
386
|
font-weight: 700;
|
|
386
|
-
color: var(--gd-palette-complementary-5);
|
|
387
387
|
margin-top: var(--gd-spacing-15px);
|
|
388
388
|
}
|
|
389
389
|
|
|
390
390
|
&__empty-state-description {
|
|
391
391
|
font-size: 14px;
|
|
392
|
-
color: var(--gd-palette-complementary-5);
|
|
393
392
|
line-height: 20px;
|
|
394
393
|
}
|
|
395
394
|
|
|
@@ -40,7 +40,6 @@
|
|
|
40
40
|
|
|
41
41
|
&__dropdown-wrapper {
|
|
42
42
|
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
43
|
align-self: stretch;
|
|
45
44
|
flex-shrink: 0;
|
|
46
45
|
border-left: 1px solid var(--gd-palette-complementary-3);
|
|
@@ -48,10 +47,16 @@
|
|
|
48
47
|
|
|
49
48
|
&__dropdown {
|
|
50
49
|
display: flex;
|
|
51
|
-
|
|
52
|
-
padding: 0 var(--gd-spacing-6px);
|
|
50
|
+
padding-left: var(--gd-spacing-10px);
|
|
53
51
|
border-bottom: 1px solid transparent;
|
|
54
|
-
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&__dropdown .gd-dropdown-button-wrapper {
|
|
55
|
+
height: 100%;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&__dropdown .gd-ui-kit-button {
|
|
59
|
+
height: 100%;
|
|
55
60
|
}
|
|
56
61
|
|
|
57
62
|
&__tab-wrapper {
|
|
@@ -65,9 +70,13 @@
|
|
|
65
70
|
z-index: 10;
|
|
66
71
|
transition: border-color 0.1s;
|
|
67
72
|
|
|
68
|
-
&--selected {
|
|
73
|
+
&--variant-default#{&}--selected {
|
|
69
74
|
border-bottom: 3px solid var(--gd-palette-primary-base);
|
|
70
75
|
}
|
|
76
|
+
|
|
77
|
+
&--variant-placeholder#{&}--selected {
|
|
78
|
+
border-bottom: 3px solid var(--gd-palette-complementary-3);
|
|
79
|
+
}
|
|
71
80
|
}
|
|
72
81
|
|
|
73
82
|
&__item {
|
|
@@ -87,8 +96,6 @@
|
|
|
87
96
|
|
|
88
97
|
&__tab-list-item {
|
|
89
98
|
display: flex;
|
|
90
|
-
gap: var(--gd-spacing-5px);
|
|
91
|
-
padding: var(--gd-spacing-5px) var(--gd-spacing-10px);
|
|
92
99
|
cursor: pointer;
|
|
93
100
|
align-items: center;
|
|
94
101
|
transition: background-color 0.2s;
|
|
@@ -104,6 +111,7 @@
|
|
|
104
111
|
}
|
|
105
112
|
|
|
106
113
|
&__tab-list-item-value {
|
|
114
|
+
padding: var(--gd-spacing-10px) var(--gd-spacing-10px);
|
|
107
115
|
flex-grow: 1;
|
|
108
116
|
flex-shrink: 0;
|
|
109
117
|
}
|
|
@@ -133,12 +141,26 @@
|
|
|
133
141
|
white-space: nowrap;
|
|
134
142
|
overflow: hidden;
|
|
135
143
|
text-overflow: ellipsis;
|
|
136
|
-
color: var(--gd-palette-complementary-7);
|
|
137
144
|
|
|
138
145
|
&--selected {
|
|
139
|
-
color: var(--gd-palette-complementary-8);
|
|
140
146
|
font-weight: 700;
|
|
141
147
|
}
|
|
148
|
+
|
|
149
|
+
&--variant-default {
|
|
150
|
+
color: var(--gd-palette-complementary-7);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
&--variant-default#{&}--selected {
|
|
154
|
+
color: var(--gd-palette-complementary-8);
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&--variant-placeholder {
|
|
158
|
+
color: var(--gd-palette-complementary-3);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
&--variant-placeholder#{&}--selected {
|
|
162
|
+
color: var(--gd-palette-complementary-3);
|
|
163
|
+
}
|
|
142
164
|
}
|
|
143
165
|
|
|
144
166
|
&--size {
|
package/styles/css/main.css
CHANGED
|
@@ -1510,17 +1510,20 @@
|
|
|
1510
1510
|
}
|
|
1511
1511
|
.gd-ui-kit-tabs__dropdown-wrapper {
|
|
1512
1512
|
display: flex;
|
|
1513
|
-
align-items: center;
|
|
1514
1513
|
align-self: stretch;
|
|
1515
1514
|
flex-shrink: 0;
|
|
1516
1515
|
border-left: 1px solid var(--gd-palette-complementary-3);
|
|
1517
1516
|
}
|
|
1518
1517
|
.gd-ui-kit-tabs__dropdown {
|
|
1519
1518
|
display: flex;
|
|
1520
|
-
|
|
1521
|
-
padding: 0 var(--gd-spacing-6px);
|
|
1519
|
+
padding-left: var(--gd-spacing-10px);
|
|
1522
1520
|
border-bottom: 1px solid transparent;
|
|
1523
|
-
|
|
1521
|
+
}
|
|
1522
|
+
.gd-ui-kit-tabs__dropdown .gd-dropdown-button-wrapper {
|
|
1523
|
+
height: 100%;
|
|
1524
|
+
}
|
|
1525
|
+
.gd-ui-kit-tabs__dropdown .gd-ui-kit-button {
|
|
1526
|
+
height: 100%;
|
|
1524
1527
|
}
|
|
1525
1528
|
.gd-ui-kit-tabs__tab-wrapper {
|
|
1526
1529
|
display: flex;
|
|
@@ -1533,9 +1536,12 @@
|
|
|
1533
1536
|
z-index: 10;
|
|
1534
1537
|
transition: border-color 0.1s;
|
|
1535
1538
|
}
|
|
1536
|
-
.gd-ui-kit-tabs__tab-wrapper--selected {
|
|
1539
|
+
.gd-ui-kit-tabs__tab-wrapper--variant-default.gd-ui-kit-tabs__tab-wrapper--selected {
|
|
1537
1540
|
border-bottom: 3px solid var(--gd-palette-primary-base);
|
|
1538
1541
|
}
|
|
1542
|
+
.gd-ui-kit-tabs__tab-wrapper--variant-placeholder.gd-ui-kit-tabs__tab-wrapper--selected {
|
|
1543
|
+
border-bottom: 3px solid var(--gd-palette-complementary-3);
|
|
1544
|
+
}
|
|
1539
1545
|
.gd-ui-kit-tabs__item {
|
|
1540
1546
|
appearance: none;
|
|
1541
1547
|
background: none;
|
|
@@ -1552,8 +1558,6 @@
|
|
|
1552
1558
|
}
|
|
1553
1559
|
.gd-ui-kit-tabs__tab-list-item {
|
|
1554
1560
|
display: flex;
|
|
1555
|
-
gap: var(--gd-spacing-5px);
|
|
1556
|
-
padding: var(--gd-spacing-5px) var(--gd-spacing-10px);
|
|
1557
1561
|
cursor: pointer;
|
|
1558
1562
|
align-items: center;
|
|
1559
1563
|
transition: background-color 0.2s;
|
|
@@ -1566,6 +1570,7 @@
|
|
|
1566
1570
|
color: var(--gd-palette-complementary-9);
|
|
1567
1571
|
}
|
|
1568
1572
|
.gd-ui-kit-tabs__tab-list-item-value {
|
|
1573
|
+
padding: var(--gd-spacing-10px) var(--gd-spacing-10px);
|
|
1569
1574
|
flex-grow: 1;
|
|
1570
1575
|
flex-shrink: 0;
|
|
1571
1576
|
}
|
|
@@ -1590,12 +1595,22 @@
|
|
|
1590
1595
|
white-space: nowrap;
|
|
1591
1596
|
overflow: hidden;
|
|
1592
1597
|
text-overflow: ellipsis;
|
|
1593
|
-
color: var(--gd-palette-complementary-7);
|
|
1594
1598
|
}
|
|
1595
1599
|
.gd-ui-kit-tabs__label--selected {
|
|
1596
|
-
color: var(--gd-palette-complementary-8);
|
|
1597
1600
|
font-weight: 700;
|
|
1598
1601
|
}
|
|
1602
|
+
.gd-ui-kit-tabs__label--variant-default {
|
|
1603
|
+
color: var(--gd-palette-complementary-7);
|
|
1604
|
+
}
|
|
1605
|
+
.gd-ui-kit-tabs__label--variant-default.gd-ui-kit-tabs__label--selected {
|
|
1606
|
+
color: var(--gd-palette-complementary-8);
|
|
1607
|
+
}
|
|
1608
|
+
.gd-ui-kit-tabs__label--variant-placeholder {
|
|
1609
|
+
color: var(--gd-palette-complementary-3);
|
|
1610
|
+
}
|
|
1611
|
+
.gd-ui-kit-tabs__label--variant-placeholder.gd-ui-kit-tabs__label--selected {
|
|
1612
|
+
color: var(--gd-palette-complementary-3);
|
|
1613
|
+
}
|
|
1599
1614
|
.gd-ui-kit-tabs--size-large .gd-ui-kit-tabs__tab-wrapper {
|
|
1600
1615
|
height: var(--gd-tabs-height-L, 56px);
|
|
1601
1616
|
padding: var(--gd-spacing-16px) var(--gd-spacing-10px) var(--gd-spacing-14px) var(--gd-spacing-10px);
|
|
@@ -2133,16 +2148,15 @@
|
|
|
2133
2148
|
justify-content: center;
|
|
2134
2149
|
align-items: center;
|
|
2135
2150
|
height: 300px;
|
|
2151
|
+
color: var(--gd-palette-complementary-6);
|
|
2136
2152
|
}
|
|
2137
2153
|
.gd-ui-kit-async-table__empty-state-title {
|
|
2138
2154
|
font-size: 20px;
|
|
2139
2155
|
font-weight: 700;
|
|
2140
|
-
color: var(--gd-palette-complementary-5);
|
|
2141
2156
|
margin-top: var(--gd-spacing-15px);
|
|
2142
2157
|
}
|
|
2143
2158
|
.gd-ui-kit-async-table__empty-state-description {
|
|
2144
2159
|
font-size: 14px;
|
|
2145
|
-
color: var(--gd-palette-complementary-5);
|
|
2146
2160
|
line-height: 20px;
|
|
2147
2161
|
}
|
|
2148
2162
|
.gd-ui-kit-async-table .gd-ui-kit-paged-virtual-list__list:focus-visible .gd-ui-kit-async-table__row--focused,
|