kui-complex 0.0.115 → 0.0.117

package/index.js

@@ -216,7 +216,7 @@ var InputDropdown = forwardRef(function (props, ref) {
     };
     return (jsx(StyledTooltip, __assign({ fullWidth: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: strategy || "fixed", placement: "bottom", className: className, withShift: false, content: jsxs$1(StyledDropdown$2, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef }, otherProps, { children: [jsx(StyledWrapper$8, __assign({ isScrollable: isScrollable }, { children: jsx(ScrollingContainer, __assign({ isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })) })), endComponent] })) }, { children: input })));
 });
-var StyledTooltip = styled(Tooltip$1)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n  }\n"], ["\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n  }\n"])));
+var StyledTooltip = styled(Tooltip$1)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n  }\n"], ["\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n  }\n"])));
 var StyledDropdown$2 = styled(Grid)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  width: 100%;\n  user-select: none;\n"], ["\n  width: 100%;\n  user-select: none;\n"])));
 var StyledWrapper$8 = styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"])), function (_a) {
     var isScrollable = _a.isScrollable;
@@ -258,7 +258,8 @@ var InputSelectBase = forwardRef(function (_a, 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();
         }
-        setIsDropdownOpen(function (prev) { return !prev; });
+        if (!disabled)
+            setIsDropdownOpen(function (prev) { return !prev; });
     };
     var handleCloseDropdown = function () {
         setIsDropdownOpen(false);
@@ -268,15 +269,15 @@ var InputSelectBase = forwardRef(function (_a, ref) {
             handleChange(option);
         handleCloseDropdown();
     };
-    return (jsxs(Wrapper$6, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), options.length > 0 && !disabled && (jsx$1(InputSelectDropdown, { options: options, inputRef: {
+    return (jsxs(Wrapper$6, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), 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: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: selectedValue, renderOption: renderOption, input: jsx$1(StyledInput$3, __assign({ onClick: handleOpenDropdown, ref: forwardedRef, disabled: disabled, readOnly: true, value: selectedLabel, message: error, isDropdownOpen: isDropdownOpen, isLabelShrink: Boolean(selectedValue) || selectedValue === 0 }, inputProps, { endIcon: !disabled && (jsx$1(HalfArrowIcon, __assign({ width: 12, height: 13, css: [
                             { transition: "all linear .2s" },
                             isDropdownOpen && { transform: "rotate(180deg)" },
-                        ] }, iconProps))) })) }))] }));
+                        ] }, iconProps))) })) })] }));
 });
 var Wrapper$6 = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  position: relative;\n  text-align: left;\n"], ["\n  position: relative;\n  text-align: left;\n"])));
-var StyledInput$3 = styled(InputWithAdornments)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  cursor: pointer;\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  input,\n  label {\n    cursor: pointer !important;\n  }\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"], ["\n  cursor: pointer;\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  input,\n  label {\n    cursor: pointer !important;\n  }\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"])), function (_a) {
+var StyledInput$3 = styled(InputWithAdornments)(templateObject_2$l || (templateObject_2$l = __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);
 });
@@ -1322,7 +1323,8 @@ function InputWithAutocomplete(_a) {
     if (hideName)
         form.register(hideName);
     var handleOpenDropdown = function () {
-        setIsOpenDropDown(true);
+        if (!disabled)
+            setIsOpenDropDown(true);
     };
     var handleCloseDropdown = function () {
         setIsOpenDropDown(false);
@@ -1367,7 +1369,7 @@ function InputWithAutocomplete(_a) {
 }
 var StyledLoadingWrapper = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n"])));
 var StyledWrapper$3 = styled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var StyledInput$2 = styled(InputWithController)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n"], ["\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n  width: 100%;\n  > div {\n    width: 100%;\n    > div {\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n"])), function (_a) {
+var StyledInput$2 = styled(InputWithController)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"], ["\n  .KUI-InputMessage {\n    opacity: ", ";\n  }\n"])), function (_a) {
     var isDropdownOpen = _a.isDropdownOpen;
     return (isDropdownOpen ? 0 : 1);
 });