@lets-events/react 12.11.7 → 12.11.9

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.11.7 build
+> @lets-events/react@12.11.9 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
-ESM dist/index.mjs 423.79 KB
-ESM ⚡️ Build success in 288ms
-CJS dist/index.js 439.94 KB
-CJS ⚡️ Build success in 289ms
+CJS dist/index.js 440.32 KB
+CJS ⚡️ Build success in 343ms
+ESM dist/index.mjs 424.18 KB
+ESM ⚡️ Build success in 344ms
 DTS Build start
-DTS ⚡️ Build success in 6480ms
+DTS ⚡️ Build success in 7173ms
 DTS dist/index.d.mts 411.35 KB
 DTS dist/index.d.ts  411.35 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.11.9
+
+### Patch Changes
+
+- fix ES2015
+
+## 12.11.8
+
+### Patch Changes
+
+- fix timePickers input quantity
+
 ## 12.11.7
 
 ### Patch Changes

package/dist/index.js

@@ -9017,7 +9017,7 @@ var TimePickerButtonStyled = styled("button", {
 var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
-var pad = (num) => String(num).padStart(2, "0");
+var pad = (num) => num < 10 ? `0${num}` : String(num);
 var parseTime = (value) => {
   if (!value) {
     return {
@@ -9162,9 +9162,10 @@ function TimePicker({
                       pattern: "[0-9]*",
                       type: "text",
                       placeholder: "00",
+                      maxLength: 2,
                       value: unit === "hours" ? rawHours : rawMinutes,
                       onChange: (e) => {
-                        const rawValue = e.target.value.replace(/\D/g, "");
+                        const rawValue = e.target.value.replace(/\D/g, "").slice(0, 2);
                         if (unit === "hours") {
                           setRawHours(rawValue);
                         } else {
@@ -9186,9 +9187,16 @@ function TimePicker({
                         }
                       },
                       onPaste: (e) => {
-                        const paste = e.clipboardData.getData("Text");
-                        if (!/^\d{1,2}$/.test(paste)) {
+                        const paste = e.clipboardData.getData("Text").replace(/\D/g, "").slice(0, 2);
+                        if (!paste) {
                           e.preventDefault();
+                          return;
+                        }
+                        e.preventDefault();
+                        if (unit === "hours") {
+                          setRawHours(paste);
+                        } else {
+                          setRawMinutes(paste);
                         }
                       }
                     }
@@ -14038,6 +14046,7 @@ var TimePickerFormField = (_a) => {
 var import_react_hook_form16 = require("react-hook-form");
 var import_react31 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
+var padTwoDigits = (value) => value < 10 ? `0${value}` : String(value);
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -14116,8 +14125,8 @@ var DateAndTimeFormField = (_a) => {
       if (isNaN(date.getTime())) {
         return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
       }
-      const hours = String(date.getHours()).padStart(2, "0");
-      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const hours = padTwoDigits(date.getHours());
+      const minutes = padTwoDigits(date.getMinutes());
       const time = `${hours}:${minutes}`;
       return { selectedDateFromIso: date, selectedTimeFromIso: time };
     } catch (e) {

package/dist/index.mjs

@@ -8900,7 +8900,7 @@ var TimePickerButtonStyled = styled("button", {
 var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
-var pad = (num) => String(num).padStart(2, "0");
+var pad = (num) => num < 10 ? `0${num}` : String(num);
 var parseTime = (value) => {
   if (!value) {
     return {
@@ -9045,9 +9045,10 @@ function TimePicker({
                       pattern: "[0-9]*",
                       type: "text",
                       placeholder: "00",
+                      maxLength: 2,
                       value: unit === "hours" ? rawHours : rawMinutes,
                       onChange: (e) => {
-                        const rawValue = e.target.value.replace(/\D/g, "");
+                        const rawValue = e.target.value.replace(/\D/g, "").slice(0, 2);
                         if (unit === "hours") {
                           setRawHours(rawValue);
                         } else {
@@ -9069,9 +9070,16 @@ function TimePicker({
                         }
                       },
                       onPaste: (e) => {
-                        const paste = e.clipboardData.getData("Text");
-                        if (!/^\d{1,2}$/.test(paste)) {
+                        const paste = e.clipboardData.getData("Text").replace(/\D/g, "").slice(0, 2);
+                        if (!paste) {
                           e.preventDefault();
+                          return;
+                        }
+                        e.preventDefault();
+                        if (unit === "hours") {
+                          setRawHours(paste);
+                        } else {
+                          setRawMinutes(paste);
                         }
                       }
                     }
@@ -13930,6 +13938,7 @@ var TimePickerFormField = (_a) => {
 import { useController as useController7 } from "react-hook-form";
 import { useCallback as useCallback9, useEffect as useEffect14, useMemo as useMemo5, useState as useState18 } from "react";
 import { jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";
+var padTwoDigits = (value) => value < 10 ? `0${value}` : String(value);
 var DateAndTimeFormField = (_a) => {
   var _b = _a, {
     name,
@@ -14008,8 +14017,8 @@ var DateAndTimeFormField = (_a) => {
       if (isNaN(date.getTime())) {
         return { selectedDateFromIso: void 0, selectedTimeFromIso: void 0 };
       }
-      const hours = String(date.getHours()).padStart(2, "0");
-      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const hours = padTwoDigits(date.getHours());
+      const minutes = padTwoDigits(date.getMinutes());
       const time = `${hours}:${minutes}`;
       return { selectedDateFromIso: date, selectedTimeFromIso: time };
     } catch (e) {

package/package.json

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

package/src/components/FormFields/DateAndTimeFormField.tsx

@@ -7,6 +7,9 @@ import { TimePicker, TimePickerProps } from "../TimePicker";
 import { useCallback, useEffect, useMemo, useState, type SyntheticEvent } from "react";
 import { useToast } from "../Toast/hooks/useToast";
 
+const padTwoDigits = (value: number) =>
+    value < 10 ? `0${value}` : String(value);
+
 export type DateAndTimeFormFieldProps = Omit<
     CalendarProps,
     "selected" | "setSelected"
@@ -105,8 +108,8 @@ export const DateAndTimeFormField = ({
                 return { selectedDateFromIso: undefined, selectedTimeFromIso: undefined };
             }
 
-            const hours = String(date.getHours()).padStart(2, "0");
-            const minutes = String(date.getMinutes()).padStart(2, "0");
+            const hours = padTwoDigits(date.getHours());
+            const minutes = padTwoDigits(date.getMinutes());
             const time = `${hours}:${minutes}`;
 
             return { selectedDateFromIso: date, selectedTimeFromIso: time };

package/src/components/TimePicker.tsx

@@ -133,7 +133,7 @@ export type TimePickerProps = {
   expand?: boolean;
   disabled?: boolean;
 };
-const pad = (num: number) => String(num).padStart(2, "0");
+const pad = (num: number) => (num < 10 ? `0${num}` : String(num));
 
 const parseTime = (value?: string) => {
   if (!value) {
@@ -279,9 +279,10 @@ export function TimePicker({
                   pattern="[0-9]*"
                   type="text"
                   placeholder="00"
+                  maxLength={2}
                   value={unit === "hours" ? rawHours : rawMinutes}
                   onChange={(e) => {
-                    const rawValue = e.target.value.replace(/\D/g, "");
+                    const rawValue = e.target.value.replace(/\D/g, "").slice(0, 2);
                     if (unit === "hours") {
                       setRawHours(rawValue);
                     } else {
@@ -303,9 +304,19 @@ export function TimePicker({
                     }
                   }}
                   onPaste={(e) => {
-                    const paste = e.clipboardData.getData("Text");
-                    if (!/^\d{1,2}$/.test(paste)) {
+                    const paste = e.clipboardData
+                      .getData("Text")
+                      .replace(/\D/g, "")
+                      .slice(0, 2);
+                    if (!paste) {
                       e.preventDefault();
+                      return;
+                    }
+                    e.preventDefault();
+                    if (unit === "hours") {
+                      setRawHours(paste);
+                    } else {
+                      setRawMinutes(paste);
                     }
                   }}
                 />