@jetbrains/ring-ui-built 6.0.1

package/components/select/select__filter.d.ts

@@ -0,0 +1,19 @@
+import React, { Component, RefCallback } from 'react';
+import { InputAttrs } from '../input/input';
+declare function noop(): void;
+type SelectFilterProps = InputAttrs & {
+    inputRef: RefCallback<HTMLInputElement | HTMLTextAreaElement>;
+    listId?: string | undefined;
+};
+export default class SelectFilter extends Component<SelectFilterProps> {
+    static defaultProps: {
+        inputRef: typeof noop;
+    };
+    componentWillUnmount(): void;
+    focus(): void;
+    blur(): void;
+    input?: HTMLInputElement | HTMLTextAreaElement | null;
+    inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
+    render(): React.JSX.Element;
+}
+export {};

package/components/select/select__filter.js

@@ -0,0 +1,85 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../_helpers/input.js';
+import '../global/sniffer.js';
+import '../list/list.js';
+import '../i18n/i18n-context.js';
+export { S as default } from '../_helpers/select__filter.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/close-12px';
+import '../global/prop-types.js';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/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/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import '../global/composeRefs.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../control-label/control-label.js';
+import 'sniffr';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.find.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'memoize-one';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import 'core-js/modules/es.array.index-of.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-14px';
+import '@jetbrains/icons/remove-14px';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../i18n/i18n.js';

package/components/select/select__popup.d.ts

@@ -0,0 +1,166 @@
+/**
+ * @description Displays a popup with select's options.
+ */
+import React, { ComponentType, CSSProperties, PureComponent, ReactNode, Ref, SyntheticEvent } from 'react';
+import PropTypes from 'prop-types';
+import { IconType } from '../icon/icon';
+import Popup from '../popup/popup';
+import { Directions } from '../popup/position';
+import List, { SelectHandlerParams } from '../list/list';
+import Caret from '../caret/caret';
+import { ListDataItem } from '../list/consts';
+import { ShortcutsMap } from '../shortcuts/core';
+import { TagAttrs } from '../tag/tag';
+import { SelectItem } from './select';
+export type FilterFn<T> = (itemToCheck: SelectItem<T>, checkString: string, data: readonly SelectItem<T>[]) => boolean;
+export interface Filter<T = unknown> {
+    fn?: FilterFn<T> | null | undefined;
+    fuzzy?: boolean | null | undefined;
+    value?: string | null | undefined;
+    placeholder?: string | undefined;
+}
+export interface Multiple {
+    label?: string | null | undefined;
+    limit?: number | null | undefined;
+    selectAll?: boolean | null | undefined;
+    renderSelectedItemsDescription?: (selectedItems: SelectItem[], total: number) => ReactNode;
+    selectAllLabel?: string;
+    deselectAllLabel?: string;
+    removeSelectedItems?: boolean | null | undefined;
+}
+export interface TagsReset {
+    separator?: boolean | null | undefined;
+    label?: string | number | null | undefined;
+    glyph?: IconType | string | null | undefined;
+}
+export interface Tags {
+    reset?: TagsReset | null | undefined;
+    customTagComponent?: (tag: TagAttrs) => ReactNode;
+}
+export interface SelectPopupProps<T = unknown> {
+    data: readonly ListDataItem<T>[];
+    activeIndex: number | null;
+    toolbar: ReactNode;
+    topbar: ReactNode;
+    filter: boolean | Filter<T>;
+    filterIcon?: string | ComponentType | null | undefined;
+    filterRef?: Ref<HTMLInputElement>;
+    message: string | null;
+    anchorElement: HTMLElement | null;
+    maxHeight: number;
+    minWidth: number;
+    loading: boolean;
+    onSelect: (item: ListDataItem<T>, event: Event, params?: SelectHandlerParams) => void;
+    onCloseAttempt: (e?: Event | SyntheticEvent, isEsc?: boolean | undefined) => void;
+    onOutsideClick: (e: PointerEvent) => void;
+    onFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onLoadMore: () => void;
+    ringPopupTarget: string | null;
+    onSelectAll: (isSelectAll: boolean) => void;
+    onEmptyPopupEnter: (e: KeyboardEvent) => void;
+    className?: string | null | undefined;
+    compact?: boolean | null | undefined;
+    dir?: 'ltr' | 'rtl' | undefined;
+    directions?: readonly Directions[] | undefined;
+    disabled?: boolean | undefined;
+    disableMoveOverflow?: boolean | null | undefined;
+    disableScrollToActive?: boolean | null | undefined;
+    filterValue?: string | undefined;
+    hidden?: boolean | null | undefined;
+    isInputMode?: boolean | undefined;
+    listId?: string | undefined;
+    left?: number | undefined;
+    renderOptimization?: boolean | undefined;
+    style?: CSSProperties | undefined;
+    top?: number | undefined;
+    multiple: boolean | Multiple;
+    selected: ListDataItem<T> | readonly ListDataItem<T>[] | null;
+    tags: Tags | boolean | null;
+}
+export default class SelectPopup<T = unknown> extends PureComponent<SelectPopupProps<T>> {
+    static defaultProps: SelectPopupProps;
+    state: {
+        popupFilterShortcutsOptions: {
+            modal: boolean;
+            disabled: boolean;
+        };
+        tagsActiveIndex: null;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    isClickingPopup: boolean;
+    filter?: HTMLInputElement | null;
+    focusFilter(): void;
+    isEventTargetFilter(event: Event): boolean;
+    caret?: Caret | null;
+    handleNavigation(event: Event, navigateLeft?: boolean): void;
+    removeTag(tag?: ListDataItem<T>, event?: SyntheticEvent): void;
+    removeSelectedTag(): boolean;
+    handleBackspace(event: Event): boolean;
+    onFilterFocus: () => void;
+    popupFilterOnBlur: () => void;
+    private _togglePopupFilterShortcuts;
+    mouseDownHandler: () => void;
+    mouseUpHandler: () => void;
+    popup?: Popup | null;
+    isVisible(): boolean | null | undefined;
+    onListSelect: (selected: ListDataItem<T>, event?: Event | SyntheticEvent, opts?: SelectHandlerParams) => void;
+    tabPress: (event: Event) => void;
+    onClickHandler: () => void | undefined;
+    getFilter(): React.JSX.Element | null;
+    handleRemoveTag: (arg: ListDataItem<T>) => (event: SyntheticEvent) => void;
+    handleTagClick: (arg: ListDataItem<T>) => () => void;
+    getCustomTag(tags: Tags | boolean | null): ((tag: Pick<Pick<import("../tag/tag").TagProps, keyof import("../tag/tag").TagProps> & Pick<PropTypes.InferProps<{
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        rgTagIcon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        icon: PropTypes.Requireable<string>;
+        avatar: PropTypes.Requireable<string>;
+        rgTagTitle: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        focused: PropTypes.Requireable<boolean>;
+        angled: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        textColor: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        render: PropTypes.Requireable<(...args: any[]) => any>;
+    }>, never> & Pick<import("../tag/tag").TagProps, never>, never> & {
+        className?: string | null | undefined;
+        children?: React.ReactNode;
+        onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        icon?: string | undefined;
+        disabled?: boolean | undefined;
+        avatar?: string | null | undefined;
+        readOnly?: boolean | undefined;
+        focused?: boolean | undefined;
+        render?: ((props: import("../tag/tag").TagRenderProps) => React.ReactNode) | undefined;
+        onRemove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        rgTagIcon?: string | IconType | null | undefined;
+        rgTagTitle?: string | undefined;
+        angled?: boolean | null | undefined;
+        textColor?: string | undefined;
+        backgroundColor?: string | undefined;
+    } & {}) => React.ReactNode) | undefined;
+    getTags(): false | React.JSX.Element;
+    getFilterWithTags(): React.JSX.Element | null;
+    getBottomLine(): "" | React.JSX.Element | null;
+    handleListResize: () => void;
+    getList(ringPopupTarget: string | Element | undefined): React.JSX.Element | null;
+    handleSelectAll: () => void;
+    getSelectAll: () => false | React.JSX.Element;
+    private _adjustListMaxHeight;
+    popupRef: (el: Popup | null) => void;
+    list?: List<T> | null;
+    listRef: (el: List<T> | null) => void;
+    filterRef: (el: HTMLInputElement | null) => void;
+    shortcutsScope: string;
+    shortcutsMap: {
+        tab: (event: Event) => void;
+    };
+    popupFilterShortcutsMap: ShortcutsMap;
+    render(): React.JSX.Element;
+}
+export type SelectPopupAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof SelectPopup, SelectPopupProps<T>>;