kui-complex 0.0.60 → 0.0.61

package/TestForm/index.js

@@ -60,7 +60,9 @@ function __makeTemplateObject(cooked, raw) {
 var InputWithController = forwardRef(function (_a, ref) {
     var form = _a.form, name = _a.name, error = _a.error, value = _a.value, type = _a.type, inputProps = __rest(_a, ["form", "name", "error", "value", "type"]);
     var handleChange = function (e, field) {
-        field.onChange(e);
+        var _a;
+        var newValue = type === "number" && !((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.length) ? null : e.target.value;
+        field.onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: newValue }) }));
         if (inputProps.onChange) {
             inputProps.onChange(e);
         }
@@ -71,19 +73,11 @@ var InputWithController = forwardRef(function (_a, ref) {
             ? error
             : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
     };
-    var getValue = function (field) {
-        if (typeof value === "undefined") {
-            if (typeof field.value !== "undefined")
-                return field.value;
-            return type === "number" ? null : "";
-        }
-        return value;
-    };
     return (jsx(Controller, { control: form === null || form === void 0 ? void 0 : form.control, name: name, render: function (_a) {
             var field = _a.field, fieldState = _a.fieldState;
             return (jsx(InputWithAdornments, __assign({ message: getError(fieldState) }, field, inputProps, { onChange: function (e) {
                     return handleChange(e, field);
-                }, type: type, value: getValue(field), inputRef: ref })));
+                }, type: type, value: value !== null && value !== void 0 ? value : field.value, inputRef: ref })));
         } }));
 });
 
@@ -106,11 +100,14 @@ var InputDropdown = forwardRef(function (props, ref) {
         };
     });
     useEffect(function () {
-        var _a;
+        var _a, _b;
         if (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) {
+            var inputMessage = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".KUI-InputMessage");
             if (isOpen) {
                 buttonRef.current.style.zIndex = "4";
-                var scrollContainer = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.children[0].children[0];
+                if (inputMessage)
+                    inputMessage.style.opacity = "0";
+                var scrollContainer = (_b = dropdownRef.current) === null || _b === void 0 ? void 0 : _b.children[0].children[0];
                 if (scrollContainer) {
                     var hasScroll = scrollContainer.scrollHeight > scrollContainer.clientHeight;
                     setIsScrollable(hasScroll);
@@ -118,6 +115,8 @@ var InputDropdown = forwardRef(function (props, ref) {
             }
             else {
                 buttonRef.current.style.zIndex = "1";
+                if (inputMessage)
+                    inputMessage.style.opacity = "1";
             }
         }
     }, [isOpen]);