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

package/dist/dialog.js

@@ -1,223 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
-import { AdaptiveIsland } from './island.js';
-import { g as getUID } from './_helpers/get-uid.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import Shortcuts from './shortcuts.js';
-import TabTrap from './tab-trap.js';
-import { B as Button } from './_helpers/button.js';
-import { P as PopupTarget } from './_helpers/popup.target.js';
-import scrollbarWidth from 'scrollbar-width';
-import './_helpers/linear-function.js';
-import 'element-resize-detector';
-import './_helpers/schedule-raf.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/dom.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-
-var modules_5e9b8c03 = {"unit":"8px","container":"dialog_container__16e57f84","innerContainer":"dialog_innerContainer__16e57f84","content":"dialog_content__16e57f84","panel":"dialog_panel__16e57f84","clickableOverlay":"dialog_clickableOverlay__16e57f84","closeIcon":"dialog_closeIcon__16e57f84","closeButton":"dialog_closeButton__16e57f84","closeButtonOutside":"dialog_closeButtonOutside__16e57f84","closeButtonInside":"dialog_closeButtonInside__16e57f84","documentWithoutScroll":"dialog_documentWithoutScroll__16e57f84","popupTarget":"dialog_popupTarget__16e57f84"};
-
-let isPrevented = false;
-let previousDocumentWidth = null;
-var ScrollPreventer = {
-  prevent() {
-    if (isPrevented) {
-      return;
-    }
-
-    isPrevented = true;
-    const documentHasScroll = document.documentElement.scrollHeight > window.innerHeight || getComputedStyle(document.documentElement).overflowY === 'scroll';
-    document.documentElement.classList.add(modules_5e9b8c03.documentWithoutScroll);
-    const scrollWidth = scrollbarWidth();
-
-    if (documentHasScroll && scrollWidth > 0) {
-      previousDocumentWidth = document.documentElement.style.width;
-      document.documentElement.style.width = `calc(100% - ${scrollWidth}px)`;
-    }
-  },
-
-  reset() {
-    if (!isPrevented) {
-      return;
-    }
-
-    isPrevented = false;
-    document.documentElement.classList.remove(modules_5e9b8c03.documentWithoutScroll);
-
-    if (previousDocumentWidth !== null) {
-      document.documentElement.style.width = previousDocumentWidth;
-      previousDocumentWidth = null;
-    }
-  }
-
-};
-
-/**
- * @name Dialog
- */
-
-function noop() {}
-
-class Dialog extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      shortcutsScope: getUID('ring-dialog-')
-    });
-
-    _defineProperty(this, "uid", getUID('dialog-'));
-
-    _defineProperty(this, "handleClick", event => {
-      this.props.onOverlayClick(event);
-      this.props.onCloseAttempt(event);
-    });
-
-    _defineProperty(this, "onCloseClick", event => {
-      this.props.onCloseClick(event);
-      this.props.onCloseAttempt(event);
-    });
-
-    _defineProperty(this, "getShortcutsMap", () => {
-      const onEscape = event => {
-        if (this.props.show) {
-          this.props.onEscPress(event);
-          this.props.onCloseAttempt(event);
-        }
-      };
-
-      return {
-        esc: onEscape
-      };
-    });
-
-    _defineProperty(this, "dialogRef", tabTrap => {
-      this.dialog = tabTrap && tabTrap.node;
-    });
-  }
-
-  componentDidMount() {
-    this.toggleScrollPreventer();
-  }
-
-  componentDidUpdate(prevProps) {
-    if (prevProps.show !== this.props.show) {
-      this.toggleScrollPreventer();
-    }
-  }
-
-  componentWillUnmount() {
-    ScrollPreventer.reset();
-  }
-
-  toggleScrollPreventer() {
-    if (this.props.show) {
-      ScrollPreventer.prevent();
-    } else {
-      ScrollPreventer.reset();
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      show,
-      showCloseButton,
-      onOverlayClick,
-      onCloseAttempt,
-      onEscPress,
-      onCloseClick,
-      children,
-      className,
-      contentClassName,
-      trapFocus,
-      'data-test': dataTest,
-      closeButtonInside,
-      portalTarget
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget"]);
-
-    const classes = classNames(modules_5e9b8c03.container, className);
-    const shortcutsMap = this.getShortcutsMap();
-    return show && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PopupTarget, {
-      id: this.uid,
-      className: modules_5e9b8c03.popupTarget
-    }, target => /*#__PURE__*/React.createElement(TabTrap, _extends({
-      trapDisabled: !trapFocus,
-      "data-test": joinDataTestAttributes('ring-dialog-container', dataTest),
-      ref: this.dialogRef,
-      className: classes,
-      role: "presentation"
-    }, restProps), /*#__PURE__*/React.createElement(Shortcuts, {
-      map: shortcutsMap,
-      scope: this.state.shortcutsScope
-    }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/React.createElement("div", {
-      // click handler is duplicated in close button
-      role: "presentation",
-      className: modules_5e9b8c03.clickableOverlay,
-      onClick: this.handleClick
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_5e9b8c03.innerContainer
-    }, /*#__PURE__*/React.createElement(AdaptiveIsland, {
-      className: classNames(modules_5e9b8c03.content, contentClassName),
-      "data-test": "ring-dialog",
-      role: "dialog"
-    }, children, showCloseButton && /*#__PURE__*/React.createElement(Button, {
-      icon: closeIcon,
-      "data-test": "ring-dialog-close-button",
-      className: classNames(modules_5e9b8c03.closeButton, {
-        [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
-        [modules_5e9b8c03.closeButtonInside]: closeButtonInside
-      }),
-      iconClassName: modules_5e9b8c03.closeIcon,
-      onClick: this.onCloseClick,
-      "aria-label": "close dialog"
-    }))), target)), portalTarget instanceof HTMLElement ? portalTarget : document.body);
-  }
-
-}
-
-_defineProperty(Dialog, "propTypes", {
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  show: PropTypes.bool.isRequired,
-  showCloseButton: PropTypes.bool,
-  closeButtonInside: PropTypes.bool,
-  onOverlayClick: PropTypes.func,
-  onEscPress: PropTypes.func,
-  onCloseClick: PropTypes.func,
-  // onCloseAttempt is a common callback for ESC pressing and overlay clicking.
-  // Use it if you don't need different behaviors for this cases.
-  onCloseAttempt: PropTypes.func,
-  // focusTrap may break popups inside dialog, so use it carefully
-  trapFocus: PropTypes.bool,
-  portalTarget: PropTypes.instanceOf(HTMLElement),
-  autoFocusFirst: PropTypes.bool,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Dialog, "defaultProps", {
-  onOverlayClick: noop,
-  onEscPress: noop,
-  onCloseClick: noop,
-  onCloseAttempt: noop,
-  showCloseButton: false,
-  closeButtonInside: false,
-  trapFocus: false,
-  autoFocusFirst: true
-});
-
-export default Dialog;

package/dist/dropdown.js

@@ -1,250 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo, Component, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import chevronDown from '@jetbrains/icons/chevron-10px';
-import Icon from './icon.js';
-import { B as Button } from './_helpers/button.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import 'focus-visible';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-
-var modules_d9414203 = {"dropdown":"dropdown_dropdown__15def50d","anchor":"dropdown_anchor__15def50d","chevron":"dropdown_chevron__15def50d"};
-
-const Anchor = (_ref) => {
-  let {
-    children,
-    className
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["children", "className"]);
-
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    text: true,
-    className: classNames(modules_d9414203.anchor, className)
-  }, restProps), children, /*#__PURE__*/React.createElement(Icon, {
-    glyph: chevronDown,
-    className: modules_d9414203.chevron
-  }));
-};
-
-Anchor.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string
-};
-var Anchor$1 = /*#__PURE__*/memo(Anchor);
-
-/**
- * @name Dropdown
- */
-
-class Dropdown extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      show: this.props.initShown,
-      pinned: false
-    });
-
-    _defineProperty(this, "onClick", () => {
-      const {
-        show,
-        pinned
-      } = this.state;
-      let nextPinned = pinned;
-
-      if (this.props.hoverMode) {
-        if (!pinned) {
-          nextPinned = true;
-
-          if (show) {
-            this.setState({
-              pinned: true
-            });
-            return;
-          }
-        } else {
-          nextPinned = false;
-        }
-      }
-
-      this._toggle(!show, nextPinned);
-    });
-
-    _defineProperty(this, "onChildCloseAttempt", () => {
-      let nextPinned = this.state.pinned;
-
-      if (this.props.hoverMode) {
-        nextPinned = false;
-      }
-
-      this._toggle(false, nextPinned);
-    });
-
-    _defineProperty(this, "onMouseEnter", event => {
-      this._clearTimer();
-
-      this.props.onMouseEnter(event);
-      this.hoverTimer = setTimeout(() => {
-        if (!this.state.show) {
-          this._toggle(true);
-        }
-      }, this.props.hoverShowTimeOut);
-    });
-
-    _defineProperty(this, "onMouseLeave", event => {
-      this.props.onMouseLeave(event);
-
-      if (this.state.pinned) {
-        return;
-      }
-
-      this._clearTimer();
-
-      this.hoverTimer = setTimeout(() => {
-        if (this.state.show) {
-          this._toggle(false);
-        }
-      }, this.props.hoverHideTimeOut);
-    });
-
-    _defineProperty(this, "handlePopupInteraction", () => {
-      this.setState(({
-        pinned
-      }) => pinned ? null : {
-        pinned: true
-      });
-    });
-  }
-
-  toggle(show = !this.state.show) {
-    this._toggle(show);
-  }
-
-  _toggle(show, pinned = this.state.pinned) {
-    this.setState({
-      show,
-      pinned
-    }, () => show ? this.props.onShow() : this.props.onHide());
-  }
-
-  _clearTimer() {
-    if (this.hoverTimer) {
-      clearTimeout(this.hoverTimer);
-      this.hoverTimer = null;
-    }
-  }
-
-  render() {
-    const {
-      show,
-      pinned
-    } = this.state;
-
-    const _this$props = this.props,
-          {
-      initShown,
-      onShow,
-      onHide,
-      hoverShowTimeOut,
-      hoverHideTimeOut,
-      children,
-      anchor,
-      className,
-      activeClassName,
-      hoverMode,
-      clickMode,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["initShown", "onShow", "onHide", "hoverShowTimeOut", "hoverHideTimeOut", "children", "anchor", "className", "activeClassName", "hoverMode", "clickMode", "data-test"]);
-
-    const classes = classNames(modules_d9414203.dropdown, className, {
-      [activeClassName]: activeClassName != null && show
-    });
-    let anchorElement;
-    const active = hoverMode ? pinned : show;
-
-    switch (typeof anchor) {
-      case 'string':
-        anchorElement = /*#__PURE__*/React.createElement(Anchor$1, {
-          active: active
-        }, anchor);
-        break;
-
-      case 'function':
-        anchorElement = anchor({
-          active: show,
-          pinned
-        });
-        break;
-
-      default:
-        if (typeof anchor.type === 'string' || Array.isArray(anchor)) {
-          anchorElement = anchor;
-        } else {
-          anchorElement = /*#__PURE__*/cloneElement(anchor, {
-            active
-          });
-        }
-
-    }
-
-    const childProps = {
-      hidden: !show,
-      onCloseAttempt: this.onChildCloseAttempt,
-      onMouseDown: hoverMode ? this.handlePopupInteraction : undefined,
-      onContextMenu: hoverMode ? this.handlePopupInteraction : undefined,
-      dontCloseOnAnchorClick: true
-    };
-    return /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": joinDataTestAttributes('ring-dropdown', dataTest)
-    }, restProps, {
-      onClick: clickMode ? this.onClick : undefined // anchorElement should be a `button` or an `a`
-      ,
-      role: "presentation",
-      onMouseEnter: hoverMode ? this.onMouseEnter : undefined,
-      onMouseLeave: hoverMode ? this.onMouseLeave : undefined,
-      className: classes
-    }), anchorElement, typeof children === 'function' ? children(childProps) : /*#__PURE__*/cloneElement(children, childProps));
-  }
-
-}
-
-_defineProperty(Dropdown, "propTypes", {
-  /**
-   * Can be string, React element, or a function accepting an object with {active, pinned} properties and returning a React element
-   * React element should render some interactive HTML element like `button` or `a`
-   */
-  anchor: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
-  initShown: PropTypes.bool,
-  className: PropTypes.string,
-  activeClassName: PropTypes.string,
-  clickMode: PropTypes.bool,
-  hoverMode: PropTypes.bool,
-  hoverShowTimeOut: PropTypes.number,
-  hoverHideTimeOut: PropTypes.number,
-  onShow: PropTypes.func,
-  onHide: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Dropdown, "defaultProps", {
-  initShown: false,
-  clickMode: true,
-  hoverMode: false,
-  hoverShowTimeOut: 300,
-  hoverHideTimeOut: 600,
-  onShow: () => {},
-  onHide: () => {},
-  onMouseEnter: () => {},
-  onMouseLeave: () => {}
-});
-
-export default Dropdown;
-export { Anchor$1 as Anchor };

package/dist/error-bubble.js

@@ -1,56 +0,0 @@
-import { _ as _objectWithoutProperties, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Children, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { P as Popup, D as Directions } from './_helpers/popup.js';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './_helpers/dom.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './_helpers/data-tests.js';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-
-var modules_ee284100 = {"unit":"8px","errorBubblePopup":"errorBubble_errorBubblePopup__23d4f97d","errorBubbleWrapper":"errorBubble_errorBubbleWrapper__23d4f97d","errorBubble":"errorBubble_errorBubble__23d4f97d"};
-
-/**
- * @name Error Bubble
- */
-
-class ErrorBubble extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    const errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_ee284100.errorBubbleWrapper
-    }, Children.map(children, child => /*#__PURE__*/cloneElement(child, restProps)), restProps.error && /*#__PURE__*/React.createElement(Popup, {
-      trapFocus: false,
-      className: modules_ee284100.errorBubblePopup,
-      hidden: false,
-      attached: false,
-      directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
-    }, /*#__PURE__*/React.createElement("div", {
-      className: errorBubbleClasses,
-      "data-test": "ring-error-bubble"
-    }, restProps.error)));
-  }
-
-}
-
-_defineProperty(ErrorBubble, "propTypes", {
-  error: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node
-});
-
-export default ErrorBubble;

package/dist/error-message.js

@@ -1,53 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Icon, { Size } from './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-
-var modules_2c5e8509 = {"errorMessage":"errorMessage_errorMessage__dedf193e","title":"errorMessage_title__dedf193e","description":"errorMessage_description__dedf193e","content":"errorMessage_content__dedf193e","icon":"errorMessage_icon__dedf193e"};
-
-/**
- * @name Error Message
- */
-
-class ErrorMessage extends Component {
-  render() {
-    const {
-      className,
-      icon,
-      code,
-      message,
-      description,
-      children
-    } = this.props;
-    const classes = classNames(modules_2c5e8509.errorMessage, className);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_2c5e8509.icon,
-      glyph: icon,
-      size: Size.Size64,
-      suppressSizeWarning: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.content
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.title
-    }, code && `${code}:`, " ", message), description && /*#__PURE__*/React.createElement("div", {
-      className: modules_2c5e8509.description
-    }, description), children));
-  }
-
-}
-
-_defineProperty(ErrorMessage, "propTypes", {
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  code: PropTypes.string,
-  message: PropTypes.string,
-  description: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-export default ErrorMessage;

package/dist/footer.js

@@ -1,124 +0,0 @@
-import React, { memo, isValidElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Link from './link.js';
-import './_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
-import './_helpers/memoize.js';
-import './_helpers/data-tests.js';
-import './_helpers/clickableLink.js';
-
-var modules_7385b3fd = {"unit":"8px","footer-height":"64px","footer":"footer_footer__468241e7 global_font__0f8f4370","footerFloating":"footer_footerFloating__468241e7 footer_footer__468241e7 global_font__0f8f4370","column":"footer_column__468241e7","columnItem":"footer_columnItem__468241e7","columnLeft":"footer_columnLeft__468241e7 footer_column__468241e7","columnCenter":"footer_columnCenter__468241e7 footer_column__468241e7","line":"footer_line__468241e7","columnRight":"footer_columnRight__468241e7 footer_column__468241e7","lineCenter":"footer_lineCenter__468241e7"};
-
-const FooterColumn = /*#__PURE__*/memo(function FooterColumn({
-  position,
-  children
-}) {
-  const classes = classNames({
-    [modules_7385b3fd.columnLeft]: position === 'left',
-    [modules_7385b3fd.columnCenter]: position === 'center',
-    [modules_7385b3fd.columnRight]: position === 'right'
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes
-  }, /*#__PURE__*/React.createElement("ul", {
-    className: modules_7385b3fd.columnItem
-  }, children));
-});
-FooterColumn.propTypes = {
-  position: PropTypes.string,
-  children: PropTypes.node
-};
-/**
- * Return copyright string
- * @param year {int}
- * @returns {string}
- */
-
-function copyright(year) {
-  const currentYear = new Date().getUTCFullYear();
-  const ndash = '–';
-  let ret = 'Copyright © ';
-
-  if (year >= currentYear) {
-    ret += year;
-  } else {
-    ret += year + ndash + currentYear;
-  }
-
-  return ret;
-}
-/**
- * @constructor
- * @extends {ReactComponent}
- */
-
-const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
-  const items = Array.isArray(props.item) ? props.item : [props.item];
-
-  function renderItem(item) {
-    if ( /*#__PURE__*/isValidElement(item)) {
-      return item;
-    }
-
-    const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
-
-    if (item.url) {
-      return /*#__PURE__*/React.createElement(Link, {
-        href: item.url,
-        target: item.target,
-        key: item.url + item.title,
-        title: item.title
-      }, element);
-    }
-
-    return element;
-  }
-
-  return /*#__PURE__*/React.createElement("li", {
-    className: modules_7385b3fd.line
-  }, items.map(renderItem));
-});
-FooterLine.propTypes = {
-  item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
-};
-const Footer = /*#__PURE__*/memo(function Footer({
-  floating,
-  className,
-  left,
-  center,
-  right
-}) {
-  function content(elements, position) {
-    if (!elements) {
-      return false;
-    }
-
-    return /*#__PURE__*/React.createElement(FooterColumn, {
-      key: position,
-      position: position
-    }, elements.map((item, idx) => /*#__PURE__*/React.createElement(FooterLine // eslint-disable-next-line react/no-array-index-key
-    , {
-      key: idx,
-      item: item
-    })));
-  }
-
-  const classes = classNames(modules_7385b3fd.footer, className, {
-    [modules_7385b3fd.footerFloating]: floating
-  });
-  return /*#__PURE__*/React.createElement("footer", {
-    className: classes,
-    "data-test": "ring-footer"
-  }, [content(left, 'left'), content(center, 'center'), content(right, 'right')]);
-});
-Footer.propTypes = {
-  className: PropTypes.string,
-  floating: PropTypes.bool,
-  left: PropTypes.array,
-  center: PropTypes.array,
-  right: PropTypes.array
-};
-
-export default Footer;
-export { copyright };