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

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/components/Tooltip.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var react = require('@floating-ui/react');
 require('@internationalized/date');
@@ -7,41 +9,46 @@ require('react-aria');
 require('react-stately');
 var useFloatingLogic = require('../hooks/useFloatingLogic.js');
 
-React.forwardRef((props, ref) => {
-  const {
-    children,
-    text,
-    trigger = "hover",
-    placement = "top",
-    width,
-    height
-  } = props;
-  const arrowRef = React.useRef(null);
-  const {
-    isOpen,
-    triggerProps,
-    x,
-    y,
-    strategy,
-    refs,
-    context,
-    floatingStyles
-  } = useFloatingLogic.useFloatingLogic({ placement, arrowRef, trigger });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: ref || refs.setFloating,
-      className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
-      style: {
-        position: strategy,
-        top: y ?? 0,
-        left: x ?? 0,
-        width,
-        height,
-        ...floatingStyles
-      }
-    },
-    text,
-    /* @__PURE__ */ React.createElement(react.FloatingArrow, { ref: arrowRef, context, fill: "black" })
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-});
+const Tooltip = React.forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      text,
+      trigger = "hover",
+      placement = "top",
+      width,
+      height
+    } = props;
+    const arrowRef = React.useRef(null);
+    const {
+      isOpen,
+      triggerProps,
+      x,
+      y,
+      strategy,
+      refs,
+      context,
+      floatingStyles
+    } = useFloatingLogic.useFloatingLogic({ placement, arrowRef, trigger });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: ref || refs.setFloating,
+        className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
+        style: {
+          position: strategy,
+          top: y ?? 0,
+          left: x ?? 0,
+          width,
+          height,
+          ...floatingStyles
+        }
+      },
+      text,
+      /* @__PURE__ */ React.createElement(react.FloatingArrow, { ref: arrowRef, context, fill: "black" })
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  }
+);
+
+exports.Tooltip = Tooltip;
+exports.default = Tooltip;

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/cjs/index.js

@@ -24,7 +24,7 @@ var Tag = require('./components/Tag.js');
 var TextArea = require('./components/TextArea.js');
 var TimeFieldInput = require('./components/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
-require('./components/Tooltip.js');
+var Tooltip = require('./components/Tooltip.js');
 var index$2 = require('./components/Popover/index.js');
 var index$3 = require('./components/Menubar/index.js');
 var useCalendar = require('./hooks/useCalendar.js');
@@ -72,6 +72,7 @@ exports.Tag = Tag.Tag;
 exports.TextArea = TextArea.TextArea;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
+exports.Tooltip = Tooltip.Tooltip;
 exports.Popover = index$2.Popover;
 exports.Menubar = index$3.Menubar;
 exports.useCalendar = useCalendar.useCalendar;

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/components/Tooltip.js

@@ -5,41 +5,45 @@ import 'react-aria';
 import 'react-stately';
 import { useFloatingLogic } from '../hooks/useFloatingLogic.js';
 
-forwardRef((props, ref) => {
-  const {
-    children,
-    text,
-    trigger = "hover",
-    placement = "top",
-    width,
-    height
-  } = props;
-  const arrowRef = useRef(null);
-  const {
-    isOpen,
-    triggerProps,
-    x,
-    y,
-    strategy,
-    refs,
-    context,
-    floatingStyles
-  } = useFloatingLogic({ placement, arrowRef, trigger });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: ref || refs.setFloating,
-      className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
-      style: {
-        position: strategy,
-        top: y ?? 0,
-        left: x ?? 0,
-        width,
-        height,
-        ...floatingStyles
-      }
-    },
-    text,
-    /* @__PURE__ */ React.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
-});
+const Tooltip = forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      text,
+      trigger = "hover",
+      placement = "top",
+      width,
+      height
+    } = props;
+    const arrowRef = useRef(null);
+    const {
+      isOpen,
+      triggerProps,
+      x,
+      y,
+      strategy,
+      refs,
+      context,
+      floatingStyles
+    } = useFloatingLogic({ placement, arrowRef, trigger });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: ref || refs.setFloating,
+        className: "bg-black text-white p-2 rounded z-50 shadow-md text-justify",
+        style: {
+          position: strategy,
+          top: y ?? 0,
+          left: x ?? 0,
+          width,
+          height,
+          ...floatingStyles
+        }
+      },
+      text,
+      /* @__PURE__ */ React.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  }
+);
+
+export { Tooltip, Tooltip as default };

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/dist/esm/index.js

@@ -22,7 +22,7 @@ export { Tag } from './components/Tag.js';
 export { TextArea } from './components/TextArea.js';
 export { TimeFieldInput } from './components/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
-import './components/Tooltip.js';
+export { Tooltip } from './components/Tooltip.js';
 export { Popover } from './components/Popover/index.js';
 export { Menubar } from './components/Menubar/index.js';
 export { useCalendar } from './hooks/useCalendar.js';

package/dist/types/components/Tooltip.d.ts

@@ -9,5 +9,5 @@ interface TooltipProps {
     height?: number;
     style?: React.CSSProperties;
 }
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.5",
+  "version": "1.3.0-beta.7",
   "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": "cb9069b439abdea0331a49cb6666d93a148ab1df"
 }