kui-crm 0.0.201 → 0.0.203
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/cjs/index.js +35 -35
- package/cjs/index.js.map +1 -1
- package/index.d.ts +1 -1
- package/index.js +39 -39
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/index.d.ts +1 -1
- package/utils/index.d.ts +1 -1
package/cjs/index.js
CHANGED
|
@@ -3206,13 +3206,22 @@ TariffGroupAutocomplete.defaultProps = {
|
|
|
3206
3206
|
};
|
|
3207
3207
|
var TariffGroupAutocomplete$1 = mobxReact.observer(TariffGroupAutocomplete);
|
|
3208
3208
|
|
|
3209
|
+
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3210
|
+
var otherProps = __rest(_a, []);
|
|
3211
|
+
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3212
|
+
}))(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"], ["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"])), function (_a) {
|
|
3213
|
+
var title = _a.title;
|
|
3214
|
+
return String(title).length > 25 ? "217px" : "unset";
|
|
3215
|
+
});
|
|
3216
|
+
var templateObject_1$p;
|
|
3217
|
+
|
|
3209
3218
|
var LabelWithHint = function (props) {
|
|
3210
3219
|
var label = props.label, hintMessage = props.hintMessage;
|
|
3211
|
-
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 500, size: "s" }, { children: label })), jsxRuntime.jsx(StyledTooltip$1, __assign({ strategy: "fixed", content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
|
|
3220
|
+
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 500, size: "s" }, { children: label })), jsxRuntime.jsx(StyledTooltip$1, __assign({ strategy: "fixed", placement: "bottom", content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
|
|
3212
3221
|
};
|
|
3213
|
-
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$
|
|
3214
|
-
var StyledTooltip$1 = styled__default["default"](
|
|
3215
|
-
var templateObject_1$
|
|
3222
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3223
|
+
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"])));
|
|
3224
|
+
var templateObject_1$o, templateObject_2$h;
|
|
3216
3225
|
|
|
3217
3226
|
var CheckboxWithHint = function (props) {
|
|
3218
3227
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3402,8 +3411,8 @@ function TableBottomLoading(_a) {
|
|
|
3402
3411
|
paddingTop: isLoading ? 20 : 0,
|
|
3403
3412
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3404
3413
|
}
|
|
3405
|
-
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$
|
|
3406
|
-
var templateObject_1$
|
|
3414
|
+
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3415
|
+
var templateObject_1$n;
|
|
3407
3416
|
|
|
3408
3417
|
function CopyButton(_a) {
|
|
3409
3418
|
var text = _a.text, otherProps = __rest(_a, ["text"]);
|
|
@@ -3424,23 +3433,23 @@ function CopyButton(_a) {
|
|
|
3424
3433
|
}, [isCopied]);
|
|
3425
3434
|
return (jsxRuntime.jsxs(Wrapper$5, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(CopyIconStyled, __assign({ onClick: handleClick, width: 20, height: 20 }, otherProps)), jsxRuntime.jsx(CardWrapper, __assign({ isCopied: isCopied }, { children: jsxRuntime.jsx(StyledCaption$3, __assign({ size: "xs", disableUserSelect: true }, { children: "Copied to Clipboard" })) }))] })));
|
|
3426
3435
|
}
|
|
3427
|
-
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$
|
|
3436
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
|
|
3428
3437
|
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3429
3438
|
var CardWrapper = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
|
|
3430
3439
|
var isCopied = _a.isCopied;
|
|
3431
3440
|
return (isCopied ? 1 : 0);
|
|
3432
3441
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3433
3442
|
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3434
|
-
var templateObject_1$
|
|
3443
|
+
var templateObject_1$m, templateObject_2$g, templateObject_3$f, templateObject_4$4;
|
|
3435
3444
|
|
|
3436
3445
|
var GalleryNavigation = function (_a) {
|
|
3437
3446
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3438
3447
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PrevButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handlePrev }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(NextButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handleNext }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
3439
3448
|
};
|
|
3440
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3449
|
+
var buttonStyles = react.css(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
3441
3450
|
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3442
3451
|
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3443
|
-
var templateObject_1$
|
|
3452
|
+
var templateObject_1$l, templateObject_2$f, templateObject_3$e;
|
|
3444
3453
|
|
|
3445
3454
|
var GalleryThumbnails = function (_a) {
|
|
3446
3455
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3456,13 +3465,13 @@ var GalleryThumbnails = function (_a) {
|
|
|
3456
3465
|
// css={index === activeSlide && activeStyles(theme)}
|
|
3457
3466
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
|
|
3458
3467
|
};
|
|
3459
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3468
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3460
3469
|
var StyledImage$5 = styled__default["default"].img(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
|
|
3461
3470
|
var active = _a.active;
|
|
3462
3471
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3463
3472
|
});
|
|
3464
3473
|
var StyledSlide$2 = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3465
|
-
var templateObject_1$
|
|
3474
|
+
var templateObject_1$k, templateObject_2$e, templateObject_3$d;
|
|
3466
3475
|
|
|
3467
3476
|
var GallerySlider = function (_a) {
|
|
3468
3477
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3481,10 +3490,10 @@ var GallerySlider = function (_a) {
|
|
|
3481
3490
|
return null;
|
|
3482
3491
|
return (jsxRuntime.jsx(StyledWrapper$4, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images.map(function (image, key) { return (jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }, key)); }) })) }));
|
|
3483
3492
|
};
|
|
3484
|
-
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3493
|
+
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3485
3494
|
var StyledSlide$1 = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
|
|
3486
3495
|
var StyledImage$4 = styled__default["default"].img(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
|
|
3487
|
-
var templateObject_1$
|
|
3496
|
+
var templateObject_1$j, templateObject_2$d, templateObject_3$c;
|
|
3488
3497
|
|
|
3489
3498
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3490
3499
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3515,10 +3524,10 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3515
3524
|
}
|
|
3516
3525
|
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$4, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) }, otherProps, { children: jsxRuntime.jsxs(Wrapper$3, { children: [jsxRuntime.jsx(GallerySlider, { images: images, currentIndex: currentIndex, updateCurrentIndex: updateCurrentIndex, swiperRef: swiperRef }), jsxRuntime.jsx(GalleryThumbnails, { images: images, activeSlide: currentIndex, handleChange: handleChange }), jsxRuntime.jsx(GalleryNavigation, { handlePrev: handlePrev, handleNext: handleNext })] }) })));
|
|
3517
3526
|
});
|
|
3518
|
-
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3527
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3519
3528
|
var Wrapper$3 = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3520
3529
|
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3521
|
-
var templateObject_1$
|
|
3530
|
+
var templateObject_1$i, templateObject_2$c, templateObject_3$b;
|
|
3522
3531
|
|
|
3523
3532
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3524
3533
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3527,7 +3536,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3527
3536
|
};
|
|
3528
3537
|
return (jsxRuntime.jsxs(Wrapper$2, __assign({ className: "KUI-ImageCard", onClick: handleClick }, otherProps, { children: [jsxRuntime.jsx(StyledImage$3, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) })] })));
|
|
3529
3538
|
});
|
|
3530
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$
|
|
3539
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3531
3540
|
var width = _a.width;
|
|
3532
3541
|
return width || 56;
|
|
3533
3542
|
}, function (_a) {
|
|
@@ -3542,13 +3551,13 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$i || (templateOb
|
|
|
3542
3551
|
});
|
|
3543
3552
|
var StyledImage$3 = styled__default["default"].img(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3544
3553
|
var Backdrop = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
3545
|
-
var templateObject_1$
|
|
3554
|
+
var templateObject_1$h, templateObject_2$b, templateObject_3$a;
|
|
3546
3555
|
|
|
3547
3556
|
var ImageCardWithBackdrop = function (props) {
|
|
3548
3557
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3549
3558
|
return (jsxRuntime.jsxs(StyledContainer$1, { children: [jsxRuntime.jsx(StyledImageCard, __assign({ width: width, mobileWidth: mobileWidth }, imageCardProps)), jsxRuntime.jsx(StyledBackdrop, __assign({ width: width, mobileWidth: mobileWidth }, { children: jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 600, color: "zero", disableUserSelect: true }, { children: ["+", count] })) }))] }));
|
|
3550
3559
|
};
|
|
3551
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3560
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3552
3561
|
var StyledContainer$1 = styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3553
3562
|
var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3554
3563
|
var width = _a.width;
|
|
@@ -3563,7 +3572,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templ
|
|
|
3563
3572
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3564
3573
|
return mobileWidth || width || 56;
|
|
3565
3574
|
});
|
|
3566
|
-
var templateObject_1$
|
|
3575
|
+
var templateObject_1$g, templateObject_2$a, templateObject_3$9;
|
|
3567
3576
|
|
|
3568
3577
|
var defaultImageWidth = 64;
|
|
3569
3578
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3598,8 +3607,8 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3598
3607
|
}, [ref]);
|
|
3599
3608
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper$1, __assign({ container: true, ref: ref, spacing: 1, justify: withFlatWidth ? "space-between" : "flex-start" }, otherProps, { children: [displayedImages.map(function (image, index) { return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: image.smallImageUrl, index: index, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }), image.smallImageUrl)); }), !!blurImage.length && !!notDisplayedImagesCount && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCardWithBackdrop, { url: blurImage[0].smallImageUrl, count: notDisplayedImagesCount, index: displayedImages.length, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }))), blurImage.length > 0 && notDisplayedImagesCount === 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: blurImage[0].smallImageUrl, index: displayedImages.length, onClick: handleClick, width: realImageWidth, mobileWidth: mobileWidth }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose, onDelete: onDelete })] }));
|
|
3600
3609
|
});
|
|
3601
|
-
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3602
|
-
var templateObject_1$
|
|
3610
|
+
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3611
|
+
var templateObject_1$f;
|
|
3603
3612
|
|
|
3604
3613
|
function MultistepForm(props) {
|
|
3605
3614
|
var form = props.form, children = props.children, stepShift = props.stepShift;
|
|
@@ -3708,26 +3717,17 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
3708
3717
|
};
|
|
3709
3718
|
return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick }, other)));
|
|
3710
3719
|
});
|
|
3711
|
-
var StyledLink$1 = styled__default["default"].a(templateObject_1$
|
|
3712
|
-
var templateObject_1$
|
|
3720
|
+
var StyledLink$1 = styled__default["default"].a(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));
|
|
3721
|
+
var templateObject_1$e;
|
|
3713
3722
|
|
|
3714
3723
|
function PreviewContent(_a) {
|
|
3715
3724
|
var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, withoutImage = _a.withoutImage, other = __rest(_a, ["imageSrc", "description", "content", "label", "withoutImage"]);
|
|
3716
3725
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, other, { children: [!withoutImage && (jsxRuntime.jsx(StyledImage$2, { size: "sm", imageSrc: imageSrc, name: description })), jsxRuntime.jsxs(StyledContent, { children: [content || (jsxRuntime.jsx(StyledCaption$2, __assign({ size: "s", weight: 500 }, { children: description }))), label] })] })));
|
|
3717
3726
|
}
|
|
3718
|
-
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$
|
|
3727
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3719
3728
|
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3720
3729
|
var StyledContent = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"], ["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"])));
|
|
3721
|
-
var templateObject_1$
|
|
3722
|
-
|
|
3723
|
-
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3724
|
-
var otherProps = __rest(_a, []);
|
|
3725
|
-
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3726
|
-
}))(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"], ["\n .KUI-Popper {\n padding-top: 16px;\n max-width: ", " !important;\n }\n"])), function (_a) {
|
|
3727
|
-
var title = _a.title;
|
|
3728
|
-
return String(title).length > 25 ? "217px" : "unset";
|
|
3729
|
-
});
|
|
3730
|
-
var templateObject_1$d;
|
|
3730
|
+
var templateObject_1$d, templateObject_2$9, templateObject_3$8;
|
|
3731
3731
|
|
|
3732
3732
|
function UserBadge(props) {
|
|
3733
3733
|
var user = props.user, name = props.name, role = props.role, avatarSize = props.avatarSize, className = props.className, spacing = props.spacing, onlyRole = props.onlyRole, label = props.label, link = props.link, other = __rest(props, ["user", "name", "role", "avatarSize", "className", "spacing", "onlyRole", "label", "link"]);
|