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

package/dist/input/input.js

@@ -1,231 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
-import { withTheme } from '../global/theme.js';
-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 '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 '../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
- */
-
-
-const Size = {
-  AUTO: 'Auto',
-  S: 'S',
-  M: 'M',
-  L: 'L',
-  FULL: 'FULL'
-};
-class Input extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {
-      empty: true
-    });
-
-    _defineProperty(this, "id", getUID('ring-input-'));
-
-    _defineProperty(this, "underlineRef", el => {
-      this.underlineNode = el;
-    });
-
-    _defineProperty(this, "inputRef", el => {
-      const {
-        inputRef
-      } = this.props;
-      this.input = el;
-
-      if (typeof inputRef === 'function') {
-        inputRef(el);
-      } else {
-        inputRef.current = el;
-      }
-    });
-
-    _defineProperty(this, "clear", e => {
-      this.props.onClear && this.props.onClear(e);
-    });
-
-    _defineProperty(this, "handleChange", e => {
-      this.props.onChange(e);
-      this.checkValue(e.target);
-    });
-  }
-
-  componentDidMount() {
-    this.adapt();
-  }
-
-  componentDidUpdate() {
-    this.adapt();
-  }
-
-  getId() {
-    return this.props.id || this.id;
-  }
-
-  checkValue() {
-    this.setState({
-      empty: !this.input.value
-    });
-
-    if (this.props.multiline && this.input.scrollHeight > this.input.clientHeight) {
-      this.stretch(this.input);
-    }
-  }
-
-  stretch(el) {
-    if (!el || !el.style) {
-      return;
-    }
-
-    el.style.height = `${el.scrollHeight}px`;
-  }
-
-  adapt() {
-    this.checkValue();
-    this.stretch(this.underlineNode);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      // Modifiers
-      theme,
-      size,
-      active,
-      multiline,
-      borderless,
-      compact,
-      // Props
-      label,
-      error,
-      className,
-      inputClassName,
-      children,
-      value,
-      onClear,
-      disabled,
-      inputRef,
-      onChange,
-      enableShortcuts,
-      id,
-      placeholder,
-      icon,
-      renderUnderline
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["theme", "size", "active", "multiline", "borderless", "compact", "label", "error", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "renderUnderline"]);
-
-    const minimizeMargins = compact || borderless;
-    const {
-      empty
-    } = this.state;
-    const clearable = !!onClear;
-    const classes = classNames(modules_88cfaf40.container, className, modules_88cfaf40[theme], [modules_88cfaf40[`size${size}`]], {
-      'ring-js-shortcuts': enableShortcuts === true,
-      [modules_88cfaf40.active]: active,
-      [modules_88cfaf40.error]: error != null,
-      [modules_88cfaf40.empty]: empty,
-      [modules_88cfaf40.noLabel]: !this.props.label,
-      [modules_88cfaf40.withIcon]: icon != null,
-      [modules_88cfaf40.clearable]: clearable,
-      [modules_88cfaf40.compact]: minimizeMargins
-    });
-    const inputClasses = classNames(modules_88cfaf40.input, inputClassName);
-    const TagName = multiline ? 'textarea' : 'input';
-    const text = value != null ? value : children;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": "ring-input"
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      className: modules_88cfaf40.icon
-    }), /*#__PURE__*/React.createElement(TagName, _extends({
-      ref: this.inputRef,
-      onChange: this.handleChange,
-      className: inputClasses,
-      value: text,
-      rows: multiline ? 1 : null,
-      disabled: disabled,
-      id: this.getId(),
-      placeholder: placeholder,
-      "aria-label": typeof label === 'string' && label ? label : placeholder,
-      "data-enabled-shortcuts": Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
-    }, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-      title: "Clear input",
-      "data-test": "ring-input-clear",
-      className: modules_88cfaf40.clear,
-      icon: closeIcon,
-      onClick: this.clear
-    }), !minimizeMargins && /*#__PURE__*/React.createElement("label", {
-      htmlFor: this.getId(),
-      className: modules_88cfaf40.label
-    }, label), !borderless && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.underline
-    }), !borderless && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.focusUnderline
-    }), !minimizeMargins && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.errorUnderline
-    }), !minimizeMargins && renderUnderline(this.underlineRef, error));
-  }
-
-}
-
-_defineProperty(Input, "propTypes", {
-  value: PropTypes.string,
-  theme: PropTypes.string,
-  className: PropTypes.string,
-  inputClassName: PropTypes.string,
-  size: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  active: PropTypes.bool,
-  error: PropTypes.string,
-  multiline: PropTypes.bool,
-  borderless: PropTypes.bool,
-  compact: PropTypes.bool,
-  onChange: PropTypes.func,
-  onClear: PropTypes.func,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.instanceOf(HTMLInputElement)
-  })]),
-  children: PropTypes.string,
-  enableShortcuts: PropTypes.oneOfType([PropTypes.bool, PropTypes.arrayOf(PropTypes.string)]),
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  placeholder: PropTypes.string,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  renderUnderline: PropTypes.func
-});
-
-_defineProperty(Input, "defaultProps", {
-  size: Size.M,
-  onChange: noop,
-  inputRef: noop,
-  enableShortcuts: ['esc'],
-  renderUnderline: (underlineRef, errorText) => /*#__PURE__*/React.createElement("div", {
-    className: modules_88cfaf40.errorText,
-    ref: underlineRef
-  }, errorText)
-});
-
-var Input$1 = withTheme()(Input);
-
-export default Input$1;
-export { Input, Size };

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

@@ -1,48 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { createContext, Component } from 'react';
-import { interpolateLinear } from '../global/linear-function.js';
-
-const TITLE_RESIZE_END = 20;
-const TITLE_RESIZE_THRESHOLD = 36;
-const PhaseContext = /*#__PURE__*/createContext();
-const ScrollHandlerContext = /*#__PURE__*/createContext();
-function adaptiveIslandHOC(ComposedComponent) {
-  var _class, _temp;
-
-  return _temp = _class = class AdaptiveIsland extends Component {
-    constructor() {
-      super(...arguments);
-
-      _defineProperty(this, "state", {
-        phase: 0
-      });
-
-      _defineProperty(this, "onContentScroll", _ref => {
-        let {
-          scrollTop,
-          scrollHeight,
-          clientHeight
-        } = _ref;
-
-        if (scrollHeight - clientHeight >= interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, this.state.phase)) {
-          const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
-          this.setState({
-            phase
-          });
-        }
-      });
-    }
-
-    render() {
-      return /*#__PURE__*/React.createElement(PhaseContext.Provider, {
-        value: this.state.phase
-      }, /*#__PURE__*/React.createElement(ScrollHandlerContext.Provider, {
-        value: this.onContentScroll
-      }, /*#__PURE__*/React.createElement(ComposedComponent, this.props)));
-    }
-
-  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _temp;
-}
-
-export default adaptiveIslandHOC;
-export { PhaseContext, ScrollHandlerContext };

package/dist/island/content.js

@@ -1,158 +0,0 @@
-import { _ as _defineProperty, b as _extends, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import createResizeDetector from 'element-resize-detector';
-import scheduleRAF from '../global/schedule-raf.js';
-import { m as modules_e6a056e1 } from '../_helpers/island.js';
-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, "setWrapper", node => {
-      if (!node) {
-        return;
-      }
-
-      this.wrapperNode = node;
-      this.resizeDetector.listenTo(node, this.calculateScrollPosition);
-    });
-
-    _defineProperty(this, "calculateScrollPosition", () => scheduleScrollAction(() => {
-      const {
-        scrollableNode
-      } = this;
-
-      if (!scrollableNode) {
-        return;
-      }
-
-      const {
-        scrollTop,
-        scrollHeight,
-        offsetHeight
-      } = scrollableNode;
-      const scrolledToTop = scrollTop === 0;
-      const scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
-
-      if (scrolledToBottom) {
-        this.props.onScrollToBottom();
-      }
-
-      this.setState({
-        scrolledToTop,
-        scrolledToBottom
-      });
-    }));
-
-    _defineProperty(this, "onScroll", () => {
-      this.props.onScroll(this.scrollableNode);
-      this.calculateScrollPosition();
-    });
-
-    _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 _this$props = this.props,
-          {
-      children,
-      className,
-      bottomBorder,
-      scrollableWrapperClassName,
-      onScroll,
-      onScrollToBottom,
-      fade
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade"]);
-
-    const {
-      scrolledToTop,
-      scrolledToBottom
-    } = this.state;
-    const classes = classNames(modules_e6a056e1.content, className, {
-      [modules_e6a056e1.contentWithTopFade]: fade && !scrolledToTop,
-      [modules_e6a056e1.contentWithBottomFade]: fade && !scrolledToBottom,
-      [modules_e6a056e1.withTransparentBottomBorder]: bottomBorder,
-      [modules_e6a056e1.withBottomBorder]: bottomBorder && !scrolledToBottom
-    });
-    const scrollableWrapperClasses = classNames(modules_e6a056e1.scrollableWrapper, scrollableWrapperClassName);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": "ring-island-content",
-      className: classes
-    }), /*#__PURE__*/React.createElement("div", {
-      // it has to be focusable because it can be scrollable
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-      tabIndex: 0,
-      "data-scrollable-container": true,
-      className: scrollableWrapperClasses,
-      ref: this.setScrollableNodeAndCalculatePosition,
-      onScroll: fade ? this.onScroll : noop
-    }, fade && /*#__PURE__*/React.createElement("div", {
-      ref: this.setWrapper
-    }, children), !fade && children));
-  }
-
-}
-
-_defineProperty(Content, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  scrollableWrapperClassName: PropTypes.string,
-  fade: PropTypes.bool,
-  bottomBorder: PropTypes.bool,
-  onScroll: PropTypes.func,
-  onScrollToBottom: PropTypes.func
-});
-
-_defineProperty(Content, "defaultProps", {
-  fade: true,
-  bottomBorder: false,
-  onScroll: noop,
-  onScrollToBottom: noop
-});
-
-const ContentWrapper = props => /*#__PURE__*/React.createElement(ScrollHandlerContext.Consumer, null, onScroll => {
-  const addProps = onScroll != null ? {
-    onScroll,
-    bottomBorder: true
-  } : {};
-  return /*#__PURE__*/React.createElement(Content, _extends({}, props, addProps));
-});
-
-export default ContentWrapper;

package/dist/island/header.js

@@ -1,85 +0,0 @@
-import { _ as _defineProperty, b as _extends, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { interpolateLinear } from '../global/linear-function.js';
-import { m as modules_e6a056e1 } from '../_helpers/island.js';
-import { PhaseContext } from './adaptive-island-hoc.js';
-
-const Start = {
-  FONT_SIZE: 24,
-  LINE_HEIGHT: 28,
-  PADDING: 16
-};
-const End = {
-  FONT_SIZE: 13,
-  LINE_HEIGHT: 28,
-  // Compensation
-  X: 0.4,
-  Y: 0.1,
-  SPACING: 1.09
-};
-const BORDER_APPEAR_PHASE = 0.5;
-
-class Header extends Component {
-  style(name) {
-    return interpolateLinear(Start[name] || 0, End[name] || 0, this.props.phase);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className,
-      wrapWithTitle,
-      border,
-      phase
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "wrapWithTitle", "border", "phase"]);
-
-    const classes = classNames(modules_e6a056e1.header, className, {
-      [modules_e6a056e1.withBottomBorder]: border || phase >= BORDER_APPEAR_PHASE
-    });
-    const headerStyle = phase != null ? {
-      lineHeight: `${this.style('LINE_HEIGHT')}px`,
-      // need to append px because number is a valid line-height value
-      paddingTop: this.style('PADDING')
-    } : null;
-    const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
-    const titleStyle = phase != null && phase < 1 ? {
-      fontSize: Start.FONT_SIZE,
-      transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
-      letterSpacing: this.style('SPACING')
-    } : null;
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": "ring-island-header",
-      className: classes,
-      style: headerStyle
-    }), wrapWithTitle && /*#__PURE__*/React.createElement("h2", {
-      className: modules_e6a056e1.title,
-      style: titleStyle
-    }, children), !wrapWithTitle && children);
-  }
-
-}
-
-_defineProperty(Header, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  border: PropTypes.bool,
-  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
-  } : {};
-  return /*#__PURE__*/React.createElement(Header, _extends({}, props, addProps));
-});
-
-export default HeaderWrapper;

package/dist/island/island.js

@@ -1,53 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } 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 _this$props = this.props,
-          {
-      children,
-      className,
-      narrow,
-      withoutPaddings,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "narrow", "withoutPaddings", "data-test"]);
-
-    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 default Island;
-export { AdaptiveIsland };

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

@@ -1,28 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } 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,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    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 default Content;

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

@@ -1,30 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } 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,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    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 default Header;

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

@@ -1,30 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } 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 _this$props = this.props,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    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 default Island;