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

package/dist/esm/components/Carousel/Carousel.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Button } from '../Button.js';
 import { useSpringCarousel } from 'react-spring-carousel';
 import { IoIosArrowBack, IoIosArrowForward } from 'react-icons/io';
@@ -7,33 +7,39 @@ import { CarouselItem } from './CarouselItem.js';
 const Carousel = ({ images }) => {
   const itemsCarousel = images.map((imageProp, i) => ({
     id: `${imageProp.alt}-${i}`,
-    renderItem: /* @__PURE__ */ React__default.createElement(CarouselItem, { item: imageProp })
+    renderItem: /* @__PURE__ */ jsx(CarouselItem, { item: imageProp })
   }));
   const { carouselFragment, slideToNextItem, slideToPrevItem } = useSpringCarousel({
     withLoop: true,
     items: itemsCarousel
   });
-  return /* @__PURE__ */ React__default.createElement("div", { className: "overflow-hidden w-fit relative" }, itemsCarousel.length > 1 ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      type: "button",
-      "data-testid": "button-carousel-prev",
-      className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex",
-      size: "square",
-      onClick: slideToPrevItem
-    },
-    /* @__PURE__ */ React__default.createElement(IoIosArrowBack, null)
-  ), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      type: "button",
-      "data-testid": "button-carousel-next",
-      size: "square",
-      className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex",
-      onClick: slideToNextItem
-    },
-    /* @__PURE__ */ React__default.createElement(IoIosArrowForward, null)
-  )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), carouselFragment);
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden w-fit relative", children: [
+    itemsCarousel.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          "data-testid": "button-carousel-prev",
+          className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex",
+          size: "square",
+          onClick: slideToPrevItem,
+          children: /* @__PURE__ */ jsx(IoIosArrowBack, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          "data-testid": "button-carousel-next",
+          size: "square",
+          className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex",
+          onClick: slideToNextItem,
+          children: /* @__PURE__ */ jsx(IoIosArrowForward, {})
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(Fragment, {}),
+    carouselFragment
+  ] });
 };
 
 export { Carousel };

package/dist/esm/components/Carousel/CarouselItem.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Button } from '../Button.js';
 
 const CarouselItem = ({ item }) => {
@@ -10,52 +10,58 @@ const CarouselItem = ({ item }) => {
     color: item.subtitle.color ?? "white",
     fontSize: item.subtitle?.size ?? "1rem"
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    "img",
-    {
-      className: "w-full h-[360px] object-cover rounded-mili z-absolute",
-      src: item.src,
-      alt: item.alt
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      className: "z-absolute absolute top-[50%] transform -translate-y-[50%] left-[10%] mx-deca max-w-[60%]"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "p",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
       {
-        className: "text-h2 font-bold",
-        style: stylesTitle,
-        dangerouslySetInnerHTML: { __html: item.title.text }
+        className: "w-full h-[360px] object-cover rounded-mili z-absolute",
+        src: item.src,
+        alt: item.alt
       }
     ),
-    /* @__PURE__ */ React__default.createElement(
-      "p",
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        className: "text-white text-h2 font-bold hidden lg:block",
-        style: stylesSubTitle,
-        dangerouslySetInnerHTML: { __html: item.subtitle.text }
+        className: "z-absolute absolute top-[50%] transform -translate-y-[50%] left-[10%] mx-deca max-w-[60%]",
+        children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-h2 font-bold",
+              style: stylesTitle,
+              dangerouslySetInnerHTML: { __html: item.title.text }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-white text-h2 font-bold hidden lg:block",
+              style: stylesSubTitle,
+              dangerouslySetInnerHTML: { __html: item.subtitle.text }
+            }
+          )
+        ]
       }
-    )
-  ), item.button ? /* @__PURE__ */ React__default.createElement(
-    "a",
-    {
-      type: "button",
-      href: item.button.link,
-      target: item.button.target ?? "_self",
-      rel: "noopener noreferrer"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Button,
+    ),
+    item.button ? /* @__PURE__ */ jsx(
+      "a",
       {
         type: "button",
-        "data-testid": "button-link-carousel",
-        className: "z-absolute absolute bottom-deca left-[10%]"
-      },
-      item.button.title
-    )
-  ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null));
+        href: item.button.link,
+        target: item.button.target ?? "_self",
+        rel: "noopener noreferrer",
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            "data-testid": "button-link-carousel",
+            className: "z-absolute absolute bottom-deca left-[10%]",
+            children: item.button.title
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, {})
+  ] });
 };
 
 export { CarouselItem };

package/dist/esm/components/Checkbox.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { checkbox } from '@tecsinapse/cortex-core';
-import React__default, { forwardRef, useRef, useCallback, useEffect, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useCallback, useEffect, useImperativeHandle } from 'react';
 
 const Checkbox = forwardRef((props, ref) => {
   const localRef = useRef(null);
@@ -19,7 +20,7 @@ const Checkbox = forwardRef((props, ref) => {
       setIndeterminate
     };
   });
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "input",
     {
       type: "checkbox",

package/dist/esm/components/ColorPicker.js

@@ -1,9 +1,10 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 const Box = forwardRef((props, ref) => {
   const { id, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement("div", { className: "w-tera h-kilo overflow-hidden relative" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "w-tera h-kilo overflow-hidden relative", children: /* @__PURE__ */ jsx(
     "input",
     {
       ...rest,
@@ -12,10 +13,10 @@ const Box = forwardRef((props, ref) => {
       className: "bg-transparent cursor-pointer disabled:opacity-50 disabled:cursor-default absolute -top-1.5 -right-1 w-peta h-giga",
       ref
     }
-  ));
+  ) });
 });
 const Face = ({ children }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: "rounded-mili p-mili shadow-default bg-white flex flex-row items-center gap-2" }, children);
+  return /* @__PURE__ */ jsx("div", { className: "rounded-mili p-mili shadow-default bg-white flex flex-row items-center gap-2", children });
 };
 const Label = ({
   children,
@@ -23,11 +24,14 @@ const Label = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement("label", { ...rest, htmlFor: id, className: clsx("text-base", className) }, children);
+  return /* @__PURE__ */ jsx("label", { ...rest, htmlFor: id, className: clsx("text-base", className), children });
 };
 const Root = forwardRef((props, ref) => {
   const { id, value, ...rest } = props;
-  return /* @__PURE__ */ React__default.createElement(Face, null, /* @__PURE__ */ React__default.createElement(Box, { ...rest, ref, id, value }), value ? /* @__PURE__ */ React__default.createElement(Label, { id }, value) : null);
+  return /* @__PURE__ */ jsxs(Face, { children: [
+    /* @__PURE__ */ jsx(Box, { ...rest, ref, id, value }),
+    value ? /* @__PURE__ */ jsx(Label, { id, children: value }) : null
+  ] });
 });
 const ColorPicker = {
   Box,

package/dist/esm/components/Content.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+
+const Content = ({ children }) => {
+  const ref = useRef(null);
+  return /* @__PURE__ */ jsx("div", { ref, children });
+};
+
+export { Content };

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

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { createCalendar } from '@internationalized/date';
-import React__default, { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { useLocale, useDateField } from 'react-aria';
 import { useDateFieldState } from 'react-stately';
 import { DateSegment } from './DateSegment.js';
@@ -18,7 +19,7 @@ const DateField = ({
     createCalendar,
     locale
   });
-  const ref = React__default.useRef(null);
+  const ref = React.useRef(null);
   const { fieldProps } = useDateField(
     { "aria-label": "date-field" },
     state,
@@ -36,21 +37,21 @@ const DateField = ({
     },
     [onClickDate, onClickTime, state.isDisabled]
   );
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ...fieldProps,
       ref,
       className: "flex flex-row",
-      "data-testid": "date-field-div"
-    },
-    state.segments.map((segment, i) => {
-      if (segment.type === "literal") {
-        const text = formatLiteralSegment(segment.text);
-        return /* @__PURE__ */ React__default.createElement("span", { key: i, style: { whiteSpace: "pre" } }, text);
-      }
-      return /* @__PURE__ */ React__default.createElement("div", { key: i, onClick: () => handleOnClickSegment(segment) }, /* @__PURE__ */ React__default.createElement(DateSegment, { segment, state }));
-    })
+      "data-testid": "date-field-div",
+      children: state.segments.map((segment, i) => {
+        if (segment.type === "literal") {
+          const text = formatLiteralSegment(segment.text);
+          return /* @__PURE__ */ jsx("span", { style: { whiteSpace: "pre" }, children: text }, i);
+        }
+        return /* @__PURE__ */ jsx("div", { onClick: () => handleOnClickSegment(segment), children: /* @__PURE__ */ jsx(DateSegment, { segment, state }) }, i);
+      })
+    }
   );
 };
 

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

@@ -1,17 +1,22 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import { dateToCalendarDateTime } from '../../utils/date.js';
+import 'react';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import '../../provider/CalendarProvider.js';
 import { useDatePickerInput } from '../../hooks/useDatePickerInput.js';
 import { useDatePickerInputCommon } from '../../hooks/useDatePickerInputCommon.js';
 import 'react-dropzone';
 import 'uuid';
 import '@floating-ui/react';
 import 'currency.js';
+import '../Popover/Context.js';
 import { Calendar } from '../Calendar/Calendar.js';
+import { Content } from '../Content.js';
 import { Popover } from '../Popover/index.js';
-import { Content } from '../Select/Content.js';
 import { DateField } from './DateField.js';
 import { DatePickerInputBase } from './DatePickerInputBase.js';
 
@@ -23,53 +28,70 @@ const DatePickerInputWithPopover = (props) => {
     variants,
     disabled,
     hourCycle = 24,
-    granularity = "day"
+    granularity = "day",
+    isTodayHighlited,
+    minValue,
+    maxValue
   } = props;
   const { fieldProps, state, ref } = useDatePickerInput({
     value,
-    onChange
+    onChange,
+    minValue,
+    maxValue
   });
   const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon({
-    onChangeCalendar: (value2) => {
-      state.setValue(dateToCalendarDateTime(value2));
+    onChangeCalendar: (_value) => {
+      state.setValue(dateToCalendarDateTime(_value));
     }
   });
-  return /* @__PURE__ */ React__default.createElement("div", { ref, "data-testid": "date-picker-input" }, /* @__PURE__ */ React__default.createElement(Popover.Trigger, { disabled: true }, /* @__PURE__ */ React__default.createElement(
-    DatePickerInputBase,
-    {
-      variants: {
-        ...variants,
-        intent: state.isInvalid ? "error" : variants?.intent
-      },
-      label,
-      disabled,
-      value,
-      onClean: () => state.setValue(null),
-      onToggle: handleTogglePopover
-    },
-    /* @__PURE__ */ React__default.createElement(
-      DateField,
+  return /* @__PURE__ */ jsxs("div", { ref, "data-testid": "date-picker-input", children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { disabled: true, children: /* @__PURE__ */ jsx(
+      DatePickerInputBase,
       {
-        ...fieldProps,
-        onChange: (value2) => {
-          fieldProps.onChange?.(value2);
-          handleCloseCalendar();
+        variants: {
+          ...variants,
+          intent: state.isInvalid ? "error" : variants?.intent
         },
-        isDisabled: disabled,
-        onClickDate: handleTogglePopover,
-        hourCycle,
-        granularity
+        label,
+        disabled,
+        value,
+        onClean: () => state.setValue(null),
+        onToggle: handleTogglePopover,
+        children: /* @__PURE__ */ jsx(
+          DateField,
+          {
+            ...fieldProps,
+            onChange: (value2) => {
+              fieldProps.onChange?.(value2);
+              handleCloseCalendar();
+            },
+            isDisabled: disabled,
+            onClickDate: handleTogglePopover,
+            hourCycle,
+            granularity
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Popover.Content,
+      {
+        className: "bg-inherit shadow-default border-none",
+        initialFocus: -1,
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            value,
+            onChange: handleChangeCalendar,
+            isTodayHighlited,
+            minValue,
+            maxValue
+          }
+        )
       }
     )
-  )), /* @__PURE__ */ React__default.createElement(
-    Popover.Content,
-    {
-      className: "bg-inherit shadow-none border-none",
-      initialFocus: -1
-    },
-    /* @__PURE__ */ React__default.createElement(Calendar, { value, onChange: handleChangeCalendar })
-  ));
+  ] });
 };
-const DatePickerInput = (props) => /* @__PURE__ */ React__default.createElement(Popover.Root, { placement: "bottom-start", trigger: "click" }, /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(DatePickerInputWithPopover, { ...props })));
+const DatePickerInput = (props) => /* @__PURE__ */ jsx(Popover.Root, { placement: "bottom-start", trigger: "click", children: /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(DatePickerInputWithPopover, { ...props }) }) });
 
 export { DatePickerInput };

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

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
-import React__default, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { IoMdClose } from 'react-icons/io';
 import { LiaCalendar } from 'react-icons/lia';
 import '../../styles/calendar-cell.js';
@@ -26,39 +27,43 @@ const DatePickerInputBase = ({
     if (value && "start" in value) return hasStartDate && hasEndDate;
     return hasDate;
   }, [value]);
-  return /* @__PURE__ */ React__default.createElement(Input.Face, { variants, "data-testid": "date-picker-input-base" }, /* @__PURE__ */ React__default.createElement("label", { className: labelStyle({}) }, label), /* @__PURE__ */ React__default.createElement("div", { className: inputBox("", label, "w-full flex flex-row") }, children), /* @__PURE__ */ React__default.createElement(Input.Right, { className: "flex h-full justify-center" }, showCloseIcon ? /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: "bg-transparent",
-      onClick: onClean,
-      disabled,
-      "data-testid": "date-picker-input-base-clean-button",
-      type: "button"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      IoMdClose,
+  return /* @__PURE__ */ jsxs(Input.Face, { variants, "data-testid": "date-picker-input-base", children: [
+    /* @__PURE__ */ jsx("label", { className: labelStyle({}), children: label }),
+    /* @__PURE__ */ jsx("div", { className: inputBox("", label, "w-full flex flex-row"), children }),
+    /* @__PURE__ */ jsx(Input.Right, { className: "flex h-full justify-center", children: showCloseIcon ? /* @__PURE__ */ jsx(
+      "button",
       {
-        className: icon({ disabled }),
-        "data-testid": "date-picker-input-base-clean-icon"
+        className: "bg-transparent",
+        onClick: onClean,
+        disabled,
+        "data-testid": "date-picker-input-base-clean-button",
+        type: "button",
+        children: /* @__PURE__ */ jsx(
+          IoMdClose,
+          {
+            className: icon({ disabled }),
+            "data-testid": "date-picker-input-base-clean-icon"
+          }
+        )
       }
-    )
-  ) : /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: "bg-transparent",
-      onClick: onToggle,
-      disabled,
-      "data-testid": "date-picker-input-base-calendar-button",
-      type: "button"
-    },
-    /* @__PURE__ */ React__default.createElement(
-      LiaCalendar,
+    ) : /* @__PURE__ */ jsx(
+      "button",
       {
-        className: icon({ disabled }),
-        "data-testid": "date-picker-input-base-calendar-icon"
+        className: "bg-transparent",
+        onClick: onToggle,
+        disabled,
+        "data-testid": "date-picker-input-base-calendar-button",
+        type: "button",
+        children: /* @__PURE__ */ jsx(
+          LiaCalendar,
+          {
+            className: icon({ disabled }),
+            "data-testid": "date-picker-input-base-calendar-icon"
+          }
+        )
       }
-    )
-  )));
+    ) })
+  ] });
 };
 
 export { DatePickerInputBase };