kui-complex 0.0.114 → 0.0.115

package/cjs/index.js

@@ -215,7 +215,7 @@ var StyledWrapper$9 = styled__default["default"](kuiBasic.Container)(templateObj
 var templateObject_1$E, templateObject_2$o, templateObject_3$b;
 
 var InputDropdown = React.forwardRef(function (props, ref) {
-    var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, input = props.input, className = props.className, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent", "input", "className"]);
+    var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, input = props.input, className = props.className, strategy = props.strategy, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent", "input", "className", "strategy"]);
     var _a = React.useState(false), isScrollable = _a[0], setIsScrollable = _a[1];
     var dropdownRef = React.useRef(null);
     var handleChange = function (open) {
@@ -246,7 +246,7 @@ var InputDropdown = React.forwardRef(function (props, ref) {
             ref.current = elem;
         dropdownRef.current = elem;
     };
-    return (jsxRuntime.jsx(StyledTooltip, __assign({ fullWidth: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: "fixed", placement: "bottom", className: className, content: jsxRuntime.jsxs(StyledDropdown$2, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef }, otherProps, { children: [jsxRuntime.jsx(StyledWrapper$8, __assign({ isScrollable: isScrollable }, { children: jsxRuntime.jsx(ScrollingContainer, __assign({ isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })) })), endComponent] })) }, { children: input })));
+    return (jsxRuntime.jsx(StyledTooltip, __assign({ fullWidth: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: strategy || "fixed", placement: "bottom", className: className, withShift: false, content: jsxRuntime.jsxs(StyledDropdown$2, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef }, otherProps, { children: [jsxRuntime.jsx(StyledWrapper$8, __assign({ isScrollable: isScrollable }, { children: jsxRuntime.jsx(ScrollingContainer, __assign({ isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })) })), endComponent] })) }, { children: input })));
 });
 var StyledTooltip = styled__default["default"](kuiBasic.Tooltip)(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 StyledDropdown$2 = styled__default["default"](kuiBasic.Grid)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  width: 100%;\n  user-select: none;\n"], ["\n  width: 100%;\n  user-select: none;\n"])));
@@ -308,7 +308,7 @@ var InputSelectBase = React.forwardRef(function (_a, ref) {
                         ] }, iconProps))) })) }))] }));
 });
 var Wrapper$6 = styled__default["default"].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__default["default"](kuiBasic.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 StyledInput$3 = styled__default["default"](kuiBasic.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 isDropdownOpen = _a.isDropdownOpen;
     return (isDropdownOpen ? 0 : 1);
 });
@@ -1399,7 +1399,7 @@ function InputWithAutocomplete(_a) {
 }
 var StyledLoadingWrapper = styled__default["default"].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__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var StyledInput$2 = styled__default["default"](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 StyledInput$2 = styled__default["default"](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 isDropdownOpen = _a.isDropdownOpen;
     return (isDropdownOpen ? 0 : 1);
 });