@tecsinapse/cortex-react 1.3.0-beta.5 → 1.3.0-beta.6

package/dist/cjs/components/Select/Content.js

@@ -6,8 +6,8 @@ require('react-aria');
 require('react-stately');
 var useOutsideClickListener = require('../../hooks/useOutsideClickListener.js');
 require('@floating-ui/react');
-var context = require('./context.js');
 var Context = require('../Popover/Context.js');
+var context = require('./context.js');
 
 const Content = ({
   children,
@@ -15,12 +15,13 @@ const Content = ({
   labelExtractor,
   value
 }) => {
-  const { setIsOpen, refs } = Context.usePopoverContext();
+  const { setIsOpen } = Context.usePopoverContext();
+  const ref = React.useRef(null);
   useOutsideClickListener.useOutsideClickListener({
-    ref: refs.domReference,
+    ref,
     onClickOutside: () => setIsOpen(false)
   });
-  return /* @__PURE__ */ React.createElement(context.SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white" }, children));
+  return /* @__PURE__ */ React.createElement(context.SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white", ref }, children));
 };
 
 module.exports = Content;

package/dist/cjs/components/Select/Popover.js

@@ -4,7 +4,7 @@ var React = require('react');
 var index = require('../Popover/index.js');
 
 const SelectPopover = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(index.Popover.Content, { className: "bg-white max-h-[30vh] w-full overflow-y-scroll" }, children);
+  return /* @__PURE__ */ React.createElement(index.Popover.Content, { className: "bg-white max-h-[30vh] w-full overflow-y-scroll gap-y-mili flex flex-col" }, children);
 };
 
 exports.SelectPopover = SelectPopover;

package/dist/cjs/hooks/useOutsideClickListener.js

@@ -8,9 +8,7 @@ const useOutsideClickListener = ({
 }) => {
   const handleClickOutside = React.useCallback((event) => {
     if (ref.current && !ref.current.contains(event.target)) {
-      setTimeout(() => {
-        onClickOutside?.();
-      }, 10);
+      onClickOutside?.();
     }
   }, []);
   React.useEffect(() => {

package/dist/esm/components/Select/Content.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import { useOutsideClickListener } from '../../hooks/useOutsideClickListener.js';
 import '@floating-ui/react';
-import { SelectContext } from './context.js';
 import { usePopoverContext } from '../Popover/Context.js';
+import { SelectContext } from './context.js';
 
 const Content = ({
   children,
@@ -13,12 +13,13 @@ const Content = ({
   labelExtractor,
   value
 }) => {
-  const { setIsOpen, refs } = usePopoverContext();
+  const { setIsOpen } = usePopoverContext();
+  const ref = useRef(null);
   useOutsideClickListener({
-    ref: refs.domReference,
+    ref,
     onClickOutside: () => setIsOpen(false)
   });
-  return /* @__PURE__ */ React.createElement(SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white" }, children));
+  return /* @__PURE__ */ React.createElement(SelectContext.Provider, { value: { value, keyExtractor, labelExtractor } }, /* @__PURE__ */ React.createElement("div", { className: "w-full relative bg-white", ref }, children));
 };
 
 export { Content as default };

package/dist/esm/components/Select/Popover.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Popover } from '../Popover/index.js';
 
 const SelectPopover = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(Popover.Content, { className: "bg-white max-h-[30vh] w-full overflow-y-scroll" }, children);
+  return /* @__PURE__ */ React.createElement(Popover.Content, { className: "bg-white max-h-[30vh] w-full overflow-y-scroll gap-y-mili flex flex-col" }, children);
 };
 
 export { SelectPopover };

package/dist/esm/hooks/useOutsideClickListener.js

@@ -6,9 +6,7 @@ const useOutsideClickListener = ({
 }) => {
   const handleClickOutside = useCallback((event) => {
     if (ref.current && !ref.current.contains(event.target)) {
-      setTimeout(() => {
-        onClickOutside?.();
-      }, 10);
+      onClickOutside?.();
     }
   }, []);
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.5",
+  "version": "1.3.0-beta.6",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -42,5 +42,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "074abd70d396a15cab7475f4cec4e0c93502a1d9"
+  "gitHead": "c45d44c53d32b39febf7f65f2b54692681d677c3"
 }