@jetbrains/ring-ui 5.0.0-beta.21 → 5.0.0-beta.22

package/components/avatar/avatar.d.ts

@@ -49,3 +49,4 @@ export default class Avatar extends PureComponent<AvatarProps> {
     handleSuccess: () => void;
     render(): JSX.Element;
 }
+export declare type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/components/input/input.d.ts

@@ -64,6 +64,8 @@ export declare class Input extends PureComponent<InputProps> {
     render(): JSX.Element;
 }
 export declare type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
-export declare type InputAttrs = ContainerProps<InputProps>;
+export declare type InputSpecificAttrs = ContainerProps<InputSpecificProps>;
+export declare type TextAreaSpecificAttrs = ContainerProps<TextAreaSpecificProps>;
+export declare type InputAttrs = InputSpecificAttrs | TextAreaSpecificAttrs;
 export default Input;
 export { Size };

package/components/popup/popup.d.ts

@@ -144,3 +144,4 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     render(): JSX.Element;
 }
 export declare type PopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
+export declare type BasePopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;

package/components/popup/popup.target.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-export declare const PopupTargetContext: React.Context<string | undefined>;
+export declare const PopupTargetContext: React.Context<string | Element | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);

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

@@ -58,7 +58,7 @@ export interface QueryAssistProps {
     actions?: ReactNode[] | null | undefined;
     'data-test'?: string | null | undefined;
 }
-interface StyleRange {
+export interface StyleRange {
     style: string;
     start: number;
     length: number;

package/components/select/select.d.ts

@@ -45,6 +45,7 @@ export interface CustomAnchorProps {
     buttonProps: ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps;
     popup: ReactNode;
 }
+export declare type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
@@ -94,7 +95,7 @@ export interface BaseSelectProps<T = unknown> {
     hint?: ReactNode;
     add?: Add | null | undefined;
     compact?: boolean | null | undefined;
-    customAnchor?: ((props: CustomAnchorProps) => ReactNode) | null | undefined;
+    customAnchor?: CustomAnchor | null | undefined;
     disableMoveOverflow?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
@@ -113,7 +114,7 @@ export interface MultipleSelectProps<T = unknown> extends BaseSelectProps<T> {
     onChange: (selected: SelectItem<T>[], event?: Event | SyntheticEvent) => void;
     tags?: Tags | boolean | null | undefined;
 }
-declare type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
+export declare type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
 interface AddButton {
     prefix: string | null | undefined;
     label: string;

package/components/select/select__popup.d.ts

@@ -105,7 +105,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     getFilterWithTags(): JSX.Element | null;
     getBottomLine(): "" | JSX.Element | null;
     handleListResize: () => void;
-    getList(ringPopupTarget: string | undefined): JSX.Element | null;
+    getList(ringPopupTarget: string | Element | undefined): JSX.Element | null;
     handleSelectAll: () => void;
     getSelectAll: () => false | JSX.Element;
     private _adjustListMaxHeight;

package/components/table/row-with-focus-sensor.d.ts

@@ -3,10 +3,10 @@ import { FocusSensorProps } from '../global/focus-sensor-hoc';
 import Row, { RowProps } from './row';
 import { SelectionItem } from './selection';
 export interface RowWithFocusSensorCallbacksProps<T extends SelectionItem> extends Omit<FocusSensorProps<RowProps<T>, HTMLTableRowElement, typeof Row>, 'onFocus'> {
-    onFocus: (item: T) => void;
-    onSelect: (item: T, selected: boolean) => void;
-    onCollapse: (item: T) => void;
-    onExpand: (item: T) => void;
+    onFocus?: (item: T) => void;
+    onSelect?: (item: T, selected: boolean) => void;
+    onCollapse?: (item: T) => void;
+    onExpand?: (item: T) => void;
 }
 export default class RowWithFocusSensorCallbacks<T extends SelectionItem> extends PureComponent<RowWithFocusSensorCallbacksProps<T>> {
     RowWithFocusSensor: React.ComponentType<FocusSensorProps<RowProps<T>, HTMLDivElement, typeof Row>>;

package/components/table/row-with-focus-sensor.js

@@ -6,16 +6,16 @@ export default class RowWithFocusSensorCallbacks extends PureComponent {
     // https://stackoverflow.com/a/53882322/6304152
     RowWithFocusSensor = getContainer();
     onFocus = () => {
-        this.props.onFocus(this.props.item);
+        this.props.onFocus?.(this.props.item);
     };
     onSelect = (item, selected) => {
-        this.props.onSelect(item, selected);
+        this.props.onSelect?.(item, selected);
     };
     onCollapse = () => {
-        this.props.onCollapse(this.props.item);
+        this.props.onCollapse?.(this.props.item);
     };
     onExpand = () => {
-        this.props.onExpand(this.props.item);
+        this.props.onExpand?.(this.props.item);
     };
     render() {
         return (<this.RowWithFocusSensor {...this.props} onFocus={this.onFocus} onSelect={this.onSelect} onCollapse={this.onCollapse} onExpand={this.onExpand}/>);

package/components/table/row.d.ts

@@ -54,3 +54,4 @@ export default class Row<T extends SelectionItem> extends PureComponent<RowProps
     rowRef: (el: HTMLElement | null) => void;
     render(): JSX.Element;
 }
+export declare type RowAttrs<T extends SelectionItem> = JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;

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

@@ -4,7 +4,7 @@ import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
 export { CustomItem };
-declare type Children = readonly Children[] | ReactElement<TabProps> | null | boolean;
+export declare type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
 export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;

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

@@ -1,9 +1,8 @@
-import { PureComponent, ReactElement } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { TabsAttrs } from './dumb-tabs';
-import { TabProps } from './tab';
+import { TabsAttrs, Children } from './dumb-tabs';
 export interface SmartTabsProps extends TabsAttrs {
-    children: ReactElement<TabProps>[];
+    children: Children;
     initSelected?: string | null | undefined;
 }
 export default class SmartTabs extends PureComponent<SmartTabsProps> {
@@ -12,6 +11,7 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         initSelected: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    constructor(props: SmartTabsProps);
     state: {
         selected: string;
     };

package/components/tabs/smart-tabs.js

@@ -8,9 +8,15 @@ export default class SmartTabs extends PureComponent {
         initSelected: PropTypes.string,
         'data-test': PropTypes.string
     };
-    state = {
-        selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    };
+    constructor(props) {
+        super(props);
+        this.state = {
+            selected: this.props.initSelected ||
+                (Array.isArray(this.props.children) && this.props.children[0].props.id) ||
+                '0'
+        };
+    }
+    state;
     handleSelect = (selected) => this.setState({ selected });
     render() {
         const { children, initSelected, 'data-test': dataTest, ...restProps } = this.props;

package/dist/avatar/avatar.d.ts

@@ -49,3 +49,4 @@ export default class Avatar extends PureComponent<AvatarProps> {
     handleSuccess: () => void;
     render(): JSX.Element;
 }
+export declare type AvatarAttrs = JSX.LibraryManagedAttributes<typeof Avatar, AvatarProps>;

package/dist/input/input.d.ts

@@ -64,6 +64,8 @@ export declare class Input extends PureComponent<InputProps> {
     render(): JSX.Element;
 }
 export declare type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
-export declare type InputAttrs = ContainerProps<InputProps>;
+export declare type InputSpecificAttrs = ContainerProps<InputSpecificProps>;
+export declare type TextAreaSpecificAttrs = ContainerProps<TextAreaSpecificProps>;
+export declare type InputAttrs = InputSpecificAttrs | TextAreaSpecificAttrs;
 export default Input;
 export { Size };

package/dist/popup/popup.d.ts

@@ -144,3 +144,4 @@ export default class Popup<P extends BasePopupProps = PopupProps> extends PureCo
     render(): JSX.Element;
 }
 export declare type PopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, PopupProps>;
+export declare type BasePopupAttrs = JSX.LibraryManagedAttributes<typeof Popup, BasePopupProps>;

package/dist/popup/popup.target.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-export declare const PopupTargetContext: React.Context<string | undefined>;
+export declare const PopupTargetContext: React.Context<string | Element | undefined>;
 export interface PopupTargetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     id: string;
     children: ReactNode | ((target: ReactNode) => ReactNode);

package/dist/query-assist/query-assist.d.ts

@@ -58,7 +58,7 @@ export interface QueryAssistProps {
     actions?: ReactNode[] | null | undefined;
     'data-test'?: string | null | undefined;
 }
-interface StyleRange {
+export interface StyleRange {
     style: string;
     start: number;
     length: number;

package/dist/select/select.d.ts

@@ -45,6 +45,7 @@ export interface CustomAnchorProps {
     buttonProps: ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps;
     popup: ReactNode;
 }
+export declare type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
@@ -94,7 +95,7 @@ export interface BaseSelectProps<T = unknown> {
     hint?: ReactNode;
     add?: Add | null | undefined;
     compact?: boolean | null | undefined;
-    customAnchor?: ((props: CustomAnchorProps) => ReactNode) | null | undefined;
+    customAnchor?: CustomAnchor | null | undefined;
     disableMoveOverflow?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
@@ -113,7 +114,7 @@ export interface MultipleSelectProps<T = unknown> extends BaseSelectProps<T> {
     onChange: (selected: SelectItem<T>[], event?: Event | SyntheticEvent) => void;
     tags?: Tags | boolean | null | undefined;
 }
-declare type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
+export declare type SelectProps<T = unknown> = SingleSelectProps<T> | MultipleSelectProps<T>;
 interface AddButton {
     prefix: string | null | undefined;
     label: string;

package/dist/select/select__popup.d.ts

@@ -105,7 +105,7 @@ export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupP
     getFilterWithTags(): JSX.Element | null;
     getBottomLine(): "" | JSX.Element | null;
     handleListResize: () => void;
-    getList(ringPopupTarget: string | undefined): JSX.Element | null;
+    getList(ringPopupTarget: string | Element | undefined): JSX.Element | null;
     handleSelectAll: () => void;
     getSelectAll: () => false | JSX.Element;
     private _adjustListMaxHeight;

package/dist/table/row-with-focus-sensor.d.ts

@@ -3,10 +3,10 @@ import { FocusSensorProps } from '../global/focus-sensor-hoc';
 import Row, { RowProps } from './row';
 import { SelectionItem } from './selection';
 export interface RowWithFocusSensorCallbacksProps<T extends SelectionItem> extends Omit<FocusSensorProps<RowProps<T>, HTMLTableRowElement, typeof Row>, 'onFocus'> {
-    onFocus: (item: T) => void;
-    onSelect: (item: T, selected: boolean) => void;
-    onCollapse: (item: T) => void;
-    onExpand: (item: T) => void;
+    onFocus?: (item: T) => void;
+    onSelect?: (item: T, selected: boolean) => void;
+    onCollapse?: (item: T) => void;
+    onExpand?: (item: T) => void;
 }
 export default class RowWithFocusSensorCallbacks<T extends SelectionItem> extends PureComponent<RowWithFocusSensorCallbacksProps<T>> {
     RowWithFocusSensor: React.ComponentType<FocusSensorProps<RowProps<T>, HTMLDivElement, typeof Row>>;

package/dist/table/row-with-focus-sensor.js

@@ -55,19 +55,27 @@ class RowWithFocusSensorCallbacks extends PureComponent {
     _defineProperty(this, "RowWithFocusSensor", getContainer());
 
     _defineProperty(this, "onFocus", () => {
-      this.props.onFocus(this.props.item);
+      var _this$props$onFocus, _this$props;
+
+      (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props, this.props.item);
     });
 
     _defineProperty(this, "onSelect", (item, selected) => {
-      this.props.onSelect(item, selected);
+      var _this$props$onSelect, _this$props2;
+
+      (_this$props$onSelect = (_this$props2 = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props2, item, selected);
     });
 
     _defineProperty(this, "onCollapse", () => {
-      this.props.onCollapse(this.props.item);
+      var _this$props$onCollaps, _this$props3;
+
+      (_this$props$onCollaps = (_this$props3 = this.props).onCollapse) === null || _this$props$onCollaps === void 0 ? void 0 : _this$props$onCollaps.call(_this$props3, this.props.item);
     });
 
     _defineProperty(this, "onExpand", () => {
-      this.props.onExpand(this.props.item);
+      var _this$props$onExpand, _this$props4;
+
+      (_this$props$onExpand = (_this$props4 = this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props4, this.props.item);
     });
   }
 

package/dist/table/row.d.ts

@@ -54,3 +54,4 @@ export default class Row<T extends SelectionItem> extends PureComponent<RowProps
     rowRef: (el: HTMLElement | null) => void;
     render(): JSX.Element;
 }
+export declare type RowAttrs<T extends SelectionItem> = JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;

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

@@ -4,7 +4,7 @@ import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
 export { CustomItem };
-declare type Children = readonly Children[] | ReactElement<TabProps> | null | boolean;
+export declare type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
 export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
     children: Children;
     onSelect: (key: string) => void;

package/dist/tabs/smart-tabs.d.ts

@@ -1,9 +1,8 @@
-import { PureComponent, ReactElement } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import { TabsAttrs } from './dumb-tabs';
-import { TabProps } from './tab';
+import { TabsAttrs, Children } from './dumb-tabs';
 export interface SmartTabsProps extends TabsAttrs {
-    children: ReactElement<TabProps>[];
+    children: Children;
     initSelected?: string | null | undefined;
 }
 export default class SmartTabs extends PureComponent<SmartTabsProps> {
@@ -12,6 +11,7 @@ export default class SmartTabs extends PureComponent<SmartTabsProps> {
         initSelected: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
+    constructor(props: SmartTabsProps);
     state: {
         selected: string;
     };

package/dist/tabs/smart-tabs.js

@@ -1,9 +1,9 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tabs.js';
@@ -70,16 +70,18 @@ import './collapsible-tab.js';
 import './custom-item.js';
 
 class SmartTabs extends PureComponent {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
 
-    _defineProperty(this, "state", {
-      selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    });
+    _defineProperty(this, "state", void 0);
 
     _defineProperty(this, "handleSelect", selected => this.setState({
       selected
     }));
+
+    this.state = {
+      selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
+    };
   }
 
   render() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.0-beta.21",
+  "version": "5.0.0-beta.22",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -254,5 +254,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "7c50b0bb1d954f530e7d821bf21de435b1e710b5"
+  "gitHead": "3b6a6152427f0c519caa67912d668f102dd458cb"
 }