@jetbrains/ring-ui 5.0.139 → 5.0.141

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

@@ -18,11 +18,11 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import Link from '../link/link.js';
 import { Size } from '../input/input.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import DatePopup from './date-popup.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import formats from './formats.js';
-import DateInput from './date-input.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -50,15 +50,16 @@ import '../_helpers/button__classes.js';
 import '../_helpers/link.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
-import '../i18n/i18n-context.js';
-import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
+import '../i18n/i18n.js';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/startOfDay';
 import 'date-fns';
+import './date-input.js';
+import 'date-fns/add';
 import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
@@ -73,7 +74,6 @@ import 'date-fns/setDay';
 import './day.js';
 import 'date-fns/getDate';
 import 'date-fns/isToday';
-import 'date-fns/add';
 import './month-names.js';
 import 'date-fns/isThisMonth';
 import 'date-fns/startOfYear';
@@ -171,17 +171,9 @@ class DatePicker extends PureComponent {
     displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
       locale
     }) : '',
-    datePlaceholder: 'Set a date',
-    dateTimePlaceholder: 'Set date and time',
-    rangePlaceholder: 'Set a period',
     minDate: null,
     maxDate: null,
     onChange() {},
-    translations: {
-      setDate: 'Set a date',
-      setDateTime: 'Set date and time',
-      setPeriod: 'Set a period'
-    },
     applyTimeInput(date, timeString) {
       var _timeString$split$map;
       const [hours, minutes] = (_timeString$split$map = timeString?.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
@@ -204,6 +196,7 @@ class DatePicker extends PureComponent {
       return null;
     }
   };
+  static contextType = I18nContext;
   handleChange = change => {
     const {
       onChange,
@@ -266,15 +259,20 @@ class DatePicker extends PureComponent {
       translations,
       locale
     } = this.props;
+    const {
+      translate
+    } = this.context;
     const date = this.parse(this.props.date);
     const from = this.parse(this.props.from);
     const to = this.parse(this.props.to);
     const time = this.formatTime();
     if (!range && !withTime) {
-      return date ? displayFormat(date, locale) : datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations.setDate;
+      var _ref2;
+      return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations?.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
     } else if (!range && withTime) {
       if (!date && !time) {
-        return dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations.setDateTime;
+        var _ref3;
+        return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations?.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
       } else {
         return `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
       }
@@ -293,7 +291,8 @@ class DatePicker extends PureComponent {
     } else if (to) {
       return `— ${displayFormat(to, locale)}`;
     } else {
-      return rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations.setPeriod;
+      var _ref4;
+      return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations?.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
     }
   };
   render() {
@@ -339,9 +338,7 @@ class DatePicker extends PureComponent {
       onClear: clear ? this.clear : null,
       datePopupProps: {
         ...datePopupProps,
-        // We want to provide translations further down to DateInput.
-        // Yet we should pass at least DateInput default translations not to have them empty.
-        translations: Object.assign({}, DateInput.defaultProps.translations, translations),
+        translations,
         onChange: this.handleChange,
         parseDateInput: this.parse,
         time: this.formatTime()

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

@@ -52,5 +52,5 @@ export default class DatePopup extends Component<DatePopupProps, DatePopupState>
     selectHandler: (date: Date) => void;
     handleScroll: (scrollDate: number) => void;
     onClear: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -33,6 +33,7 @@ import '../i18n/i18n.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 import '../input/input-label.js';
+import 'date-fns/add';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
@@ -48,7 +49,6 @@ import 'date-fns/setDay';
 import './day.js';
 import 'date-fns/getDate';
 import 'date-fns/isToday';
-import 'date-fns/add';
 import './month-names.js';
 import 'date-fns/isThisMonth';
 import 'date-fns/set';

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface DayProps extends MonthsProps {
@@ -26,5 +26,5 @@ export default class Day extends Component<DayProps> {
     inRange: (range: [Date, Date] | null) => boolean | null;
     isDisabled: (date: Date) => boolean;
     parse(text: string | null | undefined): Date | null;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/date-picker/month-names.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
-declare function MonthNames(props: MonthsProps): JSX.Element;
+declare function MonthNames(props: MonthsProps): React.JSX.Element;
 declare namespace MonthNames {
     var propTypes: {
         scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;

package/dist/date-picker/month-slider.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { LinearFunction } from '../global/linear-function';
 import { MonthsProps } from './consts';
@@ -24,6 +24,6 @@ export default class MonthSlider extends PureComponent<MonthSliderProps> {
     onMouseDown: () => void;
     onMouseUp: () => void;
     onMouseMove: (e: MouseEvent) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {
     month: Date;
 }
-declare function Month(props: MonthProps): JSX.Element;
+declare function Month(props: MonthProps): React.JSX.Element;
 declare namespace Month {
     var propTypes: {
         month: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
-declare function Months(props: MonthsProps): JSX.Element;
+declare function Months(props: MonthsProps): React.JSX.Element;
 declare namespace Months {
     var propTypes: {
         onScroll: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {
     locale: Locale | undefined;
 }
-declare function Weekdays(props: WeekdaysProps): JSX.Element;
+declare function Weekdays(props: WeekdaysProps): React.JSX.Element;
 declare namespace Weekdays {
     var propTypes: {
         locale: PropTypes.Requireable<string>;

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

@@ -1,4 +1,4 @@
-import { PureComponent } from 'react';
+import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { CalendarProps } from './consts';
 interface YearsState {
@@ -16,6 +16,6 @@ export default class Years extends PureComponent<CalendarProps> {
     componentDidUpdate(prevProps: CalendarProps, prevState: YearsState): void;
     stoppedScrolling?: boolean;
     setYear(date: number): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/dialog-ng/dialog-ng.js

@@ -2,8 +2,8 @@ import angular from 'angular';
 import { createFocusTrap } from 'focus-trap';
 import { getStyles, getRect } from '../global/dom.js';
 import RingAngularComponent from '../global/ring-angular-component.js';
-import shortcuts from '../shortcuts/core.js';
-import Button from '../button-ng/button-ng.js';
+import shortcutsInstance from '../shortcuts/core.js';
+import ButtonNG from '../button-ng/button-ng.js';
 import PromisedClick from '../promised-click-ng/promised-click-ng.js';
 import rgCompilerModuleName from '../compiler-ng/compiler-ng.js';
 import { m as modules_5e9b8c03, p as preventerFactory } from '../_helpers/dialog__body-scroll-preventer.js';
@@ -22,7 +22,7 @@ import '../global/controls-height.js';
 import 'react';
 import 'scrollbar-width';
 
-var modules_b378ce5a = {"unit":"i__const_unit_0","light":"light_rui_0b63","dialogContainer":"dialogContainer_rui_0b63","wide":"wide_rui_0b63","autoWidth":"autoWidth_rui_0b63","header":"header_rui_0b63","inSidebar":"inSidebar_rui_0b63","scrollableWrapper":"scrollableWrapper_rui_0b63","content":"content_rui_0b63","error":"error_rui_0b63","footer":"footer_rui_0b63","footerDescription":"footerDescription_rui_0b63","footerItems":"footerItems_rui_0b63","footerItem":"footerItem_rui_0b63"};
+var modules_b378ce5a = {"unit":"i__const_unit_0","light":"light_rui_2ac4","dialogContainer":"dialogContainer_rui_0b63","wide":"wide_rui_0b63","autoWidth":"autoWidth_rui_0b63","header":"header_rui_0b63","inSidebar":"inSidebar_rui_0b63","scrollableWrapper":"scrollableWrapper_rui_0b63","content":"content_rui_0b63","error":"error_rui_0b63","footer":"footer_rui_0b63","footerDescription":"footerDescription_rui_0b63","footerItems":"footerItems_rui_0b63","footerItem":"footerItem_rui_0b63"};
 
 rgDialogContentDirective.$inject = ["$compile", "$q"];
 rgDialogDirective.$inject = ["$timeout"];
@@ -31,7 +31,7 @@ rgDialogDirective.$inject = ["$timeout"];
  * @name Dialog Ng
  */
 
-const angularModule = angular.module('Ring.dialog', [Button, PromisedClick, rgCompilerModuleName]);
+const angularModule = angular.module('Ring.dialog', [ButtonNG, PromisedClick, rgCompilerModuleName]);
 class DialogController extends RingAngularComponent {
   constructor() {
     super(...arguments);
@@ -62,7 +62,7 @@ class DialogController extends RingAngularComponent {
     $scope.$on('$destroy', dialogService.unregister);
     $scope.$watch(() => this.active, () => {
       if (this.active) {
-        shortcuts.bindMap(this.getShortcuts(), {
+        shortcutsInstance.bindMap(this.getShortcuts(), {
           scope: this.DIALOG_NAMESPACE
         });
       } else {
@@ -158,9 +158,9 @@ class DialogController extends RingAngularComponent {
       // Backward compatibility with existing templates which use data directly from scope
       $scope.data = this.data;
     }
-    this.currentShortcutsScope = shortcuts.getScope();
+    this.currentShortcutsScope = shortcutsInstance.getScope();
     this.DIALOG_NAMESPACE = this.dialogService.DIALOG_NAMESPACE;
-    shortcuts.setScope(this.dialogService.DIALOG_NAMESPACE);
+    shortcutsInstance.setScope(this.dialogService.DIALOG_NAMESPACE);
     this.active = true;
     $scope.$broadcast('dialog.show');
     return $q((resolve, reject) => {
@@ -181,8 +181,8 @@ class DialogController extends RingAngularComponent {
     this.content = '';
     this.focusTrap.deactivate();
     Reflect.deleteProperty(this, 'DIALOG_NAMESPACE');
-    if (shortcuts.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
-      shortcuts.setScope(this.currentShortcutsScope);
+    if (shortcutsInstance.indexOfScope(this.dialogService.DIALOG_NAMESPACE) > -1) {
+      shortcutsInstance.setScope(this.currentShortcutsScope);
     }
     this._resetFormState();
     this.$inject.$scope.$broadcast('dialog.hide');

package/dist/docked-panel-ng/docked-panel-ng.js

@@ -2,7 +2,7 @@ import angular from 'angular';
 import scheduleRAF from '../global/schedule-raf.js';
 import { getDocumentScrollTop, getWindowHeight } from '../global/dom.js';
 
-var modules_655b40c7 = {"unit":"i__const_unit_0","light":"light_rui_f45d","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};
+var modules_655b40c7 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","dockedPanel":"dockedPanel_rui_f45d","fixed":"fixed_rui_f45d"};
 
 const scheduleAction = scheduleRAF();
 

package/dist/dropdown/anchor.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ButtonAttrs } from '../button/button';
 declare const _default: React.MemoExoticComponent<{
-    ({ children, className, ...restProps }: ButtonAttrs): JSX.Element;
+    ({ children, className, ...restProps }: ButtonAttrs): React.JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;

package/dist/dropdown/dropdown.d.ts

@@ -6,6 +6,13 @@ export interface AnchorProps {
     active: boolean;
     pinned: boolean;
 }
+export interface DropdownChildProps {
+    hidden: boolean;
+    onCloseAttempt: () => void;
+    onMouseDown?: () => void | undefined;
+    onContextMenu?: () => void | undefined;
+    dontCloseOnAnchorClick: boolean;
+}
 export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     anchor: ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode);
     children: ReactElement<PopupAttrs> | ((props: Omit<PopupAttrs, 'children'>) => ReactNode);
@@ -74,7 +81,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
     toggle(show?: boolean): void;
     _toggle(show: boolean, pinned?: boolean): void;
     _clearTimer(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type DropdownAttrs = JSX.LibraryManagedAttributes<typeof Dropdown, DropdownProps>;
 export { Anchor };

package/dist/editable-heading/editable-heading.d.ts

@@ -26,6 +26,6 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, '
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };
-export declare const EditableHeading: (props: EditableHeadingProps) => JSX.Element;
-declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => JSX.Element>;
+export declare const EditableHeading: (props: EditableHeadingProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: EditableHeadingProps) => React.JSX.Element>;
 export default _default;

package/dist/error-bubble/error-bubble.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactElement } from 'react';
+import React, { PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 export type ErrorBubbleProps<P> = Partial<P> & {
     className?: string | null | undefined;
@@ -14,5 +14,5 @@ export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/error-bubble/error-bubble.js

@@ -18,7 +18,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../popup/position.js';
 import '../popup/popup.target.js';
 
-var modules_ee284100 = {"unit":"i__const_unit_0","light":"light_rui_b075","errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
+var modules_ee284100 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
 
 /**
  * @name Error Bubble

package/dist/error-message/error-message.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';
 export interface ErrorMessageProps {
@@ -23,5 +23,5 @@ export default class ErrorMessage extends Component<ErrorMessageProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/error-message-ng/error-message-ng.js

@@ -1,6 +1,6 @@
 import angular from 'angular';
 import IconNG from '../icon-ng/icon-ng.js';
-import LinkModule from '../link-ng/link-ng.js';
+import LinkNG from '../link-ng/link-ng.js';
 import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
@@ -12,7 +12,7 @@ import '../_helpers/link.js';
  * @name Error Message Ng
  */
 
-const angularModule = angular.module('Ring.error-message', [IconNG, LinkModule]);
+const angularModule = angular.module('Ring.error-message', [IconNG, LinkNG]);
 angularModule.directive('rgErrorMessage', function rgErrorMessageDirective() {
   return {
     replace: true,

package/dist/form-ng/form-ng.js

@@ -1,11 +1,11 @@
 import angular from 'angular';
-import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
+import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 
 /**
  * @name Form Ng
  */
 
-const angularModule = angular.module('Ring.form', [messageBundleNg]);
+const angularModule = angular.module('Ring.form', [MessageBundle]);
 angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
   function msg(id, formError) {
     const messageBundleId = `form_${id}`;

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

@@ -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 | 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/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/heading/heading.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import deprecate from 'util-deprecate';
 
-var modules_901b77ec = {"light":"light_rui_4b24","heading":"heading_rui_4b24 font_rui_8bff","caps":"caps_rui_4b24"};
+var modules_901b77ec = {"light":"light_rui_2ac4","heading":"heading_rui_4b24 font_rui_8bff","caps":"caps_rui_4b24"};
 
 /**
  * @name Heading

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 };