@jetbrains/ring-ui 5.0.144 → 5.0.146

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

@@ -67,7 +67,7 @@ export default class DatePopup extends Component {
     }
     componentDidMount() {
         if (this.componentRef.current) {
-            this.componentRef.current.addEventListener('wheel', this.handleWheel, { passive: true });
+            this.componentRef.current.addEventListener('wheel', this.handleWheel);
         }
     }
     componentDidUpdate(prevProps, prevState) {

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

@@ -13,9 +13,13 @@ export default class Years extends PureComponent<CalendarProps> {
     state: {
         scrollDate: null;
     };
+    componentDidMount(): void;
     componentDidUpdate(prevProps: CalendarProps, prevState: YearsState): void;
+    componentWillUnmount(): void;
     stoppedScrolling?: boolean;
     setYear(date: number): void;
+    componentRef: React.RefObject<HTMLDivElement>;
+    handleWheel: (e: WheelEvent) => void;
     render(): React.JSX.Element;
 }
 export {};

package/components/date-picker/years.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { createRef, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import addYears from 'date-fns/addYears';
@@ -23,9 +23,19 @@ export default class Years extends PureComponent {
         onScrollChange: PropTypes.func
     };
     state = { scrollDate: null };
+    componentDidMount() {
+        if (this.componentRef.current) {
+            this.componentRef.current.addEventListener('wheel', this.handleWheel);
+        }
+    }
     componentDidUpdate(prevProps, prevState) {
         this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
     }
+    componentWillUnmount() {
+        if (this.componentRef.current) {
+            this.componentRef.current.removeEventListener('wheel', this.handleWheel);
+        }
+    }
     stoppedScrolling;
     setYear(date) {
         if (scrollTO) {
@@ -35,6 +45,20 @@ export default class Years extends PureComponent {
         this.setState({ scrollDate: null });
         this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
     }
+    componentRef = createRef();
+    handleWheel = (e) => {
+        const { scrollDate } = this.props;
+        const date = this.state.scrollDate || scrollDate;
+        e.preventDefault();
+        const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
+        this.setState({
+            scrollDate: newScrollDate
+        });
+        if (scrollTO) {
+            window.clearTimeout(scrollTO);
+        }
+        scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
+    };
     render() {
         const { onScrollChange, scrollDate } = this.props;
         const date = this.state.scrollDate || scrollDate;
@@ -46,19 +70,7 @@ export default class Years extends PureComponent {
             years.push(year);
         }
         const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-        const handleWheel = (e) => {
-            e.preventDefault();
-            const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).
-                y(e.deltaY);
-            this.setState({
-                scrollDate: newScrollDate
-            });
-            if (scrollTO) {
-                window.clearTimeout(scrollTO);
-            }
-            scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
-        };
-        return (<div className={styles.years} onWheel={handleWheel} style={{
+        return (<div className={styles.years} ref={this.componentRef} style={{
                 transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
                 top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))
             }}>

package/components/editable-heading/editable-heading.css

@@ -30,6 +30,7 @@
 
   border: none;
   border-radius: var(--ring-border-radius);
+  outline: none;
   background: inherit;
 
   font-size: inherit;
@@ -41,13 +42,13 @@
     border-radius: 0;
   }
 
-  &:focus {
-    outline: 1px solid var(--ring-border-hover-color);
+  &:focus-visible {
+    box-shadow: 0 0 0 2px var(--ring-border-hover-color);
   }
 
   @nest .disabled &:focus,
   .selectionMode &:focus {
-    outline: none;
+    box-shadow: none;
   }
 
   &:hover {

package/components/header/profile.d.ts

@@ -70,6 +70,6 @@ export default class Profile extends PureComponent<ProfileProps> {
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof Profile.contextType>;
     static Size: typeof Size;
-    render(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/components/link/link.d.ts

@@ -19,7 +19,7 @@ export interface LinkBaseProps {
 export type LinkProps<P extends ClickableLinkProps = ClickableLinkProps> = Omit<P, keyof LinkBaseProps> & LinkBaseProps;
 export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent: ComponentType<P> | string): {
     new (props: LinkProps<P> | Readonly<LinkProps<P>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -43,7 +43,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<P>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -83,7 +83,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
 };
 declare const _default: {
     new (props: LinkProps<ClickableLinkProps> | Readonly<LinkProps<ClickableLinkProps>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -107,7 +107,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<ClickableLinkProps>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

package/components/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
 }

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

@@ -127,9 +127,7 @@ class DatePopup extends Component {
   }
   componentDidMount() {
     if (this.componentRef.current) {
-      this.componentRef.current.addEventListener('wheel', this.handleWheel, {
-        passive: true
-      });
+      this.componentRef.current.addEventListener('wheel', this.handleWheel);
     }
   }
   componentDidUpdate(prevProps, prevState) {

package/dist/date-picker/years.d.ts

@@ -13,9 +13,13 @@ export default class Years extends PureComponent<CalendarProps> {
     state: {
         scrollDate: null;
     };
+    componentDidMount(): void;
     componentDidUpdate(prevProps: CalendarProps, prevState: YearsState): void;
+    componentWillUnmount(): void;
     stoppedScrolling?: boolean;
     setYear(date: number): void;
+    componentRef: React.RefObject<HTMLDivElement>;
+    handleWheel: (e: WheelEvent) => void;
     render(): React.JSX.Element;
 }
 export {};

package/dist/date-picker/years.js

@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { PureComponent, createRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import addYears from 'date-fns/addYears';
@@ -11,7 +11,7 @@ import startOfYear from 'date-fns/startOfYear';
 import subYears from 'date-fns/subYears';
 import linearFunction from '../global/linear-function.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import units, { dateType, DOUBLE, HALF, yearDuration } from './consts.js';
+import units, { dateType, yearDuration, DOUBLE, HALF } from './consts.js';
 import 'date-fns/add';
 
 const {
@@ -30,9 +30,19 @@ class Years extends PureComponent {
   state = {
     scrollDate: null
   };
+  componentDidMount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.addEventListener('wheel', this.handleWheel);
+    }
+  }
   componentDidUpdate(prevProps, prevState) {
     this.stoppedScrolling = prevState.scrollDate != null && !this.state.scrollDate;
   }
+  componentWillUnmount() {
+    if (this.componentRef.current) {
+      this.componentRef.current.removeEventListener('wheel', this.handleWheel);
+    }
+  }
   stoppedScrolling;
   setYear(date) {
     if (scrollTO) {
@@ -44,6 +54,22 @@ class Years extends PureComponent {
     });
     this.props.onScroll(Number(setYear(this.props.scrollDate, getYear(date))));
   }
+  componentRef = /*#__PURE__*/createRef();
+  handleWheel = e => {
+    const {
+      scrollDate
+    } = this.props;
+    const date = this.state.scrollDate || scrollDate;
+    e.preventDefault();
+    const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
+    this.setState({
+      scrollDate: newScrollDate
+    });
+    if (scrollTO) {
+      window.clearTimeout(scrollTO);
+    }
+    scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
+  };
   render() {
     const {
       onScrollChange,
@@ -58,20 +84,9 @@ class Years extends PureComponent {
       years.push(year);
     }
     const pxToDate = linearFunction(0, Number(years[0]), yearDuration / yearHeight);
-    const handleWheel = e => {
-      e.preventDefault();
-      const newScrollDate = linearFunction(0, Number(date), yearDuration / yearHeight).y(e.deltaY);
-      this.setState({
-        scrollDate: newScrollDate
-      });
-      if (scrollTO) {
-        window.clearTimeout(scrollTO);
-      }
-      scrollTO = window.setTimeout(() => this.setYear(newScrollDate), scrollDelay);
-    };
     return /*#__PURE__*/React.createElement("div", {
       className: modules_0c7b7d96.years,
-      onWheel: handleWheel,
+      ref: this.componentRef,
       style: {
         transition: this.stoppedScrolling ? 'top .2s ease-out 0s' : 'none',
         top: Math.floor(calHeight * HALF - pxToDate.x(Number(date)))

package/dist/header/profile.d.ts

@@ -70,6 +70,6 @@ export default class Profile extends PureComponent<ProfileProps> {
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
     context: React.ContextType<typeof Profile.contextType>;
     static Size: typeof Size;
-    render(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/dist/link/link.d.ts

@@ -19,7 +19,7 @@ export interface LinkBaseProps {
 export type LinkProps<P extends ClickableLinkProps = ClickableLinkProps> = Omit<P, keyof LinkBaseProps> & LinkBaseProps;
 export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent: ComponentType<P> | string): {
     new (props: LinkProps<P> | Readonly<LinkProps<P>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -43,7 +43,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<P>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -83,7 +83,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
 };
 declare const _default: {
     new (props: LinkProps<ClickableLinkProps> | Readonly<LinkProps<ClickableLinkProps>>): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -107,7 +107,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<ClickableLinkProps>, context: any): {
-        getChildren(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
+        getChildren(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

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

@@ -5,11 +5,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 113", "chrome 112", "chrome 111", "chrome 109", "edge 112", "edge 111", "firefox 111", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "safari 16.3", "samsung 20"]) {
+if (!["and_chr 114", "chrome 113", "chrome 112", "chrome 109", "edge 113", "edge 112", "firefox 113", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 98", "safari 16.4", "samsung 20"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 113", "chrome 112", "chrome 111", "chrome 109", "edge 112", "edge 111", "firefox 111", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.2", "ios_saf 16.1", "safari 16.3", "samsung 20"] || [];
+const SUPPORTED = ["and_chr 114", "chrome 113", "chrome 112", "chrome 109", "edge 113", "edge 112", "firefox 113", "ios_saf 16.4", "ios_saf 16.3", "ios_saf 16.1", "opera 98", "safari 16.4", "samsung 20"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;

package/dist/shortcuts/shortcuts.d.ts

@@ -24,5 +24,5 @@ export default class Shortcuts extends PureComponent<ShortcutsProps> {
     componentWillUnmount(): void;
     turnShorcutsOn(): void;
     turnShorcutsOff(): void;
-    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | null;
+    render(): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
 }