kui-crm 0.0.257 → 0.0.258
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 +171 -160
- package/cjs/index.js.map +1 -1
- package/index.d.ts +8 -1
- package/index.js +171 -161
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2321,8 +2321,8 @@ function TwoOptionForAutocomplete(_a) {
|
|
|
2321
2321
|
var option = _a.option;
|
|
2322
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$g = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2325
|
-
var templateObject_1$
|
|
2324
|
+
var StyledWrapper$g = styled__default["default"](kuiBasic.Grid)(templateObject_1$P || (templateObject_1$P = __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$P;
|
|
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"]);
|
|
@@ -2330,23 +2330,23 @@ function SquarePreviewImage(_a) {
|
|
|
2330
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$
|
|
2334
|
-
sm: react.css(templateObject_2$
|
|
2333
|
+
lg: react.css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2334
|
+
sm: react.css(templateObject_2$v || (templateObject_2$v = __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
|
-
var StyledImage$7 = styled__default["default"].img(templateObject_3$
|
|
2337
|
-
var StyledWrapper$f = styled__default["default"].div(templateObject_4$
|
|
2336
|
+
var StyledImage$7 = styled__default["default"].img(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
|
|
2337
|
+
var StyledWrapper$f = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
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$O, templateObject_2$v, templateObject_3$o, templateObject_4$a, templateObject_5$5;
|
|
2343
2343
|
|
|
2344
2344
|
function Modal(_a) {
|
|
2345
2345
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
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$N || (templateObject_1$N = __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$N;
|
|
2350
2350
|
|
|
2351
2351
|
const isValidWithMaskExp = /^[^_]+$/;
|
|
2352
2352
|
|
|
@@ -2370,8 +2370,8 @@ function AutocompleteOption(_a) {
|
|
|
2370
2370
|
var label = _a.label;
|
|
2371
2371
|
return (jsxRuntime.jsx(StyledWrapper$e, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
2372
2372
|
}
|
|
2373
|
-
var StyledWrapper$e = styled__default["default"].div(templateObject_1$
|
|
2374
|
-
var templateObject_1$
|
|
2373
|
+
var StyledWrapper$e = styled__default["default"].div(templateObject_1$M || (templateObject_1$M = __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$M;
|
|
2375
2375
|
|
|
2376
2376
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
2377
2377
|
var timeout = 5000;
|
|
@@ -2418,10 +2418,10 @@ function ErrorPopup(_a) {
|
|
|
2418
2418
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
2419
2419
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$d, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent$1, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
|
|
2420
2420
|
}
|
|
2421
|
-
var containerCSS$1 = react.css(templateObject_1$
|
|
2422
|
-
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2423
|
-
var StyledContent$1 = styled__default["default"].pre(templateObject_3$
|
|
2424
|
-
var templateObject_1$
|
|
2421
|
+
var containerCSS$1 = react.css(templateObject_1$L || (templateObject_1$L = __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$u || (templateObject_2$u = __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
|
+
var StyledContent$1 = styled__default["default"].pre(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2424
|
+
var templateObject_1$L, templateObject_2$u, templateObject_3$n;
|
|
2425
2425
|
|
|
2426
2426
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2427
2427
|
var createParentNode = function () {
|
|
@@ -2445,12 +2445,12 @@ function LoaderPopup(_a) {
|
|
|
2445
2445
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
2446
2446
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$c, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$4, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
|
|
2447
2447
|
}
|
|
2448
|
-
var containerCSS = react.css(templateObject_1$
|
|
2449
|
-
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2450
|
-
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
2451
|
-
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$
|
|
2448
|
+
var containerCSS = react.css(templateObject_1$K || (templateObject_1$K = __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$t || (templateObject_2$t = __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
|
+
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2451
|
+
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
|
|
2452
2452
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
2453
|
-
var templateObject_1$
|
|
2453
|
+
var templateObject_1$K, templateObject_2$t, templateObject_3$m, templateObject_4$9, templateObject_5$4;
|
|
2454
2454
|
|
|
2455
2455
|
function LoaderState(_a) {
|
|
2456
2456
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -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$
|
|
2629
|
-
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$
|
|
2630
|
-
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2631
|
-
var templateObject_1$
|
|
2628
|
+
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
|
|
2629
|
+
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
|
|
2630
|
+
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2631
|
+
var templateObject_1$J, templateObject_2$s, templateObject_3$l;
|
|
2632
2632
|
|
|
2633
2633
|
function OpenMapButton(props) {
|
|
2634
2634
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
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$I || (templateObject_1$I = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
2638
|
+
var templateObject_1$I;
|
|
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$
|
|
2680
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2681
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
2682
|
-
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$
|
|
2683
|
-
var templateObject_1$
|
|
2679
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
|
|
2680
|
+
var StyledImage$6 = styled__default["default"].img(templateObject_2$r || (templateObject_2$r = __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
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
2682
|
+
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
2683
|
+
var templateObject_1$H, templateObject_2$r, templateObject_3$k, templateObject_4$8;
|
|
2684
2684
|
|
|
2685
2685
|
var getURLFromFile = function (fileList) {
|
|
2686
2686
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2720,12 +2720,12 @@ function FileUploaderWithPreview(props) {
|
|
|
2720
2720
|
};
|
|
2721
2721
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$b, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$3, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel$1, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
|
|
2722
2722
|
}
|
|
2723
|
-
var StyledWrapper$b = styled__default["default"].div(templateObject_1$
|
|
2724
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2725
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2726
|
-
var StyledInput$3 = styled__default["default"].input(templateObject_4$
|
|
2723
|
+
var StyledWrapper$b = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
2724
|
+
var StyledLabel$1 = styled__default["default"].label(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2725
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
|
|
2726
|
+
var StyledInput$3 = styled__default["default"].input(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2727
2727
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2728
|
-
var templateObject_1$
|
|
2728
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$j, templateObject_4$7, templateObject_5$3;
|
|
2729
2729
|
|
|
2730
2730
|
var companyFields = [
|
|
2731
2731
|
{
|
|
@@ -2769,12 +2769,12 @@ 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$F || (templateObject_1$F = __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 }));
|
|
2776
2776
|
}
|
|
2777
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2777
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: ", ";\n position: ", ";\n bottom: ", ";\n left: ", ";\n"])), kuiBasic.theme.palette.grey.zero, function (_a) {
|
|
2778
2778
|
var isFixed = _a.isFixed;
|
|
2779
2779
|
return (isFixed ? 1000 : 1);
|
|
2780
2780
|
}, function (_a) {
|
|
@@ -2787,8 +2787,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$o || (tem
|
|
|
2787
2787
|
var isFixed = _a.isFixed;
|
|
2788
2788
|
return (isFixed ? 0 : "auto");
|
|
2789
2789
|
});
|
|
2790
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
2791
|
-
var templateObject_1$
|
|
2790
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2791
|
+
var templateObject_1$F, templateObject_2$p, templateObject_3$i;
|
|
2792
2792
|
|
|
2793
2793
|
function CompanyCreationForm(_a) {
|
|
2794
2794
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -2973,8 +2973,8 @@ HeadingWithButton.defaultProps = {
|
|
|
2973
2973
|
variant: "white",
|
|
2974
2974
|
showButton: true,
|
|
2975
2975
|
};
|
|
2976
|
-
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2977
|
-
var templateObject_1$
|
|
2976
|
+
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
2977
|
+
var templateObject_1$E;
|
|
2978
2978
|
|
|
2979
2979
|
var meterFeaturesFieldsSchema = {
|
|
2980
2980
|
noTariff: yup__namespace.boolean(),
|
|
@@ -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$
|
|
3117
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
3118
|
-
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_3$
|
|
3119
|
-
var templateObject_1$
|
|
3116
|
+
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
|
|
3117
|
+
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
3118
|
+
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
3119
|
+
var templateObject_1$D, templateObject_2$o, templateObject_3$h;
|
|
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$
|
|
3206
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
3207
|
-
var templateObject_1$
|
|
3205
|
+
var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"], ["\n padding-top: 16px;\n &:first-child {\n padding-top: 12px;\n }\n"])));
|
|
3206
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$n || (templateObject_2$n = __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$C, templateObject_2$n;
|
|
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$B || (templateObject_1$B = __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$B;
|
|
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$A || (templateObject_1$A = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
|
|
3252
|
+
var templateObject_1$A;
|
|
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$z || (templateObject_1$z = __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$z;
|
|
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$y || (templateObject_1$y = __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$y;
|
|
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$x || (templateObject_1$x = __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$x;
|
|
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$
|
|
3463
|
-
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$
|
|
3464
|
-
var templateObject_1$
|
|
3462
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3463
|
+
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$m || (templateObject_2$m = __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$w, templateObject_2$m;
|
|
3465
3465
|
|
|
3466
3466
|
var CheckboxWithHint = function (props) {
|
|
3467
3467
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3654,8 +3654,8 @@ function TableBottomLoading(_a) {
|
|
|
3654
3654
|
paddingTop: isLoading ? 20 : 0,
|
|
3655
3655
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3656
3656
|
}
|
|
3657
|
-
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$
|
|
3658
|
-
var templateObject_1$
|
|
3657
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3658
|
+
var templateObject_1$v;
|
|
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$
|
|
3680
|
-
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3681
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
3679
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
|
|
3680
|
+
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3681
|
+
var CardWrapper = styled__default["default"].div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
|
|
3682
3682
|
var isCopied = _a.isCopied;
|
|
3683
3683
|
return (isCopied ? 1 : 0);
|
|
3684
3684
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3685
|
-
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$
|
|
3686
|
-
var templateObject_1$
|
|
3685
|
+
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3686
|
+
var templateObject_1$u, templateObject_2$l, templateObject_3$g, templateObject_4$6;
|
|
3687
3687
|
|
|
3688
3688
|
var GalleryNavigation = function (_a) {
|
|
3689
3689
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3690
3690
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PrevButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handlePrev }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(NextButton, __assign({ isCircle: true, size: "s", variant: "blur", onClick: handleNext }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
3691
3691
|
};
|
|
3692
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3693
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3694
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3695
|
-
var templateObject_1$
|
|
3692
|
+
var buttonStyles = react.css(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
3693
|
+
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3694
|
+
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3695
|
+
var templateObject_1$t, templateObject_2$k, templateObject_3$f;
|
|
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$
|
|
3712
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3711
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3712
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$j || (templateObject_2$j = __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
|
-
var StyledSlide$2 = styled__default["default"].div(templateObject_3$
|
|
3717
|
-
var templateObject_1$
|
|
3716
|
+
var StyledSlide$2 = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3717
|
+
var templateObject_1$s, templateObject_2$j, templateObject_3$e;
|
|
3718
3718
|
|
|
3719
3719
|
var GallerySlider = function (_a) {
|
|
3720
3720
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3733,10 +3733,10 @@ var GallerySlider = function (_a) {
|
|
|
3733
3733
|
return null;
|
|
3734
3734
|
return (jsxRuntime.jsx(StyledWrapper$7, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images.map(function (image, key) { return (jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }, key)); }) })) }));
|
|
3735
3735
|
};
|
|
3736
|
-
var StyledWrapper$7 = styled__default["default"].div(templateObject_1$
|
|
3737
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3738
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
3739
|
-
var templateObject_1$
|
|
3736
|
+
var StyledWrapper$7 = styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3737
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_2$i || (templateObject_2$i = __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
|
+
var StyledImage$4 = styled__default["default"].img(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
|
|
3739
|
+
var templateObject_1$r, templateObject_2$i, templateObject_3$d;
|
|
3740
3740
|
|
|
3741
3741
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3742
3742
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -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$
|
|
3771
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3772
|
-
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3773
|
-
var templateObject_1$
|
|
3770
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3771
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3772
|
+
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3773
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$c;
|
|
3774
3774
|
|
|
3775
3775
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3776
3776
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -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$p || (templateObject_1$p = __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) {
|
|
@@ -3792,17 +3792,17 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$o || (templateOb
|
|
|
3792
3792
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3793
3793
|
return mobileWidth || width || 56;
|
|
3794
3794
|
});
|
|
3795
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3796
|
-
var Backdrop = styled__default["default"].div(templateObject_3$
|
|
3797
|
-
var templateObject_1$
|
|
3795
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3796
|
+
var Backdrop = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
3797
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$b;
|
|
3798
3798
|
|
|
3799
3799
|
var ImageCardWithBackdrop = function (props) {
|
|
3800
3800
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3801
3801
|
return (jsxRuntime.jsxs(StyledContainer$1, { children: [jsxRuntime.jsx(StyledImageCard, __assign({ width: width, mobileWidth: mobileWidth }, imageCardProps)), jsxRuntime.jsx(StyledBackdrop, __assign({ width: width, mobileWidth: mobileWidth }, { children: jsxRuntime.jsxs(kuiBasic.Caption, __assign({ weight: 600, color: "zero", disableUserSelect: true }, { children: ["+", count] })) }))] }));
|
|
3802
3802
|
};
|
|
3803
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3804
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3805
|
-
var StyledBackdrop = styled__default["default"].div(templateObject_3$
|
|
3803
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3804
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3805
|
+
var StyledBackdrop = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3806
3806
|
var width = _a.width;
|
|
3807
3807
|
return width || 56;
|
|
3808
3808
|
}, function (_a) {
|
|
@@ -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$o, templateObject_2$f, templateObject_3$a;
|
|
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$n || (templateObject_1$n = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3854
|
+
var templateObject_1$n;
|
|
3855
3855
|
|
|
3856
3856
|
function MultistepForm(props) {
|
|
3857
3857
|
var form = props.form, children = props.children, stepShift = props.stepShift, other = __rest(props, ["form", "children", "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$m || (templateObject_1$m = __makeTemplateObject(["\n cursor: default;\n color: #a6aebc;\n "], ["\n cursor: default;\n color: #a6aebc;\n "])));
|
|
3966
3966
|
};
|
|
3967
|
-
var StyledLink$1 = styled__default["default"].a(templateObject_2$
|
|
3968
|
-
var templateObject_1$
|
|
3967
|
+
var StyledLink$1 = styled__default["default"].a(templateObject_2$e || (templateObject_2$e = __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$m, templateObject_2$e;
|
|
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$
|
|
3975
|
-
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3976
|
-
var StyledContent = styled__default["default"].div(templateObject_3$
|
|
3977
|
-
var templateObject_1$
|
|
3974
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3975
|
+
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3976
|
+
var StyledContent = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __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$l, templateObject_2$d, templateObject_3$9;
|
|
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,16 +4007,16 @@ 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$k || (templateObject_1$k = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
4011
4011
|
};
|
|
4012
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
4013
|
-
var Wrapper = styled__default["default"].div(templateObject_3$
|
|
4012
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$c || (templateObject_2$c = __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
|
+
var Wrapper = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __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) {
|
|
4014
4014
|
var spacing = _a.spacing;
|
|
4015
4015
|
return spacing;
|
|
4016
4016
|
});
|
|
4017
|
-
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$
|
|
4017
|
+
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$5 || (templateObject_4$5 = __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$k, templateObject_2$c, templateObject_3$8, templateObject_4$5, templateObject_5$2;
|
|
4020
4020
|
|
|
4021
4021
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
4022
4022
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -4045,11 +4045,11 @@ var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
|
4045
4045
|
};
|
|
4046
4046
|
return (jsxRuntime.jsx(StyledWrapper$6, __assign({ isScrollable: isScrollable, ref: forwardedRef }, otherProps)));
|
|
4047
4047
|
});
|
|
4048
|
-
var StyledWrapper$6 = styled__default["default"].div(templateObject_1$
|
|
4048
|
+
var StyledWrapper$6 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __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$j;
|
|
4053
4053
|
|
|
4054
4054
|
function Breadcrumbs(_a) {
|
|
4055
4055
|
var routes = _a.routes, className = _a.className;
|
|
@@ -4064,22 +4064,22 @@ function Breadcrumbs(_a) {
|
|
|
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$5 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
4067
|
+
var StyledWrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
4068
4068
|
var lastLinkCSS = function (_a) {
|
|
4069
4069
|
var isLast = _a.isLast;
|
|
4070
|
-
return isLast && react.css(templateObject_2$
|
|
4070
|
+
return isLast && react.css(templateObject_2$b || (templateObject_2$b = __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
|
-
var StyledLink = styled__default["default"](Link)(templateObject_3$
|
|
4073
|
-
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_4$
|
|
4074
|
-
var templateObject_1$
|
|
4072
|
+
var StyledLink = styled__default["default"](Link)(templateObject_3$7 || (templateObject_3$7 = __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
|
+
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_4$4 || (templateObject_4$4 = __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$i, templateObject_2$b, templateObject_3$7, templateObject_4$4;
|
|
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$
|
|
4081
|
-
var StyledBreadcrumbs = styled__default["default"](Breadcrumbs)(templateObject_2$
|
|
4082
|
-
var templateObject_1$
|
|
4080
|
+
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
4081
|
+
var StyledBreadcrumbs = styled__default["default"](Breadcrumbs)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4082
|
+
var templateObject_1$h, templateObject_2$a;
|
|
4083
4083
|
|
|
4084
4084
|
function SliderThumbnails(_a) {
|
|
4085
4085
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -4095,23 +4095,23 @@ function SliderThumbnails(_a) {
|
|
|
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$4 = styled__default["default"].div(templateObject_1$
|
|
4099
|
-
var StyledImage$1 = styled__default["default"].img(templateObject_2$
|
|
4098
|
+
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __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
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_2$9 || (templateObject_2$9 = __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
|
-
var StyledSlide = styled__default["default"].div(templateObject_3$
|
|
4104
|
-
var templateObject_1$
|
|
4103
|
+
var StyledSlide = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __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$g, templateObject_2$9, templateObject_3$6;
|
|
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$
|
|
4112
|
-
var StyledCloseButton = styled__default["default"].div(templateObject_2$
|
|
4113
|
-
var StyledSlash = styled__default["default"].span(templateObject_3$
|
|
4114
|
-
var templateObject_1$
|
|
4111
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$f || (templateObject_1$f = __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
|
+
var StyledCloseButton = styled__default["default"].div(templateObject_2$8 || (templateObject_2$8 = __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
|
+
var StyledSlash = styled__default["default"].span(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
4114
|
+
var templateObject_1$f, templateObject_2$8, templateObject_3$5;
|
|
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,8 +4167,8 @@ 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$
|
|
4171
|
-
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
4170
|
+
var StyledImageWrapper = styled__default["default"].div(templateObject_1$e || (templateObject_1$e = __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
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$7 || (templateObject_2$7 = __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");
|
|
4174
4174
|
}, function (_a) {
|
|
@@ -4178,16 +4178,16 @@ var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_
|
|
|
4178
4178
|
var StyledSwiper = styled__default["default"](function (_a) {
|
|
4179
4179
|
var className = _a.className, swiperRef = _a.swiperRef, otherProps = __rest(_a, ["className", "swiperRef"]);
|
|
4180
4180
|
return (jsxRuntime.jsx(Swiper__default["default"], __assign({ containerClass: className, ref: swiperRef }, otherProps)));
|
|
4181
|
-
})(templateObject_3$
|
|
4182
|
-
var StyledImage = styled__default["default"].img(templateObject_4$
|
|
4183
|
-
var templateObject_1$
|
|
4181
|
+
})(templateObject_3$4 || (templateObject_3$4 = __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
|
+
var StyledImage = styled__default["default"].img(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n height: 100vh;\n"], ["\n height: 100vh;\n"])));
|
|
4183
|
+
var templateObject_1$e, templateObject_2$7, templateObject_3$4, templateObject_4$3;
|
|
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$d || (templateObject_1$d = __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$d;
|
|
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$c || (templateObject_1$c = __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
|
-
var singleLineCSS = react.css(templateObject_2$
|
|
4227
|
-
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
4226
|
+
var singleLineCSS = react.css(templateObject_2$6 || (templateObject_2$6 = __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
|
+
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$3 || (templateObject_3$3 = __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$c, templateObject_2$6, templateObject_3$3;
|
|
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,17 +4243,17 @@ 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$
|
|
4247
|
-
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
4246
|
+
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$b || (templateObject_1$b = __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
|
+
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$5 || (templateObject_2$5 = __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;
|
|
4250
|
-
return !expanded && react.css(templateObject_3$
|
|
4250
|
+
return !expanded && react.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n svg {\n margin-top: 2px;\n transform: rotate(-180deg);\n }\n "], ["\n svg {\n margin-top: 2px;\n transform: rotate(-180deg);\n }\n "])));
|
|
4251
4251
|
};
|
|
4252
4252
|
var StyledButton$1 = styled__default["default"](kuiBasic.Button, {
|
|
4253
4253
|
shouldForwardProp: function (prop) { return prop !== "expanded"; },
|
|
4254
|
-
})(templateObject_4$
|
|
4254
|
+
})(templateObject_4$2 || (templateObject_4$2 = __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$b, templateObject_2$5, templateObject_3$2, templateObject_4$2, 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$
|
|
4282
|
-
var StyledMenuItem = styled__default["default"].div(templateObject_2$
|
|
4283
|
-
var templateObject_1$
|
|
4281
|
+
var StyledMenu = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __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
|
+
var StyledMenuItem = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __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$a, templateObject_2$4;
|
|
4284
4284
|
|
|
4285
4285
|
var menuOffset = 32;
|
|
4286
4286
|
var DropdownMenuWithPortal = function (_a) {
|
|
@@ -4318,12 +4318,12 @@ var MetroOption = function (_a) {
|
|
|
4318
4318
|
var metro = _a.metro;
|
|
4319
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$3 = styled__default["default"].div(templateObject_1$
|
|
4322
|
-
var StyledPoint = styled__default["default"].div(templateObject_2$
|
|
4321
|
+
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __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
|
+
var StyledPoint = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __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$9, templateObject_2$3;
|
|
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$8 || (templateObject_1$8 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4376
|
+
var templateObject_1$8;
|
|
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$7 || (templateObject_1$7 = __makeTemplateObject(["\n padding-top: 0;\n"], ["\n padding-top: 0;\n"])));
|
|
4464
|
+
var templateObject_1$7;
|
|
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$6 || (templateObject_1$6 = __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$6;
|
|
4500
4500
|
|
|
4501
4501
|
var MetroBlockHeader = function (props) {
|
|
4502
4502
|
var addMetro = props.addMetro, updateMetroStations = props.updateMetroStations, label = props.label, disabled = props.disabled;
|
|
4503
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$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
4506
|
-
var StyledButtonsWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
4507
|
-
var templateObject_1$
|
|
4505
|
+
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n margin-bottom: 16px;\n margin-top: 8px;\n"], ["\n margin-bottom: 16px;\n margin-top: 8px;\n"])));
|
|
4506
|
+
var StyledButtonsWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2$2 || (templateObject_2$2 = __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$5, templateObject_2$2;
|
|
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;
|
|
@@ -4519,18 +4519,18 @@ var LoadingWithSparkles = React.forwardRef(function (_a) {
|
|
|
4519
4519
|
});
|
|
4520
4520
|
var StyledWrapper$1 = styled__default["default"](kuiBasic.Grid, {
|
|
4521
4521
|
shouldForwardProp: function (prop) { return prop !== "height"; },
|
|
4522
|
-
})(templateObject_1$
|
|
4522
|
+
})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n height: ", ";\n"], ["\n height: ", ";\n"])), function (_a) {
|
|
4523
4523
|
var height = _a.height;
|
|
4524
4524
|
return height || "auto";
|
|
4525
4525
|
});
|
|
4526
|
-
var templateObject_1$
|
|
4526
|
+
var templateObject_1$4;
|
|
4527
4527
|
|
|
4528
4528
|
var BigCheckbox = React.forwardRef(function (props, ref) {
|
|
4529
4529
|
var form = props.form, name = props.name, label = props.label;
|
|
4530
4530
|
var checked = form.watch(name);
|
|
4531
4531
|
return (jsxRuntime.jsx(StyledCheckbox, __assign({ isChecked: checked }, props, { ref: ref, label: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) })));
|
|
4532
4532
|
});
|
|
4533
|
-
var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithController)(templateObject_1$
|
|
4533
|
+
var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithController)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n padding: 16px 12px;\n border-radius: 12px;\n background: white;\n width: 100%;\n border: 1px solid\n ", ";\n transition: all ease-out 0.3s;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n @media (hover: hover) {\n &:hover {\n border-color: ", ";\n }\n }\n"], ["\n padding: 16px 12px;\n border-radius: 12px;\n background: white;\n width: 100%;\n border: 1px solid\n ", ";\n transition: all ease-out 0.3s;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n @media (hover: hover) {\n &:hover {\n border-color: ", ";\n }\n }\n"])), function (_a) {
|
|
4534
4534
|
var isChecked = _a.isChecked, disabled = _a.disabled;
|
|
4535
4535
|
return isChecked && !disabled
|
|
4536
4536
|
? kuiBasic.theme.palette.brand.main
|
|
@@ -4539,7 +4539,17 @@ var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithControlle
|
|
|
4539
4539
|
var disabled = _a.disabled;
|
|
4540
4540
|
return disabled ? kuiBasic.theme.palette.grey.fifteenB : kuiBasic.theme.palette.brand.main;
|
|
4541
4541
|
});
|
|
4542
|
-
var templateObject_1$
|
|
4542
|
+
var templateObject_1$3;
|
|
4543
|
+
|
|
4544
|
+
var dotStyles = react.css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: ", ";\n margin-right: 4px;\n &:last-child {\n margin-right: 0;\n },\n"], ["\n display: inline-block;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: ", ";\n margin-right: 4px;\n &:last-child {\n margin-right: 0;\n },\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
4545
|
+
var activeStyles = react.css(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.brand.main);
|
|
4546
|
+
function FormStepsIndicator(props) {
|
|
4547
|
+
var active = props.active, dotsCount = props.dotsCount;
|
|
4548
|
+
return (jsxRuntime$1.jsxs(kuiBasic.Box, __assign({ css: { position: "relative" }, mt: 3 }, { children: [jsxRuntime$1.jsx(StyledLine, {}), jsxRuntime$1.jsx(StyledDotsContainer, { children: new Array(dotsCount).fill(1).map(function (item, key) { return (jsxRuntime$1.jsx("span", { css: [dotStyles, key + 1 === active && activeStyles] }, ___default["default"].uniqueId())); }) })] })));
|
|
4549
|
+
}
|
|
4550
|
+
var StyledLine = styled__default["default"].hr(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n height: 1px;\n border: none;\n margin: 0;\n background: ", ";\n"], ["\n height: 1px;\n border: none;\n margin: 0;\n background: ", ";\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
4551
|
+
var StyledDotsContainer = styled__default["default"].div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n border: 1px solid ", ";\n border-radius: 66px;\n padding: 5px;\n background: ", ";\n width: fit-content;\n position: absolute;\n display: flex;\n top: -9px;\n left: 45%;\n z-index: 6;\n"], ["\n border: 1px solid ", ";\n border-radius: 66px;\n padding: 5px;\n background: ", ";\n width: fit-content;\n position: absolute;\n display: flex;\n top: -9px;\n left: 45%;\n z-index: 6;\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.zero);
|
|
4552
|
+
var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1;
|
|
4543
4553
|
|
|
4544
4554
|
var inputProps = {
|
|
4545
4555
|
step: 0.1,
|
|
@@ -4722,6 +4732,7 @@ exports.FillingTagsAutocomplete = FillingTagsAutocomplete$1;
|
|
|
4722
4732
|
exports.FillingTagsStore = FillingTagsStore;
|
|
4723
4733
|
exports.FillingTypeValues = FillingTypeValues;
|
|
4724
4734
|
exports.FormBottom = FormBottom;
|
|
4735
|
+
exports.FormStepsIndicator = FormStepsIndicator;
|
|
4725
4736
|
exports.FormWrapper = FormWrapper;
|
|
4726
4737
|
exports.FullSlider = FullSlider$1;
|
|
4727
4738
|
exports.FullSliderModal = FullSliderModal;
|