@jetbrains/ring-ui-built 7.0.27 → 7.0.29

package/components/auth/storage.js

@@ -74,17 +74,17 @@ class AuthStorage {
    * @param {{stateKeyPrefix: string, tokenKey: string, onTokenRemove: Function}} config
    */
   constructor(config) {
-    _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);
+    _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);
     this.messagePrefix = config.messagePrefix || '';
     this.stateKeyPrefix = config.stateKeyPrefix || '';
     this.tokenKey = config.tokenKey || '';
@@ -177,7 +177,7 @@ class AuthStorage {
         var _state$created;
         // Clean old states
         const state = value;
-        const created = (_state$created = state.created) !== null && _state$created !== undefined ? _state$created : Date.now();
+        const created = (_state$created = state.created) !== null && _state$created !== void 0 ? _state$created : Date.now();
         if (created + this.stateTTL < now) {
           return this._stateStorage.remove(key);
         }

package/components/auth/token-validator.js

@@ -13,17 +13,17 @@ import 'core-js/modules/es.string.replace.js';
 class TokenValidationError extends ExtendableError {
   constructor(message, cause) {
     super(message);
-    _defineProperty(this, "cause", undefined);
-    _defineProperty(this, "authRedirect", undefined);
+    _defineProperty(this, "cause", void 0);
+    _defineProperty(this, "authRedirect", void 0);
     this.cause = cause;
     this.authRedirect = true;
   }
 }
 class TokenValidator {
   constructor(config, getUser, storage) {
-    _defineProperty(this, "_getUser", undefined);
-    _defineProperty(this, "_config", undefined);
-    _defineProperty(this, "_storage", undefined);
+    _defineProperty(this, "_getUser", void 0);
+    _defineProperty(this, "_config", void 0);
+    _defineProperty(this, "_storage", void 0);
     this._getUser = getUser;
     this._config = config;
     this._storage = storage;
@@ -99,7 +99,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 === undefined ? undefined : _storedToken$scopes.includes(scopeId);
+      return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
     });
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError("Token doesn't match required scopes");
@@ -133,7 +133,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 !== undefined && _errorResponse$data.error ? new Error((_errorResponse$data2 = errorResponse.data) === null || _errorResponse$data2 === undefined ? undefined : _errorResponse$data2.error) : undefined);
+        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);
       }
       // Request unexpectedly failed
       throw errorResponse;

package/components/auth/window-flow.js

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

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

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

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

@@ -32,13 +32,6 @@ 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 '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
@@ -50,6 +43,12 @@ import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../global/url.js';
 import '../_helpers/avatar-info.js';
 import '../avatar/fallback-avatar.js';
@@ -100,7 +99,7 @@ function AvatarStack(_ref) {
         '--ring-avatar-stack-index': index
       },
       children: child
-    })), extraItems !== null && extraItems !== undefined && extraItems.length ? jsx(DropdownMenu, _objectSpread2({
+    })), extraItems !== null && extraItems !== void 0 && extraItems.length ? jsx(DropdownMenu, _objectSpread2({
       hoverMode: true,
       hoverShowTimeOut: 10,
       onShow: () => setDropdownOpen(true),
@@ -119,7 +118,7 @@ function AvatarStack(_ref) {
       data: extraItems,
       menuProps: _objectSpread2({
         offset: 4
-      }, dropdownMenuProps === null || dropdownMenuProps === undefined ? undefined : dropdownMenuProps.menuProps)
+      }, dropdownMenuProps === null || dropdownMenuProps === void 0 ? void 0 : dropdownMenuProps.menuProps)
     }, dropdownMenuProps)) : null]
   }));
 }

package/components/button/button.js

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

package/components/caret/caret.js

@@ -22,11 +22,11 @@ class Caret {
     return typeof value === 'string' ? value.replace(this.returnRE, '') : value;
   }
   constructor(target) {
-    _defineProperty(this, "target", undefined);
+    _defineProperty(this, "target", void 0);
     this.target = target;
   }
   isContentEditable() {
-    return this.target.contentEditable === 'true';
+    return this.target.contentEditable === 'true' || this.target.getAttribute('contenteditable') === 'true'; // workaround for https://github.com/jsdom/jsdom/issues/1670
   }
   /**
    * Set focus on target if possible
@@ -46,7 +46,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 === undefined ? undefined : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== undefined ? _curNode$previousSibl : 0;
+        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;
         _curNode = _curNode.previousSibling;
       }
       _curNode = _curNode.parentNode;
@@ -66,7 +66,7 @@ class Caret {
         this.focus();
       }
       const selection = window.getSelection();
-      if (!(selection !== null && selection !== undefined && selection.rangeCount)) {
+      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
         return 0;
       }
       const range1 = selection.getRangeAt(0);
@@ -137,11 +137,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 === undefined ? undefined : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== undefined ? _curNode$childNodes$i : 0;
+          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;
           if (curPos >= position) {
             var _curNode$textContent$, _curNode$textContent;
             _curNode = _curNode.childNodes[i];
-            curPos -= (_curNode$textContent$ = (_curNode$textContent = _curNode.textContent) === null || _curNode$textContent === undefined ? undefined : _curNode$textContent.length) !== null && _curNode$textContent$ !== undefined ? _curNode$textContent$ : 0;
+            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;
             i = -1;
           }
         } else {
@@ -175,7 +175,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 === undefined ? undefined : value.length) !== null && _value$length !== undefined ? _value$length : 0;
+        correctedPosition = (_value$length = value === null || value === void 0 ? void 0 : value.length) !== null && _value$length !== void 0 ? _value$length : 0;
       } else {
         const {
           _curNode,

package/components/checkbox/checkbox.js

@@ -30,7 +30,7 @@ const _excluded = ["children", "label", "className", "containerClassName", "cont
 class Checkbox extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "input", undefined);
+    _defineProperty(this, "input", void 0);
     _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 === undefined || selection.removeAllRanges();
+  selection === null || selection === void 0 || selection.removeAllRanges();
   const range = document.createRange();
   range.selectNode(el);
-  selection === null || selection === undefined || selection.addRange(range);
+  selection === null || selection === void 0 || selection.addRange(range);
   document.execCommand('copy');
-  selection === null || selection === undefined || selection.removeAllRanges();
+  selection === null || selection === void 0 || selection.removeAllRanges();
   document.execCommand('copy');
   document.body.removeChild(el);
   if (selected && selection) {

package/components/code/code.js

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

package/components/collapse/collapse-content.js

@@ -51,9 +51,9 @@ const CollapseContent = _ref => {
       }
     }
     const container = containerRef.current;
-    container === null || container === undefined || container.addEventListener('transitionend', onTransitionEnd);
+    container === null || container === void 0 || container.addEventListener('transitionend', onTransitionEnd);
     return () => {
-      container === null || container === undefined || container.removeEventListener('transitionend', onTransitionEnd);
+      container === null || container === void 0 || 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 !== undefined ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);
+  const finalCollapsedValue = useMemo(() => collapsed !== null && collapsed !== void 0 ? collapsed : innerCollapsed, [innerCollapsed, collapsed]);
   const setCollapsed = useCallback(() => {
     setInnerCollapsed(!finalCollapsedValue);
     onChange(!finalCollapsedValue);

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

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

package/components/data-list/item.js

@@ -165,7 +165,7 @@ class Item extends PureComponent {
         });
       }
     }
-    const itemIsEmpty = !(items !== null && items !== undefined && items.length) || collapsible && collapsed;
+    const itemIsEmpty = !(items !== null && items !== void 0 && 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 === undefined || (_locale$options = locale.options) === null || _locale$options === undefined ? undefined : _locale$options.weekStartsOn) !== null && _locale$options$weekS !== undefined ? _locale$options$weekS : weekdays.MO;
+  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) {
   const weekDays = shiftWeekArray(Object.values(weekdays), getWeekStartsOn(locale));

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

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

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

@@ -135,7 +135,7 @@ class DatePicker extends PureComponent {
         withTime,
         applyTimeInput
       } = this.props;
-      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === undefined ? undefined : change.date) != null ? applyTimeInput(change.date, change.time) : change;
+      const adjustedChange = withTime && !(change instanceof Date) && (change === null || change === void 0 ? void 0 : change.date) != null ? applyTimeInput(change.date, change.time) : change;
       onChange(adjustedChange);
     });
     _defineProperty(this, "clear", () => {
@@ -148,13 +148,13 @@ class DatePicker extends PureComponent {
       }
       this.handleChange(change);
     });
-    _defineProperty(this, "popup", undefined);
+    _defineProperty(this, "popup", void 0);
     _defineProperty(this, "popupRef", el => {
       this.popup = el;
     });
     _defineProperty(this, "closePopup", () => {
       var _this$popup;
-      (_this$popup = this.popup) === null || _this$popup === undefined || _this$popup._onCloseAttempt();
+      (_this$popup = this.popup) === null || _this$popup === void 0 || _this$popup._onCloseAttempt();
     });
     _defineProperty(this, "parse", memoize(date => {
       const {
@@ -190,11 +190,11 @@ class DatePicker extends PureComponent {
       const time = this.formatTime();
       if (!range && !withTime) {
         var _ref2;
-        return date ? displayFormat(date, locale) : (_ref2 = datePlaceholder !== null && datePlaceholder !== undefined ? datePlaceholder : translations === null || translations === undefined ? undefined : translations.setDate) !== null && _ref2 !== undefined ? _ref2 : translate('setDate');
+        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');
       } else if (!range && withTime) {
         if (!date && !time) {
           var _ref3;
-          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== undefined ? dateTimePlaceholder : translations === null || translations === undefined ? undefined : translations.setDateTime) !== null && _ref3 !== undefined ? _ref3 : translate('setDateTime');
+          return (_ref3 = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setDateTime) !== null && _ref3 !== void 0 ? _ref3 : translate('setDateTime');
         } else {
           return "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
         }
@@ -214,7 +214,7 @@ class DatePicker extends PureComponent {
         return "\u2014 ".concat(displayFormat(to, locale));
       } else {
         var _ref4;
-        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== undefined ? rangePlaceholder : translations === null || translations === undefined ? undefined : translations.setPeriod) !== null && _ref4 !== undefined ? _ref4 : translate('setPeriod');
+        return (_ref4 = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations === null || translations === void 0 ? void 0 : translations.setPeriod) !== null && _ref4 !== void 0 ? _ref4 : translate('setPeriod');
       }
     });
   }
@@ -261,14 +261,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 !== undefined ? _this$props$disabled : false,
+        disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _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 !== undefined ? _this$props$disabled2 : false
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
       }, this.props.buttonAttributes), {}, {
         children: anchorContent
       }))
@@ -315,7 +315,7 @@ _defineProperty(DatePicker, "defaultProps", {
   onChange() {},
   applyTimeInput(date, timeString) {
     var _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 : [];
+    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 : [];
     return minutes != null ? set(date, {
       hours,
       minutes

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

@@ -81,8 +81,8 @@ class DatePopup extends Component {
   }
   constructor(props) {
     super(props);
-    _defineProperty(this, "_scrollDate", undefined);
-    _defineProperty(this, "_scrollTS", undefined);
+    _defineProperty(this, "_scrollDate", void 0);
+    _defineProperty(this, "_scrollTS", void 0);
     _defineProperty(this, "isInTimeMode", () => !this.props.range && this.props.withTime || false);
     _defineProperty(this, "componentRef", /*#__PURE__*/React.createRef());
     _defineProperty(this, "handleWheel", e => {
@@ -172,8 +172,8 @@ class DatePopup extends Component {
         };
       }
       this.select(changes);
-      (_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();
+      (_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();
     });
     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", undefined);
+    _defineProperty(this, "stoppedScrolling", void 0);
     _defineProperty(this, "componentRef", /*#__PURE__*/createRef());
     _defineProperty(this, "handleWheel", e => {
       const {

package/components/dialog/dialog.js

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

package/components/dropdown/dropdown.js

@@ -64,14 +64,14 @@ class Dropdown extends Component {
       }
       this._toggle(false, nextPinned);
     });
-    _defineProperty(this, "hoverTimer", undefined);
+    _defineProperty(this, "hoverTimer", void 0);
     _defineProperty(this, "onMouseEnter", event => {
       var _this$props$onMouseEn, _this$props;
       if (this.props.disabled) {
         return;
       }
       this._clearTimer();
-      (_this$props$onMouseEn = (_this$props = this.props).onMouseEnter) === null || _this$props$onMouseEn === undefined || _this$props$onMouseEn.call(_this$props, event);
+      (_this$props$onMouseEn = (_this$props = this.props).onMouseEnter) === null || _this$props$onMouseEn === void 0 || _this$props$onMouseEn.call(_this$props, event);
       this.hoverTimer = window.setTimeout(() => {
         if (!this.state.show) {
           this._toggle(true);
@@ -83,7 +83,7 @@ class Dropdown extends Component {
       if (this.props.disabled) {
         return;
       }
-      (_this$props$onMouseLe = (_this$props2 = this.props).onMouseLeave) === null || _this$props$onMouseLe === undefined || _this$props$onMouseLe.call(_this$props2, event);
+      (_this$props$onMouseLe = (_this$props2 = this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 || _this$props$onMouseLe.call(_this$props2, event);
       if (this.state.pinned) {
         return;
       }
@@ -145,7 +145,7 @@ class Dropdown extends Component {
       } = _this$props3,
       restProps = _objectWithoutProperties(_this$props3, _excluded);
     const classes = classNames(styles.dropdown, className, {
-      [activeClassName !== null && activeClassName !== undefined ? activeClassName : '']: activeClassName != null && show
+      [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: activeClassName != null && show
     });
     let anchorElement;
     const active = hoverMode ? pinned : show;

package/components/dropdown-menu/dropdown-menu.js

@@ -32,13 +32,6 @@ 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 '../list/list__classes.js';
-import '../list/consts.js';
-import '../_helpers/list.js';
 import '../list/list__item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
@@ -56,6 +49,12 @@ import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.string.starts-with.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import '../list/consts.js';
+import '../list/list__classes.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';

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

@@ -153,20 +153,20 @@ const EditableHeading = props => {
     setIsInFocus(true);
     checkValue(e.target);
     checkOverflow(e.target);
-    onFocus === null || onFocus === undefined || onFocus(e);
+    onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus, checkOverflow, checkValue]);
   const onInputChange = React.useCallback(e => {
     checkValue(e.target);
     checkOverflow(e.target);
-    onChange === null || onChange === undefined || onChange(e);
+    onChange === null || onChange === void 0 || onChange(e);
   }, [onChange, checkOverflow, checkValue]);
   const onInputScroll = React.useCallback(e => {
     checkOverflow(e.target);
-    onScroll === null || onScroll === undefined || onScroll(e);
+    onScroll === null || onScroll === void 0 || onScroll(e);
   }, [onScroll, checkOverflow]);
   const onInputBlur = React.useCallback(e => {
     setIsInFocus(false);
-    onBlur === null || onBlur === undefined || onBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
   useEffect(() => {
     window.addEventListener('mousemove', onMouseMove);