@gooddata/sdk-ui-kit 10.38.0-alpha.1 → 10.38.0

package/esm/responsive/index.js

@@ -1,5 +1,3 @@
-// (C) 2020 GoodData Corporation
-export * from "./interfaces.js";
 export { ResponsiveContextProvider, useResponsiveContext } from "./ResponsiveContext.js";
 export { useMediaQuery } from "./useMediaQuery.js";
 //# sourceMappingURL=index.js.map

package/esm/responsive/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/esm/sdk-ui-kit.d.ts

@@ -609,7 +609,7 @@ export declare const DefaultUiMenuStaticItem: React_2.MemoExoticComponent<(<T ex
 /**
  * @internal
  */
-export declare function DefaultUiTreeViewItemComponent<Level>({ item, type, defaultClassName, defaultStyle, isExpanded, onToggle, onSelect, }: IUiTreeviewItemProps<Level>): React_2.ReactNode;
+export declare function DefaultUiTreeViewItemComponent<Level>({ item, type, level, isExpanded, isFocused, isSelected, isCompact, onToggle, onSelect, }: IUiTreeviewItemProps<Level>): React_2.ReactNode;
 
 /**
  * @internal
@@ -5010,9 +5010,9 @@ export declare interface IUiStaticTreeViewProps<Level> extends IUiTreeViewProps<
  */
 export declare interface IUiTreeviewContext<Levels extends any[], Level> {
     items: UiLeveledTreeView<LevelTypesUnion<Levels>>[] | UiStaticTreeView<Level>[];
-    itemsRef: React_2.MutableRefObject<UiRefsTree[]>;
+    itemsRef: React_2.MutableRefObject<UiRefsTree>;
     onClose: () => void;
-    onSelect: (e: React_2.MouseEvent | React_2.KeyboardEvent, path: number[], item?: UiStaticTreeView<Level | LevelTypesUnion<Levels>>) => void;
+    onSelect: (event: React_2.MouseEvent | React_2.KeyboardEvent, path: number[], item?: UiStaticTreeView<Level | LevelTypesUnion<Levels>>) => void;
     isItemFocusable: (item?: UiStaticTreeView<Level> | UiStaticTreeView<LevelTypesUnion<Levels>>) => boolean;
     setFocusedPath: React_2.Dispatch<React_2.SetStateAction<number[] | undefined>>;
     selectedItemId: string | undefined;
@@ -5025,6 +5025,7 @@ export declare interface IUiTreeViewItem<T> {
     id: string;
     stringTitle: string;
     data: T;
+    url?: string;
     icon?: IconType;
     isDisabled?: boolean;
     tooltip?: string;
@@ -5035,9 +5036,8 @@ export declare interface IUiTreeViewItem<T> {
  */
 export declare interface IUiTreeviewItemProps<T> {
     type: "leaf" | "group";
+    childCount: number;
     item: IUiTreeViewItem<T>;
-    defaultClassName: string;
-    defaultStyle: React_2.CSSProperties;
     isFocused: boolean;
     isExpanded: boolean;
     isSelected: boolean;
@@ -5045,6 +5045,7 @@ export declare interface IUiTreeviewItemProps<T> {
     level: number;
     onSelect: (e: React_2.MouseEvent | React_2.KeyboardEvent) => void;
     onToggle: (e: React_2.MouseEvent | React_2.KeyboardEvent, state: boolean) => void;
+    onHover: (e: React_2.MouseEvent) => void;
 }
 
 /**
@@ -5058,6 +5059,7 @@ export declare interface IUiTreeViewProps<Levels extends any[], Level> {
     maxHeight?: number;
     selectionMode?: "groups-and-leafs" | "groups-only" | "leafs-only";
     expandedMode?: "default-expanded" | "default-collapsed";
+    expansionMode?: "multiple" | "single";
     onClose?: () => void;
     onUnhandledKeyDown?: (event: React_2.KeyboardEvent, context: IUiTreeviewContext<Levels, Level>) => void;
     selectedItemId?: string;
@@ -5069,6 +5071,14 @@ export declare interface IUiTreeViewProps<Levels extends any[], Level> {
     ariaAttributes: UiTreeviewAriaAttributes;
 }
 
+/**
+ * @internal
+ */
+export declare interface IUiTreeViewSelectionMods {
+    type?: "mouse" | "keyboard";
+    newTab?: boolean;
+}
+
 /**
  * @internal
  */
@@ -5464,10 +5474,7 @@ export declare const NumericInput: React_2.FC<INumericInputProps>;
 /**
  * @internal
  */
-export declare type OnLeveledSelectFn<Levels extends any[]> = (item: LevelTypesUnion<Levels>, mods: {
-    type?: "mouse" | "keyboard";
-    newTab?: boolean;
-}) => void;
+export declare type OnLeveledSelectFn<Levels extends any[]> = (item: IUiTreeViewItem<LevelTypesUnion<Levels>>, mods: IUiTreeViewSelectionMods, event: React_2.MouseEvent | React_2.KeyboardEvent) => void;
 
 /**
  * @internal
@@ -5477,10 +5484,7 @@ export declare type OnOpenedChange = (params: IOnOpenedChangeParams) => void;
 /**
  * @internal
  */
-export declare type OnStaticSelectFn<Level> = (item: Level, mods: {
-    type?: "mouse" | "keyboard";
-    newTab?: boolean;
-}) => void;
+export declare type OnStaticSelectFn<Level> = (item: IUiTreeViewItem<Level>, mods: IUiTreeViewSelectionMods, event: React_2.MouseEvent | React_2.KeyboardEvent) => void;
 
 /**
  * @internal
@@ -6599,10 +6603,7 @@ export declare interface UiPagedVirtualListSkeletonItemProps {
 /**
  * @internal
  */
-export declare type UiRefsTree = {
-    item: HTMLLIElement;
-    children?: UiRefsTree[];
-};
+export declare type UiRefsTree = Record<string, HTMLDivElement | null>;
 
 /**
  * @internal
@@ -6763,6 +6764,23 @@ export declare type UiTreeViewAddLevel<N extends number> = [...Array<N>, unknown
  */
 export declare type UiTreeviewAriaAttributes = Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
 
+/**
+ * @internal
+ */
+export declare type UiTreeViewEvents = {
+    keydown: React_2.KeyboardEvent;
+};
+
+/**
+ * @internal
+ */
+export declare function UiTreeViewEventsProvider({ children }: React_2.PropsWithChildren): React_2.JSX.Element;
+
+/**
+ * @internal
+ */
+export declare type UiTreeViewEventType = keyof UiTreeViewEvents;
+
 /**
  * @internal
  */
@@ -6962,6 +6980,16 @@ export declare const useUiReturnFocusOnUnmountConnectors: <T extends HTMLElement
  */
 export declare const useUiTabOutHandlerConnectors: <T extends HTMLElement = HTMLElement>(handler?: (event: React_3.KeyboardEvent) => void) => IUiFocusHelperConnectors<T>;
 
+/**
+ * @internal
+ */
+export declare function useUiTreeViewEventPublisher<T extends UiTreeViewEventType>(eventType: T): (event: UiTreeViewEvents[T]) => void;
+
+/**
+ * @internal
+ */
+export declare function useUiTreeViewEventSubscriber<T extends UiTreeViewEventType>(eventType: T, handler: (event: UiTreeViewEvents[T]) => void): void;
+
 /**
  * @internal
  * Hook to access zoom level and viewport info

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.38.0-alpha.1",
+  "version": "10.38.0",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -75,11 +75,11 @@
     "@floating-ui/dom": "1.6.13",
     "@floating-ui/react-dom": "2.1.2",
     "@floating-ui/react": "~0.27.12",
-    "@gooddata/sdk-backend-spi": "10.38.0-alpha.1",
-    "@gooddata/sdk-model": "10.38.0-alpha.1",
-    "@gooddata/sdk-ui": "10.38.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "10.38.0-alpha.1",
-    "@gooddata/util": "10.38.0-alpha.1"
+    "@gooddata/sdk-backend-spi": "10.38.0",
+    "@gooddata/sdk-model": "10.38.0",
+    "@gooddata/sdk-ui": "10.38.0",
+    "@gooddata/util": "10.38.0",
+    "@gooddata/sdk-ui-theme-provider": "10.38.0"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -104,16 +104,16 @@
     "@types/react-portal": "^4.0.7",
     "@types/tinycolor2": "^1.4.2",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
     "concurrently": "^6.0.2",
     "dependency-cruiser": "^13.0.3",
-    "eslint": "^8.25.0",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-header": "^3.0.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-import-esm": "^1.2.1",
-    "eslint-plugin-jest": "^27.1.1",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-no-only-tests": "^2.4.0",
     "eslint-plugin-prettier": "^5.5.1",
     "eslint-plugin-react": "^7.31.10",
@@ -135,8 +135,8 @@
     "typescript": "5.8.3",
     "vitest": "3.2.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.38.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "10.38.0-alpha.1"
+    "@gooddata/sdk-backend-mockingbird": "10.38.0",
+    "@gooddata/reference-workspace": "10.38.0"
   },
   "scripts": {
     "clean": "../../common/scripts/clean-command-state.sh && rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/src/@ui/UiTreeview/UiTreeview.scss

@@ -4,7 +4,7 @@
 @use "../../../styles/scss/mixins";
 
 .gd-ui-kit-treeview {
-    $min-width: 200px;
+    $min-width: 100px;
     $item_padding: 8px 10px;
     $item_padding_base: 10px;
     $item_padding_level: 20px;

package/styles/css/main.css

@@ -1055,7 +1055,7 @@
   overflow-y: auto;
   overflow-x: auto;
   width: 100%;
-  min-width: 200px;
+  min-width: 100px;
 }
 @media only screen and (max-width: 640px) {
   .gd-ui-kit-treeview {