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

package/dist/progress-bar/progress-bar.js

@@ -1,66 +1,80 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, 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';
 
-var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"8px","light":"light_rui_5875","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875"};
+var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875"};
 
+var _excluded = ["className", "global", "max", "value", "label"];
 /**
  * @name Progress Bar
  */
-class ProgressBar extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "progressbarWrapper", void 0);
-    _defineProperty(this, "progressbarWrapperRef", el => {
-      this.progressbarWrapper = el;
+var ProgressBar = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ProgressBar, _PureComponent);
+  var _super = _createSuper(ProgressBar);
+  function ProgressBar() {
+    var _this;
+    _classCallCheck(this, ProgressBar);
+    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), "progressbarWrapper", void 0);
+    _defineProperty(_assertThisInitialized(_this), "progressbarWrapperRef", function (el) {
+      _this.progressbarWrapper = el;
     });
-    _defineProperty(this, "progressbar", void 0);
-    _defineProperty(this, "progressbarRef", el => {
-      this.progressbar = el;
+    _defineProperty(_assertThisInitialized(_this), "progressbar", void 0);
+    _defineProperty(_assertThisInitialized(_this), "progressbarRef", function (el) {
+      _this.progressbar = el;
     });
+    return _this;
   }
-  /**
-   * @param {number} value The progress task value
-   * @param {number} max The maximum value
-   * @return {number} The progress task value in percents
-   * @private
-   */
-  static toPercent(value, max) {
-    const HUNDRED_PERCENT = 100;
-    const percents = value * HUNDRED_PERCENT / max;
-    return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
-  }
-  render() {
-    const {
-      className,
-      global,
-      max,
-      value,
-      label,
-      ...otherProps
-    } = this.props;
-    const width = value ? `${ProgressBar.toPercent(value, max)}%` : undefined;
-    const classes = classNames(modules_fb7af416.progressBar, className, {
-      [modules_fb7af416.globalMode]: global
-    });
-    return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
-      className: classes,
-      ref: this.progressbarWrapperRef
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_fb7af416.line,
-      ref: this.progressbarRef,
-      role: "progressbar",
-      "aria-label": label,
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      style: {
-        width
-      }
-    }));
-  }
-}
+  _createClass(ProgressBar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        global = _this$props.global,
+        max = _this$props.max,
+        value = _this$props.value,
+        label = _this$props.label,
+        otherProps = _objectWithoutProperties(_this$props, _excluded);
+      var width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
+      var classes = classNames(modules_fb7af416.progressBar, className, _defineProperty({}, modules_fb7af416.globalMode, global));
+      return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
+        className: classes,
+        ref: this.progressbarWrapperRef
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_fb7af416.line,
+        ref: this.progressbarRef,
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        style: {
+          width: width
+        }
+      }));
+    }
+  }], [{
+    key: "toPercent",
+    value:
+    /**
+     * @param {number} value The progress task value
+     * @param {number} max The maximum value
+     * @return {number} The progress task value in percents
+     * @private
+     */
+    function toPercent(value, max) {
+      var HUNDRED_PERCENT = 100;
+      var percents = value * HUNDRED_PERCENT / max;
+      return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
+    }
+  }]);
+  return ProgressBar;
+}(PureComponent);
 _defineProperty(ProgressBar, "propTypes", {
   label: PropTypes.string,
   /**

package/dist/progress-bar-ng/progress-bar-ng.js

@@ -1,12 +1,22 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import ProgressBar from '../progress-bar/progress-bar.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.keys.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.array.slice.js';
 import 'angular';
 import 'react';
 import '../global/react-render-adapter.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 '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
 import 'prop-types';
 import 'classnames';
 

package/dist/promised-click-ng/promised-click-ng.js

@@ -1,11 +1,28 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.index-of.js';
 import angular from 'angular';
 import { m as modules_e81895c9 } from '../_helpers/button__classes.js';
 import { applyMethodToClasses } from '../global/dom.js';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { LOADER_BACKGROUND_SELECTOR } from '../button-ng/button-ng.js';
 import 'classnames';
+import 'core-js/modules/es.object.assign.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.array.filter.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.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/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.values.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';
@@ -16,86 +33,102 @@ import 'react';
  * @name Promised Click Ng
 */
 
-const angularModule = angular.module('Ring.promised-click', []);
-const DEFAULT_MODE = 'active';
-class PromisedClickController extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    const {
-      $scope,
-      $element,
-      $attrs,
-      $parse
-    } = this.$inject;
-    this.element = $element[0];
-    this.active = false;
+var angularModule = angular.module('Ring.promised-click', []);
+var DEFAULT_MODE = 'active';
+var PromisedClickController = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(PromisedClickController, _RingAngularComponent);
+  var _super = _createSuper(PromisedClickController);
+  function PromisedClickController() {
+    var _this;
+    _classCallCheck(this, PromisedClickController);
+    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));
+    var _this$$inject = _this.$inject,
+      $scope = _this$$inject.$scope,
+      $element = _this$$inject.$element,
+      $attrs = _this$$inject.$attrs,
+      $parse = _this$$inject.$parse;
+    _this.element = $element[0];
+    _this.active = false;
     if ($attrs.rgPromisedClick) {
-      this.onClick(e => $parse($attrs.rgPromisedClick)($scope, {
-        event: e
-      }));
+      _this.onClick(function (e) {
+        return $parse($attrs.rgPromisedClick)($scope, {
+          event: e
+        });
+      });
     }
-    let currentMode = null;
-    this.toggleActive = enable => {
+    var currentMode = null;
+    _this.toggleActive = function (enable) {
       if (currentMode === 'loader') {
-        applyMethodToClasses(enable ? 'add' : 'remove')(this.element.classList, modules_e81895c9.loader);
-        const loaderNode = this.element.querySelector(LOADER_BACKGROUND_SELECTOR);
+        applyMethodToClasses(enable ? 'add' : 'remove')(_this.element.classList, modules_e81895c9.loader);
+        var loaderNode = _this.element.querySelector(LOADER_BACKGROUND_SELECTOR);
         if (loaderNode) {
-          applyMethodToClasses(enable ? 'add' : 'remove')(this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
+          applyMethodToClasses(enable ? 'add' : 'remove')(_this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
         }
       } else if (currentMode === 'active') {
-        applyMethodToClasses(enable ? 'add' : 'remove')(this.element.classList, modules_e81895c9.active);
+        applyMethodToClasses(enable ? 'add' : 'remove')(_this.element.classList, modules_e81895c9.active);
       }
     };
-    const setModeParams = mode => {
+    var setModeParams = function setModeParams(mode) {
       currentMode = mode;
     };
     setModeParams($attrs.promisedMode || DEFAULT_MODE);
     if ($attrs.promisedMode && $attrs.promisedMode.indexOf('{{') !== -1) {
-      $attrs.$observe('promisedMode', newMode => {
+      $attrs.$observe('promisedMode', function (newMode) {
         if (newMode !== currentMode) {
-          this.toggleActive(false);
+          _this.toggleActive(false);
           setModeParams(newMode);
         }
       });
     }
+    return _this;
   }
-  onClick(callback) {
-    this.element.addEventListener('click', e => {
-      if (this.active) {
-        e.preventDefault();
-      } else {
-        this.process(callback, e);
-      }
-    });
-  }
-  process(callback, e) {
-    const {
-      $scope
-    } = this.$inject;
-    this.promise = callback(e);
-    if (this.promise) {
-      this.activate();
+  _createClass(PromisedClickController, [{
+    key: "onClick",
+    value: function onClick(callback) {
+      var _this2 = this;
+      this.element.addEventListener('click', function (e) {
+        if (_this2.active) {
+          e.preventDefault();
+        } else {
+          _this2.process(callback, e);
+        }
+      });
     }
+  }, {
+    key: "process",
+    value: function process(callback, e) {
+      var $scope = this.$inject.$scope;
+      this.promise = callback(e);
+      if (this.promise) {
+        this.activate();
+      }
 
-    // Do not use $evalAsync here. This code should be invoked in the same animation frame
-    // otherwise a button may be "pressed" twice – by click and with class change.
-    if (!$scope.$root.$$phase) {
-      // eslint-disable-line angular/no-private-call
-      $scope.$apply();
+      // Do not use $evalAsync here. This code should be invoked in the same animation frame
+      // otherwise a button may be "pressed" twice – by click and with class change.
+      if (!$scope.$root.$$phase) {
+        // eslint-disable-line angular/no-private-call
+        $scope.$apply();
+      }
     }
-  }
-  activate() {
-    this.active = true;
-    this.toggleActive(true);
-    const done = () => {
-      this.active = false;
-      this.toggleActive(false);
-    };
-    this.promise.then(done, done);
-  }
-}
-PromisedClickController.$inject = [];
-_defineProperty(PromisedClickController, "$inject", ['$scope', '$element', '$attrs', '$parse']);
+  }, {
+    key: "activate",
+    value: function activate() {
+      var _this3 = this;
+      this.active = true;
+      this.toggleActive(true);
+      var done = function done() {
+        _this3.active = false;
+        _this3.toggleActive(false);
+      };
+      this.promise.then(done, done);
+    }
+  }]);
+  return PromisedClickController;
+}(RingAngularComponent);
+PromisedClickController.$inject = ['$scope', '$element', '$attrs', '$parse'];
 function rgPromisedClickDirective() {
   return {
     controller: PromisedClickController

package/dist/proxy-attrs/proxy-attrs.js

@@ -1,15 +1,24 @@
+import 'core-js/modules/es.object.keys.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.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.regexp.constructor.js';
+import 'core-js/modules/es.regexp.to-string.js';
+
 function proxyAttrs(template, attrsWhitelist) {
   return function copyAttrs(iElement, iAttrs) {
-    const PREFIX = 'data-proxy-';
-    const attrsList = attrsWhitelist || Object.keys(iAttrs.$attr);
-    let resultTemplate = template;
-    attrsList.forEach(attrName => {
+    var PREFIX = 'data-proxy-';
+    var attrsList = attrsWhitelist || Object.keys(iAttrs.$attr);
+    var resultTemplate = template;
+    attrsList.forEach(function (attrName) {
       if (iAttrs[attrName] !== undefined) {
-        const attrLower = iAttrs.$attr[attrName];
-        const attrValue = iAttrs[attrName];
-        const attrFind = `${PREFIX}${attrLower}`.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-        const attrReplace = `${attrLower}="${attrValue}"`;
-        resultTemplate = resultTemplate.replace(RegExp(`${attrFind}(="")*`, 'g'), attrReplace);
+        var attrLower = iAttrs.$attr[attrName];
+        var attrValue = iAttrs[attrName];
+        var attrFind = "".concat(PREFIX).concat(attrLower).replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+        var attrReplace = "".concat(attrLower, "=\"").concat(attrValue, "\"");
+        resultTemplate = resultTemplate.replace(RegExp("".concat(attrFind, "(=\"\")*"), 'g'), attrReplace);
       }
     });
     return resultTemplate;

package/dist/query-assist/query-assist.d.ts

@@ -40,7 +40,7 @@ export interface QueryAssistProps {
     onApplySuggestion: (suggestion: QueryAssistSuggestion, change: QueryAssistChange) => void;
     onClear: () => void;
     onFocusChange: (change: FocusChange) => void;
-    translations: QueryAssistTranslations;
+    translations?: QueryAssistTranslations | null | undefined;
     autoOpen?: boolean | null | undefined | 'force';
     caret?: number | null | undefined;
     clear?: boolean | null | undefined;
@@ -226,10 +226,6 @@ export default class QueryAssist extends Component<QueryAssistProps> {
         onClear: typeof noop;
         onFocusChange: typeof noop;
         size: Size;
-        translations: {
-            searchTitle: string;
-            clearTitle: string;
-        };
     };
     static getDerivedStateFromProps({ query }: QueryAssistProps, { prevQuery }: QueryAssistState): Partial<QueryAssistState>;
     constructor(props: QueryAssistProps);
@@ -283,7 +279,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     setupRequestHandler(delay?: number | null): void;
     private _renderSuggestion;
     renderSuggestions(): import("../list/consts").ListDataItem<SuggestionItem>[];
-    renderQuery(): "" | JSX.Element[] | null | undefined;
+    renderQuery(): "" | React.JSX.Element[] | null | undefined;
     setFocus(focus: boolean | null | undefined): void;
     input?: HTMLElement | null;
     caret?: Caret;
@@ -301,7 +297,7 @@ export default class QueryAssist extends Component<QueryAssistProps> {
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     renderActions(): React.ReactNode[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type QueryAssistAttrs = JSX.LibraryManagedAttributes<typeof QueryAssist, QueryAssistProps>;
 export declare const RerenderableQueryAssist: {