@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

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":"errorText_rui_e22b","clear":"clear_rui_e22b"};
+
+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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _extends, a as _objectWithoutProperties } 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 classNames from 'classnames';
@@ -89,18 +89,16 @@ class Content extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       bottomBorder,
       scrollableWrapperClassName,
       onScroll,
       onScrollToBottom,
-      fade
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade"]);
-
+      fade,
+      ...restProps
+    } = this.props;
     const {
       scrolledToTop,
       scrolledToBottom
@@ -155,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

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _extends, a as _objectWithoutProperties } 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 classNames from 'classnames';
@@ -27,16 +27,14 @@ class Header extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       wrapWithTitle,
       border,
-      phase
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "wrapWithTitle", "border", "phase"]);
-
+      phase,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_e6a056e1.header, className, {
       [modules_e6a056e1.withBottomBorder]: border || phase >= BORDER_APPEAR_PHASE
     });
@@ -82,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

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } 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 classNames from 'classnames';
@@ -17,16 +17,14 @@ import '../global/schedule-raf.js';
 
 class Island extends Component {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       narrow,
       withoutPaddings,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "narrow", "withoutPaddings", "data-test"]);
-
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_e6a056e1.island, className, {
       [modules_e6a056e1.narrowIsland]: narrow,
       [modules_e6a056e1.withoutPaddings]: withoutPaddings
@@ -49,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

@@ -1,17 +1,15 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 class Content extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island__content', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -25,4 +23,4 @@ _defineProperty(Content, "propTypes", {
   children: PropTypes.node
 });
 
-export default Content;
+export { Content as default };

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

@@ -1,17 +1,15 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
 class Header extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island__header', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -27,4 +25,4 @@ _defineProperty(Header, "propTypes", {
   children: PropTypes.node
 });
 
-export default Header;
+export { Header as default };

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

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,13 +7,11 @@ export { default as Content } from './content-legacy.js';
 
 class Island extends PureComponent {
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
+      className,
+      ...restProps
+    } = this.props;
     const classes = classNames('ring-island', className);
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
       className: classes
@@ -27,4 +25,4 @@ _defineProperty(Island, "propTypes", {
   children: PropTypes.node
 });
 
-export default Island;
+export { Island as default };

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

@@ -0,0 +1,56 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import scheduleRAF from '../global/schedule-raf.js';
+import compile from './island-ng-class-fixer.js';
+
+const scheduleScroll = scheduleRAF();
+const angularModule = angular.module('Ring.island-ng.header', []);
+angularModule.directive('rgIslandContent', function islandContentDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      fade: '=?',
+      onScroll: '&?'
+    },
+    compile,
+    template: `
+<div
+  data-test="ring-island-content"
+  class=${modules_e6a056e1.content}
+  ng-class="{
+    '${modules_e6a056e1.contentWithTopFade}': contentCtrl.fade,
+    '${modules_e6a056e1.contentWithBottomFade}': contentCtrl.fade
+  }"
+>
+  <div
+    tabindex="0"
+    class="${modules_e6a056e1.scrollableWrapper} js-scrollable-wrapper"
+    ng-transclude
+  ></div>
+</div>
+`,
+    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({
+            $event: evt,
+            $scrollTop
+          });
+          $scope.$apply();
+        };
+
+        scrollable.addEventListener('scroll', () => scheduleScroll(scrollCallback));
+      }
+    }]
+  };
+});
+var IslandContent = angularModule.name;
+
+export { IslandContent as default };

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

@@ -0,0 +1,32 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import compile from './island-ng-class-fixer.js';
+
+const angularModule = angular.module('Ring.island-ng.content', []);
+angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      border: '=?'
+    },
+    compile,
+    template: `
+<div
+  data-test="ring-island-header"
+  class="${modules_e6a056e1.header}"
+  ng-class="{'${modules_e6a056e1.withBottomBorder}': headerCtrl.border}" 
+  ng-transclude
+></div>
+`,
+    controllerAs: 'headerCtrl',
+    controller: function controller() {
+      this.$onInit = () => {
+        this.wrapWithTitle = this.wrapWithTitle !== undefined ? this.wrapWithTitle : true;
+      };
+    }
+  };
+});
+var IslandHeader = angularModule.name;
+
+export { IslandHeader as default };

package/dist/island-ng/island-ng-class-fixer.js

@@ -0,0 +1,9 @@
+// Workaround fo Angular bug with ng-class & replace: true support
+// See https://github.com/angular/angular.js/issues/5695#issuecomment-31898355
+function compile(tElement, tAttrs) {
+  if (tAttrs.ngClass) {
+    tAttrs.ngClass = tAttrs.ngClass.replace(/}\s*{/g, ', ');
+  }
+}
+
+export { compile as default };

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

@@ -0,0 +1,31 @@
+import angular from 'angular';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+import IslandHeader from './island-header-ng.js';
+import IslandContent from './island-content-ng.js';
+import compile from './island-ng-class-fixer.js';
+import '../global/schedule-raf.js';
+
+const angularModule = angular.module('Ring.island-ng', [IslandHeader, IslandContent]);
+angularModule.directive('rgIsland', function islandDirective() {
+  return {
+    transclude: true,
+    replace: true,
+    bindToController: {
+      narrow: '='
+    },
+    compile,
+    template: `
+<div 
+  data-test="ring-island"
+  class="${modules_e6a056e1.island}" 
+  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}" 
+  ng-transclude
+></div>
+`,
+    controllerAs: 'islandCtrl',
+    controller: angular.noop
+  };
+});
+var islandNg = angularModule.name;
+
+export { islandNg as default };

package/dist/link/clickableLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 
@@ -34,16 +34,14 @@ class ClickableLink extends PureComponent {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       onConditionalClick,
       onPlainLeftClick,
       activeClassName,
       href,
-      children
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["onConditionalClick", "onPlainLeftClick", "activeClassName", "href", "children"]);
-
+      children,
+      ...restProps
+    } = this.props;
     return /*#__PURE__*/React.createElement("a", _extends({
       href: href
     }, restProps, {
@@ -62,4 +60,4 @@ _defineProperty(ClickableLink, "propTypes", {
   children: PropTypes.node.isRequired
 });
 
-export default ClickableLink;
+export { ClickableLink as default };

package/dist/link/link.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
 import React, { Component, memo } from 'react';
 import PropTypes from 'prop-types';
@@ -6,8 +6,7 @@ import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
-
-var modules_607b0772 = {"link":"link_link__21bf811c alert_link__9b217ed4","hover":"link_hover__21bf811c","inner":"link_inner__21bf811c","active":"link_active__21bf811c","compatibilityUnderlineMode":"link_compatibilityUnderlineMode__21bf811c","pseudo":"link_pseudo__21bf811c","text":"link_text__21bf811c","inherit":"link_inherit__21bf811c"};
+import { m as modules_607b0772 } from '../_helpers/link.js';
 
 /**
  * @name Link
@@ -49,8 +48,7 @@ function linkHOC(ComposedComponent) {
     }
 
     render() {
-      const _this$props = this.props,
-            {
+      const {
         active,
         inherit,
         pseudo,
@@ -61,10 +59,9 @@ function linkHOC(ComposedComponent) {
         innerClassName,
         children,
         onPlainLeftClick,
-        onClick
-      } = _this$props,
-            props = _objectWithoutProperties(_this$props, ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "innerClassName", "children", "onPlainLeftClick", "onClick"]);
-
+        onClick,
+        ...props
+      } = this.props;
       const useButton = pseudo || !isCustom && href == null;
       const classes = classNames(modules_607b0772.link, className, {
         [modules_607b0772.active]: active,
@@ -114,5 +111,4 @@ function linkHOC(ComposedComponent) {
 }
 var Link = linkHOC(ClickableLink);
 
-export default Link;
-export { linkHOC, setCompatibilityMode };
+export { Link as default, linkHOC, setCompatibilityMode };

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

@@ -0,0 +1,25 @@
+import angular from 'angular';
+import { m as modules_607b0772 } from '../_helpers/link.js';
+
+/**
+ * @name Link Ng
+ */
+
+const angularModule = angular.module('Ring.link', []);
+
+function rgLinkDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    template: `
+<a class="${modules_607b0772.link} ${modules_607b0772.compatibilityUnderlineMode}"
+><span class="${modules_607b0772.inner}" ng-transclude></span></a>
+    `
+  };
+}
+
+angularModule.directive('rgLink', rgLinkDirective);
+var LinkNG = angularModule.name;
+
+export { LinkNG as default };