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

package/dist/link/link.js

@@ -1,27 +1,35 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'focus-visible';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent, memo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
-import { m as modules_607b0772 } from '../_helpers/link.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 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
+var modules_607b0772 = {"light":"light_rui_2ac4","link":"link_rui_d382","hover":"hover_rui_d382","inner":"inner_rui_d382","active":"active_rui_d382","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_d382","pseudo":"pseudo_rui_d382","text":"text_rui_d382","inherit":"inherit_rui_d382"};
+
+var _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "innerClassName", "children", "onPlainLeftClick", "onClick"];
 /**
  * @name Link
  */
-let isCompatibilityMode = false;
+var isCompatibilityMode = false;
 function setCompatibilityMode(isEnabled) {
   isCompatibilityMode = isEnabled;
 }
-const makeWrapText = memoize(innerClassName => {
+var makeWrapText = memoize(function (innerClassName) {
   function WrapText(_ref) {
-    let {
-      className,
-      children
-    } = _ref;
-    const classes = classNames(modules_607b0772.inner, className, innerClassName);
+    var className = _ref.className,
+      children = _ref.children;
+    var classes = classNames(modules_607b0772.inner, className, innerClassName);
     return /*#__PURE__*/React.createElement("span", {
       className: classes
     }, children);
@@ -34,65 +42,68 @@ const makeWrapText = memoize(innerClassName => {
 });
 function linkHOC(ComposedComponent) {
   var _class;
-  const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
-  return _class = class Link extends PureComponent {
-    getChildren() {
-      const {
-        children,
-        innerClassName
-      } = this.props;
-      const WrapText = makeWrapText(innerClassName);
-      return typeof children === 'function' ? children(WrapText) : /*#__PURE__*/React.createElement(WrapText, null, children);
+  var isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
+  return _class = /*#__PURE__*/function (_PureComponent) {
+    _inherits(Link, _PureComponent);
+    var _super = _createSuper(Link);
+    function Link() {
+      _classCallCheck(this, Link);
+      return _super.apply(this, arguments);
     }
-    render() {
-      const {
-        active,
-        inherit,
-        pseudo,
-        hover,
-        className,
-        'data-test': dataTest,
-        href,
-        innerClassName,
-        children,
-        onPlainLeftClick,
-        onClick,
-        ...restProps
-      } = this.props;
-      const useButton = pseudo || !isCustom && href == null;
-      const classes = classNames(modules_607b0772.link, className, {
-        [modules_607b0772.active]: active,
-        [modules_607b0772.inherit]: inherit,
-        [modules_607b0772.hover]: hover,
-        [modules_607b0772.compatibilityUnderlineMode]: isCompatibilityMode,
-        [modules_607b0772.pseudo]: useButton,
-        [modules_607b0772.text]: typeof children !== 'function'
-      });
-      let props = restProps;
-      if (isCustom && !props.activeClassName) {
-        props = {
-          ...props,
-          activeClassName: modules_607b0772.active
-        };
+    _createClass(Link, [{
+      key: "getChildren",
+      value: function getChildren() {
+        var _this$props = this.props,
+          children = _this$props.children,
+          innerClassName = _this$props.innerClassName;
+        var WrapText = makeWrapText(innerClassName);
+        return typeof children === 'function' ? children(WrapText) : /*#__PURE__*/React.createElement(WrapText, null, children);
       }
-      if (useButton) {
-        return /*#__PURE__*/React.createElement("button", _extends({
-          type: "button"
-        }, props, {
+    }, {
+      key: "render",
+      value: function render() {
+        var _classNames;
+        var _this$props2 = this.props,
+          active = _this$props2.active,
+          inherit = _this$props2.inherit,
+          pseudo = _this$props2.pseudo,
+          hover = _this$props2.hover,
+          className = _this$props2.className,
+          dataTest = _this$props2['data-test'],
+          href = _this$props2.href;
+          _this$props2.innerClassName;
+          var children = _this$props2.children,
+          onPlainLeftClick = _this$props2.onPlainLeftClick,
+          onClick = _this$props2.onClick,
+          restProps = _objectWithoutProperties(_this$props2, _excluded);
+        var useButton = pseudo || !isCustom && href == null;
+        var classes = classNames(modules_607b0772.link, className, (_classNames = {}, _defineProperty(_classNames, modules_607b0772.active, active), _defineProperty(_classNames, modules_607b0772.inherit, inherit), _defineProperty(_classNames, modules_607b0772.hover, hover), _defineProperty(_classNames, modules_607b0772.compatibilityUnderlineMode, isCompatibilityMode), _defineProperty(_classNames, modules_607b0772.pseudo, useButton), _defineProperty(_classNames, modules_607b0772.text, typeof children !== 'function'), _classNames));
+        var props = restProps;
+        if (isCustom && !props.activeClassName) {
+          props = _objectSpread2(_objectSpread2({}, props), {}, {
+            activeClassName: modules_607b0772.active
+          });
+        }
+        if (useButton) {
+          return /*#__PURE__*/React.createElement("button", _extends({
+            type: "button"
+          }, props, {
+            className: classes,
+            onClick: onClick || onPlainLeftClick,
+            "data-test": joinDataTestAttributes('ring-link', dataTest)
+          }), this.getChildren());
+        }
+        return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
+          href: href,
           className: classes,
-          onClick: onClick || onPlainLeftClick,
+          onClick: onClick,
+          onPlainLeftClick: onPlainLeftClick,
           "data-test": joinDataTestAttributes('ring-link', dataTest)
         }), this.getChildren());
       }
-      return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, props, {
-        href: href,
-        className: classes,
-        onClick: onClick,
-        onPlainLeftClick: onPlainLeftClick,
-        "data-test": joinDataTestAttributes('ring-link', dataTest)
-      }), this.getChildren());
-    }
-  }, _defineProperty(_class, "propTypes", {
+    }]);
+    return Link;
+  }(PureComponent), _defineProperty(_class, "propTypes", {
     className: PropTypes.string,
     innerClassName: PropTypes.string,
     active: PropTypes.bool,

package/dist/list/consts.js

@@ -11,18 +11,21 @@ var Type;
   Type[Type["TITLE"] = 5] = "TITLE";
   Type[Type["MARGIN"] = 6] = "MARGIN";
 })(Type || (Type = {}));
+// TODO refactor to plain object in 6.0
 var Dimension;
 (function (Dimension) {
   Dimension[Dimension["ITEM_PADDING"] = 16] = "ITEM_PADDING";
   Dimension[Dimension["ITEM_HEIGHT"] = 32] = "ITEM_HEIGHT";
   Dimension[Dimension["COMPACT_ITEM_HEIGHT"] = 24] = "COMPACT_ITEM_HEIGHT";
   Dimension[Dimension["SEPARATOR_HEIGHT"] = 25] = "SEPARATOR_HEIGHT";
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
   Dimension[Dimension["SEPARATOR_FIRST_HEIGHT"] = 16] = "SEPARATOR_FIRST_HEIGHT";
   Dimension[Dimension["SEPARATOR_TEXT_HEIGHT"] = 18] = "SEPARATOR_TEXT_HEIGHT";
   Dimension[Dimension["TITLE_HEIGHT"] = 42] = "TITLE_HEIGHT";
   Dimension[Dimension["INNER_PADDING"] = 8] = "INNER_PADDING";
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
   Dimension[Dimension["MARGIN"] = 8] = "MARGIN";
 })(Dimension || (Dimension = {}));
-const DEFAULT_ITEM_TYPE = Type.ITEM;
+var DEFAULT_ITEM_TYPE = Type.ITEM;
 
 export { DEFAULT_ITEM_TYPE, Dimension, Type };

package/dist/list/list.d.ts

@@ -24,7 +24,7 @@ export interface ListProps<T = unknown> {
     restoreActiveIndex: boolean;
     activateSingleItem: boolean;
     activateFirstItem: boolean;
-    onMouseOut: (e: SyntheticEvent) => void;
+    onMouseOut: (e: SyntheticEvent<HTMLElement>) => void;
     onSelect: (item: ListDataItem<T>, event: Event | SyntheticEvent, params?: SelectHandlerParams) => void;
     onScrollToBottom: () => void;
     onResize: (info: Size) => void;
@@ -49,7 +49,7 @@ export declare const ActiveItemContext: {
     ValueContext: React.Context<string | undefined>;
     UpdateContext: React.Context<(value: string | undefined) => void>;
     Provider: {
-        ({ children }: import("../global/create-stateful-context").ProviderProps): JSX.Element;
+        ({ children }: import("../global/create-stateful-context").ProviderProps): React.JSX.Element;
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };
@@ -176,19 +176,19 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     getVisibleListHeight(maxHeight: number): number;
     private _deprecatedGenerateKeyFromContent;
     getId(item: ListDataItem<T> | null): string | undefined;
-    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => JSX.Element;
+    renderItem: ({ index, style, isScrolling, parent, key }: Partial<ListRowProps>) => React.JSX.Element;
     addItemDataTestToProp: (props: ListDataItemProps<T>) => ListDataItemProps<T>;
     virtualizedListRef: (el: VirtualizedList | null) => void;
     containerRef: (el: HTMLElement | null) => void;
     private _inner?;
     get inner(): HTMLElement | null | undefined;
-    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): JSX.Element;
-    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): JSX.Element;
-    renderSimple(maxHeight: number | null | undefined, rowCount: number): JSX.Element;
+    renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): React.JSX.Element;
+    renderVirtualized(maxHeight: number | null | undefined, rowCount: number): React.JSX.Element;
+    renderSimple(maxHeight: number | null | undefined, rowCount: number): React.JSX.Element;
     id: string;
     shortcutsScope: string;
     shortcutsMap: ShortcutsMap;
     /** @override */
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ListAttrs<T = unknown> = JSX.LibraryManagedAttributes<typeof List, ListProps<T>>;