@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/island/island.js

@@ -0,0 +1,50 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import joinDataTestAttributes from '../global/data-tests.js';
+import adaptiveIslandHOC from './adaptive-island-hoc.js';
+import { m as modules_e6a056e1 } from '../_helpers/island.js';
+export { default as Header } from './header.js';
+export { default as Content } from './content.js';
+import '../global/linear-function.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+
+/**
+ * @name Island
+ */
+
+class Island extends Component {
+  render() {
+    const {
+      children,
+      className,
+      narrow,
+      withoutPaddings,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_e6a056e1.island, className, {
+      [modules_e6a056e1.narrowIsland]: narrow,
+      [modules_e6a056e1.withoutPaddings]: withoutPaddings
+    });
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-island', dataTest)
+    }), children);
+  }
+
+}
+
+_defineProperty(Island, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  narrow: PropTypes.bool,
+  withoutPaddings: PropTypes.bool,
+  'data-test': PropTypes.string
+});
+
+const AdaptiveIsland = adaptiveIslandHOC(Island);
+
+export { AdaptiveIsland, Island as default };

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

@@ -0,0 +1,26 @@
+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 {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island__content', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), children);
+  }
+
+}
+
+_defineProperty(Content, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Content as default };

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

@@ -0,0 +1,28 @@
+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 {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island__header', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "ring-island__title"
+    }, children));
+  }
+
+}
+
+_defineProperty(Header, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { Header as default };

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

@@ -0,0 +1,28 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+export { default as Header } from './header-legacy.js';
+export { default as Content } from './content-legacy.js';
+
+class Island extends PureComponent {
+  render() {
+    const {
+      children,
+      className,
+      ...restProps
+    } = this.props;
+    const classes = classNames('ring-island', className);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), children);
+  }
+
+}
+
+_defineProperty(Island, "propTypes", {
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+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

@@ -0,0 +1,63 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+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 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,
+        onConditionalClick,
+        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,
+      onPlainLeftClick,
+      activeClassName,
+      href,
+      children,
+      ...restProps
+    } = this.props;
+    return /*#__PURE__*/React.createElement("a", _extends({
+      href: href
+    }, restProps, {
+      onClick: this.onClick
+    }), children);
+  }
+
+}
+
+_defineProperty(ClickableLink, "propTypes", {
+  onClick: PropTypes.func,
+  onPlainLeftClick: PropTypes.func,
+  onConditionalClick: PropTypes.func,
+  activeClassName: PropTypes.string,
+  href: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired
+});
+
+export { ClickableLink as default };

package/dist/link/link.js

@@ -0,0 +1,114 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
+import React, { Component, memo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import memoize from '../global/memoize.js';
+import joinDataTestAttributes from '../global/data-tests.js';
+import ClickableLink from './clickableLink.js';
+import { m as modules_607b0772 } from '../_helpers/link.js';
+
+/**
+ * @name Link
+ */
+
+let isCompatibilityMode = false;
+function setCompatibilityMode(isEnabled) {
+  isCompatibilityMode = isEnabled;
+}
+const makeWrapText = memoize(innerClassName => {
+  const WrapText = /*#__PURE__*/memo(function WrapText(_ref) {
+    let {
+      className,
+      children
+    } = _ref;
+    const classes = classNames(modules_607b0772.inner, className, innerClassName);
+    return /*#__PURE__*/React.createElement("span", {
+      className: classes
+    }, children);
+  });
+  WrapText.propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node
+  };
+  return WrapText;
+});
+function linkHOC(ComposedComponent) {
+  var _class, _temp;
+
+  const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
+  return _temp = _class = class Link extends Component {
+    getChildren() {
+      const {
+        children,
+        innerClassName
+      } = this.props;
+      const WrapText = makeWrapText(innerClassName);
+      return typeof children === 'function' ? children(WrapText) : /*#__PURE__*/React.createElement(WrapText, null, children);
+    }
+
+    render() {
+      const {
+        active,
+        inherit,
+        pseudo,
+        hover,
+        className,
+        'data-test': dataTest,
+        href,
+        innerClassName,
+        children,
+        onPlainLeftClick,
+        onClick,
+        ...props
+      } = this.props;
+      const useButton = pseudo || !isCustom && href == null;
+      const classes = classNames(modules_607b0772.link, className, {
+        [modules_607b0772.active]: active,
+        [modules_607b0772.inherit]: inherit,
+        [modules_607b0772.hover]: hover,
+        [modules_607b0772.compatibilityUnderlineMode]: isCompatibilityMode,
+        [modules_607b0772.pseudo]: useButton,
+        [modules_607b0772.text]: typeof children !== 'function'
+      });
+
+      if (isCustom && !props.activeClassName) {
+        props.activeClassName = modules_607b0772.active;
+      }
+
+      if (useButton) {
+        return /*#__PURE__*/React.createElement("button", _extends({
+          type: "button"
+        }, props, {
+          className: classes,
+          onClick: onClick || onPlainLeftClick,
+          "data-test": joinDataTestAttributes('ring-link', dataTest)
+        }), this.getChildren());
+      }
+
+      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
+        href: href,
+        className: classes,
+        onClick: onClick,
+        onPlainLeftClick: onPlainLeftClick,
+        "data-test": joinDataTestAttributes('ring-link', dataTest)
+      }), this.getChildren());
+    }
+
+  }, _defineProperty(_class, "propTypes", {
+    className: PropTypes.string,
+    innerClassName: PropTypes.string,
+    active: PropTypes.bool,
+    inherit: PropTypes.bool,
+    pseudo: PropTypes.bool,
+    hover: PropTypes.bool,
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+    'data-test': PropTypes.string,
+    href: PropTypes.string,
+    onPlainLeftClick: PropTypes.func,
+    onClick: PropTypes.func
+  }), _temp;
+}
+var Link = linkHOC(ClickableLink);
+
+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 };

package/dist/list/consts.js

@@ -0,0 +1,26 @@
+/**
+ * @enum {number}
+ */
+const Type = {
+  SEPARATOR: 0,
+  LINK: 1,
+  ITEM: 2,
+  HINT: 3,
+  CUSTOM: 4,
+  TITLE: 5,
+  MARGIN: 6
+};
+const Dimension = {
+  ITEM_PADDING: 16,
+  ITEM_HEIGHT: 32,
+  COMPACT_ITEM_HEIGHT: 24,
+  SEPARATOR_HEIGHT: 25,
+  SEPARATOR_FIRST_HEIGHT: 16,
+  SEPARATOR_TEXT_HEIGHT: 18,
+  TITLE_HEIGHT: 42,
+  INNER_PADDING: 8,
+  MARGIN: 8
+};
+const DEFAULT_ITEM_TYPE = Type.ITEM;
+
+export { DEFAULT_ITEM_TYPE, Dimension, Type };