@yeverlibs/ds 1.1.21 → 1.1.22

package/dist/index.mjs

@@ -10,7 +10,7 @@ import ReactDOM from 'react-dom';
 import Select from 'react-select';
 import { isValid, format, parse, startOfMonth, subMonths, endOfMonth, subDays, startOfDay, endOfDay, startOfWeek, endOfWeek, addDays, isWithinInterval, isSameDay, addMonths } from 'date-fns';
 import { ptBR } from 'date-fns/locale';
-import { useFormContext, Controller, useForm, FormProvider } from 'react-hook-form';
+import { useFormContext, Controller, useForm, FormProvider, useWatch } from 'react-hook-form';
 import Link2 from 'next/link';
 import { AnimatePresence, motion } from 'framer-motion';
 import { toast } from 'sonner';
@@ -7135,6 +7135,7 @@ var TimeInput = ({
     return `${String(hours).padStart(2, "0")}:${String(mins).padStart(2, "0")}`;
   };
   const initialTime = formatMinutesToTime(defaultValue ?? 0);
+  const value = useWatch({ name, defaultValue: initialTime });
   useEffect(() => {
     if (defaultValue !== void 0 && defaultValue !== null) {
       setValue(name, formatMinutesToTime(defaultValue));
@@ -7153,6 +7154,7 @@ var TimeInput = ({
     return formatMinutesToTime(totalMinutes);
   };
   const formatDescription = (time) => {
+    if (!time) return "0 minutos";
     const [hours, minutes] = time.split(":").map(Number);
     const totalMinutes = hours * 60 + minutes;
     if (hours > 0) {
@@ -7165,23 +7167,23 @@ var TimeInput = ({
       label,
       tooltip ? /* @__PURE__ */ jsx(Tooltip, { text: tooltip }) : null
     ] }),
-    /* @__PURE__ */ jsx(
-      Controller,
-      {
-        name,
-        control,
-        defaultValue: initialTime,
-        render: ({ field }) => {
-          const handleIncrement = () => {
-            const newTime = adjustTime(field.value, step, maxTime);
-            setValue(name, newTime);
-          };
-          const handleDecrement = () => {
-            const newTime = adjustTime(field.value, -step, maxTime);
-            setValue(name, newTime);
-          };
-          return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-8", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex w-fit items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-8", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex w-fit items-center", children: /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name,
+          control,
+          defaultValue: initialTime,
+          render: ({ field }) => {
+            const handleIncrement = () => {
+              const newTime = adjustTime(field.value, step, maxTime);
+              setValue(name, newTime);
+            };
+            const handleDecrement = () => {
+              const newTime = adjustTime(field.value, -step, maxTime);
+              setValue(name, newTime);
+            };
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -7227,16 +7229,16 @@ var TimeInput = ({
                   ) })
                 }
               )
-            ] }),
-            description && /* @__PURE__ */ jsxs(FeedbackBadge, { $variant: "default", children: [
-              "Enviado ",
-              formatDescription(field.value || "00:00"),
-              " ap\xF3s o abandono"
-            ] })
-          ] });
+            ] });
+          }
         }
-      }
-    )
+      ) }),
+      description && /* @__PURE__ */ jsxs(FeedbackBadge, { $variant: "default", children: [
+        "Enviado ",
+        formatDescription(value),
+        " ap\xF3s o abandono"
+      ] })
+    ] })
   ] });
 };
 var formatTime = (time) => {