@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/clipboard/clipboard-fallback.js

@@ -1,13 +1,13 @@
 function copyTextToClipboard(str) {
-  var el = document.createElement('textarea');
+  const el = document.createElement('textarea');
   el.value = str;
   el.setAttribute('readonly', '');
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
-  var selection = document.getSelection();
+  const selection = document.getSelection();
   // Should restore previous selection
-  var selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
+  const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
   el.select();
   document.execCommand('copy');
   document.body.removeChild(el);
@@ -17,17 +17,17 @@ function copyTextToClipboard(str) {
   }
 }
 function copyHTMLToClipboard(str) {
-  var el = document.createElement('div');
+  const el = document.createElement('div');
   el.innerHTML = str;
   el.setAttribute('readonly', '');
   el.style.position = 'absolute';
   el.style.left = '-9999px';
   document.body.appendChild(el);
-  var selection = document.getSelection();
+  const selection = document.getSelection();
   // Should restore previous selection
-  var selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
+  const selected = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
   selection === null || selection === void 0 || selection.removeAllRanges();
-  var range = document.createRange();
+  const range = document.createRange();
   range.selectNode(el);
   selection === null || selection === void 0 || selection.addRange(range);
   document.execCommand('copy');

package/components/clipboard/clipboard.js

@@ -1,16 +1,10 @@
-import { g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
 import alertService from '../alert-service/alert-service.js';
 import { copyTextToClipboard, copyHTMLToClipboard } from './clipboard-fallback.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom/client';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/alert.js';
-import 'core-js/modules/es.object.values.js';
 import 'react';
 import 'classnames';
 import 'prop-types';
@@ -24,22 +18,12 @@ import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../link/clickableLink.js';
@@ -52,12 +36,6 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -67,120 +45,50 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 
-var ALERT_DELAY = 1000;
+const ALERT_DELAY = 1000;
 function getClipboardImplementation() {
   if (navigator.clipboard && !window.isSecureContext) {
     return {
-      copy: function copy(text) {
-        return navigator.clipboard.writeText(text);
-      },
-      copyHTML: function copyHTML(html) {
-        return navigator.clipboard.write([new ClipboardItem({
-          ['text/html']: new Blob([html], {
-            type: 'text/html'
-          })
-        })]);
-      }
+      copy: text => navigator.clipboard.writeText(text),
+      copyHTML: html => navigator.clipboard.write([new ClipboardItem({
+        ['text/html']: new Blob([html], {
+          type: 'text/html'
+        })
+      })])
     };
   }
   return {
-    copy: function copy(str) {
-      return Promise.resolve(copyTextToClipboard(str));
-    },
-    copyHTML: function copyHTML(html) {
-      return Promise.resolve(copyHTMLToClipboard(html));
-    }
+    copy: str => Promise.resolve(copyTextToClipboard(str)),
+    copyHTML: html => Promise.resolve(copyHTMLToClipboard(html))
   };
 }
-function copy(_x, _x2, _x3) {
-  return _copy.apply(this, arguments);
-}
-function _copy() {
-  _copy = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(text, successMessage, errorMessage) {
-    var delay,
-      isHtml,
-      clipboardImpl,
-      copyMethod,
-      _args3 = arguments;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          delay = _args3.length > 3 && _args3[3] !== undefined ? _args3[3] : ALERT_DELAY;
-          isHtml = _args3.length > 4 && _args3[4] !== undefined ? _args3[4] : false;
-          _context3.prev = 2;
-          clipboardImpl = getClipboardImplementation();
-          copyMethod = isHtml ? clipboardImpl.copyHTML : clipboardImpl.copy;
-          _context3.next = 7;
-          return copyMethod(text);
-        case 7:
-          if (successMessage) {
-            alertService.successMessage(successMessage, delay);
-          }
-          _context3.next = 14;
-          break;
-        case 10:
-          _context3.prev = 10;
-          _context3.t0 = _context3["catch"](2);
-          if (errorMessage) {
-            alertService.error(errorMessage, delay);
-          }
-          // eslint-disable-next-line no-console
-          console.error(_context3.t0);
-        case 14:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3, null, [[2, 10]]);
-  }));
-  return _copy.apply(this, arguments);
-}
-var clipboard = {
-  copyText: function () {
-    var _copyText = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text, successMessage, errorMessage) {
-      var delay,
-        _args = arguments;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            delay = _args.length > 3 && _args[3] !== undefined ? _args[3] : ALERT_DELAY;
-            _context.next = 3;
-            return copy(text, successMessage, errorMessage, delay);
-          case 3:
-            return _context.abrupt("return", _context.sent);
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    function copyText(_x4, _x5, _x6) {
-      return _copyText.apply(this, arguments);
+async function copy(text, successMessage, errorMessage) {
+  let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
+  let isHtml = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  try {
+    const clipboardImpl = getClipboardImplementation();
+    const copyMethod = isHtml ? clipboardImpl.copyHTML : clipboardImpl.copy;
+    await copyMethod(text);
+    if (successMessage) {
+      alertService.successMessage(successMessage, delay);
     }
-    return copyText;
-  }(),
-  copyHTML: function () {
-    var _copyHTML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(html, successMessage, errorMessage) {
-      var delay,
-        _args2 = arguments;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            delay = _args2.length > 3 && _args2[3] !== undefined ? _args2[3] : ALERT_DELAY;
-            _context2.next = 3;
-            return copy(html, successMessage, errorMessage, delay, true);
-          case 3:
-            return _context2.abrupt("return", _context2.sent);
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    function copyHTML(_x7, _x8, _x9) {
-      return _copyHTML.apply(this, arguments);
+  } catch (e) {
+    if (errorMessage) {
+      alertService.error(errorMessage, delay);
     }
-    return copyHTML;
-  }()
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
+}
+const clipboard = {
+  copyText: async function (text, successMessage, errorMessage) {
+    let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
+    return await copy(text, successMessage, errorMessage, delay);
+  },
+  copyHTML: async function (html, successMessage, errorMessage) {
+    let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
+    return await copy(html, successMessage, errorMessage, delay, true);
+  }
 };
 
 export { clipboard as default };

package/components/code/code.js

@@ -1,172 +1,106 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import _highlight from 'highlight.js/lib/core';
+import highlight from 'highlight.js/lib/core';
 export { default as highlight } from 'highlight.js/lib/core';
 import normalizeIndent from '../global/normalize-indent.js';
 import trivialTemplateTag from '../global/trivial-template-tag.js';
 import memoize from '../global/memoize.js';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_66c414ea = {"light":"light_rui_2ac4","code":"code_rui_1c82","inline":"inline_rui_1c82","softWrap":"softWrap_rui_1c82"};
 
 var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_1a79"};
 
 function noop() {}
-var registerLanguage = memoize( /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(language) {
-    var languageExports;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return import( /* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
-        case 2:
-          languageExports = _context.sent;
-          _highlight.registerLanguage(language, languageExports.default);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref.apply(this, arguments);
-  };
-}());
+const registerLanguage = memoize(async language => {
+  const languageExports = await import( /* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
+  highlight.registerLanguage(language, languageExports.default);
+});
 /**
  * @name Code
  */
-var Code = /*#__PURE__*/function (_PureComponent) {
-  function Code() {
-    var _this;
-    _classCallCheck(this, Code);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Code, [].concat(args));
-    _defineProperty(_this, "code", void 0);
-    return _this;
+class Code extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "code", void 0);
   }
-  _inherits(Code, _PureComponent);
-  return _createClass(Code, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.highlight();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.highlight();
-    }
-  }, {
-    key: "highlight",
-    value: function () {
-      var _highlight2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var codeRef, _this$props, language, inline, replacer;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              codeRef = this.codeRef;
-              if (!(codeRef == null)) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 3:
-              _this$props = this.props, language = _this$props.language, inline = _this$props.inline, replacer = _this$props.replacer;
-              if (inline) {
-                _context2.next = 9;
-                break;
-              }
-              if (!(language != null && _highlight.getLanguage(language) == null)) {
-                _context2.next = 8;
-                break;
-              }
-              _context2.next = 8;
-              return registerLanguage(language);
-            case 8:
-              // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
-              _highlight.highlightElement(codeRef);
-            case 9:
-              replacer(codeRef);
-            case 10:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function highlight() {
-        return _highlight2.apply(this, arguments);
-      }
-      return highlight;
-    }()
-  }, {
-    key: "codeRef",
-    get: function get() {
-      var codeRef = this.props.codeRef;
-      return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
+  componentDidMount() {
+    this.highlight();
+  }
+  componentDidUpdate() {
+    this.highlight();
+  }
+  async highlight() {
+    const codeRef = this.codeRef;
+    if (codeRef == null) {
+      return;
     }
-  }, {
-    key: "initCodeRef",
-    get: function get() {
-      var _this2 = this;
-      var codeRef = this.props.codeRef;
-      var isFunctionCodeRef = typeof codeRef === 'function';
-      if (codeRef && !isFunctionCodeRef) {
-        return codeRef;
+    const {
+      language,
+      inline,
+      replacer
+    } = this.props;
+    if (!inline) {
+      if (language != null && highlight.getLanguage(language) == null) {
+        await registerLanguage(language);
       }
-      return function (ref) {
-        _this2.code = ref;
-        if (isFunctionCodeRef) {
-          codeRef(_this2.code);
-        }
-      };
+      // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
+      highlight.highlightElement(codeRef);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        code = _this$props2.code,
-        className = _this$props2.className,
-        inline = _this$props2.inline,
-        softWrap = _this$props2.softWrap,
-        language = _this$props2.language;
-      var Tag = inline ? 'span' : 'pre';
-      var classes = classNames(modules_66c414ea.code, className, language, {
-        [modules_66c414ea.inline]: inline,
-        [modules_66c414ea.softWrap]: softWrap
-      });
-      return /*#__PURE__*/jsx(Tag, {
-        className: classes,
-        "data-test": "ring-code",
-        children: /*#__PURE__*/jsx("code", {
-          // should be focusable because it can be scrollable
-          tabIndex: inline ? -1 : 0,
-          ref: this.initCodeRef,
-          className: modules_39cf09e8.highlightContainer,
-          children: normalizeIndent(code)
-        })
-      });
+    replacer(codeRef);
+  }
+  get codeRef() {
+    const {
+      codeRef
+    } = this.props;
+    return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
+  }
+  get initCodeRef() {
+    const {
+      codeRef
+    } = this.props;
+    const isFunctionCodeRef = typeof codeRef === 'function';
+    if (codeRef && !isFunctionCodeRef) {
+      return codeRef;
     }
-  }]);
-}(PureComponent);
+    return ref => {
+      this.code = ref;
+      if (isFunctionCodeRef) {
+        codeRef(this.code);
+      }
+    };
+  }
+  render() {
+    const {
+      code,
+      className,
+      inline,
+      softWrap,
+      language
+    } = this.props;
+    const Tag = inline ? 'span' : 'pre';
+    const classes = classNames(modules_66c414ea.code, className, language, {
+      [modules_66c414ea.inline]: inline,
+      [modules_66c414ea.softWrap]: softWrap
+    });
+    return /*#__PURE__*/jsx(Tag, {
+      className: classes,
+      "data-test": "ring-code",
+      children: /*#__PURE__*/jsx("code", {
+        // should be focusable because it can be scrollable
+        tabIndex: inline ? -1 : 0,
+        ref: this.initCodeRef,
+        className: modules_39cf09e8.highlightContainer,
+        children: normalizeIndent(code)
+      })
+    });
+  }
+}
 _defineProperty(Code, "propTypes", {
   className: PropTypes.string,
   code: PropTypes.string.isRequired,
@@ -183,10 +117,8 @@ _defineProperty(Code, "defaultProps", {
   softWrap: false,
   replacer: noop
 });
-var code = trivialTemplateTag(function (source) {
-  return /*#__PURE__*/jsx(Code, {
-    code: source
-  });
-});
+const code = trivialTemplateTag(source => /*#__PURE__*/jsx(Code, {
+  code: source
+}));
 
 export { code, Code as default };

package/components/collapse/collapse-content.js

@@ -1,4 +1,4 @@
-import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -7,82 +7,66 @@ import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_9c8b5b00 = {"container":"container_rui_93ce","transition":"transition_rui_93ce","summary":"summary_rui_93ce","trigger":"trigger_rui_93ce","fade":"fade_rui_93ce"};
 
-var DURATION_FACTOR = 0.5;
-var DEFAULT_HEIGHT = 0;
-var VISIBLE = 1;
-var HIDDEN = 0;
+const DURATION_FACTOR = 0.5;
+const DEFAULT_HEIGHT = 0;
+const VISIBLE = 1;
+const HIDDEN = 0;
 /**
  * @name CollapseContent
  */
-var CollapseContent = function CollapseContent(_ref) {
-  var children = _ref.children,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? DEFAULT_HEIGHT : _ref$minHeight,
-    dataTest = _ref['data-test'];
-  var _useContext = useContext(CollapseContext),
-    collapsed = _useContext.collapsed,
-    duration = _useContext.duration,
-    id = _useContext.id,
-    disableAnimation = _useContext.disableAnimation;
-  var containerRef = useRef(null);
-  var contentRef = useRef(null);
-  var initialContentHeight = useRef(minHeight);
-  var contentHeight = useRef(DEFAULT_HEIGHT);
-  var _useState = useState({
-      width: 0,
-      height: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  var _useState3 = useState(toPx(minHeight)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    height = _useState4[0],
-    setHeight = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showFade = _useState6[0],
-    setShowFade = _useState6[1];
-  useEffect(function () {
+const CollapseContent = _ref => {
+  let {
+    children,
+    minHeight = DEFAULT_HEIGHT,
+    'data-test': dataTest
+  } = _ref;
+  const {
+    collapsed,
+    duration,
+    id,
+    disableAnimation
+  } = useContext(CollapseContext);
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const initialContentHeight = useRef(minHeight);
+  const contentHeight = useRef(DEFAULT_HEIGHT);
+  const [dimensions, setDimensions] = useState({
+    width: 0,
+    height: 0
+  });
+  const [height, setHeight] = useState(toPx(minHeight));
+  const [showFade, setShowFade] = useState(true);
+  useEffect(() => {
     if (!collapsed) {
       setShowFade(false);
     } else {
       setShowFade(true);
     }
   }, [collapsed]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
       contentHeight.current = getRect(contentRef.current).height;
     }
   }, [minHeight, dimensions.height]);
-  useEffect(function () {
-    var nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
+  useEffect(() => {
+    const nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
     setHeight(toPx(nextHeight));
   }, [collapsed, dimensions.height]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
-      var observer = new ResizeObserver(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 1),
-          entry = _ref3[0];
+      const observer = new ResizeObserver(_ref2 => {
+        let [entry] = _ref2;
         if (entry && entry.borderBoxSize) {
-          var _entry$borderBoxSize$ = entry.borderBoxSize[0],
-            inlineSize = _entry$borderBoxSize$.inlineSize,
-            blockSize = _entry$borderBoxSize$.blockSize;
+          const {
+            inlineSize,
+            blockSize
+          } = entry.borderBoxSize[0];
           setDimensions({
             width: inlineSize,
             height: blockSize
@@ -92,17 +76,15 @@ var CollapseContent = function CollapseContent(_ref) {
       observer.observe(contentRef.current);
     }
   }, []);
-  var style = useMemo(function () {
-    var calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
+  const style = useMemo(() => {
+    const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
     return {
       '--duration': "".concat(calculatedDuration, "ms"),
       height,
       opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
     };
   }, [duration, height, collapsed, minHeight]);
-  var fadeShouldBeVisible = useMemo(function () {
-    return Boolean(minHeight && showFade);
-  }, [minHeight, showFade]);
+  const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
   return /*#__PURE__*/jsxs("div", {
     ref: containerRef,
     id: "collapse-content-".concat(id),