@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

package/components/query-assist/query-assist__suggestions.js

@@ -1,20 +1,10 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../list/list.js';
 export { Q as default } from '../_helpers/query-assist__suggestions.js';
 import 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.string.includes.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -24,25 +14,13 @@ import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.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 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -53,20 +31,16 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';

package/components/radio/radio.d.ts

@@ -1,17 +1,9 @@
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { RadioProps } from './radio__item';
 /**
  * @name Radio
  */
 export default class Radio extends Component<RadioProps> {
-    static propTypes: {
-        name: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
     static Item: import("react").ForwardRefExoticComponent<import("./radio__item").RadioItemProps & import("react").RefAttributes<import("./radio__item").RadioItemInner>>;
     uid: string;
     render(): import("react").JSX.Element;

package/components/radio/radio.js

@@ -1,46 +1,26 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
 import RadioItem, { RadioContext } from './radio__item.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'classnames';
 import '../control-help/control-help.js';
 
-var Radio = /*#__PURE__*/function (_Component) {
-  function Radio() {
-    var _this;
-    _classCallCheck(this, Radio);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Radio, [].concat(args));
-    _defineProperty(_this, "uid", getUID('ring-radio-'));
-    return _this;
+class Radio extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "uid", getUID('ring-radio-'));
   }
-  _inherits(Radio, _Component);
-  return _createClass(Radio, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsx(RadioContext.Provider, {
-        value: _objectSpread2({
-          name: this.uid
-        }, this.props),
-        children: this.props.children
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(Radio, "propTypes", {
-  name: PropTypes.string,
-  disabled: PropTypes.bool,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
-  onChange: PropTypes.func,
-  children: PropTypes.node.isRequired
-});
+  render() {
+    return /*#__PURE__*/jsx(RadioContext.Provider, {
+      value: _objectSpread2({
+        name: this.uid
+      }, this.props),
+      children: this.props.children
+    });
+  }
+}
 _defineProperty(Radio, "Item", RadioItem);
 
 export { Radio as default };

package/components/radio/radio__item.d.ts

@@ -1,5 +1,4 @@
 import { Component, InputHTMLAttributes, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;
@@ -9,14 +8,6 @@ export interface RadioItemInnerProps extends InputHTMLAttributes<HTMLInputElemen
     help?: ReactNode;
 }
 export declare class RadioItemInner extends Component<RadioItemInnerProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        checked: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     uid: string;
     input?: HTMLElement | null;
     inputRef: (el: HTMLElement | null) => void;

package/components/radio/radio__item.js

@@ -1,95 +1,75 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import { createContext, forwardRef, Component } from 'react';
-import PropTypes from 'prop-types';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { createContext, Component, forwardRef } from 'react';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.regexp.to-string.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var modules_df92307a = {"light":"light_rui_2ac4","radio":"radio_rui_798a","circle":"circle_rui_798a","input":"input_rui_798a","focus":"focus_rui_798a","label":"label_rui_798a"};
 
-var _excluded = ["className", "children", "help"],
+const _excluded = ["className", "children", "help"],
   _excluded2 = ["value", "onChange"];
-var RadioContext = /*#__PURE__*/createContext({});
-var RadioItemInner = /*#__PURE__*/function (_Component) {
-  function RadioItemInner() {
-    var _this;
-    _classCallCheck(this, RadioItemInner);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RadioItemInner, [].concat(args));
-    _defineProperty(_this, "uid", getUID('ring-radio-item-'));
-    _defineProperty(_this, "input", void 0);
-    _defineProperty(_this, "inputRef", function (el) {
-      _this.input = el;
+const RadioContext = /*#__PURE__*/createContext({});
+class RadioItemInner extends Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "uid", getUID('ring-radio-item-'));
+    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "inputRef", el => {
+      this.input = el;
     });
-    _defineProperty(_this, "label", void 0);
-    _defineProperty(_this, "labelRef", function (el) {
-      _this.label = el;
+    _defineProperty(this, "label", void 0);
+    _defineProperty(this, "labelRef", el => {
+      this.label = el;
     });
-    return _this;
   }
-  _inherits(RadioItemInner, _Component);
-  return _createClass(RadioItemInner, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        help = _this$props.help,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_df92307a.radio, className);
-      return /*#__PURE__*/jsxs("label", {
-        ref: this.labelRef,
-        className: classes,
-        htmlFor: this.uid,
-        children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
-          id: this.uid
-        }, restProps), {}, {
-          ref: this.inputRef,
-          className: modules_df92307a.input,
-          type: "radio"
-        })), /*#__PURE__*/jsx("span", {
-          className: modules_df92307a.circle
-        }), /*#__PURE__*/jsxs("span", {
-          className: modules_df92307a.label,
-          children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
-            children: help
-          })]
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        children,
+        help
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_df92307a.radio, className);
+    return /*#__PURE__*/jsxs("label", {
+      ref: this.labelRef,
+      className: classes,
+      htmlFor: this.uid,
+      children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
+        id: this.uid
+      }, restProps), {}, {
+        ref: this.inputRef,
+        className: modules_df92307a.input,
+        type: "radio"
+      })), /*#__PURE__*/jsx("span", {
+        className: modules_df92307a.circle
+      }), /*#__PURE__*/jsxs("span", {
+        className: modules_df92307a.label,
+        children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
+          children: help
         })]
-      });
-    }
-  }]);
-}(Component);
-_defineProperty(RadioItemInner, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  value: PropTypes.string,
-  name: PropTypes.string,
-  checked: PropTypes.bool,
-  onChange: PropTypes.func
-});
-var RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
+      })]
+    });
+  }
+}
+const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
   return /*#__PURE__*/jsx(RadioContext.Consumer, {
-    children: function children(_ref) {
-      var value = _ref.value,
-        onChange = _ref.onChange,
+    children: _ref => {
+      let {
+          value,
+          onChange
+        } = _ref,
         restContext = _objectWithoutProperties(_ref, _excluded2);
       return /*#__PURE__*/jsx(RadioItemInner, _objectSpread2(_objectSpread2({
         ref: ref
       }, restContext), {}, {
         checked: value != null ? value === props.value : undefined,
-        onChange: onChange != null ? function () {
-          return onChange(props.value);
-        } : undefined
+        onChange: onChange != null ? () => onChange(props.value) : undefined
       }, props));
     }
   });
 });
-RadioItem.propTypes = RadioItemInner.propTypes;
 
 export { RadioContext, RadioItemInner, RadioItem as default };

package/components/scrollable-section/scrollable-section.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/components/scrollable-section/scrollable-section.js

@@ -0,0 +1,53 @@
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var modules_8c094df0 = {"scrollableSection":"scrollableSection_rui_29c1","withTopBorder":"withTopBorder_rui_29c1","withRightBorder":"withRightBorder_rui_29c1","withBottomBorder":"withBottomBorder_rui_29c1","withLeftBorder":"withLeftBorder_rui_29c1"};
+
+const _excluded = ["className"];
+function ScrollableSection(_ref) {
+  let {
+      className
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  const [scrolledToTop, setScrolledToTop] = useState(false);
+  const [scrolledToRight, setScrolledToRight] = useState(false);
+  const [scrolledToBottom, setScrolledToBottom] = useState(false);
+  const [scrolledToLeft, setScrolledToLeft] = useState(false);
+  const ref = useRef(null);
+  const calculateScrollPosition = useCallback(() => {
+    if (ref.current != null) {
+      const {
+        scrollTop,
+        scrollLeft,
+        scrollHeight,
+        scrollWidth,
+        offsetHeight,
+        offsetWidth
+      } = ref.current;
+      setScrolledToTop(scrollTop === 0);
+      setScrolledToRight(offsetWidth + scrollLeft >= scrollWidth);
+      setScrolledToBottom(offsetHeight + scrollTop >= scrollHeight);
+      setScrolledToLeft(scrollLeft === 0);
+    }
+  }, []);
+  useEffect(() => {
+    requestAnimationFrame(calculateScrollPosition);
+    window.addEventListener('resize', calculateScrollPosition);
+    return () => window.removeEventListener('resize', calculateScrollPosition);
+  }, [calculateScrollPosition]);
+  return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+    className: classNames(modules_8c094df0.scrollableSection, className, {
+      [modules_8c094df0.withTopBorder]: !scrolledToTop,
+      [modules_8c094df0.withRightBorder]: !scrolledToRight,
+      [modules_8c094df0.withBottomBorder]: !scrolledToBottom,
+      [modules_8c094df0.withLeftBorder]: !scrolledToLeft
+    }),
+    ref: ref,
+    onScroll: calculateScrollPosition
+  }));
+}
+
+export { ScrollableSection as default };

package/components/select/select.d.ts

@@ -213,6 +213,9 @@ export default class Select<T = unknown> extends Component<SelectProps<T>, Selec
     shortcutsScope: string;
     listId: string;
     private _focusHandler;
+    isClickingSelect: boolean;
+    mouseDownHandler: () => void;
+    mouseUpHandler: () => void;
     private _blurHandler;
     node?: HTMLElement | null;
     nodeRef: (el: HTMLElement | null) => void;