kui-complex 0.0.61 → 0.0.62

package/index.d.ts

@@ -41,18 +41,18 @@ type ButtonTabProps = {
 
 declare const ButtonTab: React.ForwardRefExoticComponent<ButtonTabProps & React.RefAttributes<HTMLButtonElement>>;
 
-type OptionParams<T = any> = {
-  label: string | number
-  value: T
-}
-
-interface InputSelectProps<T = any>
-  extends Omit<InputWithAdornmentsProps, "form"> {
-  options?: OptionParams<T>[]
-  handleChange?: (value: T) => void
-  isLoading?: boolean
-  form?: UseFormReturn<any>
-  iconProps?: SVGProps
+type OptionParams<T = any> = {
+  label: string | number
+  value: T
+}
+
+interface InputSelectProps<T = any>
+  extends Omit<InputWithAdornmentsProps, "form"> {
+  options?: OptionParams<T>[]
+  handleChange?: (value: T) => void
+  isLoading?: boolean
+  form?: UseFormReturn<any>
+  iconProps?: SVGProps
 }
 
 type CalendarHeaderProps$1 = {

package/index.js

@@ -152,14 +152,11 @@ var InputDropdown = forwardRef(function (props, ref) {
         };
     });
     useEffect(function () {
-        var _a, _b;
+        var _a;
         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";
-                if (inputMessage)
-                    inputMessage.style.opacity = "0";
-                var scrollContainer = (_b = dropdownRef.current) === null || _b === void 0 ? void 0 : _b.children[0].children[0];
+                var scrollContainer = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.children[0].children[0];
                 if (scrollContainer) {
                     var hasScroll = scrollContainer.scrollHeight > scrollContainer.clientHeight;
                     setIsScrollable(hasScroll);
@@ -167,8 +164,6 @@ var InputDropdown = forwardRef(function (props, ref) {
             }
             else {
                 buttonRef.current.style.zIndex = "1";
-                if (inputMessage)
-                    inputMessage.style.opacity = "1";
             }
         }
     }, [isOpen]);
@@ -257,7 +252,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);
@@ -268,10 +263,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);
@@ -296,15 +291,18 @@ var InputSelect = forwardRef(function (props, ref) {
         inputRef.current = e;
         register === null || register === void 0 ? void 0 : register.ref(e);
     };
-    return (jsxs(Wrapper$6, { 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(Wrapper$6, { 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$6 = styled.div(templateObject_1$o || (templateObject_1$o = __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$b || (templateObject_2$b = __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$b || (templateObject_2$b = __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$o, templateObject_2$b;
 
 var checkDisabled$1 = function (year, min, max) {