kui-complex 0.0.104 → 0.0.107

package/cjs/index.js

@@ -739,10 +739,6 @@ var InputWithDatePicker = React.forwardRef(function (_a, ref) {
     return (jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, { children: [jsxRuntime$1.jsx(InputForDatepicker, __assign({ mask: "00.00.0000", name: name, handleClick: handleModalOpen, value: formattedValue || value, onChange: handleChange, disabled: disabled, message: error, ref: forwardedRef }, props)), jsxRuntime$1.jsxs(StyledModal, __assign({ title: title, description: description, isOpen: isModalOpen, handleClose: handleModalClose, alignTitle: alignTitle }, { children: [jsxRuntime$1.jsx(ContentWrapper$2, { children: jsxRuntime$1.jsx(DatePicker__default["default"], __assign({ inline: true, selected: date || formattedDate, onChange: handleDateChange, calendarContainer: StyledCalendarStandardContainer, renderCustomHeader: function (headProps) { return (jsxRuntime$1.jsx(CalendarHeaderWithSelect, __assign({ yearOptions: yearList, max: max, min: min }, headProps))); }, renderDayContents: function (day) { return (jsxRuntime$1.jsx(DayContent, { children: day })); }, maxDate: max === null || max === void 0 ? void 0 : max.toJSDate(), minDate: min === null || min === void 0 ? void 0 : min.toJSDate() }, datePickerProps)) }), jsxRuntime$1.jsx(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__default["default"].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"])));
@@ -872,7 +868,7 @@ MenuPanel.defaultProps = {
     variant: "grey",
 };
 var fullHeightStyles = react.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__default["default"](reactScroll.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__default["default"](reactScroll.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 = React.forwardRef(function (_a, ref) {
@@ -1492,7 +1488,7 @@ var disabledCSS = function (_a) {
     var disabled = _a.disabled;
     return disabled && react.css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    background: ", ";\n  "], ["\n    background: ", ";\n  "])), kuiBasic.theme.palette.background.light1);
 };
-var FileWrapper = styled__default["default"].div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), function (_a) {
+var FileWrapper = styled__default["default"].div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: white;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: white;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), function (_a) {
     var selected = _a.selected;
     return selected ? kuiBasic.theme.palette.brand.main : kuiBasic.theme.palette.grey.fifteenB;
 }, disabledCSS, errorCSS);
@@ -1644,7 +1640,7 @@ function CheckboxGroupWithTitle(_a) {
     return (jsxRuntime.jsxs(StyledWrapper, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true }, { children: options.map(function (option) { return (jsxRuntime.jsx(StyledCheckbox, __assign({ name: option.name, label: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "fiftyP", weight: 500 }, { children: option.label })), form: form, testId: option.name }, otherProps), option.name)); }) })) }))] })));
 }
 var StyledCheckbox = styled__default["default"](CheckboxWithController)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:not(:last-child) {\n    margin-right: 22px;\n  }\n"], ["\n  &:not(:last-child) {\n    margin-right: 22px;\n  }\n"])));
-var StyledWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n"], ["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n"])), kuiBasic.theme.palette.grey.fifteenB);
+var StyledWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n  background: white;\n"], ["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n  background: white;\n"])), kuiBasic.theme.palette.grey.fifteenB);
 var templateObject_1, templateObject_2;
 
 var settings = {