@jetbrains/ring-ui 5.0.36 → 5.0.37

package/dist/dialog/dialog.js

@@ -40,31 +40,23 @@ import 'scrollbar-width';
 /**
  * @name Dialog
  */
-
 function noop() {}
-
 class Dialog extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       shortcutsScope: getUID('ring-dialog-')
     });
-
     _defineProperty(this, "scrollPreventer", preventerFactory(getUID('preventer-')));
-
     _defineProperty(this, "uid", getUID('dialog-'));
-
     _defineProperty(this, "handleClick", event => {
       this.props.onOverlayClick(event);
       this.props.onCloseAttempt(event);
     });
-
     _defineProperty(this, "onCloseClick", event => {
       this.props.onCloseClick(event);
       this.props.onCloseAttempt(event);
     });
-
     _defineProperty(this, "getShortcutsMap", () => {
       const onEscape = event => {
         if (this.props.show) {
@@ -72,33 +64,26 @@ class Dialog extends PureComponent {
           this.props.onCloseAttempt(event);
         }
       };
-
       return {
         esc: onEscape
       };
     });
-
     _defineProperty(this, "dialog", void 0);
-
     _defineProperty(this, "dialogRef", tabTrap => {
       this.dialog = tabTrap && tabTrap.node;
     });
   }
-
   componentDidMount() {
     this.toggleScrollPreventer();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.show !== this.props.show) {
       this.toggleScrollPreventer();
     }
   }
-
   componentWillUnmount() {
     this.scrollPreventer.reset();
   }
-
   toggleScrollPreventer() {
     if (this.props.show) {
       this.scrollPreventer.prevent();
@@ -106,7 +91,6 @@ class Dialog extends PureComponent {
       this.scrollPreventer.reset();
     }
   }
-
   render() {
     const {
       show,
@@ -168,9 +152,7 @@ class Dialog extends PureComponent {
       "aria-label": closeButtonTitle || 'close dialog'
     }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
   }
-
 }
-
 _defineProperty(Dialog, "propTypes", {
   label: PropTypes.string,
   className: PropTypes.string,
@@ -192,7 +174,6 @@ _defineProperty(Dialog, "propTypes", {
   autoFocusFirst: PropTypes.bool,
   'data-test': PropTypes.string
 });
-
 _defineProperty(Dialog, "defaultProps", {
   label: 'Dialog',
   onOverlayClick: noop,

package/dist/dialog-ng/dialog-ng.js

@@ -27,37 +27,30 @@ var modules_b378ce5a = {"unit":"8px","dialogContainer":"dialogContainer_rui_0b63
 
 rgDialogContentDirective.$inject = ["$compile", "$q"];
 rgDialogDirective.$inject = ["$timeout"];
+
 /**
  * @name Dialog Ng
  */
 
 const angularModule = angular.module('Ring.dialog', [ButtonNG, PromisedClick, rgCompilerModuleName]);
-
 class DialogController extends RingAngularComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "hide", () => {
       if (!this.inSidebar) {
         this.scrollPreventer.reset();
       }
-
       this.active = false;
       this.content = '';
       this.focusTrap.deactivate();
       Reflect.deleteProperty(this, 'DIALOG_NAMESPACE');
-
       if (shortcutsInstance.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
         shortcutsInstance.setScope(this.currentShortcutsScope);
       }
-
       this._resetFormState();
-
       this.$inject.$scope.$broadcast('dialog.hide');
     });
-
     _defineProperty(this, "serverErrorFields", []);
-
     this.styles = modules_b378ce5a;
     this.dialogStyles = modules_5e9b8c03;
     this.islandStyles = modules_e6a056e1;
@@ -67,7 +60,6 @@ class DialogController extends RingAngularComponent {
       this.reject = reject;
     });
   }
-
   $onInit() {
     const {
       dialog,
@@ -95,52 +87,42 @@ class DialogController extends RingAngularComponent {
     });
     dialogService.register(this);
   }
-
   getShortcuts() {
     const defaultEscHandler = function escHandler() {
       this.active = false;
       this.focusTrap.deactivate();
       this.$inject.$scope.$apply();
     }.bind(this);
-
     const dialogShortcuts = {
       esc: defaultEscHandler,
       enter: this.applyDefaultHandler(false),
       'mod+enter': this.applyDefaultHandler(true)
     };
     angular.extend(dialogShortcuts, this.shortcuts);
-
     if (this.shortcuts && this.shortcuts.esc) {
       /**
        * Merge ESC handler
        * @type {Function} {dialogShortcuts.esc}
        */
       const customHandler = dialogShortcuts.esc;
-
       dialogShortcuts.esc = () => {
         const result = customHandler();
         defaultEscHandler();
         return result;
       };
     }
-
     return dialogShortcuts;
   }
-
   handleClick(event) {
     const isOverlayClicked = event.target === event.currentTarget;
-
     if (this.inSidebar || !this.closeOnClick || !isOverlayClicked) {
       return;
     }
-
     this.hide();
   }
-
   setTitle(title) {
     this.title = title;
   }
-
   compileTemplate() {
     if (this.config.data) {
       const element = angular.element(this.template);
@@ -149,38 +131,31 @@ class DialogController extends RingAngularComponent {
         link: this.$inject.$compile(element)
       };
     }
-
     return this.$inject.rgCompiler(this.config).catch(error => {
       this.reject(error);
       return this.$inject.$q.reject(error);
     });
   }
-
   show(config) {
     const {
       $q,
       $scope
     } = this.$inject;
-
     if (!this.inSidebar) {
       this.scrollPreventer.prevent();
-
       if (config && config.trapFocus === true) {
         this.focusTrap.activate();
       }
     }
-
     if (this.active) {
       this.reset();
-    } // Clear dialog errors
-
+    }
 
+    // Clear dialog errors
     this.error = null;
-
     if (this.dialogForm) {
       this.dialogForm.$setPristine();
     }
-
     if (config) {
       this.title = config.title;
       this.buttons = config.buttons;
@@ -194,11 +169,11 @@ class DialogController extends RingAngularComponent {
       this.template = config.template;
       this.config = config;
       this.description = config.description && config.description.split('\n') || [];
-      this.closeOnClick = config.closeOnClick; // Backward compatibility with existing templates which use data directly from scope
+      this.closeOnClick = config.closeOnClick;
 
+      // Backward compatibility with existing templates which use data directly from scope
       $scope.data = this.data;
     }
-
     this.currentShortcutsScope = shortcutsInstance.getScope();
     this.DIALOG_NAMESPACE = this.dialogService.DIALOG_NAMESPACE;
     shortcutsInstance.setScope(this.dialogService.DIALOG_NAMESPACE);
@@ -209,67 +184,52 @@ class DialogController extends RingAngularComponent {
       this.reject = reject;
     });
   }
-
   update() {
     let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     Object.assign(this.data, config.data);
     Object.assign(this.buttons, config.buttons);
   }
-
   _resetFormState() {
     const dialogForm = this.dialogForm;
-
     if (!dialogForm) {
       return;
     }
-
     dialogForm.$setPristine();
     dialogForm.$setUntouched();
     dialogForm.$valid = true;
     dialogForm.$invalid = false;
     dialogForm.$error = {};
   }
-
   done(result) {
     this.resetPosition();
     this.resolve(result);
     this.hide();
   }
-
   reset(result) {
     this.done(result);
   }
-
   getErrorMessage(errorResponse) {
     var _errorResponse$data, _errorResponse$data2;
-
     if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== void 0 && _errorResponse$data.error_description) {
       return errorResponse.data.error_description;
     }
-
     if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data2 = errorResponse.data) !== null && _errorResponse$data2 !== void 0 && _errorResponse$data2.error) {
       return errorResponse.data.error;
     }
-
     return errorResponse;
   }
-
   getFieldErrorMessage(errorResponse) {
     if (errorResponse && errorResponse.data && errorResponse.data.error) {
       return errorResponse.data.error;
     }
-
     return null;
   }
-
   action(button) {
     if (button.inProgress) {
       return undefined;
     }
-
     const errorReporter = errorResponse => {
       const errorField = errorResponse && errorResponse.data && errorResponse.data.error_field;
-
       if (errorField && this.dialogForm[errorField]) {
         this.dialogForm[errorField].$invalid = true;
         this.dialogForm[errorField].$error[errorField] = [{
@@ -280,7 +240,6 @@ class DialogController extends RingAngularComponent {
         this.error = this.$inject.$sce.trustAsHtml(this.getErrorMessage(errorResponse));
       }
     };
-
     if (button.action) {
       if (!button.keepServerErrors) {
         this.serverErrorFields.forEach(errorField => {
@@ -289,12 +248,10 @@ class DialogController extends RingAngularComponent {
         });
         this.serverErrorFields = [];
       }
-
       const actionResult = button.action(this.data, button, errorReporter, this.dialogForm, this.buttons);
       button.inProgress = true;
       return this.$inject.$q.resolve(actionResult).then(res => {
         const dontClose = res === false;
-
         if (!dontClose && button.close !== false) {
           this.done(res);
         }
@@ -304,19 +261,15 @@ class DialogController extends RingAngularComponent {
     } else if (button.close !== false) {
       this.reset(false);
     }
-
     return undefined;
   }
-
   applyDefaultHandler(isTextAreaShortcut) {
     return event => {
       if (event.target.matches('textarea') !== isTextAreaShortcut || event.target.matches('button')) {
         return;
       }
-
       event.stopPropagation();
       event.preventDefault();
-
       if (this.dialogForm.$valid && this.buttons) {
         for (const button of this.buttons) {
           if (button.default && !button.hidden && !button.disabled) {
@@ -328,25 +281,19 @@ class DialogController extends RingAngularComponent {
       }
     };
   }
-
 }
-
 DialogController.$inject = [];
-
 _defineProperty(DialogController, "$inject", ['$scope', '$q', 'dialog', '$element', 'dialogInSidebar', '$compile', '$injector', '$controller', 'rgCompiler', '$sce']);
-
 class DialogService extends RingAngularComponent {
   constructor() {
-    super(...arguments); // Binding proxy methods to a service instance
+    super(...arguments);
 
+    // Binding proxy methods to a service instance
     _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog');
-
     _defineProperty(this, "fallbackDialog", null);
-
     _defineProperty(this, "unregister", () => {
       Reflect.deleteProperty(this, 'ctrl');
     });
-
     ['show', 'hide', 'update', 'done', 'reset'].forEach(key => {
       this[key] = function methodWrapper() {
         if (this.ctrl) {
@@ -360,57 +307,44 @@ class DialogService extends RingAngularComponent {
       }.bind(this);
     });
   }
-
   register(ctrl) {
     this.ctrl = ctrl;
   }
-
 }
-
 DialogService.$inject = [];
-
 _defineProperty(DialogService, "$inject", ['$log']);
-
 class DialogInSidebarService extends DialogService {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "DIALOG_NAMESPACE", 'ring-dialog-in-sidebar');
-
     this.fallbackDialog = this.$inject.dialog;
   }
-
 }
-
 DialogInSidebarService.$inject = [];
-
 _defineProperty(DialogInSidebarService, "$inject", [...DialogService.$inject, 'dialog']);
-
 function rgDialogDirective($timeout) {
   function link(scope, iElement, iAttrs, dialogCtrl) {
     const node = iElement[0];
     const dialogContainer = node.querySelector('*[data-anchor=dialog-container]');
     const dialogHeader = node.querySelector('*[data-anchor=dialog-header]');
-    const dialogCustomFooter = node.querySelector('*[data-anchor=dialog-custom-footer-container]'); // Left for backward compatibility with existing templates that use data directly from scope
+    const dialogCustomFooter = node.querySelector('*[data-anchor=dialog-custom-footer-container]');
 
+    // Left for backward compatibility with existing templates that use data directly from scope
     scope.dialogForm = dialogCtrl.dialogForm;
-
     function setPosition(top, left) {
       Object.assign(dialogContainer.style, {
         top: `${top}px`,
         left: `${left}px`
       });
-    } // Focus first input
-
+    }
 
+    // Focus first input
     function focusFirst() {
       const controls = Array.from(node.querySelectorAll('input,select,button,textarea,*[contentEditable=true]')).filter(inputNode => getStyles(inputNode).display !== 'none');
-
       if (controls.length) {
         controls[0].focus();
       }
     }
-
     function onMousemove(e) {
       e.preventDefault();
       const pageHeight = window.innerHeight;
@@ -420,25 +354,20 @@ function rgDialogDirective($timeout) {
       const maxLeft = pageWidth - clearance;
       const newTop = getRect(dialogHeader).top + e.movementY;
       const newLeft = getRect(dialogHeader).left + e.movementX;
-
       if (newTop > maxTop || newTop < clearance) {
         return;
       }
-
       if (newLeft > maxLeft || newLeft < clearance) {
         return;
       }
-
       const offsetY = parseFloat(dialogContainer.style.top) || 0;
       const offsetX = parseFloat(dialogContainer.style.left) || 0;
       setPosition(offsetY + e.movementY, offsetX + e.movementX);
     }
-
     function onMouseup() {
       document.removeEventListener('mousemove', onMousemove);
       document.removeEventListener('mouseup', onMouseup);
     }
-
     function onMousedown() {
       if (!dialogCtrl.inSidebar) {
         // Duct tape for all Ring 1.0 dropdown components inside
@@ -447,29 +376,26 @@ function rgDialogDirective($timeout) {
         document.addEventListener('mouseup', onMouseup);
       }
     }
-
     function onFocusin(e) {
       if (!node.contains(e.target) && e.target.classList.contains('ring-popup')) {
         e.preventDefault();
         focusFirst();
       }
     }
-
     function setCustomFooter(customFooterElem) {
       const placeholder = angular.element(dialogCustomFooter);
       const footer = angular.element(`<div class="${this.styles.footer}"></div>`).append(customFooterElem);
       placeholder.empty();
       placeholder.append(footer);
     }
-
     dialogCtrl.resetPosition = () => dialogContainer.removeAttribute('style');
-
     dialogCtrl.setCustomFooter = setCustomFooter;
     dialogHeader.addEventListener('mousedown', onMousedown);
     document.addEventListener('focusin', onFocusin);
-    scope.$on('rgDialogContentLoaded', () => $timeout(focusFirst)); // Backward compatibility for youtrack (if they are using "content" property)
-    // which is actually ng-include with $includeContentLoaded event in the end
+    scope.$on('rgDialogContentLoaded', () => $timeout(focusFirst));
 
+    // Backward compatibility for youtrack (if they are using "content" property)
+    // which is actually ng-include with $includeContentLoaded event in the end
     scope.$on('$includeContentLoaded', () => $timeout(focusFirst));
     scope.$on('dialog.hide', () => {
       angular.element(dialogCustomFooter).empty();
@@ -482,7 +408,6 @@ function rgDialogDirective($timeout) {
       window.removeEventListener('resize', setPosition);
     });
   }
-
   return {
     scope: {},
     controller: DialogController,
@@ -496,12 +421,10 @@ function rgDialogDirective($timeout) {
     link
   };
 }
-
 function rgDialogTitleDirective() {
   function link(scope, iElement, iAttrs, dialogCtrl) {
     dialogCtrl.setTitle(scope.title);
   }
-
   return {
     scope: {
       title: '@rgDialogTitle'
@@ -510,7 +433,6 @@ function rgDialogTitleDirective() {
     link
   };
 }
-
 function rgDialogFooterDirective() {
   function link(scope, iElement, iAttrs, dialogCtrl, transclude) {
     scope.$on('rgDialogContentLoaded', () => {
@@ -519,50 +441,43 @@ function rgDialogFooterDirective() {
       });
     });
   }
-
   return {
     require: '^rgDialog',
     transclude: true,
     link
   };
 }
-
 function rgDialogContentDirective($compile, $q) {
   return {
     link: function link(scope, iElement) {
       const element = iElement[0];
       let contentScope;
-
       function createIncludeNode() {
         const node = document.createElement('ng-include');
         node.setAttribute('src', 'dialog.content');
         return node;
       }
-
       function isOldDataAPI() {
         return scope.dialog.config.data;
       }
-
       function compileContent() {
         contentScope = scope.$new();
-
         if (angular.isDefined(scope.dialog.content)) {
           const templateNode = angular.element(createIncludeNode());
           element.appendChild(templateNode[0]);
           return $compile(templateNode)(contentScope)[0];
         }
-
         return $q.when(scope.dialog.compileTemplate()).then(compiledData => {
-          const templateScope = isOldDataAPI() ? contentScope : scope.dialog.config.scope || contentScope; // XXX(maksimrv): We should put element to directive
+          const templateScope = isOldDataAPI() ? contentScope : scope.dialog.config.scope || contentScope;
+
+          // XXX(maksimrv): We should put element to directive
           // before link because some directives (shortcuts)
           // depends from global directives (shortcuts-app)
-
           angular.element(element).append(compiledData.element);
           compiledData.link(templateScope);
           scope.$broadcast('rgDialogContentLoaded');
         }).catch(angular.noop);
       }
-
       function destroy() {
         function cleanupElement(_element) {
           while (_element.childNodes.length) {
@@ -574,13 +489,11 @@ function rgDialogContentDirective($compile, $q) {
             angular.element(_element.childNodes[0]).remove();
           }
         }
-
         if (contentScope) {
           contentScope.$destroy();
           cleanupElement(element);
         }
       }
-
       scope.$on('dialog.hide', destroy);
       scope.$on('dialog.show', () => {
         destroy();
@@ -589,7 +502,6 @@ function rgDialogContentDirective($compile, $q) {
     }
   };
 }
-
 angularModule.directive('rgDialog', rgDialogDirective);
 angularModule.directive('rgDialogTitle', rgDialogTitleDirective);
 angularModule.directive('rgDialogFooter', rgDialogFooterDirective);