kui-complex 0.0.139 → 0.0.141
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ButtonSelect/cjs/index.js +3 -3
- package/ButtonSelect/cjs/index.js.map +1 -1
- package/ButtonSelect/index.js +3 -3
- package/ButtonSelect/index.js.map +1 -1
- package/CalendarHeaderWithSelect/cjs/index.js +3 -3
- package/CalendarHeaderWithSelect/cjs/index.js.map +1 -1
- package/CalendarHeaderWithSelect/index.js +3 -3
- package/CalendarHeaderWithSelect/index.js.map +1 -1
- package/CheckboxWithController/index.d.ts +6 -1
- package/InputDropdown/cjs/index.js +3 -3
- package/InputDropdown/cjs/index.js.map +1 -1
- package/InputDropdown/index.js +3 -3
- package/InputDropdown/index.js.map +1 -1
- package/InputMultiSelect/cjs/index.js +3 -3
- package/InputMultiSelect/cjs/index.js.map +1 -1
- package/InputMultiSelect/index.js +3 -3
- package/InputMultiSelect/index.js.map +1 -1
- package/InputPhoneWithForm/index.d.ts +1 -1
- package/InputSelect/cjs/index.js +3 -3
- package/InputSelect/cjs/index.js.map +1 -1
- package/InputSelect/index.js +3 -3
- package/InputSelect/index.js.map +1 -1
- package/InputSelectBase/cjs/index.js +3 -3
- package/InputSelectBase/cjs/index.js.map +1 -1
- package/InputSelectBase/index.js +3 -3
- package/InputSelectBase/index.js.map +1 -1
- package/InputSelectDropdown/cjs/index.js +3 -3
- package/InputSelectDropdown/cjs/index.js.map +1 -1
- package/InputSelectDropdown/index.js +3 -3
- package/InputSelectDropdown/index.js.map +1 -1
- package/InputSelectWithController/cjs/index.js +3 -3
- package/InputSelectWithController/cjs/index.js.map +1 -1
- package/InputSelectWithController/index.js +3 -3
- package/InputSelectWithController/index.js.map +1 -1
- package/InputWithAutocomplete/cjs/index.js +3 -3
- package/InputWithAutocomplete/cjs/index.js.map +1 -1
- package/InputWithAutocomplete/index.js +3 -3
- package/InputWithAutocomplete/index.js.map +1 -1
- package/InputWithDatePicker/cjs/index.js +3 -3
- package/InputWithDatePicker/cjs/index.js.map +1 -1
- package/InputWithDatePicker/index.d.ts +1 -1
- package/InputWithDatePicker/index.js +3 -3
- package/InputWithDatePicker/index.js.map +1 -1
- package/SelectMonth/cjs/index.js +3 -3
- package/SelectMonth/cjs/index.js.map +1 -1
- package/SelectMonth/index.js +3 -3
- package/SelectMonth/index.js.map +1 -1
- package/SelectYear/cjs/index.js +3 -3
- package/SelectYear/cjs/index.js.map +1 -1
- package/SelectYear/index.js +3 -3
- package/SelectYear/index.js.map +1 -1
- package/TestForm/cjs/index.js +3 -3
- package/TestForm/cjs/index.js.map +1 -1
- package/TestForm/index.js +3 -3
- package/TestForm/index.js.map +1 -1
- package/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/index.d.ts +6 -3
- package/index.js +3 -3
- package/index.js.map +1 -1
- package/package.json +1 -1
package/TestForm/index.js
CHANGED
|
@@ -81,7 +81,7 @@ var InputWithController = forwardRef(function (_a, ref) {
|
|
|
81
81
|
});
|
|
82
82
|
|
|
83
83
|
var InputDropdown = forwardRef(function (props, ref) {
|
|
84
|
-
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"]);
|
|
84
|
+
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, onScroll = props.onScroll, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent", "input", "className", "strategy", "onScroll"]);
|
|
85
85
|
var _a = useState(false), isScrollable = _a[0], setIsScrollable = _a[1];
|
|
86
86
|
var dropdownRef = useRef(null);
|
|
87
87
|
var handleChange = function (open) {
|
|
@@ -106,9 +106,9 @@ var InputDropdown = forwardRef(function (props, ref) {
|
|
|
106
106
|
ref.current = elem;
|
|
107
107
|
dropdownRef.current = elem;
|
|
108
108
|
};
|
|
109
|
-
return (jsx(StyledTooltip, __assign({ fullWidth: true, withoutMobile: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: strategy || "fixed", placement: "bottom", className: className,
|
|
109
|
+
return (jsx(StyledTooltip, __assign({ fullWidth: true, withoutMobile: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: strategy || "fixed", placement: "bottom", className: className, content: jsxs(StyledDropdown$1, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef }, otherProps, { children: [jsx(StyledWrapper, __assign({ isScrollable: isScrollable }, { children: jsx(ScrollingContainer, __assign({ onScroll: onScroll, isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })) })), endComponent] })) }, { children: input })));
|
|
110
110
|
});
|
|
111
|
-
var StyledTooltip = styled(Tooltip)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\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 z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\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"])));
|
|
111
|
+
var StyledTooltip = styled(Tooltip)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\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 &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"], ["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\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 &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"])));
|
|
112
112
|
var StyledDropdown$1 = styled(Grid)(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 100%;\n user-select: none;\n"], ["\n width: 100%;\n user-select: none;\n"])));
|
|
113
113
|
var StyledWrapper = styled.div(templateObject_3$3 || (templateObject_3$3 = __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) {
|
|
114
114
|
var isScrollable = _a.isScrollable;
|