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

package/dist/message/message.js

@@ -1,232 +0,0 @@
-import { _ as _defineProperty, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import gift from '@jetbrains/icons/gift';
-import Popup from '../popup/popup.js';
-import Icon from '../icon/icon.js';
-import Button from '../button/button.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.consts.js';
-import '../popup/popup.target.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
-import '../global/memoize.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_message__18608ba2","icon":"message_icon__18608ba2","title":"message_title__18608ba2 global_fontLower__0f8f4370 global_font__0f8f4370","description":"message_description__18608ba2 global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","button":"message_button__18608ba2","tail":"message_tail__18608ba2"};
-
-/**
-  * @name Message
-  */
-
-const {
-  Directions
-} = Popup.PopupProps;
-const UNIT = 8;
-
-const getTailOffsets = offset => ({
-  [Directions.BOTTOM_RIGHT]: {
-    top: 0,
-    left: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.BOTTOM_LEFT]: {
-    top: 0,
-    right: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.BOTTOM_CENTER]: {
-    top: 0,
-    left: offset - UNIT,
-    transform: 'rotate(180deg)'
-  },
-  [Directions.TOP_RIGHT]: {
-    bottom: -UNIT + 1,
-    left: offset - UNIT
-  },
-  [Directions.TOP_LEFT]: {
-    bottom: -UNIT + 1,
-    right: offset - UNIT
-  },
-  [Directions.TOP_CENTER]: {
-    bottom: -UNIT + 1,
-    left: offset - UNIT
-  },
-  [Directions.RIGHT_TOP]: {
-    bottom: offset - UNIT,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.RIGHT_BOTTOM]: {
-    top: offset,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.RIGHT_CENTER]: {
-    top: offset,
-    left: -UNIT,
-    transform: 'rotate(90deg)'
-  },
-  [Directions.LEFT_TOP]: {
-    bottom: offset - UNIT,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  },
-  [Directions.LEFT_BOTTOM]: {
-    top: offset,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  },
-  [Directions.LEFT_CENTER]: {
-    top: offset,
-    right: -UNIT,
-    transform: 'rotate(-90deg)'
-  }
-});
-/**
- * Displays a popup containing a message.
- */
-
-
-class Message extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "state", {});
-
-    _defineProperty(this, "_onDirectionChange", direction => this.setState({
-      direction
-    }));
-
-    _defineProperty(this, "popupRef", el => {
-      var _this$popup;
-
-      this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
-    });
-  }
-
-  getTailOffset() {
-    var _this$popup2;
-
-    const DEFAULT_OFFSET = 32;
-    const {
-      popupProps
-    } = this.props;
-
-    if (this.props.tailOffset != null) {
-      return this.props.tailOffset;
-    }
-
-    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
-
-    if (!anchor) {
-      return DEFAULT_OFFSET;
-    }
-
-    const offset = Math.floor(anchor.offsetWidth / 2);
-    const isOpenedToRight = [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-
-    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
-    }
-
-    return offset;
-  }
-
-  render() {
-    const {
-      children,
-      className,
-      tailClassName,
-      title,
-      icon,
-      popupProps,
-      buttonProps,
-      onClose,
-      onDismiss,
-      translations
-    } = this.props;
-    const classes = classNames(modules_8b837449.message, className);
-    const tailClasses = classNames(modules_8b837449.tail, tailClassName);
-    const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
-    const {
-      direction
-    } = this.state;
-    return /*#__PURE__*/React.createElement(Popup, _extends({
-      ref: this.popupRef,
-      hidden: false,
-      directions: popupDirections,
-      className: classes,
-      offset: UNIT * 2,
-      onDirectionChange: this._onDirectionChange
-    }, popupProps), direction && /*#__PURE__*/React.createElement("div", {
-      className: tailClasses,
-      style: getTailOffsets(this.getTailOffset())[direction]
-    }), icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_8b837449.icon,
-      glyph: icon
-    }), /*#__PURE__*/React.createElement("h1", {
-      "data-test": "rgMessageTitle",
-      className: modules_8b837449.title
-    }, title), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_8b837449.description
-    }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-      className: modules_8b837449.button,
-      onClick: onClose,
-      primary: true
-    }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
-      onClick: onDismiss,
-      text: true
-    }, translations.dismiss));
-  }
-
-}
-
-_defineProperty(Message, "propTypes", {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  tailClassName: PropTypes.string,
-  title: PropTypes.string.isRequired,
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  directions: PropTypes.arrayOf(PropTypes.string),
-  direction: PropTypes.string,
-  popupProps: PropTypes.object,
-  buttonProps: PropTypes.object,
-  tailOffset: PropTypes.number,
-  onClose: PropTypes.func,
-  onDismiss: PropTypes.func,
-  translations: PropTypes.object
-});
-
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  translations: {
-    gotIt: 'Got it',
-    dismiss: 'Dismiss'
-  }
-});
-
-_defineProperty(Message, "Directions", Directions);
-
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
-
-export default Message;

package/dist/old-browsers-message/old-browsers-message.js

@@ -1,101 +0,0 @@
-import { isBrowserInWhiteList } from './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../global/sniffer.js';
-import 'sniffr';
-
-/**
- * @name Old Browsers Message
- */
-
-/**
-  The list of versions which are definitely supported. "Browser is unsupported"
-  won't be displayed for those and higher versions even when a JS error occurs
-  on application start.
- */
-
-let smileChanges = 0;
-const MAX_SMILE_CHANGES = 50;
-let previousWindowErrorHandler;
-
-function changeSmileClickListener(event) {
-  const eyes = ['O', 'o', '-', '>', '<'];
-  const target = event.target || event.srcElement;
-  smileChanges++;
-
-  function rand(min, max) {
-    return Math.round(Math.random() * (max - min)) + min;
-  }
-
-  function getRandomEye() {
-    return eyes[rand(0, eyes.length - 1)];
-  }
-
-  function getRandomSmile() {
-    if (smileChanges >= MAX_SMILE_CHANGES) {
-      return '\\\\ (x_x) //';
-    }
-
-    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
-  }
-
-  target.innerHTML = getRandomSmile();
-}
-
-function attachSmileClickListener(smileNode) {
-  if (smileNode.addEventListener) {
-    smileNode.addEventListener('click', changeSmileClickListener);
-  } else if (smileNode.attachEvent) {
-    smileNode.attachEvent('onclick', changeSmileClickListener);
-  }
-}
-/**
- * Listens to unhandled errors and displays passed node
- */
-
-
-function startOldBrowsersDetector(onOldBrowserDetected) {
-  previousWindowErrorHandler = window.onerror;
-
-  window.onerror = function oldBrowsersMessageShower(errorMsg, url, lineNumber) {
-    if (onOldBrowserDetected) {
-      onOldBrowserDetected();
-    }
-
-    if (previousWindowErrorHandler) {
-      return previousWindowErrorHandler(errorMsg, url, lineNumber);
-    }
-
-    return false;
-  };
-}
-
-function stopOldBrowserDetector() {
-  window.onerror = previousWindowErrorHandler;
-} //Start javascript error detection
-
-
-startOldBrowsersDetector(() => {
-  const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
-  const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
-  const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
-  const smileNode = document.getElementById('ring-old-browsers-message__smile');
-
-  if (isBrowserInWhiteList()) {
-    browserMessage.style.display = 'none';
-    errorMessage.style.display = 'block';
-  } else {
-    browserMessage.style.display = 'block';
-    errorMessage.style.display = 'none';
-  }
-
-  if (oldBrowsersMessageContainer) {
-    oldBrowsersMessageContainer.hidden = false;
-    oldBrowsersMessageContainer.style.display = 'block';
-  }
-
-  if (smileNode) {
-    attachSmileClickListener(smileNode);
-  }
-});
-
-export { stopOldBrowserDetector as stop };

package/dist/old-browsers-message/old-browsers-message__stop.js

@@ -1,5 +0,0 @@
-export { stop as default } from './old-browsers-message.js';
-import './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import '../global/sniffer.js';
-import 'sniffr';

package/dist/old-browsers-message/white-list.js

@@ -1,34 +0,0 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import sniffr from '../global/sniffer.js';
-import 'sniffr';
-
-const MAJOR_VERSION_INDEX = 0;
-/**
- * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
- */
-
-/* global SUPPORTED_BROWSERS */
-
-if (!["and_chr 90", "and_uc 12.12", "chrome 90", "chrome 89", "edge 90", "edge 89", "firefox 87", "ios_saf 14.0-14.4", "op_mini all", "safari 14", "samsung 13.0"]) {
-  // eslint-disable-next-line no-console
-  console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
-}
-
-const SUPPORTED = ["and_chr 90", "and_uc 12.12", "chrome 90", "chrome 89", "edge 90", "edge 89", "firefox 87", "ios_saf 14.0-14.4", "op_mini all", "safari 14", "samsung 13.0"] || [];
-const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
-  const [, browserName, version] = item.match(/(\S+)\s(\S+)/);
-
-  if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
-    return acc;
-  }
-
-  return _objectSpread2(_objectSpread2({}, acc), {}, {
-    [browserName]: parseInt(version, 10)
-  });
-}, {});
-function isBrowserInWhiteList() {
-  return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];
-}
-
-export { WHITE_LIST, isBrowserInWhiteList };