@jetbrains/ring-ui 5.1.3 → 5.1.4

package/components/tabs/collapsible-tabs.js

@@ -132,8 +132,8 @@ export const CollapsibleTabs = ({ children, selected, onSelect, moreClassName, m
             const container = measureRef.current;
             const descendants = [...container?.children ?? []];
             const moreButton = descendants.pop();
-            let moreButtonWidth = moreButton.offsetWidth;
-            const { marginLeft: moreButtonMarginLeft, marginRight: moreButtonMarginRight } = getComputedStyle(moreButton);
+            let moreButtonWidth = moreButton?.offsetWidth ?? 0;
+            const { marginLeft: moreButtonMarginLeft = '0', marginRight: moreButtonMarginRight = '0' } = moreButton ? getComputedStyle(moreButton) : {};
             moreButtonWidth += +moreButtonMarginLeft.replace('px', '') + +moreButtonMarginRight.replace('px', '');
             const tabsWidth = descendants.map(node => {
                 const { marginLeft, marginRight } = getComputedStyle(node);

package/dist/tabs/collapsible-tabs.js

@@ -262,19 +262,21 @@ var CollapsibleTabs = function CollapsibleTabs(_ref) {
       return undefined;
     }
     var measureTask = fastdom.measure(function () {
-      var _container$children;
+      var _container$children, _moreButton$offsetWid;
       var container = measureRef.current;
       var descendants = _toConsumableArray((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : []);
       var moreButton = descendants.pop();
-      var moreButtonWidth = moreButton.offsetWidth;
-      var _getComputedStyle = getComputedStyle(moreButton),
-        moreButtonMarginLeft = _getComputedStyle.marginLeft,
-        moreButtonMarginRight = _getComputedStyle.marginRight;
+      var moreButtonWidth = (_moreButton$offsetWid = moreButton === null || moreButton === void 0 ? void 0 : moreButton.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
+      var _ref2 = moreButton ? getComputedStyle(moreButton) : {},
+        _ref2$marginLeft = _ref2.marginLeft,
+        moreButtonMarginLeft = _ref2$marginLeft === void 0 ? '0' : _ref2$marginLeft,
+        _ref2$marginRight = _ref2.marginRight,
+        moreButtonMarginRight = _ref2$marginRight === void 0 ? '0' : _ref2$marginRight;
       moreButtonWidth += +moreButtonMarginLeft.replace('px', '') + +moreButtonMarginRight.replace('px', '');
       var tabsWidth = descendants.map(function (node) {
-        var _getComputedStyle2 = getComputedStyle(node),
-          marginLeft = _getComputedStyle2.marginLeft,
-          marginRight = _getComputedStyle2.marginRight;
+        var _getComputedStyle = getComputedStyle(node),
+          marginLeft = _getComputedStyle.marginLeft,
+          marginRight = _getComputedStyle.marginRight;
         var width = node.getBoundingClientRect().width;
         return width + +marginLeft.replace('px', '') + +marginRight.replace('px', '');
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.1.3",
+  "version": "5.1.4",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -162,7 +162,7 @@
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.14.0",
     "rimraf": "^5.0.1",
-    "rollup": "^3.28.1",
+    "rollup": "^3.29.0",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.2.0",
@@ -205,7 +205,7 @@
     "@babel/preset-typescript": "^7.22.15",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.21.0",
-    "@jetbrains/logos": "^2.2.16",
+    "@jetbrains/logos": "^2.2.17",
     "@jetbrains/postcss-require-hover": "^0.1.2",
     "@types/combokeys": "^2.4.7",
     "@types/deep-equal": "^1.0.1",