@salutejs/plasma-new-hope 0.325.0 → 0.326.0-canary.1986.15322785467.0

package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -15,6 +15,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// TODO: #2003
+var LIST_PADDING = 2;
 var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,
@@ -23,9 +25,8 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
     placement = _ref.placement,
     portal = _ref.portal,
     listWidth = _ref.listWidth,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 0 : _ref$offset,
-    zIndex = _ref.zIndex;
+    zIndex = _ref.zIndex,
+    isInner = _ref.isInner;
   var _useFloating = (0, _react.useFloating)({
       whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
         return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
@@ -36,14 +37,17 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
       },
       placement: placement,
       open: opened,
-      middleware: [(0, _react.offset)(offset), (0, _react.flip)({
+      middleware: [(0, _react.offset)({
+        mainAxis: isInner ? 4 : 0,
+        alignmentAxis: isInner ? -LIST_PADDING : 0
+      }), (0, _react.flip)({
         fallbackAxisSideDirection: 'end'
       }), (0, _react.shift)(), (0, _react.size)({
         apply: function apply(_ref2) {
           var rects = _ref2.rects,
             elements = _ref2.elements;
           Object.assign(elements.floating.style, {
-            width: listWidth || "".concat(rects.reference.width, "px")
+            width: listWidth || "".concat(isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width, "px")
           });
         }
       })]

package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -42,7 +42,6 @@ var Inner = exports.Inner = function Inner(_ref) {
       placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
       opened: isCurrentListOpen,
       onToggle: handleToggle,
-      offset: 2,
       target: /*#__PURE__*/_react["default"].createElement(_ui.Item, {
         item: item,
         path: path,
@@ -52,12 +51,14 @@ var Inner = exports.Inner = function Inner(_ref) {
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
         ariaLabel: item.label
-      })
+      }),
+      isInner: true
+    }, /*#__PURE__*/_react["default"].createElement(_Combobox.ListWrapper, {
+      listWidth: listWidth
     }, /*#__PURE__*/_react["default"].createElement(_Combobox.Ul, {
       role: "group",
       id: listId,
       isInnerUl: true,
-      listWidth: listWidth,
       virtual: false
     }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/_react["default"].createElement(Inner, {
@@ -69,7 +70,7 @@ var Inner = exports.Inner = function Inner(_ref) {
         index: innerIndex,
         listWidth: listWidth
       });
-    })));
+    }))));
   }
   return /*#__PURE__*/_react["default"].createElement(_ui.Item, {
     item: item,