@jetbrains/ring-ui 4.1.0-beta.4 → 4.1.2

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

@@ -0,0 +1,150 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import { render, hydrate } from 'react-dom';
+import React from 'react';
+import { RerenderableSelect } from '../select/select.js';
+import 'classnames';
+import 'prop-types';
+import '@jetbrains/icons/chevron-10px';
+import '@jetbrains/icons/close';
+import 'deep-equal';
+import '../dropdown/dropdown.js';
+import '../global/data-tests.js';
+import '../_helpers/anchor.js';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../button/button.js';
+import 'focus-visible';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../avatar/avatar.js';
+import '../global/url.js';
+import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
+import '../popup/popup.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+import '../list/list.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 'memoize-one';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+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';
+import '../input/input.js';
+import '../_helpers/input.js';
+import '../global/rerender-hoc.js';
+import '../global/fuzzy-highlight.js';
+import '../select/select__popup.js';
+import '@jetbrains/icons/search';
+import '../loader-inline/loader-inline.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 '../shortcuts/shortcuts-hoc.js';
+import '../tags-list/tags-list.js';
+import '../tag/tag.js';
+import '../caret/caret.js';
+import '../text/text.js';
+import '../_helpers/select__filter.js';
+
+class SelectLazy {
+  constructor(container, props, ctrl, type) {
+    _defineProperty(this, "onClick", () => {
+      this._clickHandler();
+    });
+
+    this.container = container;
+    this.ctrl = ctrl;
+    this.props = props || {};
+    this.type = type;
+    this.node = container;
+    this._popup = {
+      isVisible: angular.noop
+    };
+    this.attachEvents();
+    this.render();
+  }
+
+  rerender() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    for (const prop in props) {
+      if (props.hasOwnProperty(prop)) {
+        if (props[prop] == this.props[prop]) {
+          //eslint-disable-line eqeqeq
+          break;
+        }
+
+        this.render(props);
+        return;
+      }
+    }
+  }
+
+  attachEvents() {
+    this.container.addEventListener('click', this.onClick);
+  }
+
+  detachEvents() {
+    this.container.removeEventListener('click', this.onClick);
+  }
+
+  render(props) {
+    this.reactSelect = /*#__PURE__*/React.createElement(RerenderableSelect, Object.assign({}, this.props, props || {}));
+    this.props = this.reactSelect.props;
+
+    if (this.type !== 'dropdown') {
+      const ReactDOMServer = require('react-dom/server');
+
+      this.container.innerHTML = ReactDOMServer.renderToString(this.reactSelect);
+    }
+  }
+
+  _clickHandler() {
+    this.detachEvents();
+
+    if (this.type === 'dropdown') {
+      this.ctrl.selectInstance = render(this.reactSelect, this.container); // In "dropdown" mode we don't click select itself, so need to force click handler
+
+      this.ctrl.selectInstance._clickHandler();
+    } else {
+      this.ctrl.selectInstance = hydrate(this.reactSelect, this.container);
+    }
+  }
+
+}
+
+export { SelectLazy as default };

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

@@ -0,0 +1,145 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import deepEqual from 'deep-equal';
+
+class Options {
+  constructor(scope, optionsString) {
+    this.scope = scope;
+    const $parse = this.constructor.$parse;
+    const MATCHES = this.constructor.MATCHES;
+    let match;
+
+    if (!(match = optionsString.match(this.constructor.OPTIONS_REGEXP))) {
+      throw new Error('Bad rgSelect expression format. Expected: [{item}] [[as] item.text] [select as item.selectLabel]' + ` [describe as {item.description}] [for] {item} in {items|dataSource(query)} [track by item.id], Received: ${optionsString}`);
+    }
+    /**
+     * Now we can write only `item.value as item.label for item in items`
+     * we can not skip `item.label`
+     */
+
+
+    this.hasItemGetter = Boolean(match[MATCHES.ITEM] && match[MATCHES.LABEL]);
+    this.itemGetter = $parse(match[MATCHES.ITEM]);
+    this.labelGetter = match[MATCHES.LABEL] && $parse(match[MATCHES.LABEL]) || this.itemGetter;
+    this.selectedLabelGetter = match[MATCHES.SELECTED_LABEL] && $parse(match[MATCHES.SELECTED_LABEL]);
+    this.descriptionGetter = match[MATCHES.DESCRIPTION] && $parse(match[MATCHES.DESCRIPTION]);
+    this.optionVariableName = match[MATCHES.OPTION];
+    this.datasourceGetter = $parse(match[MATCHES.ITEMS]);
+    this.trackByGetter = match[MATCHES.TRACK] && $parse(match[MATCHES.TRACK]);
+    this.datasourceIsFunction = match[MATCHES.ITEMS].indexOf('(') > 0;
+  }
+
+  getProperty(option, getter) {
+    if (getter) {
+      const locals = {};
+      locals[this.optionVariableName] = option;
+      return getter.call(this, this.scope, locals);
+    }
+
+    return undefined;
+  }
+  /**
+   * @param {Object} option The item from options collection
+   * @return {any} The option value
+   */
+
+
+  getValue(option) {
+    if (!this.hasItemGetter) {
+      return option;
+    }
+
+    const value = this.getProperty(option, this.itemGetter);
+    return value === undefined ? option : value;
+  }
+  /**
+   * @param {any} value The option value
+   * @param {Array} options The list of options
+   * @return {Object|undefined} The option object
+   */
+
+
+  getOptionByValue(value, options) {
+    /**
+     * @param {any} it
+     * @return {string} The string representation of the value
+     */
+    function toString(it) {
+      return typeof it === 'object' ? JSON.stringify(it) : String(it);
+    }
+
+    if (!this.hasItemGetter) {
+      return value;
+    }
+
+    const matchedOptions = options.filter(option => {
+      const optionValue = this.getValue(option);
+
+      if (typeof value === 'object') {
+        return deepEqual(optionValue, value);
+      }
+
+      return optionValue === value;
+    });
+
+    if (matchedOptions.length > 1) {
+      throw new Error(`Error(rg-select): You can not have two options with same value(${toString(value)})`);
+    }
+
+    return matchedOptions[0];
+  }
+
+  getKey(option) {
+    return this.getProperty(option, this.trackByGetter) || option[this.constructor.defaultKeyField] || option;
+  }
+
+  getLabel(option) {
+    const optionStringValue = typeof option === 'string' ? option : null;
+    return this.getProperty(option, this.labelGetter) || option[this.constructor.defaultLabelField] || optionStringValue;
+  }
+
+  getSelectedLabel(option) {
+    return this.getProperty(option, this.selectedLabelGetter) || option[this.constructor.defaultSelectedLabelField];
+  }
+
+  getDescription(option) {
+    return this.getProperty(option, this.descriptionGetter) || option[this.constructor.defaultDescriptionField];
+  }
+
+  getOptions(query, skip) {
+    return this.datasourceGetter(this.scope, {
+      query,
+      skip
+    });
+  }
+
+}
+
+_defineProperty(Options, "OPTIONS_REGEXP", /^\s*(.*?)(?:\s+as\s+(.*?))?(?:\s+select\s+as\s+(.*?))?(?:\s+describe\sas\s+(.*?))?(?:\s+for\s+)?([$\w]+)\s+in\s+(.*?)(?:\s+track\sby\s+(.*?))?$/);
+
+_defineProperty(Options, "MATCHES", {
+  ITEM: 1,
+  LABEL: 2,
+  SELECTED_LABEL: 3,
+  DESCRIPTION: 4,
+  OPTION: 5,
+  ITEMS: 6,
+  TRACK: 7
+});
+
+_defineProperty(Options, "defaultKeyField", 'key');
+
+_defineProperty(Options, "defaultLabelField", 'label');
+
+_defineProperty(Options, "defaultSelectedLabelField", 'selectedLabel');
+
+_defineProperty(Options, "defaultDescriptionField", 'description');
+
+const angularModule = angular.module('Ring.select.options', []);
+angularModule.factory('SelectOptions', ["$parse", function SelectOptionsFactory($parse) {
+  Options.$parse = $parse;
+  return Options;
+}]);
+var SelectNgOptions = angularModule.name;
+
+export { SelectNgOptions as default };

package/dist/shortcuts/core.js

@@ -137,7 +137,9 @@ class Shortcuts {
    */
 
 
-  pushScope(scopeId, options = {}) {
+  pushScope(scopeId) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     if (scopeId) {
       const position = this.indexOfScope(scopeId);
 
@@ -195,7 +197,8 @@ class Shortcuts {
     }
   }
 
-  wrapScope(scopeId, options = {}) {
+  wrapScope(scopeId) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return {
       scopeId,
       options
@@ -237,6 +240,6 @@ class Shortcuts {
 
 }
 
-var shortcuts = new Shortcuts();
+var shortcutsInstance = new Shortcuts();
 
-export default shortcuts;
+export { shortcutsInstance as default };

package/dist/shortcuts/shortcuts-hoc.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
@@ -12,20 +12,18 @@ function shortcutsHOC(ComposedComponent) {
   var _class, _temp;
 
   return _temp = _class = class WithShortcuts extends React.Component {
-    constructor(...args) {
-      super(...args);
+    constructor() {
+      super(...arguments);
 
       _defineProperty(this, "_shortcutsScopeUid", getUID('rg-shortcuts-'));
     }
 
     render() {
-      const _this$props = this.props,
-            {
+      const {
         rgShortcutsOptions,
-        rgShortcutsMap
-      } = _this$props,
-            props = _objectWithoutProperties(_this$props, ["rgShortcutsOptions", "rgShortcutsMap"]);
-
+        rgShortcutsMap,
+        ...props
+      } = this.props;
       return /*#__PURE__*/React.createElement(Shortcuts, {
         scope: this._shortcutsScopeUid,
         map: rgShortcutsMap,
@@ -40,4 +38,4 @@ function shortcutsHOC(ComposedComponent) {
   }), _temp;
 }
 
-export default shortcutsHOC;
+export { shortcutsHOC as default };

package/dist/shortcuts/shortcuts.js

@@ -1,7 +1,7 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-import shortcuts from './core.js';
+import shortcutsInstance from './core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -39,16 +39,16 @@ class Shortcuts extends PureComponent {
       scope,
       options
     } = this.props;
-    shortcuts.bindMap(map, this.props);
-    shortcuts.pushScope(scope, options);
+    shortcutsInstance.bindMap(map, this.props);
+    shortcutsInstance.pushScope(scope, options);
   }
 
   turnShorcutsOff() {
     const {
       scope
     } = this.props;
-    shortcuts.unbindScope(scope);
-    shortcuts.spliceScope(scope);
+    shortcutsInstance.unbindScope(scope);
+    shortcutsInstance.spliceScope(scope);
   }
 
   render() {
@@ -69,4 +69,4 @@ _defineProperty(Shortcuts, "defaultProps", {
   options: {}
 });
 
-export default Shortcuts;
+export { Shortcuts as default };

package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js

@@ -0,0 +1,120 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import searchIcon from '@jetbrains/icons/search';
+import RingAngularComponent from '../global/ring-angular-component.js';
+import DialogNg from '../dialog-ng/dialog-ng.js';
+import ShortcutsNg from '../shortcuts-ng/shortcuts-ng.js';
+import RingTemplateNg from '../template-ng/template-ng.js';
+import IconNG from '../icon-ng/icon-ng.js';
+import InputNg from '../input-ng/input-ng.js';
+import { getShortcutTitle } from '../shortcuts/shortcut-title.js';
+import HintPopupTpl from './shortcuts-hint-ng__template.js';
+import 'focus-trap';
+import '../global/dom.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../button-ng/button-ng.js';
+import 'classnames';
+import '../global/theme.js';
+import 'react';
+import '../_helpers/button__classes.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../promised-click-ng/promised-click-ng.js';
+import '../compiler-ng/compiler-ng.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../_helpers/island.js';
+import '../dialog-ng/dialog-ng__template.js';
+import '@jetbrains/icons/close';
+import '../_helpers/input.js';
+
+/**
+ * @name Shortcuts Ng Hint Popup
+ */
+
+const angularModule = angular.module('Ring.shortcuts.hint-popup', [DialogNg, ShortcutsNg, IconNG, InputNg, RingTemplateNg]);
+
+const getTitle = title => typeof title === 'function' ? title() : title;
+
+class HintPopupService extends RingAngularComponent {
+  show() {
+    let popupConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let shortcutModes = arguments.length > 1 ? arguments[1] : undefined;
+    let okButtonLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Got it';
+    let searchPlaceholder = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'Search';
+    const {
+      dialog,
+      shortcuts
+    } = this.$inject;
+    const modes = shortcutModes || shortcuts.getRegisteredShortcuts();
+    modes.forEach(mode => {
+      mode.shortcuts.forEach(shortcut => {
+        shortcut.titles = shortcut.titles || [];
+
+        if (shortcut.title && !shortcut.titles.includes(shortcut.title)) {
+          shortcut.titles.push(shortcut.title);
+        }
+      });
+    });
+    return dialog.show(Object.assign({
+      template: HintPopupTpl,
+      closeOnClick: true,
+      autoWidth: true,
+      cssClass: 'shortcuts-hint__dialog',
+      controllerAs: 'hintPopupCtrl',
+      buttons: [{
+        label: okButtonLabel,
+        default: true
+      }],
+
+      controller() {
+        // eslint-disable-next-line consistent-this
+        const ctrl = this;
+        ctrl.searchIcon = searchIcon;
+        ctrl.modes = modes;
+        ctrl.tailTemplate = popupConfig.tailTemplate;
+
+        ctrl.isArray = it => Array.isArray(it);
+
+        ctrl.searchText = '';
+        ctrl.searchPlaceholder = searchPlaceholder;
+        ctrl.getTitle = getTitle;
+      }
+
+    }, popupConfig));
+  }
+
+}
+
+_defineProperty(HintPopupService, "$inject", ['dialog', 'shortcuts']);
+
+function shortcutKeySymbolFilter(shortcut) {
+  return getShortcutTitle(shortcut);
+}
+
+function shortcutSearchFilter(shortcuts) {
+  let query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return (shortcuts || []).filter(shortcut => {
+    const key = shortcut.key.join ? shortcut.key.join(' ') : shortcut.key;
+    const keysPresentation = shortcutKeySymbolFilter(key);
+
+    if (!shortcut.titles.length) {
+      return false;
+    } else {
+      const keyMatches = key.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      const titleMatches = shortcut.titles.map(getTitle).join(' ').toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      const presentationMatches = keysPresentation.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      return keyMatches || titleMatches || presentationMatches;
+    }
+  });
+}
+
+angularModule.service('rgShortcutsHintPopup', HintPopupService);
+angularModule.filter('shortcutKeySymbol', () => shortcutKeySymbolFilter);
+angularModule.filter('shortcutSearch', () => shortcutSearchFilter);
+var shortcutsHintNg = angularModule.name;
+
+export { shortcutsHintNg as default };

package/dist/shortcuts-hint-ng/shortcuts-hint-ng__template.js

@@ -0,0 +1,50 @@
+var HintPopupTpl = `<div class="shortcuts-hint">
+
+  <div class="shortcuts-hint__search-input-wrapper">
+    <rg-input
+      ng-attr-placeholder="{{hintPopupCtrl.searchPlaceholder}}"
+      ng-model="hintPopupCtrl.searchText"
+    ></rg-input>
+    <rg-icon
+      class="shortcuts-hint__search-icon"
+      glyph="{{hintPopupCtrl.searchIcon}}"
+    ></rg-icon>
+  </div>
+
+  <div class="shortcuts-hint__columns">
+    <div class="shortcuts-hint__table">
+      <div ng-repeat="mode in hintPopupCtrl.modes"
+        class="shortcuts-hint__shortcut-block">
+
+        <div class="shortcuts-hint__table-title" ng-if="mode.title">
+          <div></div>
+          <div class="shortcuts-hint__shortcuts-title">{{hintPopupCtrl.getTitle(mode.title)}}</div>
+        </div>
+
+        <div ng-repeat="shortcut in mode.shortcuts | shortcutSearch:hintPopupCtrl.searchText"
+          class="shortcuts-hint__table-row">
+          <div class="shortcuts-hint__shortcut-cell">
+            <div class="shortcuts-hint__shortcut"
+              ng-if="hintPopupCtrl.isArray(shortcut.key)"
+              ng-repeat="key in shortcut.key track by $index">
+              {{key | shortcutKeySymbol}}
+            </div>
+            <span class="shortcuts-hint__shortcut"
+              ng-if="!hintPopupCtrl.isArray(shortcut.key)">{{shortcut.key | shortcutKeySymbol}}</span>
+          </div>
+          <div class="shortcuts-hint__hint">
+            <span ng-repeat="title in shortcut.titles">
+              {{hintPopupCtrl.getTitle(title)}}
+              <br ng-if="!$last">
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div rg-template="hintPopupCtrl.tailTemplate"></div>
+
+</div>`;
+
+export { HintPopupTpl as default };