@jetbrains/ring-ui 5.0.84 → 5.0.85

package/dist/auth/token-validator.js

@@ -90,10 +90,7 @@ class TokenValidator {
       optionalScopes
     } = this._config;
     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);
-    });
+    const hasAllScopes = requiredScopes.every(scopeId => storedToken.scopes?.includes(scopeId));
     if (!hasAllScopes) {
       throw new TokenValidator.TokenValidationError('Token doesn\'t match required scopes');
     }
@@ -124,9 +121,8 @@ class TokenValidator {
         // Skip JSON parsing errors
       }
       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?.error ? new Error(errorResponse.data?.error) : undefined);
       }
       // Request unexpectedly failed
       throw errorResponse;

package/dist/auth/window-flow.js

@@ -14,8 +14,7 @@ class WindowFlow {
     _defineProperty(this, "_loginWindow", void 0);
     _defineProperty(this, "_promise", void 0);
     _defineProperty(this, "checkIsClosed", () => {
-      var _this$_loginWindow;
-      if ((_this$_loginWindow = this._loginWindow) !== null && _this$_loginWindow !== void 0 && _this$_loginWindow.closed) {
+      if (this._loginWindow?.closed) {
         this.stop();
         return;
       }
@@ -59,7 +58,6 @@ class WindowFlow {
       this.reject = reject;
       let cleanRun;
       const cleanUp = () => {
-        var _this$_loginWindow2;
         if (cleanRun) {
           return;
         }
@@ -68,7 +66,7 @@ class WindowFlow {
         removeStateListener();
         removeTokenListener();
         /* eslint-enable @typescript-eslint/no-use-before-define */
-        (_this$_loginWindow2 = this._loginWindow) === null || _this$_loginWindow2 === void 0 ? void 0 : _this$_loginWindow2.close();
+        this._loginWindow?.close();
         clearTimeout(this._timeoutId);
       };
       const removeTokenListener = this._storage.onTokenChange(token => {

package/dist/button/button.js

@@ -9,7 +9,6 @@ import ClickableLink from '../link/clickableLink.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { g as getButtonClasses, m as modules_e81895c9 } from '../_helpers/button__classes.js';
 import { Size } from '../icon/icon__constants.js';
-export { Size as IconSize } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
@@ -111,4 +110,4 @@ _defineProperty(Button, "propTypes", {
 _defineProperty(Button, "IconSize", Size);
 _defineProperty(Button, "contextType", ControlsHeightContext);
 
-export { Button, Button as default };
+export { Button, Size as IconSize, Button as default };

package/dist/caret/caret.js

@@ -44,8 +44,8 @@ class Caret {
     let curPos = 0;
     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;
+        var _curNode$previousSibl;
+        curPos += (_curNode$previousSibl = _curNode.previousSibling.textContent?.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
         _curNode = _curNode.previousSibling;
       }
       _curNode = _curNode.parentNode;
@@ -65,7 +65,7 @@ class Caret {
         this.focus();
       }
       const selection = window.getSelection();
-      if (!(selection !== null && selection !== void 0 && selection.rangeCount)) {
+      if (!selection?.rangeCount) {
         return 0;
       }
       const range1 = selection.getRangeAt(0);
@@ -135,12 +135,12 @@ class Caret {
       while (curPos < position && _curNode.nodeType !== nodeTypeText) {
         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;
+          var _curNode$childNodes$i;
+          curPos += (_curNode$childNodes$i = _curNode.childNodes[i].textContent?.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
           if (curPos >= position) {
-            var _curNode$textContent$, _curNode$textContent;
+            var _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?.length) !== null && _curNode$textContent$ !== void 0 ? _curNode$textContent$ : 0;
             i = -1;
           }
         } else {
@@ -174,7 +174,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?.length) !== null && _value$length !== void 0 ? _value$length : 0;
       } else {
         const {
           _curNode,
@@ -188,12 +188,10 @@ class Caret {
       this.focus();
       try {
         if (correctedPosition instanceof Range) {
-          var _window$getSelection, _window$getSelection2;
-          (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.removeAllRanges();
-          (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.addRange(correctedPosition);
+          window.getSelection()?.removeAllRanges();
+          window.getSelection()?.addRange(correctedPosition);
         } else {
-          var _window$getSelection3;
-          (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.collapse(curNode || this.target, correctedPosition);
+          window.getSelection()?.collapse(curNode || this.target, correctedPosition);
         }
       } catch (e) {
         // Do nothing
@@ -211,10 +209,9 @@ class Caret {
     let offset = 0;
     let range;
     try {
-      var _window$getSelection4, _range;
       // Both statements may throw
-      range = (_window$getSelection4 = window.getSelection()) === null || _window$getSelection4 === void 0 ? void 0 : _window$getSelection4.getRangeAt(0).cloneRange();
-      (_range = range) === null || _range === void 0 ? void 0 : _range.setStart(range.startContainer, range.startOffset - 1);
+      range = window.getSelection()?.getRangeAt(0).cloneRange();
+      range?.setStart(range.startContainer, range.startOffset - 1);
     } catch (e) {
       return offset;
     }

package/dist/content-layout/content-layout.js

@@ -3,7 +3,6 @@ import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
-export { S as Sidebar } from '../_helpers/sidebar.js';
 import 'react-waypoint';
 
 /**
@@ -57,4 +56,4 @@ _defineProperty(ContentLayout, "defaultProps", {
   responsive: true
 });
 
-export { ContentLayout as default };
+export { Sidebar, ContentLayout as default };

package/dist/data-list/data-list.js

@@ -78,11 +78,9 @@ class DataList extends PureComponent {
       }
       const item = itemFormatter(focused);
       if (item.collapsed) {
-        var _item$onExpand;
-        (_item$onExpand = item.onExpand) === null || _item$onExpand === void 0 ? void 0 : _item$onExpand.call(item);
+        item.onExpand?.();
       } else {
-        var _item$onCollapse;
-        (_item$onCollapse = item.onCollapse) === null || _item$onCollapse === void 0 ? void 0 : _item$onCollapse.call(item);
+        item.onCollapse?.();
       }
     });
     _defineProperty(this, "shortcutsMap", {
@@ -135,7 +133,6 @@ class DataList extends PureComponent {
     }), /*#__PURE__*/React.createElement("ul", {
       className: classes
     }, data.map(model => {
-      var _this$props$itemMoreL, _this$props;
       const item = itemFormatter(model);
       const {
         id,
@@ -143,7 +140,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.itemMoreLessState?.(item);
       return /*#__PURE__*/React.createElement(Item, {
         key: key || id,
         item: model,

package/dist/data-list/item.js

@@ -160,7 +160,7 @@ class Item extends PureComponent {
         });
       }
     }
-    const itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
+    const itemIsEmpty = !items?.length || collapsible && collapsed;
     const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
     return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
       title: title,

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

@@ -127,7 +127,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?.date != null ? applyTimeInput(change.date, change.time) : change;
       onChange(adjustedChange);
     });
     _defineProperty(this, "clear", () => {
@@ -145,8 +145,7 @@ class DatePicker extends PureComponent {
       this.popup = el;
     });
     _defineProperty(this, "closePopup", () => {
-      var _this$popup;
-      (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup._onCloseAttempt();
+      this.popup?._onCloseAttempt();
     });
     _defineProperty(this, "parse", memoize(date => {
       const {
@@ -216,6 +215,7 @@ class DatePicker extends PureComponent {
     return null;
   }
   render() {
+    var _this$props$disabled, _this$props$disabled2;
     const anchorContent = /*#__PURE__*/React.createElement("div", {
       className: modules_0c7b7d96.anchorContent
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -225,14 +225,6 @@ class DatePicker extends PureComponent {
       glyph: chevronDownIcon,
       className: modules_0c7b7d96.chevronDownIcon
     }));
-    if (this.props.disabled) {
-      return /*#__PURE__*/React.createElement(Button, {
-        "data-test-ring-dropdown-anchor": true,
-        className: modules_0c7b7d96.anchor,
-        disabled: true,
-        text: false
-      }, anchorContent);
-    }
     const {
       className,
       popupClassName,
@@ -247,14 +239,17 @@ class DatePicker extends PureComponent {
     });
     return /*#__PURE__*/React.createElement(Dropdown, _extends({
       className: classes,
+      disabled: this.props.disabled,
       anchor: inline ? /*#__PURE__*/React.createElement(Link, {
         "data-test-ring-dropdown-anchor": true,
         className: modules_0c7b7d96.anchor,
+        disabled: (_this$props$disabled = this.props.disabled) !== null && _this$props$disabled !== void 0 ? _this$props$disabled : false,
         pseudo: true
       }, this.getAnchorText()) : /*#__PURE__*/React.createElement(Button, {
         "data-test-ring-dropdown-anchor": true,
         className: modules_0c7b7d96.anchor,
-        text: false
+        text: false,
+        disabled: (_this$props$disabled2 = this.props.disabled) !== null && _this$props$disabled2 !== void 0 ? _this$props$disabled2 : false
       }, anchorContent)
     }, dropdownProps), /*#__PURE__*/React.createElement(PopupComponent, {
       className: popupClassName,
@@ -336,7 +331,7 @@ _defineProperty(DatePicker, "defaultProps", {
   },
   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?.split(':').map(Number)) !== null && _timeString$split$map !== void 0 ? _timeString$split$map : [];
     return minutes != null ? set(date, {
       hours,
       minutes

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

@@ -147,7 +147,6 @@ class DatePopup extends Component {
       scrollDate
     }));
     _defineProperty(this, "onClear", e => {
-      var _this$props$onClear, _this$props;
       let changes;
       if (this.props.range) {
         changes = {
@@ -160,7 +159,7 @@ class DatePopup extends Component {
         };
       }
       this.select(changes);
-      (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 ? void 0 : _this$props$onClear.call(_this$props, e);
+      this.props.onClear?.(e);
     });
     const defaultState = {
       text: null,

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

@@ -209,11 +209,10 @@ class DialogController extends RingAngularComponent {
     this.done(result);
   }
   getErrorMessage(errorResponse) {
-    var _errorResponse$data, _errorResponse$data2;
-    if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data = errorResponse.data) !== null && _errorResponse$data !== void 0 && _errorResponse$data.error_description) {
+    if (errorResponse?.data?.error_description) {
       return errorResponse.data.error_description;
     }
-    if (errorResponse !== null && errorResponse !== void 0 && (_errorResponse$data2 = errorResponse.data) !== null && _errorResponse$data2 !== void 0 && _errorResponse$data2.error) {
+    if (errorResponse?.data?.error) {
       return errorResponse.data.error;
     }
     return errorResponse;

package/dist/dropdown/dropdown.d.ts

@@ -10,6 +10,7 @@ export interface DropdownProps extends Omit<HTMLAttributes<HTMLElement>, 'childr
     anchor: ReactElement | readonly ReactElement[] | string | ((props: AnchorProps) => ReactNode);
     children: ReactElement<PopupAttrs> | ((props: Omit<PopupAttrs, 'children'>) => ReactNode);
     initShown: boolean;
+    disabled?: boolean | null | undefined;
     clickMode: boolean;
     hoverMode: boolean;
     hoverShowTimeOut: number;
@@ -41,6 +42,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
         hoverMode: PropTypes.Requireable<boolean>;
         hoverShowTimeOut: PropTypes.Requireable<number>;
         hoverHideTimeOut: PropTypes.Requireable<number>;
+        disabled: PropTypes.Requireable<boolean>;
         onShow: PropTypes.Requireable<(...args: any[]) => any>;
         onHide: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
@@ -53,6 +55,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
         hoverMode: boolean;
         hoverShowTimeOut: number;
         hoverHideTimeOut: number;
+        disabled: boolean;
         onShow: () => void;
         onHide: () => void;
         onMouseEnter: () => void;

package/dist/dropdown/dropdown.js

@@ -5,7 +5,6 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { isArray } from '../global/typescript-utils.js';
 import { m as modules_d9414203, A as Anchor } from '../_helpers/anchor.js';
-export { A as Anchor } from '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
@@ -30,6 +29,9 @@ class Dropdown extends Component {
       pinned: false
     });
     _defineProperty(this, "onClick", () => {
+      if (this.props.disabled) {
+        return;
+      }
       const {
         show,
         pinned
@@ -59,9 +61,11 @@ class Dropdown extends Component {
     });
     _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 === void 0 ? void 0 : _this$props$onMouseEn.call(_this$props, event);
+      this.props.onMouseEnter?.(event);
       this.hoverTimer = window.setTimeout(() => {
         if (!this.state.show) {
           this._toggle(true);
@@ -69,8 +73,10 @@ class Dropdown extends Component {
       }, this.props.hoverShowTimeOut);
     });
     _defineProperty(this, "onMouseLeave", event => {
-      var _this$props$onMouseLe, _this$props2;
-      (_this$props$onMouseLe = (_this$props2 = this.props).onMouseLeave) === null || _this$props$onMouseLe === void 0 ? void 0 : _this$props$onMouseLe.call(_this$props2, event);
+      if (this.props.disabled) {
+        return;
+      }
+      this.props.onMouseLeave?.(event);
       if (this.state.pinned) {
         return;
       }
@@ -127,6 +133,7 @@ class Dropdown extends Component {
       hoverMode,
       clickMode,
       'data-test': dataTest,
+      disabled,
       ...restProps
     } = this.props;
     const classes = classNames(modules_d9414203.dropdown, className, {
@@ -189,6 +196,7 @@ _defineProperty(Dropdown, "propTypes", {
   hoverMode: PropTypes.bool,
   hoverShowTimeOut: PropTypes.number,
   hoverHideTimeOut: PropTypes.number,
+  disabled: PropTypes.bool,
   onShow: PropTypes.func,
   onHide: PropTypes.func,
   onMouseEnter: PropTypes.func,
@@ -201,10 +209,11 @@ _defineProperty(Dropdown, "defaultProps", {
   hoverMode: false,
   hoverShowTimeOut: 300,
   hoverHideTimeOut: 600,
+  disabled: false,
   onShow: () => {},
   onHide: () => {},
   onMouseEnter: () => {},
   onMouseLeave: () => {}
 });
 
-export { Dropdown as default };
+export { Anchor, Dropdown as default };

package/dist/editable-heading/editable-heading.js

@@ -2,10 +2,8 @@ import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import Heading, { Levels } from '../heading/heading.js';
-export { Levels } from '../heading/heading.js';
 import { Button } from '../button/button.js';
 import { Size } from '../input/input.js';
-export { Size } from '../input/input.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import getUID from '../global/get-uid.js';
 import Shortcuts from '../shortcuts/shortcuts.js';
@@ -129,4 +127,4 @@ const EditableHeading = props => {
 };
 var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
 
-export { EditableHeading, editableHeading as default };
+export { EditableHeading, Levels, Size, editableHeading as default };

package/dist/global/focus-sensor-hoc.js

@@ -35,7 +35,6 @@ function focusSensorHOC(ComposedComponent) {
         }
       });
       _defineProperty(this, "onFocusCapture", _ref2 => {
-        var _this$node;
         let {
           target
         } = _ref2;
@@ -43,13 +42,12 @@ function focusSensorHOC(ComposedComponent) {
           this._skipNextCapture = false;
           return;
         }
-        const focused = target instanceof Node && ((_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.contains(target));
+        const focused = target instanceof Node && this.node?.contains(target);
         if (focused && !this.state.focused) {
-          var _this$props$onFocus, _this$props;
           this.setState({
             focused: true
           });
-          (_this$props$onFocus = (_this$props = this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props);
+          this.props.onFocus?.();
         }
       });
       _defineProperty(this, "onBlurCapture", _ref3 => {
@@ -64,25 +62,22 @@ function focusSensorHOC(ComposedComponent) {
         } = this;
         if (focused) {
           setTimeout(() => {
-            const blurred = target instanceof Node && (node === null || node === void 0 ? void 0 : node.contains(target)) && !node.contains(document.activeElement);
+            const blurred = target instanceof Node && node?.contains(target) && !node.contains(document.activeElement);
             if (blurred) {
-              var _this$props$onBlur, _this$props2;
               this.setState({
                 focused: false
               });
-              (_this$props$onBlur = (_this$props2 = this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2);
+              this.props.onBlur?.();
             }
           }, 1);
         }
       });
       _defineProperty(this, "onFocusRestore", () => {
-        var _this$node2;
         this._skipNextCapture = true;
-        (_this$node2 = this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.focus();
+        this.node?.focus();
       });
       _defineProperty(this, "onFocusReset", () => {
-        var _this$node3;
-        (_this$node3 = this.node) === null || _this$node3 === void 0 ? void 0 : _this$node3.blur();
+        this.node?.blur();
       });
     }
     componentDidMount() {
@@ -92,14 +87,14 @@ function focusSensorHOC(ComposedComponent) {
         },
         node
       } = this;
-      node === null || node === void 0 ? void 0 : node.setAttribute('tabindex', '0');
+      node?.setAttribute('tabindex', '0');
       if (node != null) {
         node.style.outline = 'none';
       }
       document.addEventListener('focus', this.onFocusCapture, true);
       document.addEventListener('blur', this.onBlurCapture, true);
       if (autofocus) {
-        node === null || node === void 0 ? void 0 : node.focus();
+        node?.focus();
       }
     }
     componentDidUpdate(prevProps) {

package/dist/global/normalize-indent.js

@@ -19,8 +19,8 @@ function normalizeIndent(string) {
     }
   }
   const indents = lines.filter(line => nonemptyRE.test(line)).map(line => {
-    var _line$match$0$length, _line$match;
-    return (_line$match$0$length = (_line$match = line.match(indentRE)) === null || _line$match === void 0 ? void 0 : _line$match[0].length) !== null && _line$match$0$length !== void 0 ? _line$match$0$length : 0;
+    var _line$match$0$length;
+    return (_line$match$0$length = line.match(indentRE)?.[0].length) !== null && _line$match$0$length !== void 0 ? _line$match$0$length : 0;
   });
   const minIndent = Math.min(...indents);
   return lines.map(line => line.slice(minIndent)).join('\n');

package/dist/global/react-render-adapter.js

@@ -20,10 +20,7 @@ function setClient(_ref) {
     }
     root.render(element);
   };
-  unmountComponentAtNode = container => {
-    var _roots$get;
-    return (_roots$get = roots.get(container)) === null || _roots$get === void 0 ? void 0 : _roots$get.unmount();
-  };
+  unmountComponentAtNode = container => roots.get(container)?.unmount();
   hydrate = (element, container) => {
     const root = hydrateRoot(container, element);
     roots.set(container, root);

package/dist/global/rerender-hoc.js

@@ -21,8 +21,7 @@ function rerenderHOC(ComposedComponent) {
       let callback = arguments.length > 1 ? arguments[1] : undefined;
       let container;
       try {
-        var _this$node;
-        container = (_this$node = this.node) === null || _this$node === void 0 ? void 0 : _this$node.parentNode;
+        container = this.node?.parentNode;
       } finally {
         if (!container || !(container instanceof Element)) {
           throw new Error(`${this.constructor.name} component isn't mounted`);

package/dist/global/schedule-raf.js

@@ -4,8 +4,7 @@ function scheduleRAF(trailingCall) {
   let trailingCallScheduled = false;
   function doSchedule() {
     RAF = window.requestAnimationFrame(() => {
-      var _scheduledCb;
-      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 ? void 0 : _scheduledCb();
+      scheduledCb?.();
       if (trailingCallScheduled) {
         trailingCallScheduled = false;
         doSchedule();

package/dist/header/smart-profile.js

@@ -165,14 +165,13 @@ class SmartProfile extends PureComponent {
     }
   }
   checkUserCertificateMismatch(user) {
-    var _userMeta$headers;
     const {
       auth,
       translations
     } = this.props;
     const userMeta = auth.http.getMetaForResponse(user);
-    if (userMeta !== null && userMeta !== void 0 && (_userMeta$headers = userMeta.headers) !== null && _userMeta$headers !== void 0 && _userMeta$headers.has(CERTIFICATE_MISMATCH_HEADER)) {
-      const message = (translations === null || translations === void 0 ? void 0 : translations.certificateMismatch) || `You are authenticated as ${user.login || user.name}. To authenticate with the client certificate for your account, log out, then click the "Log in with certificate" option on the login page.`;
+    if (userMeta?.headers?.has(CERTIFICATE_MISMATCH_HEADER)) {
+      const message = translations?.certificateMismatch || `You are authenticated as ${user.login || user.name}. To authenticate with the client certificate for your account, log out, then click the "Log in with certificate" option on the login page.`;
       alertService.warning(message, 0);
     }
   }

package/dist/header/smart-services.js

@@ -88,11 +88,10 @@ class SmartServices extends Component {
       });
     });
     _defineProperty(this, "getServicesContent", () => {
-      var _this$getServices;
       this.setState({
         loading: true
       });
-      (_this$getServices = this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 ? void 0 : _this$getServices.then(services => {
+      this.getServices(SmartServices.allFields)?.then(services => {
         this.setState({
           services
         });
@@ -101,12 +100,11 @@ class SmartServices extends Component {
     });
   }
   componentDidMount() {
-    var _this$getServices2;
     const {
       auth
     } = this.props;
     this.http = new HTTP(auth, auth.getAPIPath());
-    (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 ? void 0 : _this$getServices2.then(services => {
+    this.getServices(SmartServices.countFields)?.then(services => {
       if (!services.length) {
         this.setState({
           visible: false
@@ -115,8 +113,7 @@ class SmartServices extends Component {
     }).catch(noop);
   }
   getServices(fields) {
-    var _this$http;
-    return (_this$http = this.http) === null || _this$http === void 0 ? void 0 : _this$http.get(`services/header?fields=${fields}`);
+    return this.http?.get(`services/header?fields=${fields}`);
   }
   render() {
     const {

package/dist/http/http.js

@@ -64,21 +64,18 @@ class HTTP {
       return _this._processResponse(response);
     });
     _defineProperty(this, "request", async (url, params) => {
-      var _this$requestToken;
-      let token = await ((_this$requestToken = this.requestToken) === null || _this$requestToken === void 0 ? void 0 : _this$requestToken.call(this));
+      let token = await this.requestToken?.();
       let response = await this._performRequest(url, token, params);
       try {
         // Wait for result to catch an HTTP error
         return await this._processResponse(response);
       } catch (error) {
-        var _this$shouldRefreshTo;
         if (!(error instanceof HTTPError)) {
           throw error;
         }
-        const shouldRefreshToken = error.data.error !== undefined ? (_this$shouldRefreshTo = this.shouldRefreshToken) === null || _this$shouldRefreshTo === void 0 ? void 0 : _this$shouldRefreshTo.call(this, error.data.error) : false;
+        const shouldRefreshToken = error.data.error !== undefined ? this.shouldRefreshToken?.(error.data.error) : false;
         if (shouldRefreshToken) {
-          var _this$forceTokenUpdat;
-          token = await ((_this$forceTokenUpdat = this.forceTokenUpdate) === null || _this$forceTokenUpdat === void 0 ? void 0 : _this$forceTokenUpdat.call(this));
+          token = await this.forceTokenUpdate?.();
           response = await this._performRequest(url, token, params);
           return this._processResponse(response);
         }
@@ -182,23 +179,20 @@ class HTTP {
     });
   }
   async _processResponse(response) {
-    var _response$headers;
-    const contentType = (_response$headers = response.headers) === null || _response$headers === void 0 ? void 0 : _response$headers.get('content-type');
+    const contentType = response.headers?.get('content-type');
     const isJson = contentType && contentType.indexOf('application/json') !== -1;
     if (response.status != null && HTTP._isErrorStatus(response.status)) {
       let resJson;
       try {
-        var _response$json, _response$text;
-        resJson = await (isJson ? (_response$json = response.json) === null || _response$json === void 0 ? void 0 : _response$json.call(response) : (_response$text = response.text) === null || _response$text === void 0 ? void 0 : _response$text.call(response));
+        resJson = await (isJson ? response.json?.() : response.text?.());
       } catch (err) {
         // noop
       }
       throw new HTTPError(response, resJson);
     }
     try {
-      var _response$json2, _response$text2;
-      const parsedResponse = await (isJson ? (_response$json2 = response.json) === null || _response$json2 === void 0 ? void 0 : _response$json2.call(response) : {
-        data: await ((_response$text2 = response.text) === null || _response$text2 === void 0 ? void 0 : _response$text2.call(response))
+      const parsedResponse = await (isJson ? response.json?.() : {
+        data: await response.text?.()
       });
       this._storeRequestMeta(parsedResponse, response);
       return parsedResponse;