@jetbrains/ring-ui 6.0.41 → 6.0.42

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

@@ -43,6 +43,6 @@ export default class DateInput extends React.PureComponent<DateInputProps> {
     inputRef: (el: HTMLInputElement | null) => void;
     updateInput({ text, active }: UpdateInputConfig): void;
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleKeyDown: (e: React.KeyboardEvent) => false | void;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
     render(): React.JSX.Element;
 }

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

@@ -56,7 +56,16 @@ export default class DateInput extends React.PureComponent {
         }
     }
     handleChange = (e) => this.props.onInput(e.currentTarget.value, e.currentTarget.dataset.name);
-    handleKeyDown = (e) => e.key === 'Enter' && this.props.onConfirm();
+    handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            // We have to prevent the default behavior, because restoring focus by TabTrap caused by
+            // pressing Enter will trigger the onClick event on the DatePicker Dropdown anchor,
+            // so DatePicker will be open again.
+            // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
+            e.preventDefault();
+            this.props.onConfirm();
+        }
+    };
     render() {
         const { active, divider, text, time, name, hoverDate, date, displayFormat, translations, onActivate, onClear, fromPlaceholder, toPlaceholder, timePlaceholder, locale } = this.props;
         const { translate } = this.context;

package/components/tab-trap/tab-trap.js

@@ -55,16 +55,11 @@ const TabTrap = forwardRef(function TabTrap({ children, trapDisabled = false, au
         if (previousFocusedNode instanceof HTMLElement &&
             previousFocusedNode.focus &&
             isNodeInVisiblePartOfPage(previousFocusedNode)) {
-            // If no delay is added, restoring focus caused by pressing Enter will trigger
-            // the onClick event on the previousFocusedNode, e.g.
-            // https://youtrack.jetbrains.com/issue/RG-2450/Anchor-should-be-focused-after-closing-datepicker#focus=Comments-27-10044234.0-0.
-            setTimeout(() => {
-                // This is to prevent the focus from being restored the first time
-                // componentWillUnmount is called in StrictMode.
-                if (!mountedRef.current) {
-                    previousFocusedNode.focus({ preventScroll: true });
-                }
-            });
+            // This is to prevent the focus from being restored the first time
+            // componentWillUnmount is called in StrictMode.
+            if (!mountedRef.current) {
+                previousFocusedNode.focus({ preventScroll: true });
+            }
         }
     }
     function focusElement(first = true) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "6.0.41",
+  "version": "6.0.42",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -88,16 +88,16 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.7",
-    "@storybook/addon-a11y": "8.1.10",
-    "@storybook/addon-docs": "8.1.10",
-    "@storybook/addon-essentials": "8.1.10",
-    "@storybook/components": "8.1.10",
-    "@storybook/manager-api": "8.1.10",
-    "@storybook/preview-api": "8.1.10",
-    "@storybook/react": "8.1.10",
-    "@storybook/react-webpack5": "8.1.10",
-    "@storybook/test-runner": "^0.18.2",
-    "@storybook/theming": "8.1.10",
+    "@storybook/addon-a11y": "8.1.11",
+    "@storybook/addon-docs": "8.1.11",
+    "@storybook/addon-essentials": "8.1.11",
+    "@storybook/components": "8.1.11",
+    "@storybook/manager-api": "8.1.11",
+    "@storybook/preview-api": "8.1.11",
+    "@storybook/react": "8.1.11",
+    "@storybook/react-webpack5": "8.1.11",
+    "@storybook/test-runner": "^0.19.0",
+    "@storybook/theming": "8.1.11",
     "@testing-library/dom": "^10.3.1",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
@@ -137,7 +137,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
     "events": "^3.3.0",
-    "glob": "^10.4.2",
+    "glob": "^10.4.3",
     "html-webpack-plugin": "^5.6.0",
     "http-server": "^14.1.1",
     "husky": "^9.0.11",
@@ -155,14 +155,14 @@
     "react-dom": "^18.3.1",
     "react-test-renderer": "^18.3.1",
     "regenerator-runtime": "^0.14.1",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.8",
     "rollup": "^4.18.0",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^18.0.0",
     "sinon-chai": "^3.7.0",
     "storage-mock": "^2.1.0",
-    "storybook": "8.1.10",
+    "storybook": "8.1.11",
     "storybook-addon-themes": "^6.1.0",
     "stylelint": "^16.6.1",
     "svg-inline-loader": "^0.8.2",
@@ -232,7 +232,7 @@
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-modules-values-replace": "^4.2.0",
-    "postcss-preset-env": "^9.5.15",
+    "postcss-preset-env": "^9.6.0",
     "prop-types": "^15.8.1",
     "react-movable": "^3.2.0",
     "react-virtualized": "^9.22.5",