kui-crm 0.0.261 → 0.0.262
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 +42 -41
- package/cjs/index.js.map +1 -1
- package/index.d.ts +5 -1
- package/index.js +42 -41
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2331,7 +2331,7 @@ function SquarePreviewImage(_a) {
|
|
|
2331
2331
|
}
|
|
2332
2332
|
var previewSizesStyles = {
|
|
2333
2333
|
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 "]))),
|
|
2334
|
-
sm: react.css(templateObject_2$
|
|
2334
|
+
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 "]))),
|
|
2335
2335
|
};
|
|
2336
2336
|
var StyledImage$7 = styled__default["default"].img(templateObject_3$o || (templateObject_3$o = __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"])));
|
|
2337
2337
|
var StyledWrapper$f = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
@@ -2339,7 +2339,7 @@ var StyledWrapper$f = styled__default["default"].div(templateObject_4$a || (temp
|
|
|
2339
2339
|
return previewSizesStyles[size];
|
|
2340
2340
|
});
|
|
2341
2341
|
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);
|
|
2342
|
-
var templateObject_1$P, templateObject_2$
|
|
2342
|
+
var templateObject_1$P, templateObject_2$w, templateObject_3$o, templateObject_4$a, templateObject_5$5;
|
|
2343
2343
|
|
|
2344
2344
|
function Modal(_a) {
|
|
2345
2345
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -2419,9 +2419,9 @@ function ErrorPopup(_a) {
|
|
|
2419
2419
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$d, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent$1, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
|
|
2420
2420
|
}
|
|
2421
2421
|
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"])));
|
|
2422
|
-
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2422
|
+
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"])));
|
|
2423
2423
|
var StyledContent$1 = styled__default["default"].pre(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2424
|
-
var templateObject_1$M, templateObject_2$
|
|
2424
|
+
var templateObject_1$M, templateObject_2$v, templateObject_3$n;
|
|
2425
2425
|
|
|
2426
2426
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2427
2427
|
var createParentNode = function () {
|
|
@@ -2446,11 +2446,11 @@ function LoaderPopup(_a) {
|
|
|
2446
2446
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$c, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$4, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
|
|
2447
2447
|
}
|
|
2448
2448
|
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"])));
|
|
2449
|
-
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2449
|
+
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"])));
|
|
2450
2450
|
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2451
2451
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$9 || (templateObject_4$9 = __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"])));
|
|
2452
2452
|
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"])));
|
|
2453
|
-
var templateObject_1$L, templateObject_2$
|
|
2453
|
+
var templateObject_1$L, templateObject_2$u, templateObject_3$m, templateObject_4$9, templateObject_5$4;
|
|
2454
2454
|
|
|
2455
2455
|
function LoaderState(_a) {
|
|
2456
2456
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2622,13 +2622,13 @@ function ModalWithMap(props) {
|
|
|
2622
2622
|
map.addListener("click", addPlace);
|
|
2623
2623
|
return function () { return map === null || map === void 0 ? void 0 : map.unbindAll(); };
|
|
2624
2624
|
}, [map, disabled]);
|
|
2625
|
-
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$
|
|
2625
|
+
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$6, __assign({ size: "s", onClick: form.handleSubmit(handleSave), endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, { children: "Save" }))] }))] })));
|
|
2626
2626
|
}
|
|
2627
2627
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2628
2628
|
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);
|
|
2629
|
-
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$
|
|
2630
|
-
var StyledButton$
|
|
2631
|
-
var templateObject_1$K, templateObject_2$
|
|
2629
|
+
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"])));
|
|
2630
|
+
var StyledButton$6 = styled__default["default"](kuiBasic.Button)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2631
|
+
var templateObject_1$K, templateObject_2$t, templateObject_3$l;
|
|
2632
2632
|
|
|
2633
2633
|
function OpenMapButton(props) {
|
|
2634
2634
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
@@ -2677,10 +2677,10 @@ function PreviewImageCard(props) {
|
|
|
2677
2677
|
return (jsxRuntime.jsxs(Wrapper$6, __assign({ onMouseEnter: handleHover, onMouseLeave: handleBlur, onClick: handleClick, ref: cardRef }, otherProps, { children: [jsxRuntime.jsx(StyledImage$6, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop$1, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) }), ReactDOM.createPortal(jsxRuntime.jsx(StyledRemoveButton, __assign({ isCircle: true, variant: "white", onClick: handleDelete, style: closeButtonStyles, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 10, height: 10 }) })), document.body)] })));
|
|
2678
2678
|
}
|
|
2679
2679
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
|
|
2680
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2680
|
+
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"])));
|
|
2681
2681
|
var Backdrop$1 = styled__default["default"].div(templateObject_3$k || (templateObject_3$k = __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"])));
|
|
2682
2682
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$8 || (templateObject_4$8 = __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"])));
|
|
2683
|
-
var templateObject_1$I, templateObject_2$
|
|
2683
|
+
var templateObject_1$I, templateObject_2$s, templateObject_3$k, templateObject_4$8;
|
|
2684
2684
|
|
|
2685
2685
|
var getURLFromFile = function (fileList) {
|
|
2686
2686
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2721,11 +2721,11 @@ function FileUploaderWithPreview(props) {
|
|
|
2721
2721
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$b, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$3, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel$1, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
|
|
2722
2722
|
}
|
|
2723
2723
|
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);
|
|
2724
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2724
|
+
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"])));
|
|
2725
2725
|
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$j || (templateObject_3$j = __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);
|
|
2726
2726
|
var StyledInput$3 = styled__default["default"].input(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2727
2727
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2728
|
-
var templateObject_1$H, templateObject_2$
|
|
2728
|
+
var templateObject_1$H, templateObject_2$r, templateObject_3$j, templateObject_4$7, templateObject_5$3;
|
|
2729
2729
|
|
|
2730
2730
|
var companyFields = [
|
|
2731
2731
|
{
|
|
@@ -2774,7 +2774,7 @@ function Footer(_a) {
|
|
|
2774
2774
|
_a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
|
|
2775
2775
|
return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
|
|
2776
2776
|
}
|
|
2777
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2777
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"])), kuiBasic.theme.palette.grey.zero, function (_a) {
|
|
2778
2778
|
var isFixed = _a.isFixed;
|
|
2779
2779
|
return (isFixed ? 1000 : 1);
|
|
2780
2780
|
}, function (_a) {
|
|
@@ -2788,7 +2788,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$p || (tem
|
|
|
2788
2788
|
return (isFixed ? 0 : "auto");
|
|
2789
2789
|
});
|
|
2790
2790
|
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2791
|
-
var templateObject_1$G, templateObject_2$
|
|
2791
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$i;
|
|
2792
2792
|
|
|
2793
2793
|
function CompanyCreationForm(_a) {
|
|
2794
2794
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -3114,9 +3114,9 @@ PartialPayer.defaultProps = {
|
|
|
3114
3114
|
variant: "radio",
|
|
3115
3115
|
};
|
|
3116
3116
|
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);
|
|
3117
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
3117
|
+
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"])));
|
|
3118
3118
|
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
3119
|
-
var templateObject_1$E, templateObject_2$
|
|
3119
|
+
var templateObject_1$E, templateObject_2$p, templateObject_3$h;
|
|
3120
3120
|
|
|
3121
3121
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3122
3122
|
region: yup__namespace.object({
|
|
@@ -3203,8 +3203,8 @@ function TariffReplacementField(props) {
|
|
|
3203
3203
|
return (jsxRuntime.jsx(StyledInputWrapper$1, { children: jsxRuntime.jsx(TariffGroupAutocomplete$1, __assign({ label: !value && "Tariff group", endIcon: value && jsxRuntime.jsx(StyledCrossIcon, { onClick: handleDelete }), form: form, name: name, filter: "&can_be_replaced=true" }, inputProps)) }));
|
|
3204
3204
|
}
|
|
3205
3205
|
var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"], ["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"])));
|
|
3206
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
3207
|
-
var templateObject_1$D, templateObject_2$
|
|
3206
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"], ["\n cursor: pointer;\n margin-right: -6px;\n width: 22px;\n height: 22px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3207
|
+
var templateObject_1$D, templateObject_2$o;
|
|
3208
3208
|
|
|
3209
3209
|
function TariffReplacementFields(_a) {
|
|
3210
3210
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -3460,8 +3460,8 @@ var LabelWithHint = function (props) {
|
|
|
3460
3460
|
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, {}) }))] })));
|
|
3461
3461
|
};
|
|
3462
3462
|
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$x || (templateObject_1$x = __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);
|
|
3463
|
-
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$
|
|
3464
|
-
var templateObject_1$x, templateObject_2$
|
|
3463
|
+
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"])));
|
|
3464
|
+
var templateObject_1$x, templateObject_2$n;
|
|
3465
3465
|
|
|
3466
3466
|
var CheckboxWithHint = function (props) {
|
|
3467
3467
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3677,22 +3677,22 @@ function CopyButton(_a) {
|
|
|
3677
3677
|
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" })) }))] })));
|
|
3678
3678
|
}
|
|
3679
3679
|
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);
|
|
3680
|
-
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3680
|
+
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);
|
|
3681
3681
|
var CardWrapper = styled__default["default"].div(templateObject_3$g || (templateObject_3$g = __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) {
|
|
3682
3682
|
var isCopied = _a.isCopied;
|
|
3683
3683
|
return (isCopied ? 1 : 0);
|
|
3684
3684
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3685
3685
|
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3686
|
-
var templateObject_1$v, templateObject_2$
|
|
3686
|
+
var templateObject_1$v, templateObject_2$m, templateObject_3$g, templateObject_4$6;
|
|
3687
3687
|
|
|
3688
3688
|
var GalleryNavigation = function (_a) {
|
|
3689
3689
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3690
3690
|
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, {}) }))] }));
|
|
3691
3691
|
};
|
|
3692
3692
|
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"])));
|
|
3693
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3693
|
+
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);
|
|
3694
3694
|
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3695
|
-
var templateObject_1$u, templateObject_2$
|
|
3695
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$f;
|
|
3696
3696
|
|
|
3697
3697
|
var GalleryThumbnails = function (_a) {
|
|
3698
3698
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3709,12 +3709,12 @@ var GalleryThumbnails = function (_a) {
|
|
|
3709
3709
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
|
|
3710
3710
|
};
|
|
3711
3711
|
var Wrapper$4 = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __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);
|
|
3712
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3712
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$k || (templateObject_2$k = __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) {
|
|
3713
3713
|
var active = _a.active;
|
|
3714
3714
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3715
3715
|
});
|
|
3716
3716
|
var StyledSlide$2 = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __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"])));
|
|
3717
|
-
var templateObject_1$t, templateObject_2$
|
|
3717
|
+
var templateObject_1$t, templateObject_2$k, templateObject_3$e;
|
|
3718
3718
|
|
|
3719
3719
|
var GallerySlider = function (_a) {
|
|
3720
3720
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3734,9 +3734,9 @@ var GallerySlider = function (_a) {
|
|
|
3734
3734
|
return (jsxRuntime.jsx(StyledWrapper$7, { 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)); }) })) }));
|
|
3735
3735
|
};
|
|
3736
3736
|
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"])));
|
|
3737
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3737
|
+
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"])));
|
|
3738
3738
|
var StyledImage$4 = styled__default["default"].img(templateObject_3$d || (templateObject_3$d = __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"])));
|
|
3739
|
-
var templateObject_1$s, templateObject_2$
|
|
3739
|
+
var templateObject_1$s, templateObject_2$j, templateObject_3$d;
|
|
3740
3740
|
|
|
3741
3741
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3742
3742
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3765,12 +3765,12 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3765
3765
|
if ((images === null || images === void 0 ? void 0 : images.length) === 0) {
|
|
3766
3766
|
return null;
|
|
3767
3767
|
}
|
|
3768
|
-
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$
|
|
3768
|
+
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$5, __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 })] }) })));
|
|
3769
3769
|
});
|
|
3770
3770
|
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);
|
|
3771
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3772
|
-
var StyledButton$
|
|
3773
|
-
var templateObject_1$r, templateObject_2$
|
|
3771
|
+
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"])));
|
|
3772
|
+
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3773
|
+
var templateObject_1$r, templateObject_2$i, templateObject_3$c;
|
|
3774
3774
|
|
|
3775
3775
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3776
3776
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3792,16 +3792,16 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$q || (templateOb
|
|
|
3792
3792
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3793
3793
|
return mobileWidth || width || 56;
|
|
3794
3794
|
});
|
|
3795
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3795
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3796
3796
|
var Backdrop = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __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"])));
|
|
3797
|
-
var templateObject_1$q, templateObject_2$
|
|
3797
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$b;
|
|
3798
3798
|
|
|
3799
3799
|
var ImageCardWithBackdrop = function (props) {
|
|
3800
3800
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3801
3801
|
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] })) }))] }));
|
|
3802
3802
|
};
|
|
3803
3803
|
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3804
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3804
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3805
3805
|
var StyledBackdrop = 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 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) {
|
|
3806
3806
|
var width = _a.width;
|
|
3807
3807
|
return width || 56;
|
|
@@ -3815,11 +3815,11 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$a || (templ
|
|
|
3815
3815
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3816
3816
|
return mobileWidth || width || 56;
|
|
3817
3817
|
});
|
|
3818
|
-
var templateObject_1$p, templateObject_2$
|
|
3818
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$a;
|
|
3819
3819
|
|
|
3820
3820
|
var defaultImageWidth = 64;
|
|
3821
3821
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
3822
|
-
var images = props.images, endComponent = props.endComponent, onDelete = props.onDelete, imageWidth = props.imageWidth, mobileWidth = props.mobileWidth, otherProps = __rest(props, ["images", "endComponent", "onDelete", "imageWidth", "mobileWidth"]);
|
|
3822
|
+
var images = props.images, endComponent = props.endComponent, onDelete = props.onDelete, onAdd = props.onAdd, imageWidth = props.imageWidth, mobileWidth = props.mobileWidth, disabled = props.disabled, otherProps = __rest(props, ["images", "endComponent", "onDelete", "onAdd", "imageWidth", "mobileWidth", "disabled"]);
|
|
3823
3823
|
var ref = React.useRef(null);
|
|
3824
3824
|
var _a = React.useState(0), selectedImage = _a[0], setSelectedImage = _a[1];
|
|
3825
3825
|
var _b = kuiUtils.useToggle(), isModalOpen = _b[0], handleModalOpen = _b[1], handleModalClose = _b[2];
|
|
@@ -3848,10 +3848,11 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3848
3848
|
handleResize();
|
|
3849
3849
|
return function () { return window.removeEventListener("resize", handleResize); };
|
|
3850
3850
|
}, [ref]);
|
|
3851
|
-
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 })] }));
|
|
3851
|
+
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: [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 }) }), 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 })] }));
|
|
3852
3852
|
});
|
|
3853
3853
|
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"])));
|
|
3854
|
-
var
|
|
3854
|
+
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"])));
|
|
3855
|
+
var templateObject_1$o, templateObject_2$f;
|
|
3855
3856
|
|
|
3856
3857
|
function MultistepForm(props) {
|
|
3857
3858
|
var form = props.form, children = props.children, stepShift = props.stepShift, other = __rest(props, ["form", "children", "stepShift"]);
|