@tecsinapse/cortex-react 1.7.0-beta.0 → 1.7.0

package/dist/cjs/components/Avatar.js

@@ -2,7 +2,8 @@
 
 var clsx = require('clsx');
 var React = require('react');
-var utils = require('./utils.js');
+require('@internationalized/date');
+var string = require('../utils/string.js');
 
 const Avatar = ({ src, name, className, ...rest }) => {
   const [hasError, setHasError] = React.useState(false);
@@ -27,7 +28,7 @@ const Avatar = ({ src, name, className, ...rest }) => {
         onError: () => setHasError(true),
         "data-testid": "avatar-img"
       }
-    ) : /* @__PURE__ */ React.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, utils.getNameInitials(name))
+    ) : /* @__PURE__ */ React.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, string.getNameInitials(name))
   );
 };
 

package/dist/cjs/components/DatePicker/DatePickerInput.js

@@ -4,18 +4,18 @@ var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var utils = require('../utils.js');
+var date = require('../../utils/date.js');
 var useDatePickerInput = require('../../hooks/useDatePickerInput.js');
 require('@floating-ui/react');
 require('currency.js');
 require('react-dropzone');
 require('uuid');
 var Calendar = require('../Calendar/Calendar.js');
-var DateField = require('./DateField.js');
-var DatePickerInputBase = require('./DatePickerInputBase.js');
 var index = require('../Popover/index.js');
 var Context = require('../Popover/Context.js');
 var Content = require('./Content.js');
+var DateField = require('./DateField.js');
+var DatePickerInputBase = require('./DatePickerInputBase.js');
 
 const DatePickerInputWithPopover = (props) => {
   const { setIsOpen } = Context.usePopoverContext();
@@ -45,7 +45,7 @@ const DatePickerInputWithPopover = (props) => {
       value,
       onChange: (value2) => {
         setIsOpen(false);
-        state.setDateValue(utils.dateToCalendarDate(value2));
+        state.setDateValue(date.dateToCalendarDate(value2));
       }
     }
   )));

package/dist/cjs/components/DatePicker/DateRangePickerInput.js

@@ -4,18 +4,18 @@ var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var utils = require('../utils.js');
+var date = require('../../utils/date.js');
 var useDateRangePickerInput = require('../../hooks/useDateRangePickerInput.js');
 require('@floating-ui/react');
 require('currency.js');
 require('react-dropzone');
 require('uuid');
 var RangeCalendar = require('../Calendar/RangeCalendar.js');
-var DateField = require('./DateField.js');
-var DatePickerInputBase = require('./DatePickerInputBase.js');
 var index = require('../Popover/index.js');
 var Context = require('../Popover/Context.js');
 var Content = require('./Content.js');
+var DateField = require('./DateField.js');
+var DatePickerInputBase = require('./DatePickerInputBase.js');
 
 const DateRangePickerInputWithPopover = (props) => {
   const { setIsOpen } = Context.usePopoverContext();
@@ -34,7 +34,7 @@ const DateRangePickerInputWithPopover = (props) => {
       DateField.DateField,
       {
         ...startFieldProps,
-        value: utils.dateToCalendarDate(value?.start),
+        value: date.dateToCalendarDate(value?.start),
         onChange: (value2) => {
           state.setDate("start", value2);
         }
@@ -43,7 +43,7 @@ const DateRangePickerInputWithPopover = (props) => {
       DateField.DateField,
       {
         ...endFieldProps,
-        value: utils.dateToCalendarDate(value?.end),
+        value: date.dateToCalendarDate(value?.end),
         onChange: (value2) => {
           state.setDate("end", value2);
         }
@@ -56,8 +56,8 @@ const DateRangePickerInputWithPopover = (props) => {
       onChange: (value2) => {
         setIsOpen?.(false);
         state.setDateRange({
-          start: utils.dateToCalendarDate(value2.start),
-          end: utils.dateToCalendarDate(value2.end)
+          start: date.dateToCalendarDate(value2.start),
+          end: date.dateToCalendarDate(value2.end)
         });
       }
     }

package/dist/cjs/components/Input/index.js

@@ -7,6 +7,8 @@ var Mask = require('./Mask.js');
 var Right = require('./Right.js');
 var Root = require('./Root.js');
 var Search = require('./Search.js');
+require('@internationalized/date');
+require('react');
 
 const Input = {
   Root: Root.InputRoot,

package/dist/cjs/components/Input/masks.js

@@ -1,6 +1,8 @@
 'use strict';
 
-var extractNumbersFromString = require('../../utils/extractNumbersFromString.js');
+require('@internationalized/date');
+var extractors = require('../../utils/extractors.js');
+require('react');
 
 const ExpressionMasks = {
   CPF: "000.000.000-00",
@@ -48,7 +50,7 @@ const Masks = {
   PHONE: ["(99) 9999-9999"],
   PHONE_EXTENDED: ["(99) 99999-9999"],
   COMBINED_PHONE: (value) => {
-    const onlyNumbers = extractNumbersFromString.extractDigitsFromString(value);
+    const onlyNumbers = extractors.extractDigitsFromString(value);
     const isCellPhoneExtended = onlyNumbers.length === 11;
     return value?.length <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
   },

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

@@ -4,7 +4,7 @@ var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var useFloatingLogic = require('../../hooks/useFloatingLogic.js');
+var useFloatingElement = require('../../hooks/useFloatingElement.js');
 require('currency.js');
 require('react-dropzone');
 require('uuid');
@@ -15,7 +15,7 @@ const PopoverProvider = ({
   placement,
   trigger
 }) => {
-  const floatingLogic = useFloatingLogic.useFloatingLogic({ placement, trigger });
+  const floatingLogic = useFloatingElement.useFloatingElement({ placement, trigger });
   return /* @__PURE__ */ React.createElement(Context.Context.Provider, { value: { ...floatingLogic } }, children);
 };
 

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

@@ -1,12 +1,13 @@
 'use strict';
 
-var utils = require('../utils.js');
+require('@internationalized/date');
+var react = require('../../utils/react.js');
 var Context = require('./Context.js');
 
 const PopoverTrigger = ({ children }) => {
   const { triggerProps } = Context.usePopoverContext();
   const isDisabled = children.props?.disabled;
-  return utils.cloneWithProps(children, isDisabled ? {} : triggerProps);
+  return react.cloneWithProps(children, isDisabled ? {} : triggerProps);
 };
 
 exports.PopoverTrigger = PopoverTrigger;

package/dist/cjs/components/Tooltip.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var react = require('@floating-ui/react');
+var react$1 = require('@floating-ui/react');
 var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var utils = require('./utils.js');
-var useFloatingLogic = require('../hooks/useFloatingLogic.js');
+var react = require('../utils/react.js');
+var useFloatingElement = require('../hooks/useFloatingElement.js');
 require('currency.js');
 require('react-dropzone');
 require('uuid');
@@ -19,7 +19,8 @@ const Tooltip = React.forwardRef(
       trigger = "hover",
       placement = "top",
       width,
-      height
+      height,
+      delay = { open: 500, close: 0 }
     } = props;
     const arrowRef = React.useRef(null);
     const {
@@ -30,9 +31,10 @@ const Tooltip = React.forwardRef(
       strategy,
       refs,
       context,
-      floatingStyles
-    } = useFloatingLogic.useFloatingLogic({ placement, arrowRef, trigger });
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, utils.cloneWithProps(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
+      floatingStyles,
+      getFloatingProps
+    } = useFloatingElement.useFloatingElement({ placement, arrowRef, trigger, delay });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, react.cloneWithProps(children, triggerProps), isOpen ? /* @__PURE__ */ React.createElement(
       "div",
       {
         ref: ref || refs.setFloating,
@@ -44,11 +46,12 @@ const Tooltip = React.forwardRef(
           width,
           height,
           ...floatingStyles
-        }
+        },
+        ...getFloatingProps()
       },
       text,
-      /* @__PURE__ */ React.createElement(react.FloatingArrow, { ref: arrowRef, context, fill: "black" })
-    ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+      /* @__PURE__ */ React.createElement(react$1.FloatingArrow, { ref: arrowRef, context, fill: "black" })
+    ) : null);
   }
 );
 

package/dist/cjs/hooks/useCalendar.js

@@ -3,15 +3,16 @@
 var date = require('@internationalized/date');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date$1 = require('../utils/date.js');
+require('react');
 
 const useCalendar = ({ value, onChange }) => {
   const { locale } = reactAria.useLocale();
   const state = reactStately.useCalendarState({
     locale,
     createCalendar: date.createCalendar,
-    defaultValue: utils.dateToCalendarDate(value),
-    onChange: (value2) => onChange(utils.calendarDateToDate(value2))
+    defaultValue: date$1.dateToCalendarDate(value),
+    onChange: (value2) => onChange(date$1.calendarDateToDate(value2))
   });
   const { calendarProps, title } = reactAria.useCalendar({}, state);
   return {

package/dist/cjs/hooks/useDatePickerInput.js

@@ -3,16 +3,16 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date = require('../utils/date.js');
 
 const useDatePickerInput = ({
   value,
   onChange
 }) => {
   const state = reactStately.useDatePickerState({
-    defaultValue: utils.dateToCalendarDate(value),
+    defaultValue: date.dateToCalendarDate(value),
     onChange: (value2) => {
-      onChange(utils.calendarDateToDate(value2));
+      onChange(date.calendarDateToDate(value2));
     }
   });
   const ref = React.useRef(null);

package/dist/cjs/hooks/useDateRangePickerInput.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date = require('../utils/date.js');
 
 const useDateRangePickerInput = ({
   value,
@@ -11,13 +11,13 @@ const useDateRangePickerInput = ({
 }) => {
   const state = reactStately.useDateRangePickerState({
     defaultValue: {
-      start: utils.dateToCalendarDate(value?.start),
-      end: utils.dateToCalendarDate(value?.end)
+      start: date.dateToCalendarDate(value?.start),
+      end: date.dateToCalendarDate(value?.end)
     },
     onChange: (value2) => {
       onChange({
-        start: utils.calendarDateToDate(value2.start),
-        end: utils.calendarDateToDate(value2.end)
+        start: date.calendarDateToDate(value2.start),
+        end: date.calendarDateToDate(value2.end)
       });
     }
   });

package/dist/cjs/hooks/{useFloatingLogic.js → useFloatingElement.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var React = require('react');
 var react = require('@floating-ui/react');
+var React = require('react');
 
-const useFloatingLogic = ({
+const useFloatingElement = ({
   placement,
   trigger,
+  delay,
   arrowRef
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -26,26 +27,21 @@ const useFloatingLogic = ({
       ]
     }
   );
-  const click = react.useClick(context);
+  const click = react.useClick(context, { enabled: trigger === "click" });
   const dismiss = react.useDismiss(context);
   const role = react.useRole(context);
+  const hover = react.useHover(context, { enabled: trigger === "hover", delay });
   const { getReferenceProps, getFloatingProps } = react.useInteractions([
     click,
     dismiss,
-    role
+    role,
+    hover
   ]);
   React.useEffect(() => {
     if (isOpen) update();
   }, [isOpen, update]);
   const triggerProps = {
     ref: refs.setReference,
-    ...trigger === "hover" && {
-      onMouseEnter: () => setIsOpen(true),
-      onMouseLeave: () => setIsOpen(false)
-    },
-    ...trigger === "click" && {
-      onClick: () => setIsOpen((prev) => !prev)
-    },
     ...getReferenceProps()
   };
   return {
@@ -63,4 +59,4 @@ const useFloatingLogic = ({
   };
 };
 
-exports.useFloatingLogic = useFloatingLogic;
+exports.useFloatingElement = useFloatingElement;

package/dist/cjs/hooks/useNumberMask.js

@@ -2,7 +2,8 @@
 
 var currency = require('currency.js');
 var React = require('react');
-var extractNumbersFromString = require('../utils/extractNumbersFromString.js');
+require('@internationalized/date');
+var extractors = require('../utils/extractors.js');
 
 const DEFAULT_OPTIONS = {
   symbol: "R$ ",
@@ -29,7 +30,7 @@ const getInternalNumberAndMask = (value, options) => {
       internalNumber = value;
     }
   } else {
-    const onlyNumbers = String(extractNumbersFromString.extractNumbersFromString(value));
+    const onlyNumbers = String(extractors.extractNumbersFromString(value));
     const padZeros = String(onlyNumbers).padStart(precision + 1, "0");
     internalNumber = Number(padZeros.replace(getRegex(precision), "."));
   }

package/dist/cjs/hooks/useRangeCalendar.js

@@ -4,7 +4,7 @@ var date = require('@internationalized/date');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
-var utils = require('../components/utils.js');
+var date$1 = require('../utils/date.js');
 
 const useRangeCalendar = ({
   value,
@@ -15,12 +15,12 @@ const useRangeCalendar = ({
     locale,
     createCalendar: date.createCalendar,
     defaultValue: {
-      start: utils.dateToCalendarDate(value?.start),
-      end: utils.dateToCalendarDate(value?.end)
+      start: date$1.dateToCalendarDate(value?.start),
+      end: date$1.dateToCalendarDate(value?.end)
     },
     onChange: (value2) => onChange({
-      start: utils.calendarDateToDate(value2.start),
-      end: utils.calendarDateToDate(value2.end)
+      start: date$1.calendarDateToDate(value2.start),
+      end: date$1.calendarDateToDate(value2.end)
     })
   });
   const ref = React.useRef(null);

package/dist/cjs/index.js

@@ -46,7 +46,7 @@ var useCalendarGrid = require('./hooks/useCalendarGrid.js');
 var useDatePickerInput = require('./hooks/useDatePickerInput.js');
 var useDateRangePickerInput = require('./hooks/useDateRangePickerInput.js');
 var useDebouncedState = require('./hooks/useDebouncedState.js');
-var useFloatingLogic = require('./hooks/useFloatingLogic.js');
+var useFloatingElement = require('./hooks/useFloatingElement.js');
 var useNumberMask = require('./hooks/useNumberMask.js');
 var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
 var useRangeCalendar = require('./hooks/useRangeCalendar.js');
@@ -120,7 +120,7 @@ exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
 exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
 exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;
-exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
+exports.useFloatingElement = useFloatingElement.useFloatingElement;
 exports.getInternalNumberAndMask = useNumberMask.getInternalNumberAndMask;
 exports.useNumberMask = useNumberMask.useNumberMask;
 exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListener;

package/dist/cjs/{components/utils.js → utils/date.js}

@@ -1,16 +1,7 @@
 'use strict';
 
 var date = require('@internationalized/date');
-var React = require('react');
 
-const getNameInitials = (name) => {
-  const nameSplit = name.split(" ");
-  const length = nameSplit.length;
-  if (length > 1) {
-    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
-  }
-  return name[0];
-};
 const dateToCalendarDate = (value) => {
   return new date.CalendarDate(
     value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
@@ -21,11 +12,6 @@ const dateToCalendarDate = (value) => {
 const calendarDateToDate = (value) => {
   return value.toDate(date.getLocalTimeZone());
 };
-function cloneWithProps(children, triggerProps) {
-  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), triggerProps);
-}
 
 exports.calendarDateToDate = calendarDateToDate;
-exports.cloneWithProps = cloneWithProps;
 exports.dateToCalendarDate = dateToCalendarDate;
-exports.getNameInitials = getNameInitials;

package/dist/cjs/utils/react.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+
+function cloneWithProps(children, props) {
+  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), props);
+}
+
+exports.cloneWithProps = cloneWithProps;

package/dist/cjs/utils/string.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const getNameInitials = (name) => {
+  const nameSplit = name.split(" ");
+  const length = nameSplit.length;
+  if (length > 1) {
+    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
+  }
+  return name[0];
+};
+
+exports.getNameInitials = getNameInitials;

package/dist/esm/components/Avatar.js

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 import React__default from 'react';
-import { getNameInitials } from './utils.js';
+import '@internationalized/date';
+import { getNameInitials } from '../utils/string.js';
 
 const Avatar = ({ src, name, className, ...rest }) => {
   const [hasError, setHasError] = React__default.useState(false);

package/dist/esm/components/DatePicker/DatePickerInput.js

@@ -2,18 +2,18 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { dateToCalendarDate } from '../utils.js';
+import { dateToCalendarDate } from '../../utils/date.js';
 import { useDatePickerInput } from '../../hooks/useDatePickerInput.js';
 import '@floating-ui/react';
 import 'currency.js';
 import 'react-dropzone';
 import 'uuid';
 import { Calendar } from '../Calendar/Calendar.js';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
 import { Popover } from '../Popover/index.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import { Content } from './Content.js';
+import { DateField } from './DateField.js';
+import { DatePickerInputBase } from './DatePickerInputBase.js';
 
 const DatePickerInputWithPopover = (props) => {
   const { setIsOpen } = usePopoverContext();

package/dist/esm/components/DatePicker/DateRangePickerInput.js

@@ -2,18 +2,18 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { dateToCalendarDate } from '../utils.js';
+import { dateToCalendarDate } from '../../utils/date.js';
 import { useDateRangePickerInput } from '../../hooks/useDateRangePickerInput.js';
 import '@floating-ui/react';
 import 'currency.js';
 import 'react-dropzone';
 import 'uuid';
 import { RangeCalendar } from '../Calendar/RangeCalendar.js';
-import { DateField } from './DateField.js';
-import { DatePickerInputBase } from './DatePickerInputBase.js';
 import { Popover } from '../Popover/index.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import { Content } from './Content.js';
+import { DateField } from './DateField.js';
+import { DatePickerInputBase } from './DatePickerInputBase.js';
 
 const DateRangePickerInputWithPopover = (props) => {
   const { setIsOpen } = usePopoverContext();

package/dist/esm/components/Input/index.js

@@ -5,6 +5,8 @@ import { InputMask } from './Mask.js';
 import { InputRight } from './Right.js';
 import { InputRoot } from './Root.js';
 import { InputSearch } from './Search.js';
+import '@internationalized/date';
+import 'react';
 
 const Input = {
   Root: InputRoot,

package/dist/esm/components/Input/masks.js

@@ -1,4 +1,6 @@
-import { extractDigitsFromString } from '../../utils/extractNumbersFromString.js';
+import '@internationalized/date';
+import { extractDigitsFromString } from '../../utils/extractors.js';
+import 'react';
 
 const ExpressionMasks = {
   CPF: "000.000.000-00",

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { useFloatingLogic } from '../../hooks/useFloatingLogic.js';
+import { useFloatingElement } from '../../hooks/useFloatingElement.js';
 import 'currency.js';
 import 'react-dropzone';
 import 'uuid';
@@ -13,7 +13,7 @@ const PopoverProvider = ({
   placement,
   trigger
 }) => {
-  const floatingLogic = useFloatingLogic({ placement, trigger });
+  const floatingLogic = useFloatingElement({ placement, trigger });
   return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { ...floatingLogic } }, children);
 };
 

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

@@ -1,4 +1,5 @@
-import { cloneWithProps } from '../utils.js';
+import '@internationalized/date';
+import { cloneWithProps } from '../../utils/react.js';
 import { usePopoverContext } from './Context.js';
 
 const PopoverTrigger = ({ children }) => {

package/dist/esm/components/Tooltip.js

@@ -3,8 +3,8 @@ import React__default, { forwardRef, useRef } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
-import { cloneWithProps } from './utils.js';
-import { useFloatingLogic } from '../hooks/useFloatingLogic.js';
+import { cloneWithProps } from '../utils/react.js';
+import { useFloatingElement } from '../hooks/useFloatingElement.js';
 import 'currency.js';
 import 'react-dropzone';
 import 'uuid';
@@ -17,7 +17,8 @@ const Tooltip = forwardRef(
       trigger = "hover",
       placement = "top",
       width,
-      height
+      height,
+      delay = { open: 500, close: 0 }
     } = props;
     const arrowRef = useRef(null);
     const {
@@ -28,8 +29,9 @@ const Tooltip = forwardRef(
       strategy,
       refs,
       context,
-      floatingStyles
-    } = useFloatingLogic({ placement, arrowRef, trigger });
+      floatingStyles,
+      getFloatingProps
+    } = useFloatingElement({ placement, arrowRef, trigger, delay });
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, cloneWithProps(children, triggerProps), isOpen ? /* @__PURE__ */ React__default.createElement(
       "div",
       {
@@ -42,11 +44,12 @@ const Tooltip = forwardRef(
           width,
           height,
           ...floatingStyles
-        }
+        },
+        ...getFloatingProps()
       },
       text,
       /* @__PURE__ */ React__default.createElement(FloatingArrow, { ref: arrowRef, context, fill: "black" })
-    ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
+    ) : null);
   }
 );
 

package/dist/esm/hooks/useCalendar.js

@@ -1,7 +1,8 @@
 import { createCalendar } from '@internationalized/date';
 import { useLocale, useCalendar as useCalendar$1 } from 'react-aria';
 import { useCalendarState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
+import 'react';
 
 const useCalendar = ({ value, onChange }) => {
   const { locale } = useLocale();

package/dist/esm/hooks/useDatePickerInput.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { useDatePicker } from 'react-aria';
 import { useDatePickerState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useDatePickerInput = ({
   value,

package/dist/esm/hooks/useDateRangePickerInput.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { useDateRangePicker } from 'react-aria';
 import { useDateRangePickerState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useDateRangePickerInput = ({
   value,

package/dist/esm/hooks/{useFloatingLogic.js → useFloatingElement.js}

@@ -1,9 +1,10 @@
+import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useHover, useInteractions } from '@floating-ui/react';
 import { useState, useEffect } from 'react';
-import { useFloating, autoUpdate, offset, flip, shift, arrow, useClick, useDismiss, useRole, useInteractions } from '@floating-ui/react';
 
-const useFloatingLogic = ({
+const useFloatingElement = ({
   placement,
   trigger,
+  delay,
   arrowRef
 }) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -24,26 +25,21 @@ const useFloatingLogic = ({
       ]
     }
   );
-  const click = useClick(context);
+  const click = useClick(context, { enabled: trigger === "click" });
   const dismiss = useDismiss(context);
   const role = useRole(context);
+  const hover = useHover(context, { enabled: trigger === "hover", delay });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     click,
     dismiss,
-    role
+    role,
+    hover
   ]);
   useEffect(() => {
     if (isOpen) update();
   }, [isOpen, update]);
   const triggerProps = {
     ref: refs.setReference,
-    ...trigger === "hover" && {
-      onMouseEnter: () => setIsOpen(true),
-      onMouseLeave: () => setIsOpen(false)
-    },
-    ...trigger === "click" && {
-      onClick: () => setIsOpen((prev) => !prev)
-    },
     ...getReferenceProps()
   };
   return {
@@ -61,4 +57,4 @@ const useFloatingLogic = ({
   };
 };
 
-export { useFloatingLogic };
+export { useFloatingElement };

package/dist/esm/hooks/useNumberMask.js

@@ -1,6 +1,7 @@
 import currency from 'currency.js';
 import { useCallback, useState } from 'react';
-import { extractNumbersFromString } from '../utils/extractNumbersFromString.js';
+import '@internationalized/date';
+import { extractNumbersFromString } from '../utils/extractors.js';
 
 const DEFAULT_OPTIONS = {
   symbol: "R$ ",

package/dist/esm/hooks/useRangeCalendar.js

@@ -2,7 +2,7 @@ import { createCalendar } from '@internationalized/date';
 import { useRef } from 'react';
 import { useLocale, useRangeCalendar as useRangeCalendar$1 } from 'react-aria';
 import { useRangeCalendarState } from 'react-stately';
-import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+import { dateToCalendarDate, calendarDateToDate } from '../utils/date.js';
 
 const useRangeCalendar = ({
   value,

package/dist/esm/index.js

@@ -44,7 +44,7 @@ export { useCalendarGrid } from './hooks/useCalendarGrid.js';
 export { useDatePickerInput } from './hooks/useDatePickerInput.js';
 export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
 export { useDebouncedState } from './hooks/useDebouncedState.js';
-export { useFloatingLogic } from './hooks/useFloatingLogic.js';
+export { useFloatingElement } from './hooks/useFloatingElement.js';
 export { getInternalNumberAndMask, useNumberMask } from './hooks/useNumberMask.js';
 export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
 export { useRangeCalendar } from './hooks/useRangeCalendar.js';

package/dist/esm/utils/date.js

@@ -0,0 +1,14 @@
+import { CalendarDate, getLocalTimeZone } from '@internationalized/date';
+
+const dateToCalendarDate = (value) => {
+  return new CalendarDate(
+    value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
+    value?.getMonth() ? value.getMonth() + 1 : (/* @__PURE__ */ new Date()).getMonth() + 1,
+    value?.getDate() ?? (/* @__PURE__ */ new Date()).getDate()
+  );
+};
+const calendarDateToDate = (value) => {
+  return value.toDate(getLocalTimeZone());
+};
+
+export { calendarDateToDate, dateToCalendarDate };

package/dist/esm/utils/react.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+function cloneWithProps(children, props) {
+  return React__default.cloneElement(/* @__PURE__ */ React__default.createElement("div", null, children), props);
+}
+
+export { cloneWithProps };

package/dist/esm/utils/string.js

@@ -0,0 +1,10 @@
+const getNameInitials = (name) => {
+  const nameSplit = name.split(" ");
+  const length = nameSplit.length;
+  if (length > 1) {
+    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
+  }
+  return name[0];
+};
+
+export { getNameInitials };

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

@@ -1,5 +1,6 @@
 import { Placement } from '@floating-ui/react';
 import React from 'react';
+import { type Delay } from '../hooks';
 interface TooltipProps {
     children: React.ReactElement;
     text: string;
@@ -7,6 +8,7 @@ interface TooltipProps {
     placement?: Placement;
     width?: number;
     height?: number;
+    delay?: Delay;
     style?: React.CSSProperties;
 }
 export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/hooks/index.d.ts

@@ -4,7 +4,7 @@ export * from './useCalendarGrid';
 export * from './useDatePickerInput';
 export * from './useDateRangePickerInput';
 export * from './useDebouncedState';
-export * from './useFloatingLogic';
+export * from './useFloatingElement';
 export * from './useNumberMask';
 export * from './useOutsideClickListener';
 export * from './useRangeCalendar';

package/dist/types/hooks/{useFloatingLogic.d.ts → useFloatingElement.d.ts}

@@ -1,11 +1,16 @@
-import { RefObject } from 'react';
 import { Placement } from '@floating-ui/react';
-interface FloatingLogicProps {
+import { RefObject } from 'react';
+export type Delay = number | {
+    open?: number;
+    close?: number;
+};
+interface FloatingElementProps {
     placement?: Placement;
     trigger?: 'hover' | 'click';
+    delay?: Delay;
     arrowRef?: RefObject<SVGSVGElement>;
 }
-export declare const useFloatingLogic: ({ placement, trigger, arrowRef, }: FloatingLogicProps) => {
+export declare const useFloatingElement: ({ placement, trigger, delay, arrowRef, }: FloatingElementProps) => {
     isOpen: boolean;
     setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     x: number;
@@ -37,9 +42,6 @@ export declare const useFloatingLogic: ({ placement, trigger, arrowRef, }: Float
     };
     floatingStyles: import("react").CSSProperties;
     triggerProps: {
-        onClick?: (() => void) | undefined;
-        onMouseEnter?: (() => void) | undefined;
-        onMouseLeave?: (() => void) | undefined;
         ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
     };
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;

package/dist/types/utils/date.d.ts

@@ -0,0 +1,3 @@
+import { CalendarDate } from '@internationalized/date';
+export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
+export declare const calendarDateToDate: (value: CalendarDate) => Date;

package/dist/types/utils/index.d.ts

@@ -1 +1,4 @@
-export * from './extractNumbersFromString';
+export * from './date';
+export * from './extractors';
+export * from './react';
+export * from './string';

package/dist/types/utils/react.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function cloneWithProps(children: React.ReactElement, props: any): React.FunctionComponentElement<any>;

package/dist/types/utils/string.d.ts

@@ -0,0 +1 @@
+export declare const getNameInitials: (name: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.7.0-beta.0",
+  "version": "1.7.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.4.0-beta.0",
+    "@tecsinapse/cortex-core": "0.4.0",
     "clsx": "*",
     "currency.js": "~2.0.4",
     "react-aria": "^3.33.1",
@@ -48,5 +48,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "5031f62ebd62cf2e07f26aec3ca08eebf6d3d11c"
+  "gitHead": "0d09b9c3a9193d5cf9a46a77d90a18c836561156"
 }

package/dist/esm/components/utils.js

@@ -1,26 +0,0 @@
-import { CalendarDate, getLocalTimeZone } from '@internationalized/date';
-import React__default from 'react';
-
-const getNameInitials = (name) => {
-  const nameSplit = name.split(" ");
-  const length = nameSplit.length;
-  if (length > 1) {
-    return `${nameSplit[0][0]}${nameSplit[length - 1][0]}`;
-  }
-  return name[0];
-};
-const dateToCalendarDate = (value) => {
-  return new CalendarDate(
-    value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
-    value?.getMonth() ? value.getMonth() + 1 : (/* @__PURE__ */ new Date()).getMonth() + 1,
-    value?.getDate() ?? (/* @__PURE__ */ new Date()).getDate()
-  );
-};
-const calendarDateToDate = (value) => {
-  return value.toDate(getLocalTimeZone());
-};
-function cloneWithProps(children, triggerProps) {
-  return React__default.cloneElement(/* @__PURE__ */ React__default.createElement("div", null, children), triggerProps);
-}
-
-export { calendarDateToDate, cloneWithProps, dateToCalendarDate, getNameInitials };

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

@@ -1,6 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import React from 'react';
-export declare const getNameInitials: (name: string) => string;
-export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
-export declare const calendarDateToDate: (value: CalendarDate) => Date;
-export declare function cloneWithProps(children: React.ReactElement, triggerProps: any): React.FunctionComponentElement<any>;