@gooddata/sdk-ui-kit 11.3.0-alpha.3 → 11.3.0-alpha.4

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

@@ -104,12 +104,12 @@ export declare function activateHeaderMenuItems(items: IHeaderMenuItem[][], ids:
 /**
  * @internal
  */
-export declare function AddButton(props: IAddButtonProps): JSX.Element;
+export declare function AddButton({ title, isDisabled, onClick, tooltip, tooltipAlignPoints, className, }: IAddButtonProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function AddGranteeBase(props: IAddGranteeBaseProps): JSX.Element;
+export declare function AddGranteeBase({ appliedGrantees, addedGrantees, currentUser, isDirty, currentUserPermissions, sharedObject, previouslyFocusedRef, onCancel, onSubmit, onBackClick, onAddUserOrGroups, onDelete, onGranularGranteeChange, isGranteeShareLoading, }: IAddGranteeBaseProps): JSX.Element;
 
 /**
  * @internal
@@ -128,7 +128,7 @@ export declare type AlignConfig = {
 /**
  * @internal
  */
-export declare function alignConfigToAlignPoint(alignConfig: AlignConfig): IAlignPoint;
+export declare function alignConfigToAlignPoint({ triggerAlignPoint, overlayAlignPoint, offset, }: AlignConfig): IAlignPoint;
 
 /**
  * @internal
@@ -386,7 +386,7 @@ export declare interface CheckboxProps {
 /**
  * @internal
  */
-export declare function CodeArea(props: ICodeAreaProps): JSX.Element;
+export declare function CodeArea({ code, onCopyCode }: ICodeAreaProps): JSX.Element;
 
 /**
  * @internal
@@ -436,7 +436,7 @@ export declare function CommunityEditionDialog({ headerText, infoText, copyright
 /**
  * @internal
  */
-export declare function ComponentLabelsProvider(props: IComponentLabelsProviderProps): JSX.Element;
+export declare function ComponentLabelsProvider({ children, labels }: IComponentLabelsProviderProps): JSX.Element;
 
 /**
  * @internal
@@ -683,7 +683,7 @@ export declare function DocumentHeader({ pageTitle, brandTitle, appleTouchIconUr
 /**
  * @internal
  */
-export declare function Dropdown(props: IDropdownProps): JSX.Element;
+export declare function Dropdown({ isOpen: isOpenProp, onToggle, className, openOnInit, closeOnParentScroll, closeOnMouseDrag, closeOnOutsideClick, overlayPositionType, alignPoints, overlayZIndex, ignoreClicksOnByClass, renderBody, renderButton, onOpenStateChanged, fullscreenOnMobile, enableEventPropagation, closeOnEscape, autofocusOnOpen, initialFocus, returnFocusTo, accessibilityConfig, shouldTrapFocus, }: IDropdownProps): JSX.Element;
 
 /**
  * @internal
@@ -708,7 +708,7 @@ export declare function DropdownInvertableSelect<T>(props: IDropdownInvertableSe
  *
  * 2. `UiPagedVirtualised` — Preferred implementation that uses our `UiPagedVirtualList` component
  */
-export declare function DropdownList<T>(props: IDropdownListProps<T>): ReactElement;
+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;
 
 /**
  * @internal
@@ -736,7 +736,7 @@ export declare const EditableLabel: ForwardRefExoticComponent<IEditableLabelProp
  *
  * @internal
  */
-export declare function EllipsisText(props: IEllipsisTextProps): JSX.Element;
+export declare function EllipsisText({ text, maxLines }: IEllipsisTextProps): JSX.Element;
 
 /**
  * @internal
@@ -1063,7 +1063,7 @@ export declare type GranteeItem = IGranteeUser | IGranteeInactiveOwner | IGrante
 /**
  * @internal
  */
-export declare function GranteeItemComponent(props: IGranteeItemProps): JSX.Element;
+export declare function GranteeItemComponent({ grantee, mode, currentUserPermissions, isSharedObjectLocked, isGranteeShareLoading, onDelete, onChange, }: IGranteeItemProps): JSX.Element;
 
 /**
  * @internal
@@ -1212,7 +1212,7 @@ export declare function HubspotConversionTouchPointDialog(props: IHubspotConvers
  *
  * @internal
  */
-export declare function Hyperlink(props: IHyperlinkProps): JSX.Element;
+export declare function Hyperlink({ text, href, onClick, className, iconClass }: IHyperlinkProps): JSX.Element;
 
 /**
  * @internal
@@ -1430,6 +1430,14 @@ export declare type IBreakpointsConfig = {
     [s in ResponsiveScreenType]: number;
 };
 
+/**
+ * @internal
+ */
+export declare interface IBubbleAccessibilityConfig {
+    role?: string;
+    ariaLabelledBy?: string;
+}
+
 /**
  * @internal
  */
@@ -1476,6 +1484,7 @@ export declare interface IBubbleProps {
     children?: ReactNode;
     overlayPositionType?: OverlayPositionType;
     ensureVisibility?: boolean;
+    accessibilityConfig?: IBubbleAccessibilityConfig;
 }
 
 /**
@@ -3774,32 +3783,32 @@ export declare function InvertableSelect<T>(props: IInvertableSelectProps<T>): J
 /**
  * @internal
  */
-export declare function InvertableSelectAllCheckbox(props: IInvertableSelectAllCheckboxProps): JSX.Element;
+export declare function InvertableSelectAllCheckbox({ isVisible, checked, onToggle, onApplyButtonClick, isApplyDisabled, isFiltered, totalItemsCount, isPartialSelection, }: IInvertableSelectAllCheckboxProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function InvertableSelectItem(props: IInvertableSelectItem): JSX.Element;
+export declare function InvertableSelectItem({ title, onClick, onMouseOver, onMouseOut, isSelected, onOnly, renderOnly, icon, isDisabled, }: IInvertableSelectItem): JSX.Element;
 
 /**
  * @internal
  */
-export declare function InvertableSelectLimitWarning(props: IInvertableSelectLimitWarningProps): JSX.Element;
+export declare function InvertableSelectLimitWarning({ limit, selectedItemsCount, }: IInvertableSelectLimitWarningProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function InvertableSelectSearchBar(props: IInvertableSelectSearchBarProps): JSX.Element;
+export declare function InvertableSelectSearchBar({ className, isSmall, searchString, onSearch, searchPlaceholder, }: IInvertableSelectSearchBarProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function InvertableSelectStatus<T>(props: IInvertableSelectStatusProps<T>): JSX.Element;
+export declare function InvertableSelectStatus<T>({ selectedItems, getItemTitle, isInverted, }: IInvertableSelectStatusProps<T>): JSX.Element;
 
 /**
  * @internal
  */
-export declare function InvertableSelectStatusBar<T>(props: IInvertableSelectStatusBarProps<T>): JSX.Element;
+export declare function InvertableSelectStatusBar<T>({ className, selectedItems, getItemTitle, isInverted, selectedItemsLimit, showSelectionStatus, }: IInvertableSelectStatusBarProps<T>): JSX.Element;
 
 /**
  * @internal
@@ -4485,6 +4494,7 @@ export declare interface IShortenedTextProps {
     getElement?: (context: any) => Pick<HTMLElement, "scrollWidth" | "getBoundingClientRect">;
     displayTooltip?: boolean;
     ellipsisPosition?: "middle" | "end";
+    id?: string;
 }
 
 /**
@@ -4575,6 +4585,16 @@ export declare interface ISpinnerProps {
  */
 export declare const isSpaceKey: (event: KeyboardEvent_2) => boolean;
 
+/**
+ * Checks if the given keyboard event is triggered by an Tab key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Tab key, `false` otherwise.
+ *
+ * @internal
+ */
+export declare const isTabKey: (event: KeyboardEvent_2) => boolean;
+
 /**
  * @internal
  */
@@ -5355,7 +5375,7 @@ export declare type LevelTypesUnion<Levels extends unknown[]> = Levels[number];
 /**
  * @internal
  */
-export declare function List<T>(props: IListProps<T>): ReactElement;
+export declare function List<T>({ className, compensateBorder, width, height, maxHeight, items, itemsCount, itemHeight, itemHeightGetter, maxVisibleItemsCount, renderItem, onScrollStart, onScrollEnd, scrollToItem, scrollDirection, }: IListProps<T>): ReactElement;
 
 /**
  * @internal
@@ -5381,7 +5401,7 @@ export declare function LoadingDots({ className }: ILoadingDotsProps): JSX.Eleme
 /**
  * @internal
  */
-export declare function LoadingMask(props: ILoadingMaskProps): JSX.Element;
+export declare function LoadingMask({ className, height, width, size }: ILoadingMaskProps): JSX.Element;
 
 /**
  * @internal
@@ -5554,7 +5574,7 @@ export declare function normalizeTime(time?: Date, date?: Date, timeAnchor?: num
 /**
  * @internal
  */
-export declare function NumericInput(props: INumericInputProps): JSX.Element;
+export declare function NumericInput({ value, onValueChanged }: INumericInputProps): JSX.Element;
 
 /**
  * @internal
@@ -5747,7 +5767,7 @@ export declare const recommendedHeader: IDateDatasetHeader;
  * Recurrence component is used to select recurrence type and set cron expression.
  * @param props - IRecurrenceProps
  */
-export declare function Recurrence(props: IRecurrenceProps): JSX.Element;
+export declare function Recurrence({ label, recurrenceType, inheritRecurrenceType, startDate, cronValue, cronPlaceholder, cronDescription, timezone, onRepeatTypeChange, onCronValueChange, allowHourlyRecurrence, showTimezoneInOccurrence, showRepeatTypeDescription, showInheritValue, isWhiteLabeled, weekStart, onRecurrenceDropdownOpen, closeOnParentScroll, }: IRecurrenceProps): JSX.Element;
 
 /**
  * Represents a recurrence type key.
@@ -5830,7 +5850,7 @@ export declare function ScreenReaderToast(): JSX.Element;
 /**
  * @internal
  */
-export declare function ScrollableItem(props: IScrollableItemProps): JSX.Element;
+export declare function ScrollableItem({ scrollIntoView, bottomMargin, isElementInvisibleCheck, className, children, onItemScrolled, tagName: TagName, }: IScrollableItemProps): JSX.Element;
 
 /**
  * @internal
@@ -5901,7 +5921,7 @@ export declare function SettingItem({ className, title, titleTooltipText, alignP
 /**
  * @internal
  */
-export declare function ShareDialog(props: IShareDialogProps): JSX.Element;
+export declare function ShareDialog({ backend, workspace, locale, sharedObject, currentUser, onApply, onCancel, onError, onInteraction, isLockingSupported, isCurrentUserWorkspaceManager, isGranteeShareLoading, labels, currentUserPermissions, dashboardFilters, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, onShareLinkCopy, }: IShareDialogProps): JSX.Element;
 
 /**
  * @internal
@@ -5928,7 +5948,7 @@ export declare type ShareDialogInteractionType = "SHARE_DIALOG_OPENED" | "SHARE_
 /**
  * @internal
  */
-export declare function ShareGranteeBase(props: IShareGranteeBaseProps): JSX.Element;
+export declare function ShareGranteeBase({ isLoading, isLockedNow, isUnderLenientControlNow, grantees, sharedObject, isDirty, currentUserPermissions, dashboardFilters, isShareGrantHidden, applyShareGrantOnSelect, showDashboardShareLink, isGranteeShareLoading, onCancel, onSubmit, onGranteeDelete, onGranularGranteeChange, onAddGranteeButtonClick, onLockChange, onUnderLenientControlChange, isCurrentUserWorkspaceManager, onShareLinkCopy, }: IShareGranteeBaseProps): JSX.Element;
 
 /**
  * To make this component work, parent container needs this:
@@ -5979,7 +5999,7 @@ export declare const simpleRecurrenceTypeMappingFn: (_date?: Date | null, cronEx
  *
  * @internal
  */
-export declare function SimpleSettingWidget(props: ISimpleSettingWidgetProps): JSX.Element;
+export declare function SimpleSettingWidget({ title, currentSettingStatus, titleTooltip, helpLinkText, helpLinkUrl, actionButtonText, isLoading, onSubmit, onHelpLinkClick, }: ISimpleSettingWidgetProps): JSX.Element;
 
 /**
  * @internal
@@ -6079,12 +6099,12 @@ export declare function StylingEditorDialog<T extends StylingPickerItemContent>(
 /**
  * @internal
  */
-export declare function StylingEditorDialogFooter(props: TStylingEditorDialogFooterProps): JSX.Element;
+export declare function StylingEditorDialogFooter({ link, disableSubmit, showProgressIndicator, errorMessage, onSubmit, onCancel, onHelpClick, }: TStylingEditorDialogFooterProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function StylingExample(props: IStylingExampleProps): JSX.Element;
+export declare function StylingExample({ name, colors, onClick }: IStylingExampleProps): JSX.Element;
 
 /**
  * @internal
@@ -6104,12 +6124,12 @@ export declare function SubMenu(props: ISubMenuProps): JSX.Element;
 /**
  * @internal
  */
-export declare function SyntaxHighlightingInput(props: ISyntaxHighlightingInputProps): JSX.Element;
+export declare function SyntaxHighlightingInput({ value, label, placeholder, autocompletion, onApi, onChange, onCursor, onKeyDown, onCompletion, onFocus, onBlur, className, beforeExtensions, extensions, disabled, }: ISyntaxHighlightingInputProps): JSX.Element;
 
 /**
  * @internal
  */
-export declare function Tabs(props: ITabsProps): ReactElement;
+export declare function Tabs({ className, onTabSelect, selectedTabId: propSelectedTabId, tabs, }: ITabsProps): ReactElement;
 
 /**
  * @internal
@@ -6207,7 +6227,7 @@ export declare const typedUiMenuContextStore: <T extends IUiMenuItemData = objec
 /**
  * @internal
  */
-export declare function Typography(props: ITypographyProps): JSX.Element;
+export declare function Typography({ tagName: Tag, children, className, title, id, onClick }: ITypographyProps): JSX.Element;
 
 /**
  * @internal
@@ -6928,7 +6948,7 @@ export declare function UiStaticTreeview<Level>(props: IUiStaticTreeViewProps<Le
  * Title can render as Typography h3 or ShortenedText h3.
  * @internal
  */
-export declare function UiSubmenuHeader(props: UiSubmenuHeaderProps): JSX.Element;
+export declare function UiSubmenuHeader({ title, onBack, onClose, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height, titleId, }: UiSubmenuHeaderProps): JSX.Element;
 
 /**
  * @internal
@@ -6943,6 +6963,7 @@ export declare interface UiSubmenuHeaderProps {
     textColor?: string;
     backgroundColor?: string;
     height?: SizeMedium | SizeLarge;
+    titleId?: string;
 }
 
 /**

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.d.ts

@@ -28,5 +28,5 @@ export interface ISyntaxHighlightingInputProps {
 /**
  * @internal
  */
-export declare function SyntaxHighlightingInput(props: ISyntaxHighlightingInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SyntaxHighlightingInput({ value, label, placeholder, autocompletion, onApi, onChange, onCursor, onKeyDown, onCompletion, onFocus, onBlur, className, beforeExtensions, extensions, disabled, }: ISyntaxHighlightingInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SyntaxHighlightingInput.d.ts.map

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlightingInput.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAChE,cAAc,CAAC,EAAE;QACb,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,6BAA6B,2CAqC3E"}
+{"version":3,"file":"SyntaxHighlightingInput.d.ts","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAChE,cAAc,CAAC,EAAE;QACb,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,gBAAqB,EACrB,UAAe,EACf,QAAQ,GACX,EAAE,6BAA6B,2CAmB/B"}

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.js

@@ -4,8 +4,7 @@ import { useCodemirror } from "./hooks/useCodemirror.js";
 /**
  * @internal
  */
-export function SyntaxHighlightingInput(props) {
-    const { value, label, placeholder, autocompletion, onApi, onChange, onCursor, onKeyDown, onCompletion, onFocus, onBlur, className, beforeExtensions = [], extensions = [], disabled, } = props;
+export function SyntaxHighlightingInput({ value, label, placeholder, autocompletion, onApi, onChange, onCursor, onKeyDown, onCompletion, onFocus, onBlur, className, beforeExtensions = [], extensions = [], disabled, }) {
     const { editorRef } = useCodemirror({
         placeholderText: placeholder,
         autocompletion,

package/esm/syntaxHighlightingInput/SyntaxHighlightingInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlightingInput.js","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AA2BzD;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAoC;IACxE,MAAM,EACF,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QAChC,eAAe,EAAE,WAAW;QAC5B,cAAc;QACd,KAAK;QACL,gBAAgB;QAChB,UAAU;QACV,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,SAAS;QACT,YAAY;QACZ,OAAO;QACP,MAAM;KACT,CAAC,CAAC;IAEH,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,oCAAoC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AACnG,CAAC"}
+{"version":3,"file":"SyntaxHighlightingInput.js","sourceRoot":"","sources":["../../src/syntaxHighlightingInput/SyntaxHighlightingInput.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AA2BzD;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,EAAE,EACf,QAAQ,GACoB;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC;QAChC,eAAe,EAAE,WAAW;QAC5B,cAAc;QACd,KAAK;QACL,gBAAgB;QAChB,UAAU;QACV,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,SAAS;QACT,YAAY;QACZ,OAAO;QACP,MAAM;KACT,CAAC,CAAC;IAEH,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,oCAAoC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AACnG,CAAC"}

package/esm/utils/events.d.ts

@@ -53,4 +53,13 @@ export declare const isEscapeKey: (event: KeyboardEvent) => boolean;
  * @internal
  */
 export declare const isCopyKey: (event: KeyboardEvent) => boolean;
+/**
+ * Checks if the given keyboard event is triggered by an Tab key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Tab key, `false` otherwise.
+ *
+ * @internal
+ */
+export declare const isTabKey: (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,GAAI,OAAO,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,aAAa,KAAG,OAEhD,CAAC"}
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,KAAG,OAEjD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,aAAa,KAAG,OAElD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,aAAa,KAAG,OAEhD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,KAAG,OAE/C,CAAC"}

package/esm/utils/events.js

@@ -1,3 +1,4 @@
+// (C) 2025 GoodData Corporation
 /**
  * Checks if the given keyboard event is an action key = Enter or Space.
  *
@@ -64,4 +65,15 @@ export const isEscapeKey = (event) => {
 export const isCopyKey = (event) => {
     return event.key === "c" && (event.ctrlKey || event.metaKey);
 };
+/**
+ * Checks if the given keyboard event is triggered by an Tab key.
+ *
+ * @param event - The keyboard event to check.
+ * @returns `true` if the event has been triggered by an Tab key, `false` otherwise.
+ *
+ * @internal
+ */
+export const isTabKey = (event) => {
+    return event.key === "Tab";
+};
 //# 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;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAW,EAAE;IACzD,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;AAClC,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAW,EAAE;IACvD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AACjE,CAAC,CAAC"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAIhC;;;;;;;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;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAW,EAAE;IACvD,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAW,EAAE;IACtD,OAAO,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC;AAC/B,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-kit",
-  "version": "11.3.0-alpha.3",
+  "version": "11.3.0-alpha.4",
   "description": "GoodData SDK - UI Building Components",
   "repository": {
     "type": "git",
@@ -76,11 +76,11 @@
     "tslib": "2.8.1",
     "unified": "^11.0.5",
     "uuid": "^11.1.0",
-    "@gooddata/sdk-backend-spi": "11.3.0-alpha.3",
-    "@gooddata/sdk-model": "11.3.0-alpha.3",
-    "@gooddata/util": "11.3.0-alpha.3",
-    "@gooddata/sdk-ui-theme-provider": "11.3.0-alpha.3",
-    "@gooddata/sdk-ui": "11.3.0-alpha.3"
+    "@gooddata/sdk-backend-spi": "11.3.0-alpha.4",
+    "@gooddata/sdk-model": "11.3.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "11.3.0-alpha.4",
+    "@gooddata/sdk-ui": "11.3.0-alpha.4",
+    "@gooddata/util": "11.3.0-alpha.4"
   },
   "devDependencies": {
     "@gooddata/eslint-config": "^4.1.1",
@@ -131,8 +131,9 @@
     "typescript": "5.8.3",
     "vitest": "3.2.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "11.3.0-alpha.3",
-    "@gooddata/sdk-backend-mockingbird": "11.3.0-alpha.3"
+    "@gooddata/eslint-plugin": "1.0.0",
+    "@gooddata/sdk-backend-mockingbird": "11.3.0-alpha.4",
+    "@gooddata/reference-workspace": "11.3.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/@ui/UiNavigationBypass/UiNavigationBypass.scss

@@ -48,5 +48,20 @@ $navigation-bypass-item-line-height: 18px;
         font-size: $navigation-bypass-item-font-size;
         line-height: $navigation-bypass-item-line-height;
         color: variables.$gd-color-text;
+        text-decoration: none;
+        cursor: pointer;
+        border: none;
+        background: none;
+        text-align: left;
+        width: 100%;
+
+        &:hover {
+            text-decoration: underline;
+        }
+
+        &:focus {
+            outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
+            outline-offset: -2px;
+        }
     }
 }

package/styles/css/main.css

@@ -1649,6 +1649,19 @@
   font-size: 12px;
   line-height: 18px;
   color: var(--gd-palette-complementary-8, #464e56);
+  text-decoration: none;
+  cursor: pointer;
+  border: none;
+  background: none;
+  text-align: left;
+  width: 100%;
+}
+.gd-ui-kit-navigation-bypass__dropdown-item:hover {
+  text-decoration: underline;
+}
+.gd-ui-kit-navigation-bypass__dropdown-item:focus {
+  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
+  outline-offset: -2px;
 }
 
 .gd-ui-kit-badge {