@jetbrains/ring-ui-built 6.0.1

package/components/message/message.js

@@ -0,0 +1,267 @@
+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';
+import gift from '@jetbrains/icons/gift';
+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.array.iterator.js';
+import 'core-js/modules/es.set.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__svg.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+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 = {"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
+  */
+var UNIT = 8;
+var TAIL_SIZE = 11;
+var getTailOffsets = function getTailOffsets(offset) {
+  return {
+    [Directions.BOTTOM_RIGHT]: {
+      top: 0,
+      left: offset + UNIT,
+      transform: 'rotate(135deg)'
+    },
+    [Directions.BOTTOM_LEFT]: {
+      top: 0,
+      right: offset - UNIT - TAIL_SIZE,
+      transform: 'rotate(135deg)'
+    },
+    [Directions.BOTTOM_CENTER]: {
+      top: 0,
+      left: offset + UNIT,
+      transform: 'rotate(135deg)'
+    },
+    [Directions.TOP_RIGHT]: {
+      bottom: -TAIL_SIZE,
+      left: offset - UNIT,
+      transform: 'rotate(-45deg)'
+    },
+    [Directions.TOP_LEFT]: {
+      bottom: -TAIL_SIZE,
+      right: offset + UNIT - TAIL_SIZE,
+      transform: 'rotate(-45deg)'
+    },
+    [Directions.TOP_CENTER]: {
+      bottom: -TAIL_SIZE,
+      left: offset - UNIT,
+      transform: 'rotate(-45deg)'
+    },
+    [Directions.RIGHT_TOP]: {
+      bottom: offset + UNIT - TAIL_SIZE,
+      left: 0,
+      transform: 'rotate(45deg)'
+    },
+    [Directions.RIGHT_BOTTOM]: {
+      top: offset - UNIT,
+      left: 0,
+      transform: 'rotate(45deg)'
+    },
+    [Directions.RIGHT_CENTER]: {
+      top: offset - UNIT,
+      left: 0,
+      transform: 'rotate(45deg)'
+    },
+    [Directions.LEFT_TOP]: {
+      bottom: offset - UNIT - TAIL_SIZE,
+      right: -TAIL_SIZE,
+      transform: 'rotate(-135deg)'
+    },
+    [Directions.LEFT_BOTTOM]: {
+      top: offset + UNIT,
+      right: -TAIL_SIZE,
+      transform: 'rotate(-135deg)'
+    },
+    [Directions.LEFT_CENTER]: {
+      top: offset + UNIT,
+      right: -TAIL_SIZE,
+      transform: 'rotate(-135deg)'
+    }
+  };
+};
+/**
+ * Displays a popup containing a message.
+ */
+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
+      });
+    });
+    _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;
+  }
+  _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;
+    }
+  }, {
+    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, {
+        [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 (_ref) {
+        var translate = _ref.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'))));
+        });
+      });
+    }
+  }]);
+  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],
+  theme: Theme.DARK
+});
+_defineProperty(Message, "Directions", Directions);
+_defineProperty(Message, "PopupProps", Popup.PopupProps);
+Message.propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  tailClassName: PropTypes.string,
+  title: PropTypes.string,
+  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
+};
+
+export { Message as default };

package/components/old-browsers-message/old-browsers-message.d.ts

@@ -0,0 +1,2 @@
+declare function stopOldBrowserDetector(): void;
+export { stopOldBrowserDetector as stop };

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

@@ -0,0 +1,92 @@
+import 'core-js/modules/es.array.concat.js';
+import { isBrowserInWhiteList } from './white-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.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.
+ */
+var smileChanges = 0;
+var MAX_SMILE_CHANGES = 50;
+var previousWindowErrorHandler;
+function changeSmileClickListener(event) {
+  var eyes = ['O', 'o', '-', '>', '<'];
+  var 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 "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
+  }
+  target.innerHTML = getRandomSmile();
+}
+function attachSmileClickListener(smileNode) {
+  if (smileNode.addEventListener) {
+    smileNode.addEventListener('click', changeSmileClickListener);
+    /* eslint-disable @typescript-eslint/no-explicit-any */
+  } else if (smileNode.attachEvent) {
+    smileNode.attachEvent('onclick', changeSmileClickListener);
+    /* eslint-enable */
+  }
+}
+/**
+ * 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(function () {
+  var oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
+  var browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
+  var errorMessage = document.getElementById('ring-old-browsers-message__error-message');
+  var smileNode = document.getElementById('ring-old-browsers-message__smile');
+  if (browserMessage != null && errorMessage != null) {
+    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/components/old-browsers-message/old-browsers-message__stop.d.ts

@@ -0,0 +1 @@
+export { stop as default } from './old-browsers-message';

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

@@ -0,0 +1,11 @@
+export { stop as default } from './old-browsers-message.js';
+import 'core-js/modules/es.array.concat.js';
+import './white-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.js';
+import '../global/sniffer.js';
+import 'sniffr';

package/components/old-browsers-message/white-list.d.ts

@@ -0,0 +1,2 @@
+export declare const WHITE_LIST: Record<string, number>;
+export declare function isBrowserInWhiteList(): boolean;

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

@@ -0,0 +1,37 @@
+import { j as _slicedToArray, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.includes.js';
+import sniffr from '../global/sniffer.js';
+import 'sniffr';
+
+var MAJOR_VERSION_INDEX = 0;
+/**
+ * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
+ */
+if (!["and_chr 119", "chrome 119", "chrome 118", "chrome 109", "edge 119", "firefox 119", "ios_saf 17.1", "ios_saf 17.0", "ios_saf 16.6-16.7", "op_mob 73", "safari 16.6", "samsung 23"]) {
+  // eslint-disable-next-line no-console
+  console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
+}
+var SUPPORTED = ["and_chr 119", "chrome 119", "chrome 118", "chrome 109", "edge 119", "firefox 119", "ios_saf 17.1", "ios_saf 17.0", "ios_saf 16.6-16.7", "op_mob 73", "safari 16.6", "samsung 23"] || [];
+var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
+var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
+  var _item$match;
+  var _ref = (_item$match = item.match(/(\S+)\s(\S+)/)) !== null && _item$match !== void 0 ? _item$match : [],
+    _ref2 = _slicedToArray(_ref, 3),
+    browserName = _ref2[1],
+    version = _ref2[2];
+  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 };

package/components/pager/pager.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @name Pager
+ */
+import React, { PureComponent, ReactNode } from 'react';
+import { SelectItem } from '../select/select';
+export interface PagerTranslations {
+    perPage: string;
+    firstPage: string;
+    lastPage: string;
+    nextPage: string;
+    previousPage: string;
+}
+export interface PagerProps {
+    total: number;
+    currentPage: number;
+    pageSize: number;
+    pageSizes: readonly number[];
+    visiblePagesLimit: number;
+    disablePageSizeSelector: boolean;
+    openTotal: boolean;
+    canLoadLastPageWithOpenTotal: boolean;
+    translations?: PagerTranslations | null | undefined;
+    loader: boolean;
+    loaderNavigation: boolean;
+    onPageSizeChange: (size: number) => void;
+    onLoadPage: (nextPage: number) => void;
+    onPageChange?: ((prevPage: number, event?: React.MouseEvent) => void) | null | undefined;
+    className?: string | null | undefined;
+    hrefFunc?: ((page: number, pageSize: number | undefined) => string) | undefined;
+}
+interface PagerSizeItem {
+    key: number;
+}
+export default class Pager extends PureComponent<PagerProps> {
+    static defaultProps: {
+        currentPage: number;
+        pageSize: number;
+        pageSizes: number[];
+        visiblePagesLimit: number;
+        disablePageSizeSelector: boolean;
+        openTotal: boolean;
+        canLoadLastPageWithOpenTotal: boolean;
+        loader: boolean;
+        loaderNavigation: boolean;
+        onPageSizeChange: () => void;
+        onLoadPage: () => void;
+    };
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof Pager.contextType>;
+    getSelectOptions(): {
+        selected: SelectItem<PagerSizeItem> | undefined;
+        data: SelectItem<PagerSizeItem>[];
+    };
+    getTotalPages(): number;
+    handlePageSizeChange: (item: PagerSizeItem | null) => void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    handlePageChange: (arg: number) => (event: React.MouseEvent) => void;
+    handleLoadMore: (arg: number) => () => void;
+    getButton(page: number, content: ReactNode, key?: number, active?: boolean): React.JSX.Element;
+    getClickProps(onClick: (e: React.MouseEvent) => void): {
+        onPlainLeftClick?: undefined;
+        onClick?: undefined;
+    } | {
+        onPlainLeftClick: (e: React.MouseEvent) => void;
+        onClick?: undefined;
+    } | {
+        onClick: (e: React.MouseEvent) => void;
+        onPlainLeftClick?: undefined;
+    };
+    getPageSizeSelector(): false | React.JSX.Element;
+    getPagerLinks(): React.JSX.Element;
+    generateHref(page: number): string | undefined;
+    getPagerContent(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export type PagerAttrs = JSX.LibraryManagedAttributes<typeof Pager, PagerProps>;
+export {};