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

package/dist/_helpers/rerender-hoc.js

@@ -1,49 +0,0 @@
-import { b as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import { createElement } from 'react';
-import { render } from 'react-dom';
-
-/**
- * Wraps a component to add a "rerender" method
- * @param ComposedComponent
- * @param captureNode, whether the wrapper should capture this.node itself. Set to false if the component already has "node" property captured
- * @returns {Rerenderer}
- */
-
-function rerenderHOC(ComposedComponent, {
-  captureNode
-} = {
-  captureNode: false
-}) {
-  var _temp;
-
-  if (captureNode) {
-    // TODO remove in 5.0
-    throw new Error('rerenderHOC: captureNode={true} is deprecated. Wrapped component must have "node" property captured itself');
-  }
-
-  return _temp = class Rerenderer extends ComposedComponent {
-    constructor(...args) {
-      super(...args);
-
-      _defineProperty(this, "_propsCache", {});
-    }
-
-    rerender(props = {}, callback) {
-      let container;
-
-      try {
-        container = this.node.parentNode;
-      } finally {
-        if (!container) {
-          throw new Error(`${this.constructor.name} component isn't mounted`);
-        }
-      }
-
-      this._propsCache = Object.assign({}, this.props, this._propsCache, props);
-      return render( /*#__PURE__*/createElement(this.constructor, this._propsCache), container, callback);
-    }
-
-  }, _temp;
-}
-
-export { rerenderHOC as r };

package/dist/_helpers/schedule-raf.js

@@ -1,31 +0,0 @@
-function scheduleRAF(trailingCall) {
-  let scheduledCb;
-  let RAF;
-  let trailingCallScheduled = false;
-
-  function doSchedule() {
-    RAF = window.requestAnimationFrame(() => {
-      scheduledCb();
-
-      if (trailingCallScheduled) {
-        trailingCallScheduled = false;
-        doSchedule();
-      } else {
-        RAF = null;
-        scheduledCb = null;
-      }
-    });
-  }
-
-  return function schedule(cb) {
-    scheduledCb = cb;
-
-    if (!RAF) {
-      doSchedule();
-    } else if (trailingCall) {
-      trailingCallScheduled = true;
-    }
-  };
-}
-
-export { scheduleRAF as s };

package/dist/_helpers/sniffer.js

@@ -1,6 +0,0 @@
-import Sniffr from 'sniffr';
-
-const sniffr = new Sniffr();
-sniffr.sniff();
-
-export { sniffr as s };

package/dist/_helpers/theme.js

@@ -1,40 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers.js';
-import React, { createContext, memo, forwardRef } from 'react';
-
-const Theme = {
-  LIGHT: 'light',
-  DARK: 'dark'
-};
-const ThemeContext = /*#__PURE__*/createContext();
-
-const getDisplayName = Component => {
-  var _ref, _Component$name;
-
-  return typeof Component === 'string' ? Component : (_ref = (_Component$name = Component.name) !== null && _Component$name !== void 0 ? _Component$name : Component.displayName) !== null && _ref !== void 0 ? _ref : 'Component';
-};
-
-const withTheme = (defaultTheme = Theme.LIGHT) => ComposedComponent => {
-  const WithTheme = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function WithTheme(_ref2, ref) {
-    let {
-      theme
-    } = _ref2,
-        restProps = _objectWithoutProperties(_ref2, ["theme"]);
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, contextTheme => {
-      const usedTheme = theme || contextTheme || defaultTheme;
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: usedTheme
-      }, /*#__PURE__*/React.createElement(ComposedComponent, _extends({
-        ref: ref
-      }, restProps, {
-        theme: usedTheme
-      })));
-    });
-  }));
-  Object.assign(WithTheme, ComposedComponent);
-  WithTheme.propTypes = ComposedComponent.propTypes;
-  WithTheme.displayName = `withTheme(${getDisplayName(ComposedComponent)})`;
-  return WithTheme;
-};
-
-export { Theme as T, ThemeContext as a, withTheme as w };

package/dist/_helpers/url.js

@@ -1,125 +0,0 @@
-/**
- * @const {RegExp}
- */
-
-const ABSOLUTE_URL_PATTERN = /^[a-z]+:\/\//i;
-/**
- * Get URI from the <base> tag
- * @return {string|undefined} base URI
- */
-
-function getBaseURI() {
-  const baseElement = document.getElementsByTagName('base')[0];
-  return baseElement ? baseElement.href : undefined;
-}
-/**
- * Get absolute URI from the <base> tag
- * @return {string} absolute base URI
- */
-
-function getAbsoluteBaseURL() {
-  const baseUrl = getBaseURI();
-  const host = `${window.location.protocol}//${window.location.host}`;
-  let uri;
-
-  if (baseUrl) {
-    uri = ABSOLUTE_URL_PATTERN.test(baseUrl) ? baseUrl : host + baseUrl;
-  } else {
-    uri = host;
-  }
-
-  return uri;
-}
-/**
- * Fixes the URL
- * If the URL is relative and the page contains a <base> TAG, the URL will be converted to absolute
- * <base href="/">: some/path => /some/path
- * @param {string} url URL to fix
- * @param {Function} baseURIGetter a function that returns base URI
- * @return {string} fixed URL
- */
-
-function fixUrl(url, baseURIGetter = getBaseURI) {
-  if (url.indexOf('http://') === -1 && url.indexOf('https://') === -1 && url.indexOf('/') !== 0) {
-    const baseUrl = baseURIGetter();
-
-    if (baseUrl) {
-      return baseUrl + url;
-    }
-  }
-
-  return url;
-}
-function joinBaseURLAndPath(baseUrl, path) {
-  if (!baseUrl || path.indexOf('http://') !== -1 || path.indexOf('https://') !== -1) {
-    return path;
-  }
-
-  return baseUrl + path;
-}
-/**
- * Parses a queryString into an object.
- * ```
- * parseQueryString("access_token=2YotnFZFEjr1zCsicMWpAA&state=xyz&token_type=example&expires_in=3600");
- * // is {access_token: "2YotnFZFEjr1zCsicMWpAA", state: "xyz", token_type: "example", expires_in: "3600"}
- * ```
- * @param {string} queryString query parameter string to parse
- * @return {AuthResponse} object with query parameters map
- */
-
-function parseQueryString(queryString) {
-  if (queryString == null) {
-    return {};
-  }
-
-  const queryParameterPairRE = /([^&;=]+)=?([^&;]*)/g;
-  const FIRST_PAIR_ELEMENT = 1;
-  const SECOND_PAIR_ELEMENT = 2;
-  const urlParams = {};
-
-  function decode(s) {
-    return decodeURIComponent(s.replace(/\+/g, ' '));
-  }
-
-  let matchedQueryPair;
-
-  while ((matchedQueryPair = queryParameterPairRE.exec(queryString)) != null) {
-    urlParams[decode(matchedQueryPair[FIRST_PAIR_ELEMENT])] = decode(matchedQueryPair[SECOND_PAIR_ELEMENT]);
-  }
-
-  return urlParams;
-}
-
-function customEncodeURIComponent(str) {
-  const commaRE = /%2C/g;
-  return encodeURIComponent(str).replace(commaRE, ',');
-}
-/**
- * Takes a URL as input and a params object.
- * Each property in the params is added to the URL as query string parameters
- * @param {string} url URL to add parameters to
- * @param {Object} params parameters to add
- * @returns {string} encoded URL
- */
-
-
-function encodeURL(url, params) {
-  const equalsSign = '=';
-  const firstSeparator = url.indexOf('?') === -1 ? '?' : '&';
-  let res = url;
-  let k;
-  let i = 0;
-
-  for (k in params) {
-    if (params.hasOwnProperty(k) && params[k] != null) {
-      res += (i++ === 0 ? firstSeparator : '&') + customEncodeURIComponent(k) + equalsSign + customEncodeURIComponent(params[k]);
-    }
-  }
-
-  return res;
-}
-function isDataURI(uri) {
-  return uri.indexOf('data:') === 0;
-}
-
-export { encodeURL as e, fixUrl as f, getAbsoluteBaseURL as g, isDataURI as i, joinBaseURLAndPath as j, parseQueryString as p };

package/dist/alert-service.js

@@ -1,149 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends, c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { render } from 'react-dom';
-import { g as getUID } from './_helpers/get-uid.js';
-import Alert, { Container as Alerts, ANIMATION_TIME } from './alert.js';
-import 'classnames';
-import 'prop-types';
-import '@jetbrains/icons/exception';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/warning';
-import '@jetbrains/icons/close';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './loader-inline.js';
-import './_helpers/theme.js';
-import './_helpers/data-tests.js';
-import 'conic-gradient';
-import './_helpers/dom.js';
-
-/**
- * @name Alert Service
- */
-
-class AlertService {
-  constructor() {
-    _defineProperty(this, "defaultTimeout", 0);
-
-    _defineProperty(this, "showingAlerts", []);
-
-    _defineProperty(this, "containerElement", document.createElement('div'));
-  }
-
-  _getShowingAlerts() {
-    return [...this.showingAlerts];
-  }
-
-  renderAlertContainer(alerts) {
-    if (alerts.length === 0) {
-      return /*#__PURE__*/React.createElement("span", null);
-    }
-
-    return /*#__PURE__*/React.createElement(Alerts, null, alerts.map(alert => {
-      const {
-        message,
-        key
-      } = alert,
-            rest = _objectWithoutProperties(alert, ["message", "key"]);
-
-      return /*#__PURE__*/React.createElement(Alert, _extends({
-        key: key
-      }, rest), message);
-    }));
-  }
-  /**
-   * Renders alert container into virtual node to skip maintaining container
-   */
-
-
-  renderAlerts() {
-    render(this.renderAlertContainer(this.showingAlerts), this.containerElement);
-  }
-
-  findSameAlert(message, type) {
-    return this.showingAlerts.filter(it => it.type === type && it.message === message)[0];
-  }
-
-  startAlertClosing(alert) {
-    alert.isClosing = true;
-    this.renderAlerts();
-  }
-
-  remove(key) {
-    const alertToClose = this.showingAlerts.filter(alert => alert.key === key)[0];
-
-    if (!alertToClose) {
-      return;
-    }
-
-    this.startAlertClosing(alertToClose);
-  }
-
-  removeWithoutAnimation(key) {
-    this.showingAlerts = this.showingAlerts.filter(alert => alert.key !== key);
-    this.renderAlerts();
-  }
-
-  stopShakingWhenAnimationDone(shakingAlert) {
-    setTimeout(() => {
-      shakingAlert.showWithAnimation = false;
-      shakingAlert.isShaking = false;
-      this.renderAlerts();
-    }, ANIMATION_TIME);
-  }
-
-  addAlert(message, type, timeout = this.defaultTimeout, restOptions = {}) {
-    const sameAlert = this.findSameAlert(message, type);
-
-    if (sameAlert) {
-      sameAlert.isShaking = true;
-      this.renderAlerts();
-      this.stopShakingWhenAnimationDone(sameAlert);
-      return sameAlert.key;
-    }
-
-    const alert = _objectSpread2({
-      key: getUID('alert-service-'),
-      message,
-      type,
-      timeout,
-      isClosing: false,
-      onCloseRequest: () => this.startAlertClosing(alert),
-      onClose: () => this.removeWithoutAnimation(alert.key)
-    }, restOptions);
-
-    this.showingAlerts = [alert, ...this.showingAlerts];
-    this.renderAlerts();
-    return alert.key;
-  }
-
-  setDefaultTimeout(timeout) {
-    this.defaultTimeout = timeout;
-  }
-
-  error(message, timeout) {
-    return this.addAlert(message, Alert.Type.ERROR, timeout);
-  }
-
-  message(message, timeout) {
-    return this.addAlert(message, Alert.Type.MESSAGE, timeout);
-  }
-
-  warning(message, timeout) {
-    return this.addAlert(message, Alert.Type.WARNING, timeout);
-  }
-
-  successMessage(message, timeout) {
-    return this.addAlert(message, Alert.Type.SUCCESS, timeout);
-  }
-
-  loadingMessage(message, timeout) {
-    return this.addAlert(message, Alert.Type.LOADING, timeout);
-  }
-
-}
-
-const alertService = new AlertService();
-
-export default alertService;

package/dist/alert.js

@@ -1,284 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, Children, cloneElement } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import exceptionIcon from '@jetbrains/icons/exception';
-import checkmarkIcon from '@jetbrains/icons/checkmark';
-import warningIcon from '@jetbrains/icons/warning';
-import closeIcon from '@jetbrains/icons/close';
-import Icon from './icon.js';
-import LoaderInline from './loader-inline.js';
-import { g as getRect } from './_helpers/dom.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import { createPortal } from 'react-dom';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './_helpers/theme.js';
-import 'conic-gradient';
-import './_helpers/get-uid.js';
-
-var modules_e02b3280 = {"unit":"8px","animation-duration":".3s","animation-easing":"ease-out","close":"alert_close__9b217ed4","alert":"alert_alert__9b217ed4","alertInline":"alert_alertInline__9b217ed4","error":"alert_error__9b217ed4","icon":"alert_icon__9b217ed4","caption":"alert_caption__9b217ed4","link":"alert_link__9b217ed4","withCloseButton":"alert_withCloseButton__9b217ed4","badge":"alert_badge__9b217ed4","loader":"alert_loader__9b217ed4","animationOpen":"alert_animationOpen__9b217ed4","show":"alert_show__9b217ed4","animationClosing":"alert_animationClosing__9b217ed4","animationShaking":"alert_animationShaking__9b217ed4","shaking":"alert_shaking__9b217ed4"};
-
-var modules_fc8df42d = {"unit":"8px","alert":"alert_alert__9b217ed4","alertContainer":"container_alertContainer__127d32bc","alertInContainer":"container_alertInContainer__127d32bc alert_alert__9b217ed4"};
-
-/**
- * @name Alert Container
- * @description Displays a stack of alerts on top of the page.
- * @extends {PureComponent}
- */
-
-class Alerts extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className"]);
-
-    const classes = classNames(modules_fc8df42d.alertContainer, className);
-    const show = Children.count(children) > 0;
-
-    if (!show) {
-      return null;
-    }
-
-    return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
-      "data-test": "alert-container",
-      className: classes,
-      "aria-live": "polite"
-    }, restProps), Children.map(children, child => {
-      const alertClassNames = classNames(modules_fc8df42d.alertInContainer, child.props.className);
-      return /*#__PURE__*/cloneElement(child, {
-        className: alertClassNames
-      });
-    })), document.body);
-  }
-
-}
-
-_defineProperty(Alerts, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string
-});
-
-const ANIMATION_TIME = 500;
-/**
- * @name Alert
- */
-
-/**
- * List of available alert types.
- * @enum {string}
- */
-
-const Type = {
-  ERROR: 'error',
-  MESSAGE: 'message',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  LOADING: 'loading'
-};
-/**
- * Lookup table of alert type to icon modifier.
- * @type {Object.<Type, string>}
- */
-
-const TypeToIcon = {
-  [Type.ERROR]: exceptionIcon,
-  [Type.SUCCESS]: checkmarkIcon,
-  [Type.WARNING]: warningIcon
-};
-/**
- * Lookup table of alert type to icon color.
- * @type {Object.<Type, Icon.Color>}
- */
-
-const TypeToIconColor = {
-  [Type.ERROR]: Icon.Color.RED,
-  [Type.SUCCESS]: Icon.Color.GREEN,
-  [Type.WARNING]: Icon.Color.WHITE
-};
-/**
- * @constructor
- * @name Alert
- * @extends {ReactComponent}
- */
-
-/**
- * **Alert** is a component for displaying contextual notifications. If you want to display a stack of notifications, use **Alerts** instead.
- */
-
-class Alert extends PureComponent {
-  constructor(..._args) {
-    super(..._args);
-
-    _defineProperty(this, "state", {
-      height: null
-    });
-
-    _defineProperty(this, "closeRequest", (...args) => {
-      const height = getRect(this.node).height;
-      this.setState({
-        height
-      });
-      return this.props.onCloseRequest(...args);
-    });
-
-    _defineProperty(this, "_handleCaptionsLinksClick", evt => {
-      if (evt.target.matches('a')) {
-        this.closeRequest(evt);
-      }
-    });
-
-    _defineProperty(this, "storeAlertRef", node => {
-      this.node = node;
-    });
-  }
-
-  componentDidMount() {
-    if (this.props.timeout > 0) {
-      this.hideTimeout = setTimeout(this.closeRequest, this.props.timeout);
-    }
-  }
-
-  componentDidUpdate() {
-    if (this.props.isClosing) {
-      this._close();
-    }
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.hideTimeout);
-  }
-
-  _close() {
-    setTimeout(() => {
-      this.props.onClose();
-    }, ANIMATION_TIME);
-  }
-  /**
-   * @param {SyntheticEvent} evt
-   * @private
-   */
-
-
-  /**
-   * @private
-   */
-  _getCaption() {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_e02b3280.caption, this.props.captionClassName, {
-        [modules_e02b3280.withCloseButton]: this.props.closeable
-      }),
-      onClick: this._handleCaptionsLinksClick // We only process clicks on `a` elements, see above
-      ,
-      role: "presentation"
-    }, this.props.children);
-  }
-  /**
-   * @private
-   * @return {XML|string}
-   */
-
-
-  _getIcon() {
-    const glyph = TypeToIcon[this.props.type];
-
-    if (glyph) {
-      return /*#__PURE__*/React.createElement(Icon, {
-        glyph: glyph,
-        className: modules_e02b3280.icon,
-        color: TypeToIconColor[this.props.type] || Icon.Color.DEFAULT
-      });
-    } else if (this.props.type === Type.LOADING) {
-      return /*#__PURE__*/React.createElement(LoaderInline, {
-        className: modules_e02b3280.loader,
-        theme: LoaderInline.Theme.DARK
-      });
-    }
-
-    return '';
-  }
-
-  render() {
-    const {
-      type,
-      inline,
-      isClosing,
-      isShaking,
-      showWithAnimation,
-      className,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_e02b3280.alert]: true,
-      [modules_e02b3280.animationOpen]: showWithAnimation,
-      [modules_e02b3280.error]: type === 'error',
-      [modules_e02b3280.alertInline]: inline,
-      [modules_e02b3280.animationClosing]: isClosing,
-      [modules_e02b3280.animationShaking]: isShaking
-    });
-    const style = this.state.height ? {
-      marginBottom: -this.state.height
-    } : null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": joinDataTestAttributes('alert', dataTest),
-      "data-test-type": type,
-      style: style,
-      ref: this.storeAlertRef
-    }, this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: modules_e02b3280.close,
-      "data-test": "alert-close",
-      "aria-label": "close alert",
-      onClick: this.closeRequest
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: closeIcon
-    })) : '');
-  }
-
-}
-
-_defineProperty(Alert, "propTypes", {
-  timeout: PropTypes.number,
-
-  /**
-   * Fires when alert starts closing if timeout is out or user clicks "Close" button
-   */
-  onCloseRequest: PropTypes.func,
-  onClose: PropTypes.func,
-  isShaking: PropTypes.bool,
-  isClosing: PropTypes.bool,
-
-  /**
-   * Whether an alert is rendered inside an **Alerts** container
-   * or standalone.
-   */
-  inline: PropTypes.bool,
-  showWithAnimation: PropTypes.bool,
-  closeable: PropTypes.bool,
-  type: PropTypes.oneOf(Object.values(Type)),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  captionClassName: PropTypes.string,
-  'data-test': PropTypes.string
-});
-
-_defineProperty(Alert, "defaultProps", {
-  closeable: true,
-  showWithAnimation: true,
-  type: Type.MESSAGE,
-  inline: true,
-  isClosing: false,
-  isShaking: false,
-  timeout: 0,
-  onClose: () => {},
-  onCloseRequest: () => {}
-});
-
-_defineProperty(Alert, "Type", Type);
-
-export default Alert;
-export { ANIMATION_TIME, Alerts as Container };