kui-crm 0.0.246 → 0.0.247
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 +126 -113
- package/cjs/index.js.map +1 -1
- package/index.d.ts +5 -1
- package/index.js +127 -115
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2319,34 +2319,34 @@ var CityAutocomplete$1 = mobxReact.observer(CityAutocomplete);
|
|
|
2319
2319
|
|
|
2320
2320
|
function TwoOptionForAutocomplete(_a) {
|
|
2321
2321
|
var option = _a.option;
|
|
2322
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
2322
|
+
return (jsxRuntime.jsxs(StyledWrapper$g, __assign({ container: true, justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
|
|
2323
2323
|
}
|
|
2324
|
-
var StyledWrapper$
|
|
2325
|
-
var templateObject_1$
|
|
2324
|
+
var StyledWrapper$g = styled__default["default"](kuiBasic.Grid)(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
2325
|
+
var templateObject_1$N;
|
|
2326
2326
|
|
|
2327
2327
|
function SquarePreviewImage(_a) {
|
|
2328
2328
|
var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
|
|
2329
2329
|
var formattedName = name === null || name === void 0 ? void 0 : name.split(" ").map(function (el) { return el[0]; }).slice(0, 2).join("").toUpperCase();
|
|
2330
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
2330
|
+
return (jsxRuntime.jsx(StyledWrapper$f, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsxRuntime.jsx(StyledImage$7, { src: imageSrc, alt: "preview image" })) : (jsxRuntime.jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
|
|
2331
2331
|
}
|
|
2332
2332
|
var previewSizesStyles = {
|
|
2333
|
-
lg: react.css(templateObject_1$
|
|
2333
|
+
lg: react.css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2334
2334
|
sm: react.css(templateObject_2$u || (templateObject_2$u = __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$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"])));
|
|
2337
|
-
var StyledWrapper$
|
|
2337
|
+
var StyledWrapper$f = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2338
2338
|
var size = _a.size;
|
|
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$
|
|
2342
|
+
var templateObject_1$M, templateObject_2$u, templateObject_3$n, templateObject_4$9, templateObject_5$5;
|
|
2343
2343
|
|
|
2344
2344
|
function Modal(_a) {
|
|
2345
2345
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
2346
2346
|
return (jsxRuntime.jsx(StyledModal$3, __assign({ withAutoClosing: false, isScrollable: true, isOpen: open }, other)));
|
|
2347
2347
|
}
|
|
2348
|
-
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
2349
|
-
var templateObject_1$
|
|
2348
|
+
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"], ["\n max-height: calc(100% - 64px);\n .KUI-Modal_header {\n text-align: left;\n }\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n padding-bottom: 20px;\n }\n"])));
|
|
2349
|
+
var templateObject_1$L;
|
|
2350
2350
|
|
|
2351
2351
|
const isValidWithMaskExp = /^[^_]+$/;
|
|
2352
2352
|
|
|
@@ -2368,10 +2368,10 @@ var CompanyCreationSchema = yup__namespace.object().shape({
|
|
|
2368
2368
|
|
|
2369
2369
|
function AutocompleteOption(_a) {
|
|
2370
2370
|
var label = _a.label;
|
|
2371
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
2371
|
+
return (jsxRuntime.jsx(StyledWrapper$e, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
2372
2372
|
}
|
|
2373
|
-
var StyledWrapper$
|
|
2374
|
-
var templateObject_1$
|
|
2373
|
+
var StyledWrapper$e = styled__default["default"].div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
2374
|
+
var templateObject_1$K;
|
|
2375
2375
|
|
|
2376
2376
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
2377
2377
|
var timeout = 5000;
|
|
@@ -2416,12 +2416,12 @@ function ErrorPopup(_a) {
|
|
|
2416
2416
|
return null;
|
|
2417
2417
|
}
|
|
2418
2418
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
2419
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$
|
|
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
|
-
var containerCSS$1 = react.css(templateObject_1$
|
|
2422
|
-
var StyledWrapper$
|
|
2421
|
+
var containerCSS$1 = react.css(templateObject_1$J || (templateObject_1$J = __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$t || (templateObject_2$t = __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$m || (templateObject_3$m = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2424
|
-
var templateObject_1$
|
|
2424
|
+
var templateObject_1$J, templateObject_2$t, templateObject_3$m;
|
|
2425
2425
|
|
|
2426
2426
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2427
2427
|
var createParentNode = function () {
|
|
@@ -2443,14 +2443,14 @@ function LoaderPopup(_a) {
|
|
|
2443
2443
|
}
|
|
2444
2444
|
};
|
|
2445
2445
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
2446
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$
|
|
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
|
-
var containerCSS = react.css(templateObject_1$
|
|
2449
|
-
var StyledWrapper$
|
|
2448
|
+
var containerCSS = react.css(templateObject_1$I || (templateObject_1$I = __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$s || (templateObject_2$s = __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$l || (templateObject_3$l = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2451
2451
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$8 || (templateObject_4$8 = __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$
|
|
2453
|
+
var templateObject_1$I, templateObject_2$s, templateObject_3$l, templateObject_4$8, templateObject_5$4;
|
|
2454
2454
|
|
|
2455
2455
|
function LoaderState(_a) {
|
|
2456
2456
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2625,17 +2625,17 @@ function ModalWithMap(props) {
|
|
|
2625
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$5, __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
|
-
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$
|
|
2628
|
+
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$H || (templateObject_1$H = __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
2629
|
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$r || (templateObject_2$r = __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
2630
|
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"])));
|
|
2631
|
-
var templateObject_1$
|
|
2631
|
+
var templateObject_1$H, templateObject_2$r, templateObject_3$k;
|
|
2632
2632
|
|
|
2633
2633
|
function OpenMapButton(props) {
|
|
2634
2634
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
2635
2635
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledMapIcon, { onClick: handleModalOpen }), isModalOpen && (jsxRuntime.jsx(ModalWithMap$1, __assign({ open: isModalOpen, handleClose: handleModalClose }, props)))] }));
|
|
2636
2636
|
}
|
|
2637
|
-
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$
|
|
2638
|
-
var templateObject_1$
|
|
2637
|
+
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
2638
|
+
var templateObject_1$G;
|
|
2639
2639
|
|
|
2640
2640
|
function InputWithMap(_a) {
|
|
2641
2641
|
var form = _a.form, name = _a.name, disabled = _a.disabled, onPlaceSelect = _a.handlePlaceSelect, inputProps = __rest(_a, ["form", "name", "disabled", "handlePlaceSelect"]);
|
|
@@ -2676,11 +2676,11 @@ function PreviewImageCard(props) {
|
|
|
2676
2676
|
var handleBlur = function () { return setCloseButtonOpacity(0); };
|
|
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
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
2679
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$F || (templateObject_1$F = __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
2680
|
var StyledImage$6 = styled__default["default"].img(templateObject_2$q || (templateObject_2$q = __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$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"])));
|
|
2682
2682
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$7 || (templateObject_4$7 = __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$
|
|
2683
|
+
var templateObject_1$F, templateObject_2$q, templateObject_3$j, templateObject_4$7;
|
|
2684
2684
|
|
|
2685
2685
|
var getURLFromFile = function (fileList) {
|
|
2686
2686
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2718,14 +2718,14 @@ function FileUploaderWithPreview(props) {
|
|
|
2718
2718
|
setFilePreview(null);
|
|
2719
2719
|
form.setValue(name, null);
|
|
2720
2720
|
};
|
|
2721
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$
|
|
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
|
-
var StyledWrapper$
|
|
2723
|
+
var StyledWrapper$b = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __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
2724
|
var StyledLabel$1 = styled__default["default"].label(templateObject_2$p || (templateObject_2$p = __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$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);
|
|
2726
2726
|
var StyledInput$3 = styled__default["default"].input(templateObject_4$6 || (templateObject_4$6 = __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$
|
|
2728
|
+
var templateObject_1$E, templateObject_2$p, templateObject_3$i, templateObject_4$6, templateObject_5$3;
|
|
2729
2729
|
|
|
2730
2730
|
var companyFields = [
|
|
2731
2731
|
{
|
|
@@ -2769,7 +2769,7 @@ FormBottom.defaultProps = {
|
|
|
2769
2769
|
variant: "create",
|
|
2770
2770
|
label: "Create",
|
|
2771
2771
|
};
|
|
2772
|
-
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$
|
|
2772
|
+
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"], ["\n .MuiCircularProgress-root {\n color: ", " !important;\n height: 32px !important;\n width: 32px !important;\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
2773
2773
|
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 }));
|
|
@@ -2788,7 +2788,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$o || (tem
|
|
|
2788
2788
|
return (isFixed ? 0 : "auto");
|
|
2789
2789
|
});
|
|
2790
2790
|
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2791
|
-
var templateObject_1$
|
|
2791
|
+
var templateObject_1$D, templateObject_2$o, templateObject_3$h;
|
|
2792
2792
|
|
|
2793
2793
|
function CompanyCreationForm(_a) {
|
|
2794
2794
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -2964,7 +2964,7 @@ var FormWrapper = function (props) {
|
|
|
2964
2964
|
|
|
2965
2965
|
function HeadingWithButton(_a) {
|
|
2966
2966
|
var title = _a.title, onClick = _a.onClick, isEditing = _a.isEditing, icon = _a.icon, children = _a.children, className = _a.className, variant = _a.variant, showButton = _a.showButton, otherProps = __rest(_a, ["title", "onClick", "isEditing", "icon", "children", "className", "variant", "showButton"]);
|
|
2967
|
-
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$
|
|
2967
|
+
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$a, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: "h4" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, justify: "flex-end", alignContent: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: children })), showButton && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, "data-testid": "add_field_button", disabled: !isEditing, size: "xs", variant: variant, onClick: onClick }, otherProps, { children: icon })) })))] })) }))] })) })));
|
|
2968
2968
|
}
|
|
2969
2969
|
HeadingWithButton.defaultProps = {
|
|
2970
2970
|
isEditing: true,
|
|
@@ -2973,8 +2973,8 @@ HeadingWithButton.defaultProps = {
|
|
|
2973
2973
|
variant: "white",
|
|
2974
2974
|
showButton: true,
|
|
2975
2975
|
};
|
|
2976
|
-
var StyledWrapper$
|
|
2977
|
-
var templateObject_1$
|
|
2976
|
+
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
2977
|
+
var templateObject_1$C;
|
|
2978
2978
|
|
|
2979
2979
|
var meterFeaturesFieldsSchema = {
|
|
2980
2980
|
noTariff: yup__namespace.boolean(),
|
|
@@ -3101,7 +3101,7 @@ var PartialPayer = function (props) {
|
|
|
3101
3101
|
}
|
|
3102
3102
|
}, [form.formState.isDirty]);
|
|
3103
3103
|
var fields = getPartialPayerFields(mainPayer, refundFromRef, fieldsVariant || "radio", utilityType);
|
|
3104
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$
|
|
3104
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$9, __assign({ container: true, spacing: 2 }, { children: fields.map(function (_a) {
|
|
3105
3105
|
var fieldName = _a.name, field = __rest(_a, ["name"]);
|
|
3106
3106
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(InputByType, __assign({ name: "".concat(name, ".").concat(fieldName), form: form }, field)) })));
|
|
3107
3107
|
}) })) }))) : (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: payerType === "partial" ? 3 : 12 }, { children: jsxRuntime.jsx(InputSelect, __assign({ label: "Utilities by ".concat(utilityType), name: "".concat(name, ".payer"), options: PartialPayerValues, form: form }, other)) })), payerType === "partial" &&
|
|
@@ -3113,10 +3113,10 @@ var PartialPayer = function (props) {
|
|
|
3113
3113
|
PartialPayer.defaultProps = {
|
|
3114
3114
|
variant: "radio",
|
|
3115
3115
|
};
|
|
3116
|
-
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3116
|
+
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$B || (templateObject_1$B = __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
3117
|
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
3118
|
-
var StyledWrapper$
|
|
3119
|
-
var templateObject_1$
|
|
3118
|
+
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"])));
|
|
3119
|
+
var templateObject_1$B, templateObject_2$n, templateObject_3$g;
|
|
3120
3120
|
|
|
3121
3121
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3122
3122
|
region: yup__namespace.object({
|
|
@@ -3202,9 +3202,9 @@ function TariffReplacementField(props) {
|
|
|
3202
3202
|
};
|
|
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
|
-
var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$
|
|
3205
|
+
var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __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
3206
|
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$m || (templateObject_2$m = __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$
|
|
3207
|
+
var templateObject_1$A, templateObject_2$m;
|
|
3208
3208
|
|
|
3209
3209
|
function TariffReplacementFields(_a) {
|
|
3210
3210
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -3223,8 +3223,8 @@ function TariffReplacementFields(_a) {
|
|
|
3223
3223
|
}, [fields]);
|
|
3224
3224
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton$1, { title: "REPLACEABLE TARIFF GROUPS", onClick: addTariff, isEditing: true }), jsxRuntime.jsx("div", { children: fields.map(function (item, key) { return (jsxRuntime.jsx(TariffReplacementField, { name: "replaceableTariffsGroups.".concat(key), form: form, resource: resource, index: key, remove: remove }, fields[key].id)); }) })] }));
|
|
3225
3225
|
}
|
|
3226
|
-
var StyledHeadingWithButton$1 = styled__default["default"](HeadingWithButton)(templateObject_1$
|
|
3227
|
-
var templateObject_1$
|
|
3226
|
+
var StyledHeadingWithButton$1 = styled__default["default"](HeadingWithButton)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"], ["\n padding-bottom: 0;\n padding-top: 8px;\n h4 {\n font-size: 12px;\n line-height: 14px;\n font-weight: 600;\n }\n"])));
|
|
3227
|
+
var templateObject_1$z;
|
|
3228
3228
|
|
|
3229
3229
|
function CommonTariffFields(props) {
|
|
3230
3230
|
var resource = props.resource, setResource = props.setResource, setReplaceable = props.setReplaceable, creationForm = props.creationForm;
|
|
@@ -3248,8 +3248,8 @@ function CommonTariffFields(props) {
|
|
|
3248
3248
|
}), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(TariffReplacementFields, { setReplaceable: setReplaceable, resource: resource, form: form }) }))] })) })), jsxRuntime.jsx(FormBottom, { label: "Next", endIcon: jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}), type: "button", handleClick: form.handleSubmit(handleSubmit) })] }));
|
|
3249
3249
|
}
|
|
3250
3250
|
var CommonTariffFields$1 = mobxReact.observer(CommonTariffFields);
|
|
3251
|
-
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$
|
|
3252
|
-
var templateObject_1$
|
|
3251
|
+
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
|
|
3252
|
+
var templateObject_1$y;
|
|
3253
3253
|
|
|
3254
3254
|
var ChangeReasonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3255
3255
|
reason: yup__namespace.object({
|
|
@@ -3299,8 +3299,8 @@ function ElectricityTariffCreationFields(props) {
|
|
|
3299
3299
|
};
|
|
3300
3300
|
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$2, { form: form, name: "T1", label: "One-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$2, { form: form, name: "T2", label: "Two-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$2, { form: form, name: "T3", label: "Three-part", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
|
|
3301
3301
|
}
|
|
3302
|
-
var StyledInput$2 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
3303
|
-
var templateObject_1$
|
|
3302
|
+
var StyledInput$2 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
|
|
3303
|
+
var templateObject_1$x;
|
|
3304
3304
|
|
|
3305
3305
|
var WaterTariffFieldsSchema = yup__namespace.object().shape({
|
|
3306
3306
|
cold: yup__namespace
|
|
@@ -3332,8 +3332,8 @@ function WaterTariffCreationFields(props) {
|
|
|
3332
3332
|
};
|
|
3333
3333
|
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$1, { form: form, name: "cold", label: "Cold", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { form: form, name: "hot", label: "Hot", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { form: form, name: "sewerage", label: "Sewer", type: "number", step: 0.001 })] })), jsxRuntime.jsx(FormBottom, { label: isReplaceable ? "Next" : "Create", endIcon: isReplaceable ? jsxRuntime.jsx(kuiIcon.NextArrowIcon, {}) : jsxRuntime.jsx(kuiIcon.CheckIcon, {}), type: "button", handleClick: form.handleSubmit(handleFormSubmit) })] }));
|
|
3334
3334
|
}
|
|
3335
|
-
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
3336
|
-
var templateObject_1$
|
|
3335
|
+
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"], ["\n margin-top: 16px;\n &:first-child {\n margin-top: 0;\n }\n"])));
|
|
3336
|
+
var templateObject_1$w;
|
|
3337
3337
|
|
|
3338
3338
|
var SingleTariffFieldsSchema = yup__namespace.object().shape({
|
|
3339
3339
|
value: yup__namespace
|
|
@@ -3449,19 +3449,19 @@ var TariffGroupAutocomplete$1 = mobxReact.observer(TariffGroupAutocomplete);
|
|
|
3449
3449
|
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3450
3450
|
var otherProps = __rest(_a, []);
|
|
3451
3451
|
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3452
|
-
}))(templateObject_1$
|
|
3452
|
+
}))(templateObject_1$v || (templateObject_1$v = __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) {
|
|
3453
3453
|
var title = _a.title;
|
|
3454
3454
|
return String(title).length > 25 ? "217px" : "unset";
|
|
3455
3455
|
});
|
|
3456
|
-
var templateObject_1$
|
|
3456
|
+
var templateObject_1$v;
|
|
3457
3457
|
|
|
3458
3458
|
var LabelWithHint = function (props) {
|
|
3459
3459
|
var label = props.label, hintMessage = props.hintMessage;
|
|
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
|
-
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$
|
|
3462
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$u || (templateObject_1$u = __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
3463
|
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$l || (templateObject_2$l = __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$
|
|
3464
|
+
var templateObject_1$u, templateObject_2$l;
|
|
3465
3465
|
|
|
3466
3466
|
var CheckboxWithHint = function (props) {
|
|
3467
3467
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3649,13 +3649,13 @@ function MeterFeaturesForm(props) {
|
|
|
3649
3649
|
|
|
3650
3650
|
function TableBottomLoading(_a) {
|
|
3651
3651
|
var isLoading = _a.isLoading;
|
|
3652
|
-
return (jsxRuntime$1.jsx(StyledWrapper$
|
|
3652
|
+
return (jsxRuntime$1.jsx(StyledWrapper$8, __assign({ css: {
|
|
3653
3653
|
height: isLoading ? 56 : 0,
|
|
3654
3654
|
paddingTop: isLoading ? 20 : 0,
|
|
3655
3655
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3656
3656
|
}
|
|
3657
|
-
var StyledWrapper$
|
|
3658
|
-
var templateObject_1$
|
|
3657
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3658
|
+
var templateObject_1$t;
|
|
3659
3659
|
|
|
3660
3660
|
function CopyButton(_a) {
|
|
3661
3661
|
var text = _a.text, otherProps = __rest(_a, ["text"]);
|
|
@@ -3676,23 +3676,23 @@ function CopyButton(_a) {
|
|
|
3676
3676
|
}, [isCopied]);
|
|
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
|
-
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$
|
|
3679
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$s || (templateObject_1$s = __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
3680
|
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$k || (templateObject_2$k = __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$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) {
|
|
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$5 || (templateObject_4$5 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3686
|
-
var templateObject_1$
|
|
3686
|
+
var templateObject_1$s, templateObject_2$k, templateObject_3$f, templateObject_4$5;
|
|
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
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3692
|
+
var buttonStyles = react.css(templateObject_1$r || (templateObject_1$r = __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
3693
|
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3694
3694
|
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);
|
|
3695
|
-
var templateObject_1$
|
|
3695
|
+
var templateObject_1$r, templateObject_2$j, templateObject_3$e;
|
|
3696
3696
|
|
|
3697
3697
|
var GalleryThumbnails = function (_a) {
|
|
3698
3698
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3708,13 +3708,13 @@ var GalleryThumbnails = function (_a) {
|
|
|
3708
3708
|
// css={index === activeSlide && activeStyles(theme)}
|
|
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
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3711
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __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
3712
|
var StyledImage$5 = styled__default["default"].img(templateObject_2$i || (templateObject_2$i = __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$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"])));
|
|
3717
|
-
var templateObject_1$
|
|
3717
|
+
var templateObject_1$q, templateObject_2$i, templateObject_3$d;
|
|
3718
3718
|
|
|
3719
3719
|
var GallerySlider = function (_a) {
|
|
3720
3720
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3731,12 +3731,12 @@ var GallerySlider = function (_a) {
|
|
|
3731
3731
|
};
|
|
3732
3732
|
if (!images)
|
|
3733
3733
|
return null;
|
|
3734
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
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
|
-
var StyledWrapper$
|
|
3736
|
+
var StyledWrapper$7 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3737
3737
|
var StyledSlide$1 = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __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$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"])));
|
|
3739
|
-
var templateObject_1$
|
|
3739
|
+
var templateObject_1$p, templateObject_2$h, templateObject_3$c;
|
|
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"]);
|
|
@@ -3767,10 +3767,10 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3767
3767
|
}
|
|
3768
3768
|
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 })] }) })));
|
|
3769
3769
|
});
|
|
3770
|
-
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3770
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$o || (templateObject_1$o = __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
3771
|
var Wrapper$3 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3772
3772
|
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"])));
|
|
3773
|
-
var templateObject_1$
|
|
3773
|
+
var templateObject_1$o, templateObject_2$g, templateObject_3$b;
|
|
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"]);
|
|
@@ -3779,7 +3779,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3779
3779
|
};
|
|
3780
3780
|
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, {}) })] })));
|
|
3781
3781
|
});
|
|
3782
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$
|
|
3782
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __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) {
|
|
3783
3783
|
var width = _a.width;
|
|
3784
3784
|
return width || 56;
|
|
3785
3785
|
}, function (_a) {
|
|
@@ -3794,13 +3794,13 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$m || (templateOb
|
|
|
3794
3794
|
});
|
|
3795
3795
|
var StyledImage$3 = styled__default["default"].img(templateObject_2$f || (templateObject_2$f = __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$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"])));
|
|
3797
|
-
var templateObject_1$
|
|
3797
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$a;
|
|
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
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3803
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3804
3804
|
var StyledContainer$1 = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3805
3805
|
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) {
|
|
3806
3806
|
var width = _a.width;
|
|
@@ -3815,7 +3815,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templ
|
|
|
3815
3815
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3816
3816
|
return mobileWidth || width || 56;
|
|
3817
3817
|
});
|
|
3818
|
-
var templateObject_1$
|
|
3818
|
+
var templateObject_1$m, templateObject_2$e, templateObject_3$9;
|
|
3819
3819
|
|
|
3820
3820
|
var defaultImageWidth = 64;
|
|
3821
3821
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3850,8 +3850,8 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3850
3850
|
}, [ref]);
|
|
3851
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 })] }));
|
|
3852
3852
|
});
|
|
3853
|
-
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3854
|
-
var templateObject_1$
|
|
3853
|
+
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3854
|
+
var templateObject_1$l;
|
|
3855
3855
|
|
|
3856
3856
|
function MultistepForm(props) {
|
|
3857
3857
|
var form = props.form, children = props.children, stepShift = props.stepShift;
|
|
@@ -3962,19 +3962,19 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
3962
3962
|
});
|
|
3963
3963
|
var disabledCSS = function (_a) {
|
|
3964
3964
|
var disabled = _a.disabled;
|
|
3965
|
-
return disabled && react.css(templateObject_1$
|
|
3965
|
+
return disabled && react.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n cursor: default;\n color: #a6aebc;\n "], ["\n cursor: default;\n color: #a6aebc;\n "])));
|
|
3966
3966
|
};
|
|
3967
3967
|
var StyledLink$1 = styled__default["default"].a(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n ", ";\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n ", ";\n"])), disabledCSS);
|
|
3968
|
-
var templateObject_1$
|
|
3968
|
+
var templateObject_1$k, templateObject_2$d;
|
|
3969
3969
|
|
|
3970
3970
|
function PreviewContent(_a) {
|
|
3971
3971
|
var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, withoutImage = _a.withoutImage, other = __rest(_a, ["imageSrc", "description", "content", "label", "withoutImage"]);
|
|
3972
3972
|
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] })] })));
|
|
3973
3973
|
}
|
|
3974
|
-
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$
|
|
3974
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3975
3975
|
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3976
3976
|
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"])));
|
|
3977
|
-
var templateObject_1$
|
|
3977
|
+
var templateObject_1$j, templateObject_2$c, templateObject_3$8;
|
|
3978
3978
|
|
|
3979
3979
|
function UserBadge(props) {
|
|
3980
3980
|
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"]);
|
|
@@ -4007,7 +4007,7 @@ function UserBadge(props) {
|
|
|
4007
4007
|
}
|
|
4008
4008
|
var withEllipsis = function (_a) {
|
|
4009
4009
|
var isEllipsisActive = _a.isEllipsisActive;
|
|
4010
|
-
return isEllipsisActive && react.css(templateObject_1$
|
|
4010
|
+
return isEllipsisActive && react.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
4011
4011
|
};
|
|
4012
4012
|
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"], ["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"])), withEllipsis);
|
|
4013
4013
|
var Wrapper = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"], ["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
|
|
@@ -4016,7 +4016,7 @@ var Wrapper = styled__default["default"].div(templateObject_3$7 || (templateObje
|
|
|
4016
4016
|
});
|
|
4017
4017
|
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n .KUI-Popper {\n margin-left: 0;\n }\n"], ["\n .KUI-Popper {\n margin-left: 0;\n }\n"])));
|
|
4018
4018
|
var StyledLabel = styled__default["default"](kuiBasic.Caption)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n white-space: pre-wrap;\n"], ["\n white-space: pre-wrap;\n"])));
|
|
4019
|
-
var templateObject_1$
|
|
4019
|
+
var templateObject_1$i, templateObject_2$b, templateObject_3$7, templateObject_4$4, templateObject_5$2;
|
|
4020
4020
|
|
|
4021
4021
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
4022
4022
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -4043,13 +4043,13 @@ var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
|
4043
4043
|
}
|
|
4044
4044
|
containerRef.current = elem;
|
|
4045
4045
|
};
|
|
4046
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
4046
|
+
return (jsxRuntime.jsx(StyledWrapper$6, __assign({ isScrollable: isScrollable, ref: forwardedRef }, otherProps)));
|
|
4047
4047
|
});
|
|
4048
|
-
var StyledWrapper$
|
|
4048
|
+
var StyledWrapper$6 = styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n overflow-y: auto;\n position: relative;\n padding-right: ", "px;\n ::-webkit-scrollbar {\n width: 8px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n &:hover {\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n }\n"], ["\n overflow-y: auto;\n position: relative;\n padding-right: ", "px;\n ::-webkit-scrollbar {\n width: 8px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n &:hover {\n ::-webkit-scrollbar-track {\n background: ", ";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ", ";\n }\n }\n"])), function (_a) {
|
|
4049
4049
|
var isScrollable = _a.isScrollable;
|
|
4050
4050
|
return (isScrollable ? 8 : 0);
|
|
4051
4051
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
4052
|
-
var templateObject_1$
|
|
4052
|
+
var templateObject_1$h;
|
|
4053
4053
|
|
|
4054
4054
|
function Breadcrumbs(_a) {
|
|
4055
4055
|
var routes = _a.routes, className = _a.className;
|
|
@@ -4060,26 +4060,26 @@ function Breadcrumbs(_a) {
|
|
|
4060
4060
|
color: kuiBasic.theme.palette.grey.seventy,
|
|
4061
4061
|
},
|
|
4062
4062
|
};
|
|
4063
|
-
return (jsxRuntime$1.jsx(StyledWrapper$
|
|
4063
|
+
return (jsxRuntime$1.jsx(StyledWrapper$5, __assign({ container: true, alignItems: "center", className: className }, { children: routes.map(function (item, index) { return __spreadArray([
|
|
4064
4064
|
jsxRuntime$1.jsx(StyledLink, __assign({ href: item.link, isLast: index === routes.length - 1 }, { children: jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 500, color: "fourty", css: item.link && styles }, { children: item.title }), "".concat(item.title, "_").concat(item.link)) }))
|
|
4065
4065
|
], kuiUtils.addToArrayByCondition(index < routes.length - 1, jsxRuntime$1.jsx(StyledIcon, { width: 7, height: 9 })), true); }) })));
|
|
4066
4066
|
}
|
|
4067
|
-
var StyledWrapper$
|
|
4067
|
+
var StyledWrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
4068
4068
|
var lastLinkCSS = function (_a) {
|
|
4069
4069
|
var isLast = _a.isLast;
|
|
4070
4070
|
return isLast && react.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n "], ["\n p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n "])));
|
|
4071
4071
|
};
|
|
4072
4072
|
var StyledLink = styled__default["default"](Link)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n width: auto;\n ", ";\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n"], ["\n width: auto;\n ", ";\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n"])), lastLinkCSS);
|
|
4073
4073
|
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n margin-right: 8px;\n path {\n fill: ", ";\n }\n"], ["\n margin-right: 8px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
4074
|
-
var templateObject_1$
|
|
4074
|
+
var templateObject_1$g, templateObject_2$a, templateObject_3$6, templateObject_4$3;
|
|
4075
4075
|
|
|
4076
4076
|
var PageBreadcrumbs = function (props) {
|
|
4077
4077
|
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev, className = props.className;
|
|
4078
4078
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, className: className }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: jsxRuntime.jsx(StyledButton$3, __assign({ isCircle: true, onClick: onPrev, size: "xs", variant: "backgroundLight" }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 12, height: 10 }) })) })), jsxRuntime.jsx(StyledBreadcrumbs, { routes: breadcrumbs })] })) })));
|
|
4079
4079
|
};
|
|
4080
|
-
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$
|
|
4080
|
+
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
4081
4081
|
var StyledBreadcrumbs = styled__default["default"](Breadcrumbs)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4082
|
-
var templateObject_1$
|
|
4082
|
+
var templateObject_1$f, templateObject_2$9;
|
|
4083
4083
|
|
|
4084
4084
|
function SliderThumbnails(_a) {
|
|
4085
4085
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -4091,27 +4091,27 @@ function SliderThumbnails(_a) {
|
|
|
4091
4091
|
};
|
|
4092
4092
|
if (!images)
|
|
4093
4093
|
return null;
|
|
4094
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
4094
|
+
return (jsxRuntime.jsx(StyledWrapper$4, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { children: images.map(function (image, index) { return (
|
|
4095
4095
|
// eslint-disable-next-line react/no-array-index-key
|
|
4096
4096
|
jsxRuntime.jsx(StyledSlide, __assign({ onClick: function () { return handleChange(index); } }, { children: jsxRuntime.jsx(StyledImage$1, { active: index === activeSlide, src: image, alt: "slide" }) }), index)); }) })) }));
|
|
4097
4097
|
}
|
|
4098
|
-
var StyledWrapper$
|
|
4098
|
+
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$e || (templateObject_1$e = __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);
|
|
4099
4099
|
var StyledImage$1 = styled__default["default"].img(templateObject_2$8 || (templateObject_2$8 = __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) {
|
|
4100
4100
|
var active = _a.active;
|
|
4101
4101
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
4102
4102
|
});
|
|
4103
4103
|
var StyledSlide = styled__default["default"].div(templateObject_3$5 || (templateObject_3$5 = __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"])));
|
|
4104
|
-
var templateObject_1$
|
|
4104
|
+
var templateObject_1$e, templateObject_2$8, templateObject_3$5;
|
|
4105
4105
|
|
|
4106
4106
|
function FullSliderHeader(props) {
|
|
4107
4107
|
var handleClose = props.handleClose, slidesCount = props.slidesCount, currentSlide = props.currentSlide, renderEndComponent = props.renderEndComponent, slider = props.slider;
|
|
4108
4108
|
return (jsxRuntime.jsxs(StyledHeader, __assign({ container: true, justify: "space-between", alignItems: "center" }, { children: [jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 500, color: "zero" }, { children: [currentSlide + 1, " ", jsxRuntime.jsx(StyledSlash, { children: "/" }), " ", slidesCount] })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, justify: "flex-end", alignItems: "center" }, { children: [renderEndComponent &&
|
|
4109
4109
|
renderEndComponent(currentSlide, slider, handleClose), jsxRuntime.jsx(StyledCloseButton, __assign({ role: "button", tabIndex: 0, onClick: handleClose, onKeyDown: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, {}) }))] })) }))] })));
|
|
4110
4110
|
}
|
|
4111
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
4111
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n padding: 12px 24px;\n background: rgba(25, 25, 25, 0.9);\n backdrop-filter: blur(3.5px);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n"], ["\n padding: 12px 24px;\n background: rgba(25, 25, 25, 0.9);\n backdrop-filter: blur(3.5px);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 10;\n"])));
|
|
4112
4112
|
var StyledCloseButton = styled__default["default"].div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n width: 25px;\n height: 40px;\n cursor: pointer;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"], ["\n width: 25px;\n height: 40px;\n cursor: pointer;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n"])));
|
|
4113
4113
|
var StyledSlash = styled__default["default"].span(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
4114
|
-
var templateObject_1$
|
|
4114
|
+
var templateObject_1$d, templateObject_2$7, templateObject_3$4;
|
|
4115
4115
|
|
|
4116
4116
|
function FullSlider(props) {
|
|
4117
4117
|
var handleClose = props.handleClose, active = props.active, images = props.images, renderHeaderComponent = props.renderHeaderComponent, onChange = props.onChange;
|
|
@@ -4167,7 +4167,7 @@ function FullSlider(props) {
|
|
|
4167
4167
|
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(FullSliderHeader, { currentSlide: currentSlide, handleClose: handleClose, slidesCount: images.length, slider: swiperRef, renderEndComponent: renderHeaderComponent }), jsxRuntime.jsx(StyledSwiper, __assign({}, sliderParams, { swiperRef: swiperRef }, { children: images.map(function (image) { return (jsxRuntime.jsx(StyledImageWrapper, { children: jsxRuntime.jsx(StyledImage, { src: image, alt: "" }) }, image)); }) })), jsxRuntime.jsx(SliderThumbnails, { images: images, activeSlide: currentSlide, handleChange: handleChange }), jsxRuntime.jsx(StyledButton$2, __assign({ isCircle: true, navType: "prev", onClick: prev, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(StyledButton$2, __assign({ isCircle: true, navType: "next", onClick: next, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
4168
4168
|
}
|
|
4169
4169
|
var FullSlider$1 = mobxReact.observer(FullSlider);
|
|
4170
|
-
var StyledImageWrapper = styled__default["default"].div(templateObject_1$
|
|
4170
|
+
var StyledImageWrapper = styled__default["default"].div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n width: 100%;\n padding: 0px;\n margin: 0px;\n text-align: center;\n"], ["\n width: 100%;\n padding: 0px;\n margin: 0px;\n text-align: center;\n"])));
|
|
4171
4171
|
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n z-index: 10;\n ", ";\n svg {\n margin-left: ", ";\n }\n"], ["\n position: absolute;\n top: 50%;\n z-index: 10;\n ", ";\n svg {\n margin-left: ", ";\n }\n"])), function (_a) {
|
|
4172
4172
|
var navType = _a.navType;
|
|
4173
4173
|
return (navType === "prev" ? "left: 24px" : "right: 24px");
|
|
@@ -4180,14 +4180,14 @@ var StyledSwiper = styled__default["default"](function (_a) {
|
|
|
4180
4180
|
return (jsxRuntime.jsx(Swiper__default["default"], __assign({ containerClass: className, ref: swiperRef }, otherProps)));
|
|
4181
4181
|
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"], ["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"])));
|
|
4182
4182
|
var StyledImage = styled__default["default"].img(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n height: 100vh;\n"], ["\n height: 100vh;\n"])));
|
|
4183
|
-
var templateObject_1$
|
|
4183
|
+
var templateObject_1$c, templateObject_2$6, templateObject_3$3, templateObject_4$2;
|
|
4184
4184
|
|
|
4185
4185
|
function FullSliderModal(_a) {
|
|
4186
4186
|
var isOpen = _a.isOpen, handleClose = _a.handleClose, sliderProps = __rest(_a, ["isOpen", "handleClose"]);
|
|
4187
4187
|
return (jsxRuntime.jsx(StyledModal, __assign({ isOpen: isOpen, handleClose: handleClose }, { children: jsxRuntime.jsx(FullSlider$1, __assign({ handleClose: handleClose }, sliderProps)) })));
|
|
4188
4188
|
}
|
|
4189
|
-
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
4190
|
-
var templateObject_1$
|
|
4189
|
+
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n border-radius: unset;\n box-shadow: none;\n max-height: unset !important;\n width: 100%;\n"], ["\n border-radius: unset;\n box-shadow: none;\n max-height: unset !important;\n width: 100%;\n"])));
|
|
4190
|
+
var templateObject_1$b;
|
|
4191
4191
|
|
|
4192
4192
|
var PhotoSlider = function (props) {
|
|
4193
4193
|
var images = props.images, handleClose = props.handleClose; props.onDelete; var other = __rest(props, ["images", "handleClose", "onDelete"]);
|
|
@@ -4221,14 +4221,14 @@ function TextOverflow(props) {
|
|
|
4221
4221
|
}
|
|
4222
4222
|
var multilineCSS = function (_a) {
|
|
4223
4223
|
var multiline = _a.multiline;
|
|
4224
|
-
return react.css(templateObject_1$
|
|
4224
|
+
return react.css(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n"])), multiline);
|
|
4225
4225
|
};
|
|
4226
4226
|
var singleLineCSS = react.css(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n"], ["\n display: inline-block;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])));
|
|
4227
4227
|
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"], ["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
4228
4228
|
var multiline = _a.multiline;
|
|
4229
4229
|
return multiline ? multilineCSS({ multiline: multiline }) : singleLineCSS;
|
|
4230
4230
|
});
|
|
4231
|
-
var templateObject_1$
|
|
4231
|
+
var templateObject_1$a, templateObject_2$5, templateObject_3$2;
|
|
4232
4232
|
|
|
4233
4233
|
var AccordionWithSummary = React.forwardRef(function (_a) {
|
|
4234
4234
|
var title = _a.title, children = _a.children, titleSize = _a.titleSize, detailsProps = _a.detailsProps, onChange = _a.onChange, defaultExpanded = _a.expanded, summaryProps = __rest(_a, ["title", "children", "titleSize", "detailsProps", "onChange", "expanded"]);
|
|
@@ -4243,7 +4243,7 @@ var AccordionWithSummary = React.forwardRef(function (_a) {
|
|
|
4243
4243
|
AccordionWithSummary.defaultProps = {
|
|
4244
4244
|
titleSize: "m",
|
|
4245
4245
|
};
|
|
4246
|
-
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$
|
|
4246
|
+
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n padding: 0 0 40px;\n @media (max-width: 600px) {\n padding-bottom: 16px;\n > div {\n padding-right: 0;\n }\n }\n"], ["\n padding: 0 0 40px;\n @media (max-width: 600px) {\n padding-bottom: 16px;\n > div {\n padding-right: 0;\n }\n }\n"])));
|
|
4247
4247
|
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"])));
|
|
4248
4248
|
var expandedButtonCSS = function (_a) {
|
|
4249
4249
|
var expanded = _a.expanded;
|
|
@@ -4253,7 +4253,7 @@ var StyledButton$1 = styled__default["default"](kuiBasic.Button, {
|
|
|
4253
4253
|
shouldForwardProp: function (prop) { return prop !== "expanded"; },
|
|
4254
4254
|
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"], ["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"])), expandedButtonCSS);
|
|
4255
4255
|
var StyledSummary = styled__default["default"](kuiBasic.AccordionSummary)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n .KUI-Accordion_Summary-Content {\n align-items: center;\n }\n"], ["\n .KUI-Accordion_Summary-Content {\n align-items: center;\n }\n"])));
|
|
4256
|
-
var templateObject_1$
|
|
4256
|
+
var templateObject_1$9, templateObject_2$4, templateObject_3$1, templateObject_4$1, templateObject_5$1;
|
|
4257
4257
|
|
|
4258
4258
|
function DropdownMenuBase(_a) {
|
|
4259
4259
|
var options = _a.options, isOpen = _a.isOpen, handleClose = _a.handleClose, buttonRef = _a.buttonRef, children = _a.children, menuItemStyles = _a.menuItemStyles, other = __rest(_a, ["options", "isOpen", "handleClose", "buttonRef", "children", "menuItemStyles"]);
|
|
@@ -4278,9 +4278,9 @@ function DropdownMenuBase(_a) {
|
|
|
4278
4278
|
};
|
|
4279
4279
|
return (jsxRuntime.jsxs(StyledMenu, __assign({ "data-testid": "menu_dropdown", ref: dropdownRef, hidden: !isOpen }, other, { children: [options === null || options === void 0 ? void 0 : options.map(function (option) { return (jsxRuntime.jsxs(StyledMenuItem, __assign({ role: "button", className: menuItemStyles, onClick: function () { return handleOptionClick(option.handleClick); }, onKeyDown: function () { return handleOptionClick(option.handleClick); }, tabIndex: 0 }, { children: [option.icon, jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 500 }, { children: option.label }))] }), option.label)); }), children] })));
|
|
4280
4280
|
}
|
|
4281
|
-
var StyledMenu = styled__default["default"].div(templateObject_1$
|
|
4281
|
+
var StyledMenu = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n padding: 8px;\n background: ", ";\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border: 1px solid ", ";\n position: absolute;\n right: 0;\n border-radius: 12px;\n width: max-content;\n z-index: 1000;\n"], ["\n padding: 8px;\n background: ", ";\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border: 1px solid ", ";\n position: absolute;\n right: 0;\n border-radius: 12px;\n width: max-content;\n z-index: 1000;\n"])), kuiBasic.theme.palette.grey.zero, kuiBasic.theme.palette.background.light1);
|
|
4282
4282
|
var StyledMenuItem = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n border-radius: 12px;\n padding: 13px 8px;\n cursor: pointer;\n transition: all ease-out 0.2s;\n text-align: left;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n svg {\n margin-right: 8px;\n path {\n fill: ", ";\n }\n }\n &:hover {\n background-color: ", ";\n }\n"], ["\n border-radius: 12px;\n padding: 13px 8px;\n cursor: pointer;\n transition: all ease-out 0.2s;\n text-align: left;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n svg {\n margin-right: 8px;\n path {\n fill: ", ";\n }\n }\n &:hover {\n background-color: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP, kuiBasic.theme.palette.background.light1);
|
|
4283
|
-
var templateObject_1$
|
|
4283
|
+
var templateObject_1$8, templateObject_2$3;
|
|
4284
4284
|
|
|
4285
4285
|
var menuOffset = 32;
|
|
4286
4286
|
var DropdownMenuWithPortal = function (_a) {
|
|
@@ -4316,14 +4316,14 @@ var index$3 = mobxReact.observer(DropdownMenu);
|
|
|
4316
4316
|
|
|
4317
4317
|
var MetroOption = function (_a) {
|
|
4318
4318
|
var metro = _a.metro;
|
|
4319
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
4319
|
+
return (jsxRuntime.jsxs(StyledWrapper$3, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: metro.name })), jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledPoint, { color: metro.line.hex_color }), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: metro.line.name }))] }))] }));
|
|
4320
4320
|
};
|
|
4321
|
-
var StyledWrapper$
|
|
4321
|
+
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n transition: all ease-out 0.3s;\n &:hover {\n background: ", ";\n }\n"], ["\n padding: 8px;\n border-radius: 8px;\n transition: all ease-out 0.3s;\n &:hover {\n background: ", ";\n }\n"])), kuiBasic.theme.palette.background.light1);
|
|
4322
4322
|
var StyledPoint = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n margin-right: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #", ";\n"], ["\n margin-right: 8px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: #", ";\n"])), function (_a) {
|
|
4323
4323
|
var color = _a.color;
|
|
4324
4324
|
return color;
|
|
4325
4325
|
});
|
|
4326
|
-
var templateObject_1$
|
|
4326
|
+
var templateObject_1$7, templateObject_2$2;
|
|
4327
4327
|
|
|
4328
4328
|
function MetroAutocomplete(_a) {
|
|
4329
4329
|
var form = _a.form, name = _a.name, label = _a.label, hideName = _a.hideName; _a.defaultValue; var handleChange = _a.handleChange, metroStore = _a.metroStore, otherProps = __rest(_a, ["form", "name", "label", "hideName", "defaultValue", "handleChange", "metroStore"]);
|
|
@@ -4372,8 +4372,8 @@ function MetroItem$2(props) {
|
|
|
4372
4372
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(MetroAutocomplete$1, { metroStore: metroStore, hideName: "metroStations.".concat(index, ".id"), name: "metroStations.".concat(index, ".name"), label: "Metro", form: form, disabled: !isEditing, handleChange: handleChange, isRequired: true }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsx(kuiComplex.InputWithMask, { name: "metroStations.".concat(index, ".walkDistance"), label: "Walk distance", form: form, disabled: !isEditing, cornerLabel: "m", mask: Number, thousandsSeparator: " " }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsx(kuiComplex.InputWithMask, { name: "metroStations.".concat(index, ".carDistance"), label: "Car distance", form: form, disabled: !isEditing, cornerLabel: "m", mask: Number, thousandsSeparator: " " }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 2 }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(StyledInput, { name: "metroStations.".concat(index, ".carTime"), label: "Car time", form: form, disabled: !isEditing, cornerLabel: "min", mask: Number, thousandsSeparator: " " }), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "backgroundLight", onClick: handleDelete, disabled: !isEditing }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 8, height: 8 }) }))] })) }))] })) })));
|
|
4373
4373
|
}
|
|
4374
4374
|
var MetroItem$3 = mobxReact.observer(MetroItem$2);
|
|
4375
|
-
var StyledInput = styled__default["default"](kuiComplex.InputWithMask)(templateObject_1$
|
|
4376
|
-
var templateObject_1$
|
|
4375
|
+
var StyledInput = styled__default["default"](kuiComplex.InputWithMask)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4376
|
+
var templateObject_1$6;
|
|
4377
4377
|
|
|
4378
4378
|
var useMetroBlock = function (form, mapStore, metroStore, coords) {
|
|
4379
4379
|
var map = mapStore.map, setMap = mapStore.setMap;
|
|
@@ -4460,8 +4460,8 @@ function MetroBlock(props) {
|
|
|
4460
4460
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton, __assign({ title: "Metro", onClick: addMetro, isEditing: isEditing }, { children: jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 1 }, { children: jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, disabled: !isEditing, size: "xs", variant: "whiteWithGray", onClick: updateMetroStations }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })) })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: fields.map(function (item, index) { return (jsxRuntime.jsx(MetroItem$3, { index: index, form: form, isEditing: isEditing, onDelete: remove, apartmentCoords: coords, onChange: update, metroStore: metroStore }, fields[index].id)); }) })), isLoading && jsxRuntime.jsx(LoaderPopup, { label: "metro changes" })] }));
|
|
4461
4461
|
}
|
|
4462
4462
|
var index$2 = mobxReact.observer(MetroBlock);
|
|
4463
|
-
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$
|
|
4464
|
-
var templateObject_1$
|
|
4463
|
+
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n padding-top: 0;\n"], ["\n padding-top: 0;\n"])));
|
|
4464
|
+
var templateObject_1$5;
|
|
4465
4465
|
|
|
4466
4466
|
var getMetroItemFields = function (settings) { return [
|
|
4467
4467
|
__assign({ label: "Walk distance", name: "walkDistance", cornerLabel: "m", mask: Number, thousandsSeparator: " ", size: 12 }, settings === null || settings === void 0 ? void 0 : settings.walkDistance),
|
|
@@ -4495,16 +4495,16 @@ function MetroItem(props) {
|
|
|
4495
4495
|
})] })) })));
|
|
4496
4496
|
}
|
|
4497
4497
|
var MetroItem$1 = mobxReact.observer(MetroItem);
|
|
4498
|
-
var StyledInputWrapper = styled__default["default"].div(templateObject_1$
|
|
4499
|
-
var templateObject_1$
|
|
4498
|
+
var StyledInputWrapper = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n width: 100%;\n"], ["\n max-width: calc(100% - 32px - 16px);\n width: 100%;\n"])));
|
|
4499
|
+
var templateObject_1$4;
|
|
4500
4500
|
|
|
4501
4501
|
var MetroBlockHeader = function (props) {
|
|
4502
4502
|
var addMetro = props.addMetro, updateMetroStations = props.updateMetroStations, label = props.label, disabled = props.disabled;
|
|
4503
|
-
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(StyledWrapper$
|
|
4503
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(StyledWrapper$2, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600 }, { children: (label || "METRO").toUpperCase() })), jsxRuntime.jsxs(StyledButtonsWrapper, __assign({ container: true, wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: updateMetroStations, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: addMetro, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, { width: 14, height: 14 }) }))] }))] })) })));
|
|
4504
4504
|
};
|
|
4505
|
-
var StyledWrapper$
|
|
4505
|
+
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 16px;\n margin-top: 8px;\n"], ["\n margin-bottom: 16px;\n margin-top: 8px;\n"])));
|
|
4506
4506
|
var StyledButtonsWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n width: fit-content;\n > button:first-of-type {\n margin-right: 16px;\n }\n"], ["\n width: fit-content;\n > button:first-of-type {\n margin-right: 16px;\n }\n"])));
|
|
4507
|
-
var templateObject_1$
|
|
4507
|
+
var templateObject_1$3, templateObject_2$1;
|
|
4508
4508
|
|
|
4509
4509
|
function MetroBlockForModal(props) {
|
|
4510
4510
|
var form = props.form, isEditing = props.isEditing, coords = props.coords, metroStore = props.metroStore, mapStore = props.mapStore, fieldsSettings = props.fieldsSettings, label = props.label;
|
|
@@ -4513,6 +4513,18 @@ function MetroBlockForModal(props) {
|
|
|
4513
4513
|
}
|
|
4514
4514
|
var index$1 = mobxReact.observer(MetroBlockForModal);
|
|
4515
4515
|
|
|
4516
|
+
var LoadingWithSparkles = React.forwardRef(function (_a) {
|
|
4517
|
+
var height = _a.height, className = _a.className, otherProps = __rest(_a, ["height", "className"]);
|
|
4518
|
+
return (jsxRuntime.jsx(StyledWrapper$1, __assign({ container: true, alignItems: "center", justify: "center", className: className, height: height }, { children: jsxRuntime.jsx(kuiBasic.LoaderWithSparkles, __assign({}, otherProps)) })));
|
|
4519
|
+
});
|
|
4520
|
+
var StyledWrapper$1 = styled__default["default"](kuiBasic.Grid, {
|
|
4521
|
+
shouldForwardProp: function (prop) { return prop !== "height"; },
|
|
4522
|
+
})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n height: ", ";\n"], ["\n height: ", ";\n"])), function (_a) {
|
|
4523
|
+
var height = _a.height;
|
|
4524
|
+
return height || "auto";
|
|
4525
|
+
});
|
|
4526
|
+
var templateObject_1$2;
|
|
4527
|
+
|
|
4516
4528
|
var inputProps = {
|
|
4517
4529
|
step: 0.1,
|
|
4518
4530
|
};
|
|
@@ -4713,6 +4725,7 @@ exports.Link = Link;
|
|
|
4713
4725
|
exports.LinkField = LinkField;
|
|
4714
4726
|
exports.LoaderPopup = LoaderPopup;
|
|
4715
4727
|
exports.LoaderState = LoaderState$1;
|
|
4728
|
+
exports.LoadingWithSparkles = LoadingWithSparkles;
|
|
4716
4729
|
exports.MapComponent = MapComponent$1;
|
|
4717
4730
|
exports.MapOverlay = MapOverlay;
|
|
4718
4731
|
exports.MapStore = MapStore;
|