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

package/dist/query-assist/query-assist__suggestions.js

@@ -2,6 +2,7 @@ import 'react';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist__suggestions.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
@@ -30,9 +31,10 @@ import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';

package/dist/query-assist-ng/query-assist-ng.js

@@ -1,17 +1,20 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import QueryAssist from '../query-assist/query-assist.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'angular';
 import 'react';
+import '../global/react-render-adapter.js';
 import 'react-dom';
 import '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
 import 'prop-types';
+import 'core-js/modules/es.string.replace.js';
 import 'just-debounce-it';
 import 'classnames';
 import 'deep-equal';
-import '@jetbrains/icons/search';
-import '@jetbrains/icons/close';
+import '@jetbrains/icons/search-12px';
+import '@jetbrains/icons/close-12px';
 import '../global/get-uid.js';
 import '../global/data-tests.js';
 import '../global/dom.js';
@@ -50,7 +53,7 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
@@ -64,16 +67,12 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../loader-inline/loader-inline.js';
-import '../global/theme.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
+import '../_helpers/loader-inline.js';
 import '../global/rerender-hoc.js';
+import '../global/composeRefs.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
+import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../_helpers/query-assist__suggestions.js';
 

package/dist/radio/radio.d.ts

@@ -10,7 +10,7 @@ export default class Radio extends Component<RadioProps> {
         disabled: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string | number | boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
     static Item: React.ForwardRefExoticComponent<import("./radio__item").RadioItemProps & React.RefAttributes<import("./radio__item").Radio>>;
     uid: string;

package/dist/radio/radio.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';

package/dist/radio/radio__item.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { createContext, Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/radio-ng/radio-ng.js

@@ -2,6 +2,7 @@ import angular from 'angular';
 import { m as modules_df92307a } from '../_helpers/radio.js';
 import proxyAttrs from '../proxy-attrs/proxy-attrs.js';
 import getUID from '../global/get-uid.js';
+import 'core-js/modules/es.string.replace.js';
 
 /**
  * @name Radio Ng
@@ -13,24 +14,7 @@ angularModule.directive('rgRadio', function rgCheckboxDirective() {
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: proxyAttrs(`
-      <label class="${modules_df92307a.radio}" data-test="ring-radio">
-        <input
-          type="radio"
-          class=${modules_df92307a.input}
-
-          data-proxy-ng-disabled
-          data-proxy-ng-model
-          data-proxy-ng-change
-          data-proxy-name
-          data-proxy-value
-          data-proxy-ng-value
-        />
-        <span class="${modules_df92307a.circle}"></span><span
-         class="${modules_df92307a.label}" ng-transclude></span>
-      </label>
-
-`),
+    template: proxyAttrs("\n      <label class=\"".concat(modules_df92307a.radio, "\" data-test=\"ring-radio\">\n        <input\n          type=\"radio\"\n          class=").concat(modules_df92307a.input, "\n\n          data-proxy-ng-disabled\n          data-proxy-ng-model\n          data-proxy-ng-change\n          data-proxy-name\n          data-proxy-value\n          data-proxy-ng-value\n        />\n        <span class=\"").concat(modules_df92307a.circle, "\"></span><span\n         class=\"").concat(modules_df92307a.label, "\" ng-transclude></span>\n      </label>\n\n")),
     link: function link(scope, iElement) {
       const element = iElement[0];
       const input = element.querySelector('input[type="radio"]');

package/dist/save-field-ng/save-field-ng.js

@@ -11,16 +11,9 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
 import 'prop-types';
-import '../global/theme.js';
 import '../global/data-tests.js';
-import '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/memoize.js';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.js';
-import '../global/get-uid.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../_helpers/loader-inline.js';
 import '../_helpers/button-set.js';
 import '@jetbrains/angular-elastic';
 import '../global/dom.js';
@@ -30,10 +23,12 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../global/ring-angular-component.js';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
 
 const angularModule = angular.module('Ring.save-field', [MessageBundle,
 /**
@@ -171,7 +166,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
       }
 
       function addMultilineProcessing(controlName) {
-        const stopWatch = scope.$watch(`saveFieldForm.${controlName}`, control => {
+        const stopWatch = scope.$watch("saveFieldForm.".concat(controlName), control => {
           if (!control || !control.$formatters || !control.$parsers) {
             return;
           }

package/dist/save-field-ng/save-field-ng__template.js

@@ -1,34 +1,3 @@
-var template = `<div class="ring-save-field" ng-form="saveFieldForm" rg-shortcuts="ring-save-field" shortcuts-map="keyMap" shortcuts-focus="focus">
-  <span class="ring-save-field__transclude-placeholder" ng-transclude=""></span>
-
-  <rg-button
-    ng-show="saveFieldForm.$dirty && saveFieldForm.$valid"
-    mode="primary"
-    class="ring-save-field__button ng-hide"
-    ng-mousedown="cancelBlur()"
-
-    rg-promised-click="submitChanges($event)"
-    promised-mode="loader"
-  >
-    {{wording.save}}
-  </rg-button>
-
-  <rg-button
-    ng-show="saveFieldForm.$dirty && !loading"
-    class="ring-save-field__button ng-hide"
-    ng-click="cancelChanges($event)"
-    ng-mousedown="cancelBlur()"
-  >
-    {{wording.cancel}}
-  </rg-button>
-
-  <rg-button
-    ng-show="done"
-    ng-disabled="true"
-    class="ring-save-field__button ng-hide"
-  >
-    {{wording.saved}}
-  </rg-button>
-</div>`;
+var template = "<div class=\"ring-save-field\" ng-form=\"saveFieldForm\" rg-shortcuts=\"ring-save-field\" shortcuts-map=\"keyMap\" shortcuts-focus=\"focus\">\n  <span class=\"ring-save-field__transclude-placeholder\" ng-transclude=\"\"></span>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && saveFieldForm.$valid\"\n    mode=\"primary\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-mousedown=\"cancelBlur()\"\n\n    rg-promised-click=\"submitChanges($event)\"\n    promised-mode=\"loader\"\n  >\n    {{wording.save}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"saveFieldForm.$dirty && !loading\"\n    class=\"ring-save-field__button ng-hide\"\n    ng-click=\"cancelChanges($event)\"\n    ng-mousedown=\"cancelBlur()\"\n  >\n    {{wording.cancel}}\n  </rg-button>\n\n  <rg-button\n    ng-show=\"done\"\n    ng-disabled=\"true\"\n    class=\"ring-save-field__button ng-hide\"\n  >\n    {{wording.saved}}\n  </rg-button>\n</div>";
 
 export { template as default };

package/dist/select/select.d.ts

@@ -1,9 +1,9 @@
 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';
 import { ListDataItem } from '../list/consts';
 import { Directions } from '../popup/popup.consts';
+import { ControlsHeight } from '../global/controls-height';
 import SelectPopup, { Filter, FilterFn, Multiple, Tags } from './select__popup';
 /**
  * @name Select
@@ -17,7 +17,6 @@ declare enum Type {
     INPUT = "INPUT",
     CUSTOM = "CUSTOM",
     INLINE = "INLINE",
-    MATERIAL = "MATERIAL",
     INPUT_WITHOUT_CONTROLS = "INPUT_WITHOUT_CONTROLS"
 }
 declare type SelectItemData<T> = T & {
@@ -46,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>;
@@ -61,7 +61,7 @@ export interface BaseSelectProps<T = unknown> {
     maxHeight: number;
     hideArrow: boolean;
     directions: readonly Directions[];
-    label: string;
+    label: string | null;
     selectedLabel: ReactNode;
     inputPlaceholder: string;
     shortcutsEnabled: boolean;
@@ -69,7 +69,7 @@ export interface BaseSelectProps<T = unknown> {
     onLoadMore: () => void;
     onOpen: () => void;
     onFilter: (value: string) => void;
-    onFocus: () => void;
+    onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
     onBlur: () => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onSelect: (selected: SelectItem<T> | null, event?: Event | SyntheticEvent) => void;
@@ -78,6 +78,8 @@ export interface BaseSelectProps<T = unknown> {
     onDone: () => void;
     onReset: () => void;
     dir: 'ltr' | 'rtl';
+    renderBottomToolbar?: () => ReactNode;
+    height?: ControlsHeight | undefined;
     targetElement?: HTMLElement | null | undefined;
     className?: string | null | undefined;
     buttonClassName?: string | null | undefined;
@@ -93,8 +95,7 @@ export interface BaseSelectProps<T = unknown> {
     hint?: ReactNode;
     add?: Add | null | undefined;
     compact?: boolean | null | undefined;
-    theme?: string | 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;
@@ -162,8 +163,8 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         maxHeight: number;
         directions: Directions[];
         selected: null;
-        label: string;
-        selectedLabel: string;
+        label: null;
+        selectedLabel: null;
         inputPlaceholder: string;
         hint: null;
         shortcutsEnabled: boolean;
@@ -188,9 +189,9 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     static getDerivedStateFromProps<T = unknown>(nextProps: SelectProps<T>, prevState: SelectState<T>): Partial<SelectState<T>>;
     state: SelectState<T>;
     componentDidUpdate(prevProps: SelectProps<T>, prevState: SelectState<T>): void;
+    static contextType: React.Context<ControlsHeight>;
     static Type: typeof Type;
     static Size: typeof Size;
-    static Theme: typeof Theme;
     id: string;
     shortcutsScope: string;
     listId: string;
@@ -221,6 +222,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     filterValue(setValue: string): void;
     isInputMode(): boolean;
     _clickHandler: () => void;
+    _openPopupIfClosed: () => void;
     _filterChangeHandler: (e: React.ChangeEvent<HTMLInputElement>) => void;
     private _setFilter;
     private _rebuildMultipleMap;
@@ -235,8 +237,6 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _getSelectedString(): string | null;
     private _getIcons;
     private _getAvatar;
-    button?: HTMLElement | null;
-    buttonRef: (el: HTMLElement | null) => void;
     filter?: HTMLInputElement | null;
     filterRef: (el: HTMLInputElement | null) => void;
     getShortcutsMap(): {
@@ -258,18 +258,14 @@ export declare type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttribu
 export declare type SelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SelectProps<T>>;
 export declare const RerenderableSelect: {
     new (props: SelectProps<unknown>): {
-        _propsCache: Readonly<SelectProps<unknown>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        rerender(props?: Partial<SelectProps<unknown>>, callback?: (() => void) | undefined): void | Element | React.Component<SelectProps<unknown>, any, any>;
+        _propsCache: SelectProps<unknown> & React.RefAttributes<unknown>;
+        rerender(props?: Partial<SelectProps<unknown>>, callback?: (() => void) | undefined): void;
         node?: HTMLElement | null | undefined;
-        context: any;
+        context: unknown;
         setState<K extends keyof SelectState<unknown>>(state: SelectState<unknown> | ((prevState: Readonly<SelectState<unknown>>, props: Readonly<SelectProps<unknown>>) => SelectState<unknown> | Pick<SelectState<unknown>, K> | null) | Pick<SelectState<unknown>, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         render(): React.ReactNode;
-        readonly props: Readonly<SelectProps<unknown>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<SelectProps<unknown>>;
         state: Readonly<SelectState<unknown>>;
         refs: {
             [key: string]: React.ReactInstance;