@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

package/dist/markdown/link.js

@@ -2,19 +2,25 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../link/link.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
 import 'classnames';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
-const MarkdownLink = _ref => {
-  let {
-    href,
-    title,
-    children
-  } = _ref;
+var MarkdownLink = function MarkdownLink(_ref) {
+  var href = _ref.href,
+    title = _ref.title,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement(Link, {
     href: href,
     title: title

package/dist/markdown/markdown.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import { Options } from 'react-markdown';
 export interface BaseMarkdownProps {
     inline?: boolean | null | undefined;
@@ -9,7 +9,7 @@ export type MarkdownProps = Options & BaseMarkdownProps;
   * @name Markdown
 */
 export default class Markdown extends PureComponent<MarkdownProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const md: (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;
 export { md };

package/dist/markdown/markdown.js

@@ -1,4 +1,5 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, _ as _defineProperty, f as _extends, m as _toConsumableArray, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import ReactMarkdown from 'react-markdown';
@@ -10,54 +11,83 @@ import trivialTemplateTag from '../global/trivial-template-tag.js';
 import MarkdownCode from './code.js';
 import MarkdownLink from './link.js';
 import MarkdownHeading from './heading.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.reverse.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.array.find.js';
+import 'core-js/modules/es.string.starts-with.js';
+import 'core-js/modules/es.string.replace.js';
 import '../code/code.js';
+import 'core-js/modules/es.promise.js';
 import 'highlight.js/lib/core';
 import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/link.js';
-import 'focus-visible';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../heading/heading.js';
 import 'util-deprecate';
 
-var modules_9c709e64 = {"unit":"8px","p-margin":"10px","light":"light_rui_e3b3","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
+var modules_9c709e64 = {"unit":"i__const_unit_0","p-margin":"10px","light":"light_rui_2ac4","inline":"inline_rui_e3b3","markdown":"markdown_rui_e3b3 font_rui_8bff"};
 
+var _excluded = ["className", "components", "inline", "children", "plugins", "remarkPlugins"];
 /**
   * @name Markdown
 */
-class Markdown extends PureComponent {
-  render() {
-    const {
-      className,
-      components,
-      inline,
-      children,
-      plugins = [],
-      remarkPlugins = [],
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, {
-      [modules_9c709e64.markdown]: !inline,
-      [modules_9c709e64.inline]: inline
-    });
-    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
-      className: classes,
-      remarkPlugins: [RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins],
-      components: {
-        a: MarkdownLink,
-        code: MarkdownCode,
-        h1: MarkdownHeading,
-        h2: MarkdownHeading,
-        h3: MarkdownHeading,
-        h4: MarkdownHeading,
-        h5: MarkdownHeading,
-        h6: MarkdownHeading,
-        ...components
-      }
-    }, restProps), normalizeIndent(children));
+var Markdown = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Markdown, _PureComponent);
+  var _super = _createSuper(Markdown);
+  function Markdown() {
+    _classCallCheck(this, Markdown);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Markdown, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        className = _this$props.className,
+        components = _this$props.components,
+        inline = _this$props.inline,
+        children = _this$props.children,
+        _this$props$plugins = _this$props.plugins,
+        plugins = _this$props$plugins === void 0 ? [] : _this$props$plugins,
+        _this$props$remarkPlu = _this$props.remarkPlugins,
+        remarkPlugins = _this$props$remarkPlu === void 0 ? [] : _this$props$remarkPlu,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(className, (_classNames = {}, _defineProperty(_classNames, modules_9c709e64.markdown, !inline), _defineProperty(_classNames, modules_9c709e64.inline, inline), _classNames));
+      return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
+        className: classes,
+        remarkPlugins: [RemarkBreaks, RemarkGFM].concat(_toConsumableArray(plugins), _toConsumableArray(remarkPlugins)),
+        components: _objectSpread2({
+          a: MarkdownLink,
+          code: MarkdownCode,
+          h1: MarkdownHeading,
+          h2: MarkdownHeading,
+          h3: MarkdownHeading,
+          h4: MarkdownHeading,
+          h5: MarkdownHeading,
+          h6: MarkdownHeading
+        }, components)
+      }, restProps), normalizeIndent(children));
+    }
+  }]);
+  return Markdown;
+}(PureComponent);
 Markdown.propTypes = {
   inline: PropTypes.bool,
   children: PropTypes.string,
@@ -65,6 +95,8 @@ Markdown.propTypes = {
   components: PropTypes.object,
   plugins: PropTypes.array
 };
-const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, null, source));
+var md = trivialTemplateTag(function (source) {
+  return /*#__PURE__*/React.createElement(Markdown, null, source);
+});
 
 export { Markdown as default, md };

package/dist/message/message.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import Popup, { PopupAttrs } from '../popup/popup';
 import { Directions } from '../popup/popup.consts';
 import { IconType } from '../icon/icon';
@@ -11,7 +11,7 @@ export interface MessageTranslations {
 export interface MessageProps {
     icon: string | IconType | null;
     directions: readonly Directions[];
-    translations: MessageTranslations;
+    translations?: MessageTranslations | null | undefined;
     theme: Theme;
     title?: string | null | undefined;
     children?: ReactNode;
@@ -34,10 +34,6 @@ export default class Message extends Component<MessageProps> {
     static defaultProps: {
         icon: string;
         directions: Directions[];
-        translations: {
-            gotIt: string;
-            dismiss: string;
-        };
         theme: Theme;
     };
     state: MessageState;
@@ -53,7 +49,7 @@ export default class Message extends Component<MessageProps> {
     node?: HTMLElement | null;
     popupRef: (el: Popup | null) => void;
     getTailOffset(): number;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type MessageAttrs = JSX.LibraryManagedAttributes<typeof Message, MessageProps>;
 export {};

package/dist/message/message.js

@@ -1,4 +1,9 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -7,198 +12,227 @@ import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'focus-visible';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import '../i18n/i18n.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","light":"light_rui_f3db","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
+var modules_8b837449 = {"unit":"i__const_unit_0","padding":"12px","light":"light_rui_2ac4","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
 
 /**
   * @name Message
   */
-const UNIT = 8;
-const TAIL_SIZE = 11;
-const getTailOffsets = offset => ({
-  [Directions.BOTTOM_RIGHT]: {
+var UNIT = 8;
+var TAIL_SIZE = 11;
+var getTailOffsets = function getTailOffsets(offset) {
+  var _ref;
+  return _ref = {}, _defineProperty(_ref, Directions.BOTTOM_RIGHT, {
     top: 0,
     left: offset + UNIT,
     transform: 'rotate(135deg)'
-  },
-  [Directions.BOTTOM_LEFT]: {
+  }), _defineProperty(_ref, Directions.BOTTOM_LEFT, {
     top: 0,
     right: offset - UNIT - TAIL_SIZE,
     transform: 'rotate(135deg)'
-  },
-  [Directions.BOTTOM_CENTER]: {
+  }), _defineProperty(_ref, Directions.BOTTOM_CENTER, {
     top: 0,
     left: offset + UNIT,
     transform: 'rotate(135deg)'
-  },
-  [Directions.TOP_RIGHT]: {
+  }), _defineProperty(_ref, Directions.TOP_RIGHT, {
     bottom: -TAIL_SIZE,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.TOP_LEFT]: {
+  }), _defineProperty(_ref, Directions.TOP_LEFT, {
     bottom: -TAIL_SIZE,
     right: offset + UNIT - TAIL_SIZE,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.TOP_CENTER]: {
+  }), _defineProperty(_ref, Directions.TOP_CENTER, {
     bottom: -TAIL_SIZE,
     left: offset - UNIT,
     transform: 'rotate(-45deg)'
-  },
-  [Directions.RIGHT_TOP]: {
+  }), _defineProperty(_ref, Directions.RIGHT_TOP, {
     bottom: offset + UNIT - TAIL_SIZE,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.RIGHT_BOTTOM]: {
+  }), _defineProperty(_ref, Directions.RIGHT_BOTTOM, {
     top: offset - UNIT,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.RIGHT_CENTER]: {
+  }), _defineProperty(_ref, Directions.RIGHT_CENTER, {
     top: offset - UNIT,
     left: 0,
     transform: 'rotate(45deg)'
-  },
-  [Directions.LEFT_TOP]: {
+  }), _defineProperty(_ref, Directions.LEFT_TOP, {
     bottom: offset - UNIT - TAIL_SIZE,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  },
-  [Directions.LEFT_BOTTOM]: {
+  }), _defineProperty(_ref, Directions.LEFT_BOTTOM, {
     top: offset + UNIT,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  },
-  [Directions.LEFT_CENTER]: {
+  }), _defineProperty(_ref, Directions.LEFT_CENTER, {
     top: offset + UNIT,
     right: -TAIL_SIZE,
     transform: 'rotate(-135deg)'
-  }
-});
+  }), _ref;
+};
 /**
  * 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, "popup", void 0);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "popupRef", el => {
-      this.popup = el;
-      this.node = this.popup?.node;
+var Message = /*#__PURE__*/function (_Component) {
+  _inherits(Message, _Component);
+  var _super = _createSuper(Message);
+  function Message() {
+    var _this;
+    _classCallCheck(this, Message);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {});
+    _defineProperty(_assertThisInitialized(_this), "_onDirectionChange", function (direction) {
+      return _this.setState({
+        direction: direction
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "popup", void 0);
+    _defineProperty(_assertThisInitialized(_this), "node", void 0);
+    _defineProperty(_assertThisInitialized(_this), "popupRef", function (el) {
+      var _this$popup;
+      _this.popup = el;
+      _this.node = (_this$popup = _this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
     });
+    return _this;
   }
-  getTailOffset() {
-    const DEFAULT_OFFSET = 32;
-    const {
-      popupProps
-    } = this.props;
-    if (this.props.tailOffset != null) {
-      return this.props.tailOffset;
+  _createClass(Message, [{
+    key: "getTailOffset",
+    value: function getTailOffset() {
+      var _this$popup2;
+      var DEFAULT_OFFSET = 32;
+      var popupProps = this.props.popupProps;
+      if (this.props.tailOffset != null) {
+        return this.props.tailOffset;
+      }
+      var 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;
+      }
+      var offset = Math.floor(anchor.offsetWidth / 2);
+      var isOpenedToRight = this.state.direction != null && [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;
     }
-    const anchor = popupProps?.anchorElement || this.popup?.parent;
-    if (!anchor) {
-      return DEFAULT_OFFSET;
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        tailClassName = _this$props.tailClassName,
+        title = _this$props.title,
+        icon = _this$props.icon,
+        popupProps = _this$props.popupProps,
+        buttonProps = _this$props.buttonProps,
+        onClose = _this$props.onClose,
+        onDismiss = _this$props.onDismiss,
+        translations = _this$props.translations,
+        theme = _this$props.theme;
+      var classes = classNames(modules_8b837449.message, className, _defineProperty({}, modules_59717246.dark, theme === Theme.DARK));
+      var tailClasses = classNames(modules_8b837449.tail, tailClassName);
+      var popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
+      var direction = this.state.direction;
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, function (_ref2) {
+        var translate = _ref2.translate;
+        return /*#__PURE__*/React.createElement(WithThemeClasses, {
+          theme: theme
+        }, function (themeClasses) {
+          var _translations$gotIt, _translations$dismiss;
+          return /*#__PURE__*/React.createElement(Popup, _extends({
+            ref: _this2.popupRef,
+            hidden: false,
+            directions: popupDirections,
+            className: classNames(classes, themeClasses),
+            offset: UNIT * 2,
+            onDirectionChange: _this2._onDirectionChange
+          }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+            theme: theme,
+            passToPopups: true
+          }, direction && /*#__PURE__*/React.createElement("div", {
+            className: tailClasses,
+            style: getTailOffsets(_this2.getTailOffset())[direction]
+          }), icon && /*#__PURE__*/React.createElement(Icon, {
+            className: modules_8b837449.icon,
+            glyph: icon
+          }), title && /*#__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 = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
+            onClick: onDismiss,
+            text: true
+          }, (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
+        });
+      });
     }
-    const offset = Math.floor(anchor.offsetWidth / 2);
-    const isOpenedToRight = this.state.direction != null && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps?.left && isOpenedToRight) {
-      return offset - popupProps?.left;
-    }
-    return offset;
-  }
-  render() {
-    const {
-      children,
-      className,
-      tailClassName,
-      title,
-      icon,
-      popupProps,
-      buttonProps,
-      onClose,
-      onDismiss,
-      translations,
-      theme
-    } = this.props;
-    const classes = classNames(modules_8b837449.message, className, {
-      [modules_59717246.dark]: theme === Theme.DARK
-    });
-    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(WithThemeClasses, {
-      theme: theme
-    }, themeClasses => /*#__PURE__*/React.createElement(Popup, _extends({
-      ref: this.popupRef,
-      hidden: false,
-      directions: popupDirections,
-      className: classNames(classes, themeClasses),
-      offset: UNIT * 2,
-      onDirectionChange: this._onDirectionChange
-    }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme,
-      passToPopups: true
-    }, direction && /*#__PURE__*/React.createElement("div", {
-      className: tailClasses,
-      style: getTailOffsets(this.getTailOffset())[direction]
-    }), icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_8b837449.icon,
-      glyph: icon
-    }), title && /*#__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))));
-  }
-}
+  }]);
+  return Message;
+}(Component);
 _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'
-  },
   theme: Theme.DARK
 });
 _defineProperty(Message, "Directions", Directions);