@jetbrains/ring-ui 5.0.36 → 5.0.38

package/dist/icon/icon__svg.js

@@ -8,31 +8,24 @@ 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;
@@ -43,13 +36,11 @@ const getSVGFromSource = memoize(src => {
     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,
@@ -70,7 +61,6 @@ function IconSVG(_ref) {
     }
   }));
 }
-
 IconSVG.propTypes = {
   className: PropTypes.string,
   src: PropTypes.string.isRequired,

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

@@ -30,12 +30,10 @@ angularModule.directive('rgIcon', function rgIconDirective() {
         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);
       });
     }],
@@ -51,8 +49,9 @@ angularModule.directive('rgIcon', function rgIconDirective() {
       });
       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
+          iAttrs.$addClass(colorClass);
 
+          // Remove previous class, but don't remove initial one
           if (prevColorClass && prevColorClass !== colorClass) {
             iAttrs.$removeClass(prevColorClass);
           }
@@ -61,22 +60,18 @@ angularModule.directive('rgIcon', function rgIconDirective() {
       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;`);
         }

package/dist/input/input.js

@@ -24,10 +24,7 @@ function noop() {}
 /**
  * @name Input
  */
-
-
 var Size;
-
 (function (Size) {
   Size["AUTO"] = "Auto";
   Size["S"] = "S";
@@ -35,92 +32,69 @@ var Size;
   Size["L"] = "L";
   Size["FULL"] = "FULL";
 })(Size || (Size = {}));
-
 class Input extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       empty: true
     });
-
     _defineProperty(this, "frame", void 0);
-
     _defineProperty(this, "input", void 0);
-
     _defineProperty(this, "id", getUID('ring-input-'));
-
     _defineProperty(this, "inputRef", el => {
       this.input = el;
     });
-
     _defineProperty(this, "clear", e => {
       this.props.onClear && this.props.onClear(e);
     });
-
     _defineProperty(this, "handleInputChange", e => {
       if (!this.props.multiline) {
         var _this$props$onChange, _this$props;
-
         (_this$props$onChange = (_this$props = this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e);
         this.checkValue();
       }
     });
-
     _defineProperty(this, "handleTextareaChange", e => {
       if (this.props.multiline) {
         var _this$props$onChange2, _this$props2;
-
         (_this$props$onChange2 = (_this$props2 = this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, e);
         this.checkValue();
       }
     });
   }
-
   componentDidMount() {
     this.frame = requestAnimationFrame(() => this.adapt());
   }
-
   componentDidUpdate() {
     this.adapt();
   }
-
   componentWillUnmount() {
     if (this.frame != null) {
       cancelAnimationFrame(this.frame);
     }
   }
-
   getId() {
     return this.props.id || this.id;
   }
-
   checkValue() {
     var _this$input;
-
     this.setState({
       empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
     });
-
     if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
       this.stretch(this.input);
     }
   }
-
   stretch(el) {
     if (!el || !el.style) {
       return;
     }
-
     el.style.height = '0'; // To know the real scrollHeight
-
     el.style.height = `${el.scrollHeight + 2}px`;
   }
-
   adapt() {
     this.checkValue();
   }
-
   render() {
     const {
       // Modifiers
@@ -201,18 +175,14 @@ class Input extends PureComponent {
       className: modules_88cfaf40.errorText
     }, error));
   }
-
 }
-
 _defineProperty(Input, "defaultProps", {
   size: Size.M,
   onChange: noop,
   inputRef: noop,
   enableShortcuts: ['esc']
 });
-
 _defineProperty(Input, "contextType", ControlsHeightContext);
-
 Input.propTypes = {
   value: PropTypes.string,
   className: PropTypes.string,

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

@@ -17,50 +17,39 @@ import 'react';
 var modules_c40fa551 = {"errorText":"errorText_rui_d15a","clear":"clear_rui_d15a"};
 
 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.outerContainer, this.size ? [modules_88cfaf40[`size${this.size}`]] : null, modules_88cfaf40.heightS, {
       [modules_88cfaf40.active]: this.active,
@@ -71,15 +60,11 @@ class RingInputComponent extends RingAngularComponent {
       [modules_88cfaf40.borderless]: this.borderless
     });
   }
-
 }
-
 _defineProperty(RingInputComponent, "$inject", ['$element']);
-
 _defineProperty(RingInputComponent, "require", {
   ngModelCtrl: '?ngModel'
 });
-
 _defineProperty(RingInputComponent, "bindings", {
   name: '@',
   required: '@',
@@ -99,7 +84,6 @@ _defineProperty(RingInputComponent, "bindings", {
   borderless: '<',
   multiline: '<'
 });
-
 _defineProperty(RingInputComponent, "template", `
 <div
   data-test="ring-input-container"
@@ -156,7 +140,6 @@ _defineProperty(RingInputComponent, "template", `
   <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;
 

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

@@ -8,24 +8,19 @@ const PhaseContext = /*#__PURE__*/createContext(null);
 const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
   var _class;
-
   return _class = class AdaptiveIsland extends Component {
     constructor() {
       super(...arguments);
-
       _defineProperty(this, "state", {
         phase: null
       });
-
       _defineProperty(this, "onContentScroll", _ref => {
         var _this$state$phase;
-
         let {
           scrollTop,
           scrollHeight,
           clientHeight
         } = _ref;
-
         if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, (_this$state$phase = this.state.phase) !== null && _this$state$phase !== void 0 ? _this$state$phase : 0)) {
           const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
           this.setState({
@@ -34,7 +29,6 @@ function adaptiveIslandHOC(ComposedComponent) {
         }
       });
     }
-
     render() {
       return /*#__PURE__*/React.createElement(PhaseContext.Provider, {
         value: this.state.phase
@@ -42,7 +36,6 @@ function adaptiveIslandHOC(ComposedComponent) {
         value: this.onContentScroll
       }, /*#__PURE__*/React.createElement(ComposedComponent, this.props)));
     }
-
   }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _class;
 }
 

package/dist/island/content.js

@@ -9,44 +9,33 @@ import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import '../global/linear-function.js';
 
 const scheduleScrollAction = scheduleRAF();
-
 const noop = () => {};
-
 const END_DISTANCE = 16;
-
 class Content extends Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       scrolledToTop: true,
       scrolledToBottom: false
     });
-
     _defineProperty(this, "resizeDetector", createResizeDetector({
       strategy: 'scroll'
     }));
-
     _defineProperty(this, "wrapperNode", void 0);
-
     _defineProperty(this, "setWrapper", node => {
       if (!node) {
         return;
       }
-
       this.wrapperNode = node;
       this.resizeDetector.listenTo(node, this.calculateScrollPosition);
     });
-
     _defineProperty(this, "calculateScrollPosition", () => scheduleScrollAction(() => {
       const {
         scrollableNode
       } = this;
-
       if (!scrollableNode) {
         return;
       }
-
       this.props.onScroll(scrollableNode);
       const {
         scrollTop,
@@ -55,41 +44,31 @@ class Content extends Component {
       } = scrollableNode;
       const scrolledToTop = scrollTop === 0;
       const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
-
       if (scrolledToBottom) {
         var _this$props$onScrollT, _this$props;
-
         (_this$props$onScrollT = (_this$props = this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 ? void 0 : _this$props$onScrollT.call(_this$props);
       }
-
       this.setState({
         scrolledToTop,
         scrolledToBottom
       });
     }));
-
     _defineProperty(this, "scrollableNode", void 0);
-
     _defineProperty(this, "setScrollableNodeAndCalculatePosition", node => {
       if (!node) {
         return;
       }
-
       this.scrollableNode = node;
       this.calculateScrollPosition();
     });
   }
-
   componentWillUnmount() {
     this.scrollableNode = null;
-
     if (!this.wrapperNode) {
       return;
     }
-
     this.resizeDetector.removeAllListeners(this.wrapperNode);
   }
-
   render() {
     const {
       children,
@@ -127,9 +106,7 @@ class Content extends Component {
       ref: this.setWrapper
     }, children), !fade && children));
   }
-
 }
-
 _defineProperty(Content, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -139,14 +116,12 @@ _defineProperty(Content, "propTypes", {
   onScroll: PropTypes.func,
   onScrollToBottom: PropTypes.func
 });
-
 _defineProperty(Content, "defaultProps", {
   fade: true,
   bottomBorder: false,
   onScroll: noop,
   onScrollToBottom: noop
 });
-
 const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(ScrollHandlerContext.Consumer, null, onScroll => {
   const addProps = onScroll != null ? {
     onScroll,

package/dist/island/header.js

@@ -26,14 +26,11 @@ const End = {
   SPACING: 1.09
 };
 const BORDER_APPEAR_PHASE = 0.5;
-
 class Header extends Component {
   style(name) {
     var _this$props$phase;
-
     return interpolateLinear(Start[name], End[name], (_this$props$phase = this.props.phase) !== null && _this$props$phase !== void 0 ? _this$props$phase : 0);
   }
-
   render() {
     const {
       children,
@@ -66,9 +63,7 @@ class Header extends Component {
       style: titleStyle
     }, children), !wrapWithTitle && children);
   }
-
 }
-
 _defineProperty(Header, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -76,11 +71,9 @@ _defineProperty(Header, "propTypes", {
   wrapWithTitle: PropTypes.bool,
   phase: PropTypes.number
 });
-
 _defineProperty(Header, "defaultProps", {
   wrapWithTitle: true
 });
-
 const HeaderWrapper = props => /*#__PURE__*/React.createElement(PhaseContext.Consumer, null, phase => {
   const addProps = phase != null ? {
     phase

package/dist/island/island.js

@@ -14,7 +14,6 @@ import '../global/schedule-raf.js';
 /**
  * @name Island
  */
-
 class Island extends Component {
   render() {
     const {
@@ -34,9 +33,7 @@ class Island extends Component {
       "data-test": joinDataTestAttributes('ring-island', dataTest)
     }), children);
   }
-
 }
-
 _defineProperty(Island, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,
@@ -44,7 +41,6 @@ _defineProperty(Island, "propTypes", {
   withoutPaddings: PropTypes.bool,
   'data-test': PropTypes.string
 });
-
 const AdaptiveIsland = adaptiveIslandHOC(Island);
 
 export { AdaptiveIsland, Island as default };

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

@@ -15,9 +15,7 @@ class Content extends PureComponent {
       className: classes
     }), children);
   }
-
 }
-
 _defineProperty(Content, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

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

@@ -17,9 +17,7 @@ class Header extends PureComponent {
       className: "ring-island__title"
     }, children));
   }
-
 }
-
 _defineProperty(Header, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

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

@@ -17,9 +17,7 @@ class Island extends PureComponent {
       className: classes
     }), children);
   }
-
 }
-
 _defineProperty(Island, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node

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

@@ -33,10 +33,8 @@ angularModule.directive('rgIslandContent', function islandContentDirective() {
     controllerAs: 'contentCtrl',
     controller: ["$scope", "$element", function controller($scope, $element) {
       const el = $element[0];
-
       if (this.onScroll) {
         const scrollable = el.querySelector('.js-scrollable-wrapper');
-
         const scrollCallback = evt => {
           const $scrollTop = scrollable.scrollTop;
           this.onScroll({
@@ -45,7 +43,6 @@ angularModule.directive('rgIslandContent', function islandContentDirective() {
           });
           $scope.$apply();
         };
-
         scrollable.addEventListener('scroll', () => scheduleScroll(scrollCallback));
       }
     }]

package/dist/link/clickableLink.js

@@ -2,14 +2,12 @@ import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBa
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
-const LEFT_BUTTON = 0; // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
-
+const LEFT_BUTTON = 0;
+// Cmd/Ctrl/Shift/Alt + Click should trigger default browser behaviour. Same applies to non-left clicks
 const isPlainLeftClick = e => e.button === LEFT_BUTTON && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey;
-
 class ClickableLink extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "onClick", e => {
       const {
         onClick,
@@ -17,22 +15,18 @@ class ClickableLink extends PureComponent {
         onPlainLeftClick
       } = this.props;
       const isPlainLeft = isPlainLeftClick(e);
-
       if (onClick) {
         onClick(e);
       }
-
       if (onConditionalClick) {
         onConditionalClick(isPlainLeft, e);
       }
-
       if (onPlainLeftClick && isPlainLeft) {
         e.preventDefault();
         onPlainLeftClick(e);
       }
     });
   }
-
   render() {
     const {
       onConditionalClick,
@@ -48,9 +42,7 @@ class ClickableLink extends PureComponent {
       onClick: this.onClick
     }), children);
   }
-
 }
-
 _defineProperty(ClickableLink, "propTypes", {
   onClick: PropTypes.func,
   onPlainLeftClick: PropTypes.func,

package/dist/link/link.js

@@ -11,7 +11,6 @@ import { m as modules_607b0772 } from '../_helpers/link.js';
 /**
  * @name Link
  */
-
 let isCompatibilityMode = false;
 function setCompatibilityMode(isEnabled) {
   isCompatibilityMode = isEnabled;
@@ -27,7 +26,6 @@ const makeWrapText = memoize(innerClassName => {
       className: classes
     }, children);
   }
-
   WrapText.propTypes = {
     className: PropTypes.string,
     children: PropTypes.node
@@ -36,7 +34,6 @@ const makeWrapText = memoize(innerClassName => {
 });
 function linkHOC(ComposedComponent) {
   var _class;
-
   const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
   return _class = class Link extends PureComponent {
     getChildren() {
@@ -47,7 +44,6 @@ function linkHOC(ComposedComponent) {
       const WrapText = makeWrapText(innerClassName);
       return typeof children === 'function' ? children(WrapText) : /*#__PURE__*/React.createElement(WrapText, null, children);
     }
-
     render() {
       const {
         active,
@@ -73,13 +69,12 @@ function linkHOC(ComposedComponent) {
         [modules_607b0772.text]: typeof children !== 'function'
       });
       let props = restProps;
-
       if (isCustom && !props.activeClassName) {
-        props = { ...props,
+        props = {
+          ...props,
           activeClassName: modules_607b0772.active
         };
       }
-
       if (useButton) {
         return /*#__PURE__*/React.createElement("button", _extends({
           type: "button"
@@ -89,7 +84,6 @@ function linkHOC(ComposedComponent) {
           "data-test": joinDataTestAttributes('ring-link', dataTest)
         }), this.getChildren());
       }
-
       return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
         href: href,
         className: classes,
@@ -98,7 +92,6 @@ function linkHOC(ComposedComponent) {
         "data-test": joinDataTestAttributes('ring-link', dataTest)
       }), this.getChildren());
     }
-
   }, _defineProperty(_class, "propTypes", {
     className: PropTypes.string,
     innerClassName: PropTypes.string,

package/dist/link-ng/link-ng.js

@@ -6,7 +6,6 @@ import { m as modules_607b0772 } from '../_helpers/link.js';
  */
 
 const angularModule = angular.module('Ring.link', []);
-
 function rgLinkDirective() {
   return {
     restrict: 'E',
@@ -18,7 +17,6 @@ function rgLinkDirective() {
     `
   };
 }
-
 angularModule.directive('rgLink', rgLinkDirective);
 var LinkNG = angularModule.name;