@rehagro/ui 1.0.65 → 1.0.66

package/dist/index.mjs

@@ -1785,9 +1785,10 @@ var Select = forwardRef(function Select2(props, ref) {
       if (!isControlled) setInternalValue(next);
       props.onChange?.(next);
     } else {
-      const next = [optionValue];
+      const isDeselecting = selectedValues.includes(optionValue);
+      const next = isDeselecting ? [] : [optionValue];
       if (!isControlled) setInternalValue(next);
-      props.onChange?.(optionValue);
+      props.onChange?.(isDeselecting ? "" : optionValue);
       setIsOpen(false);
       innerRef.current?.focus();
     }
@@ -2509,7 +2510,7 @@ var DateSelect = forwardRef(
               children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1 rh-justify-items-center", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
             "div",
             {
               className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
@@ -2554,7 +2555,7 @@ var DateSelect = forwardRef(
               children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1 rh-justify-items-center", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
             "div",
             {
               className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
@@ -2636,7 +2637,7 @@ var DateSelect = forwardRef(
           !isStart && !isEnd && !inRange && !inHoverRange && !isHoverEnd ? "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A]" : ""
         ].join(" ");
       };
-      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0 rh-text-center", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0 rh-justify-items-center rh-text-center", children: [
         prevDays.map((d, i) => /* @__PURE__ */ jsx(
           "div",
           {
@@ -2721,7 +2722,7 @@ var DateSelect = forwardRef(
                 children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" })
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7 rh-mb-1 rh-justify-items-center", children: ["D", "S", "T", "Q", "Q", "S", "S"].map((d, i) => /* @__PURE__ */ jsx(
               "div",
               {
                 className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
@@ -2762,7 +2763,7 @@ var DateSelect = forwardRef(
       const totalCells = firstDay + daysInMonth;
       const nextDaysCount = totalCells % 7 === 0 ? 0 : 7 - totalCells % 7;
       const nextDays = Array.from({ length: nextDaysCount }, (_, i) => i + 1);
-      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0 rh-justify-items-center", children: [
         prevDays.map((d, i) => /* @__PURE__ */ jsx(
           "div",
           {
@@ -2773,13 +2774,18 @@ var DateSelect = forwardRef(
         )),
         days.map((day) => {
           const isSelected = value.mode === "day" && value.year === calYear && value.month === calMonth && value.day === day;
+          const today = /* @__PURE__ */ new Date();
+          const isCurrentDay = today.getFullYear() === calYear && today.getMonth() === calMonth && today.getDate() === day;
           return /* @__PURE__ */ jsx(
             "button",
             {
               onClick: () => handleChange({ mode: "day", year: calYear, month: calMonth, day }),
+              style: {
+                borderColor: !isSelected && isCurrentDay ? "#15607A" : "transparent"
+              },
               className: [
-                "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-lg rh-transition-colors rh-duration-150",
-                isSelected ? "rh-bg-primary rh-text-surface" : "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A]"
+                "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-full rh-border rh-transition-colors rh-duration-150",
+                isSelected ? "rh-bg-primary rh-text-surface" : "rh-text-text rh-bg-transparent hover:rh-bg-[#D1D5DB]"
               ].join(" "),
               children: day
             },
@@ -4571,7 +4577,6 @@ var DatePickerDropdown = ({
     selectedDate ? selectedDate.getFullYear() : today.getFullYear()
   );
   const [viewMonth, setViewMonth] = useState(selectedDate ? selectedDate.getMonth() : today.getMonth());
-  const [tempDate, setTempDate] = useState(selectedDate);
   const dropdownRef = useRef(null);
   useEffect(() => {
     const handleClickOutside = (e) => {
@@ -4603,7 +4608,9 @@ var DatePickerDropdown = ({
   const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
   const prevMonthDays = getDaysInMonth(viewMonth === 0 ? viewYear - 1 : viewYear, viewMonth === 0 ? 11 : viewMonth - 1);
   const trailingCount = (firstDay + daysInMonth) % 7 === 0 ? 0 : 7 - (firstDay + daysInMonth) % 7;
-  const isSelected = (day) => !!tempDate && tempDate.getFullYear() === viewYear && tempDate.getMonth() === viewMonth && tempDate.getDate() === day;
+  const effectiveSelectedDate = selectedDate ?? today;
+  const isSelected = (day) => effectiveSelectedDate.getFullYear() === viewYear && effectiveSelectedDate.getMonth() === viewMonth && effectiveSelectedDate.getDate() === day;
+  const isToday = (day) => today.getFullYear() === viewYear && today.getMonth() === viewMonth && today.getDate() === day;
   return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
@@ -4614,7 +4621,8 @@ var DatePickerDropdown = ({
           backgroundColor: opaqueBackgroundColor,
           color: textColor,
           boxShadow: "0 0 9.6px 0 rgba(8, 11, 18, 0.08)",
-          width: 260
+          width: 260,
+          minHeight: 275
         },
         className: "rh-bg-surface rh-rounded-xs rh-p-5 rh-select-none rh-font-body",
         children: [
@@ -4654,33 +4662,35 @@ var DatePickerDropdown = ({
           /* @__PURE__ */ jsx("div", { className: "rh-grid rh-grid-cols-7", children: DAYS_SHORT.map((d, i) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1",
+              className: "rh-text-center rh-text-xs rh-text-text-muted rh-font-medium rh-py-1 rh-pt-4",
               style: calendarTextStyle,
               children: d
             },
             i
           )) }),
-          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 350 1", fill: "none", className: "rh-mb-3", children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" }) }),
+          /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 350 1", fill: "none", className: "rh-mb-3 rh-mt-1", children: /* @__PURE__ */ jsx("path", { d: "M0 0.5H350", stroke: "#F5F5F5" }) }),
           /* @__PURE__ */ jsxs("div", { className: "rh-grid rh-grid-cols-7 rh-gap-0", children: [
             Array.from({ length: firstDay }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40", style: calendarTextStyle, children: prevMonthDays - firstDay + i + 1 }, `prev-${i}`)),
             Array.from({ length: daysInMonth }).map((_, i) => {
               const day = i + 1;
               const selected = isSelected(day);
+              const isCurrentDay = isToday(day);
               return /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   style: {
-                    backgroundColor: selected ? "#15607A" : "transparent",
-                    color: selected ? "#FFFFFF" : textColor
+                    backgroundColor: selected ? "#15607A" : void 0,
+                    color: selected ? "#FFFFFF" : textColor,
+                    borderColor: !selected && isCurrentDay ? "#15607A" : "transparent"
                   },
                   onMouseDown: (e) => {
                     e.preventDefault();
-                    setTempDate(new Date(viewYear, viewMonth, day));
+                    onSelect(new Date(viewYear, viewMonth, day));
                   },
                   className: [
-                    "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-lg rh-transition-colors rh-duration-150 rh-cursor-pointer",
-                    selected ? "rh-text-surface" : "rh-text-text hover:rh-ring-1 hover:rh-ring-[#15607A] hover:rh-bg-transparent"
+                    "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-rounded-full rh-border rh-transition-colors rh-duration-150 rh-cursor-pointer",
+                    selected ? "rh-text-surface rh-bg-[#15607A]" : "rh-text-text rh-bg-transparent hover:rh-bg-[#D1D5DB]"
                   ].join(" "),
                   children: day
                 },
@@ -4688,20 +4698,7 @@ var DatePickerDropdown = ({
               );
             }),
             Array.from({ length: trailingCount }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "rh-w-7 rh-h-7 rh-flex rh-items-center rh-justify-center rh-text-sm rh-text-text-muted rh-opacity-40", style: calendarTextStyle, children: i + 1 }, `next-${i}`))
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "rh-flex rh-justify-end rh-gap-2 rh-mt-4", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              style: { backgroundColor: "#87A851" },
-              onClick: () => {
-                if (tempDate) onSelect(tempDate);
-                onClose();
-              },
-              className: "rh-text-sm rh-font-medium rh-px-4 rh-py-1.5 rh-rounded-lg rh-transition-colors rh-duration-150 rh-bg-success rh-text-surface",
-              children: "Aplicar"
-            }
-          ) })
+          ] })
         ]
       }
     ),
@@ -4788,7 +4785,7 @@ var CustomSelect = ({
     setIsOpen(false);
   };
   const hasValue = value != null && value !== "";
-  const displayLabel = type === "date" ? selectedDate ? formatDisplay(selectedDate) : hasValue ? value : placeholder || "-" : selectedOption?.label || (hasValue ? value : placeholder || "");
+  const displayLabel = type === "date" ? selectedDate ? formatDisplay(selectedDate) : hasValue ? value : formatDisplay(/* @__PURE__ */ new Date()) : selectedOption?.label || (hasValue ? value : placeholder || "");
   const displayBg = type === "date" ? backgroundColor : selectedOption?.backgroundColor || backgroundColor;
   const displayTextColor = type === "date" ? textColor : selectedOption?.textColor || (hasValue ? textColor : placeholderColor) || (displayBg ? "white" : "inherit");
   if (type === "textInput") {