@gooddata/sdk-ui-kit 10.29.0-alpha.9 → 10.30.0-alpha.1

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

@@ -338,24 +338,7 @@ export declare class BubbleTrigger<P extends IBubbleTriggerProps> extends React_
 /**
  * @internal
  */
-export declare class Button extends React_2.Component<IButtonProps> {
-    static defaultProps: {
-        className: string;
-        disabled: boolean;
-        onClick: (...args: any[]) => void;
-        tabIndex: number;
-        tagName: string;
-        type: string;
-        iconLeft: string;
-        iconRight: string;
-    };
-    buttonNode: HTMLElement;
-    render(): React_2.JSX.Element;
-    private getEffectiveValue;
-    private getClassnames;
-    private _onClick;
-    private renderIcon;
-}
+export declare const Button: React_2.ForwardRefExoticComponent<IButtonProps & React_2.RefAttributes<HTMLElement>>;
 
 /**
  * @internal
@@ -1440,6 +1423,7 @@ export declare interface IBubbleHoverTriggerProps extends IBubbleTriggerProps {
     showDelay?: number;
     hideDelay?: number;
     hoverHideDelay?: number;
+    enabled?: boolean;
 }
 
 /**
@@ -1534,16 +1518,15 @@ export declare interface IButtonProps {
     tagName?: string;
     title?: string;
     type?: HTMLButtonElement["type"];
-    value?: ReactNode;
-    children?: ReactNode;
+    value?: React_2.ReactNode;
+    children?: React_2.ReactNode;
     iconLeft?: string;
     iconRight?: string;
-    onClick?(e: React.MouseEvent): void;
+    onClick?(e: React_2.MouseEvent): void;
     variant?: "primary" | "secondary";
     intent?: "action" | "positive" | "negative";
     size?: "small" | "medium" | "large";
     accessibilityConfig?: IButtonAccessibilityConfig;
-    buttonRef?: React.MutableRefObject<HTMLElement>;
 }
 
 /**
@@ -2070,10 +2053,16 @@ export declare interface IDropdownButtonRenderProps {
     openDropdown: () => void;
     closeDropdown: () => void;
     toggleDropdown: (desiredState?: boolean | unknown) => void;
+    /**
+     * Props supporting accessibility that can be just passed through to the rendered element
+     */
     ariaAttributes: {
-        role: "button" | string;
-        "data-popupId": string;
+        role: React_2.AriaRole;
     } & Pick<React_2.AriaAttributes, "aria-haspopup" | "aria-expanded" | "aria-controls">;
+    /**
+     * Props supporting accessibility that can be passed down to a <Button/>
+     */
+    accessibilityConfig: Pick<IButtonAccessibilityConfig, "role" | "isExpanded" | "popupId">;
 }
 
 /**
@@ -2161,6 +2150,7 @@ export declare interface IDropdownListProps<T> extends IListProps<T> {
     footer?: React_2.ReactNode | ((closeDropdown: () => void) => React_2.ReactNode);
     closeDropdown?: () => void;
     scrollToItem?: T;
+    scrollDirection?: -1 | 1;
 }
 
 /**
@@ -2175,7 +2165,7 @@ export declare interface IDropdownProps {
      * The `desiredState` argument's type includes `unknown` to facilitate ease of use as an event handler (`onClick={onToggle}`)
      * @param desiredState - The desired state. If not provided, the state will be toggled.
      */
-    onToggle?: (desiredState?: boolean | unknown) => void;
+    onToggle?: ((desiredState?: boolean) => void) | (() => void);
     openOnInit?: boolean;
     className?: string;
     alignPoints?: IAlignPoint[];
@@ -2194,7 +2184,9 @@ export declare interface IDropdownProps {
     closeOnEscape?: boolean;
     autofocusOnOpen?: boolean;
     initialFocus?: React_2.RefObject<HTMLElement> | string;
+    returnFocusTo?: React_2.RefObject<HTMLElement> | string;
     accessibilityConfig?: {
+        triggerRole?: "button" | "combobox";
         popupRole?: "listbox" | "tree" | "grid" | "dialog";
     };
 }
@@ -3128,6 +3120,7 @@ export declare interface IListProps<T> {
     itemHeightGetter?: (index: number) => number;
     renderItem: (props: IRenderListItemProps<T>) => JSX.Element;
     scrollToItem?: T;
+    scrollDirection?: -1 | 1;
     onScrollStart?: ScrollCallback;
     onScrollEnd?: ScrollCallback;
 }
@@ -3860,6 +3853,7 @@ export declare interface IRecurrenceFormProps {
     isWhiteLabeled?: boolean;
     onRecurrenceDropdownOpen?: () => void;
     closeDropdownsOnParentScroll?: boolean;
+    onKeyDownSubmit?: (e: React_2.KeyboardEvent) => void;
 }
 
 /**
@@ -4135,6 +4129,16 @@ export declare interface ISeparatorLineProps {
     height?: number;
 }
 
+/**
+ * Checks if the given keyboard event is triggered by an Escape key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Escape key, `false` otherwise.
+ *
+ * @internal
+ */
+export declare const isEscapeKey: (event: KeyboardEvent_2) => boolean;
+
 /**
  * @internal
  */
@@ -5853,7 +5857,7 @@ export declare interface UiButtonProps {
 /**
  * @internal
  */
-export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, dataTestId, }: UiChipProps) => React_2.JSX.Element;
+export declare const UiChip: ({ label, tag, isDeletable, isActive, isLocked, iconBefore, onClick, onDelete, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, }: UiChipProps) => React_2.JSX.Element;
 
 /**
  * @internal
@@ -5870,6 +5874,7 @@ export declare interface UiChipProps {
     onDeleteKeyDown?: (event: React_2.KeyboardEvent<HTMLButtonElement>) => void;
     accessibilityConfig?: IUiChipAccessibilityConfig;
     dataTestId?: string;
+    buttonRef?: React_2.MutableRefObject<HTMLButtonElement>;
 }
 
 /**
@@ -6200,17 +6205,19 @@ export declare const useIsZoomed: (baseZoomLevel?: number) => boolean;
 /**
  * @internal
  */
-export declare function useListWithActionsKeyboardNavigation<Item, Action extends string>({ items, actionHandlers, getItemAdditionalActions, }: {
+export declare function useListWithActionsKeyboardNavigation<Item, Action extends string>({ items, actionHandlers, getItemAdditionalActions, isNestedList, }: {
     items: Item[];
     actionHandlers: {
         [key in Action | typeof SELECT_ITEM_ACTION]: (item: Item) => (() => void) | undefined;
     };
     getItemAdditionalActions: (item: Item) => Action[];
+    isNestedList?: boolean;
 }): {
     onKeyboardNavigation: (event: React_2.KeyboardEvent<Element>) => void;
     onBlur: React_2.FocusEventHandler<Element>;
     focusedAction: "selectItem" | Action;
     focusedItem: Item;
+    setFocusedAction: React_2.Dispatch<React_2.SetStateAction<"selectItem" | Action>>;
 };
 
 /**

package/esm/utils/events.d.ts

@@ -35,4 +35,13 @@ export declare const isEnterKey: (event: KeyboardEvent) => boolean;
  * @internal
  */
 export declare const isArrowKey: (event: KeyboardEvent) => boolean;
+/**
+ * Checks if the given keyboard event is triggered by an Escape key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Escape key, `false` otherwise.
+ *
+ * @internal
+ */
+export declare const isEscapeKey: (event: KeyboardEvent) => boolean;
 //# sourceMappingURL=events.d.ts.map

package/esm/utils/events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,UAAW,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,OAElD,CAAC"}

package/esm/utils/events.js

@@ -42,4 +42,15 @@ export const isEnterKey = (event) => {
 export const isArrowKey = (event) => {
     return event.key.startsWith("Arrow");
 };
+/**
+ * Checks if the given keyboard event is triggered by an Escape key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Escape key, `false` otherwise.
+ *
+ * @internal
+ */
+export const isEscapeKey = (event) => {
+    return event.key === "Escape";
+};
 //# sourceMappingURL=events.js.map

package/esm/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACtD,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AACtD,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;AAC7B,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAW,EAAE;IACxD,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;AAClC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "10.29.0-alpha.9",
+  "version": "10.30.0-alpha.1",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -75,11 +75,11 @@
     "@codemirror/autocomplete": "^6.18.6",
     "@lezer/highlight": "~1.2.1",
     "@codemirror/commands": "~6.8.1",
-    "@gooddata/sdk-backend-spi": "10.29.0-alpha.9",
-    "@gooddata/sdk-model": "10.29.0-alpha.9",
-    "@gooddata/sdk-ui": "10.29.0-alpha.9",
-    "@gooddata/sdk-ui-theme-provider": "10.29.0-alpha.9",
-    "@gooddata/util": "10.29.0-alpha.9"
+    "@gooddata/sdk-backend-spi": "10.30.0-alpha.1",
+    "@gooddata/sdk-ui": "10.30.0-alpha.1",
+    "@gooddata/sdk-model": "10.30.0-alpha.1",
+    "@gooddata/sdk-ui-theme-provider": "10.30.0-alpha.1",
+    "@gooddata/util": "10.30.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -137,8 +137,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/sdk-backend-mockingbird": "10.29.0-alpha.9",
-    "@gooddata/reference-workspace": "10.29.0-alpha.9"
+    "@gooddata/reference-workspace": "10.30.0-alpha.1",
+    "@gooddata/sdk-backend-mockingbird": "10.30.0-alpha.1"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",