kui-complex 0.0.126 → 0.0.127
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/MenuPanel/cjs/index.js +6 -7
- package/MenuPanel/cjs/index.js.map +1 -1
- package/MenuPanel/cjs/package.json +0 -1
- package/MenuPanel/index.js +6 -7
- package/MenuPanel/index.js.map +1 -1
- package/MenuPanel/package.json +0 -1
- package/MobileMenuPanel/cjs/index.js +6 -7
- package/MobileMenuPanel/cjs/index.js.map +1 -1
- package/MobileMenuPanel/cjs/package.json +0 -1
- package/MobileMenuPanel/index.js +6 -7
- package/MobileMenuPanel/index.js.map +1 -1
- package/MobileMenuPanel/package.json +0 -1
- package/cjs/index.js +32 -34
- package/cjs/index.js.map +1 -1
- package/index.js +32 -34
- package/index.js.map +1 -1
- package/package.json +1 -3
package/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import 'react-datepicker/dist/react-datepicker.css';
|
|
2
|
-
import 'swiper/swiper-bundle.css';
|
|
3
2
|
import { jsx as jsx$1, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
4
3
|
import styled from '@emotion/styled';
|
|
5
4
|
import { css, Global } from '@emotion/react';
|
|
@@ -17,7 +16,7 @@ import { scroller, Events, Link as Link$1, animateScroll, Element } from 'react-
|
|
|
17
16
|
import { DateTime } from 'luxon';
|
|
18
17
|
import ru from 'date-fns/locale/ru';
|
|
19
18
|
import { useNavigate, useLocation } from 'react-router-dom';
|
|
20
|
-
import Swiper from '
|
|
19
|
+
import Swiper from 'kui-swiper';
|
|
21
20
|
import * as ReactDOM from 'react-dom';
|
|
22
21
|
import { Loader } from '@googlemaps/js-api-loader';
|
|
23
22
|
|
|
@@ -132,7 +131,7 @@ var Avatar = forwardRef(function (props, ref) {
|
|
|
132
131
|
return (jsx$1(Wrapper$7, __assign({ css: sizeStyles[size], ref: ref }, otherProps, { children: imageUrl ? (jsx$1(StyledImage, { "data-testid": "avatar_image", src: imageUrl, alt: "avatar" })) : (jsx$1(StyledUndefinedAvatar, { label: fullName, avatarSize: size })) })));
|
|
133
132
|
});
|
|
134
133
|
var Wrapper$7 = styled.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"], ["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"])));
|
|
135
|
-
var StyledImage = styled.img(templateObject_2$
|
|
134
|
+
var StyledImage = styled.img(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"])));
|
|
136
135
|
var largeAvatarCSS = function (_a) {
|
|
137
136
|
var avatarSize = _a.avatarSize;
|
|
138
137
|
return avatarSize === "lg" && css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n font-size: 32px;\n "], ["\n font-size: 32px;\n "])));
|
|
@@ -146,7 +145,7 @@ var sizeStyles = {
|
|
|
146
145
|
md: css(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "], ["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),
|
|
147
146
|
lg: css(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "], ["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "]))),
|
|
148
147
|
};
|
|
149
|
-
var templateObject_1$G, templateObject_2$
|
|
148
|
+
var templateObject_1$G, templateObject_2$p, templateObject_3$c, templateObject_4$8, templateObject_5$4, templateObject_6$1, templateObject_7$1, templateObject_8$1;
|
|
150
149
|
|
|
151
150
|
var ButtonTab = forwardRef(function (_a, ref) {
|
|
152
151
|
var index = _a.index, onClick = _a.onClick, isActive = _a.isActive, label = _a.label;
|
|
@@ -156,8 +155,8 @@ var ButtonTab = forwardRef(function (_a, ref) {
|
|
|
156
155
|
return (jsx$1(StyledButton$1, __assign({ variant: isActive ? "orange" : "white", captionWeight: isActive ? 600 : 400, onClick: handleClick, css: !isActive && inactiveStyles, size: "s", ref: ref, className: classNames("KUI-ButtonTab", isActive && "KUI-ButtonTab_active") }, { children: label })));
|
|
157
156
|
});
|
|
158
157
|
var StyledButton$1 = styled(Button)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n margin-right: 24px;\n &:last-of-type {\n margin-right: 0;\n }\n"], ["\n margin-right: 24px;\n &:last-of-type {\n margin-right: 0;\n }\n"])));
|
|
159
|
-
var inactiveStyles = css(templateObject_2$
|
|
160
|
-
var templateObject_1$F, templateObject_2$
|
|
158
|
+
var inactiveStyles = css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n p {\n color: ", ";\n }\n"], ["\n p {\n color: ", ";\n }\n"])), theme.palette.grey.seventy);
|
|
159
|
+
var templateObject_1$F, templateObject_2$o;
|
|
161
160
|
|
|
162
161
|
var ButtonsPanel = forwardRef(function (_a, ref) {
|
|
163
162
|
var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, isSticky = _a.isSticky, onChange = _a.onChange, startComponent = _a.startComponent, endComponent = _a.endComponent, navigate = _a.navigate, otherProps = __rest(_a, ["tabs", "tabPanels", "paths", "activeTab", "isSticky", "onChange", "startComponent", "endComponent", "navigate"]);
|
|
@@ -183,9 +182,9 @@ ButtonsPanel.defaultProps = {
|
|
|
183
182
|
isSticky: false,
|
|
184
183
|
};
|
|
185
184
|
var Content = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
186
|
-
var StyledContainer$2 = styled.div(templateObject_2$
|
|
185
|
+
var StyledContainer$2 = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: ", ";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"], ["\n background: ", ";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])), theme.palette.grey.zero);
|
|
187
186
|
var StyledWrapper$9 = styled(Container)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
188
|
-
var templateObject_1$E, templateObject_2$
|
|
187
|
+
var templateObject_1$E, templateObject_2$n, templateObject_3$b;
|
|
189
188
|
|
|
190
189
|
var InputDropdown = forwardRef(function (props, ref) {
|
|
191
190
|
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"]);
|
|
@@ -222,7 +221,7 @@ var InputDropdown = forwardRef(function (props, ref) {
|
|
|
222
221
|
return (jsx(StyledTooltip, __assign({ fullWidth: true, open: isOpen, onChange: handleChange, toggleMethod: "controlled", strategy: strategy || "fixed", placement: "bottom", className: className, withShift: false, content: jsxs$1(StyledDropdown$2, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef }, otherProps, { children: [jsx(StyledWrapper$8, __assign({ isScrollable: isScrollable }, { children: jsx(ScrollingContainer, __assign({ isScrollable: isScrollable, className: "KUI-InputDropdown_scroll" }, { children: children })) })), endComponent] })) }, { children: input })));
|
|
223
222
|
});
|
|
224
223
|
var StyledTooltip = styled(Tooltip$1)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n width: 100%;\n > div {\n width: 100%;\n > div {\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 width: 100%;\n > div {\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"])));
|
|
225
|
-
var StyledDropdown$2 = styled(Grid)(templateObject_2$
|
|
224
|
+
var StyledDropdown$2 = styled(Grid)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n width: 100%;\n user-select: none;\n"], ["\n width: 100%;\n user-select: none;\n"])));
|
|
226
225
|
var StyledWrapper$8 = styled.div(templateObject_3$a || (templateObject_3$a = __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) {
|
|
227
226
|
var isScrollable = _a.isScrollable;
|
|
228
227
|
return isScrollable ? "14px 8px 8px 0" : "14px 0px 8px 0";
|
|
@@ -231,7 +230,7 @@ var ScrollingContainer = styled.div(templateObject_4$7 || (templateObject_4$7 =
|
|
|
231
230
|
var isScrollable = _a.isScrollable;
|
|
232
231
|
return (isScrollable ? "4px" : "0px");
|
|
233
232
|
}, theme.palette.grey.fifteenB, theme.palette.grey.thirty);
|
|
234
|
-
var templateObject_1$D, templateObject_2$
|
|
233
|
+
var templateObject_1$D, templateObject_2$m, templateObject_3$a, templateObject_4$7;
|
|
235
234
|
|
|
236
235
|
var InputSelectDropdown = forwardRef(function (_a, ref) {
|
|
237
236
|
var input = _a.input, options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue, renderOption = _a.renderOption;
|
|
@@ -249,8 +248,8 @@ var OptionWrapper = styled.div(templateObject_1$C || (templateObject_1$C = __mak
|
|
|
249
248
|
var disabled = _a.disabled;
|
|
250
249
|
return disabled ? theme.palette.grey.fiftyP : theme.palette.grey.seventy;
|
|
251
250
|
});
|
|
252
|
-
var StyledDropdown$1 = styled(InputDropdown)(templateObject_2$
|
|
253
|
-
var templateObject_1$C, templateObject_2$
|
|
251
|
+
var StyledDropdown$1 = styled(InputDropdown)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"], ["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"])));
|
|
252
|
+
var templateObject_1$C, templateObject_2$l;
|
|
254
253
|
|
|
255
254
|
var InputSelectBase = forwardRef(function (_a, ref) {
|
|
256
255
|
var _b;
|
|
@@ -282,11 +281,11 @@ var InputSelectBase = forwardRef(function (_a, ref) {
|
|
|
282
281
|
] }, iconProps))) })) })] }));
|
|
283
282
|
});
|
|
284
283
|
var Wrapper$6 = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: relative;\n text-align: left;\n"], ["\n position: relative;\n text-align: left;\n"])));
|
|
285
|
-
var StyledInput$3 = styled(InputWithAdornments)(templateObject_2$
|
|
284
|
+
var StyledInput$3 = styled(InputWithAdornments)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputMessage {\n opacity: ", ";\n }\n"], ["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputMessage {\n opacity: ", ";\n }\n"])), function (_a) {
|
|
286
285
|
var isDropdownOpen = _a.isDropdownOpen;
|
|
287
286
|
return (isDropdownOpen ? 0 : 1);
|
|
288
287
|
});
|
|
289
|
-
var templateObject_1$B, templateObject_2$
|
|
288
|
+
var templateObject_1$B, templateObject_2$k;
|
|
290
289
|
|
|
291
290
|
function InputSelectOption(props) {
|
|
292
291
|
var option = props.option, selectedValue = props.selectedValue;
|
|
@@ -370,9 +369,9 @@ var CalendarStandardHeader = forwardRef(function (_a, ref) {
|
|
|
370
369
|
return (jsxs$1(HeaderWrapper, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(StyledHeading, __assign({ size: "h4" }, { children: title })) })), jsx(Grid, __assign({ item: true }, { children: jsxs$1(Grid, __assign({ container: true, spacing: 2 }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", "data-testid": "prev_month_button", variant: "white", disabled: prevMonthButtonDisabled, onClick: decreaseMonth }, { children: jsx(PrevArrowIcon, { width: 10, height: 10 }) })) })), jsx(Grid, __assign({ item: true }, { children: jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", variant: "white", disabled: nextMonthButtonDisabled, onClick: increaseMonth }, { children: jsx(NextArrowIcon, { width: 10, height: 10 }) })) }))] })) }))] })));
|
|
371
370
|
});
|
|
372
371
|
var HeaderWrapper = styled(Grid)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"], ["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"])));
|
|
373
|
-
var StyledHeading = styled(Heading)(templateObject_2$
|
|
372
|
+
var StyledHeading = styled(Heading)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"])));
|
|
374
373
|
var CircleButtonStyled = styled(Button)(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"], ["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"])));
|
|
375
|
-
var templateObject_1$x, templateObject_2$
|
|
374
|
+
var templateObject_1$x, templateObject_2$j, templateObject_3$9;
|
|
376
375
|
|
|
377
376
|
var InputForDatepicker = forwardRef(function (props, ref) {
|
|
378
377
|
var onClick = props.onClick, disabled = props.disabled, handleClick = props.handleClick, startIcon = props.startIcon, other = __rest(props, ["onClick", "disabled", "handleClick", "startIcon"]);
|
|
@@ -407,8 +406,8 @@ var MonthPickerHeader = forwardRef(function (_a, ref) {
|
|
|
407
406
|
return (jsxs$1(StyledHeader, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(StyledIconButton, __assign({ disabled: prevYearButtonDisabled, onClick: decreaseYear, type: "button" }, { children: jsx(ArrowBackIcon, { width: 14, height: 12 }) })) })), jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "sm", weight: 600 }, { children: date.getFullYear() })) })), jsx(Grid, __assign({ item: true }, { children: jsx(StyledIconButton, __assign({ disabled: nextYearButtonDisabled, onClick: increaseYear, type: "button" }, { children: jsx(ArrowNextIcon, { width: 14, height: 12 }) })) }))] })));
|
|
408
407
|
});
|
|
409
408
|
var StyledIconButton = styled(IconButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"], ["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
410
|
-
var StyledHeader = styled(Grid)(templateObject_2$
|
|
411
|
-
var templateObject_1$u, templateObject_2$
|
|
409
|
+
var StyledHeader = styled(Grid)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"], ["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"])));
|
|
410
|
+
var templateObject_1$u, templateObject_2$i;
|
|
412
411
|
|
|
413
412
|
var DesktopInputWithMonthPicker = forwardRef(function (_a, ref) {
|
|
414
413
|
var name = _a.name, form = _a.form, disabled = _a.disabled, datePickerProps = _a.datePickerProps, onChange = _a.onChange, otherProps = __rest(_a, ["name", "form", "disabled", "datePickerProps", "onChange"]);
|
|
@@ -462,8 +461,8 @@ var MenuItem = forwardRef(function (_a, ref) {
|
|
|
462
461
|
return (jsx$1(Link$1, __assign({ to: tab, spy: true, smooth: true, duration: 500, offset: offset, onSetActive: handleSelect }, { children: jsx$1(ButtonWrapper$2, __assign({ ref: ref }, { children: jsx$1(Button, __assign({ variant: Number(active) === index ? "orange" : "transparentWithBorder", size: "xs", css: Number(active) !== index && disabledStyles }, { children: tab })) })) })));
|
|
463
462
|
});
|
|
464
463
|
var ButtonWrapper$2 = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"], ["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"])));
|
|
465
|
-
var disabledStyles = css(templateObject_2$
|
|
466
|
-
var templateObject_1$s, templateObject_2$
|
|
464
|
+
var disabledStyles = css(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n p {\n color: ", ";\n font-weight: 400;\n },\n"], ["\n p {\n color: ", ";\n font-weight: 400;\n },\n"])), theme.palette.grey.seventy);
|
|
465
|
+
var templateObject_1$s, templateObject_2$h;
|
|
467
466
|
|
|
468
467
|
var DesktopMenuPanel = forwardRef(function (_a, ref) {
|
|
469
468
|
var tabs = _a.tabs, variant = _a.variant, other = __rest(_a, ["tabs", "variant"]);
|
|
@@ -547,14 +546,14 @@ var PassportStrengthBar = forwardRef(function (_a, ref) {
|
|
|
547
546
|
return (jsxs(Wrapper$2, __assign({ "data-testid": "strength_bar", className: String(!strength && "hidden"), ref: ref }, { children: [jsx$1(ReliabilityLevelWrapper, { children: Object.keys(strengthCoefficients).map(function (item, key) { return (jsx$1(ReliabilityLevel, { children: jsx$1(StyledLinearProgress, { "data-testid": "progress_item_".concat(item), value: strengthKey >= key ? 100 : 0, color: color }) }, item)); }) }), jsx$1(Caption, __assign({ "data-testid": "strength_bar_explanation", size: "s", css: { color: color } }, { children: strength && strengthTexts[strength] })), jsx$1(Description, __assign({ size: "s", color: "fiftyP" }, { children: "\u041F\u0430\u0440\u043E\u043B\u044C \u0434\u043E\u043B\u0436\u0435\u043D \u0441\u043E\u0441\u0442\u043E\u044F\u0442\u044C \u0438\u0437 10 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432, \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u0446\u0438\u0444\u0440\u044B, \u0431\u043E\u043B\u044C\u0448\u0438\u0435 \u0438 \u0441\u0442\u0440\u043E\u0447\u043D\u044B\u0435 \u043B\u0430\u0442\u0438\u043D\u0441\u043A\u0438\u0435 \u0431\u0443\u0432\u044B" }))] })));
|
|
548
547
|
});
|
|
549
548
|
var Wrapper$2 = styled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"], ["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"])));
|
|
550
|
-
var ReliabilityLevelWrapper = styled.div(templateObject_2$
|
|
549
|
+
var ReliabilityLevelWrapper = styled.div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n display: flex;\n margin-bottom: 8px;\n"], ["\n display: flex;\n margin-bottom: 8px;\n"])));
|
|
551
550
|
var ReliabilityLevel = styled.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"], ["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"])));
|
|
552
551
|
var StyledLinearProgress = styled(LinearProgress)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n height: 8px;\n border-radius: 8px;\n background-color: ", ";\n & .KUI-LinearProgress_bar {\n background-color: ", ";\n width: 102%;\n }\n"], ["\n height: 8px;\n border-radius: 8px;\n background-color: ", ";\n & .KUI-LinearProgress_bar {\n background-color: ", ";\n width: 102%;\n }\n"])), theme.palette.grey.fifteenB, function (_a) {
|
|
553
552
|
var color = _a.color;
|
|
554
553
|
return color;
|
|
555
554
|
});
|
|
556
555
|
var Description = styled(Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"], ["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"])));
|
|
557
|
-
var templateObject_1$q, templateObject_2$
|
|
556
|
+
var templateObject_1$q, templateObject_2$g, templateObject_3$8, templateObject_4$6, templateObject_5$3;
|
|
558
557
|
|
|
559
558
|
var getFormValue = function (name, form) {
|
|
560
559
|
var names = name === null || name === void 0 ? void 0 : name.split(".");
|
|
@@ -620,17 +619,17 @@ var templateObject_1$p;
|
|
|
620
619
|
|
|
621
620
|
var InputTextAreaMobile = forwardRef(function (props) { return (jsxs$1(Fragment$1, { children: [jsx(InputWrapper$1, { children: jsx(InputWithController, __assign({}, props)) }), jsx(TextAreaWrapper, { children: jsx(InputWithController, __assign({ isTextArea: true }, props)) })] })); });
|
|
622
621
|
var InputWrapper$1 = styled.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
623
|
-
var TextAreaWrapper = styled.div(templateObject_2$
|
|
624
|
-
var templateObject_1$o, templateObject_2$
|
|
622
|
+
var TextAreaWrapper = styled.div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
623
|
+
var templateObject_1$o, templateObject_2$f;
|
|
625
624
|
|
|
626
625
|
var ModalFooter = forwardRef(function (_a, ref) {
|
|
627
626
|
var label = _a.label, button = _a.button, otherProps = __rest(_a, ["label", "button"]);
|
|
628
627
|
return (jsxs$1(StyledFooter, __assign({ ref: ref }, { children: [jsx(Divider, {}), jsx(ButtonWrapper$1, { children: button || (jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsx(CheckIcon, {}) }, otherProps, { children: label }))) })] })));
|
|
629
628
|
});
|
|
630
629
|
var StyledFooter = styled.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])), theme.palette.grey.zero);
|
|
631
|
-
var ButtonWrapper$1 = styled.div(templateObject_2$
|
|
630
|
+
var ButtonWrapper$1 = styled.div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"])));
|
|
632
631
|
var ButtonStyled = styled(Button)(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"], ["\n @media (max-width: 600px) {\n width: 100%;\n }\n"])));
|
|
633
|
-
var templateObject_1$n, templateObject_2$
|
|
632
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$7;
|
|
634
633
|
|
|
635
634
|
var generateYearRange = function (offsetFromCurrent, maxYearCount) {
|
|
636
635
|
if (!offsetFromCurrent || !maxYearCount)
|
|
@@ -706,13 +705,13 @@ InputWithDatePicker.defaultProps = {
|
|
|
706
705
|
alignTitle: "center",
|
|
707
706
|
};
|
|
708
707
|
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"])));
|
|
709
|
-
var StyledCalendarStandardContainer = styled(CalendarStandardContainer)(templateObject_2$
|
|
708
|
+
var StyledCalendarStandardContainer = styled(CalendarStandardContainer)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"], ["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])), theme.palette.background.light1, theme.palette.background.light1);
|
|
710
709
|
var DayContent = styled.span(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"], ["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"])));
|
|
711
710
|
var StyledModal = styled(Modal)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ", ";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"], ["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ", ";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])), function (_a) {
|
|
712
711
|
var alignTitle = _a.alignTitle;
|
|
713
712
|
return alignTitle || "center";
|
|
714
713
|
});
|
|
715
|
-
var templateObject_1$m, templateObject_2$
|
|
714
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$6, templateObject_4$5;
|
|
716
715
|
|
|
717
716
|
var shortMonths = [
|
|
718
717
|
"ЯНВ",
|
|
@@ -776,8 +775,8 @@ var MobileInputWithMonthPicker = forwardRef(function (_a, ref) {
|
|
|
776
775
|
return (jsxs$1(Wrapper$1, __assign({ ref: ref }, { children: [jsx(InputForDatepicker, __assign({ mask: "00.0000", name: name, handleCLick: handleModalOpen, value: value, onChange: handleChange, disabled: disabled, message: error, isLabelShrink: Boolean(field.value) }, props)), jsxs$1(Modal, __assign({ title: title, isOpen: isModalOpen, handleClose: handleModalClose }, { children: [jsx(ContentWrapper$1, { children: jsx(DatePicker, __assign({ inline: true, showMonthYearPicker: true, dateFormat: "MM.yyyy", selected: date, onChange: function (newDate) { return setDate(newDate); }, locale: ruCustom, calendarContainer: MonthPickerContainer, renderCustomHeader: function (headProps) { return (jsx(MonthPickerHeader, __assign({}, headProps))); } }, datePickerProps)) }), jsx(ModalFooter, { fullWidth: true, disabled: !date, onClick: acceptWithDateSelected, label: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] }))] })));
|
|
777
776
|
});
|
|
778
777
|
var Wrapper$1 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n @media (min-width: 601px) {\n display: none;\n }\n"], ["\n @media (min-width: 601px) {\n display: none;\n }\n"])));
|
|
779
|
-
var ContentWrapper$1 = styled.div(templateObject_2$
|
|
780
|
-
var templateObject_1$l, templateObject_2$
|
|
778
|
+
var ContentWrapper$1 = styled.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"], ["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"])));
|
|
779
|
+
var templateObject_1$l, templateObject_2$c;
|
|
781
780
|
|
|
782
781
|
var InputWithMonthPicker = function (props) { return (jsxs$1(Fragment$1, { children: [jsx(DesktopInputWithMonthPicker, __assign({}, props)), jsx(MobileInputWithMonthPicker, __assign({}, props))] })); };
|
|
783
782
|
|
|
@@ -791,11 +790,10 @@ var MobileMenuPanel = forwardRef(function (_a, ref) {
|
|
|
791
790
|
}, 16);
|
|
792
791
|
handleClick(index);
|
|
793
792
|
};
|
|
794
|
-
return (jsx$1(Wrapper, __assign({ css: variant === "white" && { background: "white" }, ref: ref }, { children: jsx$1(Swiper, __assign({ spaceBetween: 8, slidesPerView: "auto", slideToClickedSlide: true, ref: swiperRef }, { children: tabs.map(function (tab, index) { return (jsx$1(
|
|
793
|
+
return (jsx$1(Wrapper, __assign({ css: variant === "white" && { background: "white" }, ref: ref }, { children: jsx$1(Swiper, __assign({ spaceBetween: 8, slidesPerView: "auto", slideToClickedSlide: true, ref: swiperRef }, { children: tabs.map(function (tab, index) { return (jsx$1(MenuItem, __assign({ tab: tab, index: index, handleClick: slideTo, offset: -121 }, other), tab)); }) })) })));
|
|
795
794
|
});
|
|
796
|
-
var Wrapper = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n"], ["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n"])), theme.palette.background.light1);
|
|
797
|
-
var
|
|
798
|
-
var templateObject_1$k, templateObject_2$c;
|
|
795
|
+
var Wrapper = styled.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"], ["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ", ";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])), theme.palette.background.light1);
|
|
796
|
+
var templateObject_1$k;
|
|
799
797
|
|
|
800
798
|
var MenuPanel = forwardRef(function (_a, ref) {
|
|
801
799
|
var tabs = _a.tabs, tabPanels = _a.tabPanels, paths = _a.paths, activeTab = _a.activeTab, variant = _a.variant;
|