@aspprev/versi-ds 0.4.6 → 0.4.7

package/dist/{chunk-CLXCB6LY.js → chunk-47GMEVB5.js}

@@ -2297,16 +2297,23 @@ var MONTHS = [
 ];
 var formatDateForInput = (date, selectionMode = "day") => {
   if (!date || !isValid(date)) return "";
-  return format(date, selectionMode === "year" ? "yyyy" : "dd/MM/yyyy");
+  return format(
+    date,
+    selectionMode === "year" ? "yyyy" : selectionMode === "month" ? "MM/yyyy" : "dd/MM/yyyy"
+  );
 };
 var formatInputValue = (value, selectionMode = "day") => {
-  const digits = value.replace(/\D/g, "").slice(0, selectionMode === "year" ? 4 : 8);
+  const digits = value.replace(/\D/g, "").slice(0, selectionMode === "year" ? 4 : selectionMode === "month" ? 6 : 8);
   if (selectionMode === "year") return digits;
+  if (selectionMode === "month") {
+    if (digits.length <= 2) return digits;
+    return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  }
   if (digits.length <= 2) return digits;
   if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
   return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
 };
-var parseDateValue = (value) => {
+var parseDateValue = (value, selectionMode = "day") => {
   if (!value) return null;
   if (value instanceof Date) {
     return isValid(value) ? value : null;
@@ -2314,6 +2321,21 @@ var parseDateValue = (value) => {
   if (typeof value === "string") {
     const trimmedValue = value.trim();
     if (!trimmedValue) return null;
+    if (selectionMode === "year" && /^\d{4}$/.test(trimmedValue)) {
+      const year = Number(trimmedValue);
+      const parsedYear = new Date(year, 0, 1);
+      return isValid(parsedYear) && parsedYear.getFullYear() === year ? parsedYear : null;
+    }
+    if (selectionMode === "month") {
+      const monthMatch = /^(\d{2})\/(\d{4})$/.exec(trimmedValue);
+      if (monthMatch) {
+        const month = Number(monthMatch[1]);
+        const year = Number(monthMatch[2]);
+        if (month < 1 || month > 12) return null;
+        const parsedMonth = new Date(year, month - 1, 1);
+        return isValid(parsedMonth) && parsedMonth.getFullYear() === year ? parsedMonth : null;
+      }
+    }
     const parsedPtBr = parse(trimmedValue, "dd/MM/yyyy", /* @__PURE__ */ new Date());
     if (isValid(parsedPtBr) && format(parsedPtBr, "dd/MM/yyyy") === trimmedValue) {
       return parsedPtBr;
@@ -2329,7 +2351,7 @@ var UnifiedDatePicker = ({
   onChange,
   onBlur,
   label,
-  placeholder = "dd/mm/aaaa",
+  placeholder,
   minDate = addYears(/* @__PURE__ */ new Date(), -120),
   maxDate = addYears(/* @__PURE__ */ new Date(), 120),
   isDisabled = false,
@@ -2338,7 +2360,6 @@ var UnifiedDatePicker = ({
   error,
   errorText,
   helperText,
-  defaultView = "days",
   navigationVariant = "drilldown",
   selectionMode = "day",
   showAdjacentDays = true,
@@ -2351,34 +2372,42 @@ var UnifiedDatePicker = ({
   const hasFormikField = Boolean(formik && name);
   const formikRawValue = hasFormikField && formik ? getIn(formik.values, name) : void 0;
   const selectedDate = useMemo2(
-    () => parseDateValue(hasFormikField ? formikRawValue : value),
-    [formikRawValue, hasFormikField, value]
+    () => parseDateValue(
+      hasFormikField ? formikRawValue : value,
+      selectionMode
+    ),
+    [formikRawValue, hasFormikField, selectionMode, value]
   );
   const formikTouched = hasFormikField && formik ? Boolean(getIn(formik.touched, name)) : false;
   const formikError = hasFormikField && formik ? getIn(formik.errors, name) : void 0;
   const isFieldDisabled = disabled || isDisabled;
-  const resolvedPlaceholder = selectionMode === "year" ? "aaaa" : placeholder;
+  const resolvedPlaceholder = placeholder ?? (selectionMode === "year" ? "aaaa" : selectionMode === "month" ? "mm/aaaa" : "dd/mm/aaaa");
   const [isOpen, setIsOpen] = useState5(false);
   const [isEditing, setIsEditing] = useState5(false);
   const [draftValue, setDraftValue] = useState5(
     formatDateForInput(selectedDate, selectionMode)
   );
   const [viewDate, setViewDate] = useState5(getSafeViewDate(selectedDate));
-  const [mode, setMode] = useState5(defaultView);
+  const [mode, setMode] = useState5(
+    selectionMode === "year" ? "years" : selectionMode === "month" ? "months" : "days"
+  );
   const [inputError, setInputError] = useState5(null);
   const containerRef = useRef5(null);
   const inputRef = useRef5(null);
   const dropdownRef = useRef5(null);
   const calendarId = `date-picker-${useId3()}`;
   const wasOpenRef = useRef5(false);
+  const skipFocusRestoreRef = useRef5(false);
+  const suppressOpenOnFocusRef = useRef5(false);
   const rafRef = useRef5(null);
   const [isMounted, setIsMounted] = useState5(false);
   const [panelNeedsScroll, setPanelNeedsScroll] = useState5(false);
   const [dropdownStyle, setDropdownStyle] = useState5({});
   useEffect4(() => {
-    if (wasOpenRef.current && !isOpen && dropdownRef.current?.contains(document.activeElement)) {
+    if (wasOpenRef.current && !isOpen && !skipFocusRestoreRef.current && dropdownRef.current?.contains(document.activeElement)) {
       inputRef.current?.focus();
     }
+    skipFocusRestoreRef.current = false;
     wasOpenRef.current = isOpen;
   }, [isOpen]);
   useEffect4(() => {
@@ -2393,10 +2422,11 @@ var UnifiedDatePicker = ({
   useEffect4(() => {
     if (!isOpen) return;
     setMode(
-      selectionMode === "year" ? "years" : selectionMode === "month" ? "months" : navigationVariant === "dropdown" ? "days" : defaultView
+      selectionMode === "year" ? "years" : selectionMode === "month" ? "months" : "days"
     );
     const onMouseDown = (event) => {
       if (!containerRef.current?.contains(event.target) && !dropdownRef.current?.contains(event.target)) {
+        skipFocusRestoreRef.current = true;
         setIsOpen(false);
       }
     };
@@ -2409,7 +2439,7 @@ var UnifiedDatePicker = ({
       document.removeEventListener("mousedown", onMouseDown);
       document.removeEventListener("keydown", onKeyDown);
     };
-  }, [defaultView, isOpen, navigationVariant, selectionMode]);
+  }, [isOpen, navigationVariant, selectionMode]);
   useEffect4(() => {
     if (!isOpen) return;
     const updateDropdownPosition = () => {
@@ -2463,7 +2493,7 @@ var UnifiedDatePicker = ({
       window.removeEventListener("resize", scheduleDropdownPosition);
       window.removeEventListener("scroll", scheduleDropdownPosition, true);
     };
-  }, [isOpen, defaultView, navigationVariant, viewDate, draftValue]);
+  }, [isOpen, navigationVariant, viewDate, draftValue]);
   const syncValue = (nextDate) => {
     if (hasFormikField && formik) {
       formik.setFieldValue(name, nextDate);
@@ -2482,6 +2512,8 @@ var UnifiedDatePicker = ({
   };
   const closeCalendar = () => {
     setIsOpen(false);
+    if (document.activeElement === inputRef.current) return;
+    suppressOpenOnFocusRef.current = true;
     inputRef.current?.focus();
   };
   const getDaysInView = () => {
@@ -2599,6 +2631,30 @@ var UnifiedDatePicker = ({
       setInputError(null);
       return;
     }
+    if (selectionMode === "month") {
+      if (normalizedValue.length < 7) {
+        syncValue(null);
+        setInputError("M\xEAs incompleto");
+        return;
+      }
+      const parsedMonth = parseDateValue(normalizedValue, selectionMode);
+      if (!parsedMonth) {
+        syncValue(null);
+        setInputError("M\xEAs inv\xE1lido");
+        return;
+      }
+      const monthDisabled = isBefore(endOfMonth(parsedMonth), startOfDay(minDate)) || isAfter(startOfMonth(parsedMonth), startOfDay(maxDate));
+      if (monthDisabled) {
+        syncValue(null);
+        setInputError("M\xEAs fora do intervalo permitido");
+        return;
+      }
+      const nextDate = isBefore(parsedMonth, minDate) ? minDate : isAfter(parsedMonth, maxDate) ? maxDate : parsedMonth;
+      syncValue(nextDate);
+      setViewDate(nextDate);
+      setInputError(null);
+      return;
+    }
     if (selectionMode === "year") {
       if (normalizedValue.length < 4) {
         syncValue(null);
@@ -2620,7 +2676,7 @@ var UnifiedDatePicker = ({
       setInputError("Data incompleta");
       return;
     }
-    const parsedDate = parseDateValue(normalizedValue);
+    const parsedDate = parseDateValue(normalizedValue, selectionMode);
     if (!parsedDate) {
       syncValue(null);
       setInputError("Data invalida");
@@ -2707,27 +2763,34 @@ var UnifiedDatePicker = ({
                   type: "text",
                   inputMode: "numeric",
                   autoComplete: "off",
-                  maxLength: selectionMode === "year" ? 4 : 10,
+                  maxLength: selectionMode === "year" ? 4 : selectionMode === "month" ? 7 : 10,
                   disabled: isFieldDisabled,
                   placeholder: resolvedPlaceholder,
                   value: draftValue,
                   onClick: openCalendar,
                   onFocus: () => {
                     setIsEditing(true);
-                    openCalendar();
+                    const suppressOpen = suppressOpenOnFocusRef.current;
+                    suppressOpenOnFocusRef.current = false;
+                    if (!suppressOpen) openCalendar();
                   },
                   onChange: (event) => {
                     const nextValue = formatInputValue(event.target.value, selectionMode);
                     setDraftValue(nextValue);
                     setInputError(null);
-                    if (selectionMode === "day" && nextValue.length === 10) {
-                      const parsedDate = parseDateValue(nextValue);
+                    const expectedLength = selectionMode === "year" ? 4 : selectionMode === "month" ? 7 : 10;
+                    if (nextValue.length === expectedLength) {
+                      const parsedDate = parseDateValue(nextValue, selectionMode);
                       if (parsedDate) {
                         setViewDate(parsedDate);
                       }
                     }
                   },
                   onBlur: (event) => {
+                    const nextFocusedElement = event.relatedTarget;
+                    if (nextFocusedElement && dropdownRef.current?.contains(nextFocusedElement)) {
+                      return;
+                    }
                     setIsEditing(false);
                     commitDraftValue(event.target.value);
                     onBlur?.(event);
@@ -2951,6 +3014,7 @@ var UnifiedDatePicker = ({
                           className: classNames6(
                             "rounded-sm py-1 text-xs capitalize transition-colors",
                             {
+                              "cursor-not-allowed opacity-30": monthDisabled,
                               "border border-selection-border bg-selection-background font-semibold text-selection-content": selected,
                               "text-content-primary hover:bg-primary-1/10": !selected
                             }
@@ -2983,6 +3047,7 @@ var UnifiedDatePicker = ({
                           className: classNames6(
                             "rounded-sm py-1 text-xs transition-colors",
                             {
+                              "cursor-not-allowed opacity-30": yearDisabled,
                               "border border-selection-border bg-selection-background font-semibold text-selection-content": selected,
                               "text-content-primary hover:bg-primary-1/10": !selected
                             }
@@ -3745,4 +3810,4 @@ export {
   RadioCardGroup,
   OtpCodeInput_default
 };
-//# sourceMappingURL=chunk-CLXCB6LY.js.map
+//# sourceMappingURL=chunk-47GMEVB5.js.map