kui-complex 0.0.60 → 0.0.62

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 })));
         } }));
 });
 
@@ -206,7 +200,7 @@ var getFormError = function (name, form) {
 var InputSelect = forwardRef(function (props, ref) {
     var _a, _b;
     var options = props.options, name = props.name, handleChange = props.handleChange, form = props.form, iconProps = props.iconProps, defaultValue = props.value, other = __rest(props, ["options", "name", "handleChange", "form", "iconProps", "value"]);
-    var _c = useState(false), isOpenDropdown = _c[0], setIsOpenDropDown = _c[1];
+    var _c = useState(false), isDropdownOpen = _c[0], setIsDropdownOpen = _c[1];
     var _d = useState(defaultValue || getFormValue(name, form)), value = _d[0], setValue = _d[1];
     var error = getFormError(name, form);
     var inputRef = useRef(null);
@@ -217,10 +211,10 @@ var InputSelect = forwardRef(function (props, ref) {
         if ((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) {
             (_d = (_c = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.parentElement.focus();
         }
-        setIsOpenDropDown(function (prev) { return !prev; });
+        setIsDropdownOpen(function (prev) { return !prev; });
     };
     var handleCloseDropdown = function () {
-        setIsOpenDropDown(false);
+        setIsDropdownOpen(false);
     };
     var handleSelect = function (option) {
         setValue(option.value);
@@ -245,15 +239,18 @@ var InputSelect = forwardRef(function (props, ref) {
         inputRef.current = e;
         register === null || register === void 0 ? void 0 : register.ref(e);
     };
-    return (jsxs$1(Wrapper$4, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), jsx$1(StyledInput, __assign({ onClick: handleOpenDropdown, readOnly: true, value: selectedLabel, message: error }, other, { endIcon: !props.disabled && (jsx$1(HalfArrowIcon, __assign({ width: 12, height: 13, css: [
+    return (jsxs$1(Wrapper$4, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), jsx$1(StyledInput, __assign({ onClick: handleOpenDropdown, readOnly: true, value: selectedLabel, message: error, isDropdownOpen: isDropdownOpen }, other, { endIcon: !props.disabled && (jsx$1(HalfArrowIcon, __assign({ width: 12, height: 13, css: [
                         { transition: "all linear .2s" },
-                        isOpenDropdown && { transform: "rotate(180deg)" },
+                        isDropdownOpen && { transform: "rotate(180deg)" },
                     ] }, iconProps))) }, register, { ref: forwardedRef })), options && options.length > 0 && !props.disabled && (jsx$1(InputSelectDropdown, { options: options, inputRef: {
                     current: (_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.parentElement,
-                }, isOpenDropdown: isOpenDropdown, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: value }))] }));
+                }, isOpenDropdown: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: value }))] }));
 });
 var Wrapper$4 = styled.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  position: relative;\n  text-align: left;\n  width: fit-content;\n"], ["\n  position: relative;\n  text-align: left;\n  width: fit-content;\n"])));
-var StyledInput = styled(InputWithAdornments)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"], ["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"])));
+var StyledInput = styled(InputWithAdornments)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"], ["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"])), function (_a) {
+    var isDropdownOpen = _a.isDropdownOpen;
+    return (isDropdownOpen ? 0 : 1);
+});
 var templateObject_1$b, templateObject_2$5;
 
 var InputForDatepicker = forwardRef(function (props, ref) {