@jetbrains/ring-ui 5.1.23 → 5.1.25

package/dist/shortcuts/shortcut-title.js

@@ -0,0 +1,56 @@
+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 sniffr from '../global/sniffer.js';
+import 'sniffr';
+
+var macSymbolsMap = {
+  enter: '⏎',
+  shift: '⇧',
+  meta: '⌘',
+  mod: '⌘',
+  alt: '⌥',
+  ctrl: '⌃',
+  backspace: '⌫',
+  esc: 'Esc',
+  tab: 'Tab',
+  del: 'Del',
+  home: 'Home',
+  end: 'End',
+  space: 'Space',
+  ins: 'Insert',
+  left: '←',
+  up: '↑',
+  right: '→',
+  down: '↓'
+};
+var winSymbolsMap = {
+  enter: 'Enter',
+  shift: 'Shift',
+  meta: 'Ctrl',
+  mod: 'Ctrl',
+  alt: 'Alt',
+  ctrl: 'Ctrl',
+  backspace: 'Backspace',
+  esc: 'Esc',
+  tab: 'Tab',
+  del: 'Delete',
+  home: 'Home',
+  end: 'End',
+  space: 'Space',
+  ins: 'Insert',
+  left: '←',
+  up: '↑',
+  right: '→',
+  down: '↓'
+};
+function getShortcutTitle(shortcut) {
+  var MAC_OS = sniffr.os.name === 'macos';
+  var KEY_SEPARATOR = MAC_OS ? '' : '+';
+  var symbolsMap = MAC_OS ? macSymbolsMap : winSymbolsMap;
+  return shortcut.split(/\+/g).map(function (symbol) {
+    return symbolsMap[symbol] || symbol.toUpperCase();
+  }).join(KEY_SEPARATOR);
+}
+
+export { getShortcutTitle };

package/dist/shortcuts/shortcuts-hoc.d.ts

@@ -0,0 +1,65 @@
+import React, { ComponentType } from 'react';
+import PropTypes from 'prop-types';
+import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+export interface ShortcutsHOCOptions extends ShortcutsScopeOptions {
+    disabled?: boolean | null | undefined;
+}
+export interface ShortcutsHOCProps {
+    rgShortcutsOptions: ShortcutsHOCOptions;
+    rgShortcutsMap: ShortcutsMap;
+}
+export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentType<P> | string): {
+    new (props: (P & ShortcutsHOCProps) | Readonly<P & ShortcutsHOCProps>): {
+        _shortcutsScopeUid: string;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P & ShortcutsHOCProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P & ShortcutsHOCProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & ShortcutsHOCProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: P & ShortcutsHOCProps, context: any): {
+        _shortcutsScopeUid: string;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P & ShortcutsHOCProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<P & ShortcutsHOCProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<P & ShortcutsHOCProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<P & ShortcutsHOCProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<P & ShortcutsHOCProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        rgShortcutsOptions: PropTypes.Requireable<object>;
+        rgShortcutsMap: PropTypes.Requireable<object>;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/shortcuts/shortcuts-hoc.js

@@ -0,0 +1,61 @@
+import { a as _inherits, b as _createSuper, d as _createClass, _ as _defineProperty, c as _classCallCheck, k as _assertThisInitialized, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import getUID from '../global/get-uid.js';
+import Shortcuts from './shortcuts.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.array.map.js';
+import './core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.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';
+
+var _excluded = ["rgShortcutsOptions", "rgShortcutsMap"];
+function shortcutsHOC(ComposedComponent) {
+  var _class;
+  return _class = /*#__PURE__*/function (_React$Component) {
+    _inherits(WithShortcuts, _React$Component);
+    var _super = _createSuper(WithShortcuts);
+    function WithShortcuts() {
+      var _this;
+      _classCallCheck(this, WithShortcuts);
+      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), "_shortcutsScopeUid", getUID('rg-shortcuts-'));
+      return _this;
+    }
+    _createClass(WithShortcuts, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+          rgShortcutsOptions = _this$props.rgShortcutsOptions,
+          rgShortcutsMap = _this$props.rgShortcutsMap,
+          props = _objectWithoutProperties(_this$props, _excluded);
+        return /*#__PURE__*/React.createElement(Shortcuts, {
+          scope: this._shortcutsScopeUid,
+          map: rgShortcutsMap,
+          options: rgShortcutsOptions,
+          disabled: rgShortcutsOptions.disabled
+        }, /*#__PURE__*/React.createElement(ComposedComponent, props));
+      }
+    }]);
+    return WithShortcuts;
+  }(React.Component), _defineProperty(_class, "propTypes", {
+    rgShortcutsOptions: PropTypes.object,
+    rgShortcutsMap: PropTypes.object
+  }), _class;
+}
+
+export { shortcutsHOC as default };

package/dist/shortcuts/shortcuts.d.ts

@@ -0,0 +1,28 @@
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+export interface ShortcutsProps {
+    map: ShortcutsMap;
+    scope: string;
+    options: ShortcutsScopeOptions;
+    children?: React.ReactNode;
+    disabled?: boolean | null | undefined;
+}
+export default class Shortcuts extends PureComponent<ShortcutsProps> {
+    static propTypes: {
+        map: PropTypes.Validator<object>;
+        scope: PropTypes.Validator<string>;
+        options: PropTypes.Requireable<object>;
+        disabled: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    static defaultProps: {
+        options: {};
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ShortcutsProps): void;
+    componentWillUnmount(): void;
+    turnShorcutsOn(): void;
+    turnShorcutsOff(): void;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
+}

package/dist/shortcuts/shortcuts.js

@@ -0,0 +1,92 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import shortcuts from './core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.regexp.exec.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';
+
+var Shortcuts = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Shortcuts, _PureComponent);
+  var _super = _createSuper(Shortcuts);
+  function Shortcuts() {
+    _classCallCheck(this, Shortcuts);
+    return _super.apply(this, arguments);
+  }
+  _createClass(Shortcuts, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!this.props.disabled) {
+        this.turnShorcutsOn();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props = this.props,
+        disabled = _this$props.disabled,
+        map = _this$props.map;
+      if (!prevProps.disabled && disabled) {
+        this.turnShorcutsOff();
+      }
+      if (prevProps.disabled && !disabled) {
+        this.turnShorcutsOn();
+      }
+      if (prevProps.map !== map) {
+        shortcuts.bindMap(map, this.props);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (!this.props.disabled) {
+        this.turnShorcutsOff();
+      }
+    }
+  }, {
+    key: "turnShorcutsOn",
+    value: function turnShorcutsOn() {
+      var _this$props2 = this.props,
+        map = _this$props2.map,
+        scope = _this$props2.scope,
+        options = _this$props2.options;
+      shortcuts.bindMap(map, this.props);
+      shortcuts.pushScope(scope, options);
+    }
+  }, {
+    key: "turnShorcutsOff",
+    value: function turnShorcutsOff() {
+      var scope = this.props.scope;
+      shortcuts.unbindScope(scope);
+      shortcuts.spliceScope(scope);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children || null;
+    }
+  }]);
+  return Shortcuts;
+}(PureComponent);
+_defineProperty(Shortcuts, "propTypes", {
+  map: PropTypes.object.isRequired,
+  scope: PropTypes.string.isRequired,
+  options: PropTypes.object,
+  disabled: PropTypes.bool,
+  children: PropTypes.node
+});
+_defineProperty(Shortcuts, "defaultProps", {
+  options: {}
+});
+
+export { Shortcuts as default };

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

@@ -0,0 +1,155 @@
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.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.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.array.map.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 Shortcuts 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 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.reflect.delete-property.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.promise.finally.js';
+import 'core-js/modules/es.array.from.js';
+import 'focus-trap';
+import '../global/dom.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.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.slice.js';
+import 'core-js/modules/es.array.splice.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 '../button-ng/button-ng.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.values.js';
+import 'classnames';
+import '../_helpers/button__classes.js';
+import '../global/controls-height.js';
+import 'react';
+import '../promised-click-ng/promised-click-ng.js';
+import '../compiler-ng/compiler-ng.js';
+import 'core-js/modules/es.string.trim.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../_helpers/island.js';
+import '../dialog-ng/dialog-ng__template.js';
+import 'core-js/modules/es.array.sort.js';
+import 'core-js/modules/es.string.replace.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '@jetbrains/icons/close';
+import '../_helpers/input.js';
+import '../_helpers/control-label.js';
+
+/**
+ * @name Shortcuts Ng Hint Popup
+ */
+
+var angularModule = angular.module('Ring.shortcuts.hint-popup', [DialogNg, Shortcuts, IconNG, InputNg, RingTemplateNg]);
+var getTitle = function getTitle(title) {
+  return typeof title === 'function' ? title() : title;
+};
+var HintPopupService = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(HintPopupService, _RingAngularComponent);
+  var _super = _createSuper(HintPopupService);
+  function HintPopupService() {
+    _classCallCheck(this, HintPopupService);
+    return _super.apply(this, arguments);
+  }
+  _createClass(HintPopupService, [{
+    key: "show",
+    value: function show() {
+      var popupConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var shortcutModes = arguments.length > 1 ? arguments[1] : undefined;
+      var okButtonLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'Got it';
+      var searchPlaceholder = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'Search';
+      var _this$$inject = this.$inject,
+        dialog = _this$$inject.dialog,
+        shortcuts = _this$$inject.shortcuts;
+      var modes = shortcutModes || shortcuts.getRegisteredShortcuts();
+      modes.forEach(function (mode) {
+        mode.shortcuts.forEach(function (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
+          var ctrl = this;
+          ctrl.searchIcon = searchIcon;
+          ctrl.modes = modes;
+          ctrl.tailTemplate = popupConfig.tailTemplate;
+          ctrl.isArray = function (it) {
+            return Array.isArray(it);
+          };
+          ctrl.searchText = '';
+          ctrl.searchPlaceholder = searchPlaceholder;
+          ctrl.getTitle = getTitle;
+        }
+      }, popupConfig));
+    }
+  }]);
+  return HintPopupService;
+}(RingAngularComponent);
+HintPopupService.$inject = ['dialog', 'shortcuts'];
+function shortcutKeySymbolFilter(shortcut) {
+  return getShortcutTitle(shortcut);
+}
+function shortcutSearchFilter(shortcuts) {
+  var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return (shortcuts || []).filter(function (shortcut) {
+    var key = shortcut.key.join ? shortcut.key.join(' ') : shortcut.key;
+    var keysPresentation = shortcutKeySymbolFilter(key);
+    if (!shortcut.titles.length) {
+      return false;
+    } else {
+      var keyMatches = key.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      var titleMatches = shortcut.titles.map(getTitle).join(' ').toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      var presentationMatches = keysPresentation.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+      return keyMatches || titleMatches || presentationMatches;
+    }
+  });
+}
+angularModule.service('rgShortcutsHintPopup', HintPopupService);
+angularModule.filter('shortcutKeySymbol', function () {
+  return shortcutKeySymbolFilter;
+});
+angularModule.filter('shortcutSearch', function () {
+  return shortcutSearchFilter;
+});
+var shortcutsHintNg = angularModule.name;
+
+export { shortcutsHintNg as default };

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

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