kui-complex 0.0.48 → 0.0.50

package/index.d.ts

@@ -155,7 +155,7 @@ declare const InputSelectDropdown: React.ForwardRefExoticComponent<InputSelectDr
 
 declare const InputTextAreaMobile: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 
-declare const InputWithController: React.ForwardRefExoticComponent<InputWithControllerProps & React.RefAttributes<HTMLInputElement>>;
+declare const InputWithController: React.ForwardRefExoticComponent<InputWithControllerProps & React.RefAttributes<HTMLInputElement | null>>;
 
 declare const InputWithDatePicker: React.ForwardRefExoticComponent<Pick<{
     title?: string | undefined;

package/index.js

@@ -464,14 +464,6 @@ var InputWithController = forwardRef(function (_a, ref) {
             inputProps.onChange(e);
         }
     };
-    var forwardedRef = function (elem, field) {
-        if (ref) {
-            // eslint-disable-next-line no-param-reassign
-            // @ts-ignore
-            ref.current = elem;
-        }
-        field.ref(elem);
-    };
     var getError = function (fieldState) {
         var _a;
         return typeof error !== "undefined" && String(error).length > 0
@@ -482,7 +474,7 @@ var InputWithController = forwardRef(function (_a, ref) {
             var field = _a.field, fieldState = _a.fieldState;
             return (jsx(InputWithAdornments, __assign({ message: getError(fieldState) }, field, inputProps, { onChange: function (e) {
                     return handleChange(e, field);
-                }, value: typeof value !== "undefined" ? value : field.value || "", ref: function (e) { return forwardedRef(e, field); } })));
+                }, value: typeof value !== "undefined" ? value : field.value || "", inputRef: ref })));
         } }));
 });
 
@@ -865,9 +857,17 @@ var InputPhoneWithForm = forwardRef(function (props, ref) {
         }
         phoneRegister.field.ref(elem);
     };
+    useEffect(function () {
+        if (!codeRegister.field.value) {
+            codeRegister.field.onChange({
+                target: { value: "7", name: "".concat(name, ".phoneCode") },
+                type: "change",
+            });
+        }
+    }, []);
     return (jsx(InputWithCountryDropdown, __assign({ message: errorMessage, 
         // @ts-ignore
-        hiddenInputProps: __assign(__assign({}, codeRegister.field), hiddenInputProps), onSelectCountry: handleCountryChange }, phoneRegister.field, other, { onChange: handleChange, ref: forwardedRef, autoComplete: "false" })));
+        hiddenInputProps: __assign(__assign(__assign({}, codeRegister.field), hiddenInputProps), { value: codeRegister.field.value || "7" }), onSelectCountry: handleCountryChange }, phoneRegister.field, other, { onChange: handleChange, ref: forwardedRef, autoComplete: "false" })));
 });
 InputPhoneWithForm.defaultProps = {
     name: "phone",