kui-crm 0.0.127 → 0.0.128
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 +158 -126
- package/cjs/index.js.map +1 -1
- package/index.d.ts +11 -1
- package/index.js +158 -127
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -24,6 +24,7 @@ var kuiIcon = require('kui-icon');
|
|
|
24
24
|
var jsxRuntime$1 = require('@emotion/react/jsx-runtime');
|
|
25
25
|
var Swiper = require('react-id-swiper');
|
|
26
26
|
require('swiper/swiper-bundle.css');
|
|
27
|
+
var kuiCrm = require('kui-crm');
|
|
27
28
|
|
|
28
29
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
29
30
|
|
|
@@ -1866,8 +1867,8 @@ function TwoOptionForAutocomplete(_a) {
|
|
|
1866
1867
|
var option = _a.option;
|
|
1867
1868
|
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 })) }))] })));
|
|
1868
1869
|
}
|
|
1869
|
-
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
1870
|
-
var templateObject_1$
|
|
1870
|
+
var StyledWrapper$d = styled__default["default"](kuiBasic.Grid)(templateObject_1$F || (templateObject_1$F = __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);
|
|
1871
|
+
var templateObject_1$F;
|
|
1871
1872
|
|
|
1872
1873
|
function SquarePreviewImage(_a) {
|
|
1873
1874
|
var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
|
|
@@ -1875,23 +1876,23 @@ function SquarePreviewImage(_a) {
|
|
|
1875
1876
|
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 : "?" })) }))) })));
|
|
1876
1877
|
}
|
|
1877
1878
|
var previewSizesStyles = {
|
|
1878
|
-
lg: react.css(templateObject_1$
|
|
1879
|
-
sm: react.css(templateObject_2$
|
|
1879
|
+
lg: react.css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
1880
|
+
sm: react.css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
1880
1881
|
};
|
|
1881
|
-
var StyledImage$7 = styled__default["default"].img(templateObject_3$
|
|
1882
|
+
var StyledImage$7 = styled__default["default"].img(templateObject_3$m || (templateObject_3$m = __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"])));
|
|
1882
1883
|
var StyledWrapper$c = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
1883
1884
|
var size = _a.size;
|
|
1884
1885
|
return previewSizesStyles[size];
|
|
1885
1886
|
});
|
|
1886
1887
|
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$4 || (templateObject_5$4 = __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);
|
|
1887
|
-
var templateObject_1$
|
|
1888
|
+
var templateObject_1$E, templateObject_2$o, templateObject_3$m, templateObject_4$9, templateObject_5$4;
|
|
1888
1889
|
|
|
1889
1890
|
function Modal(_a) {
|
|
1890
1891
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
1891
1892
|
return jsxRuntime.jsx(StyledModal$3, __assign({ isScrollable: true, isOpen: open }, other));
|
|
1892
1893
|
}
|
|
1893
|
-
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
1894
|
-
var templateObject_1$
|
|
1894
|
+
var StyledModal$3 = styled__default["default"](kuiBasic.Modal)(templateObject_1$D || (templateObject_1$D = __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"])));
|
|
1895
|
+
var templateObject_1$D;
|
|
1895
1896
|
|
|
1896
1897
|
const isValidWithMaskExp = /^[^_]+$/;
|
|
1897
1898
|
|
|
@@ -1915,8 +1916,8 @@ function AutocompleteOption(_a) {
|
|
|
1915
1916
|
var label = _a.label;
|
|
1916
1917
|
return (jsxRuntime.jsx(StyledWrapper$b, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
1917
1918
|
}
|
|
1918
|
-
var StyledWrapper$b = styled__default["default"].div(templateObject_1$
|
|
1919
|
-
var templateObject_1$
|
|
1919
|
+
var StyledWrapper$b = styled__default["default"].div(templateObject_1$C || (templateObject_1$C = __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);
|
|
1920
|
+
var templateObject_1$C;
|
|
1920
1921
|
|
|
1921
1922
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
1922
1923
|
var timeout = 3000;
|
|
@@ -1963,10 +1964,10 @@ function ErrorPopup(_a) {
|
|
|
1963
1964
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
1964
1965
|
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)] }));
|
|
1965
1966
|
}
|
|
1966
|
-
var containerCSS$1 = react.css(templateObject_1$
|
|
1967
|
-
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
1968
|
-
var StyledContent$1 = styled__default["default"].pre(templateObject_3$
|
|
1969
|
-
var templateObject_1$
|
|
1967
|
+
var containerCSS$1 = react.css(templateObject_1$B || (templateObject_1$B = __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"])));
|
|
1968
|
+
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_2$n || (templateObject_2$n = __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"])));
|
|
1969
|
+
var StyledContent$1 = styled__default["default"].pre(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
1970
|
+
var templateObject_1$B, templateObject_2$n, templateObject_3$l;
|
|
1970
1971
|
|
|
1971
1972
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
1972
1973
|
var createParentNode = function () {
|
|
@@ -1988,14 +1989,14 @@ function LoaderPopup(_a) {
|
|
|
1988
1989
|
}
|
|
1989
1990
|
};
|
|
1990
1991
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
1991
|
-
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$
|
|
1992
|
+
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)] }));
|
|
1992
1993
|
}
|
|
1993
|
-
var containerCSS = react.css(templateObject_1$
|
|
1994
|
-
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
1995
|
-
var StyledCaption$
|
|
1994
|
+
var containerCSS = react.css(templateObject_1$A || (templateObject_1$A = __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"])));
|
|
1995
|
+
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_2$m || (templateObject_2$m = __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"])));
|
|
1996
|
+
var StyledCaption$4 = styled__default["default"](kuiBasic.Caption)(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
1996
1997
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
|
|
1997
1998
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
1998
|
-
var templateObject_1$
|
|
1999
|
+
var templateObject_1$A, templateObject_2$m, templateObject_3$k, templateObject_4$8, templateObject_5$3;
|
|
1999
2000
|
|
|
2000
2001
|
function LoaderState(_a) {
|
|
2001
2002
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2170,17 +2171,17 @@ function ModalWithMap(props) {
|
|
|
2170
2171
|
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$4, __assign({ size: "s", onClick: form.handleSubmit(handleSave), endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, { children: "Save" }))] }))] })));
|
|
2171
2172
|
}
|
|
2172
2173
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2173
|
-
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$
|
|
2174
|
-
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$
|
|
2175
|
-
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2176
|
-
var templateObject_1$
|
|
2174
|
+
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$z || (templateObject_1$z = __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);
|
|
2175
|
+
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
2176
|
+
var StyledButton$4 = styled__default["default"](kuiBasic.Button)(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
2177
|
+
var templateObject_1$z, templateObject_2$l, templateObject_3$j;
|
|
2177
2178
|
|
|
2178
2179
|
function OpenMapButton(props) {
|
|
2179
2180
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
2180
2181
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledMapIcon, { onClick: handleModalOpen }), isModalOpen && (jsxRuntime.jsx(ModalWithMap$1, __assign({ open: isModalOpen, handleClose: handleModalClose }, props)))] }));
|
|
2181
2182
|
}
|
|
2182
|
-
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$
|
|
2183
|
-
var templateObject_1$
|
|
2183
|
+
var StyledMapIcon = styled__default["default"](kuiIcon.MapIcon)(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
2184
|
+
var templateObject_1$y;
|
|
2184
2185
|
|
|
2185
2186
|
function InputWithMap(_a) {
|
|
2186
2187
|
var form = _a.form, name = _a.name, disabled = _a.disabled, onPlaceSelect = _a.handlePlaceSelect, inputProps = __rest(_a, ["form", "name", "disabled", "handlePlaceSelect"]);
|
|
@@ -2221,11 +2222,11 @@ function PreviewImageCard(props) {
|
|
|
2221
2222
|
var handleBlur = function () { return setCloseButtonOpacity(0); };
|
|
2222
2223
|
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)] })));
|
|
2223
2224
|
}
|
|
2224
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
2225
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2226
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
2225
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __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"])));
|
|
2226
|
+
var StyledImage$6 = styled__default["default"].img(templateObject_2$k || (templateObject_2$k = __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"])));
|
|
2227
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$i || (templateObject_3$i = __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"])));
|
|
2227
2228
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
2228
|
-
var templateObject_1$
|
|
2229
|
+
var templateObject_1$x, templateObject_2$k, templateObject_3$i, templateObject_4$7;
|
|
2229
2230
|
|
|
2230
2231
|
var getURLFromFile = function (fileList) {
|
|
2231
2232
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2265,12 +2266,12 @@ function FileUploaderWithPreview(props) {
|
|
|
2265
2266
|
};
|
|
2266
2267
|
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 })))] }));
|
|
2267
2268
|
}
|
|
2268
|
-
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$
|
|
2269
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2270
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2269
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$w || (templateObject_1$w = __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);
|
|
2270
|
+
var StyledLabel$1 = styled__default["default"].label(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2271
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$h || (templateObject_3$h = __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);
|
|
2271
2272
|
var StyledInput$2 = styled__default["default"].input(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2272
2273
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2273
|
-
var templateObject_1$
|
|
2274
|
+
var templateObject_1$w, templateObject_2$j, templateObject_3$h, templateObject_4$6, templateObject_5$2;
|
|
2274
2275
|
|
|
2275
2276
|
var companyFields = [
|
|
2276
2277
|
{
|
|
@@ -2314,12 +2315,12 @@ FormBottom.defaultProps = {
|
|
|
2314
2315
|
variant: "create",
|
|
2315
2316
|
label: "Create",
|
|
2316
2317
|
};
|
|
2317
|
-
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$
|
|
2318
|
+
var StyledLoading = styled__default["default"](kuiComplex.Loading)(templateObject_1$v || (templateObject_1$v = __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);
|
|
2318
2319
|
function Footer(_a) {
|
|
2319
2320
|
_a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
|
|
2320
2321
|
return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
|
|
2321
2322
|
}
|
|
2322
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2323
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$i || (templateObject_2$i = __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) {
|
|
2323
2324
|
var isFixed = _a.isFixed;
|
|
2324
2325
|
return (isFixed ? 1000 : 1);
|
|
2325
2326
|
}, function (_a) {
|
|
@@ -2332,8 +2333,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$h || (tem
|
|
|
2332
2333
|
var isFixed = _a.isFixed;
|
|
2333
2334
|
return (isFixed ? 0 : "auto");
|
|
2334
2335
|
});
|
|
2335
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
2336
|
-
var templateObject_1$
|
|
2336
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2337
|
+
var templateObject_1$v, templateObject_2$i, templateObject_3$g;
|
|
2337
2338
|
|
|
2338
2339
|
function CompanyCreationForm(_a) {
|
|
2339
2340
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -2518,8 +2519,8 @@ HeadingWithButton.defaultProps = {
|
|
|
2518
2519
|
variant: "white",
|
|
2519
2520
|
showButton: true,
|
|
2520
2521
|
};
|
|
2521
|
-
var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2522
|
-
var templateObject_1$
|
|
2522
|
+
var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
2523
|
+
var templateObject_1$u;
|
|
2523
2524
|
|
|
2524
2525
|
var meterFeaturesFieldsSchema = {
|
|
2525
2526
|
tariff: yup__namespace.object({
|
|
@@ -2655,10 +2656,10 @@ var PartialPayer = function (props) {
|
|
|
2655
2656
|
PartialPayer.defaultProps = {
|
|
2656
2657
|
variant: "radio",
|
|
2657
2658
|
};
|
|
2658
|
-
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
2659
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
2660
|
-
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_3$
|
|
2661
|
-
var templateObject_1$
|
|
2659
|
+
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$t || (templateObject_1$t = __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);
|
|
2660
|
+
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
2661
|
+
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
2662
|
+
var templateObject_1$t, templateObject_2$h, templateObject_3$f;
|
|
2662
2663
|
|
|
2663
2664
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
2664
2665
|
region: yup__namespace.object({
|
|
@@ -2744,9 +2745,9 @@ function TariffReplacementField(props) {
|
|
|
2744
2745
|
};
|
|
2745
2746
|
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)) }));
|
|
2746
2747
|
}
|
|
2747
|
-
var StyledInputWrapper = styled__default["default"].div(templateObject_1$
|
|
2748
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
2749
|
-
var templateObject_1$
|
|
2748
|
+
var StyledInputWrapper = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __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"])));
|
|
2749
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$g || (templateObject_2$g = __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);
|
|
2750
|
+
var templateObject_1$s, templateObject_2$g;
|
|
2750
2751
|
|
|
2751
2752
|
function TariffReplacementFields(_a) {
|
|
2752
2753
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -2765,8 +2766,8 @@ function TariffReplacementFields(_a) {
|
|
|
2765
2766
|
}, [fields]);
|
|
2766
2767
|
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)); }) })] }));
|
|
2767
2768
|
}
|
|
2768
|
-
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$
|
|
2769
|
-
var templateObject_1$
|
|
2769
|
+
var StyledHeadingWithButton = styled__default["default"](HeadingWithButton)(templateObject_1$r || (templateObject_1$r = __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"])));
|
|
2770
|
+
var templateObject_1$r;
|
|
2770
2771
|
|
|
2771
2772
|
function CommonTariffFields(props) {
|
|
2772
2773
|
var resource = props.resource, setResource = props.setResource, setReplaceable = props.setReplaceable, creationForm = props.creationForm;
|
|
@@ -2790,8 +2791,8 @@ function CommonTariffFields(props) {
|
|
|
2790
2791
|
}), 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) })] }));
|
|
2791
2792
|
}
|
|
2792
2793
|
var CommonTariffFields$1 = mobxReact.observer(CommonTariffFields);
|
|
2793
|
-
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$
|
|
2794
|
-
var templateObject_1$
|
|
2794
|
+
var StyledRadioGroup = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n padding: 3px;\n"], ["\n padding: 3px;\n"])));
|
|
2795
|
+
var templateObject_1$q;
|
|
2795
2796
|
|
|
2796
2797
|
var ChangeReasonTariffFieldsSchema = yup__namespace.object().shape({
|
|
2797
2798
|
reason: yup__namespace.object({
|
|
@@ -2841,8 +2842,8 @@ function ElectricityTariffCreationFields(props) {
|
|
|
2841
2842
|
};
|
|
2842
2843
|
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) })] }));
|
|
2843
2844
|
}
|
|
2844
|
-
var StyledInput$1 = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
2845
|
-
var templateObject_1$
|
|
2845
|
+
var StyledInput$1 = 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"])));
|
|
2846
|
+
var templateObject_1$p;
|
|
2846
2847
|
|
|
2847
2848
|
var WaterTariffFieldsSchema = yup__namespace.object().shape({
|
|
2848
2849
|
cold: yup__namespace
|
|
@@ -2874,8 +2875,8 @@ function WaterTariffCreationFields(props) {
|
|
|
2874
2875
|
};
|
|
2875
2876
|
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) })] }));
|
|
2876
2877
|
}
|
|
2877
|
-
var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$
|
|
2878
|
-
var templateObject_1$
|
|
2878
|
+
var StyledInput = styled__default["default"](kuiComplex.InputWithController)(templateObject_1$o || (templateObject_1$o = __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"])));
|
|
2879
|
+
var templateObject_1$o;
|
|
2879
2880
|
|
|
2880
2881
|
var SingleTariffFieldsSchema = yup__namespace.object().shape({
|
|
2881
2882
|
value: yup__namespace
|
|
@@ -2992,9 +2993,9 @@ var LabelWithHint = function (props) {
|
|
|
2992
2993
|
var label = props.label, hintMessage = props.hintMessage;
|
|
2993
2994
|
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, {}) }))] })));
|
|
2994
2995
|
};
|
|
2995
|
-
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$
|
|
2996
|
-
var StyledTooltip$1 = styled__default["default"](kuiComplex.Tooltip)(templateObject_2$
|
|
2997
|
-
var templateObject_1$
|
|
2996
|
+
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$n || (templateObject_1$n = __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);
|
|
2997
|
+
var StyledTooltip$1 = styled__default["default"](kuiComplex.Tooltip)(templateObject_2$f || (templateObject_2$f = __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"])));
|
|
2998
|
+
var templateObject_1$n, templateObject_2$f;
|
|
2998
2999
|
|
|
2999
3000
|
var CheckboxWithHint = function (props) {
|
|
3000
3001
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3172,8 +3173,8 @@ function TableBottomLoading(_a) {
|
|
|
3172
3173
|
paddingTop: isLoading ? 20 : 0,
|
|
3173
3174
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
3174
3175
|
}
|
|
3175
|
-
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$
|
|
3176
|
-
var templateObject_1$
|
|
3176
|
+
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
3177
|
+
var templateObject_1$m;
|
|
3177
3178
|
|
|
3178
3179
|
function CopyButton(_a) {
|
|
3179
3180
|
var text = _a.text, otherProps = __rest(_a, ["text"]);
|
|
@@ -3192,25 +3193,25 @@ function CopyButton(_a) {
|
|
|
3192
3193
|
}
|
|
3193
3194
|
return function () { return clearInterval(intervalId); };
|
|
3194
3195
|
}, [isCopied]);
|
|
3195
|
-
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$
|
|
3196
|
+
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" })) }))] })));
|
|
3196
3197
|
}
|
|
3197
|
-
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$
|
|
3198
|
-
var StyledCaption$
|
|
3199
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
3198
|
+
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$l || (templateObject_1$l = __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);
|
|
3199
|
+
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3200
|
+
var CardWrapper = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __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) {
|
|
3200
3201
|
var isCopied = _a.isCopied;
|
|
3201
3202
|
return (isCopied ? 1 : 0);
|
|
3202
3203
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3203
3204
|
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3204
|
-
var templateObject_1$
|
|
3205
|
+
var templateObject_1$l, templateObject_2$e, templateObject_3$e, templateObject_4$5;
|
|
3205
3206
|
|
|
3206
3207
|
var GalleryNavigation = function (_a) {
|
|
3207
3208
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3208
3209
|
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, {}) }))] }));
|
|
3209
3210
|
};
|
|
3210
|
-
var buttonStyles = react.css(templateObject_1$
|
|
3211
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3212
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3213
|
-
var templateObject_1$
|
|
3211
|
+
var buttonStyles = react.css(templateObject_1$k || (templateObject_1$k = __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"])));
|
|
3212
|
+
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3213
|
+
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
3214
|
+
var templateObject_1$k, templateObject_2$d, templateObject_3$d;
|
|
3214
3215
|
|
|
3215
3216
|
var GalleryThumbnails = function (_a) {
|
|
3216
3217
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3226,14 +3227,14 @@ var GalleryThumbnails = function (_a) {
|
|
|
3226
3227
|
// css={index === activeSlide && activeStyles(theme)}
|
|
3227
3228
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) })) }, index)); }) })) }));
|
|
3228
3229
|
};
|
|
3229
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3230
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3230
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __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);
|
|
3231
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$c || (templateObject_2$c = __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) {
|
|
3231
3232
|
var active = _a.active;
|
|
3232
3233
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3233
3234
|
});
|
|
3234
|
-
var StyledSlide$2 = styled__default["default"].div(templateObject_3$
|
|
3235
|
+
var StyledSlide$2 = styled__default["default"].div(templateObject_3$c || (templateObject_3$c = __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"])));
|
|
3235
3236
|
var StyledSlideWrapper$1 = styled__default["default"].div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
3236
|
-
var templateObject_1$
|
|
3237
|
+
var templateObject_1$j, templateObject_2$c, templateObject_3$c, templateObject_4$4;
|
|
3237
3238
|
|
|
3238
3239
|
var GallerySlider = function (_a) {
|
|
3239
3240
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3250,10 +3251,10 @@ var GallerySlider = function (_a) {
|
|
|
3250
3251
|
};
|
|
3251
3252
|
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)); }) })) }));
|
|
3252
3253
|
};
|
|
3253
|
-
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$
|
|
3254
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3255
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
3256
|
-
var templateObject_1$
|
|
3254
|
+
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3255
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __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"])));
|
|
3256
|
+
var StyledImage$4 = styled__default["default"].img(templateObject_3$b || (templateObject_3$b = __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"])));
|
|
3257
|
+
var templateObject_1$i, templateObject_2$b, templateObject_3$b;
|
|
3257
3258
|
|
|
3258
3259
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3259
3260
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3284,10 +3285,10 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3284
3285
|
}
|
|
3285
3286
|
return (jsxRuntime.jsx(StyledModal$1, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton$3, __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 })] }) })));
|
|
3286
3287
|
});
|
|
3287
|
-
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3288
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3289
|
-
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
3290
|
-
var templateObject_1$
|
|
3288
|
+
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$h || (templateObject_1$h = __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);
|
|
3289
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3290
|
+
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n @media (min-width: 901px) {\n display: none;\n }\n"], ["\n @media (min-width: 901px) {\n display: none;\n }\n"])));
|
|
3291
|
+
var templateObject_1$h, templateObject_2$a, templateObject_3$a;
|
|
3291
3292
|
|
|
3292
3293
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3293
3294
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3296,7 +3297,7 @@ var ImageCard = React.forwardRef(function (_a) {
|
|
|
3296
3297
|
};
|
|
3297
3298
|
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, {}) })] })));
|
|
3298
3299
|
});
|
|
3299
|
-
var Wrapper$2 = styled__default["default"].div(templateObject_1$
|
|
3300
|
+
var Wrapper$2 = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __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) {
|
|
3300
3301
|
var width = _a.width;
|
|
3301
3302
|
return width || 56;
|
|
3302
3303
|
}, function (_a) {
|
|
@@ -3309,17 +3310,17 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$f || (templateOb
|
|
|
3309
3310
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3310
3311
|
return mobileWidth || width || 56;
|
|
3311
3312
|
});
|
|
3312
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3313
|
-
var Backdrop = styled__default["default"].div(templateObject_3$
|
|
3314
|
-
var templateObject_1$
|
|
3313
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3314
|
+
var Backdrop = 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 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"])));
|
|
3315
|
+
var templateObject_1$g, templateObject_2$9, templateObject_3$9;
|
|
3315
3316
|
|
|
3316
3317
|
var ImageCardWithBackdrop = function (props) {
|
|
3317
3318
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3318
3319
|
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] })) }))] }));
|
|
3319
3320
|
};
|
|
3320
|
-
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$
|
|
3321
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3322
|
-
var StyledBackdrop = styled__default["default"].div(templateObject_3$
|
|
3321
|
+
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3322
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3323
|
+
var StyledBackdrop = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __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) {
|
|
3323
3324
|
var width = _a.width;
|
|
3324
3325
|
return width || 56;
|
|
3325
3326
|
}, function (_a) {
|
|
@@ -3332,7 +3333,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$7 || (templ
|
|
|
3332
3333
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3333
3334
|
return mobileWidth || width || 56;
|
|
3334
3335
|
});
|
|
3335
|
-
var templateObject_1$
|
|
3336
|
+
var templateObject_1$f, templateObject_2$8, templateObject_3$8;
|
|
3336
3337
|
|
|
3337
3338
|
var defaultImageWidth = 64;
|
|
3338
3339
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3367,8 +3368,8 @@ var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
|
3367
3368
|
}, [ref]);
|
|
3368
3369
|
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 })] }));
|
|
3369
3370
|
});
|
|
3370
|
-
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3371
|
-
var templateObject_1$
|
|
3371
|
+
var Wrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
3372
|
+
var templateObject_1$e;
|
|
3372
3373
|
|
|
3373
3374
|
function MultistepForm(props) {
|
|
3374
3375
|
var form = props.form, children = props.children, stepShift = props.stepShift;
|
|
@@ -3477,26 +3478,26 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
3477
3478
|
};
|
|
3478
3479
|
return (jsxRuntime.jsx(StyledLink$1, __assign({ ref: ref, href: href || undefined, onClick: handleClick }, other)));
|
|
3479
3480
|
});
|
|
3480
|
-
var StyledLink$1 = styled__default["default"].a(templateObject_1$
|
|
3481
|
-
var templateObject_1$
|
|
3481
|
+
var StyledLink$1 = styled__default["default"].a(templateObject_1$d || (templateObject_1$d = __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"])));
|
|
3482
|
+
var templateObject_1$d;
|
|
3482
3483
|
|
|
3483
3484
|
function PreviewContent(_a) {
|
|
3484
3485
|
var imageSrc = _a.imageSrc, description = _a.description, content = _a.content, label = _a.label, other = __rest(_a, ["imageSrc", "description", "content", "label"]);
|
|
3485
|
-
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$
|
|
3486
|
+
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] })] })));
|
|
3486
3487
|
}
|
|
3487
|
-
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$
|
|
3488
|
-
var StyledCaption$
|
|
3489
|
-
var StyledContent = styled__default["default"].div(templateObject_3$
|
|
3490
|
-
var templateObject_1$
|
|
3488
|
+
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3489
|
+
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3490
|
+
var StyledContent = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __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"])));
|
|
3491
|
+
var templateObject_1$c, templateObject_2$7, templateObject_3$7;
|
|
3491
3492
|
|
|
3492
3493
|
var Tooltip = styled__default["default"](React.forwardRef(function (_a, ref) {
|
|
3493
3494
|
var otherProps = __rest(_a, []);
|
|
3494
3495
|
return (jsxRuntime.jsx(kuiBasic.Tooltip, __assign({ placement: "bottom-start" }, otherProps)));
|
|
3495
|
-
}))(templateObject_1$
|
|
3496
|
+
}))(templateObject_1$b || (templateObject_1$b = __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) {
|
|
3496
3497
|
var title = _a.title;
|
|
3497
3498
|
return String(title).length > 25 ? "217px" : "unset";
|
|
3498
3499
|
});
|
|
3499
|
-
var templateObject_1$
|
|
3500
|
+
var templateObject_1$b;
|
|
3500
3501
|
|
|
3501
3502
|
function UserBadge(props) {
|
|
3502
3503
|
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"]);
|
|
@@ -3525,20 +3526,20 @@ function UserBadge(props) {
|
|
|
3525
3526
|
var LinkWrapper = function (linkProps) {
|
|
3526
3527
|
return link ? jsxRuntime.jsx(Link, __assign({ href: link }, linkProps)) : jsxRuntime.jsx("div", __assign({}, linkProps));
|
|
3527
3528
|
};
|
|
3528
|
-
return (jsxRuntime.jsx(LinkWrapper, __assign({ className: className }, { children: jsxRuntime.jsx(StyledTooltip, __assign({ content: jsxRuntime.jsx(StyledLabel, __assign({ size: "xs" }, { children: label || name || (user === null || user === void 0 ? void 0 : user.fullName) })), open: isTooltipOpen }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiComplex.Avatar, { size: avatarSize || "s", imageUrl: user === null || user === void 0 ? void 0 : user.avatar, fullName: name || (user === null || user === void 0 ? void 0 : user.fullName) }), jsxRuntime.jsxs(Wrapper, __assign({ spacing: spacing !== null && spacing !== void 0 ? spacing : 12, "data-testid": "user_badge" }, { children: [jsxRuntime.jsx(StyledCaption, __assign({ onMouseOver: handleOpen, onMouseOut: closeTooltip, weight: 600, size: "s", ref: textRef, isEllipsisActive: !showFullLabel }, other, { children: label || (onlyRole ? userRole : name || (user === null || user === void 0 ? void 0 : user.fullName)) })), !onlyRole && role && role !== "maroom" && (jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: ___default["default"].capitalize(role) })))] }))] })) })) })));
|
|
3529
|
+
return (jsxRuntime.jsx(LinkWrapper, __assign({ className: className }, { children: jsxRuntime.jsx(StyledTooltip, __assign({ content: jsxRuntime.jsx(StyledLabel, __assign({ size: "xs" }, { children: label || name || (user === null || user === void 0 ? void 0 : user.fullName) })), open: isTooltipOpen }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiComplex.Avatar, { size: avatarSize || "s", imageUrl: user === null || user === void 0 ? void 0 : user.avatar, fullName: name || (user === null || user === void 0 ? void 0 : user.fullName) }), jsxRuntime.jsxs(Wrapper, __assign({ spacing: spacing !== null && spacing !== void 0 ? spacing : 12, "data-testid": "user_badge" }, { children: [jsxRuntime.jsx(StyledCaption$1, __assign({ onMouseOver: handleOpen, onMouseOut: closeTooltip, weight: 600, size: "s", ref: textRef, isEllipsisActive: !showFullLabel }, other, { children: label || (onlyRole ? userRole : name || (user === null || user === void 0 ? void 0 : user.fullName)) })), !onlyRole && role && role !== "maroom" && (jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: ___default["default"].capitalize(role) })))] }))] })) })) })));
|
|
3529
3530
|
}
|
|
3530
3531
|
var withEllipsis = function (_a) {
|
|
3531
3532
|
var isEllipsisActive = _a.isEllipsisActive;
|
|
3532
|
-
return isEllipsisActive && react.css(templateObject_1$
|
|
3533
|
+
return isEllipsisActive && react.css(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
3533
3534
|
};
|
|
3534
|
-
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3535
|
-
var Wrapper = styled__default["default"].div(templateObject_3$
|
|
3535
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$6 || (templateObject_2$6 = __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);
|
|
3536
|
+
var Wrapper = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __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) {
|
|
3536
3537
|
var spacing = _a.spacing;
|
|
3537
3538
|
return spacing;
|
|
3538
3539
|
});
|
|
3539
3540
|
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n .KUI-Popper {\n margin-left: 0;\n }\n"], ["\n .KUI-Popper {\n margin-left: 0;\n }\n"])));
|
|
3540
3541
|
var StyledLabel = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n white-space: pre-wrap;\n"], ["\n white-space: pre-wrap;\n"])));
|
|
3541
|
-
var templateObject_1$
|
|
3542
|
+
var templateObject_1$a, templateObject_2$6, templateObject_3$6, templateObject_4$3, templateObject_5$1;
|
|
3542
3543
|
|
|
3543
3544
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
3544
3545
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -3567,11 +3568,11 @@ var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
|
3567
3568
|
};
|
|
3568
3569
|
return (jsxRuntime.jsx(StyledWrapper$3, __assign({ isScrollable: isScrollable, ref: forwardedRef }, otherProps)));
|
|
3569
3570
|
});
|
|
3570
|
-
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$
|
|
3571
|
+
var StyledWrapper$3 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __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) {
|
|
3571
3572
|
var isScrollable = _a.isScrollable;
|
|
3572
3573
|
return (isScrollable ? 8 : 0);
|
|
3573
3574
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.thirty);
|
|
3574
|
-
var templateObject_1$
|
|
3575
|
+
var templateObject_1$9;
|
|
3575
3576
|
|
|
3576
3577
|
function Breadcrumbs(_a) {
|
|
3577
3578
|
var routes = _a.routes;
|
|
@@ -3586,17 +3587,17 @@ function Breadcrumbs(_a) {
|
|
|
3586
3587
|
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)) }))
|
|
3587
3588
|
], kuiUtils.addToArrayByCondition(index < routes.length - 1, jsxRuntime$1.jsx(StyledIcon, { width: 7, height: 9 })), true); }) })));
|
|
3588
3589
|
}
|
|
3589
|
-
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3590
|
-
var StyledLink = styled__default["default"](Link)(templateObject_2$
|
|
3591
|
-
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_3$
|
|
3592
|
-
var templateObject_1$
|
|
3590
|
+
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
3591
|
+
var StyledLink = styled__default["default"](Link)(templateObject_2$5 || (templateObject_2$5 = __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"])));
|
|
3592
|
+
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n path {\n fill: ", ";\n }\n"], ["\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
3593
|
+
var templateObject_1$8, templateObject_2$5, templateObject_3$5;
|
|
3593
3594
|
|
|
3594
3595
|
var PageBreadcrumbs = function (props) {
|
|
3595
3596
|
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev;
|
|
3596
3597
|
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$2, __assign({ isCircle: true, onClick: onPrev, size: "xs", variant: "backgroundLight" }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 12, height: 10 }) })) })), jsxRuntime.jsx(Breadcrumbs, { routes: breadcrumbs })] })) })));
|
|
3597
3598
|
};
|
|
3598
|
-
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_1$
|
|
3599
|
-
var templateObject_1$
|
|
3599
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
3600
|
+
var templateObject_1$7;
|
|
3600
3601
|
|
|
3601
3602
|
function SliderThumbnails(_a) {
|
|
3602
3603
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3610,24 +3611,24 @@ function SliderThumbnails(_a) {
|
|
|
3610
3611
|
// eslint-disable-next-line react/no-array-index-key
|
|
3611
3612
|
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)); }) })) }));
|
|
3612
3613
|
}
|
|
3613
|
-
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$
|
|
3614
|
-
var StyledImage$1 = styled__default["default"].img(templateObject_2$
|
|
3614
|
+
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$6 || (templateObject_1$6 = __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);
|
|
3615
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_2$4 || (templateObject_2$4 = __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) {
|
|
3615
3616
|
var active = _a.active;
|
|
3616
3617
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3617
3618
|
});
|
|
3618
|
-
var StyledSlide = styled__default["default"].div(templateObject_3$
|
|
3619
|
+
var StyledSlide = styled__default["default"].div(templateObject_3$4 || (templateObject_3$4 = __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"])));
|
|
3619
3620
|
var StyledSlideWrapper = styled__default["default"].div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
3620
|
-
var templateObject_1$
|
|
3621
|
+
var templateObject_1$6, templateObject_2$4, templateObject_3$4, templateObject_4$2;
|
|
3621
3622
|
|
|
3622
3623
|
function FullSliderHeader(props) {
|
|
3623
3624
|
var handleClose = props.handleClose, slidesCount = props.slidesCount, currentSlide = props.currentSlide, renderEndComponent = props.renderEndComponent, slider = props.slider;
|
|
3624
3625
|
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 &&
|
|
3625
3626
|
renderEndComponent(currentSlide, slider, handleClose), jsxRuntime.jsx(StyledCloseButton, __assign({ role: "button", tabIndex: 0, onClick: handleClose, onKeyDown: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, {}) }))] })) }))] })));
|
|
3626
3627
|
}
|
|
3627
|
-
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
3628
|
-
var StyledCloseButton = styled__default["default"].div(templateObject_2$
|
|
3629
|
-
var StyledSlash = styled__default["default"].span(templateObject_3$
|
|
3630
|
-
var templateObject_1$
|
|
3628
|
+
var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_1$5 || (templateObject_1$5 = __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"])));
|
|
3629
|
+
var StyledCloseButton = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __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"])));
|
|
3630
|
+
var StyledSlash = styled__default["default"].span(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), kuiBasic.theme.palette.grey.fiftyP);
|
|
3631
|
+
var templateObject_1$5, templateObject_2$3, templateObject_3$3;
|
|
3631
3632
|
|
|
3632
3633
|
function FullSlider(props) {
|
|
3633
3634
|
var handleClose = props.handleClose, active = props.active, images = props.images, renderHeaderComponent = props.renderHeaderComponent, onChange = props.onChange;
|
|
@@ -3683,8 +3684,8 @@ function FullSlider(props) {
|
|
|
3683
3684
|
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$1, __assign({ isCircle: true, navType: "prev", onClick: prev, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfPrevArrowIcon, {}) })), jsxRuntime.jsx(StyledButton$1, __assign({ isCircle: true, navType: "next", onClick: next, size: "s", variant: "blur" }, { children: jsxRuntime.jsx(kuiIcon.HalfArrowNextIcon, {}) }))] }));
|
|
3684
3685
|
}
|
|
3685
3686
|
var FullSlider$1 = mobxReact.observer(FullSlider);
|
|
3686
|
-
var StyledImageWrapper = styled__default["default"].div(templateObject_1$
|
|
3687
|
-
var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3687
|
+
var StyledImageWrapper = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __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"])));
|
|
3688
|
+
var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_2$2 || (templateObject_2$2 = __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) {
|
|
3688
3689
|
var navType = _a.navType;
|
|
3689
3690
|
return (navType === "prev" ? "left: 24px" : "right: 24px");
|
|
3690
3691
|
}, function (_a) {
|
|
@@ -3694,16 +3695,16 @@ var StyledButton$1 = styled__default["default"](kuiBasic.Button)(templateObject_
|
|
|
3694
3695
|
var StyledSwiper = styled__default["default"](function (_a) {
|
|
3695
3696
|
var className = _a.className, swiperRef = _a.swiperRef, otherProps = __rest(_a, ["className", "swiperRef"]);
|
|
3696
3697
|
return (jsxRuntime.jsx(Swiper__default["default"], __assign({ containerClass: className, ref: swiperRef }, otherProps)));
|
|
3697
|
-
})(templateObject_3$
|
|
3698
|
+
})(templateObject_3$2 || (templateObject_3$2 = __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"])));
|
|
3698
3699
|
var StyledImage = styled__default["default"].img(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n height: 100vh;\n"], ["\n height: 100vh;\n"])));
|
|
3699
|
-
var templateObject_1$
|
|
3700
|
+
var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$1;
|
|
3700
3701
|
|
|
3701
3702
|
function FullSliderModal(_a) {
|
|
3702
3703
|
var isOpen = _a.isOpen, handleClose = _a.handleClose, sliderProps = __rest(_a, ["isOpen", "handleClose"]);
|
|
3703
3704
|
return (jsxRuntime.jsx(StyledModal, __assign({ isOpen: isOpen, handleClose: handleClose }, { children: jsxRuntime.jsx(FullSlider$1, __assign({ handleClose: handleClose }, sliderProps)) })));
|
|
3704
3705
|
}
|
|
3705
|
-
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$
|
|
3706
|
-
var templateObject_1$
|
|
3706
|
+
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$3 || (templateObject_1$3 = __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"])));
|
|
3707
|
+
var templateObject_1$3;
|
|
3707
3708
|
|
|
3708
3709
|
var PhotoSlider = function (props) {
|
|
3709
3710
|
var images = props.images, handleClose = props.handleClose; props.onDelete; var other = __rest(props, ["images", "handleClose", "onDelete"]);
|
|
@@ -3716,6 +3717,36 @@ var PhotoSlider = function (props) {
|
|
|
3716
3717
|
return (jsxRuntime.jsx(FullSliderModal, __assign({ images: formattedImages, handleClose: handleClose }, other)));
|
|
3717
3718
|
};
|
|
3718
3719
|
|
|
3720
|
+
function TextOverflow(props) {
|
|
3721
|
+
var children = props.children, onOpen = props.onOpen, content = props.content, placement = props.placement, className = props.className, strategy = props.strategy, otherProps = __rest(props, ["children", "onOpen", "content", "placement", "className", "strategy"]);
|
|
3722
|
+
var _a = kuiUtils.useToggle(), isTooltipOpen = _a[0], openTooltip = _a[1], closeTooltip = _a[2];
|
|
3723
|
+
var textRef = React.useRef(null);
|
|
3724
|
+
var handleOpen = function () {
|
|
3725
|
+
var _a, _b, _c, _d;
|
|
3726
|
+
var isEllipsisActive = Number((_a = textRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) <
|
|
3727
|
+
Number((_b = textRef.current) === null || _b === void 0 ? void 0 : _b.scrollWidth) ||
|
|
3728
|
+
Number((_c = textRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) <
|
|
3729
|
+
Number((_d = textRef.current) === null || _d === void 0 ? void 0 : _d.scrollHeight);
|
|
3730
|
+
if (isEllipsisActive || content) {
|
|
3731
|
+
openTooltip();
|
|
3732
|
+
}
|
|
3733
|
+
if (onOpen) {
|
|
3734
|
+
onOpen();
|
|
3735
|
+
}
|
|
3736
|
+
};
|
|
3737
|
+
return (jsxRuntime.jsx(kuiCrm.Tooltip, __assign({ open: isTooltipOpen, onClose: closeTooltip, content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: content || children })), onOpen: handleOpen, placement: placement, className: className, strategy: strategy }, { children: jsxRuntime.jsx(StyledCaption, __assign({ ref: textRef, size: "s", className: "TextOverflow_content" }, otherProps, { children: children })) })));
|
|
3738
|
+
}
|
|
3739
|
+
var multilineCSS = function (_a) {
|
|
3740
|
+
var multiline = _a.multiline;
|
|
3741
|
+
return react.css(templateObject_1$2 || (templateObject_1$2 = __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);
|
|
3742
|
+
};
|
|
3743
|
+
var singleLineCSS = react.css(templateObject_2$1 || (templateObject_2$1 = __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"])));
|
|
3744
|
+
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"], ["\n max-width: 100%;\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
3745
|
+
var multiline = _a.multiline;
|
|
3746
|
+
return multiline ? multilineCSS({ multiline: multiline }) : singleLineCSS;
|
|
3747
|
+
});
|
|
3748
|
+
var templateObject_1$2, templateObject_2$1, templateObject_3$1;
|
|
3749
|
+
|
|
3719
3750
|
var inputProps = {
|
|
3720
3751
|
step: 0.1,
|
|
3721
3752
|
};
|
|
@@ -3935,6 +3966,7 @@ exports.TariffsAgent = TariffsAgent;
|
|
|
3935
3966
|
exports.TariffsLiteStore = TariffsLiteStore;
|
|
3936
3967
|
exports.TaxResidenceValues = TaxResidenceValues;
|
|
3937
3968
|
exports.TaxTypeValues = TaxTypeValues;
|
|
3969
|
+
exports.TextOverflow = TextOverflow;
|
|
3938
3970
|
exports.Tooltip = Tooltip;
|
|
3939
3971
|
exports.TwoOptionForAutocomplete = TwoOptionForAutocomplete;
|
|
3940
3972
|
exports.UnitOfPaymentValues = UnitOfPaymentValues;
|