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

package/dist/list/list.js

@@ -103,6 +103,12 @@ class List extends Component {
       scrolledToBottom: false
     });
 
+    _defineProperty(this, "virtualizedList", void 0);
+
+    _defineProperty(this, "unmounted", void 0);
+
+    _defineProperty(this, "container", void 0);
+
     _defineProperty(this, "hoverHandler", memoize(index => () => scheduleHoverListener(() => {
       if (this.state.disabledHover) {
         return;
@@ -240,7 +246,7 @@ class List extends Component {
     });
 
     _defineProperty(this, "onDocumentKeyDown", e => {
-      const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line no-magic-numbers
+      const metaKeys = [16, 17, 18, 19, 20, 91]; // eslint-disable-line @typescript-eslint/no-magic-numbers
 
       if (!this.state.disabledHover && !metaKeys.includes(e.keyCode)) {
         this.setState({
@@ -267,7 +273,7 @@ class List extends Component {
         this.selectHandler(this.state.activeIndex)(event);
 
         if (item.href && !event.defaultPrevented) {
-          if (['command+enter', 'ctrl+enter'].includes(shortcut)) {
+          if (shortcut != null && ['command+enter', 'ctrl+enter'].includes(shortcut)) {
             window.open(item.href, '_blank');
           } else if (shortcut === 'shift+enter') {
             window.open(item.href);
@@ -320,9 +326,9 @@ class List extends Component {
 
     _defineProperty(this, "renderItem", _ref => {
       let {
-        index,
+        index = 1,
         style,
-        isScrolling,
+        isScrolling = false,
         parent,
         key
       } = _ref;
@@ -344,20 +350,21 @@ class List extends Component {
         const {
           selectedLabel,
           originalModel,
-          ...cleanedProps
+          ...restProps
         } = item;
-        const itemProps = Object.assign({
-          rgItemType: DEFAULT_ITEM_TYPE
-        }, cleanedProps);
+        const cleanedProps = restProps;
 
-        if (itemProps.url) {
-          itemProps.href = itemProps.url;
+        if (cleanedProps.url) {
+          cleanedProps.href = cleanedProps.url;
         }
 
-        if (itemProps.href) {
-          itemProps.rgItemType = Type.LINK;
+        if (cleanedProps.href) {
+          cleanedProps.rgItemType = Type.LINK;
         }
 
+        const itemProps = Object.assign({
+          rgItemType: DEFAULT_ITEM_TYPE
+        }, restProps);
         itemKey = key || itemId;
         itemProps.hover = realIndex === this.state.activeIndex;
 
@@ -458,6 +465,8 @@ class List extends Component {
       this.container = el;
     });
 
+    _defineProperty(this, "_inner", void 0);
+
     _defineProperty(this, "id", getUID('list-'));
 
     _defineProperty(this, "shortcutsScope", this.id);
@@ -591,15 +600,15 @@ class List extends Component {
   }
 
   getSelected() {
-    return this.props.data[this.state.activeIndex];
+    return this.state.activeIndex != null ? this.props.data[this.state.activeIndex] : null;
   }
 
   defaultItemHeight() {
     return this.props.compact ? Dimension.COMPACT_ITEM_HEIGHT : Dimension.ITEM_HEIGHT;
   }
 
-  getVisibleListHeight(props) {
-    return props.maxHeight - this.defaultItemHeight() - Dimension.INNER_PADDING;
+  getVisibleListHeight(maxHeight) {
+    return maxHeight - this.defaultItemHeight() - Dimension.INNER_PADDING;
   }
 
   _deprecatedGenerateKeyFromContent(itemProps) {
@@ -615,7 +624,7 @@ class List extends Component {
   }
 
   getId(item) {
-    return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : null;
+    return item != null ? `${this.id}:${item.key || this._deprecatedGenerateKeyFromContent(item)}` : undefined;
   }
 
   get inner() {
@@ -638,7 +647,7 @@ class List extends Component {
       registerChild
     } = _ref3;
     const dirOverride = {
-      direction: 'auto'
+      direction: 'inherit'
     }; // Virtualized sets "direction: ltr" by default https://github.com/bvaughn/react-virtualized/issues/457
 
     return /*#__PURE__*/React.createElement(AutoSizer, {
@@ -666,7 +675,7 @@ class List extends Component {
         isScrolling: isScrolling,
         onScroll: e => {
           onChildScroll(e);
-          this.scrollEndHandler(e);
+          this.scrollEndHandler();
         },
         scrollTop: scrollTop,
         rowCount: rowCount,
@@ -717,8 +726,8 @@ class List extends Component {
       "aria-label": this.props.ariaLabel,
       role: "grid",
       style: maxHeight ? {
-        maxHeight: this.getVisibleListHeight(this.props)
-      } : null
+        maxHeight: this.getVisibleListHeight(maxHeight)
+      } : undefined
     }, items));
   }
 
@@ -727,9 +736,9 @@ class List extends Component {
     const hint = this.getSelected() && this.props.hintOnSelection || this.props.hint;
     const fadeStyles = hint ? {
       bottom: Dimension.ITEM_HEIGHT
-    } : null;
+    } : undefined;
     const rowCount = this.props.data.length + 2;
-    const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props);
+    const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
     const classes = classNames(modules_3b67a421.list, this.props.className);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActiveItemContext.Updater, {
       value: this.getId(this.state.activeItem),
@@ -761,7 +770,7 @@ _defineProperty(List, "propTypes", {
   hint: PropTypes.node,
   hintOnSelection: PropTypes.string,
   data: PropTypes.array,
-  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxHeight: PropTypes.number,
   activeIndex: PropTypes.number,
   restoreActiveIndex: PropTypes.bool,
   activateSingleItem: PropTypes.bool,
@@ -785,11 +794,8 @@ _defineProperty(List, "propTypes", {
 _defineProperty(List, "defaultProps", {
   data: [],
   restoreActiveIndex: false,
-  // restore active item using its "key" property
   activateSingleItem: false,
-  // if there is only one item, activate it
   activateFirstItem: false,
-  // if there no active items, activate the first one
   onMouseOut: noop,
   onSelect: noop,
   onScrollToBottom: noop,

package/dist/list/list__custom.d.ts

@@ -0,0 +1,6 @@
+import React, { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListCustom<T> extends PureComponent<ListDataItemProps<T>> {
+    handleKeyPress: (event: React.KeyboardEvent) => void;
+    render(): JSX.Element;
+}

package/dist/list/list__custom.js

@@ -60,26 +60,21 @@ class ListCustom extends PureComponent {
   }
 
 }
-
-_defineProperty(ListCustom, "propTypes", {
-  scrolling: PropTypes.bool,
-  hover: PropTypes.bool,
+ListCustom.propTypes = {
+  scrolling: PropTypes.bool.isRequired,
+  hover: PropTypes.bool.isRequired,
   className: PropTypes.string,
   disabled: PropTypes.bool,
   rgItemType: PropTypes.number,
-  tabIndex: PropTypes.number,
+  tabIndex: PropTypes.number.isRequired,
   template: PropTypes.oneOfType([PropTypes.func, PropTypes.element, PropTypes.string]),
-  onClick: PropTypes.func,
-  onMouseOver: PropTypes.func,
+  onClick: PropTypes.func.isRequired,
+  onMouseOver: PropTypes.func.isRequired,
   onMouseUp: PropTypes.func,
-  onCheckboxChange: PropTypes.func,
+  onCheckboxChange: PropTypes.func.isRequired,
   role: PropTypes.string,
   tagName: PropTypes.string,
   'data-test': PropTypes.string
-});
-
-_defineProperty(ListCustom, "defaultProps", {
-  hover: false
-});
+};
 
 export { ListCustom as default };

package/dist/list/list__hint.d.ts

@@ -0,0 +1,15 @@
+import { PureComponent, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface ListHintProps {
+    label: ReactNode;
+}
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+export default class ListHint extends PureComponent<ListHintProps> {
+    static propTypes: {
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}

package/dist/list/list__item.d.ts

@@ -0,0 +1,8 @@
+import { PureComponent, SyntheticEvent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListItem<T> extends PureComponent<ListDataItemProps<T>> {
+    id: string;
+    stopBubbling: (e: SyntheticEvent) => void;
+    private _isString;
+    render(): JSX.Element;
+}

package/dist/list/list__item.js

@@ -20,7 +20,7 @@ import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
 
-var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","middle-screen-media":"(min-width:960px) and (max-width:1199px)","large-screen-media":"(min-width:1200px)","clearfix":"clearfix_rui_750f","font":"font_rui_750f","font-lower":"fontLower_rui_750f font_rui_750f","font-smaller":"fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","font-smaller-lower":"fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","font-larger-lower":"fontLargerLower_rui_750f fontLower_rui_750f font_rui_750f","font-larger":"fontLarger_rui_750f fontLargerLower_rui_750f fontLower_rui_750f font_rui_750f","thin-font":"thinFont_rui_750f","monospace-font":"monospaceFont_rui_750f","ellipsis":"ellipsis_rui_750f","resetButton":"resetButton_rui_750f"};
+var modules_5b0fb3e8 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","middle-screen-media":"(min-width:960px) and (max-width:1199px)","large-screen-media":"(min-width:1200px)","clearfix":"clearfix_rui_33bf","font":"font_rui_33bf","font-lower":"fontLower_rui_33bf font_rui_33bf","font-smaller":"fontSmaller_rui_33bf fontLower_rui_33bf font_rui_33bf","font-smaller-lower":"fontSmallerLower_rui_33bf fontSmaller_rui_33bf fontLower_rui_33bf font_rui_33bf","font-larger-lower":"fontLargerLower_rui_33bf fontLower_rui_33bf font_rui_33bf","font-larger":"fontLarger_rui_33bf fontLargerLower_rui_33bf fontLower_rui_33bf font_rui_33bf","thin-font":"thinFont_rui_33bf","monospace-font":"monospaceFont_rui_33bf","ellipsis":"ellipsis_rui_33bf","resetButton":"resetButton_rui_33bf"};
 
 /**
  * @constructor
@@ -88,7 +88,7 @@ class ListItem extends PureComponent {
       [modules_3b67a421.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
     });
     const style = {
-      paddingLeft: `${(+level || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
+      paddingLeft: `${(Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0)}px`
     };
     let computedTitle = null;
 
@@ -168,8 +168,7 @@ class ListItem extends PureComponent {
   }
 
 }
-
-_defineProperty(ListItem, "propTypes", {
+ListItem.propTypes = {
   scrolling: PropTypes.bool,
   hover: PropTypes.bool,
   details: PropTypes.string,
@@ -199,6 +198,6 @@ _defineProperty(ListItem, "propTypes", {
   onMouseDown: PropTypes.func,
   onMouseUp: PropTypes.func,
   'data-test': PropTypes.string
-});
+};
 
 export { ListItem as default };

package/dist/list/list__link.d.ts

@@ -0,0 +1,9 @@
+import { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+export default class ListLink<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): JSX.Element;
+}

package/dist/list/list__link.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -49,16 +49,15 @@ class ListLink extends PureComponent {
   }
 
 }
-
-_defineProperty(ListLink, "propTypes", { ...Link.propTypes,
+ListLink.propTypes = { ...Link.propTypes,
   description: PropTypes.string,
   label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
   rgItemType: PropTypes.number,
-  scrolling: PropTypes.bool,
+  scrolling: PropTypes.bool.isRequired,
   url: PropTypes.string,
   LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
-  onCheckboxChange: PropTypes.func,
+  onCheckboxChange: PropTypes.func.isRequired,
   compact: PropTypes.bool
-});
+};
 
 export { ListLink as default };

package/dist/list/list__separator.d.ts

@@ -0,0 +1,5 @@
+import { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListSeparator<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): JSX.Element;
+}

package/dist/list/list__separator.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -20,11 +19,10 @@ class ListSeparator extends PureComponent {
   }
 
 }
-
-_defineProperty(ListSeparator, "propTypes", {
+ListSeparator.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   isFirst: PropTypes.bool
-});
+};
 
 export { ListSeparator as default };

package/dist/list/list__title.d.ts

@@ -0,0 +1,5 @@
+import { PureComponent } from 'react';
+import { ListDataItemProps } from './consts';
+export default class ListTitle<T> extends PureComponent<ListDataItemProps<T>> {
+    render(): JSX.Element;
+}

package/dist/list/list__title.js

@@ -1,4 +1,3 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -28,12 +27,11 @@ class ListTitle extends PureComponent {
   }
 
 }
-
-_defineProperty(ListTitle, "propTypes", {
+ListTitle.propTypes = {
   className: PropTypes.string,
   description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   isFirst: PropTypes.bool
-});
+};
 
 export { ListTitle as default };

package/dist/list/list__users-groups-source.d.ts

@@ -0,0 +1,27 @@
+import Auth, { AuthUser } from '../auth/auth';
+import HubSourceUsersGroups, { HubSourceUsersGroupsOptions, UserGroup } from '../hub-source/hub-source__users-groups';
+interface ListUsersGroupsSourceOptions extends Partial<HubSourceUsersGroupsOptions> {
+    GroupsTitle: string;
+    NoGroupsTitle: string;
+    UsersTitle: string;
+    NoUsersTitle: string;
+    getPluralForUserCount: (count: number) => string;
+}
+declare enum Filter {
+    ALL = 0,
+    USERS = 1,
+    GROUPS = 2
+}
+export default class ListUsersGroupsSource extends HubSourceUsersGroups {
+    static Filter: typeof Filter;
+    listSourceOptions: ListUsersGroupsSourceOptions;
+    constructor(auth: Auth, options?: Partial<ListUsersGroupsSourceOptions>);
+    getGroupsSectionTitle(groups: UserGroup[]): string;
+    getUsersSectionTitle(users: AuthUser[]): string;
+    getForList(query?: string, filter?: Filter): Promise<{
+        rgItemType: import("./consts").Type;
+        key: number;
+        description: string;
+    }[]>;
+}
+export {};

package/dist/list/list__users-groups-source.js

@@ -54,19 +54,25 @@ const defaultOptions = {
   UsersTitle: 'Users',
   NoUsersTitle: 'No users',
   getPluralForUserCount: count => {
-    // eslint-disable-next-line no-magic-numbers
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
     const plural = count % 10 !== 1 || count % 100 === 11;
     return `${count} member${plural ? 's' : ''}`;
   }
 };
-const Filter = {
-  ALL: 0,
-  USERS: 1,
-  GROUPS: 2
-};
+var Filter;
+
+(function (Filter) {
+  Filter[Filter["ALL"] = 0] = "ALL";
+  Filter[Filter["USERS"] = 1] = "USERS";
+  Filter[Filter["GROUPS"] = 2] = "GROUPS";
+})(Filter || (Filter = {}));
+
 class ListUsersGroupsSource extends HubSourceUsersGroups {
   constructor(auth, options) {
     super(auth, options);
+
+    _defineProperty(this, "listSourceOptions", void 0);
+
     this.listSourceOptions = Object.assign({}, defaultOptions, options);
   }
 
@@ -92,12 +98,16 @@ class ListUsersGroupsSource extends HubSourceUsersGroups {
     }
 
     if (filter !== Filter.GROUPS) {
-      users.forEach(user => items.push({ ...user,
-        key: user.id,
-        label: user.name,
-        avatar: user.profile ? user.profile.avatar.url : null,
-        description: user.login
-      }));
+      users.forEach(user => {
+        var _user$profile$avatar;
+
+        return items.push({ ...user,
+          key: user.id,
+          label: user.name,
+          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
+          description: user.login
+        });
+      });
     }
 
     if (filter === Filter.ALL) {

package/dist/loader/loader.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import LoaderCore, { LoaderCoreProps } from './loader__core';
+export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HTMLElement> {
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Loader
+ */
+/**
+ * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
+ */
+export default class Loader extends PureComponent<LoaderProps> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        colors: PropTypes.Requireable<any[]>;
+        message: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+        stop: PropTypes.Requireable<boolean>;
+        deterministic: PropTypes.Requireable<boolean>;
+    };
+    componentDidUpdate(prevProps: LoaderProps): void;
+    componentWillUnmount(): void;
+    loader?: LoaderCore;
+    initLoader: (el: Node | null) => void;
+    render(): JSX.Element;
+}

package/dist/loader/loader.js

@@ -17,6 +17,8 @@ class Loader extends PureComponent {
   constructor() {
     super(...arguments);
 
+    _defineProperty(this, "loader", void 0);
+
     _defineProperty(this, "initLoader", el => {
       if (el) {
         this.loader = new LoaderCore(el, this.props);
@@ -35,7 +37,9 @@ class Loader extends PureComponent {
   }
 
   componentWillUnmount() {
-    this.loader.destroy();
+    var _this$loader;
+
+    (_this$loader = this.loader) === null || _this$loader === void 0 ? void 0 : _this$loader.destroy();
   }
 
   render() {

package/dist/loader/loader__core.d.ts

@@ -0,0 +1,75 @@
+export interface Color {
+    r: number;
+    g: number;
+    b: number;
+}
+interface ParticleType {
+    step(): void;
+    isAlive(): boolean;
+    draw(ctx: CanvasRenderingContext2D): void;
+}
+export interface LoaderCoreProps {
+    size: number;
+    stop: boolean;
+    deterministic: boolean;
+    colors: Color[];
+    message?: string | null | undefined;
+}
+export default class LoaderCore {
+    static defaultProps: {
+        size: number;
+        stop: boolean;
+        deterministic: boolean;
+        colors: {
+            r: number;
+            g: number;
+            b: number;
+        }[];
+    };
+    static calculateGradient(startColor: Color, stopColor: Color, position: number): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    props: LoaderCoreProps;
+    canvas: HTMLCanvasElement;
+    textNode: HTMLElement;
+    ctx: CanvasRenderingContext2D | null;
+    height: number;
+    width: number;
+    particles: ParticleType[];
+    baseSpeed: number;
+    colorIndex: number;
+    maxRadius: number;
+    minRadius: number;
+    colorChangeTick: number;
+    x: number;
+    y: number;
+    radius: number;
+    hSpeed: number;
+    vSpeed: number;
+    radiusSpeed: number;
+    tick: number;
+    isRunning: boolean;
+    constructor(containerNode: Node, props: Partial<LoaderCoreProps>);
+    static getPixelRatio(): number;
+    prepareInitialState(ticks: number): void;
+    handleLimits(coord: number, radius: number, speed: number, limit: number): number;
+    calculateNextCoordinates(): void;
+    calculateNextRadius(): void;
+    getNextColor(): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    nextTick(): void;
+    step(): void;
+    removeDeadParticles(): void;
+    draw(): void;
+    loop(): void;
+    updateMessage(text: string): void;
+    stopAnimation(): void;
+    startAnimation(): void;
+    destroy(): void;
+}
+export {};