@yeverlibs/ds 1.1.27 → 1.1.29

package/dist/index.d.mts

@@ -580,9 +580,10 @@ type CounterInputProps$2<T extends FieldValues = FieldValues> = {
   id?: string
   defaultValue?: string | number
   name?: Path<T>
+  minValue?: number
 } & React.InputHTMLAttributes<HTMLInputElement>
 
-declare const Counter: <T extends FieldValues = FieldValues>({ label, hasDisabled, redeemablePoints, tooltip, full, type, wrapperClassName, methods, onChange, id, ...rest }: CounterInputProps$2<T>) => react_jsx_runtime.JSX.Element;
+declare const Counter: <T extends FieldValues = FieldValues>({ label, hasDisabled, redeemablePoints, tooltip, full, type, wrapperClassName, methods, onChange, id, minValue, ...rest }: CounterInputProps$2<T>) => react_jsx_runtime.JSX.Element;
 
 type CurrencyInputProps<T extends FieldValues = FieldValues> = {
   label?: string
@@ -717,9 +718,9 @@ type SelectProps = {
   label?: string
   placeholder?: string
   options: SelectOption[]
-  onSelect: (option: SelectOption | null) => void
+  onSelect: (option: SelectOption) => void
   className?: string
-  value?: SelectOption | null
+  value?: SelectOption
   tooltip?: string
   isClearable?: boolean
 }
@@ -793,10 +794,10 @@ type CounterInputProps$1 = {
   form: UseFormReturn
 } & React.InputHTMLAttributes<HTMLInputElement>
 
-declare const formatTime$1: (time: string | number) => string;
-
 declare const TimerCounter: React.FC<CounterInputProps$1>;
 
+declare const formatTime$1: (time: string | number) => string;
+
 type CounterInputProps = {
   label?: string
   tooltip?: string

package/dist/index.d.ts

@@ -580,9 +580,10 @@ type CounterInputProps$2<T extends FieldValues = FieldValues> = {
   id?: string
   defaultValue?: string | number
   name?: Path<T>
+  minValue?: number
 } & React.InputHTMLAttributes<HTMLInputElement>
 
-declare const Counter: <T extends FieldValues = FieldValues>({ label, hasDisabled, redeemablePoints, tooltip, full, type, wrapperClassName, methods, onChange, id, ...rest }: CounterInputProps$2<T>) => react_jsx_runtime.JSX.Element;
+declare const Counter: <T extends FieldValues = FieldValues>({ label, hasDisabled, redeemablePoints, tooltip, full, type, wrapperClassName, methods, onChange, id, minValue, ...rest }: CounterInputProps$2<T>) => react_jsx_runtime.JSX.Element;
 
 type CurrencyInputProps<T extends FieldValues = FieldValues> = {
   label?: string
@@ -717,9 +718,9 @@ type SelectProps = {
   label?: string
   placeholder?: string
   options: SelectOption[]
-  onSelect: (option: SelectOption | null) => void
+  onSelect: (option: SelectOption) => void
   className?: string
-  value?: SelectOption | null
+  value?: SelectOption
   tooltip?: string
   isClearable?: boolean
 }
@@ -793,10 +794,10 @@ type CounterInputProps$1 = {
   form: UseFormReturn
 } & React.InputHTMLAttributes<HTMLInputElement>
 
-declare const formatTime$1: (time: string | number) => string;
-
 declare const TimerCounter: React.FC<CounterInputProps$1>;
 
+declare const formatTime$1: (time: string | number) => string;
+
 type CounterInputProps = {
   label?: string
   tooltip?: string

package/dist/index.js

@@ -9050,17 +9050,48 @@ var Input = React107.forwardRef(
               maxLength: $charactersLimit,
               value,
               onChange: (e14) => {
-                const inputValue = e14.target.value;
+                let inputValue = e14.target.value;
+                if (type === "number") {
+                  inputValue = inputValue.replace(/[^0-9]/g, "");
+                }
                 const newValue = $formatValue ? $formatValue(inputValue) : inputValue;
-                setValue(newValue);
+                const finalValue = $charactersLimit ? newValue.slice(0, $charactersLimit) : newValue;
+                setValue(finalValue);
                 onChange?.({
                   ...e14,
                   target: {
                     ...e14.target,
-                    value: newValue
+                    value: finalValue
                   }
                 });
               },
+              onKeyDown: (e14) => {
+                if (type === "number") {
+                  const allowedKeys = [
+                    "Backspace",
+                    "Delete",
+                    "Tab",
+                    "Escape",
+                    "Enter",
+                    "ArrowLeft",
+                    "ArrowRight",
+                    "ArrowUp",
+                    "ArrowDown",
+                    "Home",
+                    "End"
+                  ];
+                  const isAllowedKey = allowedKeys.includes(e14.key);
+                  const isNumberKey = /^[0-9]$/.test(e14.key);
+                  const isCtrlA = e14.ctrlKey && e14.key === "a";
+                  const isCtrlC = e14.ctrlKey && e14.key === "c";
+                  const isCtrlV = e14.ctrlKey && e14.key === "v";
+                  const isCtrlX = e14.ctrlKey && e14.key === "x";
+                  if (!isAllowedKey && !isNumberKey && !isCtrlA && !isCtrlC && !isCtrlV && !isCtrlX) {
+                    e14.preventDefault();
+                  }
+                }
+                rest.onKeyDown?.(e14);
+              },
               $inputClassName,
               ...rest
             }
@@ -9081,18 +9112,49 @@ var Input = React107.forwardRef(
                   maxLength: $charactersLimit,
                   value: field.value || "",
                   onChange: (e14) => {
-                    const inputValue = e14.target.value;
+                    let inputValue = e14.target.value;
+                    if (type === "number") {
+                      inputValue = inputValue.replace(/[^0-9]/g, "");
+                    }
                     const newValue = $formatValue ? $formatValue(inputValue) : inputValue;
-                    setValue(newValue);
-                    field.onChange(newValue);
+                    const finalValue = $charactersLimit ? newValue.slice(0, $charactersLimit) : newValue;
+                    setValue(finalValue);
+                    field.onChange(finalValue);
                     onChange?.({
                       ...e14,
                       target: {
                         ...e14.target,
-                        value: newValue
+                        value: finalValue
                       }
                     });
                   },
+                  onKeyDown: (e14) => {
+                    if (type === "number") {
+                      const allowedKeys = [
+                        "Backspace",
+                        "Delete",
+                        "Tab",
+                        "Escape",
+                        "Enter",
+                        "ArrowLeft",
+                        "ArrowRight",
+                        "ArrowUp",
+                        "ArrowDown",
+                        "Home",
+                        "End"
+                      ];
+                      const isAllowedKey = allowedKeys.includes(e14.key);
+                      const isNumberKey = /^[0-9]$/.test(e14.key);
+                      const isCtrlA = e14.ctrlKey && e14.key === "a";
+                      const isCtrlC = e14.ctrlKey && e14.key === "c";
+                      const isCtrlV = e14.ctrlKey && e14.key === "v";
+                      const isCtrlX = e14.ctrlKey && e14.key === "x";
+                      if (!isAllowedKey && !isNumberKey && !isCtrlA && !isCtrlC && !isCtrlV && !isCtrlX) {
+                        e14.preventDefault();
+                      }
+                    }
+                    rest.onKeyDown?.(e14);
+                  },
                   $inputClassName,
                   ...rest
                 }
@@ -11257,24 +11319,27 @@ var Counter = ({
   methods,
   onChange,
   id,
+  minValue = 0,
   ...rest
 }) => {
   const form = reactHookForm.useForm();
   const { setValue, getValues, control } = methods || form;
   const fieldName = rest.name || "counter";
-  const defaultValue = rest.defaultValue ? Number(rest.defaultValue) : 0;
+  const defaultValue = rest.defaultValue ? Math.max(Number(rest.defaultValue), minValue) : minValue;
   const handleIncrement = () => {
     if (!hasDisabled) {
-      const currentValue = getValues(fieldName) || 0;
-      const newValue = Number(currentValue) + 1;
+      const currentValue = getValues(fieldName);
+      const numericValue = currentValue !== void 0 && currentValue !== null ? Number(currentValue) : minValue;
+      const newValue = Math.max(numericValue, minValue) + 1;
       setValue(fieldName, newValue);
       onChange?.(newValue);
     }
   };
   const handleDecrement = () => {
     if (!hasDisabled) {
-      const currentValue = getValues(fieldName) || 0;
-      const newValue = Number(currentValue) > 0 ? Number(currentValue) - 1 : 0;
+      const currentValue = getValues(fieldName);
+      const numericValue = currentValue !== void 0 && currentValue !== null ? Number(currentValue) : minValue;
+      const newValue = Math.max(numericValue, minValue) > minValue ? Math.max(numericValue, minValue) - 1 : minValue;
       setValue(fieldName, newValue);
       onChange?.(newValue);
     }
@@ -11322,11 +11387,11 @@ var Counter = ({
                   ...fieldWithoutDefaultValue,
                   id: fieldName,
                   type: "number",
-                  min: 1,
-                  value: field.value || 1,
+                  min: minValue,
+                  value: field.value !== void 0 && field.value !== null ? Math.max(Number(field.value), minValue) : minValue,
                   onChange: (e14) => {
                     const newValue = Number(e14.target.value);
-                    if (newValue >= 0) {
+                    if (newValue >= minValue) {
                       field.onChange(newValue);
                       onChange?.(newValue);
                     }
@@ -11685,7 +11750,9 @@ var CustomSelect = ({
   isClearable = true
 }) => {
   const handleChange = (option) => {
-    onSelect(option);
+    if (option) {
+      onSelect(option);
+    }
   };
   const formatOptionLabel = (option) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
     option.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mr-2 flex h-[24px] max-h-[24px] w-[24px] max-w-[24px] items-center justify-center rounded border border-gray-300", children: /* @__PURE__ */ jsxRuntime.jsx(Image3__default.default, { src: option.icon, alt: option.label, fill: true, className: "p-1", quality: 100 }) }),
@@ -12018,8 +12085,6 @@ var TimeInput = ({
     ] })
   ] });
 };
-
-// src/_design-system/helpers/formatTime.ts
 var formatTime = (time2) => {
   let timeInSeconds = 0;
   if (typeof time2 === "string") {
@@ -12168,7 +12233,26 @@ var TimerCounter = ({
     description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-700", children: description })
   ] });
 };
+
+// src/_design-system/helpers/formatTime.ts
 var formatTime2 = (time2) => {
+  let timeInSeconds = 0;
+  if (typeof time2 === "string") {
+    if (time2.includes(":")) {
+      const [hours3, minutes3, seconds4] = time2.split(":").map(Number);
+      timeInSeconds = hours3 * 3600 + minutes3 * 60 + seconds4;
+    } else {
+      timeInSeconds = parseInt(time2, 10) || 0;
+    }
+  } else {
+    timeInSeconds = time2 || 0;
+  }
+  const hours2 = Math.floor(timeInSeconds / 3600);
+  const minutes2 = Math.floor(timeInSeconds % 3600 / 60);
+  const seconds3 = timeInSeconds % 60;
+  return `${hours2.toString().padStart(2, "0")}:${minutes2.toString().padStart(2, "0")}:${seconds3.toString().padStart(2, "0")}`;
+};
+var formatTime3 = (time2) => {
   let timeInSeconds = 0;
   if (typeof time2 === "string") {
     if (time2.includes(":")) {
@@ -12198,7 +12282,7 @@ var TimerCounterWithoutSeconds = ({
   const fieldName = rest.name || "timer";
   const { control, setValue, watch } = form;
   const rawValue = watch(fieldName, defaultValue || "00:00");
-  const displayValue = typeof rawValue === "number" ? formatTime2(rawValue) : rawValue || "00:00";
+  const displayValue = typeof rawValue === "number" ? formatTime3(rawValue) : rawValue || "00:00";
   const parseTime = (timeString) => {
     if (!timeString) return 0;
     const [hours2, minutes2] = timeString.split(":").map(Number);
@@ -12212,7 +12296,7 @@ var TimerCounterWithoutSeconds = ({
         setValue(fieldName, "00:00", { shouldValidate: true, shouldDirty: true, shouldTouch: true });
         return;
       }
-      setValue(fieldName, formatTime2(newSeconds), { shouldValidate: true, shouldDirty: true, shouldTouch: true });
+      setValue(fieldName, formatTime3(newSeconds), { shouldValidate: true, shouldDirty: true, shouldTouch: true });
     }
   };
   const handleDecrement = () => {
@@ -12220,7 +12304,7 @@ var TimerCounterWithoutSeconds = ({
       const currentSeconds = parseTime(displayValue);
       if (currentSeconds <= 0) return;
       const newSeconds = Math.max(0, currentSeconds - 3600);
-      setValue(fieldName, formatTime2(newSeconds), { shouldValidate: true, shouldDirty: true, shouldTouch: true });
+      setValue(fieldName, formatTime3(newSeconds), { shouldValidate: true, shouldDirty: true, shouldTouch: true });
     }
   };
   const handleChanges = (e14) => {
@@ -12352,8 +12436,8 @@ function FileUploadComponent({
   const isImagePreview = React107.useCallback((preview) => {
     if (!preview || typeof preview !== "string") return false;
     if (preview.startsWith("data:image/")) return true;
-    if (preview.startsWith("http") && preview.match(/\.(jpg|jpeg|png|gif|webp|svg|bmp|tiff)/i)) return true;
-    if (preview.match(/\.(jpg|jpeg|png|gif|webp|svg|bmp|tiff)$/i)) return true;
+    if (preview.startsWith("http") && preview.match(/\.(jpg|jpeg|png|gif|webp|svg|avif|bmp|tiff)/i)) return true;
+    if (preview.match(/\.(jpg|jpeg|png|gif|webp|svg|avif|bmp|tiff)$/i)) return true;
     return false;
   }, []);
   React107.useEffect(() => {
@@ -26724,8 +26808,8 @@ exports.formatNumberToCurrency = formatNumberToCurrency;
 exports.formatPhone = formatPhone;
 exports.formatPostalCode = formatPostalCode;
 exports.formatRawDigitsToCurrency = formatRawDigitsToCurrency;
-exports.formatTime = formatTime;
-exports.formatTimeWithoutSeconds = formatTime2;
+exports.formatTime = formatTime2;
+exports.formatTimeWithoutSeconds = formatTime3;
 exports.getDates = getDates;
 exports.handleFormSubmission = handleFormSubmission;
 exports.iconList = iconList;