kui-complex 0.0.104 → 0.0.107
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/CheckboxGroupWithTitle/cjs/index.js +1 -1
- package/CheckboxGroupWithTitle/cjs/index.js.map +1 -1
- package/CheckboxGroupWithTitle/index.js +1 -1
- package/CheckboxGroupWithTitle/index.js.map +1 -1
- package/FileItem/cjs/index.js +1 -1
- package/FileItem/cjs/index.js.map +1 -1
- package/FileItem/index.js +1 -1
- package/FileItem/index.js.map +1 -1
- package/InputFile/cjs/index.js +1 -1
- package/InputFile/cjs/index.js.map +1 -1
- package/InputFile/index.js +1 -1
- package/InputFile/index.js.map +1 -1
- package/InputWithDatePicker/cjs/index.js +0 -4
- package/InputWithDatePicker/cjs/index.js.map +1 -1
- package/InputWithDatePicker/index.js +0 -4
- package/InputWithDatePicker/index.js.map +1 -1
- package/MenuPanel/cjs/index.js +1 -1
- package/MenuPanel/cjs/index.js.map +1 -1
- package/MenuPanel/index.js +1 -1
- package/MenuPanel/index.js.map +1 -1
- package/TestForm/cjs/index.js +0 -4
- package/TestForm/cjs/index.js.map +1 -1
- package/TestForm/index.js +0 -4
- package/TestForm/index.js.map +1 -1
- package/cjs/index.js +3 -7
- package/cjs/index.js.map +1 -1
- package/index.js +3 -7
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -707,10 +707,6 @@ var InputWithDatePicker = forwardRef(function (_a, ref) {
|
|
|
707
707
|
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 })] }))] }));
|
|
708
708
|
});
|
|
709
709
|
InputWithDatePicker.defaultProps = {
|
|
710
|
-
title: "Дата рождения",
|
|
711
|
-
description: "Выберите год, месяц и число вашего рождения",
|
|
712
|
-
yearParams: { min: 18, max: 120 },
|
|
713
|
-
footerLabel: "Подтвердить",
|
|
714
710
|
alignTitle: "center",
|
|
715
711
|
};
|
|
716
712
|
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 = {
|
|
|
840
836
|
variant: "grey",
|
|
841
837
|
};
|
|
842
838
|
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"])));
|
|
843
|
-
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"])));
|
|
839
|
+
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"])));
|
|
844
840
|
var templateObject_1$j, templateObject_2$b;
|
|
845
841
|
|
|
846
842
|
var Switch = forwardRef(function (_a, ref) {
|
|
@@ -1460,7 +1456,7 @@ var disabledCSS = function (_a) {
|
|
|
1460
1456
|
var disabled = _a.disabled;
|
|
1461
1457
|
return disabled && css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n background: ", ";\n "], ["\n background: ", ";\n "])), theme.palette.background.light1);
|
|
1462
1458
|
};
|
|
1463
|
-
var FileWrapper = styled.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) {
|
|
1459
|
+
var FileWrapper = styled.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) {
|
|
1464
1460
|
var selected = _a.selected;
|
|
1465
1461
|
return selected ? theme.palette.brand.main : theme.palette.grey.fifteenB;
|
|
1466
1462
|
}, disabledCSS, errorCSS);
|
|
@@ -1612,7 +1608,7 @@ function CheckboxGroupWithTitle(_a) {
|
|
|
1612
1608
|
return (jsxs$1(StyledWrapper, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: title })) })), jsx(Grid, __assign({ item: true }, { children: jsx(Grid, __assign({ container: true }, { children: options.map(function (option) { return (jsx(StyledCheckbox, __assign({ name: option.name, label: jsx(Caption, __assign({ size: "s", color: "fiftyP", weight: 500 }, { children: option.label })), form: form, testId: option.name }, otherProps), option.name)); }) })) }))] })));
|
|
1613
1609
|
}
|
|
1614
1610
|
var StyledCheckbox = styled(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"])));
|
|
1615
|
-
var StyledWrapper = styled(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"])), theme.palette.grey.fifteenB);
|
|
1611
|
+
var StyledWrapper = styled(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"])), theme.palette.grey.fifteenB);
|
|
1616
1612
|
var templateObject_1, templateObject_2;
|
|
1617
1613
|
|
|
1618
1614
|
var settings = {
|