fis-component 0.0.94 → 0.0.96

package/dist/cjs/index.js

@@ -71279,7 +71279,7 @@ const HiddenDatePickerSC = styled(DatePicker) `
 `;
 
 const FISInputDate = React.forwardRef((props, ref) => {
-    const { className, value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format, onClickIconLabel, onChange, getPopupContainer, minDate, maxDate, picker = "date", allowClear = true, showToday = true, showTime = false, autoFocus = false, disabledDate, inputReadOnly = false, ...restProps } = props;
+    const { className, value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format, onClickIconLabel, onChange, getPopupContainer, minDate, maxDate, picker = "date", allowClear = true, showToday = true, showTime = false, autoFocus = false, disabledDate, inputReadOnly = false, onBlur: originalOnBlur, ...restProps } = props;
     const getDefaultFormat = (pickerMode) => {
         switch (pickerMode) {
             case "year":
@@ -71332,13 +71332,26 @@ const FISInputDate = React.forwardRef((props, ref) => {
             setDateValue(parsedDate);
             onChange?.(parsedDate.toDate());
         }
-        else {
-            // Keep input value but don't update date
-            setDateValue(null);
-            onChange?.(null);
+        // If invalid format, keep inputValue but don't update dateValue or call onChange
+        // This preserves the old date value like Antd DatePicker
+    };
+    const handleInputBlur = (e) => {
+        // Call original onBlur if provided
+        if (originalOnBlur) {
+            originalOnBlur(e);
+        }
+        // On blur, if input format is invalid, revert to the current date value's formatted string
+        const parsedDate = dayjs(inputValue, finalFormat);
+        if (!parsedDate.isValid() && dateValue) {
+            // Revert to formatted current date value
+            setInputValue(dateValue.format(finalFormat));
+        }
+        else if (!parsedDate.isValid() && !dateValue) {
+            // If no current date and invalid input, clear input
+            setInputValue("");
         }
     };
-    return (jsxRuntime.jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsxs(DivInputWrapperSC$1, { children: [jsxRuntime.jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsxRuntime.jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, placeholder: restProps.placeholder, readOnly: inputReadOnly, autoFocus: autoFocus, onFocus: () => setOpen(true), onChange: handleInputChange, onClickSuffix: () => setOpen(true) }), jsxRuntime.jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: finalFormat, getPopupContainer: getPopupContainer, minDate: minDate, maxDate: maxDate, picker: picker, allowClear: allowClear, showToday: showToday, showTime: showTime, disabledDate: disabledDate })] }), message && (jsxRuntime.jsx(DivHintWrapperSC$1, { children: jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
+    return (jsxRuntime.jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsxs(DivInputWrapperSC$1, { children: [jsxRuntime.jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsxRuntime.jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, placeholder: restProps.placeholder, readOnly: inputReadOnly, autoFocus: autoFocus, onFocus: () => setOpen(true), onChange: handleInputChange, onBlur: handleInputBlur, onClickSuffix: () => setOpen(true) }), jsxRuntime.jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: finalFormat, getPopupContainer: getPopupContainer, minDate: minDate, maxDate: maxDate, picker: picker, allowClear: allowClear, showToday: showToday, showTime: showTime, disabledDate: disabledDate })] }), message && (jsxRuntime.jsx(DivHintWrapperSC$1, { children: jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
                         disabled,
                         negative,
                         positive,
@@ -73694,7 +73707,6 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
     }, [multi, value, multiDisplayText, selectedItems, displayValue]);
     const handleToggle = React.useCallback(() => {
         if (!disabled) {
-            console.log("Toggle dropdown"); // Debug log
             setIsOpen((prev) => !prev);
         }
     }, [disabled]);
@@ -73705,30 +73717,18 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
         }
     }, [multi, onChange, value]);
     const handleMenuChange = React.useCallback((values) => {
-        console.log("Starting selection, keeping onBlur blocked"); // Debug log
         if (multi) {
             onChange(values);
-            // For multi-select, allow onBlur immediately since dropdown stays open
-            setTimeout(() => {
-                console.log("Multi-selection complete, allowing onBlur"); // Debug log
-                isSelectingRef.current = false;
-            }, 50);
         }
         else {
             if (values.length > 0) {
                 onChange(values[0]);
                 setIsOpen(false);
-                // Keep blocking until value is processed
-                setTimeout(() => {
-                    console.log("Single selection complete, allowing onBlur"); // Debug log
-                    isSelectingRef.current = false;
-                }, 150);
             }
         }
     }, [multi, onChange]);
     const handleMenuClick = React.useCallback(() => {
         if (!multi) {
-            console.log("Menu click - closing dropdown"); // Debug log
             setIsOpen(false);
         }
     }, [multi]);
@@ -73736,13 +73736,8 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
     const handleBlur = React.useCallback((event) => {
         // Block onBlur if dropdown is open OR we're in the middle of selection
         if (isOpen || isSelectingRef.current) {
-            console.log("Blocking onBlur - dropdown open or selecting:", {
-                isOpen,
-                isSelecting: isSelectingRef.current,
-            }); // Debug log
             return;
         }
-        console.log("Allowing onBlur to proceed"); // Debug log
         // Call original onBlur if provided
         if (restProps.onBlur) {
             restProps.onBlur(event);
@@ -73790,7 +73785,6 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
                 !referenceElement.contains(target) &&
                 popperElement &&
                 !popperElement.contains(target)) {
-                console.log("Click outside - closing dropdown"); // Debug log
                 setIsOpen(false);
             }
         };
@@ -73803,7 +73797,6 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
             // When dropdown closes, give time for value to be processed before allowing onBlur
             isSelectingRef.current = true;
             const timer = setTimeout(() => {
-                console.log("Dropdown closed delay complete, allowing onBlur"); // Debug log
                 isSelectingRef.current = false;
             }, 200);
             return () => clearTimeout(timer);