@tecsinapse/cortex-react 1.5.4-beta.0 → 1.5.5

package/dist/cjs/components/Menubar/Dropdown.js

@@ -3,12 +3,18 @@
 var React = require('react');
 var menubar = require('../../styles/menubar.js');
 var clsx = require('clsx');
-var MenubarProvider = require('../../provider/MenubarProvider.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
+var useMenubar = require('../../provider/useMenubar.js');
 
 const { dropdown } = menubar.menubar();
 const Dropdown = ({ children, ...rest }) => {
-  const [show] = MenubarProvider.useMenubar();
+  const [show] = useMenubar.useMenubar();
   return /* @__PURE__ */ React.createElement(
     "div",
     {

package/dist/cjs/components/Menubar/Header.js

@@ -2,14 +2,20 @@
 
 var React = require('react');
 var io5 = require('react-icons/io5');
-var MenubarProvider = require('../../provider/MenubarProvider.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
+var useMenubar = require('../../provider/useMenubar.js');
 var menubar = require('../../styles/menubar.js');
 var Button = require('../Button.js');
 
 const { header } = menubar.menubar();
 const Header = ({ children, className, ...rest }) => {
-  const [show, setShow] = MenubarProvider.useMenubar();
+  const [show, setShow] = useMenubar.useMenubar();
   return /* @__PURE__ */ React.createElement(
     "div",
     {

package/dist/cjs/components/Menubar/Root.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var MenubarProvider = require('../../provider/MenubarProvider.js');
 require('../../provider/SnackbarProvider.js');
+require('../../provider/MenubarContext.js');
 
 const Root = ({ children }) => {
   return /* @__PURE__ */ React.createElement(MenubarProvider.MenubarProvider, null, children);

package/dist/cjs/components/Menubar/Search.js

@@ -4,11 +4,17 @@ var React = require('react');
 var index = require('../Input/index.js');
 var clsx = require('clsx');
 var menubar = require('../../styles/menubar.js');
-var MenubarProvider = require('../../provider/MenubarProvider.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+require('currency.js');
+require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
+var useMenubar = require('../../provider/useMenubar.js');
 
 const Search = (props) => {
-  const [show] = MenubarProvider.useMenubar();
+  const [show] = useMenubar.useMenubar();
   return /* @__PURE__ */ React.createElement(
     index.Input.Search,
     {

package/dist/cjs/index.js

@@ -38,14 +38,6 @@ var TimeField = require('./components/TimeField/TimeField.js');
 var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
-require('react');
-require('clsx');
-require('./styles/menubar.js');
-require('./components/Menubar/Dropdown.js');
-require('./components/Menubar/Item.js');
-require('./components/Menubar/MostUsed.js');
-require('./components/Menubar/MostUsedItem.js');
-require('./components/Menubar/SubItem.js');
 var useCalendar = require('./hooks/useCalendar.js');
 var useCalendarCell = require('./hooks/useCalendarCell.js');
 var useCalendarGrid = require('./hooks/useCalendarGrid.js');
@@ -62,6 +54,8 @@ var useStringMask = require('./hooks/useStringMask.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
 var MenubarProvider = require('./provider/MenubarProvider.js');
 var SnackbarProvider = require('./provider/SnackbarProvider.js');
+var MenubarContext = require('./provider/MenubarContext.js');
+var useMenubar = require('./provider/useMenubar.js');
 var masks = require('./components/Input/masks.js');
 
 
@@ -131,9 +125,10 @@ exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
 exports.MenubarProvider = MenubarProvider.MenubarProvider;
-exports.useMenubar = MenubarProvider.useMenubar;
 exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
 exports.useSnackbar = SnackbarProvider.useSnackbar;
+exports.MenubarContext = MenubarContext.MenubarContext;
+exports.useMenubar = useMenubar.useMenubar;
 exports.BRLMask = masks.BRLMask;
 exports.CurrencyIMask = masks.CurrencyIMask;
 exports.ExpressionMasks = masks.ExpressionMasks;

package/dist/cjs/provider/MenubarContext.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var React = require('react');
+
+const MenubarContext = React.createContext({
+  show: false,
+  setShow: () => void 0
+});
+
+exports.MenubarContext = MenubarContext;

package/dist/cjs/provider/MenubarProvider.js

@@ -7,30 +7,25 @@ require('react-stately');
 require('@floating-ui/react');
 require('currency.js');
 var useOutsideClickListener = require('../hooks/useOutsideClickListener.js');
+var MenubarContext = require('./MenubarContext.js');
 
-const MenubarContext = React.createContext({
-  show: false,
-  setShow: () => void 0
-});
 const MenubarProvider = ({ children }) => {
   const [show, setShow] = React.useState(false);
   const ref = React.useRef(null);
-  const onClickOutside = React.useCallback(() => {
-    setShow(false);
-  }, []);
+  const showRef = React.useRef(false);
+  React.useEffect(() => {
+    showRef.current = show;
+  }, [show]);
+  const onClickOutside = () => {
+    if (showRef.current === true) {
+      setShow(false);
+    }
+  };
   useOutsideClickListener.useOutsideClickListener({
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React.createElement(MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React.createElement("div", { ref }, children));
-};
-const useMenubar = () => {
-  const context = React.useContext(MenubarContext);
-  if (!context) {
-    throw new Error("useMenubar must be used within a MenubarProvider");
-  }
-  return [context.show, context.setShow];
+  return /* @__PURE__ */ React.createElement(MenubarContext.MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React.createElement("div", { ref }, children));
 };
 
 exports.MenubarProvider = MenubarProvider;
-exports.useMenubar = useMenubar;

package/dist/cjs/provider/useMenubar.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var MenubarContext = require('./MenubarContext.js');
+
+const useMenubar = () => {
+  const context = React.useContext(MenubarContext.MenubarContext);
+  if (!context) {
+    throw new Error("useMenubar must be used within a MenubarProvider");
+  }
+  return [context.show, context.setShow];
+};
+
+exports.useMenubar = useMenubar;

package/dist/cjs/styles/menubar.js

@@ -4,10 +4,10 @@ var tailwindVariants = require('tailwind-variants');
 
 const menubar = tailwindVariants.tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
+    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
     left: "flex items-center w-fit",
     right: "flex items-center gap-x-deca",
-    dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw] absolute"
+    dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {
     show: {

package/dist/esm/components/Menubar/Dropdown.js

@@ -1,8 +1,14 @@
 import React__default from 'react';
 import { menubar, animate } from '../../styles/menubar.js';
 import clsx from 'clsx';
-import { useMenubar } from '../../provider/MenubarProvider.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
+import { useMenubar } from '../../provider/useMenubar.js';
 
 const { dropdown } = menubar();
 const Dropdown = ({ children, ...rest }) => {

package/dist/esm/components/Menubar/Header.js

@@ -1,7 +1,13 @@
 import React__default from 'react';
 import { IoCloseOutline, IoMenu } from 'react-icons/io5';
-import { useMenubar } from '../../provider/MenubarProvider.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
+import { useMenubar } from '../../provider/useMenubar.js';
 import { menubar } from '../../styles/menubar.js';
 import { Button } from '../Button.js';
 

package/dist/esm/components/Menubar/Root.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { MenubarProvider } from '../../provider/MenubarProvider.js';
 import '../../provider/SnackbarProvider.js';
+import '../../provider/MenubarContext.js';
 
 const Root = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement(MenubarProvider, null, children);

package/dist/esm/components/Menubar/Search.js

@@ -2,8 +2,14 @@ import React__default from 'react';
 import { Input } from '../Input/index.js';
 import clsx from 'clsx';
 import { animate } from '../../styles/menubar.js';
-import { useMenubar } from '../../provider/MenubarProvider.js';
+import '@internationalized/date';
+import 'react-aria';
+import 'react-stately';
+import '@floating-ui/react';
+import 'currency.js';
+import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
+import { useMenubar } from '../../provider/useMenubar.js';
 
 const Search = (props) => {
   const [show] = useMenubar();

package/dist/esm/index.js

@@ -36,14 +36,6 @@ export { TimeField } from './components/TimeField/TimeField.js';
 export { TimeFieldInput } from './components/TimeField/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
-import 'react';
-import 'clsx';
-import './styles/menubar.js';
-import './components/Menubar/Dropdown.js';
-import './components/Menubar/Item.js';
-import './components/Menubar/MostUsed.js';
-import './components/Menubar/MostUsedItem.js';
-import './components/Menubar/SubItem.js';
 export { useCalendar } from './hooks/useCalendar.js';
 export { useCalendarCell } from './hooks/useCalendarCell.js';
 export { useCalendarGrid } from './hooks/useCalendarGrid.js';
@@ -58,6 +50,8 @@ export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
 export { useSelectOptions } from './hooks/useSelectOptions.js';
 export { getMask, mergeMask, useStringMask } from './hooks/useStringMask.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
-export { MenubarProvider, useMenubar } from './provider/MenubarProvider.js';
+export { MenubarProvider } from './provider/MenubarProvider.js';
 export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';
+export { MenubarContext } from './provider/MenubarContext.js';
+export { useMenubar } from './provider/useMenubar.js';
 export { BRLMask, CurrencyIMask, ExpressionMasks, Masks, NumberIMask, PercentageIMask, PercentageMask } from './components/Input/masks.js';

package/dist/esm/provider/MenubarContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+const MenubarContext = createContext({
+  show: false,
+  setShow: () => void 0
+});
+
+export { MenubarContext };

package/dist/esm/provider/MenubarProvider.js

@@ -1,33 +1,29 @@
-import React__default, { createContext, useRef, useCallback, useContext } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
 import 'currency.js';
 import { useOutsideClickListener } from '../hooks/useOutsideClickListener.js';
+import { MenubarContext } from './MenubarContext.js';
 
-const MenubarContext = createContext({
-  show: false,
-  setShow: () => void 0
-});
 const MenubarProvider = ({ children }) => {
   const [show, setShow] = React__default.useState(false);
   const ref = useRef(null);
-  const onClickOutside = useCallback(() => {
-    setShow(false);
-  }, []);
+  const showRef = useRef(false);
+  useEffect(() => {
+    showRef.current = show;
+  }, [show]);
+  const onClickOutside = () => {
+    if (showRef.current === true) {
+      setShow(false);
+    }
+  };
   useOutsideClickListener({
     ref,
     onClickOutside
   });
   return /* @__PURE__ */ React__default.createElement(MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React__default.createElement("div", { ref }, children));
 };
-const useMenubar = () => {
-  const context = useContext(MenubarContext);
-  if (!context) {
-    throw new Error("useMenubar must be used within a MenubarProvider");
-  }
-  return [context.show, context.setShow];
-};
 
-export { MenubarProvider, useMenubar };
+export { MenubarProvider };

package/dist/esm/provider/useMenubar.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { MenubarContext } from './MenubarContext.js';
+
+const useMenubar = () => {
+  const context = useContext(MenubarContext);
+  if (!context) {
+    throw new Error("useMenubar must be used within a MenubarProvider");
+  }
+  return [context.show, context.setShow];
+};
+
+export { useMenubar };

package/dist/esm/styles/menubar.js

@@ -2,10 +2,10 @@ import { tv } from 'tailwind-variants';
 
 const menubar = tv({
   slots: {
-    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
+    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-sidebar",
     left: "flex items-center w-fit",
     right: "flex items-center gap-x-deca",
-    dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw] absolute"
+    dropdown: "w-full bg-white flex-1 shadow-default z-popover px-[8vw] absolute"
   },
   variants: {
     show: {

package/dist/types/components/Menubar/DropdownRoot.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { DefaultProps } from './interface';
 import { MostUsedItemProps } from './MostUsedItem';
-export interface MenuItem extends DefaultProps {
+interface MenuItem extends DefaultProps {
     title: string;
     items?: MenuItem[];
 }
-export interface MenuCategory {
+interface MenuCategory {
     title: string;
     items: MenuItem[];
 }

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

@@ -28,4 +28,3 @@ export * from './TextArea';
 export * from './TimeField';
 export * from './Toggle';
 export * from './Tooltip';
-export * from './Menubar/DropdownRoot';

package/dist/types/provider/MenubarContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ContextProviderProps {
+    show: boolean;
+    setShow: (show: boolean) => void;
+}
+export declare const MenubarContext: import("react").Context<ContextProviderProps | null>;
+export {};

package/dist/types/provider/MenubarProvider.d.ts

@@ -2,7 +2,3 @@ import { ReactNode } from 'react';
 export declare const MenubarProvider: ({ children }: {
     children: ReactNode;
 }) => JSX.Element;
-export declare const useMenubar: () => [
-    show: boolean,
-    setShow: (show: boolean) => void
-];

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

@@ -1,2 +1,4 @@
 export * from './MenubarProvider';
 export * from './SnackbarProvider';
+export * from './MenubarContext';
+export * from './useMenubar';

package/dist/types/provider/useMenubar.d.ts

@@ -0,0 +1,4 @@
+export declare const useMenubar: () => [
+    show: boolean,
+    setShow: (show: boolean) => void
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.5.4-beta.0",
+  "version": "1.5.5",
   "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.3.3-beta.0",
+    "@tecsinapse/cortex-core": "0.3.3",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
@@ -45,5 +45,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "4c158be7dcd2d5609a2a84b59189c1d74ca5f04c"
+  "gitHead": "841b9e158cbd67b65b750cb8a61918e177772180"
 }