@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/select-ng/select-ng.js

@@ -1,14 +1,34 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { g as _objectSpread2, f as _extends, l as _typeof } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.number.constructor.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.keys.js';
 import angular from 'angular';
 import React from 'react';
 import { unmountComponentAtNode, render } from '../global/react-render-adapter.js';
 import getEventKey from '../global/get-event-key.js';
 import Select, { RerenderableSelect } from '../select/select.js';
-import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
 import { ControlsHeight } from '../global/controls-height.js';
 import SelectNgOptions from './select-ng__options.js';
 import SelectLazy from './select-ng__lazy.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/chevron-down';
@@ -16,6 +36,7 @@ import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.object.entries.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
@@ -24,28 +45,41 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
 import '../button/button.js';
-import 'focus-visible';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
+import 'core-js/modules/es.string.match.js';
 import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.set.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.from.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.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.splice.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -69,8 +103,11 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import '../control-label/control-label.js';
+import '../_helpers/control-label.js';
 import '../_helpers/input.js';
-import '../input/input-label.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
@@ -84,22 +121,22 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-const LOADER_DELAY = 150; // delay to show loader in ms
-const INFINITE_SCROLL_PACK_SIZE = 50;
-const DIALOG_NG_SELECTOR = '[data-anchor=dialog-container][data-in-sidebar=false]';
+var LOADER_DELAY = 150; // delay to show loader in ms
+var INFINITE_SCROLL_PACK_SIZE = 50;
+var DIALOG_NG_SELECTOR = '[data-anchor=dialog-container][data-in-sidebar=false]';
 /**
  * @name Select Ng
  */
 
-const angularModule = angular.module('Ring.select', [SelectNgOptions, MessageBundle]);
+var angularModule = angular.module('Ring.select', [SelectNgOptions, messageBundleNg]);
 angularModule.directive('rgSelect', function rgSelectDirective() {
-  const types = {
+  var types = {
     input: Select.Type.INPUT,
     button: Select.Type.BUTTON,
     dropdown: Select.Type.CUSTOM,
     suggest: Select.Type.INPUT
   };
-  const sizes = {
+  var sizes = {
     FULL: Select.Size.FULL,
     S: Select.Size.S,
     M: Select.Size.M,
@@ -165,17 +202,17 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
     controllerAs: 'selectCtrl',
     require: ['?ngModel', 'rgSelect'],
     link: function link(scope, iElement, iAttrs, ctrls) {
-      const ngModelCtrl = ctrls[0];
-      const rgSelectCtrl = ctrls[1];
+      var ngModelCtrl = ctrls[0];
+      var rgSelectCtrl = ctrls[1];
       rgSelectCtrl.setNgModelCtrl(ngModelCtrl);
     },
     controller: ["$q", "$scope", "$element", "$attrs", "$timeout", "SelectOptions", "RingMessageBundle", function controller($q, $scope, $element, $attrs, $timeout, SelectOptions, RingMessageBundle) {
       /*eslint-disable consistent-this*/
-      const ctrl = this;
+      var ctrl = this;
       /*eslint-enable consistent-this*/
-      const element = $element[0];
-      const container = document.createElement('span');
-      const infiniteScrollPackSize = Number(ctrl.infiniteScrollPackSize) || (ctrl.withInfiniteScroll ? INFINITE_SCROLL_PACK_SIZE : 0);
+      var element = $element[0];
+      var container = document.createElement('span');
+      var infiniteScrollPackSize = Number(ctrl.infiniteScrollPackSize) || (ctrl.withInfiniteScroll ? INFINITE_SCROLL_PACK_SIZE : 0);
 
       /**
        * Properties
@@ -185,8 +222,8 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
       ctrl.query = null;
       ctrl.dataReceived = false;
       ctrl.skipNextModelSync = false;
-      const scope = ctrl.optionsScope ? ctrl.optionsScope : $scope.$parent;
-      ctrl.setNgModelCtrl = ngModelCtrl => {
+      var scope = ctrl.optionsScope ? ctrl.optionsScope : $scope.$parent;
+      ctrl.setNgModelCtrl = function (ngModelCtrl) {
         ctrl.ngModelCtrl = ngModelCtrl;
       };
 
@@ -219,10 +256,10 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         return ctrl.lastSkip < 0 ? 0 : ctrl.lastSkip + infiniteScrollPackSize;
       }
       function isInDialog() {
-        const dialogContainer = document.querySelector(DIALOG_NG_SELECTOR);
+        var dialogContainer = document.querySelector(DIALOG_NG_SELECTOR);
         return dialogContainer && dialogContainer.contains(element);
       }
-      ctrl.syncSelectToNgModel = selectedValue => {
+      ctrl.syncSelectToNgModel = function (selectedValue) {
         function valueOf(option) {
           if (option && option.originalModel) {
             return ctrl.optionsParser.getValue(option.originalModel);
@@ -240,9 +277,9 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
           }
         }
       };
-      ctrl.convertNgModelToSelect = model => {
+      ctrl.convertNgModelToSelect = function (model) {
         function convertItem(modelValue) {
-          let item = ctrl.optionsParser.getOptionByValue(modelValue, ctrl.loadedOptions || []);
+          var item = ctrl.optionsParser.getOptionByValue(modelValue, ctrl.loadedOptions || []);
 
           // could happen when lazily fetching the data
           if (item === undefined) {
@@ -254,7 +291,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
             selectedLabel: ctrl.optionsParser.getSelectedLabel(item),
             description: ctrl.optionsParser.getDescription(item),
             originalModel: item
-          }, typeof item === 'object' ? item : null);
+          }, _typeof(item) === 'object' ? item : null);
         }
         if (model !== undefined && model !== null) {
           if (Array.isArray(model)) {
@@ -265,23 +302,25 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
         return undefined;
       };
-      let lastQuery = null;
-      let inProcessQueries = 0;
-      ctrl.getOptions = (query, skip) => $q.when(ctrl.optionsParser.getOptions(query, skip));
-      let loaderDelayTimeout = null;
-      ctrl.showLoader = () => {
+      var lastQuery = null;
+      var inProcessQueries = 0;
+      ctrl.getOptions = function (query, skip) {
+        return $q.when(ctrl.optionsParser.getOptions(query, skip));
+      };
+      var loaderDelayTimeout = null;
+      ctrl.showLoader = function () {
         if (getType() !== 'suggest') {
           reRenderSelect({
             loading: true
           });
         }
       };
-      ctrl.loadOptionsToSelect = query => {
+      ctrl.loadOptionsToSelect = function (query) {
         if (ctrl.stopLoadingNewOptions && query === lastQuery) {
           return $q.resolve();
         }
         ctrl.stopLoadingNewOptions = false;
-        const skip = getCurrentSkipParameter(query, lastQuery);
+        var skip = getCurrentSkipParameter(query, lastQuery);
         lastQuery = query;
         $timeout.cancel(loaderDelayTimeout);
 
@@ -293,7 +332,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
           ctrl.showLoader();
         }
         inProcessQueries++;
-        return ctrl.getOptions(query, skip).then(results => {
+        return ctrl.getOptions(query, skip).then(function (results) {
           inProcessQueries--;
           if (query !== lastQuery) {
             return; // do not process the result if queries don't match
@@ -303,14 +342,14 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
             return; // do not process the result if skips not match
           }
 
-          const items = memorizeOptions(results.data || results, skip).map(ctrl.convertNgModelToSelect);
+          var items = memorizeOptions(results.data || results, skip).map(ctrl.convertNgModelToSelect);
           $timeout.cancel(loaderDelayTimeout);
           ctrl.dataReceived = true;
           reRenderSelect({
             data: items,
             loading: false
           });
-        }).catch(error => {
+        }).catch(function (error) {
           inProcessQueries--;
           $timeout.cancel(loaderDelayTimeout);
           reRenderSelect({
@@ -331,17 +370,21 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function syncNgModelToSelect() {
-        $scope.$watch(() => ctrl.ngModelCtrl && ctrl.ngModelCtrl.$modelValue, setSelectModel, true);
+        $scope.$watch(function () {
+          return ctrl.ngModelCtrl && ctrl.ngModelCtrl.$modelValue;
+        }, setSelectModel, true);
       }
       function syncDisabled() {
-        $attrs.$observe('disabled', newValue => {
+        $attrs.$observe('disabled', function (newValue) {
           reRenderSelect({
             disabled: newValue
           });
         });
       }
       function syncMultiple() {
-        $scope.$watch(() => ctrl.multiple, () => {
+        $scope.$watch(function () {
+          return ctrl.multiple;
+        }, function () {
           if (angular.isDefined(ctrl.multiple)) {
             reRenderSelect({
               multiple: ctrl.multiple
@@ -350,7 +393,9 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         });
       }
       function syncConfig() {
-        $scope.$watchCollection(() => ctrl.config, (config, old) => {
+        $scope.$watchCollection(function () {
+          return ctrl.config;
+        }, function (config, old) {
           if (config !== old) {
             reRenderSelect(config);
           }
@@ -361,13 +406,13 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
       }
       function attachDropdownIfNeeded() {
         if (getType() === 'dropdown') {
-          const handler = () => {
+          var handler = function handler() {
             ctrl.selectInstance._clickHandler();
           };
           element.addEventListener('click', handler);
-          element.addEventListener('keydown', event => {
-            const key = getEventKey(event);
-            const modifier = event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
+          element.addEventListener('keydown', function (event) {
+            var key = getEventKey(event);
+            var modifier = event.ctrlKey || event.altKey || event.metaKey || event.shiftKey;
             if (key === 'Enter' && !modifier || key === ' ') {
               if (!isSelectPopupOpen()) {
                 handler();
@@ -389,7 +434,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function listenToRouteChanges() {
-        $scope.$on('$locationChangeSuccess', () => {
+        $scope.$on('$locationChangeSuccess', function () {
           if (isSelectPopupOpen()) {
             ctrl.selectInstance._hidePopup();
           }
@@ -407,11 +452,11 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function reRenderSelect(props) {
-        if (ctrl.selectInstance?.node) {
-          ctrl.selectInstance.rerender({
-            ...props,
+        var _ctrl$selectInstance;
+        if ((_ctrl$selectInstance = ctrl.selectInstance) !== null && _ctrl$selectInstance !== void 0 && _ctrl$selectInstance.node) {
+          ctrl.selectInstance.rerender(_objectSpread2(_objectSpread2({}, props), {}, {
             ref: selectRef
-          });
+          }));
         }
       }
 
@@ -429,7 +474,7 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         }
       }
       function createDefaultConfig() {
-        const defaultConfig = {
+        var defaultConfig = {
           label: ctrl.label || RingMessageBundle.select_label(),
           selectedLabel: ctrl.selectedLabel,
           allowAny: getType() === 'suggest',
@@ -448,49 +493,49 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
           targetElement: getType() === 'dropdown' ? element : null,
           size: getSelectSize(),
           height: ControlsHeight.S,
-          onBeforeOpen: () => {
+          onBeforeOpen: function onBeforeOpen() {
             resetMemorizedOptions();
             ctrl.loadOptionsToSelect(ctrl.query);
-            $scope.$evalAsync(() => {});
+            $scope.$evalAsync(function () {});
           },
-          onOpen: () => {
-            $scope.$evalAsync(() => {
+          onOpen: function onOpen() {
+            $scope.$evalAsync(function () {
               ctrl.onOpen();
             });
           },
-          onClose: () => {
+          onClose: function onClose() {
             ctrl.query = null;
-            $scope.$evalAsync(() => {
+            $scope.$evalAsync(function () {
               ctrl.onClose();
             });
           },
-          onSelect: (selected, event) => {
-            $scope.$evalAsync(() => {
+          onSelect: function onSelect(selected, event) {
+            $scope.$evalAsync(function () {
               ctrl.onSelect({
-                selected,
-                event
+                selected: selected,
+                event: event
               });
             });
           },
-          onDeselect: (deselected, event) => {
-            $scope.$evalAsync(() => {
+          onDeselect: function onDeselect(deselected, event) {
+            $scope.$evalAsync(function () {
               ctrl.onDeselect({
-                deselected,
-                event
+                deselected: deselected,
+                event: event
               });
             });
           },
-          onChange: (selected, event) => {
+          onChange: function onChange(selected, event) {
             ctrl.syncSelectToNgModel(selected);
-            $scope.$evalAsync(() => {
+            $scope.$evalAsync(function () {
               ctrl.onChange({
-                selected,
-                event
+                selected: selected,
+                event: event
               });
             });
           },
-          onFilter: query => {
-            $scope.$evalAsync(() => {
+          onFilter: function onFilter(query) {
+            $scope.$evalAsync(function () {
               ctrl.query = query;
               if (ctrl.externalFilter) {
                 ctrl.loadOptionsToSelect(query);
@@ -500,17 +545,19 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
               }
             });
           },
-          reloadOptions: query => {
-            $scope.$evalAsync(() => {
+          reloadOptions: function reloadOptions(query) {
+            $scope.$evalAsync(function () {
               ctrl.loadOptionsToSelect(query || ctrl.query);
             });
           },
-          getLoadedOptions: () => ctrl.loadedOptions
+          getLoadedOptions: function getLoadedOptions() {
+            return ctrl.loadedOptions;
+          }
         };
         if (infiniteScrollPackSize) {
-          defaultConfig.onLoadMore = () => {
+          defaultConfig.onLoadMore = function () {
             if (inProcessQueries === 0) {
-              $scope.$evalAsync(() => {
+              $scope.$evalAsync(function () {
                 ctrl.loadOptionsToSelect(ctrl.query);
               });
             }
@@ -522,15 +569,17 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         if (!ctrl.defaultConfig || !ctrl.config) {
           return;
         }
-        Object.keys(ctrl.defaultConfig).filter(propName => ctrl.config[propName] === ctrl.defaultConfig[propName]).forEach(propName => {
+        Object.keys(ctrl.defaultConfig).filter(function (propName) {
+          return ctrl.config[propName] === ctrl.defaultConfig[propName];
+        }).forEach(function (propName) {
           delete ctrl.config[propName];
         });
       }
-      ctrl.$onDestroy = () => {
+      ctrl.$onDestroy = function () {
         unmountComponentAtNode(container);
         removeDefaultConfigPropFromUserConfig();
       };
-      ctrl.$onInit = () => {
+      ctrl.$onInit = function () {
         ctrl.optionsParser = new SelectOptions(scope, ctrl.options);
         ctrl.lazy = ctrl.hasOwnProperty('lazy') ? ctrl.lazy : true;
 
@@ -539,7 +588,9 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
          */
         if (ctrl.externalFilter) {
           ctrl.filter = ctrl.filter || {};
-          ctrl.filter.fn = () => true;
+          ctrl.filter.fn = function () {
+            return true;
+          };
         }
         ctrl.defaultConfig = createDefaultConfig();
         ctrl.config = angular.extend({}, ctrl.defaultConfig, ctrl.config || {});
@@ -555,7 +606,9 @@ angularModule.directive('rgSelect', function rgSelectDirective() {
         element.appendChild(container);
         if (!ctrl.lazy) {
           if (!ctrl.optionsParser.datasourceIsFunction) {
-            $scope.$watch(() => ctrl.optionsParser.getOptions(ctrl.query, 0), optionsWatcher, true);
+            $scope.$watch(function () {
+              return ctrl.optionsParser.getOptions(ctrl.query, 0);
+            }, optionsWatcher, true);
           } else {
             ctrl.loadOptionsToSelect(ctrl.query);
           }