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

package/dist/header/smart-profile.js

@@ -19,7 +19,8 @@ import '@jetbrains/icons/close';
 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 '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -37,7 +38,9 @@ import 'react-dom';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
@@ -51,41 +54,44 @@ import 'simply-uuid';
 import '../auth/background-flow.js';
 import '../auth/token-validator.js';
 import '../avatar/avatar.js';
+import '../avatar/fallback-avatar.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../_helpers/button__classes.js';
-import '../dropdown/dropdown.js';
-import '../_helpers/anchor.js';
-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 '../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/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 '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 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 '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
 import '../_helpers/header.js';
 
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';
@@ -221,4 +227,4 @@ _defineProperty(SmartProfile, "propTypes", {
 
 _defineProperty(SmartProfile, "Size", Profile.Size);
 
-export default SmartProfile;
+export { SmartProfile as default };

package/dist/header/smart-services.js

@@ -22,7 +22,8 @@ import '@jetbrains/icons/close';
 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 '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -38,7 +39,9 @@ import '../alert/container.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../group/group.js';
+import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../global/promise-with-timeout.js';
 import '../auth/storage.js';
@@ -154,4 +157,4 @@ _defineProperty(SmartServices, "allFields", 'id,name,applicationName,homeUrl,ico
 
 _defineProperty(SmartServices, "countFields", 'key');
 
-export default SmartServices;
+export { SmartServices as default };

package/dist/header/tray-icon.js

@@ -9,7 +9,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 '../global/theme.js';
 import '../link/clickableLink.js';
@@ -41,4 +42,4 @@ _defineProperty(TrayIcon, "propTypes", { ...Button.propTypes,
 _defineProperty(TrayIcon, "defaultProps", { ...Button.defaultProps
 });
 
-export default TrayIcon;
+export { TrayIcon as default };

package/dist/header/tray.js

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

package/dist/heading/heading.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 
-var modules_901b77ec = {"heading":"heading_heading__5ab589c7 global_font__0f8f4370","caps":"heading_caps__5ab589c7"};
+var modules_901b77ec = {"heading":"heading_heading__5ab589c7 global_font__750f6947","caps":"heading_caps__5ab589c7"};
 
 /**
  * @name Heading
@@ -70,5 +70,4 @@ const H2 = makeHeading(Levels.H2);
 const H3 = makeHeading(Levels.H3);
 const H4 = makeHeading(Levels.H4);
 
-export default Heading;
-export { H1, H2, H3, H4 };
+export { H1, H2, H3, H4, Heading as default };

package/dist/http/http.js

@@ -213,5 +213,4 @@ class HTTP {
 
 }
 
-export default HTTP;
-export { CODE, HTTPError, defaultFetchConfig };
+export { CODE, HTTPError, HTTP as default, defaultFetchConfig };

package/dist/http/http.mock.js

@@ -62,4 +62,4 @@ class HTTPMock extends HTTP {
 
 }
 
-export default HTTPMock;
+export { HTTPMock as default };

package/dist/hub-source/hub-source.js

@@ -127,4 +127,4 @@ class HubSource {
 
 _defineProperty(HubSource, "TOP_ALL", -1);
 
-export default HubSource;
+export { HubSource as default };

package/dist/hub-source/hub-source__users-groups.js

@@ -59,4 +59,4 @@ class HubSourceUsersGroups {
 
 }
 
-export default HubSourceUsersGroups;
+export { HubSourceUsersGroups as default };

package/dist/icon/icon.js

@@ -5,7 +5,8 @@ import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 import { Color, Size } from './icon__constants.js';
 export { Size } from './icon__constants.js';
-import { m as modules_29747b80, I as IconSVG } from '../_helpers/icon__svg.js';
+import { m as modules_29747b80 } from '../_helpers/icon.js';
+import IconSVG from './icon__svg.js';
 import '../global/memoize.js';
 
 const warnSize = deprecate(() => {}, `\`size\`, \`width\` and \`height\` props are not recommended to use in Ring UI \`Icon\` component. The intrinsic sizes of SVG icon (\`width\` and \`height\` SVG attributes) are used instead.
@@ -101,4 +102,4 @@ _defineProperty(Icon, "Color", Color);
 
 _defineProperty(Icon, "Size", Size);
 
-export default Icon;
+export { Icon as default };

package/dist/icon/icon__svg.js

@@ -1,6 +1,81 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'react';
-import 'classnames';
-import 'prop-types';
-import '../global/memoize.js';
-export { I as default } from '../_helpers/icon__svg.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { memo } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import memoize from '../global/memoize.js';
+import { m as modules_29747b80 } from '../_helpers/icon.js';
+
+function convertReactSVGDOMProperty(str) {
+  return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());
+}
+
+function serializeAttrs(map) {
+  const res = {};
+
+  for (let i = 0; i < map.length; i++) {
+    const key = map[i].name;
+    let prop = key;
+
+    if (key === 'class') {
+      prop = 'className';
+    } else if (!key.startsWith('data-')) {
+      prop = convertReactSVGDOMProperty(key);
+    }
+
+    res[prop] = map[i].value;
+  }
+
+  return res;
+}
+
+function extractSVGProps(svgNode) {
+  const map = svgNode.attributes;
+  return map.length > 0 ? serializeAttrs(map) : null;
+}
+
+const getSVGFromSource = memoize(src => {
+  const svgContainer = document.createElement('div');
+  svgContainer.innerHTML = src;
+  const svg = svgContainer.firstElementChild;
+  svg.remove ? svg.remove() : svgContainer.removeChild(svg);
+  return {
+    props: extractSVGProps(svg),
+    html: svg.innerHTML
+  };
+});
+
+function isCompatibilityMode(iconSrc) {
+  const hasWidth = /width="[\d\.]+"/ig.test(iconSrc);
+  const hasHeight = /height="[\d\.]+"/ig.test(iconSrc);
+  return !hasWidth || !hasHeight;
+}
+
+function IconSVG(_ref) {
+  let {
+    src,
+    className,
+    ...rest
+  } = _ref;
+  const glyphClasses = classNames(modules_29747b80.glyph, {
+    [modules_29747b80.compatibilityMode]: isCompatibilityMode(src)
+  }, className);
+  const {
+    props,
+    html
+  } = getSVGFromSource(src);
+  return /*#__PURE__*/React.createElement("svg", _extends({}, props, rest, {
+    className: glyphClasses,
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  }));
+}
+
+IconSVG.propTypes = {
+  className: PropTypes.string,
+  src: PropTypes.string.isRequired,
+  style: PropTypes.object
+};
+var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
+
+export { IconSVG$1 as default };

package/dist/icon/index.js

@@ -5,5 +5,6 @@ import 'react';
 import 'prop-types';
 import 'classnames';
 import 'util-deprecate';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import './icon__svg.js';
 import '../global/memoize.js';

package/dist/icon-ng/icon-ng.js

@@ -0,0 +1,89 @@
+import angular from 'angular';
+import { Color } from '../icon/icon__constants.js';
+import RingTemplateNg from '../template-ng/template-ng.js';
+import { m as modules_29747b80 } from '../_helpers/icon.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../global/ring-angular-component.js';
+
+/**
+ * @name Icon Ng
+ */
+
+const angularModule = angular.module('Ring.icon', [RingTemplateNg]);
+const BASE64_PREFIX = 'data:image/svg+xml;base64,';
+angularModule.directive('rgIcon', function rgIconDirective() {
+  return {
+    restrict: 'E',
+    scope: {
+      glyph: '@',
+      loading: '=?',
+      color: '@?',
+      size: '@?',
+      height: '@?',
+      width: '@?'
+    },
+    template: `<span class="${modules_29747b80.icon}" rg-template="normalizedGlyph" rg-template-class="${modules_29747b80.glyph}"></span>`,
+    controller: ["$scope", $scope => {
+      function decodeBase64IfNeeded(glyph) {
+        // This hack allows passing SVG content as string from angular templates like
+        // <rg-icon glyph="data:image/svg+xml;base64,PHN2ZyB4bWx...></rg-icon>
+        const isEncoded = glyph.indexOf(BASE64_PREFIX) === 0;
+        return isEncoded ? window.atob(glyph.replace(BASE64_PREFIX, '')) : glyph;
+      }
+
+      $scope.$watch('glyph', value => {
+        if (!value) {
+          return;
+        }
+
+        $scope.normalizedGlyph = decodeBase64IfNeeded(value);
+      });
+    }],
+    link: function link(scope, iElement, iAttrs) {
+      iAttrs.$addClass('ring-icon'); // TODO: We keep this class for now for compatibility reasons (styles overrides)
+
+      scope.$watch('loading', value => {
+        if (value) {
+          iAttrs.$addClass(modules_29747b80.loading);
+        } else {
+          iAttrs.$removeClass(modules_29747b80.loading);
+        }
+      });
+      scope.$watch(() => scope.color && Color[scope.color] && modules_29747b80[Color[scope.color]], (colorClass, prevColorClass) => {
+        if (colorClass) {
+          iAttrs.$addClass(colorClass); // Remove previous class, but don't remove initial one
+
+          if (prevColorClass && prevColorClass !== colorClass) {
+            iAttrs.$removeClass(prevColorClass);
+          }
+        }
+      });
+      scope.$watchGroup(['size', 'width', 'height'], _ref => {
+        let [size, width, height] = _ref;
+        const svgNode = iElement[0].querySelector('svg');
+
+        if (!svgNode) {
+          return;
+        }
+
+        if (size && !width && !height) {
+          const sizeString = `${size}px`;
+          const style = `width: ${sizeString}; height: ${sizeString};`;
+          svgNode.setAttribute('style', style);
+          return;
+        }
+
+        if (width) {
+          svgNode.setAttribute('style', `width: ${width}px;`);
+        }
+
+        if (height) {
+          svgNode.setAttribute('style', `height: ${height}px;`);
+        }
+      });
+    }
+  };
+});
+var IconNG = angularModule.name;
+
+export { IconNG as default };

package/dist/input/input.js

@@ -8,17 +8,17 @@ export { default as Theme } from '../global/theme.js';
 import Button from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
+import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../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';
 
-var modules_88cfaf40 = {"unit":"8px","iconOffset":"22px","input":"input_input__74bd3acf","container":"input_container__74bd3acf global_fontLower__0f8f4370 global_font__0f8f4370","compact":"input_compact__74bd3acf","clearable":"input_clearable__74bd3acf","light":"input_light__74bd3acf","dark":"input_dark__74bd3acf","withIcon":"input_withIcon__74bd3acf","label":"input_label__74bd3acf","icon":"input_icon__74bd3acf","clear":"input_clear__74bd3acf","empty":"input_empty__74bd3acf","active":"input_active__74bd3acf","noLabel":"input_noLabel__74bd3acf","error":"input_error__74bd3acf","underline":"input_underline__74bd3acf","focusUnderline":"input_focusUnderline__74bd3acf","errorUnderline":"input_errorUnderline__74bd3acf","errorText":"input_errorText__74bd3acf","sizeS":"input_sizeS__74bd3acf","sizeM":"input_sizeM__74bd3acf","sizeL":"input_sizeL__74bd3acf","sizeFULL":"input_sizeFULL__74bd3acf"};
-
 function noop() {}
 /**
  * @name Input
@@ -225,5 +225,4 @@ _defineProperty(Input, "defaultProps", {
 
 var Input$1 = withTheme()(Input);
 
-export default Input$1;
-export { Input, Size };
+export { Input, Size, Input$1 as default };

package/dist/input-ng/input-ng.js

@@ -0,0 +1,166 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import angular from 'angular';
+import classNames from 'classnames';
+import closeIcon from '@jetbrains/icons/close';
+import RingAngularComponent from '../global/ring-angular-component.js';
+import { m as modules_88cfaf40 } from '../_helpers/input.js';
+import Theme from '../global/theme.js';
+import ButtonNG from '../button-ng/button-ng.js';
+import 'react';
+import '../global/dom.js';
+import '../icon-ng/icon-ng.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../_helpers/icon.js';
+import '../_helpers/button__classes.js';
+
+var modules_c40fa551 = {"errorText":"inputNg_errorText__e22bcd04","clear":"inputNg_clear__e22bcd04"};
+
+const angularModule = angular.module('Ring.input', [ButtonNG]);
+
+class RingInputComponent extends RingAngularComponent {
+  $onInit() {
+    this.closeIcon = closeIcon;
+
+    if (!this.ngModelCtrl) {
+      return;
+    }
+
+    this.ngModelCtrl.$render = () => {
+      this.value = this.ngModelCtrl.$viewValue;
+    };
+  }
+
+  onInputChange() {
+    if (!this.ngModelCtrl) {
+      return;
+    }
+
+    this.ngModelCtrl.$setViewValue(this.value);
+  }
+
+  stretch(el) {
+    if (!el) {
+      return;
+    }
+
+    el.style.height = `${el.scrollHeight}px`;
+  }
+
+  onKeyUp() {
+    if (!this.inputNode) {
+      this.inputNode = this.$inject.$element[0].querySelector('[data-test="ring-input"]');
+    }
+
+    if (this.multiline && this.inputNode.scrollHeight > this.inputNode.clientHeight) {
+      this.stretch(this.inputNode);
+    }
+  }
+
+  onClear() {
+    this.value = '';
+  }
+
+  getContainerClasses() {
+    return classNames(modules_88cfaf40.container, modules_88cfaf40[this.theme || Theme.LIGHT], this.size ? [modules_88cfaf40[`size${this.size}`]] : null, {
+      [modules_88cfaf40.active]: this.active,
+      [modules_88cfaf40.error]: this.error != null,
+      [modules_88cfaf40.empty]: !this.value,
+      [modules_88cfaf40.noLabel]: !this.label,
+      [modules_88cfaf40.clearable]: this.clearable,
+      [modules_88cfaf40.borderless]: this.borderless
+    });
+  }
+
+}
+
+_defineProperty(RingInputComponent, "$inject", ['$element']);
+
+_defineProperty(RingInputComponent, "require", {
+  ngModelCtrl: '?ngModel'
+});
+
+_defineProperty(RingInputComponent, "bindings", {
+  name: '@',
+  required: '@',
+  ngMinlength: '@',
+  ngMaxlength: '@',
+  placeholder: '@',
+  ngModel: '<',
+  onChange: '&',
+  label: '@',
+  hint: '@',
+  size: '@',
+  theme: '@',
+  disabled: '@',
+  active: '<',
+  error: '@',
+  empty: '<',
+  clearable: '<',
+  borderless: '<',
+  multiline: '<'
+});
+
+_defineProperty(RingInputComponent, "template", `
+<div
+  data-test="ring-input-container"
+  ng-class="$ctrl.getContainerClasses()"
+>
+  <input
+    aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+    type="text"
+    data-test="ring-input"
+    class="${modules_88cfaf40.input}"
+    name="{{$ctrl.name}}"
+    ng-if="!$ctrl.multiline"
+    placeholder="{{$ctrl.placeholder}}"
+    ng-model="$ctrl.value"
+    ng-required="$ctrl.required"
+    ng-disabled="$ctrl.disabled"
+    ng-minlength="$ctrl.ngMinlength"
+    ng-maxlength="$ctrl.ngMaxlength"
+    ng-change="$ctrl.onInputChange()"
+    ng-keyup="$ctrl.onKeyUp()"
+  />
+
+  <textarea
+    aria-label="{{$ctrl.label || $ctrl.placeholder}}"
+    data-test="ring-input"
+    ng-if="$ctrl.multiline"
+    class="${modules_88cfaf40.input}"
+    rows="1"
+    name="{{$ctrl.name}}"
+    placeholder="{{$ctrl.placeholder}}"
+    ng-model="$ctrl.value"
+    ng-required="$ctrl.required"
+    ng-disabled="$ctrl.disabled"
+    ng-minlength="$ctrl.ngMinlength"
+    ng-maxlength="$ctrl.ngMaxlength"
+    ng-change="$ctrl.onInputChange()"
+    ng-keyup="$ctrl.onKeyUp()"
+  ></textarea>
+
+  <rg-button
+    ng-if="$ctrl.clearable"
+    data-test="ring-input-clear"
+    class="${modules_88cfaf40.clear} ${modules_c40fa551.clear}"
+    icon="{{:: $ctrl.closeIcon}}"
+    ng-click="$ctrl.onClear()"
+  ></rg-button>
+
+  <label
+    ng-if="!$ctrl.borderless"
+    class="${modules_88cfaf40.label}"
+  >{{$ctrl.label}}</label>
+
+  <div ng-if="!$ctrl.borderless" class="${modules_88cfaf40.underline}"></div>
+  <div ng-if="!$ctrl.borderless" class="${modules_88cfaf40.focusUnderline}"></div>
+  <div ng-if="!$ctrl.borderless" class="${modules_88cfaf40.errorUnderline}"></div>
+  <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
+</div>
+  `);
+
+angularModule.component('rgInput', RingInputComponent);
+var InputNg = angularModule.name;
+
+export { InputNg as default };

package/dist/island/adaptive-island-hoc.js

@@ -44,5 +44,4 @@ function adaptiveIslandHOC(ComposedComponent) {
   }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _temp;
 }
 
-export default adaptiveIslandHOC;
-export { PhaseContext, ScrollHandlerContext };
+export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

package/dist/island/content.js

@@ -153,4 +153,4 @@ const ContentWrapper = props => /*#__PURE__*/React.createElement(ScrollHandlerCo
   return /*#__PURE__*/React.createElement(Content, _extends({}, props, addProps));
 });
 
-export default ContentWrapper;
+export { ContentWrapper as default };

package/dist/island/header.js

@@ -80,4 +80,4 @@ const HeaderWrapper = props => /*#__PURE__*/React.createElement(PhaseContext.Con
   return /*#__PURE__*/React.createElement(Header, _extends({}, props, addProps));
 });
 
-export default HeaderWrapper;
+export { HeaderWrapper as default };

package/dist/island/island.js

@@ -47,5 +47,4 @@ _defineProperty(Island, "propTypes", {
 
 const AdaptiveIsland = adaptiveIslandHOC(Island);
 
-export default Island;
-export { AdaptiveIsland };
+export { AdaptiveIsland, Island as default };

package/dist/island-legacy/content-legacy.js

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

package/dist/island-legacy/header-legacy.js

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

package/dist/island-legacy/island-legacy.js

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