@jetbrains/ring-ui-built 7.0.19 → 7.0.20

package/components/auth/storage.js

@@ -66,17 +66,17 @@ class AuthStorage {
    * @param {{stateKeyPrefix: string, tokenKey: string, onTokenRemove: Function}} config
    */
   constructor(config) {
-    _defineProperty(this, "messagePrefix", void 0);
-    _defineProperty(this, "stateKeyPrefix", void 0);
-    _defineProperty(this, "tokenKey", void 0);
-    _defineProperty(this, "userKey", void 0);
-    _defineProperty(this, "stateTTL", void 0);
-    _defineProperty(this, "stateQuota", void 0);
-    _defineProperty(this, "_lastMessage", void 0);
-    _defineProperty(this, "_stateStorage", void 0);
-    _defineProperty(this, "_tokenStorage", void 0);
-    _defineProperty(this, "_messagesStorage", void 0);
-    _defineProperty(this, "_currentUserStorage", void 0);
+    _defineProperty(this, "messagePrefix", undefined);
+    _defineProperty(this, "stateKeyPrefix", undefined);
+    _defineProperty(this, "tokenKey", undefined);
+    _defineProperty(this, "userKey", undefined);
+    _defineProperty(this, "stateTTL", undefined);
+    _defineProperty(this, "stateQuota", undefined);
+    _defineProperty(this, "_lastMessage", undefined);
+    _defineProperty(this, "_stateStorage", undefined);
+    _defineProperty(this, "_tokenStorage", undefined);
+    _defineProperty(this, "_messagesStorage", undefined);
+    _defineProperty(this, "_currentUserStorage", undefined);
     this.messagePrefix = config.messagePrefix || '';
     this.stateKeyPrefix = config.stateKeyPrefix || '';
     this.tokenKey = config.tokenKey || '';
@@ -169,7 +169,7 @@ class AuthStorage {
         var _state$created;
         // Clean old states
         const state = value;
-        const created = (_state$created = state.created) !== null && _state$created !== void 0 ? _state$created : Date.now();
+        const created = (_state$created = state.created) !== null && _state$created !== undefined ? _state$created : Date.now();
         if (created + this.stateTTL < now) {
           return this._stateStorage.remove(key);
         }

package/components/auth/token-validator.js

@@ -9,17 +9,17 @@ import 'core-js/modules/es.string.replace.js';
 class TokenValidationError extends ExtendableError {
   constructor(message, cause) {
     super(message);
-    _defineProperty(this, "cause", void 0);
-    _defineProperty(this, "authRedirect", void 0);
+    _defineProperty(this, "cause", undefined);
+    _defineProperty(this, "authRedirect", undefined);
     this.cause = cause;
     this.authRedirect = true;
   }
 }
 class TokenValidator {
   constructor(config, getUser, storage) {
-    _defineProperty(this, "_getUser", void 0);
-    _defineProperty(this, "_config", void 0);
-    _defineProperty(this, "_storage", void 0);
+    _defineProperty(this, "_getUser", undefined);
+    _defineProperty(this, "_config", undefined);
+    _defineProperty(this, "_storage", undefined);
     this._getUser = getUser;
     this._config = config;
     this._storage = storage;
@@ -95,7 +95,7 @@ class TokenValidator {
     const requiredScopes = optionalScopes ? scope.filter(scopeId => !optionalScopes.includes(scopeId)) : scope;
     const hasAllScopes = requiredScopes.every(scopeId => {
       var _storedToken$scopes;
-      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
+      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === undefined ? undefined : _storedToken$scopes.includes(scopeId);
     });
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError("Token doesn't match required scopes");
@@ -129,7 +129,7 @@ class TokenValidator {
       if (errorResponse.status === CODE.UNAUTHORIZED || TokenValidator.shouldRefreshToken(response.error)) {
         var _errorResponse$data, _errorResponse$data2;
         // Token expired
-        throw new TokenValidator.TokenValidationError(response.error || errorResponse.message, (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== void 0 && _errorResponse$data.error ? new Error((_errorResponse$data2 = errorResponse.data) === null || _errorResponse$data2 === void 0 ? void 0 : _errorResponse$data2.error) : undefined);
+        throw new TokenValidator.TokenValidationError(response.error || errorResponse.message, (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== undefined && _errorResponse$data.error ? new Error((_errorResponse$data2 = errorResponse.data) === null || _errorResponse$data2 === undefined ? undefined : _errorResponse$data2.error) : undefined);
       }
       // Request unexpectedly failed
       throw errorResponse;

package/components/auth/window-flow.js

@@ -10,14 +10,14 @@ const CLOSED_CHECK_INTERVAL = 200;
 class WindowFlow {
   constructor(requestBuilder, storage) {
     _defineProperty(this, "_timeoutId", undefined);
-    _defineProperty(this, "_requestBuilder", void 0);
-    _defineProperty(this, "_storage", void 0);
-    _defineProperty(this, "reject", void 0);
-    _defineProperty(this, "_loginWindow", void 0);
-    _defineProperty(this, "_promise", void 0);
+    _defineProperty(this, "_requestBuilder", undefined);
+    _defineProperty(this, "_storage", undefined);
+    _defineProperty(this, "reject", undefined);
+    _defineProperty(this, "_loginWindow", undefined);
+    _defineProperty(this, "_promise", undefined);
     _defineProperty(this, "checkIsClosed", () => {
       var _this$_loginWindow;
-      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== void 0 && _this$_loginWindow.closed) {
+      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== undefined && _this$_loginWindow.closed) {
         this.stop();
         return;
       }
@@ -70,7 +70,7 @@ class WindowFlow {
         removeStateListener();
         removeTokenListener();
         /* eslint-enable @typescript-eslint/no-use-before-define */
-        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === void 0 || _this$_loginWindow2.close();
+        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === undefined || _this$_loginWindow2.close();
         clearTimeout(this._timeoutId);
       };
       const removeTokenListener = this._storage.onTokenChange(token => {

package/components/auth-dialog/auth-dialog.js

@@ -103,7 +103,7 @@ class AuthDialog extends Component {
       retrying
     } = this.state;
     const defaultTitle = serviceName ? loginToCaption : loginCaption;
-    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== void 0 ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== void 0 ? serviceName : '');
+    const title = (this.props.title || defaultTitle).replace('%serviceName%', serviceName !== null && serviceName !== undefined ? serviceName : '').replace('{{serviceName}}', serviceName !== null && serviceName !== undefined ? serviceName : '');
     return jsx(Dialog, {
       label: title,
       "data-test": "ring-auth-dialog",

package/components/avatar/avatar.d.ts

@@ -3,12 +3,14 @@ import { PureComponent, ImgHTMLAttributes } from 'react';
  * @name Avatar
  */
 export declare enum Size {
+    /** @deprecated */
     Size18 = 18,
     Size20 = 20,
     Size24 = 24,
     Size28 = 28,
     Size32 = 32,
     Size40 = 40,
+    /** @deprecated */
     Size48 = 48,
     Size56 = 56
 }

package/components/avatar/avatar.js

@@ -3,8 +3,10 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
+import deprecate from 'util-deprecate';
 import { isDataURI, parseQueryString, encodeURL } from '../global/url.js';
 import { getPixelRatio } from '../global/dom.js';
+import memoize from '../global/memoize.js';
 import FallbackAvatar from './fallback-avatar.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
@@ -18,15 +20,18 @@ const _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavat
  */
 var Size;
 (function (Size) {
+  /** @deprecated */
   Size[Size["Size18"] = 18] = "Size18";
   Size[Size["Size20"] = 20] = "Size20";
   Size[Size["Size24"] = 24] = "Size24";
   Size[Size["Size28"] = 28] = "Size28";
   Size[Size["Size32"] = 32] = "Size32";
   Size[Size["Size40"] = 40] = "Size40";
+  /** @deprecated */
   Size[Size["Size48"] = 48] = "Size48";
   Size[Size["Size56"] = 56] = "Size56";
 })(Size || (Size = {}));
+const warnSize = memoize(size => deprecate(() => {}, "Avatar: Size".concat(size, " is deprecated and will be removed in 8.0. The supported sizes are: Size20, Size24, Size28, Size32, Size40.")));
 class Avatar extends PureComponent {
   constructor() {
     super(...arguments);
@@ -58,6 +63,9 @@ class Avatar extends PureComponent {
         skipParams
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
+    if ([Size.Size18, Size.Size48].includes(size)) {
+      warnSize(size)();
+    }
     const sizeString = "".concat(size, "px");
     const subavatarSizeString = "".concat(subavatarSize, "px");
     const borderRadius = size <= Size.Size18 ? 'var(--ring-border-radius-small)' : 'var(--ring-border-radius)';

package/components/avatar-stack/avatar-stack.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+import { ListDataItem } from '../list/consts';
+import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu';
+import { Size } from '../avatar/avatar';
+declare module 'csstype' {
+    interface Properties {
+        '--ring-avatar-stack-index'?: number;
+    }
+}
+export interface AvatarProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
+    size?: Size | undefined;
+    extraItems?: readonly ListDataItem<T>[] | null | undefined;
+    dropdownMenuProps?: DropdownMenuProps<T> | null | undefined;
+}
+export default function AvatarStack({ children, className, size, extraItems, dropdownMenuProps, ...restProps }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/components/avatar-stack/avatar-stack.js

@@ -0,0 +1,117 @@
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, Children } from 'react';
+import classNames from 'classnames';
+import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
+import { Size } from '../avatar/avatar.js';
+import '../list/list.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+import 'util-deprecate';
+import 'memoize-one';
+import '../global/data-tests.js';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/memoize.js';
+import '../global/dom.js';
+import 'core-js/modules/es.regexp.exec.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/create-stateful-context.js';
+import '../list/list__link.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/list__item.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark-12px';
+import '@jetbrains/icons/remove-12px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/composeRefs.js';
+import '../control-help/control-help.js';
+import '../global/url.js';
+import '../avatar/fallback-avatar.js';
+import '../list/list__custom.js';
+import '../global/get-event-key.js';
+import '../list/list__title.js';
+import '../list/list__separator.js';
+import '../list/list__hint.js';
+import '../list/consts.js';
+import '../dropdown/dropdown.js';
+import '../global/typescript-utils.js';
+import '../_helpers/anchor.js';
+import '../button/button.js';
+import '@jetbrains/icons/chevron-down';
+import '@jetbrains/icons/chevron-12px-down';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import '../popup-menu/popup-menu.js';
+import '../popup/popup.js';
+import 'react-dom';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.consts.js';
+import '../popup/popup.target.js';
+
+var styles = {"avatarStack":"avatarStack_rui_9a0c","extraText":"extraText_rui_9a0c resetButton_rui_8bff","item":"item_rui_9a0c","size20":"size20_rui_9a0c","size24":"size24_rui_9a0c","size28":"size28_rui_9a0c","size32":"size32_rui_9a0c","size40":"size40_rui_9a0c","size56":"size56_rui_9a0c","hovered":"hovered_rui_9a0c","extra":"extra_rui_9a0c item_rui_9a0c"};
+
+const _excluded = ["children", "className", "size", "extraItems", "dropdownMenuProps"];
+function AvatarStack(_ref) {
+  let {
+      children,
+      className,
+      size = Size.Size20,
+      extraItems,
+      dropdownMenuProps
+    } = _ref,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  return jsxs("div", _objectSpread2(_objectSpread2({
+    className: classNames(styles.avatarStack, className, styles["size".concat(size)], {
+      [styles.hovered]: dropdownOpen
+    })
+  }, restProps), {}, {
+    children: [Children.map(children, (child, index) => jsx("div", {
+      className: styles.item,
+      style: {
+        '--ring-avatar-stack-index': index
+      },
+      children: child
+    })), (extraItems === null || extraItems === undefined ? undefined : extraItems.length) && jsx(DropdownMenu, _objectSpread2({
+      hoverMode: true,
+      hoverShowTimeOut: 10,
+      onShow: () => setDropdownOpen(true),
+      onHide: () => setDropdownOpen(false),
+      className: styles.extra,
+      style: {
+        width: size,
+        height: size,
+        '--ring-avatar-stack-index': Children.count(children)
+      },
+      anchor: jsx("button", {
+        type: "button",
+        className: styles.extraText,
+        children: "+".concat(extraItems.length)
+      }),
+      data: extraItems,
+      menuProps: _objectSpread2({
+        offset: 4
+      }, dropdownMenuProps === null || dropdownMenuProps === undefined ? undefined : dropdownMenuProps.menuProps)
+    }, dropdownMenuProps))]
+  }));
+}
+
+export { AvatarStack as default };

package/components/button/button.js

@@ -57,13 +57,13 @@ class Button extends PureComponent {
         inline
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : icon != null;
+    const isInline = (_ref = inline !== null && inline !== undefined ? inline : text) !== null && _ref !== undefined ? _ref : icon != null;
     if (text != null) {
       warnText();
     }
     const classes = getButtonClasses(_objectSpread2(_objectSpread2({}, this.props), {}, {
       inline: isInline,
-      height: height !== null && height !== void 0 ? height : this.context
+      height: height !== null && height !== undefined ? height : this.context
     }));
     const content = jsxs(Fragment, {
       children: [icon && jsx(Icon, {

package/components/caret/caret.js

@@ -19,7 +19,7 @@ class Caret {
     return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
   }
   constructor(target) {
-    _defineProperty(this, "target", void 0);
+    _defineProperty(this, "target", undefined);
     this.target = target;
   }
   isContentEditable() {
@@ -43,7 +43,7 @@ class Caret {
     while (_curNode != null && _curNode !== this.target) {
       while (_curNode.previousSibling) {
         var _curNode$previousSibl, _curNode$previousSibl2;
-        curPos += (_curNode$previousSibl = (_curNode$previousSibl2 = _curNode.previousSibling.textContent) === null || _curNode$previousSibl2 === void 0 ? void 0 : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
+        curPos += (_curNode$previousSibl = (_curNode$previousSibl2 = _curNode.previousSibling.textContent) === null || _curNode$previousSibl2 === undefined ? undefined : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== undefined ? _curNode$previousSibl : 0;
         _curNode = _curNode.previousSibling;
       }
       _curNode = _curNode.parentNode;
@@ -63,7 +63,7 @@ class Caret {
         this.focus();
       }
       const selection = window.getSelection();
-      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
+      if (!(selection !== null && selection !== undefined && selection.rangeCount)) {
         return 0;
       }
       const range1 = selection.getRangeAt(0);
@@ -134,11 +134,11 @@ class Caret {
         i++;
         if (_curNode.childNodes[i] != null) {
           var _curNode$childNodes$i, _curNode$childNodes$i2;
-          curPos += (_curNode$childNodes$i = (_curNode$childNodes$i2 = _curNode.childNodes[i].textContent) === null || _curNode$childNodes$i2 === void 0 ? void 0 : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
+          curPos += (_curNode$childNodes$i = (_curNode$childNodes$i2 = _curNode.childNodes[i].textContent) === null || _curNode$childNodes$i2 === undefined ? undefined : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== undefined ? _curNode$childNodes$i : 0;
           if (curPos >= position) {
             var _curNode$textContent$, _curNode$textContent;
             _curNode = _curNode.childNodes[i];
-            curPos -= (_curNode$textContent$ = (_curNode$textContent = _curNode.textContent) === null || _curNode$textContent === void 0 ? void 0 : _curNode$textContent.length) !== null && _curNode$textContent$ !== void 0 ? _curNode$textContent$ : 0;
+            curPos -= (_curNode$textContent$ = (_curNode$textContent = _curNode.textContent) === null || _curNode$textContent === undefined ? undefined : _curNode$textContent.length) !== null && _curNode$textContent$ !== undefined ? _curNode$textContent$ : 0;
             i = -1;
           }
         } else {
@@ -172,7 +172,7 @@ class Caret {
       } else if (position === -1) {
         var _value$length;
         const value = isContentEditable ? this.target.textContent : Caret.normalizeNewlines('value' in this.target ? this.target.value : undefined);
-        correctedPosition = (_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0;
+        correctedPosition = (_value$length = value === null || value === undefined ? undefined : value.length) !== null && _value$length !== undefined ? _value$length : 0;
       } else {
         const {
           _curNode,

package/components/checkbox/checkbox.js

@@ -28,7 +28,7 @@ const _excluded = ["children", "label", "className", "containerClassName", "cont
 class Checkbox extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "input", undefined);
     _defineProperty(this, "inputRef", el => {
       if (el != null) {
         el.indeterminate = this.props.indeterminate;

package/components/clipboard/clipboard-fallback.js

@@ -26,12 +26,12 @@ function copyHTMLToClipboard(str) {
   const selection = document.getSelection();
   // Should restore previous selection
   const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-  selection === null || selection === void 0 || selection.removeAllRanges();
+  selection === null || selection === undefined || selection.removeAllRanges();
   const range = document.createRange();
   range.selectNode(el);
-  selection === null || selection === void 0 || selection.addRange(range);
+  selection === null || selection === undefined || selection.addRange(range);
   document.execCommand('copy');
-  selection === null || selection === void 0 || selection.removeAllRanges();
+  selection === null || selection === undefined || selection.removeAllRanges();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected && selection) {

package/components/code/code.js

@@ -26,7 +26,7 @@ const registerLanguage = memoize(async language => {
 class Code extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "code", void 0);
+    _defineProperty(this, "code", undefined);
   }
   componentDidMount() {
     this.highlight();

package/components/collapse/collapse-content.js

@@ -49,9 +49,9 @@ const CollapseContent = _ref => {
       }
     }
     const container = containerRef.current;
-    container === null || container === void 0 || container.addEventListener('transitionend', onTransitionEnd);
+    container === null || container === undefined || container.addEventListener('transitionend', onTransitionEnd);
     return () => {
-      container === null || container === void 0 || container.removeEventListener('transitionend', onTransitionEnd);
+      container === null || container === undefined || container.removeEventListener('transitionend', onTransitionEnd);
     };
   }, [collapsed]);
   useEffect(() => {

package/components/collapse/collapse.js

@@ -19,7 +19,7 @@ const Collapse = _ref => {
   } = _ref;
   const [innerCollapsed, setInnerCollapsed] = useState(defaultCollapsed);
   const id = useId();
-  const finalCollapsedValue = useMemo(() => collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);
+  const finalCollapsedValue = useMemo(() => collapsed !== null && collapsed !== undefined ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);
   const setCollapsed = useCallback(() => {
     setInnerCollapsed(!finalCollapsedValue);
     onChange(!finalCollapsedValue);

package/components/data-list/data-list.js

@@ -77,10 +77,10 @@ class DataList extends PureComponent {
       const item = itemFormatter(focused);
       if (item.collapsed) {
         var _item$onExpand;
-        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 || _item$onExpand.call(item);
+        (_item$onExpand = item.onExpand) === null || _item$onExpand === undefined || _item$onExpand.call(item);
       } else {
         var _item$onCollapse;
-        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 || _item$onCollapse.call(item);
+        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === undefined || _item$onCollapse.call(item);
       }
     });
     _defineProperty(this, "shortcutsMap", {
@@ -138,7 +138,7 @@ class DataList extends PureComponent {
             title,
             items
           } = item;
-          const showMoreLessButton = (_this$props$itemMoreL = (_this$props = this.props).itemMoreLessState) === null || _this$props$itemMoreL === void 0 ? void 0 : _this$props$itemMoreL.call(_this$props, item);
+          const showMoreLessButton = (_this$props$itemMoreL = (_this$props = this.props).itemMoreLessState) === null || _this$props$itemMoreL === undefined ? undefined : _this$props$itemMoreL.call(_this$props, item);
           return jsx(Item, {
             item: model,
             title: title,

package/components/data-list/item.js

@@ -162,7 +162,7 @@ class Item extends PureComponent {
         });
       }
     }
-    const itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+    const itemIsEmpty = !(items !== null && items !== undefined && items.length) || collapsible && collapsed;
     const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
     return jsxs("li", {
       children: [jsx(Title, {

package/components/date-picker/consts.js

@@ -45,7 +45,7 @@ function shiftWeekArray(arr, startOfWeek) {
 }
 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;
+  return (_locale$options$weekS = locale === null || locale === undefined || (_locale$options = locale.options) === null || _locale$options === undefined ? undefined : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== undefined ? _locale$options$weekS : weekdays.MO;
 }
 function getDayNumInWeek(locale, day) {
   const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));

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

@@ -30,7 +30,7 @@ import '../i18n/i18n.js';
 class DateInput extends React.PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "input", void 0);
+    _defineProperty(this, "input", undefined);
     _defineProperty(this, "inputRef", el => {
       this.input = el;
     });
@@ -113,13 +113,13 @@ class DateInput extends React.PureComponent {
     const placeholder = ((_translations$addFirs, _translations$addSeco, _translations$addTime, _translations$selectN) => {
       switch (name) {
         case 'from':
-          return fromPlaceholder || ((_translations$addFirs = translations === null || translations === void 0 ? void 0 : translations.addFirstDate) !== null && _translations$addFirs !== void 0 ? _translations$addFirs : translate('addFirstDate'));
+          return fromPlaceholder || ((_translations$addFirs = translations === null || translations === undefined ? undefined : translations.addFirstDate) !== null && _translations$addFirs !== undefined ? _translations$addFirs : translate('addFirstDate'));
         case 'to':
-          return toPlaceholder || ((_translations$addSeco = translations === null || translations === void 0 ? void 0 : translations.addSecondDate) !== null && _translations$addSeco !== void 0 ? _translations$addSeco : translate('addSecondDate'));
+          return toPlaceholder || ((_translations$addSeco = translations === null || translations === undefined ? undefined : translations.addSecondDate) !== null && _translations$addSeco !== undefined ? _translations$addSeco : translate('addSecondDate'));
         case 'time':
-          return timePlaceholder || ((_translations$addTime = translations === null || translations === void 0 ? void 0 : translations.addTime) !== null && _translations$addTime !== void 0 ? _translations$addTime : translate('addTime'));
+          return timePlaceholder || ((_translations$addTime = translations === null || translations === undefined ? undefined : translations.addTime) !== null && _translations$addTime !== undefined ? _translations$addTime : translate('addTime'));
         default:
-          return ((_translations$selectN = translations === null || translations === void 0 ? void 0 : translations.selectName) !== null && _translations$selectN !== void 0 ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
+          return ((_translations$selectN = translations === null || translations === undefined ? undefined : translations.selectName) !== null && _translations$selectN !== undefined ? _translations$selectN : translate('selectName')).replace('%name%', name).replace('{{name}}', name);
       }
     })();
     const classes = classNames(styles.filter, styles["".concat(name, "Input")], divider && styles["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');

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

@@ -128,7 +128,7 @@ class DatePicker extends PureComponent {
         withTime,
         applyTimeInput
       } = this.props;
-      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
+      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === undefined ? undefined : change.date) != null ? applyTimeInput(change.date, change.time) : change;
       onChange(adjustedChange);
     });
     _defineProperty(this, "clear", () => {
@@ -141,13 +141,13 @@ class DatePicker extends PureComponent {
       }
       this.handleChange(change);
     });
-    _defineProperty(this, "popup", void 0);
+    _defineProperty(this, "popup", undefined);
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
     _defineProperty(this, "closePopup", () => {
       var _this$popup;
-      (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
+      (_this$popup = this.popup) === null || _this$popup === undefined || _this$popup._onCloseAttempt();
     });
     _defineProperty(this, "parse", memoize(date => {
       const {
@@ -183,11 +183,11 @@ class DatePicker extends PureComponent {
       const time = this.formatTime();
       if (!range && !withTime) {
         var _ref2;
-        return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDate) !== null && _ref2 !== void 0 ? _ref2 : translate('setDate');
+        return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== undefined ? datePlaceholder : translations === null || translations === undefined ? undefined : translations.setDate) !== null && _ref2 !== undefined ? _ref2 : translate('setDate');
       } else if (!range && withTime) {
         if (!date && !time) {
           var _ref3;
-          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
+          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== undefined ? dateTimePlaceholder : translations === null || translations === undefined ? undefined : translations.setDateTime) !== null && _ref3 !== undefined ? _ref3 : translate('setDateTime');
         } else {
           return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
         }
@@ -207,7 +207,7 @@ class DatePicker extends PureComponent {
         return "\u2014 ".concat(displayFormat(to, locale));
       } else {
         var _ref4;
-        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
+        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== undefined ? rangePlaceholder : translations === null || translations === undefined ? undefined : translations.setPeriod) !== null && _ref4 !== undefined ? _ref4 : translate('setPeriod');
       }
     });
   }
@@ -254,14 +254,14 @@ class DatePicker extends PureComponent {
       anchor: inline ? jsx(Link, {
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
-        disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
+        disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== undefined ? _this$props$disabled : false,
         pseudo: true,
         children: this.getAnchorText()
       }) : jsx(Button, _objectSpread2(_objectSpread2({
         "data-test-ring-dropdown-anchor": true,
         className: styles.anchor,
         inline: false,
-        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== undefined ? _this$props$disabled2 : false
       }, this.props.buttonAttributes), {}, {
         children: anchorContent
       }))
@@ -308,7 +308,7 @@ _defineProperty(DatePicker, "defaultProps", {
   onChange() {},
   applyTimeInput(date, timeString) {
     var _timeString$split$map;
-    const [hours, minutes] = (_timeString$split$map = timeString === null || timeString === void 0 ? void 0 : timeString.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
+    const [hours, minutes] = (_timeString$split$map = timeString === null || timeString === undefined ? undefined : timeString.split(':').map(Number)) !== null && _timeString$split$map !== undefined ? _timeString$split$map : [];
     return minutes != null ? set(date, {
       hours,
       minutes

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

@@ -77,8 +77,8 @@ class DatePopup extends Component {
   }
   constructor(props) {
     super(props);
-    _defineProperty(this, "_scrollDate", void 0);
-    _defineProperty(this, "_scrollTS", void 0);
+    _defineProperty(this, "_scrollDate", undefined);
+    _defineProperty(this, "_scrollTS", undefined);
     _defineProperty(this, "isInTimeMode", () => !this.props.range && this.props.withTime || false);
     _defineProperty(this, "componentRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "handleWheel", e => {
@@ -168,8 +168,8 @@ class DatePopup extends Component {
         };
       }
       this.select(changes);
-      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
-      (_this$componentRef$cu = this.componentRef.current) === null || _this$componentRef$cu === void 0 || (_this$componentRef$cu = _this$componentRef$cu.querySelector('input')) === null || _this$componentRef$cu === void 0 || _this$componentRef$cu.focus();
+      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === undefined || _this$props$onClear.call(_this$props, e);
+      (_this$componentRef$cu = this.componentRef.current) === null || _this$componentRef$cu === undefined || (_this$componentRef$cu = _this$componentRef$cu.querySelector('input')) === null || _this$componentRef$cu === undefined || _this$componentRef$cu.focus();
     });
     const defaultState = {
       text: null,

package/components/date-picker/years.js

@@ -30,7 +30,7 @@ class Years extends PureComponent {
     _defineProperty(this, "state", {
       scrollDate: null
     });
-    _defineProperty(this, "stoppedScrolling", void 0);
+    _defineProperty(this, "stoppedScrolling", undefined);
     _defineProperty(this, "componentRef", /*#__PURE__*/createRef());
     _defineProperty(this, "handleWheel", e => {
       const {

package/components/dialog/dialog.js

@@ -75,7 +75,7 @@ class Dialog extends PureComponent {
         esc: onEscape
       };
     });
-    _defineProperty(this, "dialog", void 0);
+    _defineProperty(this, "dialog", undefined);
     _defineProperty(this, "dialogRef", tabTrap => {
       this.dialog = tabTrap && tabTrap.node;
     });