@jetbrains/ring-ui 5.1.1 → 5.1.3

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

@@ -1,37 +1,65 @@
+import { l as _typeof } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
 import angular from 'angular';
 import '../loader-inline/loader-inline.js';
 import ButtonSet from '../button-set-ng/button-set-ng.js';
-import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
 import Form from '../form-ng/form-ng.js';
-import ShortcutsNg from '../shortcuts-ng/shortcuts-ng.js';
-import ButtonNG from '../button-ng/button-ng.js';
+import Shortcuts from '../shortcuts-ng/shortcuts-ng.js';
+import Button from '../button-ng/button-ng.js';
 import PromisedClick from '../promised-click-ng/promised-click-ng.js';
 import template from './save-field-ng__template.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
 import 'prop-types';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 import '../_helpers/loader-inline.js';
 import '../_helpers/button-set.js';
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.array.splice.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import 'core-js/modules/es.object.values.js';
 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,
+var angularModule = angular.module('Ring.save-field', [messageBundleNg,
 /**
  * for error-bubble
  */
-Form, ShortcutsNg, ButtonNG, ButtonSet, PromisedClick]);
+Form, Shortcuts, Button, ButtonSet, PromisedClick]);
 angularModule.constant('rgSaveFieldShortcutsMode', {
   id: 'ring-save-field',
   shortcuts: [{
@@ -52,15 +80,15 @@ angularModule.constant('rgSaveFieldShortcutsMode', {
   }]
 });
 angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "$compile", "$parse", function rgSaveFieldDirective(RingMessageBundle, $timeout, $q, $compile, $parse) {
-  const MULTI_LINE_SPLIT_PATTERN = /(\r\n|\n|\r)/gm;
-  const MULTI_LINE_LIST_MODE = 'list';
-  const CUSTOM_ERROR_ID = 'customError';
-  const ERROR_DESCRIPTION = 'error_description';
-  const ERROR_DEVELOPER_MSG = 'error_developer_message';
+  var MULTI_LINE_SPLIT_PATTERN = /(\r\n|\n|\r)/gm;
+  var MULTI_LINE_LIST_MODE = 'list';
+  var CUSTOM_ERROR_ID = 'customError';
+  var ERROR_DESCRIPTION = 'error_description';
+  var ERROR_DEVELOPER_MSG = 'error_developer_message';
   return {
     require: 'rgSaveField',
     transclude: true,
-    template,
+    template: template,
     scope: {
       api: '=?',
       value: '=',
@@ -73,16 +101,16 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
       multiline: '@'
     },
     link: function link(scope, iElem, iAttrs, ctrl) {
-      const placeholder = angular.element(iElem[0].querySelector('.ring-save-field__transclude-placeholder'));
-      $compile(angular.element('<div rg-error-bubble="saveFieldForm"></div>'))(scope, errorBubble => {
+      var placeholder = angular.element(iElem[0].querySelector('.ring-save-field__transclude-placeholder'));
+      $compile(angular.element('<div rg-error-bubble="saveFieldForm"></div>'))(scope, function (errorBubble) {
         placeholder.append(errorBubble);
       });
-      const customError = {
+      var customError = {
         message: ''
       };
-      let isTextarea = false;
-      const draftMode = iAttrs.workingValue;
-      const valueField = draftMode ? 'workingValue' : 'value';
+      var isTextarea = false;
+      var draftMode = iAttrs.workingValue;
+      var valueField = draftMode ? 'workingValue' : 'value';
       function submitChanges() {
         if (!scope.saveFieldForm.$valid || scope.loading || angular.equals(scope.initial, scope[valueField])) {
           return false;
@@ -99,7 +127,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
           if (draftMode) {
             scope.value = scope.workingValue;
           }
-          $timeout(() => {
+          $timeout(function () {
             scope.done = false;
           }, 1000); //eslint-disable-line no-magic-numbers
 
@@ -113,11 +141,11 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
           return undefined;
         }
         function error(err) {
-          let message;
+          var message;
           if (typeof err === 'string') {
             message = err;
-          } else if (typeof err === 'object') {
-            const errorData = err.data || err;
+          } else if (_typeof(err) === 'object') {
+            var errorData = err.data || err;
             message = errorData[ERROR_DESCRIPTION] || errorData[ERROR_DEVELOPER_MSG];
           }
           customError.message = message;
@@ -125,7 +153,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
         }
         scope.cancelBlur();
         scope.loading = true;
-        let onsave = ctrl.getSave();
+        var onsave = ctrl.getSave();
         if (onsave) {
           onsave = $q.when(onsave(scope[valueField]));
         } else {
@@ -133,7 +161,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
             value: scope[valueField]
           }));
         }
-        return onsave.then(success, error).then(() => {
+        return onsave.then(success, error).then(function () {
           scope.loading = false;
         });
       }
@@ -141,70 +169,74 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
         if (scope.loading) {
           return;
         }
-        scope.$evalAsync(() => {
+        scope.$evalAsync(function () {
           scope[valueField] = scope.initial ? scope.initial : '';
           scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, true, customError);
           scope.saveFieldForm.$setPristine();
         });
       }
       function addMultilineProcessing(controlName) {
-        const stopWatch = scope.$watch(`saveFieldForm.${controlName}`, control => {
+        var stopWatch = scope.$watch("saveFieldForm.".concat(controlName), function (control) {
           if (!control || !control.$formatters || !control.$parsers) {
             return;
           }
-          control.$formatters.push(value => {
+          control.$formatters.push(function (value) {
             if (!value) {
               return value;
             }
-            let formattedValue;
+            var formattedValue;
             if (iAttrs.formatElement) {
-              formattedValue = value.map(element => scope.formatElement({
-                element
-              }));
+              formattedValue = value.map(function (element) {
+                return scope.formatElement({
+                  element: element
+                });
+              });
             } else {
               formattedValue = value;
             }
             return formattedValue.join('\n');
           });
-          control.$parsers.push(value => {
-            let array = value && value.split(MULTI_LINE_SPLIT_PATTERN) || [];
+          control.$parsers.push(function (value) {
+            var array = value && value.split(MULTI_LINE_SPLIT_PATTERN) || [];
             function notEmpty(val) {
               return val && val.trim() && val !== '\n';
             }
             array = array.filter(notEmpty);
             if (iAttrs.parseElement) {
-              array = array.map(element => scope.parseElement({
-                element: element.trim()
-              }));
+              array = array.map(function (element) {
+                return scope.parseElement({
+                  element: element.trim()
+                });
+              });
             }
             return array;
           });
           stopWatch();
         });
       }
-      scope.cancelBlur = () => {
-        $timeout(() => {
+      scope.cancelBlur = function () {
+        $timeout(function () {
           // eslint-disable-next-line no-magic-numbers
         }, 10);
       };
       if (draftMode) {
-        scope.$watch('value', value => {
+        scope.$watch('value', function (value) {
           scope.workingValue = angular.copy(value);
           scope.initial = value;
         });
       }
-      scope.$watch(valueField, value => {
-        let promise = null;
+      scope.$watch(valueField, function (value) {
+        var promise = null;
         if (scope.saveFieldForm.$pristine) {
           scope.initial = value;
         } else if (scope.initial && angular.equals(scope.initial, value)) {
           resetValue();
         } else if (scope.validate) {
           promise = scope.validate({
-            value
+            value: value
           });
         }
-        $q.when(promise).then(error => {
+        $q.when(promise).then(function (error) {
           if (error) {
             return $q.reject(error);
           } else {
@@ -212,25 +244,25 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
             scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, true, customError);
             return undefined;
           }
-        }).catch(error => {
+        }).catch(function (error) {
           customError.message = error;
           scope.saveFieldForm.$setValidity(CUSTOM_ERROR_ID, false, customError);
         });
       });
-      let inputNode = iElem[0].querySelector('input, .ring-save-field__input');
+      var inputNode = iElem[0].querySelector('input, .ring-save-field__input');
       if (!inputNode) {
         inputNode = iElem[0].querySelector('textarea');
         isTextarea = !!inputNode;
       }
       if (inputNode) {
         inputNode.classList.add('ring-js-shortcuts');
-        inputNode.addEventListener('focus', () => {
-          scope.$evalAsync(() => {
+        inputNode.addEventListener('focus', function () {
+          scope.$evalAsync(function () {
             scope.focus = true;
           });
         });
-        inputNode.addEventListener('blur', () => {
-          scope.$evalAsync(() => {
+        inputNode.addEventListener('blur', function () {
+          scope.$evalAsync(function () {
             scope.focus = false;
           });
         });
@@ -244,13 +276,13 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
         cancel: RingMessageBundle.form_cancel()
       };
       scope.keyMap = {
-        comboSubmit: e => {
+        comboSubmit: function comboSubmit(e) {
           if (isTextarea) {
             e.preventDefault();
             submitChanges();
           }
         },
-        submit: e => {
+        submit: function submit(e) {
           if (!isTextarea) {
             e.preventDefault();
             submitChanges();
@@ -266,7 +298,7 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
       scope.submitChanges = ctrl.submitChanges = submitChanges;
       scope.cancelChanges = ctrl.cancelChanges = resetValue;
       scope.focus = false;
-      scope.$on('$destroy', () => {
+      scope.$on('$destroy', function () {
         // 1) Bindings are already disabled by this time, so replacing scope.value = ... has no effect
         // 2) We can't use scope.value.someField because we don't know anything about scope.value, it's passed from the outside
         // 3) Probably we can use controllerAs to add one more object layer (ctrl.value) so the JS linking would work
@@ -277,12 +309,14 @@ angularModule.directive('rgSaveField', ["RingMessageBundle", "$timeout", "$q", "
         }
       });
     },
-    controller() {
-      let onSave = null;
-      this.setSave = cb => {
+    controller: function controller() {
+      var onSave = null;
+      this.setSave = function (cb) {
         onSave = cb;
       };
-      this.getSave = () => onSave;
+      this.getSave = function () {
+        return onSave;
+      };
     }
   };
 }]);

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,6 +1,7 @@
-import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, RefCallback, SyntheticEvent } from 'react';
+import React, { ButtonHTMLAttributes, Component, ComponentType, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';
+import { LabelType } from '../control-label/control-label';
 import { ListDataItem } from '../list/consts';
 import { Directions } from '../popup/popup.consts';
 import { ControlsHeight } from '../global/controls-height';
@@ -12,7 +13,7 @@ declare function noop(): void;
 /**
  * @enum {number}
  */
-declare enum Type {
+export declare enum Type {
     BUTTON = "BUTTON",
     INPUT = "INPUT",
     CUSTOM = "CUSTOM",
@@ -51,22 +52,27 @@ export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;
+    filterIcon?: string | ComponentType | null | undefined;
+    filterRef?: Ref<HTMLInputElement>;
     clear: boolean;
     loading: boolean;
     disabled: boolean;
-    loadingMessage: string;
-    notFoundMessage: string;
+    loadingMessage?: string;
+    notFoundMessage?: string;
     type: Type;
     size: Size;
     hideSelected: boolean;
     allowAny: boolean;
     maxHeight: number;
     hideArrow: boolean;
+    showPopup: boolean;
     directions: readonly Directions[];
     label: string | null;
     selectedLabel: ReactNode;
+    labelType?: LabelType;
     inputPlaceholder: string;
     shortcutsEnabled: boolean;
+    tryKeepOpen?: boolean;
     onBeforeOpen: () => void;
     onLoadMore: () => void;
     onOpen: () => void;
@@ -76,11 +82,13 @@ export interface BaseSelectProps<T = unknown> {
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onSelect: (selected: SelectItem<T> | null, event?: Event | SyntheticEvent) => void;
     onDeselect: (selected: SelectItem<T> | null) => void;
+    onOutsideClick: (e: PointerEvent) => void;
     onAdd: (value: string) => void;
     onDone: () => void;
     onReset: () => void;
     dir: 'ltr' | 'rtl';
     renderBottomToolbar?: () => ReactNode;
+    renderTopToolbar?: () => ReactNode;
     height?: ControlsHeight | undefined;
     targetElement?: HTMLElement | null | undefined;
     className?: string | null | undefined;
@@ -151,18 +159,19 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     static defaultProps: {
         data: never[];
         filter: boolean;
+        filterIcon: null;
+        filterRef: typeof noop;
         multiple: boolean;
         clear: boolean;
         loading: boolean;
         disabled: boolean;
-        loadingMessage: string;
-        notFoundMessage: string;
         type: Type;
         size: Size;
         targetElement: null;
         hideSelected: boolean;
         allowAny: boolean;
         hideArrow: boolean;
+        showPopup: boolean;
         maxHeight: number;
         directions: Directions[];
         selected: null;
@@ -181,6 +190,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         onKeyDown: typeof noop;
         onSelect: typeof noop;
         onDeselect: typeof noop;
+        onOutsideClick: typeof noop;
         onChange: typeof noop;
         onAdd: typeof noop;
         onDone: typeof noop;
@@ -204,6 +214,7 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     nodeRef: (el: HTMLElement | null) => void;
     _popup: SelectPopup<SelectItemData<T>> | null;
     onEmptyPopupEnter: () => void;
+    focus: () => void;
     private _onEnter;
     private _onEsc;
     _inputShortcutHandler: () => void;
@@ -216,7 +227,8 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     _showPopup(): void;
     _hidePopup(tryFocusAnchor?: boolean): void;
     addHandler: () => void;
-    getToolbar(): JSX.Element | null;
+    getToolbar(): React.JSX.Element | null;
+    getTopbar(): React.ReactNode;
     getLowerCaseLabel: typeof getLowerCaseLabel;
     doesLabelMatch: typeof doesLabelMatch;
     getFilterFn(): FilterFn<T>;
@@ -254,8 +266,8 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
         'shift+down': typeof noop;
         space: typeof noop;
     };
-    renderSelect(activeItemId: string | undefined): JSX.Element;
-    render(): JSX.Element;
+    renderSelect(activeItemId: string | undefined): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export type SingleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, SingleSelectProps<T>>;
 export type MultipleSelectAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof Select, MultipleSelectProps<T>>;