@tecsinapse/cortex-react 1.13.1 → 1.13.3-beta.0

package/dist/cjs/components/Masonry.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
 
@@ -18,31 +19,31 @@ const Masonry = ({ children, columns }) => {
   };
   const renderColumn = (column) => {
     return column.map((item, index) => {
-      return /* @__PURE__ */ React.createElement("div", { className: index > 0 ? "mt-deca" : "mt-0", key: index }, item);
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: index > 0 ? "mt-deca" : "mt-0", children: item }, index);
     });
   };
   const renderColumns = () => {
     return getColumns().map((column, index) => {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           className: clsx(
             "width-0 flex flex-1 flex-col content-start",
             index > 0 ? "ml-deca" : "ml-0"
           ),
-          key: index
+          children: renderColumn(column)
         },
-        renderColumn(column)
+        index
       );
     });
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-testid": "masonry",
-      className: "box-border flex w-full flex-row content-stretch justify-center"
-    },
-    renderColumns()
+      className: "box-border flex w-full flex-row content-stretch justify-center",
+      children: renderColumns()
+    }
   );
 };
 

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

@@ -1,10 +1,14 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Masonry = require('../Masonry.js');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
+require('react');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+require('../../provider/CalendarProvider.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');
@@ -15,7 +19,7 @@ var CategoriesContext = require('../../provider/CategoriesContext.js');
 
 const Categories = ({ children }) => {
   const { width } = useDimensions.useDimensions();
-  return /* @__PURE__ */ React.createElement(CategoriesContext.CategoriesProvider, null, /* @__PURE__ */ React.createElement(Masonry, { columns: width <= 640 ? 2 : 4 }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(CategoriesContext.CategoriesProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Masonry, { columns: width <= 640 ? 2 : 4, children }) });
 };
 
 module.exports = Categories;

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

@@ -1,11 +1,15 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 
 const Category = ({ title, options, render }) => {
   const { text, hr, container } = menubar.category();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: text() }, title), /* @__PURE__ */ React.createElement("hr", { className: hr() }), /* @__PURE__ */ React.createElement("div", { className: container() }, options.map((i) => render(i))));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: text(), children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("hr", { className: hr() }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: container(), children: options.map((i) => render(i)) })
+  ] });
 };
 
 module.exports = Category;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 var clsx = require('clsx');
+require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
@@ -14,18 +15,19 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+require('../../provider/CalendarProvider.js');
 
 const { dropdown } = menubar.menubar();
 const Dropdown = ({ children, ...rest }) => {
   const [show] = useMenubar.useMenubar();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: clsx(dropdown({ show }), menubar.animate({ show })),
       "data-testid": "dropdown-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Categories = require('./Categories.js');
 var Category = require('./Category.js');
 var Dropdown = require('./Dropdown.js');
@@ -15,31 +15,34 @@ const DropdownRoot = ({
   labelMostUsed
 }) => {
   const hasMostUsed = mostUsed && (mostUsed ?? []).length > 0;
-  return /* @__PURE__ */ React.createElement(Dropdown, null, hasMostUsed ? /* @__PURE__ */ React.createElement(MostUsed, { label: labelMostUsed }, /* @__PURE__ */ React.createElement(MostUsedList, { mostUsed })) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(Categories, null, options.map((item, index) => /* @__PURE__ */ React.createElement(
-    Category,
-    {
-      key: `${item.title}-${index}`,
-      title: item.title,
-      options: item.items,
-      render: (prop) => {
-        const { title, items, ...rest } = prop;
-        return /* @__PURE__ */ React.createElement(
-          Item,
-          {
-            key: prop.title,
-            ...rest,
-            parentCategoryTitle: item.title,
-            title,
-            subItems: items ?? [],
-            renderSubItems: ({ title: title2, ...rest2 }) => {
-              return /* @__PURE__ */ React.createElement(SubItem, { key: title2, ...rest2 }, title2);
-            }
-          },
-          title
-        );
-      }
-    }
-  ))));
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown, { children: [
+    hasMostUsed ? /* @__PURE__ */ jsxRuntime.jsx(MostUsed, { label: labelMostUsed, children: /* @__PURE__ */ jsxRuntime.jsx(MostUsedList, { mostUsed }) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(Categories, { children: options.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      Category,
+      {
+        title: item.title,
+        options: item.items,
+        render: (prop) => {
+          const { title, items, ...rest } = prop;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Item,
+            {
+              ...rest,
+              parentCategoryTitle: item.title,
+              title,
+              subItems: items ?? [],
+              renderSubItems: ({ title: title2, ...rest2 }) => {
+                return /* @__PURE__ */ jsxRuntime.jsx(SubItem, { ...rest2, children: title2 }, title2);
+              },
+              children: title
+            },
+            prop.title
+          );
+        }
+      },
+      `${item.title}-${index}`
+    )) })
+  ] });
 };
 
 module.exports = DropdownRoot;

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

@@ -1,7 +1,8 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var io5 = require('react-icons/io5');
+require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
@@ -13,21 +14,24 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+require('../../provider/CalendarProvider.js');
 var menubar = require('../../styles/menubar.js');
 var Button = require('../Button.js');
 
 const { header } = menubar.menubar();
 const Header = ({ children, className, ...rest }) => {
   const [show, setShow] = useMenubar.useMenubar();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: header({ className }),
       "data-testid": "header-menubar",
-      ...rest
-    },
-    /* @__PURE__ */ React.createElement(Button.Button, { variants: { size: "square" }, onClick: () => setShow(!show) }, show ? /* @__PURE__ */ React.createElement(io5.IoCloseOutline, { size: 16 }) : /* @__PURE__ */ React.createElement(io5.IoMenu, { size: 16 })),
-    children
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variants: { size: "square" }, onClick: () => setShow(!show), children: show ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoCloseOutline, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoMenu, { size: 16 }) }),
+        children
+      ]
+    }
   );
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var io5 = require('react-icons/io5');
 var menubar = require('../../styles/menubar.js');
 
@@ -10,14 +10,14 @@ const IconControlSubItem = ({ show, setShow }) => {
     e.stopPropagation();
     setShow(!show);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       onClick: handleClick,
       "data-testid": "icon-sub-item-menubar",
-      className: "flex"
-    },
-    show ? /* @__PURE__ */ React.createElement(io5.IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ React.createElement(io5.IoCaretDownCircleOutline, { className: icon() })
+      className: "flex",
+      children: show ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoCaretUpCircleOutline, { className: icon() }) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoCaretDownCircleOutline, { className: icon() })
+    }
   );
 };
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
 require('@internationalized/date');
@@ -13,6 +14,7 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+require('../../provider/CalendarProvider.js');
 var menubar = require('../../styles/menubar.js');
 var IconControlSubItem = require('./IconControlSubItem.js');
 var ItemLink = require('./ItemLink.js');
@@ -44,26 +46,31 @@ const Item = ({
     },
     [hasSubItems, parentCategoryTitle, title, toggleSubmenu, setShow]
   );
-  return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-testid": "item-menubar",
-      ...rest,
-      onClick: handleClickItemMenubar,
-      className: clsx(
-        container({ className }),
-        (!hasSubItems || anchorProps) && textBehavior()
-      )
-    },
-    children,
-    hasSubItems ? /* @__PURE__ */ React.createElement(
-      IconControlSubItem,
+  return /* @__PURE__ */ jsxRuntime.jsxs(ItemLink, { anchorProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        show: isExpanded,
-        setShow: () => toggleSubmenu(parentCategoryTitle, title)
+        "data-testid": "item-menubar",
+        ...rest,
+        onClick: handleClickItemMenubar,
+        className: clsx(
+          container({ className }),
+          (!hasSubItems || anchorProps) && textBehavior()
+        ),
+        children: [
+          children,
+          hasSubItems ? /* @__PURE__ */ jsxRuntime.jsx(
+            IconControlSubItem,
+            {
+              show: isExpanded,
+              setShow: () => toggleSubmenu(parentCategoryTitle, title)
+            }
+          ) : null
+        ]
       }
-    ) : null
-  ), isExpanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, subItems?.map((subItem) => renderSubItems?.(subItem))) : null);
+    ),
+    isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: subItems?.map((subItem) => renderSubItems?.(subItem)) }) : null
+  ] });
 };
 
 module.exports = Item;

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

@@ -1,19 +1,19 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var React = require('react');
 
 const ItemLink = ({ anchorProps, children, ...rest }) => {
-  return /* @__PURE__ */ React.createElement("div", { ...rest }, anchorProps ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, children: anchorProps ? /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
       target: "_blank",
       rel: "noopener noreferrer",
       ...anchorProps,
-      className: clsx("w-full", anchorProps?.className)
-    },
-    children
-  ) : children);
+      className: clsx("w-full", anchorProps?.className),
+      children
+    }
+  ) : children });
 };
 
 module.exports = ItemLink;

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

@@ -1,19 +1,19 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 
 const { left } = menubar.menubar();
 const Left = ({ children, ...rest }) => {
   const { className } = rest;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: left({ className }),
       "data-testid": "header-left-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

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

@@ -1,10 +1,14 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
+require('react');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+require('../../provider/CalendarProvider.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');
@@ -15,8 +19,11 @@ require('currency.js');
 const { container, label: labelClass, containerList } = menubar.mostUsed();
 const MostUsed = ({ label, children, ...rest }) => {
   const { width } = useDimensions.useDimensions();
-  if (width <= 640) return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  return /* @__PURE__ */ React.createElement("div", { className: container(), "data-testid": "most-used-menubar", ...rest }, /* @__PURE__ */ React.createElement("p", { className: labelClass() }, label), /* @__PURE__ */ React.createElement("div", { className: containerList() }, children));
+  if (width <= 640) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: container(), "data-testid": "most-used-menubar", ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: labelClass(), children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerList(), children })
+  ] });
 };
 
 module.exports = MostUsed;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 var Card = require('../Card.js');
 var ItemLink = require('./ItemLink.js');
@@ -16,16 +16,18 @@ const MostUsedItem = ({
   anchorProps,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps, className: "flex flex-grow" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(ItemLink, { anchorProps, className: "flex flex-grow", children: /* @__PURE__ */ jsxRuntime.jsxs(
     Card.Card,
     {
       ...rest,
       "data-testid": "most-used-item-menubar",
-      className: container()
-    },
-    /* @__PURE__ */ React.createElement("p", { className: titleClass() }, title),
-    /* @__PURE__ */ React.createElement("p", { className: categoryClass() }, category)
-  ));
+      className: container(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: titleClass(), children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: categoryClass(), children: category })
+      ]
+    }
+  ) });
 };
 
 module.exports = MostUsedItem;

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

@@ -1,23 +1,24 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var MostUsedItem = require('./MostUsedItem.js');
 
 const MostUsedList = ({ mostUsed }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (mostUsed ?? []).map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (mostUsed ?? []).map((item, index) => {
     const { title, category, ...rest } = item;
     if (index > 3)
-      return /* @__PURE__ */ React.createElement(React.Fragment, { key: `${title}-${category}` });
-    return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {}, `${title}-${category}`);
+    return /* @__PURE__ */ jsxRuntime.jsx(
       MostUsedItem,
       {
-        key: `${title}-${category}`,
         title,
         category,
         ...rest
-      }
+      },
+      `${title}-${category}`
     );
-  }));
+  }) });
 };
 
 module.exports = MostUsedList;

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

@@ -1,19 +1,19 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 
 const { right } = menubar.menubar();
 const Right = ({ children, ...rest }) => {
   const { className } = rest;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: right({ className }),
       "data-testid": "header-right-menubar",
-      ...rest
-    },
-    children
+      ...rest,
+      children
+    }
   );
 };
 

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

@@ -1,12 +1,14 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var MenubarProvider = require('../../provider/MenubarProvider.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/MenubarContext.js');
+require('react');
+require('../../provider/CalendarProvider.js');
 
 const Root = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(MenubarProvider.MenubarProvider, null, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarProvider.MenubarProvider, { children });
 };
 
 module.exports = Root;

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

@@ -1,9 +1,10 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../Input/index.js');
 var clsx = require('clsx');
 var menubar = require('../../styles/menubar.js');
+require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
@@ -15,11 +16,12 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+require('../../provider/CalendarProvider.js');
 
 const Search = (props) => {
   const [show] = useMenubar.useMenubar();
   const { className } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     index.Input.Search,
     {
       ...props,

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var menubar = require('../../styles/menubar.js');
 var ItemLink = require('./ItemLink.js');
+require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
@@ -14,6 +15,7 @@ require('currency.js');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
+require('../../provider/CalendarProvider.js');
 
 const { container } = menubar.subItem();
 const SubItem = ({
@@ -23,7 +25,7 @@ const SubItem = ({
   ...rest
 }) => {
   const [, setShow] = useMenubar.useMenubar();
-  return /* @__PURE__ */ React.createElement(ItemLink, { anchorProps }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(ItemLink, { anchorProps, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       ...rest,
@@ -31,10 +33,10 @@ const SubItem = ({
       className: container({ className }),
       onClick: () => {
         setShow(false);
-      }
-    },
-    children
-  ));
+      },
+      children
+    }
+  ) });
 };
 
 module.exports = SubItem;

package/dist/cjs/components/Modal.js

@@ -1,18 +1,22 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
 const Modal = React.forwardRef((props, ref) => {
   const { open, onClose, children, className } = props;
-  return /* @__PURE__ */ React.createElement("div", { ref, ...props }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      "data-testid": "overlay",
-      className: cortexCore.overlay({ show: open }),
-      onClick: onClose
-    }
-  ), /* @__PURE__ */ React.createElement("dialog", { "data-testid": "modal", className: cortexCore.modal({ open, className }) }, children));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-testid": "overlay",
+        className: cortexCore.overlay({ show: open }),
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("dialog", { "data-testid": "modal", className: cortexCore.modal({ open, className }), children })
+  ] });
 });
 
 exports.Modal = Modal;