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

package/dist/permissions-ng/permissions-ng.js

@@ -1,277 +0,0 @@
-import angular from 'angular';
-import '../auth-ng/auth-ng.js';
-import Permissions from '../permissions/permissions.js';
-import PermissionCache from '../permissions/permissions__cache.js';
-import '../auth/auth.js';
-import '../auth/window-flow.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../auth/response-parser.js';
-import 'es6-error';
-import '../global/url.js';
-import '../auth/down-notification.js';
-import 'react';
-import 'prop-types';
-import '../alert-service/alert-service.js';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../alert/alert.js';
-import 'classnames';
-import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/warning';
-import '@jetbrains/icons/close';
-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 '../loader-inline/loader-inline.js';
-import '../global/data-tests.js';
-import '../_helpers/loader-inline.js';
-import '../global/dom.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../link/clickableLink.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import '../_helpers/theme.js';
-import '../popup/popup.target.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 '../alert/container.js';
-import '../link/link.js';
-import '../_helpers/link.js';
-import '../group/group.js';
-import '../_helpers/group.js';
-import '../auth/auth__core.js';
-import '../global/listeners.js';
-import '../http/http.js';
-import '../global/promise-with-timeout.js';
-import '../auth/storage.js';
-import '../storage/storage.js';
-import '../storage/storage__local.js';
-import '../storage/storage__fallback.js';
-import 'deep-equal';
-import '../auth/request-builder.js';
-import 'simply-uuid';
-import '../auth/background-flow.js';
-import '../auth/token-validator.js';
-
-function registerPermission(element) {
-  const somePermissionsCtrl = element.controller('rgSomePermissions');
-  return somePermissionsCtrl && somePermissionsCtrl.registerPermission() || angular.noop;
-}
-const angularModule = angular.module('Ring.permissions', ['Ring.auth']);
-
-/**
- * @ngdoc object
- * @name userPermissions
- *
- * @description
- * Configured instance of Permissions object.
- */
-
-/**
- * @typedef {Object} permissionsNgConfig
- * @property {?string} serviceId
- * @property {?string} prefix
- */
-angularModule.provider('userPermissions', function provider() {
-  /**
-   * @type {permissionsNgConfig}
-   */
-  let _config = {};
-
-  /**
-   * @param {permissionsNgConfig} config
-   */
-  this.config = config => {
-    _config = config;
-  };
-  this.$get = ["auth", "$q", "$http", (auth, $q, $http) => {
-    const apiUri = auth.auth.getAPIPath() + Permissions.API_PERMISSION_CACHE_PATH;
-    async function datasource(query) {
-      const {
-        data
-      } = await $http.get(apiUri, {
-        params: {
-          fields: 'permission/key,global,projects(id)',
-          query
-        }
-      });
-      return data;
-    }
-    _config.datasource = _config.datasource || datasource;
-    const permissions = new Permissions(auth.auth, _config);
-
-    // Override load to execute in $digest
-    permissions.load = function load() {
-      return $q.when(Permissions.prototype.load.call(this));
-    };
-    return permissions;
-  }];
-});
-
-/**
- * @ngdoc directive
- * @name permission
- *
- * @description
- * The `permission` directive show or hide a portion of the DOM tree (HTML) depending
- * on the logged in user permissions. If the user has listed permissions then the DOM tree
- * is shown, otherwise it is hidden.
- *
- * @restrict A
- * @element ANY
- * @requires userPermissions
- */
-angularModule.directive('rgPermission', ["userPermissions", "$interpolate", function rgPermissionDirective(userPermissions, $interpolate) {
-  return {
-    controller: ["$scope", "$element", "$attrs", function controller($scope, $element, $attrs) {
-      const element = $element[0];
-
-      //noinspection JSPotentiallyInvalidUsageOfThis
-      this.permitted = false;
-      element.classList.add('ring-permission-hide');
-      const permission = $interpolate($attrs.rgPermission)($scope);
-      const projectId = $attrs.hasOwnProperty('inGlobal') ? PermissionCache.GLOBAL_PROJECT_ID : $scope.$eval($attrs.inProject);
-      userPermissions.check(permission, projectId).then(permitted => {
-        this.permitted = permitted;
-        if (permitted) {
-          element.classList.remove('ring-permission-hide');
-        }
-        return permitted;
-      }).then(registerPermission($element));
-    }]
-  };
-}]);
-
-/**
- * @ngdoc directive
- * @name permissionIf
- *
- * @description
- * The `permission` directive transcludes or not a portion of the DOM tree (HTML) depending
- * on the logged in user permissions. If the user has listed permissions then the DOM tree
- * is transcluded, otherwise it is not.
- * @example
- <example name="rgPermissionIf directive">
- <file name="index.html">
- <div rg-permission-if="project-read" in-project="0-0-0-0-0">
- Is transcluded if user has permission 'read-project' in project 0-0-0-0-0.
- </div>
- <div rg-permission-if="project-read">
- Is transcluded if user has permission 'read-project' at least in one project.
- </div>
- <div rg-permission-if="project-read" in-global>
- Is transcluded if user has permission 'read-project' at project "global".
- </div>
- </file>
- </example>
- *
- * @restrict A
- * @element ANY
- * @requires $animate
- * @requires userPermissions
- */
-angularModule.directive('rgPermissionIf', ["$animate", "userPermissions", "$interpolate", function rgPermissionIfDirective($animate, userPermissions, $interpolate) {
-  return {
-    transclude: 'element',
-    priority: 600,
-    terminal: true,
-    restrict: 'A',
-    // disable error about multiple transclude like in ngIf
-    $$tlb: true,
-    // eslint-disable-line angular/no-private-call
-    require: '^?rgSomePermissions',
-    link: function link(scope, iElement, iAttrs, somePermittedCtrl, $transclude) {
-      let block;
-      let childScope;
-      const projectId = iAttrs.hasOwnProperty('inGlobal') ? PermissionCache.GLOBAL_PROJECT_ID : scope.$eval(iAttrs.inProject);
-      const permission = $interpolate(iAttrs.rgPermissionIf)(scope);
-      userPermissions.check(permission, projectId).then(permitted => {
-        if (permitted) {
-          if (!childScope) {
-            childScope = scope.$new();
-            $transclude(childScope, clone => {
-              block = {
-                startNode: clone[0],
-                endNode: clone[clone.length++] = document.createComment(` end rgPermissionIf: ${iAttrs.rgPermissionIf} `)
-              };
-              $animate.enter(clone, iElement.parent(), iElement);
-            });
-          }
-        } else {
-          if (childScope) {
-            childScope.$destroy();
-            childScope = null;
-          }
-          if (block) {
-            /* global getBlockElements: false */
-            $animate.leave(getBlockElements(block));
-            block = null;
-          }
-        }
-      }).then(registerPermission(iElement));
-    }
-  };
-}]);
-
-/**
- * @ngdoc directive
- * @name rgSomePermissions
- *
- * @description
- * Binds left-value expression with a boolean value that is true when at least one permission of
- * nested {@link permission} or {@link rgPermissionIf} directive is obtained by the logged in user.
- *
- * @scope
- * @restrict A
- * @element ANY
- */
-angularModule.directive('rgSomePermissions', function rgSomePermissionsDirective() {
-  return {
-    scope: {
-      rgSomePermissions: '='
-    },
-    controller: ["$scope", function controller($scope) {
-      const permissions = [];
-      $scope.rgSomePermissions = false;
-      function checkPermissions() {
-        for (let i = permissions.length - 1; i >= 0; i--) {
-          if (permissions[i].permitted) {
-            $scope.rgSomePermissions = true;
-            return;
-          }
-        }
-        $scope.rgSomePermissions = false;
-      }
-
-      //noinspection JSPotentiallyInvalidUsageOfThis
-      this.registerPermission = () => {
-        const permission = {
-          permitted: false
-        };
-        permissions.push(permission);
-        return permitted => {
-          permission.permitted = permitted;
-          checkPermissions();
-        };
-      };
-    }]
-  };
-});
-var permissionsNg = angularModule.name;
-
-export { permissionsNg as default };

package/dist/place-under-ng/place-under-ng.js

@@ -1,138 +0,0 @@
-import angular from 'angular';
-import debounce from 'just-debounce-it';
-import createResizeDetector from 'element-resize-detector';
-import { getDocumentScrollTop } from '../global/dom.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-
-const resizeDetector = createResizeDetector();
-const angularModule = angular.module('Ring.place-under', []);
-angularModule.directive('rgPlaceUnder', // eslint-disable-next-line angular/di-unused
-["$window", "getClosestElementWithCommonParent", "rgPlaceUnderHelper", function rgPlaceUnderDirective($window, getClosestElementWithCommonParent, rgPlaceUnderHelper) {
-  return {
-    restrict: 'A',
-    link: function link(scope, iElement, iAttrs) {
-      const element = iElement[0];
-      const synchronizer = rgPlaceUnderHelper.createPositionSynchronizer(element, iAttrs, scope);
-      function startSyncing(placeUnderSelector) {
-        if (placeUnderSelector) {
-          scope.$evalAsync(() => {
-            const syncWith = getClosestElementWithCommonParent(element, placeUnderSelector);
-            if (syncWith) {
-              synchronizer.syncPositionWith(syncWith);
-            } else {
-              throw new Error('rgPlaceUnder cannot find element to sync with.');
-            }
-          });
-        }
-      }
-      iAttrs.$observe('rgPlaceUnder', startSyncing);
-    }
-  };
-}]);
-angularModule.factory('getClosestElementWithCommonParent', function getClosestElementWithCommonParentFactory() {
-  return function getClosestElementWithCommonParent(currentElement, selector) {
-    const parent = currentElement.parentNode;
-    if (parent) {
-      return parent.querySelector(selector) || getClosestElementWithCommonParent(parent, selector);
-    } else {
-      return null;
-    }
-  };
-});
-angularModule.factory('rgPlaceUnderHelper', ["$window", $window => {
-  const DEBOUNCE_INTERVAL = 10;
-  const AFTER_SCROLL_RECHECK_INTERVAL = 50;
-  const HEIGHT_CHECK_INTERVAL = 50;
-  return {
-    DEBOUNCE_INTERVAL,
-    AFTER_SCROLL_RECHECK_INTERVAL,
-    HEIGHT_CHECK_INTERVAL,
-    createPositionSynchronizer: (element, iAttrs, scope) => {
-      const topOffset = parseInt(iAttrs.placeTopOffset, 10) || 0;
-      const syncHeight = iAttrs.syncHeight;
-      let syncBottom = [];
-      let removeScrollListener = [];
-      if (iAttrs.syncBottom) {
-        syncBottom = iAttrs.syncBottom.split(',');
-      }
-      function waitForNonZeroHeight(elementToCheck) {
-        return new Promise(resolve => {
-          function checkElementHeight() {
-            if (elementToCheck.offsetHeight === 0) {
-              $window.setTimeout(checkElementHeight, HEIGHT_CHECK_INTERVAL);
-            } else {
-              resolve();
-            }
-          }
-          checkElementHeight();
-        });
-      }
-      function onScroll(syncElement) {
-        const documentScrollTop = getDocumentScrollTop();
-        const documentOffsetHeight = $window.document.documentElement && $window.document.documentElement.offsetHeight || $window.document.body.offsetHeight;
-        const syncedElementHeight = syncElement.offsetHeight;
-        const syncedElementOffsetTop = syncElement.getBoundingClientRect().top + documentScrollTop;
-        const bottom = syncedElementOffsetTop + syncedElementHeight;
-        const margin = Math.max(bottom - documentScrollTop, syncedElementHeight);
-        element.style.marginTop = `${margin + topOffset}px`;
-        if (syncHeight) {
-          /**
-           * Decrease height by margin value to make scroll work properly
-           */
-          let bottomOffset = 0;
-          if (syncBottom.length) {
-            for (let i = 0; i < syncBottom.length; i++) {
-              const syncBottomParams = syncBottom[i].split(';');
-              const elem = $window.document.querySelector(syncBottomParams[0]);
-              const extraMargin = syncBottomParams[1] ? parseInt(syncBottomParams[1], 10) : 0;
-              if (elem) {
-                const boundingRect = elem.getBoundingClientRect();
-                if (boundingRect.top === 0) {
-                  continue;
-                }
-                const marginTop = parseInt($window.getComputedStyle(elem).getPropertyValue('margin-top'), 10);
-                bottomOffset = documentOffsetHeight - boundingRect.top + marginTop + extraMargin;
-                if (bottomOffset < 0) {
-                  bottomOffset = 0;
-                }
-                break;
-              }
-            }
-          }
-          element.style.height = `calc(100% - ${parseInt(element.style.marginTop, 10) + bottomOffset}px)`;
-        }
-      }
-      function removeScrollListeners() {
-        removeScrollListener.map(cb => cb());
-        removeScrollListener = [];
-      }
-      function syncPositionWith(syncElement) {
-        removeScrollListeners();
-        const afterScrollFinishRecheck = debounce(() => this.onScroll(syncElement), AFTER_SCROLL_RECHECK_INTERVAL);
-        const sidebarScrollListener = debounce(() => {
-          this.onScroll(syncElement);
-          afterScrollFinishRecheck();
-        }, DEBOUNCE_INTERVAL);
-        this.waitForNonZeroHeight(syncElement).then(sidebarScrollListener);
-        $window.addEventListener('scroll', sidebarScrollListener);
-        removeScrollListener.push(() => {
-          $window.removeEventListener('scroll', sidebarScrollListener);
-        });
-        removeScrollListener.push(scope.$watch('show', sidebarScrollListener));
-        removeScrollListener.push(scope.$on('rgPlaceUnder:sync', sidebarScrollListener));
-        const elementToHeightListening = iAttrs.listenToHeightChange ? $window.document.querySelector(iAttrs.listenToHeightChange) : $window.document.body;
-        resizeDetector.listenTo(elementToHeightListening, sidebarScrollListener);
-        removeScrollListener.push(() => resizeDetector.removeAllListeners(elementToHeightListening));
-      }
-      scope.$on('$destroy', removeScrollListeners);
-      return {
-        waitForNonZeroHeight,
-        onScroll,
-        syncPositionWith
-      };
-    }
-  };
-}]);
-var PlaceUnder = angularModule.name;
-
-export { PlaceUnder as default };

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

@@ -1,15 +0,0 @@
-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 '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/ring-angular-component.js';
-import '../global/react-dom-renderer.js';
-import 'prop-types';
-import 'classnames';
-
-var progressBarNg = angularComponentFactory(ProgressBar, 'ProgressBar').name;
-
-export { progressBarNg as default };

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

@@ -1,107 +0,0 @@
-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 '../icon-ng/icon-ng.js';
-import '../icon/icon__constants.js';
-import '../template-ng/template-ng.js';
-import '../_helpers/icon.js';
-import '../global/controls-height.js';
-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;
-    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

@@ -1,19 +0,0 @@
-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 };

package/dist/query-assist-ng/query-assist-ng.js

@@ -1,83 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import QueryAssist from '../query-assist/query-assist.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'angular';
-import 'react';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/ring-angular-component.js';
-import '../global/react-dom-renderer.js';
-import 'prop-types';
-import 'just-debounce-it';
-import 'classnames';
-import 'deep-equal';
-import '@jetbrains/icons/search';
-import '@jetbrains/icons/close-12px';
-import '../global/get-uid.js';
-import '../global/data-tests.js';
-import '../global/dom.js';
-import '../caret/caret.js';
-import '../contenteditable/contenteditable.js';
-import 'react-dom/server';
-import '../popup-menu/popup-menu.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 '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-14px';
-import '@jetbrains/icons/remove-14px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.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';
-import '../loader-inline/loader-inline.js';
-import '../_helpers/loader-inline.js';
-import '../global/rerender-hoc.js';
-import '../button/button.js';
-import '@jetbrains/icons/chevron-10px';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import '../input/input.js';
-import '../_helpers/input.js';
-import '../input/input-label.js';
-import '../_helpers/query-assist__suggestions.js';
-
-var queryAssistNg = angularComponentFactory(QueryAssist, 'QueryAssist').name;
-
-export { queryAssistNg as default };