@jetbrains/ring-ui 6.0.36 → 6.0.38

package/components/alert/container.css

@@ -11,6 +11,8 @@
   align-items: flex-end;
   flex-direction: column;
 
+  max-height: calc(100vh - 2 * var(--ring-unit));
+
   pointer-events: none;
 
   font-family: var(--ring-font-family);
@@ -20,6 +22,8 @@
 .alertInContainer {
   composes: alert from "./alert.css";
 
+  overflow-y: auto;
+
   min-width: calc(var(--ring-unit) * 30);
   max-width: calc(var(--ring-unit) * 50);
   margin-top: 0;

package/components/auth/request-builder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="typings" />
 import uuid from 'simply-uuid';
 import AuthStorage, { AuthState } from './storage';
 export interface AuthRequestBuilderConfig {

package/components/auth/token-validator.d.ts

@@ -68,7 +68,7 @@ export default class TokenValidator {
      * @param {string} error
      * @return {boolean}
      */
-    static shouldRefreshToken(error: string | undefined): boolean;
+    static shouldRefreshToken(error: string | undefined): error is "invalid_grant" | "invalid_request" | "invalid_token";
     /**
      * Check scopes
      * @param {StoredToken} storedToken

package/components/auth-dialog-service/auth-dialog-service.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import AuthDialog, { AuthDialogProps } from '../auth-dialog/auth-dialog';
 export declare const reactRoot: import("react-dom/client").Root;
 type AuthDialogAttributes = JSX.LibraryManagedAttributes<typeof AuthDialog, AuthDialogProps>;

package/components/avatar/fallback-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {

package/components/code/code.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="highlight.js" />
 import { PureComponent, Ref } from 'react';
 import PropTypes from 'prop-types';
 import highlight from 'highlight.js/lib/core';

package/components/collapse/collapse-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CollapseContextInterface {
     collapsed: boolean;
     duration: number;

package/components/confirm/confirm.d.ts

@@ -13,6 +13,7 @@ export interface ConfirmProps {
     onConfirm: ((event: React.MouseEvent<HTMLButtonElement>) => void);
     onReject: ((event?: React.MouseEvent<HTMLButtonElement>) => void);
     className?: string | undefined;
+    native?: boolean;
 }
 /**
  * @name Confirm

package/components/confirm/confirm.js

@@ -41,8 +41,8 @@ export default class Confirm extends PureComponent {
         }
     };
     render() {
-        const { show, className, inProgress, cancelIsDefault, text, description, confirmLabel, rejectLabel, onConfirm, onReject } = this.props;
-        return (<Dialog label={text || (typeof description === 'string' ? description : undefined)} className={className} onEscPress={this.onEscPress} show={show} trapFocus data-test="ring-confirm">
+        const { show, className, inProgress, cancelIsDefault, text, description, confirmLabel, rejectLabel, onConfirm, onReject, native } = this.props;
+        return (<Dialog label={text || (typeof description === 'string' ? description : undefined)} className={className} onEscPress={this.onEscPress} show={show} trapFocus data-test="ring-confirm" native={native}>
         {text && <Header>{text}</Header>}
         {description && (<Content>
             <div className={styles.description}>{description}</div>

package/components/data-list/data-list.d.ts

@@ -32,7 +32,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onKeyDown: (e: KeyboardEvent) => void;
             render(): import("react").JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
@@ -40,7 +40,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             };
             shouldComponentUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -59,7 +59,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             onKeyDown: (e: KeyboardEvent) => void;
             render(): import("react").JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>;
             refs: {
@@ -67,7 +67,7 @@ export default class DataListContainer<T extends SelectionItem> extends Componen
             };
             shouldComponentUpdate?(nextProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<import("../table/disable-hover-hoc").DisableHoverProps<import("../table/selection-shortcuts-hoc").SelectionShortcutsProps<T, FocusableProps<T>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;

package/components/date-picker/day.d.ts

@@ -23,7 +23,7 @@ export default class Day extends Component<DayProps> {
     handleMouseOver: () => void;
     handleMouseOut: () => void;
     isDay: (date: Date) => boolean;
-    is: (name: 'date' | 'from' | 'to' | 'activeDate') => boolean;
+    is: (name: "date" | "from" | "to" | "activeDate") => boolean;
     inRange: (range: [Date, Date] | null) => boolean | null;
     isDisabled: (date: Date) => boolean;
     parse(text: string | null | undefined): Date | null;

package/components/date-picker/month-names.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): import("react").JSX.Element;

package/components/date-picker/month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {

package/components/date-picker/months.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function Months(props: MonthsProps): import("react").JSX.Element;

package/components/date-picker/weekdays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {

package/components/dialog/dialog.css

@@ -1,6 +1,6 @@
 @import "../global/variables.css";
 
-@value header from "../island/island.css";
+@value header, scrollableWrapper from "../island/island.css";
 
 .container {
   position: fixed;
@@ -16,7 +16,18 @@
   justify-content: center;
 
   padding: calc(var(--ring-unit) * 4) var(--ring-unit);
+}
+
+.nativeDialog {
+  overflow: visible;
+
+  padding: 0;
+
+  border: none;
+}
 
+.container,
+.nativeDialog::backdrop {
   background-color: rgba(var(--ring-dialog-overlay-components), var(--ring-dialog-overlay-opacity));
 }
 
@@ -37,7 +48,7 @@
   cursor: default;
   overflow-wrap: break-word;
 
-  & [data-scrollable-container] {
+  & .scrollableWrapper {
     padding-bottom: var(--ring-unit);
   }
 
@@ -121,7 +132,7 @@
   }
 }
 
-.container .header {
+.innerContainer .header {
   padding-top: calc(var(--ring-unit) * 4);
 
   font-size: 24px;

package/components/dialog/dialog.d.ts

@@ -19,6 +19,8 @@ export interface DialogProps extends Partial<TabTrapProps> {
     portalTarget?: Element | null | undefined;
     'data-test'?: string | null | undefined;
     dense?: boolean | null | undefined;
+    native?: boolean;
+    modal?: boolean;
 }
 export default class Dialog extends PureComponent<DialogProps> {
     static propTypes: {
@@ -52,6 +54,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         reset: () => void;
     };
     uid: string;
+    toggleNativeDialog(): void;
     toggleScrollPreventer(): void;
     handleClick: (event: React.MouseEvent<HTMLElement>) => void;
     onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
@@ -60,6 +63,7 @@ export default class Dialog extends PureComponent<DialogProps> {
     };
     dialog?: HTMLElement | null;
     dialogRef: (tabTrap: TabTrap | null) => void;
-    render(): false | React.ReactPortal;
+    nativeDialog: React.RefObject<HTMLDialogElement>;
+    render(): false | React.JSX.Element;
 }
 export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;

package/components/dialog/dialog.js

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import { createRef, PureComponent } from 'react';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
@@ -53,15 +53,24 @@ export default class Dialog extends PureComponent {
         closeButtonInside: false,
         shortcutOptions: { modal: false },
         trapFocus: false,
-        autoFocusFirst: true
+        autoFocusFirst: true,
+        modal: true
     };
     state = {
         shortcutsScope: getUID('ring-dialog-')
     };
     componentDidMount() {
+        const { show, native } = this.props;
+        if (native && show) {
+            this.toggleNativeDialog();
+        }
         this.toggleScrollPreventer();
     }
     componentDidUpdate(prevProps) {
+        const { show, native } = this.props;
+        if (native && show !== prevProps.show) {
+            this.toggleNativeDialog();
+        }
         if (prevProps.show !== this.props.show) {
             this.toggleScrollPreventer();
         }
@@ -71,6 +80,17 @@ export default class Dialog extends PureComponent {
     }
     scrollPreventer = scrollPreventerFactory(getUID('preventer-'));
     uid = getUID('dialog-');
+    toggleNativeDialog() {
+        const { show, modal } = this.props;
+        if (this.nativeDialog.current != null) {
+            if (show) {
+                modal ? this.nativeDialog.current.showModal() : this.nativeDialog.current.show();
+            }
+            else {
+                this.nativeDialog.current.close();
+            }
+        }
+    }
     toggleScrollPreventer() {
         if (this.props.show) {
             this.scrollPreventer.prevent();
@@ -102,26 +122,37 @@ export default class Dialog extends PureComponent {
     dialogRef = (tabTrap) => {
         this.dialog = tabTrap && tabTrap.node;
     };
+    nativeDialog = createRef();
     render() {
-        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, closeButtonTitle, dense, shortcutOptions, ...restProps } = this.props;
+        const { show, showCloseButton, onOverlayClick, onCloseAttempt, onEscPress, onCloseClick, children, className, contentClassName, trapFocus, 'data-test': dataTest, closeButtonInside, portalTarget, label, closeButtonTitle, dense, shortcutOptions, native, modal, ...restProps } = this.props;
         const classes = classNames(styles.container, className);
         const shortcutsMap = this.getShortcutsMap();
+        const content = (<>
+        <Shortcuts map={shortcutsMap} scope={this.state.shortcutsScope} options={this.props.shortcutOptions}/>
+        {(onOverlayClick !== noop || onCloseAttempt !== noop) && (<div 
+            // click handler is duplicated in close button
+            role="presentation" className={styles.clickableOverlay} onClick={this.handleClick}/>)}
+        <div className={styles.innerContainer}>
+          <AdaptiveIsland className={classNames(styles.content, contentClassName, { [styles.dense]: dense })} data-test="ring-dialog" role="dialog" aria-label={label}>
+            {children}
+            {showCloseButton &&
+                (<Button icon={closeIcon} data-test="ring-dialog-close-button" className={classNames(styles.closeButton, {
+                        [styles.closeButtonOutside]: !closeButtonInside,
+                        [styles.closeButtonInside]: closeButtonInside
+                    })} iconClassName={styles.closeIcon} onClick={this.onCloseClick} title={closeButtonTitle} aria-label={closeButtonTitle || 'close dialog'}/>)}
+          </AdaptiveIsland>
+        </div>
+      </>);
+        if (native) {
+            return (<dialog className={classNames(styles.nativeDialog, className)} ref={this.nativeDialog}>
+          <PopupTarget id={this.uid} className={styles.popupTarget}>
+            {target => <>{content}{target}</>}
+          </PopupTarget>
+        </dialog>);
+        }
         return show && createPortal(<PopupTarget id={this.uid} className={styles.popupTarget}>
         {target => (<TabTrap trapDisabled={!trapFocus} data-test={dataTests('ring-dialog-container', dataTest)} ref={this.dialogRef} className={classes} role="presentation" {...restProps}>
-              <Shortcuts map={shortcutsMap} scope={this.state.shortcutsScope} options={this.props.shortcutOptions}/>
-              {(onOverlayClick !== noop || onCloseAttempt !== noop) && (<div 
-                // click handler is duplicated in close button
-                role="presentation" className={styles.clickableOverlay} onClick={this.handleClick}/>)}
-              <div className={styles.innerContainer}>
-                <AdaptiveIsland className={classNames(styles.content, contentClassName, { [styles.dense]: dense })} data-test="ring-dialog" role="dialog" aria-label={label}>
-                  {children}
-                  {showCloseButton &&
-                    (<Button icon={closeIcon} data-test="ring-dialog-close-button" className={classNames(styles.closeButton, {
-                            [styles.closeButtonOutside]: !closeButtonInside,
-                            [styles.closeButtonInside]: closeButtonInside
-                        })} iconClassName={styles.closeIcon} onClick={this.onCloseClick} title={closeButtonTitle} aria-label={closeButtonTitle || 'close dialog'}/>)}
-                </AdaptiveIsland>
-              </div>
+              {content}
               {target}
             </TabTrap>)}
       </PopupTarget>, portalTarget instanceof HTMLElement ? portalTarget : document.body);

package/components/dropdown/anchor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
 declare const _default: import("react").MemoExoticComponent<{

package/components/dropdown-menu/dropdown-menu.d.ts

@@ -16,8 +16,8 @@ export interface DropdownMenuProps<T = unknown> extends Omit<DropdownAttrs, 'anc
     menuProps?: PopupMenuAttrs<T> | null | undefined;
 }
 declare const _default: (<T = unknown>(props: DropdownMenuProps<T> & {
-    ref?: Ref<PopupMenu<unknown>> | undefined;
-}) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
+    ref?: Ref<PopupMenu>;
+}) => ReactElement | null) & {
     ListProps: {
         Type: typeof import("../list/consts").Type;
         Dimension: {

package/components/global/composeRefs.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'react';
-declare const _default: <T>(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void;
-export default _default;
+export default function composeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void;
+export declare function createComposedRef<T>(): import("memoize-one").MemoizedFn<(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void>;

package/components/global/composeRefs.js

@@ -1,8 +1,14 @@
-export default (...refs) => (value) => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref != null) {
-        ref.current = value;
-    }
-});
+import memoizeOne from 'memoize-one';
+export default function composeRefs(...refs) {
+    return (value) => refs.forEach(ref => {
+        if (typeof ref === 'function') {
+            ref(value);
+        }
+        else if (ref != null) {
+            ref.current = value;
+        }
+    });
+}
+export function createComposedRef() {
+    return memoizeOne((composeRefs));
+}

package/components/global/controls-height.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum ControlsHeight {
     S = "S",
     M = "M",

package/components/global/dom.d.ts

@@ -3,7 +3,7 @@
  */
 import { SyntheticEvent } from 'react';
 import type { PropertiesHyphen } from 'csstype';
-export declare const getStyles: ((elt: Element, pseudoElt?: string | null | undefined) => CSSStyleDeclaration) & typeof getComputedStyle;
+export declare const getStyles: ((elt: Element, pseudoElt?: string | null) => CSSStyleDeclaration) & typeof getComputedStyle;
 export declare function isMounted(node: Node | Range | null | undefined): boolean;
 export interface Rect {
     top: number;
@@ -20,7 +20,7 @@ export declare function getWindowWidth(): number;
 export declare function isNodeInVisiblePartOfPage(node: Element | Range): boolean;
 export declare function getDocumentScrollTop(): number;
 export declare function getDocumentScrollLeft(): number;
-export declare const applyMethodToClasses: (method: 'add' | 'remove') => (classList: DOMTokenList, classes?: string) => void;
+export declare const applyMethodToClasses: (method: "add" | "remove") => (classList: DOMTokenList, classes?: string) => void;
 export declare const addClasses: (classList: DOMTokenList, classes?: string) => void;
 export declare const removeClasses: (classList: DOMTokenList, classes?: string) => void;
 export declare const toggleClasses: (classList: DOMTokenList, classes: Record<string, boolean>) => void;

package/components/global/typescript-utils.d.ts

@@ -1,2 +1,2 @@
 export declare const isArray: (arg: unknown) => arg is readonly unknown[];
-export declare const isTruthy: <T>(arg: T | false | '' | 0 | null | undefined) => arg is T;
+export declare const isTruthy: <T>(arg: T | false | "" | 0 | null | undefined) => arg is T;

package/components/input/input.d.ts

@@ -64,6 +64,7 @@ export declare class Input extends PureComponent<InputProps> {
     stretch(el: HTMLElement | null | undefined): void;
     adapt(): void;
     inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
+    composedInputRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement | HTMLTextAreaElement> | undefined)[]) => (value: HTMLInputElement | HTMLTextAreaElement | null) => void>;
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/components/input/input.js

@@ -8,7 +8,7 @@ import Button from '../button/button';
 import getUID from '../global/get-uid';
 import Icon from '../icon/icon';
 import { I18nContext } from '../i18n/i18n-context';
-import composeRefs from '../global/composeRefs';
+import { createComposedRef } from '../global/composeRefs';
 import { ControlsHeightContext } from '../global/controls-height';
 import { ControlLabel } from '../control-label/control-label';
 import ControlHelp from '../control-help/control-help';
@@ -75,6 +75,7 @@ export class Input extends PureComponent {
     inputRef = (el) => {
         this.input = el;
     };
+    composedInputRef = createComposedRef();
     clear = (e) => {
         this.props.onClear && this.props.onClear(e);
     };
@@ -109,7 +110,7 @@ export class Input extends PureComponent {
         const inputClasses = classNames(styles.input, inputClassName);
         const text = value != null ? value : children;
         const commonProps = {
-            ref: composeRefs(this.inputRef, inputRef),
+            ref: this.composedInputRef(this.inputRef, inputRef),
             className: inputClasses,
             value: text,
             disabled,

package/components/island/adaptive-island-hoc.d.ts

@@ -10,7 +10,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<P>;
         refs: {
@@ -20,7 +20,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -36,7 +36,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<P>;
         refs: {
@@ -46,7 +46,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/components/island/content.js

@@ -67,7 +67,7 @@ class Content extends Component {
         this.calculateScrollPosition();
     };
     render() {
-        const { children, className, bottomBorder, scrollableWrapperClassName, onScroll, onScrollToBottom, fade, ...restProps } = this.props;
+        const { children, className, bottomBorder, scrollableWrapperClassName, onScroll, onScrollToBottom, fade, tabIndex, ...restProps } = this.props;
         const { scrolledToTop, scrolledToBottom } = this.state;
         const classes = classNames(styles.content, className, {
             [styles.contentWithTopFade]: fade && !scrolledToTop,
@@ -77,10 +77,7 @@ class Content extends Component {
         });
         const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
         return (<div {...restProps} data-test="ring-island-content" className={classes}>
-        <div 
-        // it has to be focusable because it can be scrollable
-        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex={0} data-scrollable-container className={scrollableWrapperClasses} ref={this.setScrollableNodeAndCalculatePosition} onScroll={fade ? this.calculateScrollPosition : noop}>
+        <div tabIndex={tabIndex} className={scrollableWrapperClasses} ref={this.setScrollableNodeAndCalculatePosition} onScroll={fade ? this.calculateScrollPosition : noop}>
           {fade && (<div ref={this.setWrapper}>
               {children}
             </div>)}

package/components/island/island.d.ts

@@ -26,7 +26,7 @@ export declare const AdaptiveIsland: {
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<IslandProps>;
         refs: {
@@ -36,7 +36,7 @@ export declare const AdaptiveIsland: {
         shouldComponentUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -52,7 +52,7 @@ export declare const AdaptiveIsland: {
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<IslandProps>;
         refs: {
@@ -62,7 +62,7 @@ export declare const AdaptiveIsland: {
         shouldComponentUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/components/link/link.d.ts

@@ -17,7 +17,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
     new (props: LinkProps<P>): {
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<LinkProps<P>>;
         state: Readonly<{}>;
@@ -28,7 +28,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         shouldComponentUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -40,7 +40,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
     new (props: LinkProps<P>, context: any): {
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<LinkProps<P>>;
         state: Readonly<{}>;
@@ -51,7 +51,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         shouldComponentUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -78,7 +78,7 @@ declare const _default: {
     new (props: LinkProps<ClickableLinkProps>): {
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<LinkProps<ClickableLinkProps>>;
         state: Readonly<{}>;
@@ -89,7 +89,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -101,7 +101,7 @@ declare const _default: {
     new (props: LinkProps<ClickableLinkProps>, context: any): {
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<LinkProps<ClickableLinkProps>>;
         state: Readonly<{}>;
@@ -112,7 +112,7 @@ declare const _default: {
         shouldComponentUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/components/list/list.d.ts

@@ -57,7 +57,7 @@ export declare const ActiveItemContext: {
         };
         displayName: string;
     };
-    useUpdate: (value: string | undefined, skipUpdate?: boolean | undefined) => void;
+    useUpdate: (value: string | undefined, skipUpdate?: boolean) => void;
     Updater: import("react").MemoExoticComponent<{
         ({ value, skipUpdate }: import("../global/create-stateful-context").UpdaterProps<string | undefined>): null;
         displayName: string;

package/components/popup/popup.d.ts

@@ -98,8 +98,8 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     uid: string;
     calculateDisplay: (prevState: PopupState) => {
         display: Display;
-        client?: boolean | undefined;
-        direction?: Directions | undefined;
+        client?: boolean;
+        direction?: Directions;
     };
     static PopupProps: {
         Directions: typeof Directions;

package/components/query-assist/query-assist__suggestions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;

package/components/select/select__popup.d.ts

@@ -3,7 +3,6 @@
  */
 import { ComponentType, CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 import Popup from '../popup/popup';
 import { Directions } from '../popup/position';
@@ -114,39 +113,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     getFilter(): React.JSX.Element | null;
     handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
     handleTagClick: (arg: ListDataItem<T>) => () => void;
-    getCustomTag(tags: Tags | boolean | null): ((tag: Pick<Pick<import("../tag/tag").TagProps, keyof import("../tag/tag").TagProps> & Pick<PropTypes.InferProps<{
-        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
-        icon: PropTypes.Requireable<string>;
-        avatar: PropTypes.Requireable<string>;
-        rgTagTitle: PropTypes.Requireable<string>;
-        readOnly: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        focused: PropTypes.Requireable<boolean>;
-        angled: PropTypes.Requireable<boolean>;
-        backgroundColor: PropTypes.Requireable<string>;
-        textColor: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        render: PropTypes.Requireable<(...args: any[]) => any>;
-    }>, never> & Pick<import("../tag/tag").TagProps, never>, never> & {
-        className?: string | null | undefined;
-        children?: ReactNode;
-        onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        icon?: string | undefined;
-        disabled?: boolean | undefined;
-        avatar?: string | null | undefined;
-        readOnly?: boolean | undefined;
-        focused?: boolean | undefined;
-        render?: ((props: import("../tag/tag").TagRenderProps) => ReactNode) | undefined;
-        onRemove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-        rgTagIcon?: string | IconType | null | undefined;
-        rgTagTitle?: string | undefined;
-        angled?: boolean | null | undefined;
-        textColor?: string | undefined;
-        backgroundColor?: string | undefined;
-    } & {}) => ReactNode) | undefined;
+    getCustomTag(tags: Tags | boolean | null): ((tag: TagAttrs) => ReactNode) | undefined;
     getTags(): false | React.JSX.Element;
     getFilterWithTags(): React.JSX.Element | null;
     getBottomLine(): "" | React.JSX.Element | null;

package/components/shortcuts/shortcuts-hoc.d.ts

@@ -13,7 +13,7 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         _shortcutsScopeUid: string;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
@@ -24,7 +24,7 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -37,7 +37,7 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         _shortcutsScopeUid: string;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<P & ShortcutsHOCProps>;
         state: Readonly<{}>;
@@ -48,7 +48,7 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/components/table/disable-hover-hoc.d.ts

@@ -14,7 +14,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onKeyDown: (e: KeyboardEvent) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<DisableHoverProps<P>>;
         refs: {
@@ -22,7 +22,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         };
         shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
@@ -41,7 +41,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         onKeyDown: (e: KeyboardEvent) => void;
         render(): import("react").JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<DisableHoverProps<P>>;
         refs: {
@@ -49,7 +49,7 @@ export default function disableHoverHOC<P extends DisableHoverAddProps>(Composed
         };
         shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>): any | null;
         componentDidUpdate?(prevProps: Readonly<DisableHoverProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;

package/components/table/smart-table.d.ts

@@ -42,7 +42,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
         onItemCollapse?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
         onItemExpand?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
         onItemDoubleClick?: import("react").Validator<((item: SelectionItem) => void) | null | undefined> | undefined;
-        onItemClick?: import("react").Validator<((item: SelectionItem, e: import("react").MouseEvent<HTMLTableRowElement, MouseEvent>) => void) | null | undefined> | undefined;
+        onItemClick?: import("react").Validator<((item: SelectionItem, e: import("react").MouseEvent<HTMLTableRowElement>) => void) | null | undefined> | undefined;
         isDisabledSelectionVisible?: import("react").Validator<((item: SelectionItem) => boolean) | null | undefined> | undefined;
         getCheckboxTooltip?: import("react").Validator<((item: SelectionItem) => string | undefined) | null | undefined> | undefined;
         loaderClassName?: import("react").Validator<string | null | undefined> | undefined;

package/components/table/table.d.ts

@@ -109,7 +109,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onKeyDown: (e: KeyboardEvent) => void;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
@@ -117,7 +117,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             };
             shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
@@ -136,7 +136,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             onKeyDown: (e: KeyboardEvent) => void;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+            setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
             readonly props: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>;
             refs: {
@@ -144,7 +144,7 @@ export default class TableContainer<T extends SelectionItem> extends Component<T
             };
             shouldComponentUpdate?(nextProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>): any | null;
             componentDidUpdate?(prevProps: Readonly<DisableHoverProps<SelectionShortcutsProps<T, FocusSensorProps<TableProps<T>, HTMLTableRowElement, typeof Table>>>>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;

package/components/tabs/collapsible-more.d.ts

@@ -8,7 +8,7 @@ export interface FakeMoreButtonProps {
     moreActiveClassName?: string | null | undefined;
 }
 export declare const AnchorLink: {
-    ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, 'children'> & FakeMoreButtonProps): import("react").JSX.Element;
+    ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, "children"> & FakeMoreButtonProps): import("react").JSX.Element;
     propTypes: {
         hasActiveChildren: PropTypes.Requireable<boolean>;
         moreClassName: PropTypes.Requireable<string>;

package/components/tabs/custom-item.d.ts

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import { ReactElement } from 'react';
 import { TabProps } from './tab';
 export declare const CustomItem: {
-    ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    ({ children }: TabProps): ReactElement;
     propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.36",
+  "version": "6.0.38",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -83,22 +83,22 @@
     "@jetbrains/eslint-config": "^5.4.2",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/stylelint-config": "^4.0.2",
-    "@primer/octicons": "^19.9.0",
+    "@primer/octicons": "^19.10.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.7",
-    "@storybook/addon-a11y": "8.1.9",
-    "@storybook/addon-docs": "8.1.9",
-    "@storybook/addon-essentials": "8.1.9",
-    "@storybook/components": "8.1.9",
-    "@storybook/manager-api": "8.1.9",
-    "@storybook/preview-api": "8.1.9",
-    "@storybook/react": "8.1.9",
-    "@storybook/react-webpack5": "8.1.9",
+    "@storybook/addon-a11y": "8.1.10",
+    "@storybook/addon-docs": "8.1.10",
+    "@storybook/addon-essentials": "8.1.10",
+    "@storybook/components": "8.1.10",
+    "@storybook/manager-api": "8.1.10",
+    "@storybook/preview-api": "8.1.10",
+    "@storybook/react": "8.1.10",
+    "@storybook/react-webpack5": "8.1.10",
     "@storybook/test-runner": "^0.18.2",
-    "@storybook/theming": "8.1.9",
-    "@testing-library/dom": "^10.1.0",
+    "@storybook/theming": "8.1.10",
+    "@testing-library/dom": "^10.2.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/chai": "^4.3.16",
@@ -112,14 +112,14 @@
     "@types/sinon": "^17.0.3",
     "@types/sinon-chai": "^3.2.12",
     "@types/webpack-env": "^1.18.5",
-    "@typescript-eslint/eslint-plugin": "^7.13.0",
-    "@typescript-eslint/parser": "^7.13.0",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
     "@vitejs/plugin-react": "^4.3.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "acorn": "^8.12.0",
     "axe-playwright": "^2.0.1",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001636",
+    "caniuse-lite": "^1.0.30001638",
     "chai": "^5.1.1",
     "chai-as-promised": "^8.0.0",
     "chai-dom": "^1.10.0",
@@ -132,18 +132,18 @@
     "eslint-import-resolver-webpack": "^0.13.8",
     "eslint-plugin-bdd": "^2.1.1",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-storybook": "^0.8.0",
     "events": "^3.3.0",
-    "glob": "^10.4.1",
+    "glob": "^10.4.2",
     "html-webpack-plugin": "^5.6.0",
     "http-server": "^14.1.1",
     "husky": "^9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "jest": "~29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-teamcity": "^1.10.0",
+    "jest-teamcity": "^1.12.0",
     "lint-staged": "^15.2.7",
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
@@ -161,17 +161,17 @@
     "sinon": "^18.0.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.1.9",
+    "storybook": "8.1.10",
     "storybook-addon-themes": "^6.1.0",
     "stylelint": "^16.6.1",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.10",
-    "typescript": "~5.4.5",
+    "typescript": "~5.5.2",
     "vitest": "^1.6.0",
     "vitest-teamcity-reporter": "^0.3.0",
     "wallaby-webpack": "^3.9.16",
-    "webpack": "^5.92.0",
+    "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4",
     "xmlappend": "^1.0.4"
   },