@jetbrains/ring-ui 5.0.119 → 5.0.121

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

@@ -265,6 +265,7 @@ export default class DatePopup extends Component {
         }
         this.select(changes);
         this.props.onClear?.(e);
+        this.componentRef.current?.querySelector('input')?.focus();
     };
     render() {
         const { range, hidden, withTime, locale } = this.props;

package/components/global/focus-sensor-hoc.d.ts

@@ -2,6 +2,7 @@ import { ComponentType, Ref } from 'react';
 export interface FocusSensorOuterProps<T extends HTMLElement> {
     focused?: boolean | undefined;
     autofocus?: boolean | undefined;
+    scrollOnTableFocus?: boolean;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     innerRef?: Ref<T> | null | undefined;

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

@@ -15,7 +15,7 @@ export default function focusSensorHOC(ComposedComponent) {
             focused: this.props.focused
         };
         componentDidMount() {
-            const { props: { autofocus }, node } = this;
+            const { props: { autofocus, scrollOnTableFocus }, node } = this;
             node?.setAttribute('tabindex', '0');
             if (node != null) {
                 node.style.outline = 'none';
@@ -23,7 +23,7 @@ export default function focusSensorHOC(ComposedComponent) {
             document.addEventListener('focus', this.onFocusCapture, true);
             document.addEventListener('blur', this.onBlurCapture, true);
             if (autofocus) {
-                node?.focus();
+                node?.focus({ preventScroll: !scrollOnTableFocus });
             }
         }
         componentDidUpdate(prevProps) {
@@ -72,13 +72,13 @@ export default function focusSensorHOC(ComposedComponent) {
         };
         onFocusRestore = () => {
             this._skipNextCapture = true;
-            this.node?.focus();
+            this.node?.focus({ preventScroll: !this.props.scrollOnTableFocus });
         };
         onFocusReset = () => {
             this.node?.blur();
         };
         render() {
-            const { autofocus, focused, onFocus, onBlur, innerRef, ...rest } = this.props;
+            const { autofocus, focused, onFocus, onBlur, innerRef, scrollOnTableFocus, ...rest } = this.props;
             return (<ComposedComponent {...rest} innerRef={composeRefs(innerRef, this.onRefUpdate)} focused={this.state.focused} onFocusReset={this.onFocusReset} onFocusRestore={this.onFocusRestore}/>);
         }
     }
@@ -94,6 +94,7 @@ export default function focusSensorHOC(ComposedComponent) {
         ...ComposedComponent.defaultProps,
         focused: false,
         autofocus: false,
+        scrollOnTableFocus: true,
         onFocus: () => { },
         onBlur: () => { }
     };

package/components/heading/heading.css

@@ -28,8 +28,8 @@
   @nest h3& {
     margin-bottom: 0;
 
-    font-size: inherit;
-    line-height: inherit;
+    font-size: 16px;
+    line-height: 22px;
   }
 
   @nest h4& {
@@ -40,7 +40,7 @@
 
     font-size: 12px;
     font-weight: normal;
-    line-height: 16px;
+    line-height: 18px;
   }
 }
 

package/components/table/smart-table.d.ts

@@ -20,6 +20,7 @@ declare class SmartTable<T extends SelectionItem> extends PureComponent<SmartTab
         isItemSelectable: PropTypes.Requireable<(...args: any[]) => any> | React.Validator<((item: SelectionItem) => boolean) | null | undefined>;
         innerRef?: React.Validator<React.Ref<HTMLTableRowElement> | undefined> | undefined;
         autofocus?: React.Validator<boolean | null | undefined> | undefined;
+        scrollOnTableFocus?: React.Validator<boolean | null | undefined> | undefined;
         disabledHover?: React.Validator<boolean> | undefined;
         remoteSelection?: React.Validator<boolean | null | undefined> | undefined;
         onSort?: React.Validator<((params: import("./header-cell").SortParams) => void) | null | undefined> | undefined;

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

@@ -161,6 +161,7 @@ class DatePopup extends Component {
       }
       this.select(changes);
       this.props.onClear?.(e);
+      this.componentRef.current?.querySelector('input')?.focus();
     });
     const defaultState = {
       text: null,

package/dist/global/focus-sensor-hoc.d.ts

@@ -2,6 +2,7 @@ import { ComponentType, Ref } from 'react';
 export interface FocusSensorOuterProps<T extends HTMLElement> {
     focused?: boolean | undefined;
     autofocus?: boolean | undefined;
+    scrollOnTableFocus?: boolean;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
     innerRef?: Ref<T> | null | undefined;

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

@@ -74,7 +74,9 @@ function focusSensorHOC(ComposedComponent) {
       });
       _defineProperty(this, "onFocusRestore", () => {
         this._skipNextCapture = true;
-        this.node?.focus();
+        this.node?.focus({
+          preventScroll: !this.props.scrollOnTableFocus
+        });
       });
       _defineProperty(this, "onFocusReset", () => {
         this.node?.blur();
@@ -83,7 +85,8 @@ function focusSensorHOC(ComposedComponent) {
     componentDidMount() {
       const {
         props: {
-          autofocus
+          autofocus,
+          scrollOnTableFocus
         },
         node
       } = this;
@@ -94,7 +97,9 @@ function focusSensorHOC(ComposedComponent) {
       document.addEventListener('focus', this.onFocusCapture, true);
       document.addEventListener('blur', this.onBlurCapture, true);
       if (autofocus) {
-        node?.focus();
+        node?.focus({
+          preventScroll: !scrollOnTableFocus
+        });
       }
     }
     componentDidUpdate(prevProps) {
@@ -118,6 +123,7 @@ function focusSensorHOC(ComposedComponent) {
         onFocus,
         onBlur,
         innerRef,
+        scrollOnTableFocus,
         ...rest
       } = this.props;
       return /*#__PURE__*/React.createElement(ComposedComponent, _extends({}, rest, {
@@ -140,6 +146,7 @@ function focusSensorHOC(ComposedComponent) {
     ...ComposedComponent.defaultProps,
     focused: false,
     autofocus: false,
+    scrollOnTableFocus: true,
     onFocus: () => {},
     onBlur: () => {}
   };