@yeverlibs/ds 1.1.31 → 1.1.32

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
@@ -662,7 +663,6 @@ declare const FormWrapper: <T extends FieldValues>({ children, onSubmit, default
 
 type InputProps$1 = {
   $charactersLimit?: number
-  $showCharactersLimit?: boolean
   $iconName?: IconName
   $labelText?: string
   $iconDirection?: 'left' | 'right'
@@ -718,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
 }
@@ -794,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
@@ -662,7 +663,6 @@ declare const FormWrapper: <T extends FieldValues>({ children, onSubmit, default
 
 type InputProps$1 = {
   $charactersLimit?: number
-  $showCharactersLimit?: boolean
   $iconName?: IconName
   $labelText?: string
   $iconDirection?: 'left' | 'right'
@@ -718,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
 }
@@ -794,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

@@ -14,8 +14,8 @@ var locale$1 = require('date-fns/locale');
 var reactHookForm = require('react-hook-form');
 var Link2 = require('next/link');
 var framerMotion = require('framer-motion');
-var sonner = require('sonner');
 var Cookies = require('js-cookie');
+var sonner = require('sonner');
 var currency = require('currency.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8976,7 +8976,6 @@ var Input = React107.forwardRef(
     $errorMessage,
     type = "text",
     $charactersLimit,
-    $showCharactersLimit = true,
     $description,
     isNotProvided = false,
     wrapperClassName,
@@ -9031,7 +9030,7 @@ var Input = React107.forwardRef(
               ]
             }
           ),
-          $charactersLimit && $showCharactersLimit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
+          $charactersLimit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
             value.length,
             " de ",
             $charactersLimit,
@@ -9051,48 +9050,17 @@ var Input = React107.forwardRef(
               maxLength: $charactersLimit,
               value,
               onChange: (e14) => {
-                let inputValue = e14.target.value;
-                if (type === "number") {
-                  inputValue = inputValue.replace(/[^0-9]/g, "");
-                }
+                const inputValue = e14.target.value;
                 const newValue = $formatValue ? $formatValue(inputValue) : inputValue;
-                const finalValue = $charactersLimit ? newValue.slice(0, $charactersLimit) : newValue;
-                setValue(finalValue);
+                setValue(newValue);
                 onChange?.({
                   ...e14,
                   target: {
                     ...e14.target,
-                    value: finalValue
+                    value: newValue
                   }
                 });
               },
-              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
             }
@@ -9113,49 +9081,18 @@ var Input = React107.forwardRef(
                   maxLength: $charactersLimit,
                   value: field.value || "",
                   onChange: (e14) => {
-                    let inputValue = e14.target.value;
-                    if (type === "number") {
-                      inputValue = inputValue.replace(/[^0-9]/g, "");
-                    }
+                    const inputValue = e14.target.value;
                     const newValue = $formatValue ? $formatValue(inputValue) : inputValue;
-                    const finalValue = $charactersLimit ? newValue.slice(0, $charactersLimit) : newValue;
-                    setValue(finalValue);
-                    field.onChange(finalValue);
+                    setValue(newValue);
+                    field.onChange(newValue);
                     onChange?.({
                       ...e14,
                       target: {
                         ...e14.target,
-                        value: finalValue
+                        value: newValue
                       }
                     });
                   },
-                  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
                 }
@@ -11320,24 +11257,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);
     }
@@ -11385,11 +11325,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);
                     }
@@ -11748,7 +11688,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 }) }),
@@ -12081,8 +12023,6 @@ var TimeInput = ({
     ] })
   ] });
 };
-
-// src/_design-system/helpers/formatTime.ts
 var formatTime = (time2) => {
   let timeInSeconds = 0;
   if (typeof time2 === "string") {
@@ -12231,7 +12171,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(":")) {
@@ -12261,7 +12220,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);
@@ -12275,7 +12234,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 = () => {
@@ -12283,7 +12242,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) => {
@@ -12401,6 +12360,7 @@ function FileUploadComponent({
 }) {
   const [filePreview, setFilePreview] = React107.useState(initialImage || null);
   const [fileSize, setFileSize] = React107.useState(null);
+  const [errorMessage, setErrorMessage] = React107.useState(null);
   const form = reactHookForm.useForm();
   const { control } = methods || form;
   const fieldValue = methods?.watch(name || "file");
@@ -12415,8 +12375,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(() => {
@@ -12433,13 +12393,14 @@ function FileUploadComponent({
   const handleFileChange = React107.useCallback(
     (file, onChange) => {
       if (!acceptedTypes.includes(file.type)) {
-        sonner.toast.error("Tipo de arquivo n\xE3o suportado.");
+        setErrorMessage("Tipo de arquivo n\xE3o suportado.");
         return;
       }
       if (file.size > maxSize) {
-        sonner.toast.error("Arquivo excede o tamanho m\xE1ximo permitido.");
+        setErrorMessage("Arquivo excede o tamanho m\xE1ximo permitido.");
         return;
       }
+      setErrorMessage(null);
       if (file.type === "application/pdf" || file.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") {
         setFilePreview(file.name);
         setFileSize(file.size);
@@ -12465,6 +12426,7 @@ function FileUploadComponent({
     (onChange) => {
       setFilePreview(null);
       setFileSize(null);
+      setErrorMessage(null);
       onChange(null);
       externalOnChange?.(null);
       const fileInput = document.getElementById(`${name}-input`);
@@ -12486,14 +12448,10 @@ function FileUploadComponent({
   const handleInputChange = React107.useCallback(
     (e14, onChange) => {
       if (e14.target.files && e14.target.files[0]) {
-        if (!acceptedTypes.includes(e14.target.files[0].type)) {
-          sonner.toast.error("Tipo de arquivo n\xE3o suportado.");
-          return;
-        }
         handleFileChange(e14.target.files[0], onChange);
       }
     },
-    [acceptedTypes, handleFileChange]
+    [handleFileChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-4", children: [
     $labelText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -12623,6 +12581,7 @@ function FileUploadComponent({
             maxSizeFormatted,
             " por arquivo."
           ] }),
+          errorMessage && /* @__PURE__ */ jsxRuntime.jsx(Text, { $as: "small", className: "text-xs text-red-500", children: errorMessage }),
           fieldState.error && /* @__PURE__ */ jsxRuntime.jsx(Text, { $as: "small", className: "text-xs text-red-500", children: fieldState.error.message })
         ] })
       }
@@ -26787,8 +26746,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;