kui-crm 0.0.287 → 0.0.289
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 +32 -33
- package/cjs/index.js.map +1 -1
- package/index.d.ts +3 -1
- package/index.js +32 -33
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2341,13 +2341,13 @@ var previewSizesStyles = {
|
|
|
2341
2341
|
lg: react.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2342
2342
|
sm: react.css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
2343
2343
|
};
|
|
2344
|
-
var StyledImage$7 = styled__default["default"].img(templateObject_3$
|
|
2344
|
+
var StyledImage$7 = styled__default["default"].img(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
|
|
2345
2345
|
var StyledWrapper$f = styled__default["default"].div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2346
2346
|
var size = _a.size;
|
|
2347
2347
|
return previewSizesStyles[size];
|
|
2348
2348
|
});
|
|
2349
2349
|
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), kuiBasic.theme.palette.brand.light);
|
|
2350
|
-
var templateObject_1$P, templateObject_2$w, templateObject_3$
|
|
2350
|
+
var templateObject_1$P, templateObject_2$w, templateObject_3$n, templateObject_4$b, templateObject_5$5;
|
|
2351
2351
|
|
|
2352
2352
|
function Modal(_a) {
|
|
2353
2353
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -2428,8 +2428,8 @@ function ErrorPopup(_a) {
|
|
|
2428
2428
|
}
|
|
2429
2429
|
var containerCSS$1 = react.css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
2430
2430
|
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
2431
|
-
var StyledContent$1 = styled__default["default"].pre(templateObject_3$
|
|
2432
|
-
var templateObject_1$M, templateObject_2$v, templateObject_3$
|
|
2431
|
+
var StyledContent$1 = styled__default["default"].pre(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2432
|
+
var templateObject_1$M, templateObject_2$v, templateObject_3$m;
|
|
2433
2433
|
|
|
2434
2434
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2435
2435
|
var createParentNode = function () {
|
|
@@ -2455,10 +2455,10 @@ function LoaderPopup(_a) {
|
|
|
2455
2455
|
}
|
|
2456
2456
|
var containerCSS = react.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
2457
2457
|
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
|
|
2458
|
-
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
2458
|
+
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2459
2459
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
|
|
2460
2460
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
2461
|
-
var templateObject_1$L, templateObject_2$u, templateObject_3$
|
|
2461
|
+
var templateObject_1$L, templateObject_2$u, templateObject_3$l, templateObject_4$a, templateObject_5$4;
|
|
2462
2462
|
|
|
2463
2463
|
function LoaderState(_a) {
|
|
2464
2464
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2630,13 +2630,13 @@ function ModalWithMap(props) {
|
|
|
2630
2630
|
map.addListener("click", addPlace);
|
|
2631
2631
|
return function () { return map === null || map === void 0 ? void 0 : map.unbindAll(); };
|
|
2632
2632
|
}, [map, disabled]);
|
|
2633
|
-
return (jsxRuntime.jsxs(StyledModal$2, __assign({ handleClose: handleClose, open: open }, { children: [jsxRuntime.jsx(kuiComplex.MapWrapper, { children: jsxRuntime.jsx(MapComponent$1, { setMap: setMap }) }), !disabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledInput$4, { name: "mapAddress", label: "Address", form: form, handlePlaceSelect: handlePlaceSelect }), jsxRuntime.jsx(StyledButton$
|
|
2633
|
+
return (jsxRuntime.jsxs(StyledModal$2, __assign({ handleClose: handleClose, open: open }, { children: [jsxRuntime.jsx(kuiComplex.MapWrapper, { children: jsxRuntime.jsx(MapComponent$1, { setMap: setMap }) }), !disabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledInput$4, { name: "mapAddress", label: "Address", form: form, handlePlaceSelect: handlePlaceSelect }), jsxRuntime.jsx(StyledButton$5, __assign({ size: "s", onClick: form.handleSubmit(handleSave), endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, { children: "Save" }))] }))] })));
|
|
2634
2634
|
}
|
|
2635
2635
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2636
2636
|
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
|
|
2637
2637
|
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
|
|
2638
|
-
var StyledButton$
|
|
2639
|
-
var templateObject_1$K, templateObject_2$t, templateObject_3$
|
|
2638
|
+
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2639
|
+
var templateObject_1$K, templateObject_2$t, templateObject_3$k;
|
|
2640
2640
|
|
|
2641
2641
|
function OpenMapButton(props) {
|
|
2642
2642
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
@@ -2698,9 +2698,9 @@ var Wrapper$6 = styled__default["default"].div(templateObject_1$I || (templateOb
|
|
|
2698
2698
|
return mobileWidth || width || 56;
|
|
2699
2699
|
});
|
|
2700
2700
|
var StyledImage$6 = styled__default["default"].img(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
|
|
2701
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
2701
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$j || (templateObject_3$j = __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"])));
|
|
2702
2702
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
2703
|
-
var templateObject_1$I, templateObject_2$s, templateObject_3$
|
|
2703
|
+
var templateObject_1$I, templateObject_2$s, templateObject_3$j, templateObject_4$9;
|
|
2704
2704
|
|
|
2705
2705
|
var getURLFromFile = function (fileList) {
|
|
2706
2706
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2742,10 +2742,10 @@ function FileUploaderWithPreview(props) {
|
|
|
2742
2742
|
}
|
|
2743
2743
|
var StyledWrapper$b = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
2744
2744
|
var StyledLabel$1 = styled__default["default"].label(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2745
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2745
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
|
|
2746
2746
|
var StyledInput$3 = styled__default["default"].input(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2747
2747
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2748
|
-
var templateObject_1$H, templateObject_2$r, templateObject_3$
|
|
2748
|
+
var templateObject_1$H, templateObject_2$r, templateObject_3$i, templateObject_4$8, templateObject_5$3;
|
|
2749
2749
|
|
|
2750
2750
|
var companyFields = [
|
|
2751
2751
|
{
|
|
@@ -2807,8 +2807,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$q || (tem
|
|
|
2807
2807
|
var isFixed = _a.isFixed;
|
|
2808
2808
|
return (isFixed ? 0 : "auto");
|
|
2809
2809
|
});
|
|
2810
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
2811
|
-
var templateObject_1$G, templateObject_2$q, templateObject_3$
|
|
2810
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2811
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$h;
|
|
2812
2812
|
|
|
2813
2813
|
function CompanyCreationForm(_a) {
|
|
2814
2814
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -3135,8 +3135,8 @@ PartialPayer.defaultProps = {
|
|
|
3135
3135
|
};
|
|
3136
3136
|
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
|
|
3137
3137
|
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
3138
|
-
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_3$
|
|
3139
|
-
var templateObject_1$E, templateObject_2$p, templateObject_3$
|
|
3138
|
+
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
3139
|
+
var templateObject_1$E, templateObject_2$p, templateObject_3$g;
|
|
3140
3140
|
|
|
3141
3141
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3142
3142
|
region: yup__namespace.object({
|
|
@@ -3698,12 +3698,12 @@ function CopyButton(_a) {
|
|
|
3698
3698
|
}
|
|
3699
3699
|
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$v || (templateObject_1$v = __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);
|
|
3700
3700
|
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3701
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
3701
|
+
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) {
|
|
3702
3702
|
var isCopied = _a.isCopied;
|
|
3703
3703
|
return (isCopied ? 1 : 0);
|
|
3704
3704
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3705
3705
|
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3706
|
-
var templateObject_1$v, templateObject_2$m, templateObject_3$
|
|
3706
|
+
var templateObject_1$v, templateObject_2$m, templateObject_3$f, templateObject_4$7;
|
|
3707
3707
|
|
|
3708
3708
|
var GalleryNavigation = function (_a) {
|
|
3709
3709
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
@@ -3711,8 +3711,8 @@ var GalleryNavigation = function (_a) {
|
|
|
3711
3711
|
};
|
|
3712
3712
|
var buttonStyles = react.css(templateObject_1$u || (templateObject_1$u = __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"])));
|
|
3713
3713
|
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3714
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3715
|
-
var templateObject_1$u, templateObject_2$l, templateObject_3$
|
|
3714
|
+
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);
|
|
3715
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$e;
|
|
3716
3716
|
|
|
3717
3717
|
var GalleryThumbnails = function (_a) {
|
|
3718
3718
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3733,8 +3733,8 @@ var StyledImage$5 = styled__default["default"].img(templateObject_2$k || (templa
|
|
|
3733
3733
|
var active = _a.active;
|
|
3734
3734
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3735
3735
|
});
|
|
3736
|
-
var StyledSlide$2 = styled__default["default"].div(templateObject_3$
|
|
3737
|
-
var templateObject_1$t, templateObject_2$k, templateObject_3$
|
|
3736
|
+
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"])));
|
|
3737
|
+
var templateObject_1$t, templateObject_2$k, templateObject_3$d;
|
|
3738
3738
|
|
|
3739
3739
|
var GallerySlider = function (_a) {
|
|
3740
3740
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3755,11 +3755,11 @@ var GallerySlider = function (_a) {
|
|
|
3755
3755
|
};
|
|
3756
3756
|
var StyledWrapper$7 = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3757
3757
|
var StyledSlide$1 = styled__default["default"].div(templateObject_2$j || (templateObject_2$j = __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"])));
|
|
3758
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
3759
|
-
var templateObject_1$s, templateObject_2$j, templateObject_3$
|
|
3758
|
+
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"])));
|
|
3759
|
+
var templateObject_1$s, templateObject_2$j, templateObject_3$c;
|
|
3760
3760
|
|
|
3761
3761
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3762
|
-
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
3762
|
+
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, disabled = _a.disabled, otherProps = __rest(_a, ["images", "activeSlide", "onDelete", "disabled"]);
|
|
3763
3763
|
var swiperRef = React.useRef(null);
|
|
3764
3764
|
var _b = React.useState(activeSlide), currentIndex = _b[0], updateCurrentIndex = _b[1];
|
|
3765
3765
|
React.useEffect(function () {
|
|
@@ -3785,15 +3785,14 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3785
3785
|
if ((images === null || images === void 0 ? void 0 : images.length) === 0) {
|
|
3786
3786
|
return null;
|
|
3787
3787
|
}
|
|
3788
|
-
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(
|
|
3788
|
+
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && !disabled ? (jsxRuntime.jsx(kuiBasic.Button, __assign({ className: "trashButton", isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight", "data-testid": "deleteButton" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) : undefined }, 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 })] }) })));
|
|
3789
3789
|
});
|
|
3790
3790
|
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$r || (templateObject_1$r = __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);
|
|
3791
3791
|
var Wrapper$3 = styled__default["default"].div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3792
|
-
var
|
|
3793
|
-
var templateObject_1$r, templateObject_2$i, templateObject_3$c;
|
|
3792
|
+
var templateObject_1$r, templateObject_2$i;
|
|
3794
3793
|
|
|
3795
|
-
var ImageCard = React.forwardRef(function (
|
|
3796
|
-
var url =
|
|
3794
|
+
var ImageCard = React.forwardRef(function (props) {
|
|
3795
|
+
var url = props.url, onClick = props.onClick, index = props.index, onDelete = props.onDelete, disabled = props.disabled, otherProps = __rest(props, ["url", "onClick", "index", "onDelete", "disabled"]);
|
|
3797
3796
|
var handleClick = function () {
|
|
3798
3797
|
onClick(index);
|
|
3799
3798
|
};
|
|
@@ -3803,7 +3802,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3803
3802
|
if (onDelete)
|
|
3804
3803
|
onDelete(index);
|
|
3805
3804
|
};
|
|
3806
|
-
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, {}) }), !!onDelete && (jsxRuntime.jsx(CloseButton, __assign({ isCircle: true, "data-testid": "file_delete_btn", variant: "white", onClick: handleDelete }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) })))] })));
|
|
3805
|
+
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, {}) }), !!onDelete && !disabled && (jsxRuntime.jsx(CloseButton, __assign({ isCircle: true, "data-testid": "file_delete_btn", variant: "white", onClick: handleDelete }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) })))] })));
|
|
3807
3806
|
});
|
|
3808
3807
|
var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\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 @media (hover: hover) {\n &:hover {\n button {\n opacity: 1;\n }\n }\n }\n"], ["\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 @media (hover: hover) {\n &:hover {\n button {\n opacity: 1;\n }\n }\n }\n"])), function (_a) {
|
|
3809
3808
|
var width = _a.width;
|
|
@@ -3880,7 +3879,7 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3880
3879
|
handleResize();
|
|
3881
3880
|
return function () { return window.removeEventListener("resize", handleResize); };
|
|
3882
3881
|
}, [ref]);
|
|
3883
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper$1, __assign({ container: true, ref: ref, spacing: 1, justify: stretchToFullWidth ? "space-between" : "flex-start" }, otherProps, { children: [onAdd && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledButton$4, __assign({ isCircle: true, size: "l", variant: "grayLight", onClick: onAdd, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, { width: 18, height: 18 }) })) }))), 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, onDelete: onDelete }) }), 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, onDelete: onDelete }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose, onDelete: onDelete })] }));
|
|
3882
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper$1, __assign({ container: true, ref: ref, spacing: 1, justify: stretchToFullWidth ? "space-between" : "flex-start" }, otherProps, { children: [onAdd && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(StyledButton$4, __assign({ isCircle: true, size: "l", variant: "grayLight", onClick: onAdd, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, { width: 18, height: 18 }) })) }))), 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, onDelete: onDelete, disabled: disabled }) }), 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, onDelete: onDelete, disabled: disabled }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose, onDelete: onDelete, disabled: disabled })] }));
|
|
3884
3883
|
});
|
|
3885
3884
|
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3886
3885
|
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n border-radius: 8px;\n box-shadow: none !important;\n"], ["\n border-radius: 8px;\n box-shadow: none !important;\n"])));
|