@jetbrains/ring-ui 5.1.21 → 5.1.23

package/dist/tag/tag.js

@@ -1,214 +0,0 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close-12px';
-import Icon from '../icon/icon.js';
-import { Button } from '../button/button.js';
-import { ControlsHeight } from '../global/controls-height.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import '@jetbrains/icons/chevron-10px';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-var modules_2f9be069 = {"unit":"i__const_unit_0","max-height":"20px","tag":"tag_rui_2f49 resetButton_rui_8bff","tagAngled":"tagAngled_rui_2f49","light":"light_rui_2ac4","withRemove":"withRemove_rui_2f49","container":"container_rui_2f49","focused":"focused_rui_2f49","content":"content_rui_2f49 ellipsis_rui_8bff","disabled":"disabled_rui_2f49","remove":"remove_rui_2f49","removeIcon":"removeIcon_rui_2f49","icon":"icon_rui_2f49","avatarContainer":"avatarContainer_rui_2f49","customIcon":"customIcon_rui_2f49","avatarIcon":"avatarIcon_rui_2f49"};
-
-/**
- * @name Tag
- */
-var Tag = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Tag, _PureComponent);
-  var _super = _createSuper(Tag);
-  function Tag() {
-    var _this;
-    _classCallCheck(this, Tag);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      focused: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "onDocumentClick", function (event) {
-      if (_this.tagNode) {
-        _this.setState({
-          focused: _this.tagNode === event.target
-        });
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "tagNode", void 0);
-    _defineProperty(_assertThisInitialized(_this), "tagRef", function (el) {
-      _this.tagNode = el;
-    });
-    return _this;
-  }
-  _createClass(Tag, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.focused !== prevProps.focused) {
-        this.setState({
-          focused: this.props.focused
-        });
-      }
-      if (this.state.focused) {
-        var _this$tagNode;
-        (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 || _this$tagNode.focus();
-      }
-      this.setDocumentClickListener(this.state.focused);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.setDocumentClickListener(false);
-      this.setState({
-        focused: false
-      });
-    }
-  }, {
-    key: "setDocumentClickListener",
-    value: function setDocumentClickListener(setListener) {
-      if (setListener) {
-        document.addEventListener('click', this.onDocumentClick);
-      } else {
-        document.removeEventListener('click', this.onDocumentClick);
-      }
-    }
-  }, {
-    key: "renderCustomIcon",
-    value: function renderCustomIcon() {
-      if (this.props.rgTagIcon) {
-        return /*#__PURE__*/React.createElement(Icon, {
-          className: modules_2f9be069.icon,
-          title: this.props.rgTagTitle,
-          glyph: this.props.rgTagIcon
-        });
-      }
-      return null;
-    }
-  }, {
-    key: "_renderImageElement",
-    value: function _renderImageElement(avatarSrc) {
-      var classes = classNames({
-        [modules_2f9be069.customIcon]: this.props.icon,
-        [modules_2f9be069.avatarIcon]: avatarSrc
-      });
-      return /*#__PURE__*/React.createElement("img", {
-        alt: avatarSrc ? 'Avatar' : 'Icon',
-        className: classes,
-        src: avatarSrc || this.props.icon
-      });
-    }
-  }, {
-    key: "renderImage",
-    value: function renderImage() {
-      if (this.props.icon && !this.props.avatar) {
-        return this._renderImageElement();
-      }
-      return null;
-    }
-  }, {
-    key: "renderAvatar",
-    value: function renderAvatar() {
-      if (this.props.avatar) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: modules_2f9be069.avatarContainer
-        }, this._renderImageElement(this.props.avatar));
-      }
-      return null;
-    }
-  }, {
-    key: "renderRemoveIcon",
-    value: function renderRemoveIcon() {
-      if (!this.props.readOnly) {
-        return /*#__PURE__*/React.createElement(Button, {
-          title: "Remove",
-          icon: closeIcon,
-          "data-test": "ring-tag-remove",
-          className: modules_2f9be069.remove,
-          iconClassName: modules_2f9be069.removeIcon,
-          onClick: this.props.onRemove,
-          style: {
-            '--ring-icon-secondary-color': this.props.textColor
-          },
-          height: ControlsHeight.M
-        });
-      }
-      return null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
-        [modules_2f9be069.focused]: this.state.focused,
-        [modules_2f9be069.disabled]: this.props.disabled,
-        [modules_2f9be069.tagAngled]: this.props.angled,
-        [modules_2f9be069.withRemove]: !this.props.readOnly
-      }, this.props.className);
-      var _this$props = this.props,
-        backgroundColor = _this$props.backgroundColor,
-        textColor = _this$props.textColor,
-        render = _this$props.render;
-      return /*#__PURE__*/React.createElement("span", {
-        className: modules_2f9be069.container
-      }, render({
-        'data-test': 'ring-tag',
-        className: classes,
-        ref: this.tagRef,
-        onClick: this.props.onClick,
-        style: {
-          backgroundColor,
-          color: textColor
-        },
-        disabled: this.props.disabled,
-        children: /*#__PURE__*/React.createElement(React.Fragment, null, this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/React.createElement("span", {
-          className: modules_2f9be069.content
-        }, this.props.children))
-      }), this.renderRemoveIcon());
-    }
-  }]);
-  return Tag;
-}(PureComponent);
-_defineProperty(Tag, "propTypes", {
-  onRemove: PropTypes.func,
-  onClick: PropTypes.func,
-  rgTagIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  icon: PropTypes.string,
-  avatar: PropTypes.string,
-  rgTagTitle: PropTypes.string,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  focused: PropTypes.bool,
-  angled: PropTypes.bool,
-  backgroundColor: PropTypes.string,
-  textColor: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  render: PropTypes.func
-});
-_defineProperty(Tag, "defaultProps", {
-  onRemove: function onRemove() {},
-  onClick: function onClick() {},
-  readOnly: false,
-  disabled: false,
-  focused: false,
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement("button", _extends({
-      type: "button"
-    }, props));
-  }
-});
-
-export { Tag as default };

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

@@ -1,165 +0,0 @@
-import React, { PureComponent, SyntheticEvent, ReactNode, ComponentType } from 'react';
-import PropTypes from 'prop-types';
-import Select, { SelectItem } from '../select/select';
-import { TagType } from '../tags-list/tags-list';
-import Caret from '../caret/caret';
-import { Size } from '../input/input';
-import { ControlsHeight } from '../global/controls-height';
-import { Filter } from '../select/select__popup';
-import { TagAttrs } from '../tag/tag';
-import { LabelType } from '../control-label/control-label';
-declare function noop(): void;
-export interface ToggleTagParams {
-    tag: TagType;
-}
-export interface TagsInputRequestParams {
-    query: string;
-}
-export interface TagsInputProps {
-    dataSource: (params: TagsInputRequestParams) => readonly SelectItem[] | Promise<readonly SelectItem[]>;
-    onAddTag: (params: ToggleTagParams) => void;
-    onRemoveTag: (params: ToggleTagParams) => void;
-    customTagComponent: ComponentType<TagAttrs>;
-    maxPopupHeight: number;
-    minPopupWidth: number;
-    canNotBeEmpty: boolean;
-    disabled: boolean;
-    autoOpen: boolean;
-    renderOptimization: boolean;
-    allowAddNewTags: boolean;
-    filter: boolean | Filter;
-    placeholder: string;
-    className?: string | null | undefined;
-    tags?: readonly TagType[] | null | undefined;
-    loadingMessage?: string | undefined;
-    notFoundMessage?: string | undefined;
-    hint?: ReactNode | null | undefined;
-    size: Size;
-    height?: ControlsHeight | undefined;
-    label?: ReactNode;
-    labelType?: LabelType;
-    id?: string | undefined;
-}
-interface TagsInputState {
-    tags: TagType[];
-    prevTags: TagType[] | null;
-    suggestions: SelectItem[];
-    loading: boolean;
-    focused: boolean;
-    query: string;
-    activeIndex: number | null | undefined;
-}
-export default class TagsInput extends PureComponent<TagsInputProps, TagsInputState> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        tags: PropTypes.Requireable<any[]>;
-        /**
-         * Datasource should return array(or promise) of suggestions.
-         * Each suggestion should contain key and label fields.
-         * DataSource should handle caching and response racing (when later request
-         * responded earlier) by himself.
-         */
-        dataSource: PropTypes.Requireable<(...args: any[]) => any>;
-        onAddTag: PropTypes.Requireable<(...args: any[]) => any>;
-        onRemoveTag: PropTypes.Requireable<(...args: any[]) => any>;
-        customTagComponent: PropTypes.Requireable<React.Component<unknown, unknown, unknown>>;
-        maxPopupHeight: PropTypes.Requireable<number>;
-        minPopupWidth: PropTypes.Requireable<number>;
-        placeholder: PropTypes.Requireable<string>;
-        canNotBeEmpty: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        autoOpen: PropTypes.Requireable<boolean>;
-        renderOptimization: PropTypes.Requireable<boolean>;
-        filter: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-            fn: PropTypes.Requireable<(...args: any[]) => any>;
-        }> | null | undefined>>;
-        size: PropTypes.Requireable<string>;
-        height: PropTypes.Requireable<string>;
-        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        loadingMessage: PropTypes.Requireable<string>;
-        notFoundMessage: PropTypes.Requireable<string>;
-        hint: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        allowAddNewTags: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        dataSource: typeof noop;
-        onAddTag: typeof noop;
-        onRemoveTag: typeof noop;
-        customTagComponent: null;
-        maxPopupHeight: number;
-        minPopupWidth: number;
-        canNotBeEmpty: boolean;
-        disabled: boolean;
-        autoOpen: boolean;
-        renderOptimization: boolean;
-        allowAddNewTags: boolean;
-        filter: {
-            fn: () => boolean;
-        };
-        placeholder: string;
-        size: Size;
-    };
-    constructor(props: TagsInputProps);
-    state: TagsInputState;
-    static getDerivedStateFromProps({ tags }: TagsInputProps, { prevTags }: TagsInputState): {
-        prevTags: readonly TagType[] | null | undefined;
-    };
-    componentDidMount(): void;
-    static ngModelStateField: string;
-    ngModelStateField: string;
-    static contextType: React.Context<ControlsHeight>;
-    id: string;
-    node?: HTMLElement | null;
-    nodeRef: (node: HTMLElement | null) => void;
-    input?: HTMLInputElement | null;
-    caret?: Caret;
-    getInputNode(): HTMLInputElement | null | undefined;
-    setActiveIndex(activeIndex?: number | null): void;
-    focusInput: () => void;
-    focus: () => void;
-    addTag: (tag: TagType | null) => void;
-    onRemoveTag(tagToRemove: TagType): Promise<void | TagType[]>;
-    clickHandler: (event: SyntheticEvent) => void;
-    filterExistingTags: (suggestions: readonly SelectItem[]) => SelectItem[];
-    loadSuggestions: (query?: string) => void;
-    private _focusHandler;
-    private _blurHandler;
-    selectTag: (moveForward?: boolean) => void;
-    handleKeyDown: (event: React.KeyboardEvent) => boolean;
-    handleClick: (arg: TagType) => () => void;
-    handleRemove: (arg: TagType) => () => Promise<void | TagType[]>;
-    handleTagCreation: (label: string) => void;
-    select?: Select | null;
-    selectRef: (el: Select | null) => void;
-    render(): React.JSX.Element;
-}
-export declare const RerenderableTagsInput: {
-    new (props: TagsInputProps): {
-        _propsCache: TagsInputProps & React.RefAttributes<unknown>;
-        rerender(props?: Partial<TagsInputProps>, callback?: (() => void) | undefined): void;
-        node?: HTMLElement | null | undefined;
-        context: unknown;
-        setState<K extends keyof TagsInputState>(state: TagsInputState | ((prevState: Readonly<TagsInputState>, props: Readonly<TagsInputProps>) => TagsInputState | Pick<TagsInputState, K> | null) | Pick<TagsInputState, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        render(): React.ReactNode;
-        readonly props: Readonly<TagsInputProps>;
-        state: Readonly<TagsInputState>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<TagsInputProps>, nextState: Readonly<TagsInputState>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<TagsInputProps>, prevState: Readonly<TagsInputState>): any;
-        componentDidUpdate?(prevProps: Readonly<TagsInputProps>, prevState: Readonly<TagsInputState>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<TagsInputProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TagsInputProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<TagsInputProps>, nextState: Readonly<TagsInputState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<TagsInputProps>, nextState: Readonly<TagsInputState>, nextContext: any): void;
-    };
-};
-export type TagsInputAttrs = JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
-export {};