@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/popup-menu/popup-menu.js

@@ -0,0 +1,115 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import Popup from '../popup/popup.js';
+import List from '../list/list.js';
+import 'react-dom';
+import 'classnames';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/data-tests.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.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 'util-deprecate';
+import 'memoize-one';
+import '../global/memoize.js';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
+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';
+
+const {
+  children,
+  ...popupPropTypes
+} = Popup.propTypes || {};
+/**
+ * @name Popup Menu
+ */
+
+class PopupMenu extends Popup {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onSelect", (item, event) => {
+      if (this.props.closeOnSelect) {
+        this._onCloseAttempt(event);
+      }
+
+      this.props.onSelect(item, event);
+    });
+
+    _defineProperty(this, "listRef", el => {
+      this.list = el;
+    });
+  }
+
+  /** @override */
+  getInternalContent() {
+    const {
+      className,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, _extends({
+      ref: this.listRef
+    }, props, {
+      maxHeight: this.popup && this.popup.style.maxHeight,
+      shortcuts: this.shouldUseShortcuts(),
+      onSelect: this.onSelect
+    })));
+  }
+
+}
+
+_defineProperty(PopupMenu, "isItemType", List.isItemType);
+
+_defineProperty(PopupMenu, "ListProps", List.ListProps);
+
+_defineProperty(PopupMenu, "propTypes", { ...popupPropTypes,
+  ...List.propTypes,
+  closeOnSelect: PropTypes.bool
+});
+
+_defineProperty(PopupMenu, "defaultProps", { ...List.defaultProps,
+  ...Popup.defaultProps,
+  renderOptimization: false,
+  closeOnSelect: false
+});
+
+const {
+  ListProps
+} = List;
+
+export { ListProps, PopupMenu as default };

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

@@ -0,0 +1,113 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Theme from '../global/theme.js';
+
+var modules_fb7af416 = {"unit":"8px","light":"light_rui_320b","progressBar":"progressBar_rui_320b","dark":"dark_rui_320b","line":"line_rui_320b","globalMode":"globalMode_rui_320b","progress-bar":"progressBar_rui_320b"};
+
+/**
+ * @name Progress Bar
+ */
+
+class ProgressBar extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "progressbarWrapperRef", el => {
+      this.progressbarWrapper = el;
+    });
+
+    _defineProperty(this, "progressbarRef", el => {
+      this.progressbar = el;
+    });
+  }
+
+  /**
+   * @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 {
+      theme,
+      className,
+      global,
+      max,
+      value,
+      label,
+      ...otherProps
+    } = this.props;
+    const width = value ? `${ProgressBar.toPercent(value, max)}%` : null;
+    const classes = classNames(modules_fb7af416.progressBar, className, {
+      [modules_fb7af416.light]: theme === Theme.LIGHT,
+      [modules_fb7af416.dark]: theme === Theme.DARK,
+      [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
+      }
+    }));
+  }
+
+}
+
+_defineProperty(ProgressBar, "propTypes", {
+  label: PropTypes.string,
+  theme: PropTypes.string,
+
+  /**
+   * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
+   * Should be placed directly inside body, will be positioned right below .ring-header
+   * if placed adjacent to it.
+   * @type {boolean}
+   */
+  global: PropTypes.bool,
+
+  /**
+   * Custom class
+   * @type {string}
+   */
+  className: PropTypes.string,
+  style: PropTypes.object,
+
+  /**
+   * A floating point number that specifies minimum completion rate for a task to be considered
+   * complete. Default value is 1.0.
+   * @type {number}
+   */
+  max: PropTypes.number,
+
+  /**
+   * A floating point number that specifies current task completion rate.
+   * @type {number}
+   */
+  value: PropTypes.number
+});
+
+_defineProperty(ProgressBar, "defaultProps", {
+  max: 1.0,
+  value: 0,
+  theme: Theme.LIGHT,
+  label: 'Progress'
+});
+
+export { ProgressBar as default };

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

@@ -0,0 +1,15 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import ProgressBar from '../progress-bar/progress-bar.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'angular';
+import 'react';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'prop-types';
+import 'classnames';
+import '../global/theme.js';
+
+var progressBarNg = angularComponentFactory(ProgressBar, 'ProgressBar').name;
+
+export { progressBarNg as default };

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

@@ -0,0 +1,126 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.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 '../global/theme.js';
+import 'react';
+import '../icon-ng/icon-ng.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../_helpers/icon.js';
+
+/**
+ * @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;
+
+    if ($attrs.rgPromisedClick) {
+      this.onClick(e => $parse($attrs.rgPromisedClick)($scope, {
+        event: e
+      }));
+    }
+
+    let currentMode = null;
+
+    this.toggleActive = enable => {
+      if (currentMode === 'loader') {
+        applyMethodToClasses(enable ? 'add' : 'remove')(this.element.classList, modules_e81895c9.loader);
+        const loaderNode = this.element.querySelector(LOADER_BACKGROUND_SELECTOR);
+
+        if (loaderNode) {
+          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);
+      }
+    };
+
+    const setModeParams = mode => {
+      currentMode = mode;
+    };
+
+    setModeParams($attrs.promisedMode || DEFAULT_MODE);
+
+    if ($attrs.promisedMode && $attrs.promisedMode.indexOf('{{') !== -1) {
+      $attrs.$observe('promisedMode', newMode => {
+        if (newMode !== currentMode) {
+          this.toggleActive(false);
+          setModeParams(newMode);
+        }
+      });
+    }
+  }
+
+  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();
+    } // 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']);
+
+function rgPromisedClickDirective() {
+  return {
+    controller: PromisedClickController
+  };
+}
+
+angularModule.directive('rgPromisedClick', rgPromisedClickDirective);
+var PromisedClick = angularModule.name;
+
+export { PromisedClick as default };

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

@@ -0,0 +1,19 @@
+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 => {
+      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);
+      }
+    });
+    return resultTemplate;
+  };
+}
+
+export { proxyAttrs as default };