kui-crm 0.0.164 → 0.0.166
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 +169 -143
- package/cjs/index.js.map +1 -1
- package/index.d.ts +11 -1
- package/index.js +171 -146
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/index.d.ts +1 -0
package/cjs/index.js
CHANGED
|
@@ -2037,8 +2037,8 @@ function TwoOptionForAutocomplete(_a) {
|
|
|
2037
2037
|
var option = _a.option;
|
|
2038
2038
|
return (jsxRuntime.jsxs(StyledWrapper$d, __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 })) }))] })));
|
|
2039
2039
|
}
|
|
2040
|
-
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2041
|
-
var templateObject_1$
|
|
2040
|
+
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_1$G || (templateObject_1$G = __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);
|
|
2041
|
+
var templateObject_1$G;
|
|
2042
2042
|
|
|
2043
2043
|
function SquarePreviewImage(_a) {
|
|
2044
2044
|
var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
|
|
@@ -2046,23 +2046,23 @@ function SquarePreviewImage(_a) {
|
|
|
2046
2046
|
return (jsxRuntime.jsx(StyledWrapper$c, __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 : "?" })) }))) })));
|
|
2047
2047
|
}
|
|
2048
2048
|
var previewSizesStyles = {
|
|
2049
|
-
lg: react.css(templateObject_1$
|
|
2050
|
-
sm: react.css(templateObject_2$
|
|
2049
|
+
lg: react.css(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2050
|
+
sm: react.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
2051
2051
|
};
|
|
2052
|
-
var StyledImage$7 = styled__default["default"].img(templateObject_3$
|
|
2053
|
-
var StyledWrapper$c = styled__default["default"].div(templateObject_4$
|
|
2052
|
+
var StyledImage$7 = styled__default["default"].img(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
|
|
2053
|
+
var StyledWrapper$c = styled__default["default"].div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2054
2054
|
var size = _a.size;
|
|
2055
2055
|
return previewSizesStyles[size];
|
|
2056
2056
|
});
|
|
2057
|
-
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$
|
|
2058
|
-
var templateObject_1$
|
|
2057
|
+
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);
|
|
2058
|
+
var templateObject_1$F, templateObject_2$p, templateObject_3$n, templateObject_4$a, templateObject_5$5;
|
|
2059
2059
|
|
|
2060
2060
|
function Modal(_a) {
|
|
2061
2061
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
2062
2062
|
return jsxRuntime.jsx(StyledModal$3, __assign({ isScrollable: true, isOpen: open }, other));
|
|
2063
2063
|
}
|
|
2064
|
-
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
2065
|
-
var templateObject_1$
|
|
2064
|
+
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$E || (templateObject_1$E = __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"])));
|
|
2065
|
+
var templateObject_1$E;
|
|
2066
2066
|
|
|
2067
2067
|
const isValidWithMaskExp = /^[^_]+$/;
|
|
2068
2068
|
|
|
@@ -2086,8 +2086,8 @@ function AutocompleteOption(_a) {
|
|
|
2086
2086
|
var label = _a.label;
|
|
2087
2087
|
return (jsxRuntime.jsx(StyledWrapper$b, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
2088
2088
|
}
|
|
2089
|
-
var StyledWrapper$b = styled__default["default"].div(templateObject_1$
|
|
2090
|
-
var templateObject_1$
|
|
2089
|
+
var StyledWrapper$b = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __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);
|
|
2090
|
+
var templateObject_1$D;
|
|
2091
2091
|
|
|
2092
2092
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
2093
2093
|
var timeout = 5000;
|
|
@@ -2134,10 +2134,10 @@ function ErrorPopup(_a) {
|
|
|
2134
2134
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
2135
2135
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$a, __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)] }));
|
|
2136
2136
|
}
|
|
2137
|
-
var containerCSS$1 = react.css(templateObject_1$
|
|
2138
|
-
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2139
|
-
var StyledContent$1 = styled__default["default"].pre(templateObject_3$
|
|
2140
|
-
var templateObject_1$
|
|
2137
|
+
var containerCSS$1 = react.css(templateObject_1$C || (templateObject_1$C = __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"])));
|
|
2138
|
+
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_2$o || (templateObject_2$o = __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 &: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 &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
2139
|
+
var StyledContent$1 = styled__default["default"].pre(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
2140
|
+
var templateObject_1$C, templateObject_2$o, templateObject_3$m;
|
|
2141
2141
|
|
|
2142
2142
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2143
2143
|
var createParentNode = function () {
|
|
@@ -2161,12 +2161,12 @@ function LoaderPopup(_a) {
|
|
|
2161
2161
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
2162
2162
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$9, __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)] }));
|
|
2163
2163
|
}
|
|
2164
|
-
var containerCSS = react.css(templateObject_1$
|
|
2165
|
-
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2166
|
-
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
2167
|
-
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$
|
|
2168
|
-
var CloseIconWrapper = styled__default["default"].div(templateObject_5$
|
|
2169
|
-
var templateObject_1$
|
|
2164
|
+
var containerCSS = react.css(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
2165
|
+
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_2$n || (templateObject_2$n = __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"])));
|
|
2166
|
+
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
2167
|
+
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"])));
|
|
2168
|
+
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"])));
|
|
2169
|
+
var templateObject_1$B, templateObject_2$n, templateObject_3$l, templateObject_4$9, templateObject_5$4;
|
|
2170
2170
|
|
|
2171
2171
|
function LoaderState(_a) {
|
|
2172
2172
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2338,20 +2338,20 @@ function ModalWithMap(props) {
|
|
|
2338
2338
|
map.addListener("click", addPlace);
|
|
2339
2339
|
return function () { return map === null || map === void 0 ? void 0 : map.unbindAll(); };
|
|
2340
2340
|
}, [map, disabled]);
|
|
2341
|
-
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$3, { name: "mapAddress", label: "Address", form: form, handlePlaceSelect: handlePlaceSelect }), jsxRuntime.jsx(StyledButton$
|
|
2341
|
+
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$3, { 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" }))] }))] })));
|
|
2342
2342
|
}
|
|
2343
2343
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2344
|
-
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$
|
|
2345
|
-
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$
|
|
2346
|
-
var StyledButton$
|
|
2347
|
-
var templateObject_1$
|
|
2344
|
+
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$A || (templateObject_1$A = __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);
|
|
2345
|
+
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$m || (templateObject_2$m = __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"])));
|
|
2346
|
+
var StyledButton$5 = styled__default["default"](kuiBasic.Button)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2347
|
+
var templateObject_1$A, templateObject_2$m, templateObject_3$k;
|
|
2348
2348
|
|
|
2349
2349
|
function OpenMapButton(props) {
|
|
2350
2350
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
2351
2351
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledMapIcon, { onClick: handleModalOpen }), isModalOpen && (jsxRuntime.jsx(ModalWithMap$1, __assign({ open: isModalOpen, handleClose: handleModalClose }, props)))] }));
|
|
2352
2352
|
}
|
|
2353
|
-
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$
|
|
2354
|
-
var templateObject_1$
|
|
2353
|
+
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
2354
|
+
var templateObject_1$z;
|
|
2355
2355
|
|
|
2356
2356
|
function InputWithMap(_a) {
|
|
2357
2357
|
var form = _a.form, name = _a.name, disabled = _a.disabled, onPlaceSelect = _a.handlePlaceSelect, inputProps = __rest(_a, ["form", "name", "disabled", "handlePlaceSelect"]);
|
|
@@ -2392,11 +2392,11 @@ function PreviewImageCard(props) {
|
|
|
2392
2392
|
var handleBlur = function () { return setCloseButtonOpacity(0); };
|
|
2393
2393
|
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: 16, height: 16 }) })), document.body)] })));
|
|
2394
2394
|
}
|
|
2395
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
2396
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2397
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
2398
|
-
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$
|
|
2399
|
-
var templateObject_1$
|
|
2395
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$y || (templateObject_1$y = __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"])));
|
|
2396
|
+
var StyledImage$6 = styled__default["default"].img(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
2397
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
2398
|
+
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"])));
|
|
2399
|
+
var templateObject_1$y, templateObject_2$l, templateObject_3$j, templateObject_4$8;
|
|
2400
2400
|
|
|
2401
2401
|
var getURLFromFile = function (fileList) {
|
|
2402
2402
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2436,12 +2436,12 @@ function FileUploaderWithPreview(props) {
|
|
|
2436
2436
|
};
|
|
2437
2437
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$8, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$2, __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 })))] }));
|
|
2438
2438
|
}
|
|
2439
|
-
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$
|
|
2440
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2441
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2442
|
-
var StyledInput$2 = styled__default["default"].input(templateObject_4$
|
|
2443
|
-
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$
|
|
2444
|
-
var templateObject_1$
|
|
2439
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __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);
|
|
2440
|
+
var StyledLabel$1 = styled__default["default"].label(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2441
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
|
|
2442
|
+
var StyledInput$2 = styled__default["default"].input(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2443
|
+
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2444
|
+
var templateObject_1$x, templateObject_2$k, templateObject_3$i, templateObject_4$7, templateObject_5$3;
|
|
2445
2445
|
|
|
2446
2446
|
var companyFields = [
|
|
2447
2447
|
{
|
|
@@ -2485,12 +2485,12 @@ FormBottom.defaultProps = {
|
|
|
2485
2485
|
variant: "create",
|
|
2486
2486
|
label: "Create",
|
|
2487
2487
|
};
|
|
2488
|
-
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$
|
|
2488
|
+
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$w || (templateObject_1$w = __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);
|
|
2489
2489
|
function Footer(_a) {
|
|
2490
2490
|
_a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
|
|
2491
2491
|
return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
|
|
2492
2492
|
}
|
|
2493
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2493
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$j || (templateObject_2$j = __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) {
|
|
2494
2494
|
var isFixed = _a.isFixed;
|
|
2495
2495
|
return (isFixed ? 1000 : 1);
|
|
2496
2496
|
}, function (_a) {
|
|
@@ -2503,8 +2503,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$i || (tem
|
|
|
2503
2503
|
var isFixed = _a.isFixed;
|
|
2504
2504
|
return (isFixed ? 0 : "auto");
|
|
2505
2505
|
});
|
|
2506
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
2507
|
-
var templateObject_1$
|
|
2506
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2507
|
+
var templateObject_1$w, templateObject_2$j, templateObject_3$h;
|
|
2508
2508
|
|
|
2509
2509
|
function CompanyCreationForm(_a) {
|
|
2510
2510
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -2689,8 +2689,8 @@ HeadingWithButton.defaultProps = {
|
|
|
2689
2689
|
variant: "white",
|
|
2690
2690
|
showButton: true,
|
|
2691
2691
|
};
|
|
2692
|
-
var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2693
|
-
var templateObject_1$
|
|
2692
|
+
var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
2693
|
+
var templateObject_1$v;
|
|
2694
2694
|
|
|
2695
2695
|
var meterFeaturesFieldsSchema = {
|
|
2696
2696
|
tariff: yup__namespace.object({
|
|
@@ -2826,10 +2826,10 @@ var PartialPayer = function (props) {
|
|
|
2826
2826
|
PartialPayer.defaultProps = {
|
|
2827
2827
|
variant: "radio",
|
|
2828
2828
|
};
|
|
2829
|
-
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2830
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
2831
|
-
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_3$
|
|
2832
|
-
var templateObject_1$
|
|
2829
|
+
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$u || (templateObject_1$u = __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);
|
|
2830
|
+
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
2831
|
+
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
2832
|
+
var templateObject_1$u, templateObject_2$i, templateObject_3$g;
|
|
2833
2833
|
|
|
2834
2834
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
2835
2835
|
region: yup__namespace.object({
|
|
@@ -2915,9 +2915,9 @@ function TariffReplacementField(props) {
|
|
|
2915
2915
|
};
|
|
2916
2916
|
return (jsxRuntime.jsx(StyledInputWrapper, { 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)) }));
|
|
2917
2917
|
}
|
|
2918
|
-
var StyledInputWrapper = styled__default["default"].div(templateObject_1$
|
|
2919
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
2920
|
-
var templateObject_1$
|
|
2918
|
+
var StyledInputWrapper = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __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"])));
|
|
2919
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$h || (templateObject_2$h = __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);
|
|
2920
|
+
var templateObject_1$t, templateObject_2$h;
|
|
2921
2921
|
|
|
2922
2922
|
function TariffReplacementFields(_a) {
|
|
2923
2923
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -2936,8 +2936,8 @@ function TariffReplacementFields(_a) {
|
|
|
2936
2936
|
}, [fields]);
|
|
2937
2937
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledHeadingWithButton, { 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)); }) })] }));
|
|
2938
2938
|
}
|
|
2939
|
-
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$
|
|
2940
|
-
var templateObject_1$
|
|
2939
|
+
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$s || (templateObject_1$s = __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"])));
|
|
2940
|
+
var templateObject_1$s;
|
|
2941
2941
|
|
|
2942
2942
|
function CommonTariffFields(props) {
|
|
2943
2943
|
var resource = props.resource, setResource = props.setResource, setReplaceable = props.setReplaceable, creationForm = props.creationForm;
|
|
@@ -2961,8 +2961,8 @@ function CommonTariffFields(props) {
|
|
|
2961
2961
|
}), 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) })] }));
|
|
2962
2962
|
}
|
|
2963
2963
|
var CommonTariffFields$1 = mobxReact.observer(CommonTariffFields);
|
|
2964
|
-
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$
|
|
2965
|
-
var templateObject_1$
|
|
2964
|
+
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
|
|
2965
|
+
var templateObject_1$r;
|
|
2966
2966
|
|
|
2967
2967
|
var ChangeReasonTariffFieldsSchema = yup__namespace.object().shape({
|
|
2968
2968
|
reason: yup__namespace.object({
|
|
@@ -3012,8 +3012,8 @@ function ElectricityTariffCreationFields(props) {
|
|
|
3012
3012
|
};
|
|
3013
3013
|
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput$1, { form: form, name: "T1", label: "One-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { form: form, name: "T2", label: "Two-part", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput$1, { 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) })] }));
|
|
3014
3014
|
}
|
|
3015
|
-
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
3016
|
-
var templateObject_1$
|
|
3015
|
+
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
3016
|
+
var templateObject_1$q;
|
|
3017
3017
|
|
|
3018
3018
|
var WaterTariffFieldsSchema = yup__namespace.object().shape({
|
|
3019
3019
|
cold: yup__namespace
|
|
@@ -3045,8 +3045,8 @@ function WaterTariffCreationFields(props) {
|
|
|
3045
3045
|
};
|
|
3046
3046
|
return (jsxRuntime.jsxs("form", { children: [jsxRuntime.jsxs(kuiBasic.Box, __assign({ pl: 5, pr: 5, mb: 3 }, { children: [jsxRuntime.jsx(StyledInput, { form: form, name: "cold", label: "Cold", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { form: form, name: "hot", label: "Hot", type: "number", step: 0.001 }), jsxRuntime.jsx(StyledInput, { 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) })] }));
|
|
3047
3047
|
}
|
|
3048
|
-
var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
3049
|
-
var templateObject_1$
|
|
3048
|
+
var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$p || (templateObject_1$p = __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"])));
|
|
3049
|
+
var templateObject_1$p;
|
|
3050
3050
|
|
|
3051
3051
|
var SingleTariffFieldsSchema = yup__namespace.object().shape({
|
|
3052
3052
|
value: yup__namespace
|
|
@@ -3163,9 +3163,9 @@ var LabelWithHint = function (props) {
|
|
|
3163
3163
|
var label = props.label, hintMessage = props.hintMessage;
|
|
3164
3164
|
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({ content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
|
|
3165
3165
|
};
|
|
3166
|
-
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$
|
|
3167
|
-
var StyledTooltip$1 = styled__default["default"](kuiComplex.Tooltip)(templateObject_2$
|
|
3168
|
-
var templateObject_1$
|
|
3166
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3167
|
+
var StyledTooltip$1 = styled__default["default"](kuiComplex.Tooltip)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n width: fit-content;\n .Tooltip_content {\n z-index: auto;\n }\n"])));
|
|
3168
|
+
var templateObject_1$o, templateObject_2$g;
|
|
3169
3169
|
|
|
3170
3170
|
var CheckboxWithHint = function (props) {
|
|
3171
3171
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3343,8 +3343,8 @@ function TableBottomLoading(_a) {
|
|
|
3343
3343
|
paddingTop: isLoading ? 20 : 0,
|
|
3344
3344
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3345
3345
|
}
|
|
3346
|
-
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$
|
|
3347
|
-
var templateObject_1$
|
|
3346
|
+
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3347
|
+
var templateObject_1$n;
|
|
3348
3348
|
|
|
3349
3349
|
function CopyButton(_a) {
|
|
3350
3350
|
var text = _a.text, otherProps = __rest(_a, ["text"]);
|
|
@@ -3365,23 +3365,23 @@ function CopyButton(_a) {
|
|
|
3365
3365
|
}, [isCopied]);
|
|
3366
3366
|
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" })) }))] })));
|
|
3367
3367
|
}
|
|
3368
|
-
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$
|
|
3369
|
-
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3370
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
3368
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
|
|
3369
|
+
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3370
|
+
var CardWrapper = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
|
|
3371
3371
|
var isCopied = _a.isCopied;
|
|
3372
3372
|
return (isCopied ? 1 : 0);
|
|
3373
3373
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3374
|
-
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$
|
|
3375
|
-
var templateObject_1$
|
|
3374
|
+
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"])));
|
|
3375
|
+
var templateObject_1$m, templateObject_2$f, templateObject_3$f, templateObject_4$6;
|
|
3376
3376
|
|
|
3377
3377
|
var GalleryNavigation = function (_a) {
|
|
3378
3378
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3379
3379
|
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, {}) }))] }));
|
|
3380
3380
|
};
|
|
3381
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3382
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3383
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3384
|
-
var templateObject_1$
|
|
3381
|
+
var buttonStyles = react.css(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
3382
|
+
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3383
|
+
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3384
|
+
var templateObject_1$l, templateObject_2$e, templateObject_3$e;
|
|
3385
3385
|
|
|
3386
3386
|
var GalleryThumbnails = function (_a) {
|
|
3387
3387
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3397,14 +3397,14 @@ var GalleryThumbnails = function (_a) {
|
|
|
3397
3397
|
// css={index === activeSlide && activeStyles(theme)}
|
|
3398
3398
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) })) }, index)); }) })) }));
|
|
3399
3399
|
};
|
|
3400
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3401
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3400
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3401
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$d || (templateObject_2$d = __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) {
|
|
3402
3402
|
var active = _a.active;
|
|
3403
3403
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3404
3404
|
});
|
|
3405
|
-
var StyledSlide$2 = styled__default["default"].div(templateObject_3$
|
|
3406
|
-
var StyledSlideWrapper$1 = styled__default["default"].div(templateObject_4$
|
|
3407
|
-
var templateObject_1$
|
|
3405
|
+
var StyledSlide$2 = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3406
|
+
var StyledSlideWrapper$1 = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
3407
|
+
var templateObject_1$k, templateObject_2$d, templateObject_3$d, templateObject_4$5;
|
|
3408
3408
|
|
|
3409
3409
|
var GallerySlider = function (_a) {
|
|
3410
3410
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3421,10 +3421,10 @@ var GallerySlider = function (_a) {
|
|
|
3421
3421
|
};
|
|
3422
3422
|
return (jsxRuntime.jsx(StyledWrapper$4, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images === null || images === void 0 ? void 0 : images.map(function (image, key) { return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }) }, key)); }) })) }));
|
|
3423
3423
|
};
|
|
3424
|
-
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3425
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3426
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
3427
|
-
var templateObject_1$
|
|
3424
|
+
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3425
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __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"])));
|
|
3426
|
+
var StyledImage$4 = styled__default["default"].img(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
|
|
3427
|
+
var templateObject_1$j, templateObject_2$c, templateObject_3$c;
|
|
3428
3428
|
|
|
3429
3429
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3430
3430
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3453,12 +3453,12 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3453
3453
|
if ((images === null || images === void 0 ? void 0 : images.length) === 0) {
|
|
3454
3454
|
return null;
|
|
3455
3455
|
}
|
|
3456
|
-
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$
|
|
3456
|
+
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 })] }) })));
|
|
3457
3457
|
});
|
|
3458
|
-
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3459
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3460
|
-
var StyledButton$
|
|
3461
|
-
var templateObject_1$
|
|
3458
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3459
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3460
|
+
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3461
|
+
var templateObject_1$i, templateObject_2$b, templateObject_3$b;
|
|
3462
3462
|
|
|
3463
3463
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3464
3464
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3467,7 +3467,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3467
3467
|
};
|
|
3468
3468
|
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, {}) })] })));
|
|
3469
3469
|
});
|
|
3470
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$
|
|
3470
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n cursor: pointer;\n user-select: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3471
3471
|
var width = _a.width;
|
|
3472
3472
|
return width || 56;
|
|
3473
3473
|
}, function (_a) {
|
|
@@ -3480,17 +3480,17 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$g || (templateOb
|
|
|
3480
3480
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3481
3481
|
return mobileWidth || width || 56;
|
|
3482
3482
|
});
|
|
3483
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3484
|
-
var Backdrop = styled__default["default"].div(templateObject_3$
|
|
3485
|
-
var templateObject_1$
|
|
3483
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3484
|
+
var Backdrop = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
3485
|
+
var templateObject_1$h, templateObject_2$a, templateObject_3$a;
|
|
3486
3486
|
|
|
3487
3487
|
var ImageCardWithBackdrop = function (props) {
|
|
3488
3488
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3489
3489
|
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] })) }))] }));
|
|
3490
3490
|
};
|
|
3491
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3492
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3493
|
-
var StyledBackdrop = styled__default["default"].div(templateObject_3$
|
|
3491
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3492
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3493
|
+
var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n background: rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(4px);\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n @media (max-width: ", "px) {\n width: ", "px;\n height: ", "px;\n }\n"])), function (_a) {
|
|
3494
3494
|
var width = _a.width;
|
|
3495
3495
|
return width || 56;
|
|
3496
3496
|
}, function (_a) {
|
|
@@ -3503,7 +3503,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$8 || (templ
|
|
|
3503
3503
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3504
3504
|
return mobileWidth || width || 56;
|
|
3505
3505
|
});
|
|
3506
|
-
var templateObject_1$
|
|
3506
|
+
var templateObject_1$g, templateObject_2$9, templateObject_3$9;
|
|
3507
3507
|
|
|
3508
3508
|
var defaultImageWidth = 64;
|
|
3509
3509
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3538,8 +3538,8 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3538
3538
|
}, [ref]);
|
|
3539
3539
|
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 })] }));
|
|
3540
3540
|
});
|
|
3541
|
-
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3542
|
-
var templateObject_1$
|
|
3541
|
+
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3542
|
+
var templateObject_1$f;
|
|
3543
3543
|
|
|
3544
3544
|
function MultistepForm(props) {
|
|
3545
3545
|
var form = props.form, children = props.children, stepShift = props.stepShift;
|
|
@@ -3648,26 +3648,26 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
3648
3648
|
};
|
|
3649
3649
|
return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick }, other)));
|
|
3650
3650
|
});
|
|
3651
|
-
var StyledLink$1 = styled__default["default"].a(templateObject_1$
|
|
3652
|
-
var templateObject_1$
|
|
3651
|
+
var StyledLink$1 = styled__default["default"].a(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"], ["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));
|
|
3652
|
+
var templateObject_1$e;
|
|
3653
3653
|
|
|
3654
3654
|
function PreviewContent(_a) {
|
|
3655
3655
|
var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, other = __rest(_a, ["imageSrc", "description", "content", "label"]);
|
|
3656
3656
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, other, { children: [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] })] })));
|
|
3657
3657
|
}
|
|
3658
|
-
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$
|
|
3659
|
-
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3660
|
-
var StyledContent = styled__default["default"].div(templateObject_3$
|
|
3661
|
-
var templateObject_1$
|
|
3658
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3659
|
+
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3660
|
+
var StyledContent = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"], ["\n width: calc(100% - 10px - 32px);\n display: flex;\n flex-direction: column;\n"])));
|
|
3661
|
+
var templateObject_1$d, templateObject_2$8, templateObject_3$8;
|
|
3662
3662
|
|
|
3663
3663
|
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3664
3664
|
var otherProps = __rest(_a, []);
|
|
3665
3665
|
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3666
|
-
}))(templateObject_1$
|
|
3666
|
+
}))(templateObject_1$c || (templateObject_1$c = __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) {
|
|
3667
3667
|
var title = _a.title;
|
|
3668
3668
|
return String(title).length > 25 ? "217px" : "unset";
|
|
3669
3669
|
});
|
|
3670
|
-
var templateObject_1$
|
|
3670
|
+
var templateObject_1$c;
|
|
3671
3671
|
|
|
3672
3672
|
function UserBadge(props) {
|
|
3673
3673
|
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"]);
|
|
@@ -3700,16 +3700,16 @@ function UserBadge(props) {
|
|
|
3700
3700
|
}
|
|
3701
3701
|
var withEllipsis = function (_a) {
|
|
3702
3702
|
var isEllipsisActive = _a.isEllipsisActive;
|
|
3703
|
-
return isEllipsisActive && react.css(templateObject_1$
|
|
3703
|
+
return isEllipsisActive && react.css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
3704
3704
|
};
|
|
3705
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3706
|
-
var Wrapper = styled__default["default"].div(templateObject_3$
|
|
3705
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$7 || (templateObject_2$7 = __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);
|
|
3706
|
+
var Wrapper = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"], ["\n max-width: calc(100% - 32px);\n padding-left: ", "px;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
|
|
3707
3707
|
var spacing = _a.spacing;
|
|
3708
3708
|
return spacing;
|
|
3709
3709
|
});
|
|
3710
|
-
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$
|
|
3711
|
-
var StyledLabel = styled__default["default"](kuiBasic.Caption)(templateObject_5$
|
|
3712
|
-
var templateObject_1$
|
|
3710
|
+
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n .KUI-Popper {\n margin-left: 0;\n }\n"], ["\n .KUI-Popper {\n margin-left: 0;\n }\n"])));
|
|
3711
|
+
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"])));
|
|
3712
|
+
var templateObject_1$b, templateObject_2$7, templateObject_3$7, templateObject_4$4, templateObject_5$2;
|
|
3713
3713
|
|
|
3714
3714
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
3715
3715
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -3738,11 +3738,11 @@ var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
|
3738
3738
|
};
|
|
3739
3739
|
return (jsxRuntime.jsx(StyledWrapper$3, __assign({ isScrollable: isScrollable, ref: forwardedRef }, otherProps)));
|
|
3740
3740
|
});
|
|
3741
|
-
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$
|
|
3741
|
+
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __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) {
|
|
3742
3742
|
var isScrollable = _a.isScrollable;
|
|
3743
3743
|
return (isScrollable ? 8 : 0);
|
|
3744
3744
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
3745
|
-
var templateObject_1$
|
|
3745
|
+
var templateObject_1$a;
|
|
3746
3746
|
|
|
3747
3747
|
function Breadcrumbs(_a) {
|
|
3748
3748
|
var routes = _a.routes;
|
|
@@ -3757,17 +3757,17 @@ function Breadcrumbs(_a) {
|
|
|
3757
3757
|
jsxRuntime$1.jsx(StyledLink, __assign({ href: item.link }, { 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)) }))
|
|
3758
3758
|
], kuiUtils.addToArrayByCondition(index < routes.length - 1, jsxRuntime$1.jsx(StyledIcon, { width: 7, height: 9 })), true); }) })));
|
|
3759
3759
|
}
|
|
3760
|
-
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3761
|
-
var StyledLink = styled__default["default"](Link)(templateObject_2$
|
|
3762
|
-
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_3$
|
|
3763
|
-
var templateObject_1$
|
|
3760
|
+
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
3761
|
+
var StyledLink = styled__default["default"](Link)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n width: auto;\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"], ["\n width: auto;\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"])));
|
|
3762
|
+
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n path {\n fill: ", ";\n }\n"], ["\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3763
|
+
var templateObject_1$9, templateObject_2$6, templateObject_3$6;
|
|
3764
3764
|
|
|
3765
3765
|
var PageBreadcrumbs = function (props) {
|
|
3766
3766
|
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev;
|
|
3767
|
-
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: jsxRuntime.jsx(StyledButton$
|
|
3767
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { 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(Breadcrumbs, { routes: breadcrumbs })] })) })));
|
|
3768
3768
|
};
|
|
3769
|
-
var StyledButton$
|
|
3770
|
-
var templateObject_1$
|
|
3769
|
+
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
3770
|
+
var templateObject_1$8;
|
|
3771
3771
|
|
|
3772
3772
|
function SliderThumbnails(_a) {
|
|
3773
3773
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3781,24 +3781,24 @@ function SliderThumbnails(_a) {
|
|
|
3781
3781
|
// eslint-disable-next-line react/no-array-index-key
|
|
3782
3782
|
jsxRuntime.jsx(StyledSlideWrapper, { children: jsxRuntime.jsx(StyledSlide, __assign({ onClick: function () { return handleChange(index); } }, { children: jsxRuntime.jsx(StyledImage$1, { active: index === activeSlide, src: image, alt: "slide" }) })) }, index)); }) })) }));
|
|
3783
3783
|
}
|
|
3784
|
-
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$
|
|
3785
|
-
var StyledImage$1 = styled__default["default"].img(templateObject_2$
|
|
3784
|
+
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __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);
|
|
3785
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_2$5 || (templateObject_2$5 = __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) {
|
|
3786
3786
|
var active = _a.active;
|
|
3787
3787
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3788
3788
|
});
|
|
3789
|
-
var StyledSlide = styled__default["default"].div(templateObject_3$
|
|
3790
|
-
var StyledSlideWrapper = styled__default["default"].div(templateObject_4$
|
|
3791
|
-
var templateObject_1$
|
|
3789
|
+
var StyledSlide = styled__default["default"].div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3790
|
+
var StyledSlideWrapper = styled__default["default"].div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
3791
|
+
var templateObject_1$7, templateObject_2$5, templateObject_3$5, templateObject_4$3;
|
|
3792
3792
|
|
|
3793
3793
|
function FullSliderHeader(props) {
|
|
3794
3794
|
var handleClose = props.handleClose, slidesCount = props.slidesCount, currentSlide = props.currentSlide, renderEndComponent = props.renderEndComponent, slider = props.slider;
|
|
3795
3795
|
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 &&
|
|
3796
3796
|
renderEndComponent(currentSlide, slider, handleClose), jsxRuntime.jsx(StyledCloseButton, __assign({ role: "button", tabIndex: 0, onClick: handleClose, onKeyDown: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, {}) }))] })) }))] })));
|
|
3797
3797
|
}
|
|
3798
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3799
|
-
var StyledCloseButton = styled__default["default"].div(templateObject_2$
|
|
3800
|
-
var StyledSlash = styled__default["default"].span(templateObject_3$
|
|
3801
|
-
var templateObject_1$
|
|
3798
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$6 || (templateObject_1$6 = __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"])));
|
|
3799
|
+
var StyledCloseButton = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __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"])));
|
|
3800
|
+
var StyledSlash = styled__default["default"].span(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3801
|
+
var templateObject_1$6, templateObject_2$4, templateObject_3$4;
|
|
3802
3802
|
|
|
3803
3803
|
function FullSlider(props) {
|
|
3804
3804
|
var handleClose = props.handleClose, active = props.active, images = props.images, renderHeaderComponent = props.renderHeaderComponent, onChange = props.onChange;
|
|
@@ -3851,11 +3851,11 @@ function FullSlider(props) {
|
|
|
3851
3851
|
document.removeEventListener("keydown", handleKeyPress);
|
|
3852
3852
|
};
|
|
3853
3853
|
}, []);
|
|
3854
|
-
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$
|
|
3854
|
+
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, {}) }))] }));
|
|
3855
3855
|
}
|
|
3856
3856
|
var FullSlider$1 = mobxReact.observer(FullSlider);
|
|
3857
|
-
var StyledImageWrapper = styled__default["default"].div(templateObject_1$
|
|
3858
|
-
var StyledButton$
|
|
3857
|
+
var StyledImageWrapper = styled__default["default"].div(templateObject_1$5 || (templateObject_1$5 = __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"])));
|
|
3858
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_2$3 || (templateObject_2$3 = __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) {
|
|
3859
3859
|
var navType = _a.navType;
|
|
3860
3860
|
return (navType === "prev" ? "left: 24px" : "right: 24px");
|
|
3861
3861
|
}, function (_a) {
|
|
@@ -3865,16 +3865,16 @@ var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_
|
|
|
3865
3865
|
var StyledSwiper = styled__default["default"](function (_a) {
|
|
3866
3866
|
var className = _a.className, swiperRef = _a.swiperRef, otherProps = __rest(_a, ["className", "swiperRef"]);
|
|
3867
3867
|
return (jsxRuntime.jsx(Swiper__default["default"], __assign({ containerClass: className, ref: swiperRef }, otherProps)));
|
|
3868
|
-
})(templateObject_3$
|
|
3869
|
-
var StyledImage = styled__default["default"].img(templateObject_4$
|
|
3870
|
-
var templateObject_1$
|
|
3868
|
+
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"], ["\n width: 100%;\n height: calc(100vh - 112px);\n overflow: hidden;\n background: rgba(25, 25, 25, 0.9);\n border-radius: 0 0 12px 12px;\n"])));
|
|
3869
|
+
var StyledImage = styled__default["default"].img(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n height: 100vh;\n"], ["\n height: 100vh;\n"])));
|
|
3870
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$3, templateObject_4$2;
|
|
3871
3871
|
|
|
3872
3872
|
function FullSliderModal(_a) {
|
|
3873
3873
|
var isOpen = _a.isOpen, handleClose = _a.handleClose, sliderProps = __rest(_a, ["isOpen", "handleClose"]);
|
|
3874
3874
|
return (jsxRuntime.jsx(StyledModal, __assign({ isOpen: isOpen, handleClose: handleClose }, { children: jsxRuntime.jsx(FullSlider$1, __assign({ handleClose: handleClose }, sliderProps)) })));
|
|
3875
3875
|
}
|
|
3876
|
-
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3877
|
-
var templateObject_1$
|
|
3876
|
+
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$4 || (templateObject_1$4 = __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"])));
|
|
3877
|
+
var templateObject_1$4;
|
|
3878
3878
|
|
|
3879
3879
|
var PhotoSlider = function (props) {
|
|
3880
3880
|
var images = props.images, handleClose = props.handleClose; props.onDelete; var other = __rest(props, ["images", "handleClose", "onDelete"]);
|
|
@@ -3908,14 +3908,39 @@ function TextOverflow(props) {
|
|
|
3908
3908
|
}
|
|
3909
3909
|
var multilineCSS = function (_a) {
|
|
3910
3910
|
var multiline = _a.multiline;
|
|
3911
|
-
return react.css(templateObject_1$
|
|
3911
|
+
return react.css(templateObject_1$3 || (templateObject_1$3 = __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);
|
|
3912
3912
|
};
|
|
3913
|
-
var singleLineCSS = react.css(templateObject_2$
|
|
3914
|
-
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
3913
|
+
var singleLineCSS = react.css(templateObject_2$2 || (templateObject_2$2 = __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"])));
|
|
3914
|
+
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"], ["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
3915
3915
|
var multiline = _a.multiline;
|
|
3916
3916
|
return multiline ? multilineCSS({ multiline: multiline }) : singleLineCSS;
|
|
3917
3917
|
});
|
|
3918
|
-
var templateObject_1$
|
|
3918
|
+
var templateObject_1$3, templateObject_2$2, templateObject_3$2;
|
|
3919
|
+
|
|
3920
|
+
var AccordionWithSummary = React.forwardRef(function (_a) {
|
|
3921
|
+
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"]);
|
|
3922
|
+
var _b = React.useState(!!defaultExpanded), expanded = _b[0], setExpanded = _b[1];
|
|
3923
|
+
var handleChange = function (expandedValue) {
|
|
3924
|
+
setExpanded(expandedValue);
|
|
3925
|
+
if (onChange)
|
|
3926
|
+
onChange(expandedValue);
|
|
3927
|
+
};
|
|
3928
|
+
return (jsxRuntime.jsxs(kuiBasic.Accordion, __assign({ expanded: defaultExpanded, onChange: handleChange, "data-testid": "documents_accordion" }, { children: [jsxRuntime.jsxs(StyledSummary, __assign({ "data-testid": "documents_accordion_summary" }, summaryProps, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: jsxRuntime.jsx(StyledTitle, __assign({ size: titleSize, weight: 700 }, { children: title })) })), jsxRuntime.jsx(StyledButton$1, __assign({ isCircle: true, size: "xs", variant: "transparent", expanded: expanded }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowUpIcon, {}) }))] })), jsxRuntime.jsx(StyledDetails, __assign({}, detailsProps, { children: children }))] })));
|
|
3929
|
+
});
|
|
3930
|
+
AccordionWithSummary.defaultProps = {
|
|
3931
|
+
titleSize: "m",
|
|
3932
|
+
};
|
|
3933
|
+
var StyledDetails = styled__default["default"](kuiBasic.AccordionDetails)(templateObject_1$2 || (templateObject_1$2 = __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"])));
|
|
3934
|
+
var StyledTitle = styled__default["default"](kuiBasic.Caption)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"], ["\n @media (max-width: 600px) {\n font-weight: 600;\n }\n"])));
|
|
3935
|
+
var expandedButtonCSS = function (_a) {
|
|
3936
|
+
var expanded = _a.expanded;
|
|
3937
|
+
return !expanded && react.css(templateObject_3$1 || (templateObject_3$1 = __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 "])));
|
|
3938
|
+
};
|
|
3939
|
+
var StyledButton$1 = styled__default["default"](kuiBasic.Button, {
|
|
3940
|
+
shouldForwardProp: function (prop) { return prop !== "expanded"; },
|
|
3941
|
+
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"], ["\n svg {\n transition: transform linear 0.3s;\n }\n @media (max-width: 600px) {\n width: 24px;\n height: 24px;\n }\n ", ";\n"])), expandedButtonCSS);
|
|
3942
|
+
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"])));
|
|
3943
|
+
var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1;
|
|
3919
3944
|
|
|
3920
3945
|
var inputProps = {
|
|
3921
3946
|
step: 0.1,
|
|
@@ -4040,6 +4065,7 @@ var StyledCardWrapper = styled__default["default"](kuiBasic.Grid)(templateObject
|
|
|
4040
4065
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
4041
4066
|
|
|
4042
4067
|
exports.APIPayerValues = APIPayerValues;
|
|
4068
|
+
exports.AccordionWithSummary = AccordionWithSummary;
|
|
4043
4069
|
exports.AdaptiveImagesBlock = AdaptiveImagesBlock;
|
|
4044
4070
|
exports.ApartmentFieldsStore = ApartmentFieldsStore;
|
|
4045
4071
|
exports.ApartmentMetersAgent = ApartmentMetersAgent;
|