@herca/r-kit 0.0.21 → 0.0.22

package/dist/clients.cjs

@@ -10698,7 +10698,8 @@ function DaysOfWeek({
   size = "md",
   wrapperClassName,
   variant = "default",
-  type = "month"
+  type = "month",
+  renderItem
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(
     "div",
@@ -10714,11 +10715,11 @@ function DaysOfWeek({
         wrapperClassName
       ),
       children: [
-        type === "week" && variant === "default" && /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
+        type === "week" && variant === "default" && renderItem === void 0 && /* @__PURE__ */ (0, import_jsx_runtime313.jsxs)(import_jsx_runtime313.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime313.jsx)("div", {}),
           daysOfWeek.map((day) => /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(Text, { as: "h5", value: day, variant: "t1" }, day))
         ] }),
-        type === "month" && daysOfWeek.map((day) => /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
+        type === "month" && renderItem === void 0 && daysOfWeek.map((day) => /* @__PURE__ */ (0, import_jsx_runtime313.jsx)(
           Text,
           {
             as: "h5",
@@ -10816,6 +10817,14 @@ var Calendar2 = ({
   const [selectedTypeIndex, setSelectedTypeIndex] = (0, import_react295.useState)(
     null
   );
+  const [currentWeekStart, setCurrentWeekStart] = (0, import_react295.useState)(() => {
+    const today = /* @__PURE__ */ new Date();
+    const day = today.getDay();
+    const start = new Date(today);
+    start.setDate(today.getDate() - day);
+    start.setHours(0, 0, 0, 0);
+    return start;
+  });
   const calendarDays = getCalendarDays({ currentMonth, currentYear });
   const calendarHelpers = createCalendarHelpers({
     disabledDates,
@@ -10844,6 +10853,24 @@ var Calendar2 = ({
     }
     onChange?.(day.fullDate);
   };
+  const getWeekDaysLabel = (weekStart) => {
+    return Array.from({ length: 7 }, (_, i) => {
+      const d = new Date(weekStart);
+      d.setDate(weekStart.getDate() + i);
+      const dayName = daysOfWeek[d.getDay()];
+      const date = d.getDate();
+      return `${dayName} ${date}`;
+    });
+  };
+  const changeWeek = (delta) => {
+    setCurrentWeekStart((prev) => {
+      const next = new Date(prev);
+      next.setDate(prev.getDate() + delta * 7);
+      setCurrentMonth(next.getMonth());
+      setCurrentYear(next.getFullYear());
+      return next;
+    });
+  };
   const changeMonth = (delta) => {
     let newMonth = currentMonth + delta;
     let newYear = currentYear;
@@ -10857,6 +10884,22 @@ var Calendar2 = ({
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   };
+  const handleNavigationDefault = (type2, action) => {
+    if (type2 === "month") {
+      if (action === "next") {
+        return changeMonth(-1);
+      } else {
+        return changeMonth(1);
+      }
+    }
+    if (type2 === "week") {
+      if (action === "next") {
+        return changeWeek(1);
+      } else {
+        return changeWeek(-1);
+      }
+    }
+  };
   (0, import_react295.useEffect)(() => {
     if (value !== void 0) {
       setCurrentMonth(
@@ -10876,8 +10919,20 @@ var Calendar2 = ({
     variant === "default" && /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)("div", { className: "flex items-center gap-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)("div", { className: "*:cursor-pointer", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(ButtonNavigation, { onClick: () => changeMonth(-1), type: "prev" }),
-          /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(ButtonNavigation, { onClick: () => changeMonth(1), type: "next" })
+          /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(
+            ButtonNavigation,
+            {
+              onClick: () => handleNavigationDefault(selectedType, "prev"),
+              type: "prev"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime314.jsx)(
+            ButtonNavigation,
+            {
+              onClick: () => handleNavigationDefault(selectedType, "next"),
+              type: "next"
+            }
+          )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime314.jsxs)(
           Text,
@@ -10901,6 +10956,7 @@ var Calendar2 = ({
             color: "gray",
             variant: "outline",
             className: "capitalize",
+            onClick: () => setCurrentMonth((/* @__PURE__ */ new Date()).getMonth()),
             children: "Today"
           }
         ),
@@ -10962,7 +11018,7 @@ var Calendar2 = ({
               type: "week",
               size,
               variant,
-              daysOfWeek,
+              daysOfWeek: getWeekDaysLabel(currentWeekStart),
               wrapperClassName: weekWrapperClassname
             }
           ) }),
@@ -12253,7 +12309,8 @@ var Select = ({
     }
   }, [isOpen, isSearchable]);
   const getDisplayValue = () => {
-    if (value !== null || value !== void 0 || isMulti && asArray(value).length === 0) {
+    const isEmpty = value == null || isMulti && asArray(value).length === 0;
+    if (isEmpty) {
       return /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("span", { className: "text-gray-500", children: placeholder });
     }
     if (isMulti) {
@@ -12262,7 +12319,7 @@ var Select = ({
         {
           className: "border-primary-200 flex items-center gap-1 rounded border bg-white px-2 py-0.5 text-xs text-gray-900",
           children: [
-            renderValue !== void 0 ? renderValue?.(item) : item.label,
+            renderValue !== void 0 && renderValue !== null ? renderValue?.(item) : item.label,
             /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(
               "button",
               {
@@ -12276,7 +12333,7 @@ var Select = ({
         item.value
       )) });
     }
-    return renderValue !== void 0 ? renderValue?.(value) : value.label;
+    return renderValue !== void 0 && renderValue !== null ? renderValue?.(value) : value.label;
   };
   const showClearButton = isClearable && (isMulti && asArray(value).length > 0 || !isMulti && value !== null);
   const hasError = fieldHasError(errorMessages);
@@ -12377,7 +12434,7 @@ var Select = ({
                                 highlighted && "bg-primary-100",
                                 selected ? "bg-primary-50 border-primary-300" : "hover:bg-gray-50"
                               ),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: "flex-1", children: renderOption !== void 0 ? renderOption?.(option, { selected }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: cn(selected && "font-medium"), children: option.label }) })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: "flex-1", children: renderOption !== void 0 && renderOption !== null ? renderOption?.(option, { selected }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: cn(selected && "font-medium"), children: option.label }) })
                             },
                             option.value
                           );