kui-complex 0.0.56 → 0.0.58
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 +6 -6
- 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 +7 -7
- package/CalendarHeaderWithSelect/index.js.map +1 -1
- package/InputDropdown/cjs/index.js +3 -3
- package/InputDropdown/cjs/index.js.map +1 -1
- package/InputDropdown/index.d.ts +2 -1
- package/InputDropdown/index.js +4 -4
- package/InputDropdown/index.js.map +1 -1
- package/InputSelect/cjs/index.js +3 -3
- package/InputSelect/cjs/index.js.map +1 -1
- package/InputSelect/index.js +6 -6
- package/InputSelect/index.js.map +1 -1
- package/InputSelectDropdown/cjs/index.js +3 -3
- package/InputSelectDropdown/cjs/index.js.map +1 -1
- package/InputSelectDropdown/index.js +4 -4
- package/InputSelectDropdown/index.js.map +1 -1
- package/InputWithDatePicker/cjs/index.js +3 -3
- package/InputWithDatePicker/cjs/index.js.map +1 -1
- package/InputWithDatePicker/index.js +9 -9
- 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 +6 -6
- 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 +6 -6
- 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 +15 -15
- package/TestForm/index.js.map +1 -1
- package/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.js +3 -3
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -166,7 +166,7 @@ var StyledContainer$1 = styled__default["default"].div(templateObject_2$e || (te
|
|
|
166
166
|
var templateObject_1$r, templateObject_2$e;
|
|
167
167
|
|
|
168
168
|
var InputDropdown = React.forwardRef(function (props, ref) {
|
|
169
|
-
var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children"]);
|
|
169
|
+
var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent"]);
|
|
170
170
|
var _a = React.useState(false), isScrollable = _a[0], setIsScrollable = _a[1];
|
|
171
171
|
var dropdownRef = React.useRef(null);
|
|
172
172
|
var closePopUp = function (e) {
|
|
@@ -209,7 +209,7 @@ var InputDropdown = React.forwardRef(function (props, ref) {
|
|
|
209
209
|
ref.current = elem;
|
|
210
210
|
dropdownRef.current = elem;
|
|
211
211
|
};
|
|
212
|
-
return (jsxRuntime.
|
|
212
|
+
return (jsxRuntime.jsxs(StyledDropdown$1, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef, isOpen: isOpen, isScrollable: isScrollable }, otherProps, { children: [jsxRuntime.jsx(ScrollingContainer, __assign({ isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })), endComponent] })));
|
|
213
213
|
});
|
|
214
214
|
var StyledDropdown$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n width: 100%;\n display: ", ";\n position: absolute;\n background: ", ";\n z-index: 3;\n top: 50px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n border-radius: 0 0 8px 8px;\n user-select: none;\n padding: ", ";\n"], ["\n width: 100%;\n display: ", ";\n position: absolute;\n background: ", ";\n z-index: 3;\n top: 50px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n border-radius: 0 0 8px 8px;\n user-select: none;\n padding: ", ";\n"])), function (_a) {
|
|
215
215
|
var isOpen = _a.isOpen;
|
|
@@ -218,7 +218,7 @@ var StyledDropdown$1 = styled__default["default"](kuiBasic.Grid)(templateObject_
|
|
|
218
218
|
var isScrollable = _a.isScrollable;
|
|
219
219
|
return isScrollable ? "14px 8px 8px 0" : "14px 0px 8px 0";
|
|
220
220
|
});
|
|
221
|
-
var ScrollingContainer = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 100%;\n max-height: 389px;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n user-select: none;\n ::-webkit-scrollbar {\n width: ", ";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n"], ["\n width: 100%;\n max-height: 389px;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n user-select: none;\n ::-webkit-scrollbar {\n width: ", ";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n"])), function (_a) {
|
|
221
|
+
var ScrollingContainer = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 100%;\n max-height: 389px;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ", ";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n"], ["\n width: 100%;\n max-height: 389px;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ", ";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n"])), function (_a) {
|
|
222
222
|
var isScrollable = _a.isScrollable;
|
|
223
223
|
return (isScrollable ? "4px" : "0px");
|
|
224
224
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|