@tecsinapse/cortex-react 1.9.30 → 1.9.32

package/dist/cjs/hooks/useFloatingElement.js

@@ -27,6 +27,13 @@ const useFloatingElement = ({
           fallbackPlacements
         }),
         react.shift(),
+        react.size({
+          apply({ rects, elements }) {
+            const minWidth = elements.floating.scrollWidth;
+            const referenceWidth = rects.reference.width;
+            elements.floating.style.width = `${Math.max(referenceWidth, minWidth)}px`;
+          }
+        }),
         ...arrowRef ? [react.arrow({ element: arrowRef })] : []
       ]
     }

package/dist/esm/hooks/useFloatingElement.js

@@ -1,4 +1,4 @@
-import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useHover, safePolygon, useInteractions } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, shift, size, arrow, useClick, useDismiss, useRole, useHover, safePolygon, useInteractions } from '@floating-ui/react';
 import { useState, useEffect } from 'react';
 
 const useFloatingElement = ({
@@ -25,6 +25,13 @@ const useFloatingElement = ({
           fallbackPlacements
         }),
         shift(),
+        size({
+          apply({ rects, elements }) {
+            const minWidth = elements.floating.scrollWidth;
+            const referenceWidth = rects.reference.width;
+            elements.floating.style.width = `${Math.max(referenceWidth, minWidth)}px`;
+          }
+        }),
         ...arrowRef ? [arrow({ element: arrowRef })] : []
       ]
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.9.30",
+  "version": "1.9.32",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "241b8a01ed029a71a8f0b98500e497603b8245c0"
+  "gitHead": "273d9526ea0e880879473563dcf937221d4ce014"
 }