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

package/dist/footer-ng/footer-ng.js

@@ -0,0 +1,75 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import RingAngularComponent from '../global/ring-angular-component.js';
+import { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../link/link.js';
+import 'focus-visible';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+/**
+ * @name Footer Ng
+ */
+
+const angularModule = angular.module('Ring.footer', []);
+
+class rgFooterComponent extends RingAngularComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "styles", modules_7385b3fd);
+  }
+
+}
+
+_defineProperty(rgFooterComponent, "transclude", {
+  left: '?rgFooterLeft',
+  center: '?rgFooterCenter',
+  right: '?rgFooterRight'
+});
+
+_defineProperty(rgFooterComponent, "template", `<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
+  <div ng-class=":: $ctrl.styles.columnLeft">
+    <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
+  </div>
+
+  <div ng-class=":: $ctrl.styles.columnCenter">
+    <div ng-transclude="center" ng-class=":: $ctrl.styles.columnItem"></div>
+  </div>
+
+  <div ng-class=":: $ctrl.styles.columnRight">
+    <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
+  </div>
+</footer>`);
+
+class rgFooterLineComponent extends RingAngularComponent {}
+
+_defineProperty(rgFooterLineComponent, "transclude", true);
+
+_defineProperty(rgFooterLineComponent, "template", `<div class="${modules_7385b3fd.line}" ng-transclude></div>`);
+
+class rgFooterCopyrightComponent extends RingAngularComponent {
+  $onInit() {
+    this.copyrightYears = copyright(this.year);
+  }
+
+}
+
+_defineProperty(rgFooterCopyrightComponent, "template", '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>');
+
+_defineProperty(rgFooterCopyrightComponent, "bindings", {
+  year: '@',
+  companyName: '@'
+});
+
+angularModule.component('rgFooter', rgFooterComponent);
+angularModule.component('rgFooterLine', rgFooterLineComponent);
+angularModule.component('rgFooterCopyright', rgFooterCopyrightComponent);
+var footerNg = angularModule.name;
+
+export { footerNg as default };

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

@@ -42,6 +42,8 @@ function createAngularComponent(Component) {
     }
 
     render() {
+      var _this = this;
+
       const {
         $scope,
         $element: {
@@ -52,8 +54,9 @@ function createAngularComponent(Component) {
       propKeys.forEach(key => {
         if (this[key] !== undefined) {
           if (typeof this[key] === 'function') {
-            props[key] = (...rest) => {
-              const ret = this[key](...rest);
+            props[key] = function () {
+              const ret = _this[key](...arguments);
+
               $scope.$applyAsync();
               return ret;
             };
@@ -76,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

@@ -1,3 +1,9 @@
-const compose = (...funcs) => funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
+const compose = function () {
+  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
+    funcs[_key] = arguments[_key];
+  }
 
-export default compose;
+  return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
+};
+
+export { compose as default };

package/dist/global/composeRefs.js

@@ -1,9 +1,15 @@
-var composeRefs = ((...refs) => value => refs.forEach(ref => {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref != null) {
-    ref.current = value;
+var composeRefs = (function () {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
   }
-}));
 
-export default composeRefs;
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref != null) {
+      ref.current = value;
+    }
+  });
+});
+
+export { composeRefs as default };

package/dist/global/conic-gradient.js

@@ -1,15 +1,17 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'conic-gradient';
 import memoize from './memoize.js';
 import supportsCss from './supports-css.js';
 
-const conicGradient = memoize(({
-  stops,
-  size
-}) => supportsCss('background-image: conic-gradient(white, black)') ? `conic-gradient(${stops})` : new ConicGradient({
-  stops,
-  size
-}));
+const conicGradient = memoize(_ref => {
+  let {
+    stops,
+    size
+  } = _ref;
+  return supportsCss('background-image: conic-gradient(white, black)') ? `conic-gradient(${stops})` : new ConicGradient({
+    stops,
+    size
+  });
+});
 var conicGradient$1 = (stops => conicGradient(stops).toString());
 const conicGradientWithMask = (mask, stops, size) => {
   const gradient = conicGradient({
@@ -25,10 +27,9 @@ const conicGradientWithMask = (mask, stops, size) => {
     });
   }
 
-  return _objectSpread2(_objectSpread2({}, mask.css), {}, {
+  return { ...mask.css,
     'background-image': gradient.toString()
-  });
+  };
 };
 
-export default conicGradient$1;
-export { conicGradientWithMask };
+export { conicGradientWithMask, conicGradient$1 as default };

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

@@ -1,13 +1,15 @@
 import React, { memo, createContext, useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
-function createStatefulContext(initialValue, name = '') {
+function createStatefulContext(initialValue) {
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   const ValueContext = /*#__PURE__*/createContext(initialValue);
   const UpdateContext = /*#__PURE__*/createContext(() => {});
 
-  function Provider({
-    children
-  }) {
+  function Provider(_ref) {
+    let {
+      children
+    } = _ref;
     const [value, update] = useState(initialValue);
     return /*#__PURE__*/React.createElement(ValueContext.Provider, {
       value: value
@@ -30,10 +32,11 @@ function createStatefulContext(initialValue, name = '') {
     }, [update, value, skipUpdate]);
   }
 
-  function Updater({
-    value,
-    skipUpdate
-  }) {
+  function Updater(_ref2) {
+    let {
+      value,
+      skipUpdate
+    } = _ref2;
     useUpdate(value, skipUpdate);
     return null;
   }
@@ -48,4 +51,4 @@ function createStatefulContext(initialValue, name = '') {
   };
 }
 
-export default createStatefulContext;
+export { createStatefulContext as default };

package/dist/global/data-tests.js

@@ -1,8 +1,15 @@
 function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce((result, [key, value]) => value ? [...result, key] : result, []);
+  return Object.entries(attrsMap).reduce((result, _ref) => {
+    let [key, value] = _ref;
+    return value ? [...result, key] : result;
+  }, []);
 }
 
-function joinDataTestAttributes(...attrs) {
+function joinDataTestAttributes() {
+  for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
+    attrs[_key] = arguments[_key];
+  }
+
   return attrs.filter(attr => !!attr).reduce((result, attr) => {
     if (typeof attr === 'object') {
       return [...result, ...expandMap(attr)];
@@ -12,4 +19,4 @@ function joinDataTestAttributes(...attrs) {
   }, []).join(' ');
 }
 
-export default joinDataTestAttributes;
+export { joinDataTestAttributes as default };

package/dist/global/dom.js

@@ -65,19 +65,26 @@ function getDocumentScrollTop() {
 function getDocumentScrollLeft() {
   return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
 }
-const applyMethodToClasses = method => (classList, classes = '') => {
+const applyMethodToClasses = method => function (classList) {
+  let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
 };
 const addClasses = applyMethodToClasses('add');
 const removeClasses = applyMethodToClasses('remove');
-const toggleClasses = (classList, classes) => Object.entries(classes).forEach(([className, on]) => classList.toggle(className, on));
-function setRootStyleProperties(properties = {}) {
+const toggleClasses = (classList, classes) => Object.entries(classes).forEach(_ref => {
+  let [className, on] = _ref;
+  return classList.toggle(className, on);
+});
+function setRootStyleProperties() {
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(([key, value]) => {
+  Object.entries(properties).forEach(_ref2 => {
+    let [key, value] = _ref2;
     rootStyle.setProperty(key, value);
   });
 }
-function resetRootStyleProperties(properties = {}) {
+function resetRootStyleProperties() {
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const rootStyle = document.documentElement.style;
   Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }

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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import composeRefs from './composeRefs.js';
@@ -7,8 +7,8 @@ function focusSensorHOC(ComposedComponent) {
   var _class, _temp;
 
   return _temp = _class = class FocusSensor extends Component {
-    constructor(...args) {
-      super(...args);
+    constructor() {
+      super(...arguments);
 
       _defineProperty(this, "state", {
         focused: this.props.focused
@@ -22,9 +22,11 @@ function focusSensorHOC(ComposedComponent) {
         }
       });
 
-      _defineProperty(this, "onFocusCapture", ({
-        target
-      }) => {
+      _defineProperty(this, "onFocusCapture", _ref => {
+        let {
+          target
+        } = _ref;
+
         if (this._skipNextCapture) {
           this._skipNextCapture = false;
           return;
@@ -40,9 +42,10 @@ function focusSensorHOC(ComposedComponent) {
         }
       });
 
-      _defineProperty(this, "onBlurCapture", ({
-        target
-      }) => {
+      _defineProperty(this, "onBlurCapture", _ref2 => {
+        let {
+          target
+        } = _ref2;
         const {
           state: {
             focused
@@ -109,16 +112,14 @@ function focusSensorHOC(ComposedComponent) {
     }
 
     render() {
-      const _this$props = this.props,
-            {
+      const {
         autofocus,
         focused,
         onFocus,
         onBlur,
-        innerRef
-      } = _this$props,
-            rest = _objectWithoutProperties(_this$props, ["autofocus", "focused", "onFocus", "onBlur", "innerRef"]);
-
+        innerRef,
+        ...rest
+      } = this.props;
       return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
         innerRef: composeRefs(innerRef, this.onRefUpdate),
         focused: this.state.focused,
@@ -127,18 +128,18 @@ function focusSensorHOC(ComposedComponent) {
       }));
     }
 
-  }, _defineProperty(_class, "propTypes", _objectSpread2(_objectSpread2({}, ComposedComponent.propTypes), {}, {
+  }, _defineProperty(_class, "propTypes", { ...ComposedComponent.propTypes,
     focused: PropTypes.bool,
     autofocus: PropTypes.bool,
     onFocus: PropTypes.func,
     onBlur: PropTypes.func,
     innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  })), _defineProperty(_class, "defaultProps", _objectSpread2(_objectSpread2({}, ComposedComponent.defaultProps), {}, {
+  }), _defineProperty(_class, "defaultProps", { ...ComposedComponent.defaultProps,
     focused: false,
     autofocus: false,
     onFocus: () => {},
     onBlur: () => {}
-  })), _temp;
+  }), _temp;
 }
 
-export default focusSensorHOC;
+export { focusSensorHOC as default };

package/dist/global/fuzzy-highlight.js

@@ -1,13 +1,17 @@
 /** https://github.com/bevacqua/fuzzysearch + highlighting with Markdown */
 const marker = '**';
-function fuzzyHighlight(needle, haystack, caseSensitive = false) {
+function fuzzyHighlight(needle, haystack) {
+  let caseSensitive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const ndl = caseSensitive ? needle : needle.toLowerCase();
   const hstck = caseSensitive ? haystack : haystack.toLowerCase();
 
-  const result = (matched, highlight = haystack) => ({
-    matched,
-    highlight
-  });
+  const result = function (matched) {
+    let highlight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : haystack;
+    return {
+      matched,
+      highlight
+    };
+  };
 
   const hlen = hstck.length;
   const nlen = ndl.length;
@@ -60,4 +64,4 @@ function fuzzyHighlight(needle, haystack, caseSensitive = false) {
   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/inject-styles.js

@@ -7,7 +7,10 @@ const injectStyleSheet = styles => {
 };
 const injectRuleSet = (selector, declarations) => injectStyleSheet(`
 ${selector} {
-  ${Object.entries(declarations).map(([property, value]) => `${property}: ${value};`).join(`
+  ${Object.entries(declarations).map(_ref => {
+  let [property, value] = _ref;
+  return `${property}: ${value};`;
+}).join(`
   `)}
 }`);
 

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

@@ -1,7 +1,8 @@
 function memoize(fn) {
   const primitiveCache = new Map();
   const objectCache = new WeakMap();
-  return function memoized(arg = '__singleValue__') {
+  return function memoized() {
+    let arg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '__singleValue__';
     const cache = arg instanceof Object ? objectCache : primitiveCache;
 
     if (cache.has(arg)) {
@@ -14,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

@@ -1,12 +1,13 @@
 // Useful for using fetch with timeout
 // https://github.com/github/fetch/issues/175#issuecomment-284787564
-function promiseWithTimeout(promise, timeout, {
-  error
-}) {
+function promiseWithTimeout(promise, timeout, _ref) {
+  let {
+    error
+  } = _ref;
   return new Promise((resolve, reject) => {
     setTimeout(() => reject(error || new Error('Timeout')), timeout);
     promise.then(resolve, reject);
   });
 }
 
-export default promiseWithTimeout;
+export { promiseWithTimeout as default };

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

@@ -25,9 +25,12 @@ var radialGradientMask = ((length, stops) => {
     <svg>
       <defs>
         <radialGradient id="${gradientId}">
-          ${Object.entries(stops).map(([color, offset]) => `
+          ${Object.entries(stops).map(_ref => {
+    let [color, offset] = _ref;
+    return `
             <stop offset="${offset}" stop-color="${color}"/>
-          `).join('')}
+          `;
+  }).join('')}
         </radialGradient>
         <mask id="${maskId}">
           <rect height="100%" width="100%" fill="url(#${gradientId})"/>
@@ -43,4 +46,4 @@ var radialGradientMask = ((length, stops) => {
   };
 });
 
-export default radialGradientMask;
+export { radialGradientMask as default };