@chekinapp/ui 0.0.106 → 0.0.107

package/dist/index.cjs

@@ -12429,6 +12429,7 @@ var checkIfEmpty = ({
   if (value === 0 || defaultValue === 0) return false;
   return !value && !defaultValue;
 };
+var checkInputValueIfEmpty = (value) => value.length === 0;
 var DashboardInput = React43.forwardRef(
   ({
     value,
@@ -12471,10 +12472,15 @@ var DashboardInput = React43.forwardRef(
     const inputId = id ?? name ?? generatedId;
     const errorId = `${inputId}-error`;
     const { t } = (0, import_react_i18next26.useTranslation)();
-    const isEmpty = checkIfEmpty({ empty, value, defaultValue });
+    const isEmptyControlled = typeof empty !== "undefined" || typeof value !== "undefined";
+    const propsAreEmpty = checkIfEmpty({ empty, value, defaultValue });
+    const [uncontrolledIsEmpty, setUncontrolledIsEmpty] = React43.useState(propsAreEmpty);
+    const isEmpty = isEmptyControlled ? propsAreEmpty : uncontrolledIsEmpty;
     const [inputType, setInputType] = React43.useState(type);
     const [isPasswordRevealed, setIsPasswordRevealed] = React43.useState(false);
     const [isFocused, setIsFocused] = React43.useState(false);
+    const inputRef = React43.useRef(null);
+    const combinedInputRef = useCombinedRef(inputRef, ref);
     const prevInputType = usePrevious(inputType);
     const isPasswordReveal = (prevInputType === "password" || type === "password") && !isEmpty;
     const hasInvalidState = Boolean(invalid) || Boolean(error) && error !== "NONE";
@@ -12492,12 +12498,15 @@ var DashboardInput = React43.forwardRef(
       setInputType(type);
     }, [type]);
     const handleChange = (event) => {
-      if (readOnly || disabled || !onChange) return;
-      onChange(event);
+      if (readOnly || disabled) return;
+      if (!isEmptyControlled) {
+        setUncontrolledIsEmpty(checkInputValueIfEmpty(event.currentTarget.value));
+      }
+      onChange?.(event);
     };
     const handleLabelClick = () => {
-      if (readOnly || disabled) return;
-      setIsFocused(true);
+      if (readOnly || disabled || loading) return;
+      inputRef.current?.focus();
     };
     const handleFocus = (event) => {
       if (readOnly || disabled) return;
@@ -12565,7 +12574,7 @@ var DashboardInput = React43.forwardRef(
                     "input",
                     {
                       ...props,
-                      ref,
+                      ref: combinedInputRef,
                       id: inputId,
                       name,
                       type: inputType,