@jetbrains/ring-ui 5.0.138 → 5.0.140

package/dist/global/create-stateful-context.d.ts

@@ -12,7 +12,7 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
     ValueContext: React.Context<T>;
     UpdateContext: React.Context<Update<T>>;
     Provider: {
-        ({ children }: ProviderProps): JSX.Element;
+        ({ children }: ProviderProps): React.JSX.Element;
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };

package/dist/global/react-dom-renderer.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 export interface RendererProps {
     className?: string | undefined;
@@ -12,5 +12,5 @@ export default class Renderer extends Component<RendererProps> {
     componentDidMount(): void;
     node?: HTMLElement | null;
     nodeRef: (node: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/grid/col.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 export interface ColProps {
     children?: ReactNode;
@@ -27,5 +27,5 @@ export default class Col extends Component<ColProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Grid
@@ -8,7 +8,7 @@ export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { default as Row } from './row';
 export { default as Col } from './col';

package/dist/grid/row.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 declare const ModifierType: PropTypes.Requireable<string>;
 type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
@@ -35,6 +35,6 @@ export default class Row extends Component<RowProps> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/group/group.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 /**
  * @name Group
@@ -8,5 +8,5 @@ export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/header.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 interface HeaderProps extends HTMLAttributes<HTMLElement> {
@@ -21,7 +21,7 @@ declare class Header extends Component<HeaderProps> {
         spaced: boolean;
         theme: Theme;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
 export default Header;

package/dist/header/logo.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { IconAttrs, Size } from '../icon/icon';
 export default class Logo extends PureComponent<IconAttrs> {
@@ -10,5 +10,5 @@ export default class Logo extends PureComponent<IconAttrs> {
         suppressSizeWarning: boolean;
     };
     static Size: typeof Size;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/profile.d.ts

@@ -67,60 +67,9 @@ export default class Profile extends PureComponent<ProfileProps> {
         renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: ProfileProps;
-    static contextType: React.Context<{
-        login: string;
-        logout: string;
-        loginTo: string;
-        ok: string;
-        cancel: string;
-        tryAgainLabel: string;
-        postpone: string;
-        youHaveLoggedInAs: string;
-        applyChange: string;
-        backendIsNotAvailable: string;
-        checkAgain: string;
-        nothingHappensLink: string;
-        errorMessage: string;
-        applyChangedUser: string;
-        profile: string;
-        switchUser: string;
-        addFirstDate: string;
-        addSecondDate: string;
-        addTime: string;
-        selectName: string;
-        setDate: string;
-        setDateTime: string;
-        setPeriod: string;
-        clear: string;
-        gotIt: string;
-        dismiss: string;
-        perPage: string;
-        firstPage: string;
-        lastPage: string;
-        nextPage: string;
-        previousPage: string;
-        searchTitle: string;
-        clearTitle: string;
-        userAgreement: string;
-        accept: string;
-        decline: string;
-        close: string;
-        scrollToAccept: string;
-        remindLater: string;
-        filterItems: string;
-        selectOption: string;
-        progress: string;
-        loading: string;
-        noOptionsFound: string;
-        banned: string;
-        online: string;
-        offline: string;
-        copyToClipboard: string;
-        copiedToClipboard: string;
-        copingToClipboardError: string;
-        unverified: string;
-    }>;
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof Profile.contextType>;
     static Size: typeof Size;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | React.ReactFragment | null | undefined;
 }
 export type ProfileAttrs = JSX.LibraryManagedAttributes<typeof Profile, ProfileProps>;

package/dist/header/profile.js

@@ -109,8 +109,11 @@ class Profile extends PureComponent {
         className,
         translations
       } = _ref;
-      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, messages => {
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref2 => {
         var _translations$login;
+        let {
+          translate
+        } = _ref2;
         return /*#__PURE__*/React.createElement("div", {
           className: classNames(modules_47759f5e.profileEmpty, className)
         }, /*#__PURE__*/React.createElement(Button, {
@@ -119,7 +122,7 @@ class Profile extends PureComponent {
           disabled: loading,
           loader: loading,
           onClick: onLogin
-        }, (_translations$login = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : messages.login));
+        }, (_translations$login = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login')));
       });
     }
   };
@@ -150,7 +153,9 @@ class Profile extends PureComponent {
       onLogin,
       ...props
     } = this.props;
-    const messages = this.context;
+    const {
+      translate
+    } = this.context;
     if (!user) {
       return /*#__PURE__*/React.createElement("div", _extends({}, props, {
         className: classNames(modules_47759f5e.profileEmpty, className)
@@ -175,28 +180,28 @@ class Profile extends PureComponent {
     }));
     const items = [showApplyChangedUser && {
       rgItemType,
-      label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : messages.applyChangedUser,
+      label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
-      label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : messages.login,
+      label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
-      label: (_translations$profile = translations?.profile) !== null && _translations$profile !== void 0 ? _translations$profile : messages.profile,
+      label: (_translations$profile = translations?.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
       target: '_self',
       href: profileUrl,
       LinkComponent
     }, showSwitchUser && {
       rgItemType,
-      label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : messages.switchUser,
+      label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,
-      label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : messages.logout,
+      label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
       onClick: onLogout
     }].filter(isTruthy);
     return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {

package/dist/header/services-link.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 export interface Service {
@@ -21,5 +21,5 @@ export default class ServicesLink extends PureComponent<ServicesLinkProps> {
             name: PropTypes.Requireable<string>;
         }>>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/services.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import React, { HTMLAttributes, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Theme from '../global/theme';
 import ServicesLink, { Service } from './services-link';
@@ -29,5 +29,5 @@ export default class Services extends PureComponent<ServicesProps> {
     };
     static Link: typeof ServicesLink;
     serviceIsActive: (service: Service) => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/smart-profile.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Auth, { AuthUser } from '../auth/auth';
 import { Size } from '../avatar/avatar';
@@ -31,6 +31,6 @@ export default class SmartProfile extends PureComponent<SmartProfileProps, Smart
     onRevertPostponement: () => void;
     requestUser(): Promise<void>;
     checkUserCertificateMismatch(user: AuthUser): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/header/smart-services.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Auth from '../auth/auth';
 import HTTP from '../http/http';
@@ -21,5 +21,5 @@ export default class SmartServices extends Component<SmartServicesProps> {
     stopLoading: () => void;
     getServicesContent: () => void;
     getServices(fields: string): Promise<any> | undefined;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/dist/header/tray-icon.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
 import { IconType } from '../icon/icon';
@@ -28,5 +28,5 @@ export default class TrayIcon extends Component<ButtonAttrs & TrayIconSpecificPr
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/header/tray.d.ts

@@ -1,9 +1,9 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export default class Tray extends Component<HTMLAttributes<HTMLElement>> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/i18n/i18n-context.d.ts

@@ -1,54 +1,13 @@
 import React from 'react';
-export declare const I18nContext: React.Context<{
-    login: string;
-    logout: string;
-    loginTo: string;
-    ok: string;
-    cancel: string;
-    tryAgainLabel: string;
-    postpone: string;
-    youHaveLoggedInAs: string;
-    applyChange: string;
-    backendIsNotAvailable: string;
-    checkAgain: string;
-    nothingHappensLink: string;
-    errorMessage: string;
-    applyChangedUser: string;
-    profile: string;
-    switchUser: string;
-    addFirstDate: string;
-    addSecondDate: string;
-    addTime: string;
-    selectName: string;
-    setDate: string;
-    setDateTime: string;
-    setPeriod: string;
-    clear: string;
-    gotIt: string;
-    dismiss: string;
-    perPage: string;
-    firstPage: string;
-    lastPage: string;
-    nextPage: string;
-    previousPage: string;
-    searchTitle: string;
-    clearTitle: string;
-    userAgreement: string;
-    accept: string;
-    decline: string;
-    close: string;
-    scrollToAccept: string;
-    remindLater: string;
-    filterItems: string;
-    selectOption: string;
-    progress: string;
-    loading: string;
-    noOptionsFound: string;
-    banned: string;
-    online: string;
-    offline: string;
-    copyToClipboard: string;
-    copiedToClipboard: string;
-    copingToClipboardError: string;
-    unverified: string;
-}>;
+import { type Messages } from './i18n';
+export interface I18nContextProps {
+    translate(key: keyof Messages): string;
+    messages: Messages;
+}
+export declare const I18nContext: React.Context<I18nContextProps>;
+interface I18nContextHolderProps {
+    messages: Messages;
+    children?: React.ReactNode;
+}
+export declare const I18nContextHolder: React.FC<I18nContextHolderProps>;
+export {};

package/dist/i18n/i18n-context.js

@@ -1,6 +1,24 @@
-import React from 'react';
-import { getTranslations } from './i18n.js';
+import React, { useEffect } from 'react';
+import { getTranslations, translate, setTranslations } from './i18n.js';
 
-const I18nContext = /*#__PURE__*/React.createContext(getTranslations());
+const I18nContext = /*#__PURE__*/React.createContext({
+  messages: getTranslations(),
+  translate
+});
+const I18nContextHolder = _ref => {
+  let {
+    children,
+    messages
+  } = _ref;
+  useEffect(() => {
+    setTranslations(messages);
+  }, [messages]);
+  return /*#__PURE__*/React.createElement(I18nContext.Provider, {
+    value: {
+      messages,
+      translate
+    }
+  }, children);
+};
 
-export { I18nContext };
+export { I18nContext, I18nContextHolder };

package/dist/i18n/i18n.d.ts

@@ -1,7 +1,8 @@
 import defaultMessages from './messages.json';
-export type Messages = typeof defaultMessages;
+export type MessagesStrict = typeof defaultMessages;
+export type Messages = Partial<MessagesStrict>;
 export declare function setTranslations(newMessages: Messages): void;
-export declare function getTranslations(): {
+export declare function getTranslations(): Partial<{
     login: string;
     logout: string;
     loginTo: string;
@@ -53,4 +54,6 @@ export declare function getTranslations(): {
     copiedToClipboard: string;
     copingToClipboardError: string;
     unverified: string;
-};
+}>;
+export declare function getTranslationsWithFallback(): MessagesStrict;
+export declare function translate(key: keyof MessagesStrict): string;

package/dist/i18n/i18n.js

@@ -104,11 +104,33 @@ var defaultMessages = {
 };
 
 let messages = defaultMessages;
+const warned = new Set();
+function warnMissedKeyOnce(key) {
+  if (warned.has(key)) {
+    return;
+  }
+  warned.add(key);
+  // eslint-disable-next-line no-console
+  console.warn(`Missing localisation for key "${key}"`);
+}
 function setTranslations(newMessages) {
   messages = newMessages;
 }
 function getTranslations() {
   return messages;
 }
+function getTranslationsWithFallback() {
+  return {
+    ...defaultMessages,
+    ...messages
+  };
+}
+function translate(key) {
+  var _messages$key;
+  if (!(key in messages)) {
+    warnMissedKeyOnce(key);
+  }
+  return (_messages$key = messages[key]) !== null && _messages$key !== void 0 ? _messages$key : defaultMessages[key];
+}
 
-export { getTranslations, setTranslations };
+export { getTranslations, getTranslationsWithFallback, setTranslations, translate };

package/dist/icon/icon.d.ts

@@ -1,7 +1,7 @@
 /**
  * @name Icon
  */
-import { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
+import React, { PureComponent, ComponentType, SVGAttributes, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Color, Size } from './icon__constants';
 export type IconType = ComponentType<SVGAttributes<SVGSVGElement>>;
@@ -37,7 +37,7 @@ export default class Icon extends PureComponent<IconProps> {
         width: number | undefined;
         height: number | undefined;
     } | undefined;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export type IconAttrs = JSX.LibraryManagedAttributes<typeof Icon, IconProps>;
 export { Color, Size };

package/dist/icon/icon__svg.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 export interface IconSVGProps extends SVGAttributes<SVGSVGElement> {
     src: string;
 }
-declare function IconSVG({ src, className, ...rest }: IconSVGProps): JSX.Element;
+declare function IconSVG({ src, className, ...rest }: IconSVGProps): React.JSX.Element;
 declare namespace IconSVG {
     var propTypes: {
         className: PropTypes.Requireable<string>;

package/dist/input/input-label.d.ts

@@ -1,10 +1,10 @@
-import { PureComponent, ReactNode } from 'react';
+import React, { PureComponent, ReactNode } from 'react';
 interface InputLabelProps {
     htmlFor?: string;
     disabled?: boolean;
     label: ReactNode;
 }
 export declare class InputLabel extends PureComponent<InputLabelProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default InputLabel;

package/dist/input/input.d.ts

@@ -65,7 +65,7 @@ export declare class Input extends PureComponent<InputProps> {
     clear: (e: React.MouseEvent<HTMLButtonElement>) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ContainerProps<P extends InputProps> = JSX.LibraryManagedAttributes<typeof Input, P>;
 export type InputSpecificAttrs = ContainerProps<InputSpecificProps>;

package/dist/input/input.js

@@ -151,32 +151,38 @@ class Input extends PureComponent {
       'aria-label': typeof label === 'string' && label ? label : placeholder,
       'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
     };
-    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, messages => /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": "ring-input"
-    }, label && /*#__PURE__*/React.createElement(InputLabel, {
-      htmlFor: this.getId(),
-      disabled: disabled,
-      label: label
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.container
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      className: modules_88cfaf40.icon
-    }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
-      onChange: this.handleTextareaChange,
-      rows: 1
-    }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
-      onChange: this.handleInputChange
-    }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-      title: (translations !== null && translations !== void 0 ? translations : messages).clear,
-      "data-test": "ring-input-clear",
-      className: modules_88cfaf40.clear,
-      icon: closeIcon,
-      onClick: this.clear
-    }), afterInput), error && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.errorText
-    }, error)));
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      var _translations$clear;
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        "data-test": "ring-input"
+      }, label && /*#__PURE__*/React.createElement(InputLabel, {
+        htmlFor: this.getId(),
+        disabled: disabled,
+        label: label
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_88cfaf40.container
+      }, icon && /*#__PURE__*/React.createElement(Icon, {
+        glyph: icon,
+        className: modules_88cfaf40.icon
+      }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+        onChange: this.handleTextareaChange,
+        rows: 1
+      }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
+        onChange: this.handleInputChange
+      }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
+        title: (_translations$clear = translations?.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
+        "data-test": "ring-input-clear",
+        className: modules_88cfaf40.clear,
+        icon: closeIcon,
+        onClick: this.clear
+      }), afterInput), error && /*#__PURE__*/React.createElement("div", {
+        className: modules_88cfaf40.errorText
+      }, error));
+    });
   }
 }
 Input.propTypes = {

package/dist/input-ng/input-ng.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
-import Button from '../button-ng/button-ng.js';
+import ButtonNG from '../button-ng/button-ng.js';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
 import '../icon/icon__constants.js';
@@ -15,7 +15,7 @@ import 'react';
 
 var modules_c40fa551 = {"errorText":"errorText_rui_d15a","clear":"clear_rui_d15a"};
 
-const angularModule = angular.module('Ring.input', [Button]);
+const angularModule = angular.module('Ring.input', [ButtonNG]);
 class RingInputComponent extends RingAngularComponent {
   static require = {
     ngModelCtrl: '?ngModel'

package/dist/island/adaptive-island-hoc.d.ts

@@ -8,7 +8,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
             phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -34,7 +34,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
             phase: null;
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/dist/island/content.d.ts

@@ -37,7 +37,7 @@ declare class Content extends Component<IslandContentInnerProps> {
     calculateScrollPosition: () => void;
     scrollableNode?: HTMLElement | null;
     setScrollableNodeAndCalculatePosition: (node: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const ContentWrapper: React.ForwardRefExoticComponent<IslandContentProps & React.RefAttributes<Content>>;
 export default ContentWrapper;