@rehagro/ui 1.0.56 → 1.0.57

package/dist/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import React9, { forwardRef, createContext, useState, useRef, useMemo, useEffect, useCallback, useContext } from 'react';
+import React9, { forwardRef, createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -2049,7 +2049,8 @@ var DateSelect = forwardRef(
       wrapperClassName = "",
       startYear,
       endYear,
-      backgroundColor
+      backgroundColor,
+      modes
     } = props;
     const triggerId = React9.useId();
     const helperId = React9.useId();
@@ -2061,7 +2062,14 @@ var DateSelect = forwardRef(
     );
     const isControlled = props.value !== void 0;
     const value = isControlled ? props.value ?? internalValue : internalValue;
-    const [activeMode, setActiveMode] = useState(value.mode ?? "day");
+    const availableModes = useMemo(
+      () => modes && modes.length > 0 ? MODE_OPTIONS.filter((o) => modes.includes(o.value)) : MODE_OPTIONS,
+      [modes]
+    );
+    const defaultMode = availableModes[0]?.value ?? "day";
+    const [activeMode, setActiveMode] = useState(
+      availableModes.some((o) => o.value === (value.mode ?? "day")) ? value.mode ?? "day" : defaultMode
+    );
     const [selectedYear, setSelectedYear] = useState((/* @__PURE__ */ new Date()).getFullYear());
     const [selectedMonth, setSelectedMonth] = useState((/* @__PURE__ */ new Date()).getMonth());
     const rightMonth = selectedMonth === 11 ? 0 : selectedMonth + 1;
@@ -2177,19 +2185,22 @@ var DateSelect = forwardRef(
       const [lo, hi] = start <= ref2 ? [start, ref2] : [ref2, start];
       return date > lo && date < hi;
     };
-    const renderModeTabs = () => /* @__PURE__ */ jsx("div", { className: "rh-flex rh-border-b rh-border-border rh-bg-transparent", children: MODE_OPTIONS.map((option) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: () => setActiveMode(option.value),
-        className: [
-          "rh-flex-1 rh-py-2 rh-px-4 rh-text-sm rh-transition-colors rh-duration-150 rh-text-text rh-font-bold",
-          "rh-border-b-2 -rh-mb-px",
-          activeMode === option.value ? "rh-border-primary" : "rh-border-transparent hover:rh-border-border"
-        ].join(" "),
-        children: option.label
-      },
-      option.value
-    )) });
+    const renderModeTabs = () => {
+      if (availableModes.length <= 1) return null;
+      return /* @__PURE__ */ jsx("div", { className: "rh-flex rh-border-b rh-border-border rh-bg-transparent", children: availableModes.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setActiveMode(option.value),
+          className: [
+            "rh-flex-1 rh-py-2 rh-px-4 rh-text-sm rh-transition-colors rh-duration-150 rh-text-text rh-font-bold",
+            "rh-border-b-2 -rh-mb-px",
+            activeMode === option.value ? "rh-border-primary" : "rh-border-transparent hover:rh-border-border"
+          ].join(" "),
+          children: option.label
+        },
+        option.value
+      )) });
+    };
     const renderYearGrid = () => /* @__PURE__ */ jsxs("div", { className: "rh-p-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between", children: [
         /* @__PURE__ */ jsx(
@@ -2716,7 +2727,7 @@ var DateSelect = forwardRef(
               },
               children: [
                 renderModeTabs(),
-                /* @__PURE__ */ jsx("div", { className: "rh-mt-2", children: renderContent() })
+                /* @__PURE__ */ jsx("div", { className: availableModes.length > 1 ? "rh-mt-2" : "", children: renderContent() })
               ]
             }
           ),