@lets-events/react 12.8.0 → 12.8.1

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.8.0 build
+> @lets-events/react@12.8.1 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 409.09 KB
-CJS ⚡️ Build success in 613ms
-ESM dist/index.mjs 393.73 KB
-ESM ⚡️ Build success in 616ms
+ESM dist/index.mjs 394.44 KB
+ESM ⚡️ Build success in 296ms
+CJS dist/index.js 409.79 KB
+CJS ⚡️ Build success in 296ms
 DTS Build start
-DTS ⚡️ Build success in 11472ms
+DTS ⚡️ Build success in 6147ms
 DTS dist/index.d.mts 403.74 KB
 DTS dist/index.d.ts  403.74 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.8.1
+
+### Patch Changes
+
+- TimePicker Initial Value
+
 ## 12.8.0
 
 ### Minor Changes

package/dist/index.js

@@ -8616,6 +8616,21 @@ var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
 var pad = (num) => String(num).padStart(2, "0");
+var parseTime = (value) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00"
+    };
+  }
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes)
+  };
+};
 function TimePicker({
   selected,
   setSelected,
@@ -8630,6 +8645,13 @@ function TimePicker({
   const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
   const dropdownRef = (0, import_react11.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
+  (0, import_react11.useEffect)(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
   const handleIncrement = (0, import_react11.useCallback)(
     (type) => {
       if (type === "hours") {

package/dist/index.mjs

@@ -8384,7 +8384,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-import { useCallback, useRef as useRef6, useState as useState4 } from "react";
+import { useCallback, useEffect as useEffect6, useRef as useRef6, useState as useState4 } from "react";
 import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8500,6 +8500,21 @@ var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
 var pad = (num) => String(num).padStart(2, "0");
+var parseTime = (value) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00"
+    };
+  }
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes)
+  };
+};
 function TimePicker({
   selected,
   setSelected,
@@ -8514,6 +8529,13 @@ function TimePicker({
   const [isOpen, setIsOpen] = useState4(false);
   const dropdownRef = useRef6(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
+  useEffect6(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
   const handleIncrement = useCallback(
     (type) => {
       if (type === "hours") {
@@ -9247,7 +9269,7 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 import { TextArea as TextAreaRadix } from "@radix-ui/themes";
-import React9, { useRef as useRef7, useState as useState5, useEffect as useEffect6 } from "react";
+import React9, { useRef as useRef7, useState as useState5, useEffect as useEffect7 } from "react";
 import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var TextareaFieldStyle = styled(TextAreaRadix, {
   display: "flex",
@@ -9302,7 +9324,7 @@ var TextareaField = React9.forwardRef((_a, forwardedRef) => {
   var _b = _a, { maxLength, color, top = "-1.75rem" } = _b, props = __objRest(_b, ["maxLength", "color", "top"]);
   const inputRef = useRef7(null);
   const [remaining, setRemaining] = useState5(maxLength);
-  useEffect6(() => {
+  useEffect7(() => {
     var _a2;
     if (maxLength && inputRef.current) {
       setRemaining(maxLength - ((_a2 = inputRef.current.value.length) != null ? _a2 : 0));
@@ -10938,7 +10960,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-import { useEffect as useEffect7, useState as useState9 } from "react";
+import { useEffect as useEffect8, useState as useState9 } from "react";
 import { useFormContext as useFormContext5, Controller as Controller2 } from "react-hook-form";
 import { Fragment as Fragment4, jsx as jsx46 } from "react/jsx-runtime";
 function CityFormField({
@@ -10953,7 +10975,7 @@ function CityFormField({
   const selectedState = watch(stateName);
   const [cities, setCities] = useState9([]);
   const [loading, setLoading] = useState9(false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!isBrazil) {
       setCities([]);
       return;
@@ -11338,10 +11360,10 @@ var EmailFormField = ({
 import { useController as useController3 } from "react-hook-form";
 
 // src/components/RichEditor/RichEditor.tsx
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 
 // src/components/RichEditor/QuillComponent.tsx
-import { useState as useState10, useRef as useRef9, useEffect as useEffect8, useCallback as useCallback4 } from "react";
+import { useState as useState10, useRef as useRef9, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 import { useQuill } from "react-quilljs";
 
 // src/utils/uploadService.ts
@@ -12521,7 +12543,7 @@ var QuillComponent = ({
     }),
     [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill && value) {
       const currentContent = quill.root.innerHTML;
       if (currentContent !== value) {
@@ -12535,7 +12557,7 @@ var QuillComponent = ({
       }
     }
   }, [quill, value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill) {
       quill.on("text-change", (delta, oldDelta, source) => {
         if (source === "user") {
@@ -12590,7 +12612,7 @@ var QuillComponent = ({
       }, 2e3);
     }
   }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill) {
       quill.enable(!disabled);
       if (!disabled) {
@@ -12657,7 +12679,7 @@ var QuillComponent = ({
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handleClickOutside = (event) => {
       if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
         handleVideoCancel();
@@ -12820,7 +12842,7 @@ var QuillComponent_default = QuillComponent;
 import { jsx as jsx53 } from "react/jsx-runtime";
 var RichEditor = (props) => {
   const [isClient, setIsClient] = useState11(false);
-  useEffect9(() => {
+  useEffect10(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.8.0",
+  "version": "12.8.1",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/TimePicker.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Box } from "./Box";
 import { Button } from "./Button";
 import { TextField, TextFieldSlot } from "./TextField";
@@ -134,6 +134,24 @@ export type TimePickerProps = {
 };
 const pad = (num: number) => String(num).padStart(2, "0");
 
+const parseTime = (value?: string) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00",
+    };
+  }
+
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes),
+  };
+};
+
 export function TimePicker({
   selected,
   setSelected,
@@ -150,6 +168,14 @@ export function TimePicker({
 
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
 
+  useEffect(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
+
   const handleIncrement = useCallback(
     (type: "hours" | "minutes") => {
       if (type === "hours") {