@jetbrains/ring-ui-built 6.0.37 → 6.0.39

package/components/_helpers/dialog__body-scroll-preventer.js

@@ -4,7 +4,7 @@ import 'core-js/modules/es.set.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import scrollbarWidth from 'scrollbar-width';
 
-var modules_5e9b8c03 = {"header":"header_rui_c019","light":"light_rui_2ac4","container":"container_rui_027b","innerContainer":"innerContainer_rui_027b","content":"content_rui_027b","panel":"panel_rui_027b","clickableOverlay":"clickableOverlay_rui_027b","closeIcon":"closeIcon_rui_027b","closeButton":"closeButton_rui_027b","closeButtonOutside":"closeButtonOutside_rui_027b","closeButtonInside":"closeButtonInside_rui_027b","documentWithoutScroll":"documentWithoutScroll_rui_027b","popupTarget":"popupTarget_rui_027b","dense":"dense_rui_027b"};
+var modules_5e9b8c03 = {"header":"header_rui_c019","scrollableWrapper":"scrollableWrapper_rui_c019","light":"light_rui_2ac4","container":"container_rui_027b","nativeDialog":"nativeDialog_rui_027b","innerContainer":"innerContainer_rui_027b","content":"content_rui_027b","panel":"panel_rui_027b","clickableOverlay":"clickableOverlay_rui_027b","closeIcon":"closeIcon_rui_027b","closeButton":"closeButton_rui_027b","closeButtonOutside":"closeButtonOutside_rui_027b","closeButtonInside":"closeButtonInside_rui_027b","documentWithoutScroll":"documentWithoutScroll_rui_027b","popupTarget":"popupTarget_rui_027b","dense":"dense_rui_027b"};
 
 var isPrevented = new Set();
 var previousDocumentWidth = null;

package/components/_helpers/input.js

@@ -10,7 +10,7 @@ import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
 import { I18nContext } from '../i18n/i18n-context.js';
-import composeRefs from '../global/composeRefs.js';
+import { createComposedRef } from '../global/composeRefs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { ControlLabel } from '../control-label/control-label.js';
 import ControlHelp from '../control-help/control-help.js';
@@ -48,6 +48,7 @@ var Input = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_this, "inputRef", function (el) {
       _this.input = el;
     });
+    _defineProperty(_this, "composedInputRef", createComposedRef());
     _defineProperty(_this, "clear", function (e) {
       _this.props.onClear && _this.props.onClear(e);
     });
@@ -160,7 +161,7 @@ var Input = /*#__PURE__*/function (_PureComponent) {
       var inputClasses = classNames(modules_88cfaf40.input, inputClassName);
       var text = value != null ? value : children;
       var commonProps = {
-        ref: composeRefs(this.inputRef, inputRef),
+        ref: this.composedInputRef(this.inputRef, inputRef),
         className: inputClasses,
         value: text,
         disabled,

package/components/checkbox/checkbox.js

@@ -23,6 +23,7 @@ import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 
 var modules_3199090e = {"checkboxSize":"14px","light":"light_rui_2ac4","checkbox":"checkbox_rui_219d","cell":"cell_rui_219d","icon":"icon_rui_219d","check":"check_rui_219d icon_rui_219d","minus":"minus_rui_219d icon_rui_219d","input":"input_rui_219d","cellWrapper":"cellWrapper_rui_219d","focus":"focus_rui_219d","label":"label_rui_219d"};
 

package/components/confirm/confirm.d.ts

@@ -13,6 +13,7 @@ export interface ConfirmProps {
     onConfirm: ((event: React.MouseEvent<HTMLButtonElement>) => void);
     onReject: ((event?: React.MouseEvent<HTMLButtonElement>) => void);
     className?: string | undefined;
+    native?: boolean;
 }
 /**
  * @name Confirm

package/components/confirm/confirm.js

@@ -95,7 +95,8 @@ var Confirm = /*#__PURE__*/function (_PureComponent) {
         confirmLabel = _this$props.confirmLabel,
         rejectLabel = _this$props.rejectLabel,
         onConfirm = _this$props.onConfirm,
-        onReject = _this$props.onReject;
+        onReject = _this$props.onReject,
+        native = _this$props.native;
       return /*#__PURE__*/jsxs(Dialog, {
         label: text || (typeof description === 'string' ? description : undefined),
         className: className,
@@ -103,6 +104,7 @@ var Confirm = /*#__PURE__*/function (_PureComponent) {
         show: show,
         trapFocus: true,
         "data-test": "ring-confirm",
+        native: native,
         children: [text && /*#__PURE__*/jsx(HeaderWrapper, {
           children: text
         }), description && /*#__PURE__*/jsx(ContentWrapper, {

package/components/data-list/data-list.js

@@ -18,6 +18,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../table/selection.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.index-of.js';

package/components/data-list/item.js

@@ -41,6 +41,7 @@ import '../global/focus-sensor-hoc.js';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';

package/components/data-list/title.js

@@ -12,6 +12,7 @@ import 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';

package/components/date-picker/date-input.d.ts

@@ -35,6 +35,7 @@ export default class DateInput extends React.PureComponent<DateInputProps> {
         onClear: PropTypes.Requireable<(...args: any[]) => any>;
         locale: PropTypes.Requireable<object>;
     };
+    componentDidMount(): void;
     componentDidUpdate(prevProps: DateInputProps): void;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof DateInput.contextType>;

package/components/date-picker/date-input.js

@@ -34,6 +34,7 @@ import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../i18n/i18n.js';
@@ -53,7 +54,6 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
     _defineProperty(_this, "input", void 0);
     _defineProperty(_this, "inputRef", function (el) {
       _this.input = el;
-      _this.updateInput(_this.props);
     });
     _defineProperty(_this, "handleChange", function (e) {
       return _this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
@@ -65,6 +65,11 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
   }
   _inherits(DateInput, _React$PureComponent);
   return _createClass(DateInput, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.updateInput(this.props);
+    }
+  }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,

package/components/date-picker/date-picker.js

@@ -77,6 +77,7 @@ import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../i18n/i18n.js';
@@ -131,6 +132,7 @@ var PopupComponent = function PopupComponent(_ref) {
     ref: popupRef,
     directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT]
   }, restProps), {}, {
+    trapFocus: true,
     children: /*#__PURE__*/jsx(DatePopup, _objectSpread2(_objectSpread2({
       onClear: onClear
     }, datePopupProps), {}, {

package/components/date-picker/date-popup.js

@@ -48,6 +48,7 @@ import '../i18n/i18n.js';
 import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import 'date-fns/addMonths';

package/components/dialog/dialog.d.ts

@@ -19,6 +19,8 @@ export interface DialogProps extends Partial<TabTrapProps> {
     portalTarget?: Element | null | undefined;
     'data-test'?: string | null | undefined;
     dense?: boolean | null | undefined;
+    native?: boolean;
+    modal?: boolean;
 }
 export default class Dialog extends PureComponent<DialogProps> {
     static propTypes: {
@@ -52,6 +54,7 @@ export default class Dialog extends PureComponent<DialogProps> {
         reset: () => void;
     };
     uid: string;
+    toggleNativeDialog(): void;
     toggleScrollPreventer(): void;
     handleClick: (event: React.MouseEvent<HTMLElement>) => void;
     onCloseClick: (event: React.MouseEvent<HTMLElement>) => void;
@@ -60,6 +63,7 @@ export default class Dialog extends PureComponent<DialogProps> {
     };
     dialog?: HTMLElement | null;
     dialogRef: (tabTrap: TabTrap | null) => void;
-    render(): false | React.ReactPortal;
+    nativeDialog: React.RefObject<HTMLDialogElement>;
+    render(): false | React.JSX.Element;
 }
 export type DialogAttrs = JSX.LibraryManagedAttributes<typeof Dialog, DialogProps>;

package/components/dialog/dialog.js

@@ -1,6 +1,6 @@
 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 { PureComponent } from 'react';
+import { PureComponent, createRef } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -13,7 +13,7 @@ import TabTrap from '../tab-trap/tab-trap.js';
 import { Button } from '../button/button.js';
 import { PopupTarget } from '../popup/popup.target.js';
 import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -60,7 +60,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import 'scrollbar-width';
 
-var _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions"];
+var _excluded = ["show", "showCloseButton", "onOverlayClick", "onCloseAttempt", "onEscPress", "onCloseClick", "children", "className", "contentClassName", "trapFocus", "data-test", "closeButtonInside", "portalTarget", "label", "closeButtonTitle", "dense", "shortcutOptions", "native", "modal"];
 function noop() {}
 var Dialog = /*#__PURE__*/function (_PureComponent) {
   function Dialog() {
@@ -98,17 +98,30 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_this, "dialogRef", function (tabTrap) {
       _this.dialog = tabTrap && tabTrap.node;
     });
+    _defineProperty(_this, "nativeDialog", /*#__PURE__*/createRef());
     return _this;
   }
   _inherits(Dialog, _PureComponent);
   return _createClass(Dialog, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$props = this.props,
+        show = _this$props.show,
+        native = _this$props.native;
+      if (native && show) {
+        this.toggleNativeDialog();
+      }
       this.toggleScrollPreventer();
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      var _this$props2 = this.props,
+        show = _this$props2.show,
+        native = _this$props2.native;
+      if (native && show !== prevProps.show) {
+        this.toggleNativeDialog();
+      }
       if (prevProps.show !== this.props.show) {
         this.toggleScrollPreventer();
       }
@@ -118,6 +131,20 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
     value: function componentWillUnmount() {
       this.scrollPreventer.reset();
     }
+  }, {
+    key: "toggleNativeDialog",
+    value: function toggleNativeDialog() {
+      var _this$props3 = this.props,
+        show = _this$props3.show,
+        modal = _this$props3.modal;
+      if (this.nativeDialog.current != null) {
+        if (show) {
+          modal ? this.nativeDialog.current.showModal() : this.nativeDialog.current.show();
+        } else {
+          this.nativeDialog.current.close();
+        }
+      }
+    }
   }, {
     key: "toggleScrollPreventer",
     value: function toggleScrollPreventer() {
@@ -131,27 +158,78 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var _this$props = this.props,
-        show = _this$props.show,
-        showCloseButton = _this$props.showCloseButton,
-        onOverlayClick = _this$props.onOverlayClick,
-        onCloseAttempt = _this$props.onCloseAttempt;
-        _this$props.onEscPress;
-        _this$props.onCloseClick;
-        var _children = _this$props.children,
-        className = _this$props.className,
-        contentClassName = _this$props.contentClassName,
-        trapFocus = _this$props.trapFocus,
-        dataTest = _this$props['data-test'],
-        closeButtonInside = _this$props.closeButtonInside,
-        portalTarget = _this$props.portalTarget,
-        label = _this$props.label,
-        closeButtonTitle = _this$props.closeButtonTitle,
-        dense = _this$props.dense;
-        _this$props.shortcutOptions;
-        var restProps = _objectWithoutProperties(_this$props, _excluded);
+      var _this$props4 = this.props,
+        show = _this$props4.show,
+        showCloseButton = _this$props4.showCloseButton,
+        onOverlayClick = _this$props4.onOverlayClick,
+        onCloseAttempt = _this$props4.onCloseAttempt;
+        _this$props4.onEscPress;
+        _this$props4.onCloseClick;
+        var children = _this$props4.children,
+        className = _this$props4.className,
+        contentClassName = _this$props4.contentClassName,
+        trapFocus = _this$props4.trapFocus,
+        dataTest = _this$props4['data-test'],
+        closeButtonInside = _this$props4.closeButtonInside,
+        portalTarget = _this$props4.portalTarget,
+        label = _this$props4.label,
+        closeButtonTitle = _this$props4.closeButtonTitle,
+        dense = _this$props4.dense;
+        _this$props4.shortcutOptions;
+        var native = _this$props4.native;
+        _this$props4.modal;
+        var restProps = _objectWithoutProperties(_this$props4, _excluded);
       var classes = classNames(modules_5e9b8c03.container, className);
       var shortcutsMap = this.getShortcutsMap();
+      var content = /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Shortcuts, {
+          map: shortcutsMap,
+          scope: this.state.shortcutsScope,
+          options: this.props.shortcutOptions
+        }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
+          // click handler is duplicated in close button
+          role: "presentation",
+          className: modules_5e9b8c03.clickableOverlay,
+          onClick: this.handleClick
+        }), /*#__PURE__*/jsx("div", {
+          className: modules_5e9b8c03.innerContainer,
+          children: /*#__PURE__*/jsxs(AdaptiveIsland, {
+            className: classNames(modules_5e9b8c03.content, contentClassName, {
+              [modules_5e9b8c03.dense]: dense
+            }),
+            "data-test": "ring-dialog",
+            role: "dialog",
+            "aria-label": label,
+            children: [children, showCloseButton && /*#__PURE__*/jsx(Button, {
+              icon: closeIcon,
+              "data-test": "ring-dialog-close-button",
+              className: classNames(modules_5e9b8c03.closeButton, {
+                [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
+                [modules_5e9b8c03.closeButtonInside]: closeButtonInside
+              }),
+              iconClassName: modules_5e9b8c03.closeIcon,
+              onClick: this.onCloseClick,
+              title: closeButtonTitle,
+              "aria-label": closeButtonTitle || 'close dialog'
+            })]
+          })
+        })]
+      });
+      if (native) {
+        return /*#__PURE__*/jsx("dialog", {
+          className: classNames(modules_5e9b8c03.nativeDialog, className),
+          ref: this.nativeDialog,
+          children: /*#__PURE__*/jsx(PopupTarget, {
+            id: this.uid,
+            className: modules_5e9b8c03.popupTarget,
+            children: function children(target) {
+              return /*#__PURE__*/jsxs(Fragment, {
+                children: [content, target]
+              });
+            }
+          })
+        });
+      }
       return show && /*#__PURE__*/createPortal( /*#__PURE__*/jsx(PopupTarget, {
         id: this.uid,
         className: modules_5e9b8c03.popupTarget,
@@ -163,38 +241,7 @@ var Dialog = /*#__PURE__*/function (_PureComponent) {
             className: classes,
             role: "presentation"
           }, restProps), {}, {
-            children: [/*#__PURE__*/jsx(Shortcuts, {
-              map: shortcutsMap,
-              scope: _this2.state.shortcutsScope,
-              options: _this2.props.shortcutOptions
-            }), (onOverlayClick !== noop || onCloseAttempt !== noop) && /*#__PURE__*/jsx("div", {
-              // click handler is duplicated in close button
-              role: "presentation",
-              className: modules_5e9b8c03.clickableOverlay,
-              onClick: _this2.handleClick
-            }), /*#__PURE__*/jsx("div", {
-              className: modules_5e9b8c03.innerContainer,
-              children: /*#__PURE__*/jsxs(AdaptiveIsland, {
-                className: classNames(modules_5e9b8c03.content, contentClassName, {
-                  [modules_5e9b8c03.dense]: dense
-                }),
-                "data-test": "ring-dialog",
-                role: "dialog",
-                "aria-label": label,
-                children: [_children, showCloseButton && /*#__PURE__*/jsx(Button, {
-                  icon: closeIcon,
-                  "data-test": "ring-dialog-close-button",
-                  className: classNames(modules_5e9b8c03.closeButton, {
-                    [modules_5e9b8c03.closeButtonOutside]: !closeButtonInside,
-                    [modules_5e9b8c03.closeButtonInside]: closeButtonInside
-                  }),
-                  iconClassName: modules_5e9b8c03.closeIcon,
-                  onClick: _this2.onCloseClick,
-                  title: closeButtonTitle,
-                  "aria-label": closeButtonTitle || 'close dialog'
-                })]
-              })
-            }), target]
+            children: [content, target]
           }));
         }
       }), portalTarget instanceof HTMLElement ? portalTarget : document.body);
@@ -235,7 +282,8 @@ _defineProperty(Dialog, "defaultProps", {
     modal: false
   },
   trapFocus: false,
-  autoFocusFirst: true
+  autoFocusFirst: true,
+  modal: true
 });
 
 export { Dialog as default };

package/components/editable-heading/editable-heading.js

@@ -37,6 +37,7 @@ import '../i18n/i18n.js';
 import 'core-js/modules/es.set.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import 'core-js/modules/es.regexp.to-string.js';

package/components/global/composeRefs.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'react';
-declare const _default: <T>(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void;
-export default _default;
+export default function composeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void;
+export declare function createComposedRef<T>(): import("memoize-one").MemoizedFn<(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void>;

package/components/global/composeRefs.js

@@ -1,7 +1,8 @@
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import memoizeOne from 'memoize-one';
 
-var composeRefs = (function () {
+function composeRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
@@ -14,6 +15,9 @@ var composeRefs = (function () {
       }
     });
   };
-});
+}
+function createComposedRef() {
+  return memoizeOne(composeRefs);
+}
 
-export { composeRefs as default };
+export { createComposedRef, composeRefs as default };

package/components/global/focus-sensor-hoc.js

@@ -7,6 +7,7 @@ import composeRefs from './composeRefs.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 
 var _excluded = ["innerRef", "focused", "onFocusReset", "onFocusRestore"],
   _excluded2 = ["autofocus", "focused", "onFocus", "onBlur", "innerRef", "scrollOnTableFocus"];

package/components/global/rerender-hoc.js

@@ -5,6 +5,7 @@ import composeRefs from './composeRefs.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 
 function rerenderHOC(ComposedComponent) {
   var Rerenderer = /*#__PURE__*/function (_Component) {

package/components/input/input.d.ts

@@ -64,6 +64,7 @@ export declare class Input extends PureComponent<InputProps> {
     stretch(el: HTMLElement | null | undefined): void;
     adapt(): void;
     inputRef: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;
+    composedInputRef: import("memoize-one").MemoizedFn<(...refs: (Ref<HTMLInputElement | HTMLTextAreaElement> | undefined)[]) => (value: HTMLInputElement | HTMLTextAreaElement | null) => void>;
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/components/input/input.js

@@ -35,3 +35,4 @@ import 'core-js/modules/es.regexp.to-string.js';
 import '../i18n/i18n.js';
 import 'core-js/modules/es.set.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';

package/components/island/content.js

@@ -10,7 +10,7 @@ import { ScrollHandlerContext } from './adaptive-island-hoc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/linear-function.js';
 
-var _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade"];
+var _excluded = ["children", "className", "bottomBorder", "scrollableWrapperClassName", "onScroll", "onScrollToBottom", "fade", "tabIndex"];
 var scheduleScrollAction = scheduleRAF();
 var noop = function noop() {};
 var END_DISTANCE = 16;
@@ -91,6 +91,7 @@ var Content = /*#__PURE__*/function (_Component) {
         _this$props2.onScroll;
         _this$props2.onScrollToBottom;
         var fade = _this$props2.fade,
+        tabIndex = _this$props2.tabIndex,
         restProps = _objectWithoutProperties(_this$props2, _excluded);
       var _this$state = this.state,
         scrolledToTop = _this$state.scrolledToTop,
@@ -106,10 +107,7 @@ var Content = /*#__PURE__*/function (_Component) {
         "data-test": "ring-island-content",
         className: classes,
         children: /*#__PURE__*/jsxs("div", {
-          // it has to be focusable because it can be scrollable
-          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-          tabIndex: 0,
-          "data-scrollable-container": true,
+          tabIndex: tabIndex,
           className: scrollableWrapperClasses,
           ref: this.setScrollableNodeAndCalculatePosition,
           onScroll: fade ? this.calculateScrollPosition : noop,

package/components/list/list__item.js

@@ -37,6 +37,7 @@ import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../global/prop-types.js';
 import '../global/composeRefs.js';
+import 'memoize-one';
 import '../control-help/control-help.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';

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

@@ -11,11 +11,11 @@ var MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 125", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
+if (!["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-var SUPPORTED = ["and_chr 125", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
+var SUPPORTED = ["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
 var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
   var _item$match;

package/components/select/select__filter.js

@@ -35,6 +35,7 @@ import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
+import 'memoize-one';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import 'sniffr';
@@ -50,7 +51,6 @@ import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
 import 'react-virtualized/dist/es/CellMeasurer';
-import 'memoize-one';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';