kui-complex 0.0.91 → 0.0.92
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 +8 -7
- package/MenuPanel/cjs/index.js.map +1 -1
- package/MenuPanel/index.js +8 -7
- package/MenuPanel/index.js.map +1 -1
- package/cjs/index.js +34 -33
- package/cjs/index.js.map +1 -1
- package/index.js +34 -33
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -163,7 +163,7 @@ var Avatar = React.forwardRef(function (props, ref) {
|
|
|
163
163
|
return (jsxRuntime$1.jsx(Wrapper$7, __assign({ css: sizeStyles[size], ref: ref }, otherProps, { children: imageUrl ? (jsxRuntime$1.jsx(StyledImage, { "data-testid": "avatar_image", src: imageUrl, alt: "avatar" })) : (jsxRuntime$1.jsx(StyledUndefinedAvatar, { label: fullName, avatarSize: size })) })));
|
|
164
164
|
});
|
|
165
165
|
var Wrapper$7 = styled__default["default"].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"])));
|
|
166
|
-
var StyledImage = styled__default["default"].img(templateObject_2$
|
|
166
|
+
var StyledImage = styled__default["default"].img(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
167
167
|
var largeAvatarCSS = function (_a) {
|
|
168
168
|
var avatarSize = _a.avatarSize;
|
|
169
169
|
return avatarSize === "lg" && react.css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n font-size: 32px;\n "], ["\n font-size: 32px;\n "])));
|
|
@@ -175,7 +175,7 @@ var sizeStyles = {
|
|
|
175
175
|
s: react.css(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n width: 32px;\n height: 32px;\n }\n "], ["\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n width: 32px;\n height: 32px;\n }\n "]))),
|
|
176
176
|
lg: react.css(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n "], ["\n width: 80px;\n height: 80px;\n "]))),
|
|
177
177
|
};
|
|
178
|
-
var templateObject_1$G, templateObject_2$
|
|
178
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$c, templateObject_4$6, templateObject_5$4, templateObject_6$1;
|
|
179
179
|
|
|
180
180
|
var ButtonTab = React.forwardRef(function (_a, ref) {
|
|
181
181
|
var index = _a.index, onClick = _a.onClick, isActive = _a.isActive, label = _a.label;
|
|
@@ -185,8 +185,8 @@ var ButtonTab = React.forwardRef(function (_a, ref) {
|
|
|
185
185
|
return (jsxRuntime$1.jsx(StyledButton$1, __assign({ variant: isActive ? "orange" : "white", captionWeight: isActive ? 600 : 400, onClick: handleClick, css: !isActive && inactiveStyles, size: "s", ref: ref, className: classNames__default["default"]("KUI-ButtonTab", isActive && "KUI-ButtonTab_active") }, { children: label })));
|
|
186
186
|
});
|
|
187
187
|
var StyledButton$1 = styled__default["default"](kuiBasic.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"])));
|
|
188
|
-
var inactiveStyles = react.css(templateObject_2$
|
|
189
|
-
var templateObject_1$F, templateObject_2$
|
|
188
|
+
var inactiveStyles = react.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n p {\n color: ", ";\n }\n"], ["\n p {\n color: ", ";\n }\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
189
|
+
var templateObject_1$F, templateObject_2$p;
|
|
190
190
|
|
|
191
191
|
var updateQueryParams = function (newLink) {
|
|
192
192
|
var searchQuery = new URLSearchParams(window.location.search);
|
|
@@ -228,9 +228,9 @@ ButtonsPanel.defaultProps = {
|
|
|
228
228
|
isSticky: false,
|
|
229
229
|
};
|
|
230
230
|
var Content = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
231
|
-
var StyledContainer$2 = styled__default["default"].div(templateObject_2$
|
|
231
|
+
var StyledContainer$2 = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __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"])), kuiBasic.theme.palette.grey.zero);
|
|
232
232
|
var StyledWrapper$9 = styled__default["default"](kuiBasic.Container)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
233
|
-
var templateObject_1$E, templateObject_2$
|
|
233
|
+
var templateObject_1$E, templateObject_2$o, templateObject_3$b;
|
|
234
234
|
|
|
235
235
|
var InputDropdown = React.forwardRef(function (props, ref) {
|
|
236
236
|
var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent"]);
|
|
@@ -282,7 +282,7 @@ var StyledDropdown$2 = styled__default["default"](kuiBasic.Grid)(templateObject_
|
|
|
282
282
|
var isOpen = _a.isOpen;
|
|
283
283
|
return (isOpen ? "flex" : "none");
|
|
284
284
|
}, kuiBasic.theme.palette.grey.zero);
|
|
285
|
-
var StyledWrapper$8 = styled__default["default"].div(templateObject_2$
|
|
285
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_2$n || (templateObject_2$n = __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) {
|
|
286
286
|
var isScrollable = _a.isScrollable;
|
|
287
287
|
return isScrollable ? "14px 8px 8px 0" : "14px 0px 8px 0";
|
|
288
288
|
});
|
|
@@ -290,7 +290,7 @@ var ScrollingContainer = styled__default["default"].div(templateObject_3$a || (t
|
|
|
290
290
|
var isScrollable = _a.isScrollable;
|
|
291
291
|
return (isScrollable ? "4px" : "0px");
|
|
292
292
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
293
|
-
var templateObject_1$D, templateObject_2$
|
|
293
|
+
var templateObject_1$D, templateObject_2$n, templateObject_3$a;
|
|
294
294
|
|
|
295
295
|
var InputSelectDropdown = React.forwardRef(function (_a, ref) {
|
|
296
296
|
var options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue, renderOption = _a.renderOption;
|
|
@@ -308,8 +308,8 @@ var OptionWrapper = styled__default["default"].div(templateObject_1$C || (templa
|
|
|
308
308
|
var disabled = _a.disabled;
|
|
309
309
|
return disabled ? kuiBasic.theme.palette.grey.fiftyP : kuiBasic.theme.palette.grey.seventy;
|
|
310
310
|
});
|
|
311
|
-
var StyledDropdown$1 = styled__default["default"](InputDropdown)(templateObject_2$
|
|
312
|
-
var templateObject_1$C, templateObject_2$
|
|
311
|
+
var StyledDropdown$1 = styled__default["default"](InputDropdown)(templateObject_2$m || (templateObject_2$m = __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"])));
|
|
312
|
+
var templateObject_1$C, templateObject_2$m;
|
|
313
313
|
|
|
314
314
|
function setRef(ref, value) {
|
|
315
315
|
if (typeof ref === "function") {
|
|
@@ -365,11 +365,11 @@ var InputSelectBase = React.forwardRef(function (_a, ref) {
|
|
|
365
365
|
}, isOpenDropdown: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: selectedValue, renderOption: renderOption }))] }));
|
|
366
366
|
});
|
|
367
367
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n position: relative;\n text-align: left;\n"], ["\n position: relative;\n text-align: left;\n"])));
|
|
368
|
-
var StyledInput$3 = styled__default["default"](kuiBasic.InputWithAdornments)(templateObject_2$
|
|
368
|
+
var StyledInput$3 = styled__default["default"](kuiBasic.InputWithAdornments)(templateObject_2$l || (templateObject_2$l = __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) {
|
|
369
369
|
var isDropdownOpen = _a.isDropdownOpen;
|
|
370
370
|
return (isDropdownOpen ? 0 : 1);
|
|
371
371
|
});
|
|
372
|
-
var templateObject_1$B, templateObject_2$
|
|
372
|
+
var templateObject_1$B, templateObject_2$l;
|
|
373
373
|
|
|
374
374
|
function InputSelectOption(props) {
|
|
375
375
|
var option = props.option, selectedValue = props.selectedValue;
|
|
@@ -454,9 +454,9 @@ var CalendarStandardHeader = React.forwardRef(function (_a, ref) {
|
|
|
454
454
|
return (jsxRuntime.jsxs(HeaderWrapper, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledHeading, __assign({ size: "h4" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", "data-testid": "prev_month_button", variant: "white", disabled: prevMonthButtonDisabled, onClick: decreaseMonth }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 10, height: 10 }) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(CircleButtonStyled, __assign({ isCircle: true, size: "xs", variant: "white", disabled: nextMonthButtonDisabled, onClick: increaseMonth }, { children: jsxRuntime.jsx(kuiIcon.NextArrowIcon, { width: 10, height: 10 }) })) }))] })) }))] })));
|
|
455
455
|
});
|
|
456
456
|
var HeaderWrapper = styled__default["default"](kuiBasic.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"])));
|
|
457
|
-
var StyledHeading = styled__default["default"](kuiBasic.Heading)(templateObject_2$
|
|
457
|
+
var StyledHeading = styled__default["default"](kuiBasic.Heading)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"])));
|
|
458
458
|
var CircleButtonStyled = styled__default["default"](kuiBasic.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"])));
|
|
459
|
-
var templateObject_1$x, templateObject_2$
|
|
459
|
+
var templateObject_1$x, templateObject_2$k, templateObject_3$9;
|
|
460
460
|
|
|
461
461
|
var InputForDatepicker = React.forwardRef(function (props, ref) {
|
|
462
462
|
var onClick = props.onClick, disabled = props.disabled, handleClick = props.handleClick, startIcon = props.startIcon, other = __rest(props, ["onClick", "disabled", "handleClick", "startIcon"]);
|
|
@@ -486,8 +486,8 @@ var MonthPickerHeader = React.forwardRef(function (_a, ref) {
|
|
|
486
486
|
return (jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center", justify: "space-between", ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledIconButton, __assign({ disabled: prevYearButtonDisabled, onClick: decreaseYear }, { children: jsxRuntime.jsx(kuiIcon.ArrowBackIcon, { width: 14, height: 12 }) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "sm", weight: 600 }, { children: date.getFullYear() })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledIconButton, __assign({ disabled: nextYearButtonDisabled, onClick: increaseYear }, { children: jsxRuntime.jsx(kuiIcon.ArrowNextIcon, { width: 14, height: 12 }) })) }))] })));
|
|
487
487
|
});
|
|
488
488
|
var StyledIconButton = styled__default["default"](kuiBasic.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"])));
|
|
489
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
490
|
-
var templateObject_1$u, templateObject_2$
|
|
489
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_2$j || (templateObject_2$j = __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"])));
|
|
490
|
+
var templateObject_1$u, templateObject_2$j;
|
|
491
491
|
|
|
492
492
|
var DesktopInputWithMonthPicker = React.forwardRef(function (_a, ref) {
|
|
493
493
|
var name = _a.name, form = _a.form, disabled = _a.disabled, datePickerProps = _a.datePickerProps, otherProps = __rest(_a, ["name", "form", "disabled", "datePickerProps"]);
|
|
@@ -539,8 +539,8 @@ var MenuItem = React.forwardRef(function (_a, ref) {
|
|
|
539
539
|
return (jsxRuntime$1.jsx(reactScroll.Link, __assign({ to: tab, spy: true, smooth: true, duration: 500, offset: offset, onSetActive: handleSelect }, { children: jsxRuntime$1.jsx(ButtonWrapper$2, __assign({ ref: ref }, { children: jsxRuntime$1.jsx(kuiBasic.Button, __assign({ variant: Number(active) === index ? "orange" : "transparentWithBorder", size: "xs", css: Number(active) !== index && disabledStyles }, { children: tab })) })) })));
|
|
540
540
|
});
|
|
541
541
|
var ButtonWrapper$2 = styled__default["default"].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"])));
|
|
542
|
-
var disabledStyles = react.css(templateObject_2$
|
|
543
|
-
var templateObject_1$s, templateObject_2$
|
|
542
|
+
var disabledStyles = react.css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n p {\n color: ", ";\n font-weight: 400;\n },\n"], ["\n p {\n color: ", ";\n font-weight: 400;\n },\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
543
|
+
var templateObject_1$s, templateObject_2$i;
|
|
544
544
|
|
|
545
545
|
var DesktopMenuPanel = React.forwardRef(function (_a, ref) {
|
|
546
546
|
var tabs = _a.tabs, variant = _a.variant, other = __rest(_a, ["tabs", "variant"]);
|
|
@@ -624,14 +624,14 @@ var PassportStrengthBar = React.forwardRef(function (_a, ref) {
|
|
|
624
624
|
return (jsxRuntime$1.jsxs(Wrapper$2, __assign({ "data-testid": "strength_bar", className: String(!strength && "hidden"), ref: ref }, { children: [jsxRuntime$1.jsx(ReliabilityLevelWrapper, { children: Object.keys(strengthCoefficients).map(function (item, key) { return (jsxRuntime$1.jsx(ReliabilityLevel, { children: jsxRuntime$1.jsx(StyledLinearProgress, { "data-testid": "progress_item_".concat(item), value: strengthKey >= key ? 100 : 0, color: color }) }, item)); }) }), jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ "data-testid": "strength_bar_explanation", size: "s", css: { color: color } }, { children: strength && strengthTexts[strength] })), jsxRuntime$1.jsx(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" }))] })));
|
|
625
625
|
});
|
|
626
626
|
var Wrapper$2 = styled__default["default"].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"])));
|
|
627
|
-
var ReliabilityLevelWrapper = styled__default["default"].div(templateObject_2$
|
|
627
|
+
var ReliabilityLevelWrapper = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n display: flex;\n margin-bottom: 8px;\n"], ["\n display: flex;\n margin-bottom: 8px;\n"])));
|
|
628
628
|
var ReliabilityLevel = styled__default["default"].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"])));
|
|
629
629
|
var StyledLinearProgress = styled__default["default"](kuiBasic.LinearProgress)(templateObject_4$5 || (templateObject_4$5 = __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"])), kuiBasic.theme.palette.grey.fifteenB, function (_a) {
|
|
630
630
|
var color = _a.color;
|
|
631
631
|
return color;
|
|
632
632
|
});
|
|
633
633
|
var Description = styled__default["default"](kuiBasic.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"])));
|
|
634
|
-
var templateObject_1$q, templateObject_2$
|
|
634
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$8, templateObject_4$5, templateObject_5$3;
|
|
635
635
|
|
|
636
636
|
var getFormValue = function (name, form) {
|
|
637
637
|
var names = name === null || name === void 0 ? void 0 : name.split(".");
|
|
@@ -712,8 +712,8 @@ var templateObject_1$p;
|
|
|
712
712
|
|
|
713
713
|
var InputTextAreaMobile = React.forwardRef(function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InputWrapper$1, { children: jsxRuntime.jsx(InputWithController, __assign({}, props)) }), jsxRuntime.jsx(TextAreaWrapper, { children: jsxRuntime.jsx(InputWithController, __assign({ isTextArea: true }, props)) })] })); });
|
|
714
714
|
var InputWrapper$1 = styled__default["default"].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"])));
|
|
715
|
-
var TextAreaWrapper = styled__default["default"].div(templateObject_2$
|
|
716
|
-
var templateObject_1$o, templateObject_2$
|
|
715
|
+
var TextAreaWrapper = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
716
|
+
var templateObject_1$o, templateObject_2$g;
|
|
717
717
|
|
|
718
718
|
var useToggle = function (isModalOpen) {
|
|
719
719
|
if (isModalOpen === void 0) { isModalOpen = false; }
|
|
@@ -732,9 +732,9 @@ var ModalFooter = React.forwardRef(function (_a, ref) {
|
|
|
732
732
|
return (jsxRuntime.jsxs(StyledFooter, __assign({ ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Divider, {}), jsxRuntime.jsx(ButtonWrapper$1, { children: button || (jsxRuntime.jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, otherProps, { children: label }))) })] })));
|
|
733
733
|
});
|
|
734
734
|
var StyledFooter = styled__default["default"].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"])), kuiBasic.theme.palette.grey.zero);
|
|
735
|
-
var ButtonWrapper$1 = styled__default["default"].div(templateObject_2$
|
|
735
|
+
var ButtonWrapper$1 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __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"])));
|
|
736
736
|
var ButtonStyled = styled__default["default"](kuiBasic.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"])));
|
|
737
|
-
var templateObject_1$n, templateObject_2$
|
|
737
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$7;
|
|
738
738
|
|
|
739
739
|
var generateYearRange = function (offsetFromCurrent, maxYearCount) {
|
|
740
740
|
if (!offsetFromCurrent || !maxYearCount)
|
|
@@ -814,13 +814,13 @@ InputWithDatePicker.defaultProps = {
|
|
|
814
814
|
alignTitle: "center",
|
|
815
815
|
};
|
|
816
816
|
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"])));
|
|
817
|
-
var StyledCalendarStandardContainer = styled__default["default"](CalendarStandardContainer)(templateObject_2$
|
|
817
|
+
var StyledCalendarStandardContainer = styled__default["default"](CalendarStandardContainer)(templateObject_2$e || (templateObject_2$e = __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"])), kuiBasic.theme.palette.background.light1, kuiBasic.theme.palette.background.light1);
|
|
818
818
|
var DayContent = styled__default["default"].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"])));
|
|
819
819
|
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_4$4 || (templateObject_4$4 = __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) {
|
|
820
820
|
var alignTitle = _a.alignTitle;
|
|
821
821
|
return alignTitle || "center";
|
|
822
822
|
});
|
|
823
|
-
var templateObject_1$m, templateObject_2$
|
|
823
|
+
var templateObject_1$m, templateObject_2$e, templateObject_3$6, templateObject_4$4;
|
|
824
824
|
|
|
825
825
|
var shortMonths = [
|
|
826
826
|
"ЯНВ",
|
|
@@ -884,8 +884,8 @@ var MobileInputWithMonthPicker = React.forwardRef(function (_a, ref) {
|
|
|
884
884
|
return (jsxRuntime.jsxs(Wrapper$1, __assign({ ref: ref }, { children: [jsxRuntime.jsx(InputForDatepicker, __assign({ mask: "00.0000", name: name, handleCLick: handleModalOpen, value: value, onChange: handleChange, disabled: disabled, message: error, isLabelShrink: Boolean(field.value) }, props)), jsxRuntime.jsxs(kuiBasic.Modal, __assign({ title: title, isOpen: isModalOpen, handleClose: handleModalClose }, { children: [jsxRuntime.jsx(ContentWrapper$1, { children: jsxRuntime.jsx(DatePicker__default["default"], __assign({ inline: true, showMonthYearPicker: true, dateFormat: "MM.yyyy", selected: date, onChange: function (newDate) { return setDate(newDate); }, locale: ruCustom, calendarContainer: MonthPickerContainer, renderCustomHeader: function (headProps) { return (jsxRuntime.jsx(MonthPickerHeader, __assign({}, headProps))); } }, datePickerProps)) }), jsxRuntime.jsx(ModalFooter, { fullWidth: true, disabled: !date, onClick: acceptWithDateSelected, label: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] }))] })));
|
|
885
885
|
});
|
|
886
886
|
var Wrapper$1 = styled__default["default"].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"])));
|
|
887
|
-
var ContentWrapper$1 = styled__default["default"].div(templateObject_2$
|
|
888
|
-
var templateObject_1$l, templateObject_2$
|
|
887
|
+
var ContentWrapper$1 = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __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"])));
|
|
888
|
+
var templateObject_1$l, templateObject_2$d;
|
|
889
889
|
|
|
890
890
|
var InputWithMonthPicker = function (props) { return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DesktopInputWithMonthPicker, __assign({}, props)), jsxRuntime.jsx(MobileInputWithMonthPicker, __assign({}, props))] })); };
|
|
891
891
|
|
|
@@ -902,8 +902,8 @@ var MobileMenuPanel = React.forwardRef(function (_a, ref) {
|
|
|
902
902
|
return (jsxRuntime$1.jsx(Wrapper, __assign({ css: variant === "white" && { background: "white" }, ref: ref }, { children: jsxRuntime$1.jsx(Swiper__default["default"], __assign({ spaceBetween: 8, slidesPerView: "auto", slideToClickedSlide: true, ref: swiperRef }, { children: tabs.map(function (tab, index) { return (jsxRuntime$1.jsx(SlideWrapper, { children: jsxRuntime$1.jsx(MenuItem, __assign({ tab: tab, index: index, handleClick: slideTo, offset: -121 }, other), tab) }, index)); }) })) })));
|
|
903
903
|
});
|
|
904
904
|
var Wrapper = styled__default["default"].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"])), kuiBasic.theme.palette.background.light1);
|
|
905
|
-
var SlideWrapper = styled__default["default"].div(templateObject_2$
|
|
906
|
-
var templateObject_1$k, templateObject_2$
|
|
905
|
+
var SlideWrapper = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n"], ["\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n"])));
|
|
906
|
+
var templateObject_1$k, templateObject_2$c;
|
|
907
907
|
|
|
908
908
|
var useWindowWidth = function (time) {
|
|
909
909
|
if (time === void 0) { time = 10; }
|
|
@@ -948,13 +948,14 @@ var MenuPanel = React.forwardRef(function (_a, ref) {
|
|
|
948
948
|
if (width === 0) {
|
|
949
949
|
return null;
|
|
950
950
|
}
|
|
951
|
-
return (jsxRuntime$1.jsxs("div", __assign({ ref: ref }, { children: [width > 765 ? (jsxRuntime$1.jsx(DesktopMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })) : (jsxRuntime$1.jsx(MobileMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx("div", __assign({ css: index === tabPanels.length - 1 && fullHeightStyles }, { children: jsxRuntime$1.jsx(
|
|
951
|
+
return (jsxRuntime$1.jsxs("div", __assign({ ref: ref }, { children: [width > 765 ? (jsxRuntime$1.jsx(DesktopMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })) : (jsxRuntime$1.jsx(MobileMenuPanel, { tabs: tabs, active: value, handleClick: handleClick, variant: variant, isScrolling: isScrolling, setIsScrolling: setIsScrolling })), tabPanels.map(function (item, index) { return (jsxRuntime$1.jsx("div", __assign({ css: index === tabPanels.length - 1 && fullHeightStyles }, { children: jsxRuntime$1.jsx(StyledElement, __assign({ name: tabs[index], "data-index": index }, { children: item }), index) }), index)); })] })));
|
|
952
952
|
});
|
|
953
953
|
MenuPanel.defaultProps = {
|
|
954
954
|
variant: "grey",
|
|
955
955
|
};
|
|
956
|
-
var fullHeightStyles = react.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n height: calc(100vh - 121px);\n"], ["\n height: calc(100vh - 121px);\n"])));
|
|
957
|
-
var
|
|
956
|
+
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"])));
|
|
957
|
+
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"])));
|
|
958
|
+
var templateObject_1$j, templateObject_2$b;
|
|
958
959
|
|
|
959
960
|
var Switch = React.forwardRef(function (_a, ref) {
|
|
960
961
|
var form = _a.form, name = _a.name, props = __rest(_a, ["form", "name"]);
|