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

package/dist/dropdown/dropdown.js

@@ -1,236 +0,0 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
-export { A as Anchor } from '../_helpers/anchor.js';
-import '@jetbrains/icons/chevron-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import '../button/button.js';
-import 'focus-visible';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-/**
- * @name Dropdown
- */
-
-class Dropdown extends Component {
-  constructor() {
-    super(...arguments);
-
-    _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(_ref => {
-        let {
-          pinned
-        } = _ref;
-        return pinned ? null : {
-          pinned: true
-        };
-      });
-    });
-  }
-
-  toggle() {
-    let show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.state.show;
-
-    this._toggle(show);
-  }
-
-  _toggle(show) {
-    let pinned = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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, {
-          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;

package/dist/error-bubble/error-bubble.js

@@ -1,59 +0,0 @@
-import { a as _objectWithoutProperties, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Children, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Popup from '../popup/popup.js';
-import { Directions } from '../popup/popup.consts.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/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/error-message.js

@@ -1,55 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Icon from '../icon/icon.js';
-import { Size } from '../icon/icon__constants.js';
-import 'util-deprecate';
-import '../_helpers/icon__svg.js';
-import '../global/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/footer.js

@@ -1,127 +0,0 @@
-import React, { memo, isValidElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Link from '../link/link.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
-import '../global/memoize.js';
-import '../global/data-tests.js';
-import '../link/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(_ref) {
-  let {
-    position,
-    children
-  } = _ref;
-  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(_ref2) {
-  let {
-    floating,
-    className,
-    left,
-    center,
-    right
-  } = _ref2;
-
-  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 };

package/dist/global/angular-component-factory.js

@@ -1,83 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import angular from 'angular';
-import React from 'react';
-import { unmountComponentAtNode, render } from 'react-dom';
-import RingAngularComponent from './ring-angular-component.js';
-import Renderer from './react-dom-renderer.js';
-import 'prop-types';
-
-function getAngularComponentName(name) {
-  return `rg${name}`;
-}
-
-function createAngularComponent(Component) {
-  var _class, _temp;
-
-  const propKeys = Object.keys(Component.propTypes);
-  const bindings = {};
-  propKeys.forEach(key => {
-    bindings[key] = '<';
-  });
-  return _temp = _class = class AngularComponent extends RingAngularComponent {
-    $postLink() {
-      const {
-        $transclude
-      } = this.$inject;
-      $transclude(clone => {
-        this.innerNodes = Array.from(clone);
-        this.render();
-      });
-    }
-
-    $onChanges() {
-      if (!this.innerNodes) {
-        return;
-      }
-
-      this.render();
-    }
-
-    $onDestroy() {
-      unmountComponentAtNode(this.$inject.$element[0]);
-    }
-
-    render() {
-      var _this = this;
-
-      const {
-        $scope,
-        $element: {
-          0: container
-        }
-      } = this.$inject;
-      const props = {};
-      propKeys.forEach(key => {
-        if (this[key] !== undefined) {
-          if (typeof this[key] === 'function') {
-            props[key] = function () {
-              const ret = _this[key](...arguments);
-
-              $scope.$applyAsync();
-              return ret;
-            };
-          } else {
-            props[key] = this[key];
-          }
-        }
-      });
-      const hasInnerContent = this.innerNodes && this.innerNodes.length;
-      render( /*#__PURE__*/React.createElement(Component, props, hasInnerContent ? /*#__PURE__*/React.createElement(Renderer, {
-        nodes: this.innerNodes
-      }) : null), container);
-    }
-
-  }, _defineProperty(_class, "$inject", ['$scope', '$element', '$transclude']), _defineProperty(_class, "bindings", bindings), _defineProperty(_class, "transclude", true), _temp;
-}
-
-function angularComponentFactory(Component, name) {
-  const angularModuleName = `Ring.${name[0].toLowerCase() + name.slice(1)}`;
-  return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
-}
-
-export default angularComponentFactory;
-export { createAngularComponent };

package/dist/global/compose.js

@@ -1,9 +0,0 @@
-const compose = function () {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
-
-  return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
-};
-
-export default compose;

package/dist/global/composeRefs.js

@@ -1,15 +0,0 @@
-var composeRefs = (function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
-  return value => refs.forEach(ref => {
-    if (typeof ref === 'function') {
-      ref(value);
-    } else if (ref != null) {
-      ref.current = value;
-    }
-  });
-});
-
-export default composeRefs;

package/dist/global/conic-gradient.js

@@ -1,37 +0,0 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'conic-gradient';
-import memoize from './memoize.js';
-import supportsCss from './supports-css.js';
-
-const conicGradient = memoize(_ref => {
-  let {
-    stops,
-    size
-  } = _ref;
-  return supportsCss('background-image: conic-gradient(white, black)') ? `conic-gradient(${stops})` : new ConicGradient({
-    stops,
-    size
-  });
-});
-var conicGradient$1 = (stops => conicGradient(stops).toString());
-const conicGradientWithMask = (mask, stops, size) => {
-  const gradient = conicGradient({
-    stops,
-    size
-  });
-
-  if (!mask.supports && gradient instanceof ConicGradient) {
-    Object.defineProperty(gradient, 'svg', {
-      value: gradient.svg.replace('<image ', `
-        ${mask.svgDefs}    
-        <image mask="url(#${mask.maskId})" `)
-    });
-  }
-
-  return _objectSpread2(_objectSpread2({}, mask.css), {}, {
-    'background-image': gradient.toString()
-  });
-};
-
-export default conicGradient$1;
-export { conicGradientWithMask };

package/dist/global/create-stateful-context.js

@@ -1,54 +0,0 @@
-import React, { memo, createContext, useState, useContext, useEffect } from 'react';
-import PropTypes from 'prop-types';
-
-function createStatefulContext(initialValue) {
-  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const ValueContext = /*#__PURE__*/createContext(initialValue);
-  const UpdateContext = /*#__PURE__*/createContext(() => {});
-
-  function Provider(_ref) {
-    let {
-      children
-    } = _ref;
-    const [value, update] = useState(initialValue);
-    return /*#__PURE__*/React.createElement(ValueContext.Provider, {
-      value: value
-    }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
-      value: update
-    }, children));
-  }
-
-  Provider.propTypes = {
-    children: PropTypes.node
-  };
-  Provider.displayName = `${name}Provider`;
-
-  function useUpdate(value, skipUpdate) {
-    const update = useContext(UpdateContext);
-    useEffect(() => {
-      if (!skipUpdate) {
-        update(value);
-      }
-    }, [update, value, skipUpdate]);
-  }
-
-  function Updater(_ref2) {
-    let {
-      value,
-      skipUpdate
-    } = _ref2;
-    useUpdate(value, skipUpdate);
-    return null;
-  }
-
-  Updater.displayName = `${name}Updater`;
-  return {
-    ValueContext,
-    UpdateContext,
-    Provider,
-    useUpdate,
-    Updater: /*#__PURE__*/memo(Updater)
-  };
-}
-
-export default createStatefulContext;

package/dist/global/data-tests.js

@@ -1,22 +0,0 @@
-function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce((result, _ref) => {
-    let [key, value] = _ref;
-    return value ? [...result, key] : result;
-  }, []);
-}
-
-function joinDataTestAttributes() {
-  for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
-    attrs[_key] = arguments[_key];
-  }
-
-  return attrs.filter(attr => !!attr).reduce((result, attr) => {
-    if (typeof attr === 'object') {
-      return [...result, ...expandMap(attr)];
-    }
-
-    return [...result, attr];
-  }, []).join(' ');
-}
-
-export default joinDataTestAttributes;