@jetbrains/ring-ui 5.0.0-beta.1 → 5.0.0-beta.2

package/components/markdown/markdown.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { ReactMarkdownProps } from 'react-markdown';
 export interface BaseMarkdownProps {
     source: string;
@@ -10,13 +9,6 @@ export declare type MarkdownProps = ReactMarkdownProps & BaseMarkdownProps;
   * @name Markdown
 */
 export default class Markdown extends PureComponent<MarkdownProps> {
-    static propTypes: {
-        inline: PropTypes.Requireable<boolean>;
-        source: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        renderers: PropTypes.Requireable<object>;
-        plugins: PropTypes.Requireable<any[]>;
-    };
     render(): JSX.Element;
 }
 declare const md: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;

package/components/markdown/markdown.jsx

@@ -14,13 +14,6 @@ import styles from './markdown.css';
   * @name Markdown
 */
 export default class Markdown extends PureComponent {
-    static propTypes = {
-        inline: PropTypes.bool,
-        source: PropTypes.string,
-        className: PropTypes.string,
-        renderers: PropTypes.object,
-        plugins: PropTypes.array
-    };
     render() {
         const { className, renderers, inline, source, plugins = [], ...restProps } = this.props;
         const classes = classNames(className, {
@@ -37,5 +30,12 @@ export default class Markdown extends PureComponent {
             }} {...restProps}/>);
     }
 }
+Markdown.propTypes = {
+    inline: PropTypes.bool,
+    source: PropTypes.string,
+    className: PropTypes.string,
+    renderers: PropTypes.object,
+    plugins: PropTypes.array
+};
 const md = trivialTemplateTag(source => <Markdown {...{ source }}/>);
 export { md };

package/components/message/message.d.ts

@@ -1,5 +1,4 @@
 import { Component, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
 import { IconType } from '../icon/icon';
@@ -30,21 +29,6 @@ interface MessageState {
  * Displays a popup containing a message.
  */
 export default class Message extends Component<MessageProps> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        tailClassName: PropTypes.Requireable<string>;
-        title: PropTypes.Validator<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        directions: PropTypes.Requireable<(string | null | undefined)[]>;
-        direction: PropTypes.Requireable<string>;
-        popupProps: PropTypes.Requireable<object>;
-        buttonProps: PropTypes.Requireable<object>;
-        tailOffset: PropTypes.Requireable<number>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        translations: PropTypes.Requireable<object>;
-    };
     static defaultProps: {
         icon: string;
         directions: Directions[];

package/components/message/message.jsx

@@ -29,21 +29,6 @@ const getTailOffsets = (offset) => ({
  * Displays a popup containing a message.
  */
 export default class Message extends Component {
-    static propTypes = {
-        children: PropTypes.node,
-        className: PropTypes.string,
-        tailClassName: PropTypes.string,
-        title: PropTypes.string.isRequired,
-        icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-        directions: PropTypes.arrayOf(PropTypes.string),
-        direction: PropTypes.string,
-        popupProps: PropTypes.object,
-        buttonProps: PropTypes.object,
-        tailOffset: PropTypes.number,
-        onClose: PropTypes.func,
-        onDismiss: PropTypes.func,
-        translations: PropTypes.object
-    };
     static defaultProps = {
         icon: gift,
         directions: [
@@ -104,3 +89,18 @@ export default class Message extends Component {
       </Popup>);
     }
 }
+Message.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    tailClassName: PropTypes.string,
+    title: PropTypes.string.isRequired,
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+    directions: PropTypes.arrayOf(PropTypes.string),
+    direction: PropTypes.string,
+    popupProps: PropTypes.object,
+    buttonProps: PropTypes.object,
+    tailOffset: PropTypes.number,
+    onClose: PropTypes.func,
+    onDismiss: PropTypes.func,
+    translations: PropTypes.object
+};

package/components/pager/pager.d.ts

@@ -2,14 +2,13 @@
  * @name Pager
  */
 import React, { PureComponent, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { SelectItem } from '../select/select';
 export interface PagerTranslations {
-    perPage: 'per page';
-    firstPage: 'First page';
-    lastPage: 'Last page';
-    nextPage: 'Next page';
-    previousPage: 'Previous';
+    perPage: string;
+    firstPage: string;
+    lastPage: string;
+    nextPage: string;
+    previousPage: string;
 }
 export interface PagerProps {
     total: number;
@@ -33,24 +32,6 @@ interface PagerSizeItem {
     key: number;
 }
 export default class Pager extends PureComponent<PagerProps> {
-    static propTypes: {
-        total: PropTypes.Validator<number>;
-        currentPage: PropTypes.Requireable<number>;
-        pageSize: PropTypes.Requireable<number>;
-        pageSizes: PropTypes.Requireable<(number | null | undefined)[]>;
-        visiblePagesLimit: PropTypes.Requireable<number>;
-        disablePageSizeSelector: PropTypes.Requireable<boolean>;
-        openTotal: PropTypes.Requireable<boolean>;
-        canLoadLastPageWithOpenTotal: PropTypes.Requireable<boolean>;
-        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onPageSizeChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onLoadPage: PropTypes.Requireable<(...args: any[]) => any>;
-        className: PropTypes.Requireable<string>;
-        translations: PropTypes.Requireable<object>;
-        loader: PropTypes.Requireable<boolean>;
-        loaderNavigation: PropTypes.Requireable<boolean>;
-        hrefFunc: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: {
         currentPage: number;
         pageSize: number;

package/components/pager/pager.jsx

@@ -15,24 +15,6 @@ import Link from '../link/link';
 import Icon from '../icon/icon';
 import style from './pager.css';
 export default class Pager extends PureComponent {
-    static propTypes = {
-        total: PropTypes.number.isRequired,
-        currentPage: PropTypes.number,
-        pageSize: PropTypes.number,
-        pageSizes: PropTypes.arrayOf(PropTypes.number),
-        visiblePagesLimit: PropTypes.number,
-        disablePageSizeSelector: PropTypes.bool,
-        openTotal: PropTypes.bool,
-        canLoadLastPageWithOpenTotal: PropTypes.bool,
-        onPageChange: PropTypes.func,
-        onPageSizeChange: PropTypes.func,
-        onLoadPage: PropTypes.func,
-        className: PropTypes.string,
-        translations: PropTypes.object,
-        loader: PropTypes.bool,
-        loaderNavigation: PropTypes.bool,
-        hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
-    };
     static defaultProps = {
         currentPage: 1,
         pageSize: 50,
@@ -234,3 +216,21 @@ export default class Pager extends PureComponent {
       </div>);
     }
 }
+Pager.propTypes = {
+    total: PropTypes.number.isRequired,
+    currentPage: PropTypes.number,
+    pageSize: PropTypes.number,
+    pageSizes: PropTypes.arrayOf(PropTypes.number),
+    visiblePagesLimit: PropTypes.number,
+    disablePageSizeSelector: PropTypes.bool,
+    openTotal: PropTypes.bool,
+    canLoadLastPageWithOpenTotal: PropTypes.bool,
+    onPageChange: PropTypes.func,
+    onPageSizeChange: PropTypes.func,
+    onLoadPage: PropTypes.func,
+    className: PropTypes.string,
+    translations: PropTypes.object,
+    loader: PropTypes.bool,
+    loaderNavigation: PropTypes.bool,
+    hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
+};

package/components/select/select.d.ts

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, Component, CSSProperties, DetailedHTMLProps, HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
 import Theme from '../global/theme';
@@ -40,8 +40,10 @@ export interface DataTestProps {
     'data-test'?: string | null | undefined;
 }
 export interface CustomAnchorProps {
-    wrapperProps: DetailedHTMLProps<HTMLAttributes<HTMLElement> & DataTestProps, HTMLElement>;
-    buttonProps: DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps, HTMLButtonElement>;
+    wrapperProps: HTMLAttributes<HTMLElement> & DataTestProps & {
+        ref: RefCallback<HTMLElement>;
+    };
+    buttonProps: ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps;
     popup: ReactNode;
 }
 export interface BaseSelectProps<T = unknown> {

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

@@ -1,10 +1,8 @@
 import PropTypes from 'prop-types';
-import { ReactElement, ReactNode } from 'react';
-export interface CustomItemProps {
-    children?: ReactNode;
-}
+import { ReactElement } from 'react';
+import { TabProps } from './tab';
 export declare const CustomItem: {
-    ({ children }: CustomItemProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };

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

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

package/dist/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, ImgHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Avatar
@@ -13,7 +13,7 @@ export declare enum Size {
     Size48 = 48,
     Size56 = 56
 }
-export interface AvatarProps extends HTMLAttributes<HTMLElement> {
+export interface AvatarProps extends ImgHTMLAttributes<HTMLImageElement> {
     dpr: number;
     size: Size;
     subavatarSize: number;