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

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

@@ -1,5 +1,5 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
 import { LiaAngleRightSolid, LiaAngleDownSolid } from 'react-icons/lia';
 import { useAccordionContext } from './context.js';
 
@@ -29,7 +29,7 @@ const AccordionTrigger = ({
     }
     toggle?.();
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(
@@ -39,53 +39,55 @@ const AccordionTrigger = ({
         { "border-r flex-col px-mili": direction === "horizontal" },
         { "border-b py-mili": direction === "vertical" }
       ),
-      onClick: action
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: clsx(
-          "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+      onClick: action,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
-          },
+            className: clsx(
+              "rounded-mili border border-secondary-light flex align-center justify-center p-micro",
+              {
+                "absolute -translate-x-micro translate-y-deca bg-white": floating && direction === "horizontal"
+              },
+              {
+                "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
+              },
+              className
+            ),
+            children: direction === "horizontal" ? /* @__PURE__ */ jsx(
+              LiaAngleRightSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
+              LiaAngleDownSolid,
+              {
+                className: clsx(
+                  "text-secondary-medium transition-transform duration-200",
+                  {
+                    "rotate-180": invertedArrow ? !open : open
+                  }
+                )
+              }
+            )
+          }
+        ),
+        !floating ? /* @__PURE__ */ jsx(
+          "span",
           {
-            "absolute -translate-y-micro translate-x-deca bg-white": floating && direction === "vertical"
-          },
-          className
-        )
-      },
-      direction === "horizontal" ? /* @__PURE__ */ React__default.createElement(
-        LiaAngleRightSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      ) : /* @__PURE__ */ React__default.createElement(
-        LiaAngleDownSolid,
-        {
-          className: clsx(
-            "text-secondary-medium transition-transform duration-200",
-            {
-              "rotate-180": invertedArrow ? !open : open
-            }
-          )
-        }
-      )
-    ),
-    !floating ? /* @__PURE__ */ React__default.createElement(
-      "span",
-      {
-        className: clsx({
-          "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
-        })
-      },
-      label
-    ) : null
+            className: clsx({
+              "-rotate-180 [writing-mode:vertical-lr]": direction === "horizontal"
+            }),
+            children: label
+          }
+        ) : null
+      ]
+    }
   );
 };
 

package/dist/esm/components/Avatar.js

@@ -1,32 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default from 'react';
+import React from 'react';
 import '@internationalized/date';
 import { getNameInitials } from '../utils/string.js';
 
 const Avatar = ({ src, name, className, ...rest }) => {
-  const [hasError, setHasError] = React__default.useState(false);
-  React__default.useEffect(() => {
+  const [hasError, setHasError] = React.useState(false);
+  React.useEffect(() => {
     setHasError(false);
   }, [src]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ...rest,
       className: clsx(
         "rounded-pill bg-secondary-dark h-mega flex items-center justify-center cursor-pointer aspect-square",
         className
-      )
-    },
-    src && !hasError ? /* @__PURE__ */ React__default.createElement(
-      "img",
-      {
-        src,
-        alt: name,
-        className: "rounded-pill aspect-square h-mega",
-        onError: () => setHasError(true),
-        "data-testid": "avatar-img"
-      }
-    ) : /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p" }, getNameInitials(name))
+      ),
+      children: src && !hasError ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt: name,
+          className: "rounded-pill aspect-square h-mega",
+          onError: () => setHasError(true),
+          "data-testid": "avatar-img"
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "font-bold text-white text-base", "data-testid": "avatar-p", children: getNameInitials(name) })
+    }
   );
 };
 

package/dist/esm/components/Badge.js

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { badge, containerBadge } from '@tecsinapse/cortex-core';
-import * as React from 'react';
 import { forwardRef } from 'react';
 
 const Badge = forwardRef((props, ref) => {
   const { value, variants, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -12,9 +12,9 @@ const Badge = forwardRef((props, ref) => {
         className: `relative ${variants?.className}`,
         intent: variants?.intent
       }),
-      ...rest
-    },
-    value
+      ...rest,
+      children: value
+    }
   );
 });
 function getDisplayValue(value) {
@@ -24,7 +24,10 @@ function getDisplayValue(value) {
 }
 const BadgeAnchor = forwardRef((props, ref) => {
   const { value, variants, children, ...rest } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: containerBadge() }, children, /* @__PURE__ */ React.createElement("div", { ref, className: badge(variants), ...rest }, getDisplayValue(value)));
+  return /* @__PURE__ */ jsxs("div", { className: containerBadge(), children: [
+    children,
+    /* @__PURE__ */ jsx("div", { ref, className: badge(variants), ...rest, children: getDisplayValue(value) })
+  ] });
 });
 
 export { Badge, BadgeAnchor };

package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import clsx from 'clsx';
-import React__default from 'react';
 import { MdOutlineKeyboardDoubleArrowRight } from 'react-icons/md';
 
 const BreadcrumbItem = ({
@@ -8,22 +9,25 @@ const BreadcrumbItem = ({
   componentProps,
   title
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Component, { ...componentProps, key: title }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-mili items-center" }, /* @__PURE__ */ React__default.createElement(
-    "p",
-    {
-      className: clsx(
-        "no-underline",
-        isLast ? "text-secondary-medium cursor-default" : "text-secondary-xdark cursor-pointer"
-      )
-    },
-    title
-  ), !isLast ? /* @__PURE__ */ React__default.createElement(
-    MdOutlineKeyboardDoubleArrowRight,
-    {
-      className: "mt-[0.125rem] text-primary-medium",
-      "data-testid": "breadcrumb-item-icon"
-    }
-  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)));
+  return /* @__PURE__ */ createElement(Component, { ...componentProps, key: title }, /* @__PURE__ */ jsxs("div", { className: "flex gap-x-mili items-center", children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: clsx(
+          "no-underline",
+          isLast ? "text-secondary-medium cursor-default" : "text-secondary-xdark cursor-pointer"
+        ),
+        children: title
+      }
+    ),
+    !isLast ? /* @__PURE__ */ jsx(
+      MdOutlineKeyboardDoubleArrowRight,
+      {
+        className: "mt-[0.125rem] text-primary-medium",
+        "data-testid": "breadcrumb-item-icon"
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, {})
+  ] }));
 };
 
 export { BreadcrumbItem };

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,20 +1,20 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Card } from '../Card.js';
 import { BreadcrumbItem } from './BreadcrumbItem.js';
 
 const Breadcrumbs = (props) => {
   const { breadcrumbs, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement(Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest }, breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ jsx(Card, { className: "flex gap-x-mili w-full items-center py-mili", ...rest, children: breadcrumbs.map((item, index) => {
     const isLast = index === breadcrumbs.length - 1;
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(
       BreadcrumbItem,
       {
-        key: `${item.title}-${index}`,
         ...item,
         isLast
-      }
+      },
+      `${item.title}-${index}`
     );
-  }));
+  }) });
 };
 
 export { Breadcrumbs };

package/dist/esm/components/Button.js

@@ -1,16 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
 import { button } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Button = forwardRef((props, ref) => {
   const { variants, intent, variant, size, children, className, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     {
       ...rest,
       className: button({ intent, variant, size, ...variants, className }),
-      ref
-    },
-    children
+      ref,
+      children
+    }
   );
 });
 

package/dist/esm/components/Calendar/Calendar.js

@@ -1,7 +1,11 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCalendar } from '../../hooks/useCalendar.js';
 import '@internationalized/date';
+import 'react';
 import 'react-aria';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import { CalendarProvider } from '../../provider/CalendarProvider.js';
 import 'react-stately';
 import '../Popover/Context.js';
 import 'react-dropzone';
@@ -11,16 +15,30 @@ import 'currency.js';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 
-const Calendar = ({ value, onChange }) => {
-  const { calendarProps, title, state } = useCalendar({ value, onChange });
-  return /* @__PURE__ */ React__default.createElement("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div" }, /* @__PURE__ */ React__default.createElement(
-    CalendarHeader,
-    {
-      onClickPrevButton: () => state.focusPreviousPage(),
-      onClickNextButton: () => state.focusNextPage(),
-      title
-    }
-  ), /* @__PURE__ */ React__default.createElement(CalendarGrid, { state }));
+const Calendar = ({
+  value,
+  onChange,
+  isTodayHighlited = true,
+  minValue,
+  maxValue
+}) => {
+  const { calendarProps, title, state } = useCalendar({
+    value,
+    onChange,
+    minValue,
+    maxValue
+  });
+  return /* @__PURE__ */ jsx(CalendarProvider, { isTodayHighlited, children: /* @__PURE__ */ jsxs("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div", children: [
+    /* @__PURE__ */ jsx(
+      CalendarHeader,
+      {
+        onClickPrevButton: () => state.focusPreviousPage(),
+        onClickNextButton: () => state.focusNextPage(),
+        title
+      }
+    ),
+    /* @__PURE__ */ jsx(CalendarGrid, { state })
+  ] }) });
 };
 
 export { Calendar };

package/dist/esm/components/Calendar/CalendarCell.js

@@ -1,7 +1,8 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
+import 'react';
 import { useCalendarCell } from '../../hooks/useCalendarCell.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
@@ -26,30 +27,25 @@ const CalendarCell = ({ state, date }) => {
     formattedDate,
     isSelectionStart,
     isSelectionEnd,
-    inRange
+    inRange,
+    isToday,
+    isDisabled
   } = useCalendarCell({ state, date });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Td,
     {
       ...cellProps,
       "data-testid": "calendar-cell-td",
       className: cell({
-        isOutsideVisibleRange,
+        isDisabled: isOutsideVisibleRange || isDisabled,
         isSelected,
         isSelectionStart,
         isSelectionEnd,
-        inRange
-      })
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        ...buttonProps,
-        ref,
-        className: button({ isOutsideVisibleRange })
-      },
-      formattedDate
-    )
+        inRange,
+        isToday
+      }),
+      children: /* @__PURE__ */ jsx("div", { ...buttonProps, ref, className: button({ isDisabled }), children: formattedDate })
+    }
   );
 };
 

package/dist/esm/components/Calendar/CalendarGrid.js

@@ -1,7 +1,11 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
+import 'react';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import '../../provider/CalendarProvider.js';
 import { useCalendarGrid } from '../../hooks/useCalendarGrid.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
@@ -13,13 +17,16 @@ import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
 
 const CalendarGrid = ({ state }) => {
   const { gridProps, headerProps, weekDays } = useCalendarGrid({ state });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "bg-white rounded-micro px-deca py-mili",
-      "data-testid": "calendar-grid"
-    },
-    /* @__PURE__ */ React__default.createElement("table", { ...gridProps, className: "border-separate border-spacing-y-nano" }, /* @__PURE__ */ React__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React__default.createElement(CalendarGridHeaderRow, { weekDays })), /* @__PURE__ */ React__default.createElement("tbody", null, /* @__PURE__ */ React__default.createElement(CalendarGridBodyRows, { state })))
+      "data-testid": "calendar-grid",
+      children: /* @__PURE__ */ jsxs("table", { ...gridProps, className: "border-separate border-spacing-y-nano", children: [
+        /* @__PURE__ */ jsx("thead", { ...headerProps, children: /* @__PURE__ */ jsx(CalendarGridHeaderRow, { weekDays }) }),
+        /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx(CalendarGridBodyRows, { state }) })
+      ] })
+    }
   );
 };
 

package/dist/esm/components/Calendar/CalendarGridBodyRows.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { CalendarCell } from './CalendarCell.js';
 
 const CalendarGridBodyRows = ({ state }) => {
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ React__default.createElement("tr", { key: weekIndex, className: "shadow-0 px-deca" }, state.getDatesInWeek(weekIndex).map((date, i) => {
-    return date ? /* @__PURE__ */ React__default.createElement(CalendarCell, { key: i, state, date }) : /* @__PURE__ */ React__default.createElement("td", { key: i });
-  }))));
+  return /* @__PURE__ */ jsx(Fragment, { children: [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ jsx("tr", { className: "shadow-0 px-deca", children: state.getDatesInWeek(weekIndex).map((date, i) => {
+    return date ? /* @__PURE__ */ jsx(CalendarCell, { state, date }, i) : /* @__PURE__ */ jsx("td", {}, i);
+  }) }, weekIndex)) });
 };
 
 export { CalendarGridBodyRows };

package/dist/esm/components/Calendar/CalendarGridHeaderRow.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { THeadCell } from '../Table.js';
 
 const CalendarGridHeaderRow = ({
   weekDays
 }) => {
-  return /* @__PURE__ */ React__default.createElement("tr", { "data-testid": "calendar-grid-header-row" }, weekDays.map((day, index) => /* @__PURE__ */ React__default.createElement(THeadCell, { key: index }, day)));
+  return /* @__PURE__ */ jsx("tr", { "data-testid": "calendar-grid-header-row", children: weekDays.map((day, index) => /* @__PURE__ */ jsx(THeadCell, { className: "w-11 h-11 aspect-square", children: day }, index)) });
 };
 
 export { CalendarGridHeaderRow };

package/dist/esm/components/Calendar/CalendarHeader.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { FaChevronLeft, FaChevronRight } from 'react-icons/fa';
 import { Button } from '../Button.js';
 
@@ -7,33 +7,35 @@ const CalendarHeader = ({
   onClickNextButton,
   title
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "flex flex-row justify-between items-center gap-x-deca bg-miscellaneous-body p-mili",
-      "data-testid": "calendar-header"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        onClick: onClickPrevButton,
-        variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-prev-button",
-        type: "button"
-      },
-      /* @__PURE__ */ React__default.createElement(FaChevronLeft, null)
-    ),
-    /* @__PURE__ */ React__default.createElement("span", { className: "font-bold capitalize" }, title),
-    /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        onClick: onClickNextButton,
-        variants: { variant: "text", intent: "secondary", size: "small" },
-        "data-testid": "calendar-header-next-button",
-        type: "button"
-      },
-      /* @__PURE__ */ React__default.createElement(FaChevronRight, null)
-    )
+      "data-testid": "calendar-header",
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: onClickPrevButton,
+            variants: { variant: "text", intent: "secondary", size: "small" },
+            "data-testid": "calendar-header-prev-button",
+            type: "button",
+            children: /* @__PURE__ */ jsx(FaChevronLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "font-bold capitalize", children: title }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: onClickNextButton,
+            variants: { variant: "text", intent: "secondary", size: "small" },
+            "data-testid": "calendar-header-next-button",
+            type: "button",
+            children: /* @__PURE__ */ jsx(FaChevronRight, {})
+          }
+        )
+      ]
+    }
   );
 };
 

package/dist/esm/components/Calendar/RangeCalendar.js

@@ -1,7 +1,11 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
+import 'react';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import { CalendarProvider } from '../../provider/CalendarProvider.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';
@@ -11,29 +15,39 @@ import { useRangeCalendar } from '../../hooks/useRangeCalendar.js';
 import { CalendarGrid } from './CalendarGrid.js';
 import { CalendarHeader } from './CalendarHeader.js';
 
-const RangeCalendar = ({ value, onChange }) => {
+const RangeCalendar = ({
+  value,
+  onChange,
+  isTodayHighlited = true,
+  minValue,
+  maxValue
+}) => {
   const { calendarProps, state, title, ref } = useRangeCalendar({
     value,
-    onChange
+    onChange,
+    minValue,
+    maxValue
   });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(CalendarProvider, { isTodayHighlited, children: /* @__PURE__ */ jsxs(
     "div",
     {
       ...calendarProps,
       className: "calendar",
       ref,
-      "data-testid": "calendar-range-div"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      CalendarHeader,
-      {
-        onClickPrevButton: () => state.focusPreviousPage(),
-        onClickNextButton: () => state.focusNextPage(),
-        title
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(CalendarGrid, { state })
-  );
+      "data-testid": "calendar-range-div",
+      children: [
+        /* @__PURE__ */ jsx(
+          CalendarHeader,
+          {
+            onClickPrevButton: () => state.focusPreviousPage(),
+            onClickNextButton: () => state.focusNextPage(),
+            title
+          }
+        ),
+        /* @__PURE__ */ jsx(CalendarGrid, { state })
+      ]
+    }
+  ) });
 };
 
 export { RangeCalendar };

package/dist/esm/components/Card.js

@@ -1,9 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
 import { card } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Card = forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement("div", { className: card({ className }), ref, ...rest }, children);
+  return /* @__PURE__ */ jsx("div", { className: card({ className }), ref, ...rest, children });
 });
 
 export { Card };