@jetbrains/ring-ui-built 6.0.12 → 6.0.14

package/components/date-picker/consts.js

@@ -1,4 +1,8 @@
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.index-of.js';
 import PropTypes from 'prop-types';
 import { add } from 'date-fns/add';
 
@@ -13,6 +17,7 @@ var units = {
 };
 var YEAR = 12;
 var WEEK = 7;
+var FIFTH_DAY = 4;
 var weekdays = {
   MO: 1,
   TU: 2,
@@ -42,5 +47,17 @@ function parseTime(time) {
   }
   return result;
 }
+function shiftWeekArray(arr, startOfWeek) {
+  var shiftTimes = startOfWeek - 1;
+  return arr.slice(shiftTimes).concat(arr.slice(0, shiftTimes));
+}
+function getWeekStartsOn(locale) {
+  var _locale$options$weekS, _locale$options;
+  return (_locale$options$weekS = locale === null || locale === void 0 || (_locale$options = locale.options) === null || _locale$options === void 0 ? void 0 : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== void 0 ? _locale$options$weekS : weekdays.MO;
+}
+function getDayNumInWeek(locale, day) {
+  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));
+  return weekDays.indexOf(day);
+}
 
-export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, parseTime, weekdays, yearDuration, yearScrollSpeed };
+export { DOUBLE, FIFTH_DAY, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, getDayNumInWeek, getWeekStartsOn, parseTime, shiftWeekArray, weekdays, yearDuration, yearScrollSpeed };

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

@@ -36,6 +36,8 @@ import 'core-js/modules/web.dom-collections.for-each.js';
 import '../control-label/control-label.js';
 import '../i18n/i18n.js';
 import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var DateInput = /*#__PURE__*/function (_React$PureComponent) {

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

@@ -83,6 +83,7 @@ import 'date-fns/isBefore';
 import 'date-fns/startOfDay';
 import 'date-fns';
 import './date-input.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 import './months.js';
 import 'date-fns/addMonths';

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

@@ -65,6 +65,8 @@ import 'core-js/modules/es.array.includes.js';
 import 'core-js/modules/es.string.includes.js';
 import 'date-fns/getDate';
 import 'date-fns/isToday';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 import './month-names.js';
 import 'date-fns/isThisMonth';

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

@@ -15,6 +15,7 @@ export default class Day extends Component<DayProps> {
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         parseDateInput: PropTypes.Requireable<(...args: any[]) => any>;
         onHover: PropTypes.Requireable<(...args: any[]) => any>;
+        locale: PropTypes.Requireable<object>;
         minDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         maxDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
     };

package/components/date-picker/day.js

@@ -15,9 +15,12 @@ import { isBefore } from 'date-fns/isBefore';
 import { isSameDay } from 'date-fns/isSameDay';
 import { isToday } from 'date-fns/isToday';
 import { startOfDay } from 'date-fns/startOfDay';
-import { dateType, weekdays } from './consts.js';
+import { dateType, getDayNumInWeek, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var hoverTO;
@@ -74,8 +77,10 @@ var Day = /*#__PURE__*/function (_Component) {
         from = _this$props.from,
         currentRange = _this$props.currentRange,
         activeRange = _this$props.activeRange,
-        empty = _this$props.empty;
+        empty = _this$props.empty,
+        locale = _this$props.locale;
       var reverse = activeRange && activeRange[1] === from;
+      var dayInWeek = getDayNumInWeek(locale, getDay(day)) + 1;
       function makeSpreadRange(range) {
         return range && [range[0], addDays(range[1], 1)];
       }
@@ -87,7 +92,7 @@ var Day = /*#__PURE__*/function (_Component) {
         // TODO make keyboard navigation actually work
         React.createElement("button", {
           type: "button",
-          className: classNames(modules_0c7b7d96.day, modules_0c7b7d96[format(day, 'EEEE')], {
+          className: classNames(modules_0c7b7d96.day, modules_0c7b7d96["Day".concat(dayInWeek)], {
             [modules_0c7b7d96.current]: ['date', 'from', 'to'].some(this.is),
             [modules_0c7b7d96.active]: !disabled && this.is('activeDate'),
             [modules_0c7b7d96.weekend]: [weekdays.SA, weekdays.SU].includes(getDay(day)),
@@ -126,6 +131,7 @@ _defineProperty(Day, "propTypes", {
   onSelect: PropTypes.func,
   parseDateInput: PropTypes.func,
   onHover: PropTypes.func,
+  locale: PropTypes.object,
   minDate: dateType,
   maxDate: dateType
 });

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

@@ -7,7 +7,7 @@ declare namespace MonthNames {
         scrollDate: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
         onScrollChange: PropTypes.Requireable<(...args: any[]) => any>;
         currentRange: PropTypes.Requireable<(NonNullable<string | number | Date | null | undefined> | null | undefined)[]>;
-        locale: PropTypes.Requireable<string>;
+        locale: PropTypes.Requireable<object>;
     };
 }
 export default MonthNames;

package/components/date-picker/month-names.js

@@ -17,6 +17,9 @@ import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var MonthName = /*#__PURE__*/function (_PureComponent) {
@@ -57,7 +60,7 @@ var MonthName = /*#__PURE__*/function (_PureComponent) {
 _defineProperty(MonthName, "propTypes", {
   month: dateType,
   onScrollChange: PropTypes.func,
-  locale: PropTypes.string
+  locale: PropTypes.object
 });
 function MonthNames(props) {
   var scrollDate = props.scrollDate,
@@ -104,7 +107,7 @@ MonthNames.propTypes = {
   scrollDate: dateType,
   onScrollChange: PropTypes.func,
   currentRange: PropTypes.arrayOf(dateType),
-  locale: PropTypes.string
+  locale: PropTypes.object
 };
 
 export { MonthNames as default };

package/components/date-picker/month-slider.js

@@ -11,6 +11,9 @@ import linearFunction from '../global/linear-function.js';
 import units, { dateType, yearScrollSpeed } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var COVERYEARS = 3;

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

@@ -8,7 +8,7 @@ declare function Month(props: MonthProps): React.JSX.Element;
 declare namespace Month {
     var propTypes: {
         month: PropTypes.Requireable<NonNullable<string | number | Date | null | undefined>>;
-        locale: PropTypes.Requireable<string>;
+        locale: PropTypes.Requireable<object>;
     };
 }
 export default Month;

package/components/date-picker/month.js

@@ -1,4 +1,5 @@
 import { i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.values.js';
 import 'core-js/modules/es.array.map.js';
 import React from 'react';
 import { addDays } from 'date-fns/addDays';
@@ -8,7 +9,7 @@ import { getDay } from 'date-fns/getDay';
 import { setDay } from 'date-fns/setDay';
 import PropTypes from 'prop-types';
 import Day from './day.js';
-import { dateType, weekdays, WEEK } from './consts.js';
+import { dateType, shiftWeekArray, getWeekStartsOn, weekdays, FIFTH_DAY, WEEK } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.object.to-string.js';
@@ -22,6 +23,8 @@ import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 function Month(props) {
@@ -30,7 +33,9 @@ function Month(props) {
   var locale = props.locale;
   // pad with empty cells starting from last friday
   var weekday = getDay(start);
-  var day = setDay(start, weekday >= weekdays.FR ? weekdays.FR : weekdays.FR - WEEK);
+  var weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale));
+  var fifthDayOfWeek = weekDays[FIFTH_DAY];
+  var day = setDay(start, weekday >= fifthDayOfWeek ? fifthDayOfWeek : fifthDayOfWeek - WEEK);
   var days = [];
   while (day < end) {
     days.push(day);
@@ -52,7 +57,7 @@ function Month(props) {
 }
 Month.propTypes = {
   month: dateType,
-  locale: PropTypes.string
+  locale: PropTypes.object
 };
 
 export { Month as default };

package/components/date-picker/months.js

@@ -15,6 +15,7 @@ import Month from './month.js';
 import MonthNames from './month-names.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, DOUBLE, HALF, WEEK, weekdays } from './consts.js';
+import 'core-js/modules/es.object.values.js';
 import 'date-fns/addDays';
 import 'date-fns/format';
 import 'date-fns/setDay';
@@ -37,6 +38,8 @@ import './month-slider.js';
 import 'date-fns/addYears';
 import 'date-fns/subYears';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var unit = units.unit,

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

@@ -7,7 +7,7 @@ interface WeekdaysProps {
 declare function Weekdays(props: WeekdaysProps): React.JSX.Element;
 declare namespace Weekdays {
     var propTypes: {
-        locale: PropTypes.Requireable<string>;
+        locale: PropTypes.Requireable<object>;
     };
 }
 export default Weekdays;

package/components/date-picker/weekdays.js

@@ -9,13 +9,16 @@ import { format } from 'date-fns/format';
 import { setDay } from 'date-fns/setDay';
 import { startOfDay } from 'date-fns/startOfDay';
 import PropTypes from 'prop-types';
-import { weekdays } from './consts.js';
+import { shiftWeekArray, getWeekStartsOn, weekdays } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 function Weekdays(props) {
-  var days = Object.values(weekdays).map(function (value) {
+  var days = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(props.locale)).map(function (value) {
     return startOfDay(setDay(new Date(), value));
   });
   var locale = props.locale;
@@ -33,7 +36,7 @@ function Weekdays(props) {
   }));
 }
 Weekdays.propTypes = {
-  locale: PropTypes.string
+  locale: PropTypes.object
 };
 
 export { Weekdays as default };

package/components/date-picker/years.js

@@ -16,6 +16,9 @@ import linearFunction from '../global/linear-function.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import units, { dateType, yearDuration, DOUBLE, HALF } from './consts.js';
 import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.array.index-of.js';
 import 'date-fns/add';
 
 var yearHeight = units.yearHeight,

package/components/editable-heading/editable-heading.js

@@ -50,7 +50,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","textarea":"textarea_rui_0870","textareaNotOverflow":"textareaNotOverflow_rui_0870","textareaFade":"textareaFade_rui_0870","textareaWrapper":"textareaWrapper_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+var modules_6e69b0fe = {"editableHeading":"editableHeading_rui_0f5a","fullSize":"fullSize_rui_0f5a","isEditing":"isEditing_rui_0f5a","headingWrapperButton":"headingWrapperButton_rui_0f5a","disabled":"disabled_rui_0f5a","selectionMode":"selectionMode_rui_0f5a","heading":"heading_rui_0f5a","multiline":"multiline_rui_0f5a","input":"input_rui_0f5a","error":"error_rui_0f5a","textarea":"textarea_rui_0f5a","textareaNotOverflow":"textareaNotOverflow_rui_0f5a","textareaFade":"textareaFade_rui_0f5a","textareaWrapper":"textareaWrapper_rui_0f5a","button":"button_rui_0f5a","errorText":"errorText_rui_0f5a","level1":"level1_rui_0f5a","level2":"level2_rui_0f5a","level3":"level3_rui_0f5a","sizeS":"sizeS_rui_0f5a","sizeM":"sizeM_rui_0f5a","sizeL":"sizeL_rui_0f5a","sizeFULL":"sizeFULL_rui_0f5a"};
 
 var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
 function noop() {}

package/components/error-bubble/error-bubble.js

@@ -40,7 +40,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 
-var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
+var modules_ee284100 = {"light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_7233","errorBubbleWrapper":"errorBubbleWrapper_rui_7233","errorBubble":"errorBubble_rui_7233"};
 
 var _excluded = ["children", "className"];
 /**

package/components/error-message/error-message.js

@@ -22,7 +22,7 @@ import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.array.concat.js';
 
-var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_c974","title":"title_rui_c974","description":"description_rui_c974","content":"content_rui_c974","icon":"icon_rui_c974"};
+var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_94a5","title":"title_rui_94a5","description":"description_rui_94a5","content":"content_rui_94a5","icon":"icon_rui_94a5"};
 
 /**
  * @name Error Message

package/components/footer/footer.js

@@ -12,7 +12,7 @@ import 'core-js/modules/es.array.concat.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
-var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_fade font_rui_8bff","footerFloating":"footerFloating_rui_fade footer_rui_fade font_rui_8bff","column":"column_rui_fade","columnItem":"columnItem_rui_fade","columnLeft":"columnLeft_rui_fade column_rui_fade","columnCenter":"columnCenter_rui_fade column_rui_fade","line":"line_rui_fade","columnRight":"columnRight_rui_fade column_rui_fade","lineCenter":"lineCenter_rui_fade"};
+var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
 
 var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
   var position = _ref.position,

package/components/global/url.js

@@ -112,8 +112,7 @@ function parseQueryString(queryString) {
   return urlParams;
 }
 function customEncodeURIComponent(str) {
-  var commaRE = /%2C/g;
-  return encodeURIComponent(String(str)).replace(commaRE, ',');
+  return encodeURIComponent(String(str)).replace(/%2C/g, ',').replace(/%24/g, '$');
 }
 /**
  * Takes a URL as input and a params object.

package/components/group/group.js

@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_d9da30c7 = {"light":"light_rui_2ac4","group":"group_rui_365e"};
+var modules_d9da30c7 = {"light":"light_rui_2ac4","group":"group_rui_bce8"};
 
 var _excluded = ["children", "className"];
 /**

package/components/header/profile.d.ts

@@ -1,6 +1,7 @@
 import React, { ComponentType, HTMLAttributes, PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { Size } from '../avatar/avatar';
+import { PopupMenuAttrs } from '../popup-menu/popup-menu';
 import { ListDataItem } from '../list/consts';
 import { AuthUser } from '../auth/auth';
 import { ClickableLinkProps } from '../link/clickableLink';
@@ -27,15 +28,19 @@ export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSe
     LinkComponent?: ComponentType<ClickableLinkProps> | null | undefined;
     user?: AuthUser | null | undefined | void;
     round?: boolean | null | undefined;
+    showName?: boolean | null | undefined;
     showLogIn?: boolean | null | undefined;
     showLogOut?: boolean | null | undefined;
     showSwitchUser?: boolean | null | undefined;
     showApplyChangedUser?: boolean | null | undefined;
     onRevertPostponement?: (() => void) | null | undefined;
+    menuProps?: PopupMenuAttrs | null | undefined;
+    activeClassName?: string | null | undefined;
 }
 export default class Profile extends PureComponent<ProfileProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
+        activeClassName: PropTypes.Requireable<string>;
         closeOnSelect: PropTypes.Requireable<boolean>;
         hasUpdates: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
@@ -59,12 +64,14 @@ export default class Profile extends PureComponent<ProfileProps> {
         }>>;
         size: PropTypes.Requireable<number>;
         round: PropTypes.Requireable<boolean>;
+        showName: PropTypes.Requireable<boolean>;
         showLogIn: PropTypes.Requireable<boolean>;
         showLogOut: PropTypes.Requireable<boolean>;
         showSwitchUser: PropTypes.Requireable<boolean>;
         showApplyChangedUser: PropTypes.Requireable<boolean>;
         onRevertPostponement: PropTypes.Requireable<(...args: any[]) => any>;
         renderGuest: PropTypes.Requireable<(...args: any[]) => any>;
+        menuProps: PropTypes.Requireable<object>;
     };
     static defaultProps: ProfileProps;
     static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;

package/components/header/profile.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, f as _createClass, g as _objectWithoutProperties, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, f as _createClass, g as _objectWithoutProperties, i as _extends, h as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
 import React, { Component, PureComponent } from 'react';
@@ -92,7 +92,7 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../i18n/i18n.js';
 
-var _excluded = ["className", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin"];
+var _excluded = ["className", "activeClassName", "closeOnSelect", "hasUpdates", "onLogout", "user", "profileUrl", "LinkComponent", "onSwitchUser", "renderPopupItems", "onRevertPostponement", "showApplyChangedUser", "showName", "showLogIn", "showLogOut", "showSwitchUser", "renderGuest", "translations", "size", "round", "loading", "onLogin", "menuProps"];
 var rgItemType = PopupMenu.ListProps.Type.LINK;
 var Profile = /*#__PURE__*/function (_PureComponent) {
   _inherits(Profile, _PureComponent);
@@ -107,6 +107,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
       var _translations$applyCh, _translations$login, _translations$profile, _translations$switchU, _translations$logout;
       var _this$props = this.props,
         className = _this$props.className,
+        activeClassName = _this$props.activeClassName,
         closeOnSelect = _this$props.closeOnSelect,
         hasUpdates = _this$props.hasUpdates,
         onLogout = _this$props.onLogout,
@@ -117,6 +118,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         renderPopupItems = _this$props.renderPopupItems,
         onRevertPostponement = _this$props.onRevertPostponement,
         showApplyChangedUser = _this$props.showApplyChangedUser,
+        showName = _this$props.showName,
         showLogIn = _this$props.showLogIn,
         showLogOut = _this$props.showLogOut,
         showSwitchUser = _this$props.showSwitchUser,
@@ -126,7 +128,8 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         round = _this$props.round;
         _this$props.loading;
         _this$props.onLogin;
-        var props = _objectWithoutProperties(_this$props, _excluded);
+        var menuProps = _this$props.menuProps,
+        props = _objectWithoutProperties(_this$props, _excluded);
       var translate = this.context.translate;
       if (!user) {
         return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -139,17 +142,19 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
       if (user.guest) {
         return renderGuest(this.props);
       }
-      var anchorClassName = classNames(modules_47759f5e.avatarWrapper, {
+      var avatarWrapper = classNames(modules_47759f5e.avatarWrapper, {
         [modules_47759f5e.hasUpdates]: hasUpdates
       });
       var anchor = /*#__PURE__*/React.createElement("button", {
         type: "button",
-        className: anchorClassName
+        className: modules_47759f5e.anchorClassName
+      }, /*#__PURE__*/React.createElement("span", {
+        className: avatarWrapper
       }, /*#__PURE__*/React.createElement(Avatar, {
         url: user.profile && user.profile.avatar && user.profile.avatar.url,
         size: size,
         round: round
-      }));
+      })), showName && /*#__PURE__*/React.createElement("span", null, user.name));
       var items = [showApplyChangedUser && {
         rgItemType,
         label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
@@ -183,12 +188,13 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         data: renderPopupItems(items),
         "data-test": "ring-profile",
         className: classNames(modules_47759f5e.profile, className),
-        menuProps: {
+        activeClassName: activeClassName,
+        menuProps: _objectSpread2({
           closeOnSelect,
           left: -2,
           top: -8,
           sidePadding: 32
-        }
+        }, menuProps)
       }));
     }
   }]);
@@ -196,6 +202,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
 }(PureComponent);
 _defineProperty(Profile, "propTypes", {
   className: PropTypes.string,
+  activeClassName: PropTypes.string,
   closeOnSelect: PropTypes.bool,
   hasUpdates: PropTypes.bool,
   loading: PropTypes.bool,
@@ -219,12 +226,14 @@ _defineProperty(Profile, "propTypes", {
   }),
   size: PropTypes.number,
   round: PropTypes.bool,
+  showName: PropTypes.bool,
   showLogIn: PropTypes.bool,
   showLogOut: PropTypes.bool,
   showSwitchUser: PropTypes.bool,
   showApplyChangedUser: PropTypes.bool,
   onRevertPostponement: PropTypes.func,
-  renderGuest: PropTypes.func
+  renderGuest: PropTypes.func,
+  menuProps: PropTypes.object
 });
 _defineProperty(Profile, "defaultProps", {
   closeOnSelect: true,

package/components/http/http.d.ts

@@ -53,9 +53,9 @@ export default class HTTP implements Partial<HTTPAuth> {
      * Usage: const {promise, abort} = http.abortify(http.get<{id: string}>)('http://test.com');
      * @param method
      */
-    abortify: <T>(method: Method<T>) => (url: string, params?: RequestParams<boolean> | undefined) => ({
+    abortify: <T>(method: Method<T>) => ((...p: Parameters<Method<T>>) => ({
         promise: Promise<T>;
         abort: () => void;
-    });
+    }));
 }
 export {};

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

@@ -3,7 +3,7 @@ export declare const PhaseContext: React.Context<number | null>;
 type ScrollHandler = (element: Element) => void;
 export declare const ScrollHandlerContext: React.Context<ScrollHandler | null>;
 export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>): {
-    new (props: P | Readonly<P>): {
+    new (props: P): {
         state: {
             phase: null;
         };

package/components/island/adaptive-island-hoc.js

@@ -8,8 +8,8 @@ var TITLE_RESIZE_THRESHOLD = 36;
 var PhaseContext = /*#__PURE__*/createContext(null);
 var ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
-  var _class;
-  return _class = /*#__PURE__*/function (_Component) {
+  var _AdaptiveIsland;
+  return _AdaptiveIsland = /*#__PURE__*/function (_Component) {
     _inherits(AdaptiveIsland, _Component);
     var _super = _createSuper(AdaptiveIsland);
     function AdaptiveIsland() {
@@ -47,7 +47,7 @@ function adaptiveIslandHOC(ComposedComponent) {
       }
     }]);
     return AdaptiveIsland;
-  }(Component), _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _class;
+  }(Component), _defineProperty(_AdaptiveIsland, "propTypes", ComposedComponent.propTypes), _AdaptiveIsland;
 }
 
 export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

package/components/island/island.d.ts

@@ -19,7 +19,7 @@ export default class Island extends Component<IslandProps> {
     render(): React.JSX.Element;
 }
 export declare const AdaptiveIsland: {
-    new (props: IslandProps | Readonly<IslandProps>): {
+    new (props: IslandProps): {
         state: {
             phase: null;
         };

package/components/link/link.d.ts

@@ -14,7 +14,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>>): {
+    new (props: LinkProps<P>): {
         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;
@@ -75,7 +75,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
     contextType?: React.Context<any> | undefined;
 };
 declare const _default: {
-    new (props: LinkProps<ClickableLinkProps> | Readonly<LinkProps<ClickableLinkProps>>): {
+    new (props: LinkProps<ClickableLinkProps>): {
         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/link/link.js

@@ -12,9 +12,9 @@ import 'core-js/modules/es.array.concat.js';
 
 var _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
 function linkHOC(ComposedComponent) {
-  var _class;
+  var _Link;
   var isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
-  return _class = /*#__PURE__*/function (_PureComponent) {
+  return _Link = /*#__PURE__*/function (_PureComponent) {
     _inherits(Link, _PureComponent);
     var _super = _createSuper(Link);
     function Link() {
@@ -68,7 +68,7 @@ function linkHOC(ComposedComponent) {
       }
     }]);
     return Link;
-  }(PureComponent), _defineProperty(_class, "propTypes", {
+  }(PureComponent), _defineProperty(_Link, "propTypes", {
     className: PropTypes.string,
     active: PropTypes.bool,
     inherit: PropTypes.bool,
@@ -79,7 +79,7 @@ function linkHOC(ComposedComponent) {
     href: PropTypes.string,
     onPlainLeftClick: PropTypes.func,
     onClick: PropTypes.func
-  }), _class;
+  }), _Link;
 }
 var Link = linkHOC(ClickableLink);
 

package/components/list/list__item.js

@@ -44,7 +44,7 @@ import '../global/memoize.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 
-var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_8bff","font":"font_rui_8bff","font-lower":"font-lower_rui_8bff font_rui_8bff","font-smaller":"font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-smaller-lower":"font-smaller-lower_rui_8bff font-smaller_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger-lower":"font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","font-larger":"font-larger_rui_8bff font-larger-lower_rui_8bff font-lower_rui_8bff font_rui_8bff","thin-font":"thin-font_rui_8bff","monospace-font":"monospace-font_rui_8bff","ellipsis":"ellipsis_rui_8bff","resetButton":"resetButton_rui_8bff"};
+var modules_5b0fb3e8 = {"footer-height":"calc(var(--ring-unit)*8)","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
 
 var _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
 /**

package/components/loader/loader__core.js

@@ -13,7 +13,7 @@ import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.set.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var modules_00b5ad26 = {"light":"light_rui_2ac4","canvas":"canvas_rui_47a4","animate":"animate_rui_47a4","rotation-keyframes":"rotation-keyframes_rui_47a4","text":"text_rui_47a4"};
+var modules_00b5ad26 = {"light":"light_rui_2ac4","canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
 
 var INITIAL_TICKS = 100;
 var Particle = /*#__PURE__*/function () {