@jetbrains/ring-ui 5.0.27 → 5.0.29

package/components/auth/auth__core.js

@@ -301,7 +301,7 @@ export default class Auth {
         throw error;
     }
     async handleInitValidationError(error) {
-        if ('cause' in error && error.cause?.message === 'invalid_client') {
+        if ('cause' in error && error.cause instanceof Error && error.cause?.message === 'invalid_client') {
             // eslint-disable-next-line no-console
             console.error('RingUI Auth: invalid client detected. Logging out', error);
             await this.logout();

package/components/button/button.d.ts

@@ -48,7 +48,7 @@ export declare class Button extends PureComponent<ButtonProps> {
         dropdown: PropTypes.Requireable<boolean>;
         href: PropTypes.Requireable<string>;
         target: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
         iconSize: PropTypes.Requireable<number>;
         iconClassName: PropTypes.Requireable<string>;
         iconSuppressSizeWarning: PropTypes.Requireable<boolean>;

package/components/code/code.d.ts

@@ -22,9 +22,9 @@ export default class Code extends PureComponent<CodeProps> {
         softWrap: PropTypes.Requireable<boolean>;
         language: PropTypes.Requireable<string>;
         replacer: PropTypes.Requireable<(...args: any[]) => any>;
-        codeRef: PropTypes.Requireable<((...args: any[]) => any) | PropTypes.InferProps<{
+        codeRef: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
             current: PropTypes.Requireable<Element>;
-        }>>;
+        }> | null | undefined>>;
     };
     static defaultProps: {
         inline: boolean;

package/components/confirm-service/confirm-service.d.ts

@@ -1,7 +1,12 @@
 import { ReactNode } from 'react';
+import { ConfirmAttributes } from '../confirm/confirm';
+import { ControlsHeight } from '../global/controls-height';
 /**
  * @name Confirm Service
  */
+export declare type Props = ConfirmAttributes & {
+    buttonsHeight?: ControlsHeight;
+};
 export declare const containerElement: HTMLDivElement;
 export interface ConfirmServiceParams {
     text?: string | undefined;
@@ -10,6 +15,7 @@ export interface ConfirmServiceParams {
     confirmLabel?: string | undefined;
     rejectLabel?: string | undefined;
     onBeforeConfirm?: (() => void) | undefined;
+    buttonsHeight?: ControlsHeight | undefined;
 }
-export default function confirm({ text, description, confirmLabel, rejectLabel, cancelIsDefault, onBeforeConfirm }: ConfirmServiceParams): Promise<void>;
+export default function confirm({ text, description, confirmLabel, rejectLabel, cancelIsDefault, onBeforeConfirm, buttonsHeight }: ConfirmServiceParams): Promise<void>;
 export declare function hideConfirm(): void;

package/components/confirm-service/confirm-service.js

@@ -1,17 +1,18 @@
 import React from 'react';
 import { render } from '../global/react-render-adapter';
 import Confirm from '../confirm/confirm';
-/**
- * @name Confirm Service
- */
+import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export const containerElement = document.createElement('div');
 /**
  * Renders Confirm into virtual node to skip maintaining container
  */
 function renderConfirm(props) {
-    render(<Confirm {...props}/>, containerElement);
+    const { buttonsHeight = ControlsHeight.M, ...restProps } = props;
+    render((<ControlsHeightContext.Provider value={buttonsHeight}>
+      <Confirm {...restProps}/>
+    </ControlsHeightContext.Provider>), containerElement);
 }
-export default function confirm({ text, description, confirmLabel = 'OK', rejectLabel = 'Cancel', cancelIsDefault, onBeforeConfirm }) {
+export default function confirm({ text, description, confirmLabel = 'OK', rejectLabel = 'Cancel', cancelIsDefault, onBeforeConfirm, buttonsHeight }) {
     return new Promise((resolve, reject) => {
         const props = {
             text,
@@ -19,6 +20,7 @@ export default function confirm({ text, description, confirmLabel = 'OK', reject
             confirmLabel,
             rejectLabel,
             cancelIsDefault,
+            buttonsHeight,
             show: true,
             onConfirm: () => {
                 if (onBeforeConfirm) {

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

@@ -24,7 +24,7 @@ export declare const yearDuration: number;
 export declare const yearScrollSpeed: number;
 export declare const DOUBLE = 2;
 export declare const HALF = 0.5;
-export declare const dateType: PropTypes.Requireable<string | number | Date>;
+export declare const dateType: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
 export declare function parseTime(time: string): string | null;
 export interface DateInputTranslations {
     addFirstDate: string;

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

@@ -21,8 +21,8 @@ export default class DateInput extends React.PureComponent<DateInputProps> {
         divider: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         text: PropTypes.Requireable<string>;
-        hoverDate: PropTypes.Requireable<string | number | Date>;
-        date: PropTypes.Requireable<string | number | Date>;
+        hoverDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         time: PropTypes.Requireable<string>;
         displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
         hidden: PropTypes.Requireable<boolean>;

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

@@ -34,11 +34,11 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         popupClassName: PropTypes.Requireable<string>;
-        date: PropTypes.Requireable<string | number | Date>;
+        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         withTime: PropTypes.Requireable<boolean>;
         range: PropTypes.Requireable<boolean>;
-        from: PropTypes.Requireable<string | number | Date>;
-        to: PropTypes.Requireable<string | number | Date>;
+        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         clear: PropTypes.Requireable<boolean>;
         inline: PropTypes.Requireable<boolean>;
         displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
@@ -53,8 +53,8 @@ export default class DatePicker extends PureComponent<DatePickerProps> {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         dropdownProps: PropTypes.Requireable<object>;
         disabled: PropTypes.Requireable<boolean>;
-        minDate: PropTypes.Requireable<string | number | Date>;
-        maxDate: PropTypes.Requireable<string | number | Date>;
+        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         translations: PropTypes.Requireable<object>;
         locale: PropTypes.Requireable<object>;
     };

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

@@ -6,20 +6,20 @@ export default class DatePopup extends Component<DatePopupProps, DatePopupState>
     static sameDay(next: Date | number | null, prev: Date | number | null): boolean;
     static propTypes: {
         className: PropTypes.Requireable<string>;
-        date: PropTypes.Requireable<string | number | Date>;
+        date: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         range: PropTypes.Requireable<boolean>;
         withTime: PropTypes.Requireable<boolean>;
         time: PropTypes.Requireable<string>;
-        from: PropTypes.Requireable<string | number | Date>;
-        to: PropTypes.Requireable<string | number | Date>;
+        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        to: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         renderAfterCalendar: PropTypes.Requireable<(...args: any[]) => any>;
         displayFormat: PropTypes.Requireable<(...args: any[]) => any>;
         parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onComplete: PropTypes.Requireable<(...args: any[]) => any>;
         onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        minDate: PropTypes.Requireable<string | number | Date>;
-        maxDate: PropTypes.Requireable<string | number | Date>;
+        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         hidden: PropTypes.Requireable<boolean>;
         fromPlaceholder: PropTypes.Requireable<string>;
         toPlaceholder: PropTypes.Requireable<string>;

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

@@ -7,16 +7,16 @@ export interface DayProps extends MonthsProps {
 }
 export default class Day extends Component<DayProps> {
     static propTypes: {
-        day: PropTypes.Requireable<string | number | Date>;
-        from: PropTypes.Requireable<string | number | Date>;
-        currentRange: PropTypes.Requireable<(string | number | Date | null | undefined)[]>;
-        activeRange: PropTypes.Requireable<(string | number | Date | null | undefined)[]>;
+        day: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        from: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        currentRange: PropTypes.Requireable<(NonNullable<string | number | Date | null | undefined> | null | undefined)[]>;
+        activeRange: PropTypes.Requireable<(NonNullable<string | number | Date | null | undefined> | null | undefined)[]>;
         empty: PropTypes.Requireable<boolean>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
         onHover: PropTypes.Requireable<(...args: any[]) => any>;
-        minDate: PropTypes.Requireable<string | number | Date>;
-        maxDate: PropTypes.Requireable<string | number | Date>;
+        minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
+        maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
     };
     handleClick: () => void;
     handleMouseOver: () => void;

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

@@ -4,9 +4,9 @@ import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): JSX.Element;
 declare namespace MonthNames {
     var propTypes: {
-        scrollDate: PropTypes.Requireable<string | number | Date>;
+        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         onScrollChange: PropTypes.Requireable<(...args: any[]) => any>;
-        currentRange: PropTypes.Requireable<(string | number | Date | null | undefined)[]>;
+        currentRange: PropTypes.Requireable<(NonNullable<string | number | Date | null | undefined> | null | undefined)[]>;
         locale: PropTypes.Requireable<string>;
     };
 }

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

@@ -10,7 +10,7 @@ interface MonthSliderState {
 }
 export default class MonthSlider extends PureComponent<MonthSliderProps> {
     static propTypes: {
-        scrollDate: PropTypes.Requireable<string | number | Date>;
+        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         pxToDate: PropTypes.Requireable<PropTypes.InferProps<{
             x: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -7,7 +7,7 @@ export interface MonthProps extends MonthsProps {
 declare function Month(props: MonthProps): JSX.Element;
 declare namespace Month {
     var propTypes: {
-        month: PropTypes.Requireable<string | number | Date>;
+        month: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         locale: PropTypes.Requireable<string>;
     };
 }

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

@@ -5,7 +5,7 @@ declare function Months(props: MonthsProps): JSX.Element;
 declare namespace Months {
     var propTypes: {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        scrollDate: PropTypes.Requireable<string | number | Date>;
+        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
     };
 }
 export default Months;

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

@@ -6,7 +6,7 @@ interface YearsState {
 }
 export default class Years extends PureComponent<CalendarProps> {
     static propTypes: {
-        scrollDate: PropTypes.Requireable<string | number | Date>;
+        scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;
         onScrollChange: PropTypes.Requireable<(...args: any[]) => any>;
     };

package/components/dialog/dialog.d.ts

@@ -25,7 +25,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         label: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         contentClassName: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         show: PropTypes.Validator<boolean>;
         showCloseButton: PropTypes.Requireable<boolean>;
         closeButtonInside: PropTypes.Requireable<boolean>;

package/components/dropdown/dropdown.d.ts

@@ -32,8 +32,8 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
          * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
          * React element should render some interactive HTML element like `button` or `a`
          */
-        anchor: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
-        children: PropTypes.Validator<PropTypes.ReactElementLike | ((...args: any[]) => any)>;
+        anchor: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
         initShown: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
         activeClassName: PropTypes.Requireable<string>;

package/components/error-message/error-message.d.ts

@@ -14,7 +14,7 @@ export interface ErrorMessageProps {
  */
 export default class ErrorMessage extends Component<ErrorMessageProps> {
     static propTypes: {
-        icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
         code: PropTypes.Requireable<string>;
         message: PropTypes.Requireable<string>;
         description: PropTypes.Requireable<string>;

package/components/global/rerender-hoc.d.ts

@@ -11,7 +11,7 @@ export interface RerenderableComponentClass<P, S> {
  * @param captureNode, whether the wrapper should capture this.node itself. Set to false if the component already has "node" property captured
  * @returns {Rerenderer}
  */
-export default function rerenderHOC<P, S>(ComposedComponent: RerenderableComponentClass<P, S>): {
+export default function rerenderHOC<P extends {}, S>(ComposedComponent: RerenderableComponentClass<P, S>): {
     new (props: P): {
         _propsCache: P & RefAttributes<unknown>;
         rerender(props?: Partial<P>, callback?: () => void): void;

package/components/grid/col.d.ts

@@ -15,10 +15,10 @@ export interface ColProps {
 }
 export default class Col extends Component<ColProps> {
     static propTypes: {
-        xs: PropTypes.Requireable<number | boolean>;
-        sm: PropTypes.Requireable<number | boolean>;
-        md: PropTypes.Requireable<number | boolean>;
-        lg: PropTypes.Requireable<number | boolean>;
+        xs: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        sm: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        md: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
+        lg: PropTypes.Requireable<NonNullable<number | boolean | null | undefined>>;
         xsOffset: PropTypes.Requireable<number>;
         smOffset: PropTypes.Requireable<number>;
         mdOffset: PropTypes.Requireable<number>;

package/components/header/profile.d.ts

@@ -44,7 +44,7 @@ export default class Profile extends PureComponent<ProfileProps> {
         onSwitchUser: PropTypes.Requireable<(...args: any[]) => any>;
         profileUrl: PropTypes.Requireable<string>;
         renderPopupItems: PropTypes.Requireable<(...args: any[]) => any>;
-        LinkComponent: PropTypes.Requireable<string | ((...args: any[]) => any) | React.Component<unknown, unknown, unknown>>;
+        LinkComponent: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | React.Component<unknown, unknown, unknown> | null | undefined>>;
         translations: PropTypes.Requireable<PropTypes.InferProps<{
             profile: PropTypes.Requireable<string>;
             login: PropTypes.Requireable<string>;

package/components/header/tray-icon.d.ts

@@ -8,7 +8,7 @@ export interface TrayIconSpecificProps {
 }
 export default class TrayIcon extends Component<ButtonAttrs & TrayIconSpecificProps> {
     static propTypes: {
-        icon: PropTypes.Validator<PropTypes.ReactComponentLike>;
+        icon: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
         rotatable: PropTypes.Requireable<boolean>;
         active: PropTypes.Requireable<boolean>;
         danger: PropTypes.Requireable<boolean>;

package/components/http/http.d.ts

@@ -11,15 +11,15 @@ export declare class HTTPError extends ExtendableError {
 export declare const CODE: {
     UNAUTHORIZED: number;
 };
-export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body'> {
+export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body' | 'headers'> {
     body?: T;
     query?: Record<string, unknown> | undefined;
+    headers?: HeadersInit | Record<string, null | undefined>;
 }
-export declare type RequestParams = FetchParams & {
-    sendRawBody?: false;
-} | FetchParams<BodyInit | null> & {
-    sendRawBody: true;
-};
+export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ? (BodyInit | null) : unknown> {
+    sendRawBody?: RawBody;
+}
+export declare type RequestParamsWithoutMethod<RawBody extends boolean = boolean> = Omit<RequestParams<RawBody>, 'method'>;
 export interface HTTPAuth {
     requestToken(): Promise<string | null> | string | null;
     forceTokenUpdate(): Promise<string | null>;
@@ -44,6 +44,8 @@ export default class HTTP implements Partial<HTTPAuth> {
     authorizedFetch(...args: Parameters<HTTP['_performRequest']>): Promise<any>;
     request: (url: string, params?: RequestParams) => Promise<any>;
     getMetaForResponse: (response: object) => Partial<Response> | undefined;
-    get: (url: string, params?: RequestParams) => Promise<any>;
-    post: (url: string, params?: RequestParams) => Promise<any>;
+    get: (url: string, params?: RequestParamsWithoutMethod) => Promise<any>;
+    post: (url: string, params?: RequestParamsWithoutMethod) => Promise<any>;
+    delete: (url: string, params?: RequestParamsWithoutMethod) => Promise<any>;
+    put: (url: string, params?: RequestParamsWithoutMethod) => Promise<any>;
 }

package/components/http/http.js

@@ -25,6 +25,9 @@ export class HTTPError extends ExtendableError {
 export const CODE = {
     UNAUTHORIZED: 401
 };
+function isRawBody(params) {
+    return params.sendRawBody === true;
+}
 export default class HTTP {
     baseUrl = null;
     _requestsMeta = new WeakMap();
@@ -75,7 +78,7 @@ export default class HTTP {
             }
         });
         let bodyToSend;
-        if (params.sendRawBody) {
+        if (isRawBody(params)) {
             bodyToSend = params.body;
         }
         else {
@@ -124,6 +127,7 @@ export default class HTTP {
         const { body, query = {}, ...fetchConfig } = params;
         const response = await this._fetch(this._makeRequestUrl(url, query), {
             ...fetchConfig,
+            headers: fetchConfig.headers,
             body: body !== null && body !== undefined && body !== '' ? JSON.stringify(body) : body
         });
         return this._processResponse(response);
@@ -156,11 +160,19 @@ export default class HTTP {
     };
     getMetaForResponse = (response) => this._requestsMeta.get(response);
     get = (url, params) => (this.request(url, {
-        method: 'GET',
-        ...params
+        ...params,
+        method: 'GET'
     }));
     post = (url, params) => (this.request(url, {
-        method: 'POST',
-        ...params
+        ...params,
+        method: 'POST'
+    }));
+    delete = (url, params) => (this.request(url, {
+        ...params,
+        method: 'DELETE'
+    }));
+    put = (url, params) => (this.request(url, {
+        ...params,
+        method: 'PUT'
     }));
 }

package/components/icon/icon.d.ts

@@ -18,7 +18,7 @@ export default class Icon extends PureComponent<IconProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
-        glyph: PropTypes.Validator<PropTypes.ReactComponentLike>;
+        glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
         height: PropTypes.Requireable<number>;
         size: PropTypes.Requireable<number>;
         width: PropTypes.Requireable<number>;

package/components/link/clickableLink.d.ts

@@ -13,7 +13,7 @@ export default class ClickableLink extends PureComponent<ClickableLinkProps> {
         onConditionalClick: PropTypes.Requireable<(...args: any[]) => any>;
         activeClassName: PropTypes.Requireable<string>;
         href: PropTypes.Validator<string>;
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
     onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
     render(): JSX.Element;

package/components/link/link.d.ts

@@ -74,7 +74,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -138,7 +138,7 @@ declare const _default: {
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;

package/components/radio/radio.d.ts

@@ -8,9 +8,9 @@ export default class Radio extends Component<RadioProps> {
     static propTypes: {
         name: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<string | number | boolean>;
+        value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
     static Item: React.ForwardRefExoticComponent<import("./radio__item").RadioItemProps & React.RefAttributes<import("./radio__item").Radio>>;
     uid: string;

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

@@ -8,7 +8,7 @@ export interface ShortcutsHOCProps {
     rgShortcutsOptions: ShortcutsHOCOptions;
     rgShortcutsMap: ShortcutsMap;
 }
-export default function shortcutsHOC<P>(ComposedComponent: ComponentType<P> | string): {
+export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentType<P> | string): {
     new (props: (P & ShortcutsHOCProps) | Readonly<P & ShortcutsHOCProps>): {
         _shortcutsScopeUid: string;
         render(): JSX.Element;

package/components/tab-trap/tab-trap.d.ts

@@ -13,7 +13,7 @@ export interface TabTrapProps extends HTMLAttributes<HTMLElement> {
  */
 export default class TabTrap extends Component<TabTrapProps> {
     static propTypes: {
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         trapDisabled: PropTypes.Requireable<boolean>;
         autoFocusFirst: PropTypes.Requireable<boolean>;
         focusBackOnClose: PropTypes.Requireable<boolean>;

package/components/table-legacy/table-legacy.css

@@ -151,7 +151,7 @@
 
   border-collapse: collapse;
   border-width: 1px;
-  border-color: var(--ring-sidebar-background-color);
+  border-color: var(--ring-line-color);
   border-top-style: solid;
   border-bottom-style: solid;
 }

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

@@ -15,7 +15,7 @@ export interface CollapsibleTabsProps {
 export declare const CollapsibleTabs: {
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;
@@ -29,7 +29,7 @@ export declare const CollapsibleTabs: {
 declare const _default: React.MemoExoticComponent<{
     ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): JSX.Element;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         selected: PropTypes.Requireable<string>;
         onSelect: PropTypes.Validator<(...args: any[]) => any>;
         moreClassName: PropTypes.Requireable<string>;

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

@@ -4,6 +4,6 @@ import { TabProps } from './tab';
 export declare const CustomItem: {
     ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     propTypes: {
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     };
 };

package/components/tabs/dumb-tabs.d.ts

@@ -17,7 +17,7 @@ declare class Tabs extends PureComponent<TabsProps> {
         selected: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         'data-test': PropTypes.Requireable<string>;
         autoCollapse: PropTypes.Requireable<boolean>;

package/components/tabs/tab-link.d.ts

@@ -11,7 +11,7 @@ declare namespace TabLink {
     var propTypes: {
         isSelected: PropTypes.Requireable<boolean>;
         collapsed: PropTypes.Requireable<boolean>;
-        title: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
     };
 }
 declare const _default: React.MemoExoticComponent<typeof TabLink>;

package/components/tabs/tab.d.ts

@@ -17,7 +17,7 @@ export interface TabProps {
 }
 export default class Tab extends PureComponent<TabProps> {
     static propTypes: {
-        title: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
+        title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
         id: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/components/tag/tag.d.ts

@@ -30,7 +30,7 @@ export default class Tag extends PureComponent<TagProps> {
     static propTypes: {
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        rgTagIcon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
         icon: PropTypes.Requireable<string>;
         avatar: PropTypes.Requireable<string>;
         rgTagTitle: PropTypes.Requireable<string>;

package/components/tags-input/tags-input.d.ts

@@ -62,9 +62,9 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
         autoOpen: PropTypes.Requireable<boolean>;
         renderOptimization: PropTypes.Requireable<boolean>;
         legacyMode: PropTypes.Requireable<boolean>;
-        filter: PropTypes.Requireable<boolean | PropTypes.InferProps<{
+        filter: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
             fn: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
+        }> | null | undefined>>;
         loadingMessage: PropTypes.Requireable<string>;
         notFoundMessage: PropTypes.Requireable<string>;
         allowAddNewTags: PropTypes.Requireable<boolean>;

package/components/user-card/card.d.ts

@@ -24,7 +24,7 @@ export default class UserCard extends PureComponent<UserCardProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
-        user: PropTypes.Validator<PropTypes.InferProps<{
+        user: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
             login: PropTypes.Validator<string>;
             avatarUrl: PropTypes.Validator<string>;
@@ -33,7 +33,7 @@ export default class UserCard extends PureComponent<UserCardProps> {
             online: PropTypes.Requireable<boolean>;
             banned: PropTypes.Requireable<boolean>;
             banReason: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         wording: PropTypes.Requireable<PropTypes.InferProps<{
             banned: PropTypes.Validator<string>;
             online: PropTypes.Validator<string>;

package/dist/_helpers/button__classes.js

@@ -18,7 +18,7 @@ function getButtonClasses(_ref) {
     height
   } = _ref;
   const withNormalIcon = icon && !active && !danger && !primary && !disabled;
-  return classNames(modules_e81895c9.button, className, modules_e81895c9["height".concat(height)], {
+  return classNames(modules_e81895c9.button, className, modules_e81895c9[`height${height}`], {
     [modules_e81895c9.active]: active,
     [modules_e81895c9.danger]: danger,
     [modules_e81895c9.delayed]: delayed,