kui-complex 0.0.105 → 0.0.108

package/index.js

@@ -707,10 +707,6 @@ var InputWithDatePicker = forwardRef(function (_a, ref) {
     return (jsxs(Fragment, { children: [jsx$1(InputForDatepicker, __assign({ mask: "00.00.0000", name: name, handleClick: handleModalOpen, value: formattedValue || value, onChange: handleChange, disabled: disabled, message: error, ref: forwardedRef }, props)), jsxs(StyledModal, __assign({ title: title, description: description, isOpen: isModalOpen, handleClose: handleModalClose, alignTitle: alignTitle }, { children: [jsx$1(ContentWrapper$2, { children: jsx$1(DatePicker, __assign({ inline: true, selected: date || formattedDate, onChange: handleDateChange, calendarContainer: StyledCalendarStandardContainer, renderCustomHeader: function (headProps) { return (jsx$1(CalendarHeaderWithSelect, __assign({ yearOptions: yearList, max: max, min: min }, headProps))); }, renderDayContents: function (day) { return (jsx$1(DayContent, { children: day })); }, maxDate: max === null || max === void 0 ? void 0 : max.toJSDate(), minDate: min === null || min === void 0 ? void 0 : min.toJSDate() }, datePickerProps)) }), jsx$1(ModalFooter, { fullWidth: true, disabled: !formattedDate && !date, onClick: acceptWithDateSelected, label: footerLabel })] }))] }));
 });
 InputWithDatePicker.defaultProps = {
-    title: "Дата рождения",
-    description: "Выберите год, месяц и число вашего рождения",
-    yearParams: { min: 18, max: 120 },
-    footerLabel: "Подтвердить",
     alignTitle: "center",
 };
 var ContentWrapper$2 = styled.div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n  padding: 0px 40px 24px;\n  @media (max-width: 600px) {\n    padding: 20px 0 0;\n  }\n"], ["\n  padding: 0px 40px 24px;\n  @media (max-width: 600px) {\n    padding: 20px 0 0;\n  }\n"])));
@@ -840,7 +836,7 @@ MenuPanel.defaultProps = {
     variant: "grey",
 };
 var fullHeightStyles = css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  height: calc(100vh - 121px);\n  display: flex;\n"], ["\n  height: calc(100vh - 121px);\n  display: flex;\n"])));
-var StyledElement = styled(Element)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var StyledElement = styled(Element)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n"])));
 var templateObject_1$j, templateObject_2$b;
 
 var Switch = forwardRef(function (_a, ref) {
@@ -1061,7 +1057,7 @@ var Popper = forwardRef(function (props, ref) {
 });
 
 var Tooltip = forwardRef(function (props, ref) {
-    var content = props.content, onOpen = props.onOpen, onClose = props.onClose, open = props.open, children = props.children, cursor = props.cursor, popper = __rest(props, ["content", "onOpen", "onClose", "open", "children", "cursor"]);
+    var content = props.content, onOpen = props.onOpen, onClose = props.onClose, open = props.open, children = props.children, cursor = props.cursor, className = props.className, popper = __rest(props, ["content", "onOpen", "onClose", "open", "children", "cursor", "className"]);
     var _a = useState(open), isOpen = _a[0], setOpen = _a[1];
     var elemRef = useRef(null);
     var handleOpen = function () {
@@ -1079,7 +1075,7 @@ var Tooltip = forwardRef(function (props, ref) {
     useEffect(function () {
         setOpen(open);
     }, [open]);
-    return (jsxs$1(StyledWrapper$7, __assign({ onMouseLeave: handleClose, ref: ref }, { children: [jsx(StyledContentWrapper, __assign({ onMouseEnter: handleOpen, onTouchEnd: handleOpen, ref: elemRef, cursor: cursor }, { children: jsx(StyledContent$1, { children: children }) })), jsx(Popper, __assign({ open: isOpen }, popper, { contentRef: elemRef }, { children: content }))] })));
+    return (jsxs$1(StyledWrapper$7, __assign({ className: className, onMouseLeave: handleClose, ref: ref }, { children: [jsx(StyledContentWrapper, __assign({ onMouseEnter: handleOpen, onTouchEnd: handleOpen, ref: elemRef, cursor: cursor }, { children: jsx(StyledContent$1, __assign({ className: "Tooltip_content" }, { children: children })) })), jsx(Popper, __assign({ open: isOpen }, popper, { contentRef: elemRef }, { children: content }))] })));
 });
 var containerCSS = css(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  display: inline-flex;\n  width: 100%;\n  height: fit-content;\n"], ["\n  display: inline-flex;\n  width: 100%;\n  height: fit-content;\n"])));
 var StyledWrapper$7 = styled.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n  ", ";\n  position: relative;\n"], ["\n  ", ";\n  position: relative;\n"])), containerCSS);
@@ -1603,7 +1599,7 @@ var CheckboxWithController = forwardRef(function (props, ref) {
             var field = _a.field;
             return (jsx(Checkbox, __assign({}, inputProps, field, { checked: field.value || "", onChange: function (e) {
                     return handleChange(e, field);
-                }, label: jsx(Caption, __assign({}, labelProps, { children: label })) })));
+                }, label: typeof label === "string" ? (jsx(Caption, __assign({}, labelProps, { children: label }))) : (label) })));
         } }));
 });