@jetbrains/ring-ui 4.1.0-beta.13 → 4.1.0-beta.17

package/dist/form-ng/form-ng.js

@@ -0,0 +1,169 @@
+import angular from 'angular';
+import AngularElastic from '@jetbrains/angular-elastic';
+import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+
+/**
+ * @name Form Ng
+ */
+
+const angularModule = angular.module('Ring.form', [MessageBundle, AngularElastic]);
+angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
+  function msg(id, formError) {
+    const messageBundleId = `form_${id}`;
+
+    if (RingMessageBundle.hasOwnProperty(messageBundleId)) {
+      return RingMessageBundle[messageBundleId]();
+    }
+
+    const formErrors = formError && formError[id] || [];
+
+    for (let j = 0; j < formErrors.length; ++j) {
+      if (formErrors[j] && formErrors[j].message) {
+        return formErrors[j].message;
+      }
+    }
+
+    return undefined;
+  }
+
+  return formErrors => {
+    const errorMessages = [];
+
+    for (const key in formErrors) {
+      if (formErrors.hasOwnProperty(key) && formErrors[key]) {
+        errorMessages.push(msg(key, formErrors));
+      }
+    }
+
+    return errorMessages;
+  };
+}]);
+/**
+ * <div rg-error-bubble="form.name"></div>
+ * @param {object} error-bubble Ng-model for this control
+ *
+ * Where form.name is a reference to angularJS form input
+ */
+
+angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErrorBubbleDirective(getFormErrorMessages) {
+  return {
+    scope: {
+      errorBubble: '&rgErrorBubble'
+    },
+    replace: true,
+    template: `<div class="ring-error-bubble" ng-class="{ active: active, 'ring-error-bubble_material': material }" ng-style="style">
+  <div ng-repeat="errorMessage in getFormErrorMessages(errorBubble().$error)">{{ errorMessage }}</div>
+</div>`,
+    link: function link(scope, iElement, iAttrs) {
+      scope.style = {};
+      const siblings = Array.from(iElement[0].parentNode.children);
+      let element;
+      let tagName;
+
+      for (let i = 0; i < siblings.length; i++) {
+        tagName = siblings[i].tagName.toLowerCase();
+
+        if (tagName === 'input' || tagName === 'textarea') {
+          element = siblings[i];
+          break;
+        }
+      }
+
+      scope.material = iAttrs.material !== undefined;
+      scope.$watch(() => {
+        const result = scope.errorBubble();
+        return result.$invalid && result.$dirty;
+      }, active => {
+        scope.active = active;
+
+        if (active && element) {
+          scope.style.left = element.offsetWidth + 2;
+        }
+      });
+      scope.getFormErrorMessages = getFormErrorMessages;
+    }
+  };
+}]);
+/**
+ * <input name="confirm" type="password" rg-equal-value="data.password" ng-model="data.confirm">
+ * Constraint to be user for confirm password fields.
+ */
+
+angularModule.directive('rgEqualValue', function rgEqualValueDirective() {
+  return {
+    require: 'ngModel',
+    link: function link(scope, iElement, iAttrs, ngModelCtrl) {
+      const element = iElement[0];
+
+      function assertEqual(thisValue, thatValue) {
+        ngModelCtrl.$setValidity('equalvalue', thisValue === thatValue);
+      }
+
+      scope.$watch(iAttrs.rgEqualValue, value => {
+        assertEqual(element.value, value);
+      });
+      element.addEventListener('keyup', () => {
+        const thatValue = scope.$eval(iAttrs.rgEqualValue);
+        scope.$apply(() => {
+          assertEqual(element.value, thatValue);
+        });
+      });
+    }
+  };
+});
+/**
+ * <input name="name" required type="text" ng-class="form.name | rgInputClass:submitted" ng-model="name">
+ *
+ * Is intended to be used for the value of ng-class. Accepts a reference to an angularJS form input
+ */
+
+angularModule.filter('rgInputClass', () => (input, submitted) => ({
+  'ring-input': true,
+  'ring-input_error': input.$invalid && (input.$dirty || submitted),
+  'ring-input_correct': !input.$invalid && (input.$dirty || submitted)
+}));
+/**
+ * <form rg-form-autofill-fix ...>
+ *
+ * Fixes Chrome bug: https://github.com/angular/angular.js/issues/1460
+ */
+
+angularModule.directive('rgFormAutofillFix', ["$timeout", $timeout => ({
+  require: '?form',
+  priority: 10,
+  link: function link($scope, element, attrs, form) {
+    if (form) {
+      const POLL_INTERVAL = 150;
+      const MAX_COUNT = 5;
+      let promise;
+      let count = 0;
+
+      (function poll() {
+        let filled;
+        angular.forEach(element.find('input'), elem => {
+          const $elem = angular.element(elem);
+          const controller = $elem.controller('ngModel');
+          const val = $elem.val();
+          const type = $elem.attr('type');
+
+          if (controller && val && type !== 'checkbox' && type !== 'radio') {
+            controller.$setViewValue(val);
+            filled = true;
+          }
+        });
+
+        if (!filled || count < MAX_COUNT) {
+          promise = $timeout(poll, POLL_INTERVAL);
+          count++;
+        }
+      })();
+
+      element.on('$destroy', () => {
+        $timeout.cancel(promise);
+      });
+    }
+  }
+})]);
+var Form = angularModule.name;
+
+export { Form as default };

package/dist/global/angular-component-factory.js

@@ -79,5 +79,4 @@ function angularComponentFactory(Component, name) {
   return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
 }
 
-export default angularComponentFactory;
-export { createAngularComponent };
+export { createAngularComponent, angularComponentFactory as default };

package/dist/global/compose.js

@@ -6,4 +6,4 @@ const compose = function () {
   return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
 };
 
-export default compose;
+export { compose as default };

package/dist/global/composeRefs.js

@@ -12,4 +12,4 @@ var composeRefs = (function () {
   });
 });
 
-export default composeRefs;
+export { composeRefs as default };

package/dist/global/conic-gradient.js

@@ -32,5 +32,4 @@ const conicGradientWithMask = (mask, stops, size) => {
   };
 };
 
-export default conicGradient$1;
-export { conicGradientWithMask };
+export { conicGradientWithMask, conicGradient$1 as default };

package/dist/global/create-stateful-context.js

@@ -51,4 +51,4 @@ function createStatefulContext(initialValue) {
   };
 }
 
-export default createStatefulContext;
+export { createStatefulContext as default };

package/dist/global/data-tests.js

@@ -19,4 +19,4 @@ function joinDataTestAttributes() {
   }, []).join(' ');
 }
 
-export default joinDataTestAttributes;
+export { joinDataTestAttributes as default };

package/dist/global/focus-sensor-hoc.js

@@ -142,4 +142,4 @@ function focusSensorHOC(ComposedComponent) {
   }), _temp;
 }
 
-export default focusSensorHOC;
+export { focusSensorHOC as default };

package/dist/global/fuzzy-highlight.js

@@ -64,4 +64,4 @@ function fuzzyHighlight(needle, haystack) {
   return result(true, highlight);
 }
 
-export default fuzzyHighlight;
+export { fuzzyHighlight as default };

package/dist/global/get-event-key.js

@@ -108,4 +108,4 @@ function getEventKey(nativeEvent) {
   return '';
 }
 
-export default getEventKey;
+export { getEventKey as default };

package/dist/global/get-uid.js

@@ -12,4 +12,4 @@ function getUID(name) {
   return name + id;
 }
 
-export default getUID;
+export { getUID as default };

package/dist/global/linear-function.js

@@ -14,5 +14,4 @@ function interpolateLinear(x0, x1, phase) {
   return linearFunction(x0, x0, phase).y(x1);
 }
 
-export default linearFunction;
-export { interpolateLinear };
+export { linearFunction as default, interpolateLinear };

package/dist/global/listeners.js

@@ -39,4 +39,4 @@ class Listeners {
 
 }
 
-export default Listeners;
+export { Listeners as default };

package/dist/global/memoize.js

@@ -15,4 +15,4 @@ function memoize(fn) {
   };
 }
 
-export default memoize;
+export { memoize as default };

package/dist/global/normalize-indent.js

@@ -25,4 +25,4 @@ function normalizeIndent(string) {
   return lines.map(line => line.slice(minIndent)).join('\n');
 }
 
-export default normalizeIndent;
+export { normalizeIndent as default };

package/dist/global/promise-with-timeout.js

@@ -10,4 +10,4 @@ function promiseWithTimeout(promise, timeout, _ref) {
   });
 }
 
-export default promiseWithTimeout;
+export { promiseWithTimeout as default };

package/dist/global/radial-gradient-mask.js

@@ -46,4 +46,4 @@ var radialGradientMask = ((length, stops) => {
   };
 });
 
-export default radialGradientMask;
+export { radialGradientMask as default };

package/dist/global/react-dom-renderer.js

@@ -42,4 +42,4 @@ _defineProperty(Renderer, "propTypes", {
   nodes: PropTypes.array
 });
 
-export default Renderer;
+export { Renderer as default };

package/dist/global/rerender-hoc.js

@@ -48,4 +48,4 @@ function rerenderHOC(ComposedComponent) {
   };
 }
 
-export default rerenderHOC;
+export { rerenderHOC as default };

package/dist/global/ring-angular-component.js

@@ -21,4 +21,4 @@ class RingAngularComponent {
 
 _defineProperty(RingAngularComponent, "$inject", []);
 
-export default RingAngularComponent;
+export { RingAngularComponent as default };

package/dist/global/schedule-raf.js

@@ -28,4 +28,4 @@ function scheduleRAF(trailingCall) {
   };
 }
 
-export default scheduleRAF;
+export { scheduleRAF as default };

package/dist/global/sniffer.js

@@ -3,4 +3,4 @@ import Sniffr from 'sniffr';
 const sniffr = new Sniffr();
 sniffr.sniff();
 
-export default sniffr;
+export { sniffr as default };

package/dist/global/supports-css.js

@@ -17,4 +17,4 @@ var supportsCss = memoize(declaration => {
   return true;
 });
 
-export default supportsCss;
+export { supportsCss as default };

package/dist/global/theme.js

@@ -51,5 +51,4 @@ function applyTheme(params) {
   params.element.classList.add(params.currentTheme);
 }
 
-export default Theme;
-export { ThemeContext, applyTheme, withTheme };
+export { ThemeContext, applyTheme, Theme as default, withTheme };

package/dist/global/trivial-template-tag.js

@@ -12,4 +12,4 @@ function trivialTemplateTag(f) {
   };
 }
 
-export default trivialTemplateTag;
+export { trivialTemplateTag as default };

package/dist/global/variables_dark.js

@@ -54,4 +54,4 @@ var variables_dark = {
   '--ring-code-deletion-color': '#656e76'
 };
 
-export default variables_dark;
+export { variables_dark as default };

package/dist/grid/col.js

@@ -57,4 +57,4 @@ _defineProperty(Col, "propTypes", {
   children: PropTypes.node
 });
 
-export default Col;
+export { Col as default };

package/dist/grid/row.js

@@ -61,4 +61,4 @@ _defineProperty(Row, "propTypes", {
   children: PropTypes.node
 });
 
-export default Row;
+export { Row as default };

package/dist/group/group.js

@@ -2,8 +2,7 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
-var modules_d9da30c7 = {"unit":"8px","group":"group_group__24c2c3f1"};
+import { m as modules_d9da30c7 } from '../_helpers/group.js';
 
 /**
  * @name Group
@@ -29,4 +28,4 @@ _defineProperty(Group, "propTypes", {
   className: PropTypes.string
 });
 
-export default Group;
+export { Group as default };

package/dist/group-ng/group-ng.js

@@ -0,0 +1,11 @@
+import angular from 'angular';
+import { m as modules_d9da30c7 } from '../_helpers/group.js';
+
+const angularModule = angular.module('Ring.group', []);
+angularModule.component('rgGroup', {
+  transclude: true,
+  template: `<span ng-transclude class="${modules_d9da30c7.group}"></span>`
+});
+var groupNg = angularModule.name;
+
+export { groupNg as default };

package/dist/header/header.js

@@ -15,7 +15,8 @@ export { default as SmartServices } from './smart-services.js';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
@@ -25,43 +26,47 @@ import '../_helpers/button__classes.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
-import '../dropdown/dropdown.js';
-import '../global/data-tests.js';
-import '../_helpers/anchor.js';
-import '../popup-menu/popup-menu.js';
-import '../popup/popup.js';
-import 'react-dom';
+import '../avatar/fallback-avatar.js';
 import '../global/get-uid.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 '../dropdown-menu/dropdown-menu.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/data-tests.js';
+import '../global/schedule-raf.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
 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 '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
 import '../auth/auth.js';
 import '../auth/window-flow.js';
 import '../auth/response-parser.js';
@@ -81,6 +86,7 @@ import '../global/inject-styles.js';
 import '../global/radial-gradient-mask.js';
 import '../alert/container.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../auth/auth__core.js';
 import '../global/listeners.js';
 import '../http/http.js';
@@ -138,5 +144,4 @@ _defineProperty(Header, "defaultProps", {
 var header = withTheme(Theme.DARK)(Header);
 const RerenderableHeader = compose(withTheme(Theme.DARK))(Header);
 
-export default header;
-export { RerenderableHeader };
+export { RerenderableHeader, header as default };

package/dist/header/logo.js

@@ -6,7 +6,8 @@ import Icon from '../icon/icon.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import { Size } from '../icon/icon__constants.js';
 import 'util-deprecate';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 
 class Logo extends PureComponent {
@@ -34,4 +35,4 @@ _defineProperty(Logo, "defaultProps", {
 
 _defineProperty(Logo, "Size", Size);
 
-export default Logo;
+export { Logo as default };

package/dist/header/profile.js

@@ -4,56 +4,61 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Avatar, { Size } from '../avatar/avatar.js';
 import Button from '../button/button.js';
-import Dropdown from '../dropdown/dropdown.js';
+import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.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/data-tests.js';
-import '../_helpers/anchor.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/get-uid.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 '../dropdown/dropdown.js';
+import '../_helpers/anchor.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
 
 const rgItemType = PopupMenu.ListProps.Type.LINK;
 class Profile extends PureComponent {
@@ -133,17 +138,18 @@ class Profile extends PureComponent {
       label: translations.logout || 'Log out',
       onClick: onLogout
     }].filter(it => !!it);
-    return /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
+    return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {
       title: user.name,
       anchor: anchor,
-      "data-test": "ring-profile",
-      className: classNames(modules_47759f5e.profile, className)
-    }), /*#__PURE__*/React.createElement(PopupMenu, {
-      closeOnSelect: closeOnSelect,
       data: renderPopupItems(items),
-      left: -2,
-      top: -8,
-      sidePadding: 32
+      "data-test": "ring-profile",
+      className: classNames(modules_47759f5e.profile, className),
+      menuProps: {
+        closeOnSelect,
+        left: -2,
+        top: -8,
+        sidePadding: 32
+      }
     }));
   }
 
@@ -208,4 +214,4 @@ _defineProperty(Profile, "defaultProps", {
 
 _defineProperty(Profile, "Size", Size);
 
-export default Profile;
+export { Profile as default };

package/dist/header/services-link.js

@@ -8,3 +8,4 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/dist/header/services.js

@@ -13,7 +13,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../button/button.js';
 import 'focus-visible';
@@ -35,6 +36,7 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../_helpers/header.js';
 import '../link/link.js';
+import '../_helpers/link.js';
 
 const makeAnchor = loading => {
   const Anchor = _ref => {
@@ -131,4 +133,4 @@ _defineProperty(Services, "propTypes", {
 
 _defineProperty(Services, "Link", ServicesLink);
 
-export default Services;
+export { Services as default };