kui-crm 0.0.229 → 0.0.230
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 +58 -53
- package/cjs/index.js.map +1 -1
- package/index.d.ts +12 -8
- package/index.js +58 -53
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2325,15 +2325,15 @@ function SquarePreviewImage(_a) {
|
|
|
2325
2325
|
}
|
|
2326
2326
|
var previewSizesStyles = {
|
|
2327
2327
|
lg: react.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
2328
|
-
sm: react.css(templateObject_2$
|
|
2328
|
+
sm: react.css(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
2329
2329
|
};
|
|
2330
2330
|
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"])));
|
|
2331
|
-
var StyledWrapper$e = styled__default["default"].div(templateObject_4$
|
|
2331
|
+
var StyledWrapper$e = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2332
2332
|
var size = _a.size;
|
|
2333
2333
|
return previewSizesStyles[size];
|
|
2334
2334
|
});
|
|
2335
2335
|
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);
|
|
2336
|
-
var templateObject_1$L, templateObject_2$
|
|
2336
|
+
var templateObject_1$L, templateObject_2$t, templateObject_3$n, templateObject_4$9, templateObject_5$5;
|
|
2337
2337
|
|
|
2338
2338
|
function Modal(_a) {
|
|
2339
2339
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -2413,9 +2413,9 @@ function ErrorPopup(_a) {
|
|
|
2413
2413
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), ReactDOM.createPortal(jsxRuntime.jsx(StyledWrapper$c, __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)] }));
|
|
2414
2414
|
}
|
|
2415
2415
|
var containerCSS$1 = react.css(templateObject_1$I || (templateObject_1$I = __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"])));
|
|
2416
|
-
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2416
|
+
var StyledWrapper$c = styled__default["default"](kuiBasic.Grid)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n max-width: calc(100vh - 32px);\n &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
2417
2417
|
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"])));
|
|
2418
|
-
var templateObject_1$I, templateObject_2$
|
|
2418
|
+
var templateObject_1$I, templateObject_2$s, templateObject_3$m;
|
|
2419
2419
|
|
|
2420
2420
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
2421
2421
|
var createParentNode = function () {
|
|
@@ -2440,11 +2440,11 @@ function LoaderPopup(_a) {
|
|
|
2440
2440
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), ReactDOM.createPortal(jsxRuntime.jsxs(StyledWrapper$b, __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)] }));
|
|
2441
2441
|
}
|
|
2442
2442
|
var containerCSS = react.css(templateObject_1$H || (templateObject_1$H = __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"])));
|
|
2443
|
-
var StyledWrapper$b = styled__default["default"](kuiBasic.Grid)(templateObject_2$
|
|
2443
|
+
var StyledWrapper$b = styled__default["default"](kuiBasic.Grid)(templateObject_2$r || (templateObject_2$r = __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"])));
|
|
2444
2444
|
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"])));
|
|
2445
|
-
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$
|
|
2445
|
+
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"])));
|
|
2446
2446
|
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"])));
|
|
2447
|
-
var templateObject_1$H, templateObject_2$
|
|
2447
|
+
var templateObject_1$H, templateObject_2$r, templateObject_3$l, templateObject_4$8, templateObject_5$4;
|
|
2448
2448
|
|
|
2449
2449
|
function LoaderState(_a) {
|
|
2450
2450
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2620,9 +2620,9 @@ function ModalWithMap(props) {
|
|
|
2620
2620
|
}
|
|
2621
2621
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
2622
2622
|
var StyledModal$2 = styled__default["default"](Modal)(templateObject_1$G || (templateObject_1$G = __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);
|
|
2623
|
-
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$
|
|
2623
|
+
var StyledInput$4 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$q || (templateObject_2$q = __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"])));
|
|
2624
2624
|
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"])));
|
|
2625
|
-
var templateObject_1$G, templateObject_2$
|
|
2625
|
+
var templateObject_1$G, templateObject_2$q, templateObject_3$k;
|
|
2626
2626
|
|
|
2627
2627
|
function OpenMapButton(props) {
|
|
2628
2628
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
@@ -2671,10 +2671,10 @@ function PreviewImageCard(props) {
|
|
|
2671
2671
|
return (jsxRuntime.jsxs(Wrapper$6, __assign({ onMouseEnter: handleHover, onMouseLeave: handleBlur, onClick: handleClick, ref: cardRef }, otherProps, { children: [jsxRuntime.jsx(StyledImage$6, { src: url, alt: "image" }), jsxRuntime.jsx(Backdrop$1, { children: jsxRuntime.jsx(kuiIcon.LoupeIcon, {}) }), ReactDOM.createPortal(jsxRuntime.jsx(StyledRemoveButton, __assign({ isCircle: true, variant: "white", onClick: handleDelete, style: closeButtonStyles, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.CloseIcon, { width: 10, height: 10 }) })), document.body)] })));
|
|
2672
2672
|
}
|
|
2673
2673
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __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"])));
|
|
2674
|
-
var StyledImage$6 = styled__default["default"].img(templateObject_2$
|
|
2674
|
+
var StyledImage$6 = styled__default["default"].img(templateObject_2$p || (templateObject_2$p = __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"])));
|
|
2675
2675
|
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"])));
|
|
2676
|
-
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$
|
|
2677
|
-
var templateObject_1$E, templateObject_2$
|
|
2676
|
+
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"])));
|
|
2677
|
+
var templateObject_1$E, templateObject_2$p, templateObject_3$j, templateObject_4$7;
|
|
2678
2678
|
|
|
2679
2679
|
var getURLFromFile = function (fileList) {
|
|
2680
2680
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2715,11 +2715,11 @@ function FileUploaderWithPreview(props) {
|
|
|
2715
2715
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$a, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$3, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel$1, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
|
|
2716
2716
|
}
|
|
2717
2717
|
var StyledWrapper$a = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __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);
|
|
2718
|
-
var StyledLabel$1 = styled__default["default"].label(templateObject_2$
|
|
2718
|
+
var StyledLabel$1 = styled__default["default"].label(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2719
2719
|
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);
|
|
2720
|
-
var StyledInput$3 = styled__default["default"].input(templateObject_4$
|
|
2720
|
+
var StyledInput$3 = styled__default["default"].input(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2721
2721
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2722
|
-
var templateObject_1$D, templateObject_2$
|
|
2722
|
+
var templateObject_1$D, templateObject_2$o, templateObject_3$i, templateObject_4$6, templateObject_5$3;
|
|
2723
2723
|
|
|
2724
2724
|
var companyFields = [
|
|
2725
2725
|
{
|
|
@@ -2768,7 +2768,7 @@ function Footer(_a) {
|
|
|
2768
2768
|
_a.isFixed; var children = _a.children, otherProps = __rest(_a, ["isFixed", "children"]);
|
|
2769
2769
|
return jsxRuntime$1.jsx("div", __assign({}, otherProps, { children: children }));
|
|
2770
2770
|
}
|
|
2771
|
-
var StyledFooter = styled__default["default"](Footer)(templateObject_2$
|
|
2771
|
+
var StyledFooter = styled__default["default"](Footer)(templateObject_2$n || (templateObject_2$n = __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) {
|
|
2772
2772
|
var isFixed = _a.isFixed;
|
|
2773
2773
|
return (isFixed ? 1000 : 1);
|
|
2774
2774
|
}, function (_a) {
|
|
@@ -2782,7 +2782,7 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$m || (tem
|
|
|
2782
2782
|
return (isFixed ? 0 : "auto");
|
|
2783
2783
|
});
|
|
2784
2784
|
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
2785
|
-
var templateObject_1$C, templateObject_2$
|
|
2785
|
+
var templateObject_1$C, templateObject_2$n, templateObject_3$h;
|
|
2786
2786
|
|
|
2787
2787
|
function CompanyCreationForm(_a) {
|
|
2788
2788
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -3108,9 +3108,9 @@ PartialPayer.defaultProps = {
|
|
|
3108
3108
|
variant: "radio",
|
|
3109
3109
|
};
|
|
3110
3110
|
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$A || (templateObject_1$A = __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);
|
|
3111
|
-
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$
|
|
3111
|
+
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
3112
3112
|
var StyledWrapper$8 = styled__default["default"](kuiBasic.Grid)(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
3113
|
-
var templateObject_1$A, templateObject_2$
|
|
3113
|
+
var templateObject_1$A, templateObject_2$m, templateObject_3$g;
|
|
3114
3114
|
|
|
3115
3115
|
var CommonTariffFieldsSchema = yup__namespace.object().shape({
|
|
3116
3116
|
region: yup__namespace.object({
|
|
@@ -3197,8 +3197,8 @@ function TariffReplacementField(props) {
|
|
|
3197
3197
|
return (jsxRuntime.jsx(StyledInputWrapper$1, { children: jsxRuntime.jsx(TariffGroupAutocomplete$1, __assign({ label: !value && "Tariff group", endIcon: value && jsxRuntime.jsx(StyledCrossIcon, { onClick: handleDelete }), form: form, name: name, filter: "&can_be_replaced=true" }, inputProps)) }));
|
|
3198
3198
|
}
|
|
3199
3199
|
var StyledInputWrapper$1 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __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"])));
|
|
3200
|
-
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$
|
|
3201
|
-
var templateObject_1$z, templateObject_2$
|
|
3200
|
+
var StyledCrossIcon = styled__default["default"](kuiIcon.CloseIcon)(templateObject_2$l || (templateObject_2$l = __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);
|
|
3201
|
+
var templateObject_1$z, templateObject_2$l;
|
|
3202
3202
|
|
|
3203
3203
|
function TariffReplacementFields(_a) {
|
|
3204
3204
|
var form = _a.form, resource = _a.resource, setReplaceable = _a.setReplaceable;
|
|
@@ -3454,8 +3454,8 @@ var LabelWithHint = function (props) {
|
|
|
3454
3454
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 500, size: "s" }, { children: label })), jsxRuntime.jsx(StyledTooltip$1, __assign({ strategy: "fixed", placement: "bottom", content: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs" }, { children: hintMessage })) }, { children: jsxRuntime.jsx(StyledIcon$1, {}) }))] })));
|
|
3455
3455
|
};
|
|
3456
3456
|
var StyledIcon$1 = styled__default["default"](kuiIcon.QuestionIcon)(templateObject_1$t || (templateObject_1$t = __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);
|
|
3457
|
-
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$
|
|
3458
|
-
var templateObject_1$t, templateObject_2$
|
|
3457
|
+
var StyledTooltip$1 = styled__default["default"](Tooltip)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"], ["\n .KUI-Popper {\n max-width: 215px !important;\n }\n .Tooltip_content {\n z-index: auto;\n }\n"])));
|
|
3458
|
+
var templateObject_1$t, templateObject_2$k;
|
|
3459
3459
|
|
|
3460
3460
|
var CheckboxWithHint = function (props) {
|
|
3461
3461
|
var hintMessage = props.hintMessage, label = props.label, other = __rest(props, ["hintMessage", "label"]);
|
|
@@ -3671,22 +3671,22 @@ function CopyButton(_a) {
|
|
|
3671
3671
|
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" })) }))] })));
|
|
3672
3672
|
}
|
|
3673
3673
|
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$r || (templateObject_1$r = __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);
|
|
3674
|
-
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3674
|
+
var StyledCaption$3 = styled__default["default"](kuiBasic.Caption)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
3675
3675
|
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) {
|
|
3676
3676
|
var isCopied = _a.isCopied;
|
|
3677
3677
|
return (isCopied ? 1 : 0);
|
|
3678
3678
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3679
|
-
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$
|
|
3680
|
-
var templateObject_1$r, templateObject_2$
|
|
3679
|
+
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"])));
|
|
3680
|
+
var templateObject_1$r, templateObject_2$j, templateObject_3$f, templateObject_4$5;
|
|
3681
3681
|
|
|
3682
3682
|
var GalleryNavigation = function (_a) {
|
|
3683
3683
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
3684
3684
|
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, {}) }))] }));
|
|
3685
3685
|
};
|
|
3686
3686
|
var buttonStyles = react.css(templateObject_1$q || (templateObject_1$q = __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"])));
|
|
3687
|
-
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$
|
|
3687
|
+
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
3688
3688
|
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);
|
|
3689
|
-
var templateObject_1$q, templateObject_2$
|
|
3689
|
+
var templateObject_1$q, templateObject_2$i, templateObject_3$e;
|
|
3690
3690
|
|
|
3691
3691
|
var GalleryThumbnails = function (_a) {
|
|
3692
3692
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -3703,12 +3703,12 @@ var GalleryThumbnails = function (_a) {
|
|
|
3703
3703
|
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
|
|
3704
3704
|
};
|
|
3705
3705
|
var Wrapper$4 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __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);
|
|
3706
|
-
var StyledImage$5 = styled__default["default"].img(templateObject_2$
|
|
3706
|
+
var StyledImage$5 = styled__default["default"].img(templateObject_2$h || (templateObject_2$h = __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) {
|
|
3707
3707
|
var active = _a.active;
|
|
3708
3708
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3709
3709
|
});
|
|
3710
3710
|
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"])));
|
|
3711
|
-
var templateObject_1$p, templateObject_2$
|
|
3711
|
+
var templateObject_1$p, templateObject_2$h, templateObject_3$d;
|
|
3712
3712
|
|
|
3713
3713
|
var GallerySlider = function (_a) {
|
|
3714
3714
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3728,9 +3728,9 @@ var GallerySlider = function (_a) {
|
|
|
3728
3728
|
return (jsxRuntime.jsx(StyledWrapper$6, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images.map(function (image, key) { return (jsxRuntime.jsx(StyledSlide$1, { children: jsxRuntime.jsx(StyledImage$4, { src: image.largeImageUrl, alt: "slide" }) }, key)); }) })) }));
|
|
3729
3729
|
};
|
|
3730
3730
|
var StyledWrapper$6 = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3731
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_2$
|
|
3731
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __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"])));
|
|
3732
3732
|
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"])));
|
|
3733
|
-
var templateObject_1$o, templateObject_2$
|
|
3733
|
+
var templateObject_1$o, templateObject_2$g, templateObject_3$c;
|
|
3734
3734
|
|
|
3735
3735
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
3736
3736
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -3762,9 +3762,9 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
3762
3762
|
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 })] }) })));
|
|
3763
3763
|
});
|
|
3764
3764
|
var StyledModal$1 = styled__default["default"](kuiBasic.Modal)(templateObject_1$n || (templateObject_1$n = __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);
|
|
3765
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_2$
|
|
3765
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
3766
3766
|
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"])));
|
|
3767
|
-
var templateObject_1$n, templateObject_2$
|
|
3767
|
+
var templateObject_1$n, templateObject_2$f, templateObject_3$b;
|
|
3768
3768
|
|
|
3769
3769
|
var ImageCard = React.forwardRef(function (_a) {
|
|
3770
3770
|
var url = _a.url, onClick = _a.onClick, index = _a.index, otherProps = __rest(_a, ["url", "onClick", "index"]);
|
|
@@ -3786,16 +3786,16 @@ var Wrapper$2 = styled__default["default"].div(templateObject_1$m || (templateOb
|
|
|
3786
3786
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3787
3787
|
return mobileWidth || width || 56;
|
|
3788
3788
|
});
|
|
3789
|
-
var StyledImage$3 = styled__default["default"].img(templateObject_2$
|
|
3789
|
+
var StyledImage$3 = styled__default["default"].img(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n"])));
|
|
3790
3790
|
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"])));
|
|
3791
|
-
var templateObject_1$m, templateObject_2$
|
|
3791
|
+
var templateObject_1$m, templateObject_2$e, templateObject_3$a;
|
|
3792
3792
|
|
|
3793
3793
|
var ImageCardWithBackdrop = function (props) {
|
|
3794
3794
|
var count = props.count, width = props.width, mobileWidth = props.mobileWidth, imageCardProps = __rest(props, ["count", "width", "mobileWidth"]);
|
|
3795
3795
|
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] })) }))] }));
|
|
3796
3796
|
};
|
|
3797
3797
|
var StyledImageCard = styled__default["default"](ImageCard)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n & > div:after {\n content: none;\n }\n"], ["\n & > div:after {\n content: none;\n }\n"])));
|
|
3798
|
-
var StyledContainer$1 = styled__default["default"].div(templateObject_2$
|
|
3798
|
+
var StyledContainer$1 = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3799
3799
|
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) {
|
|
3800
3800
|
var width = _a.width;
|
|
3801
3801
|
return width || 56;
|
|
@@ -3809,7 +3809,7 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3$9 || (templ
|
|
|
3809
3809
|
var width = _a.width, mobileWidth = _a.mobileWidth;
|
|
3810
3810
|
return mobileWidth || width || 56;
|
|
3811
3811
|
});
|
|
3812
|
-
var templateObject_1$l, templateObject_2$
|
|
3812
|
+
var templateObject_1$l, templateObject_2$d, templateObject_3$9;
|
|
3813
3813
|
|
|
3814
3814
|
var defaultImageWidth = 64;
|
|
3815
3815
|
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
@@ -3962,9 +3962,9 @@ function PreviewContent(_a) {
|
|
|
3962
3962
|
return (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, other, { children: [!withoutImage && (jsxRuntime.jsx(StyledImage$2, { size: "sm", imageSrc: imageSrc, name: description })), jsxRuntime.jsxs(StyledContent, { children: [content || (jsxRuntime.jsx(StyledCaption$2, __assign({ size: "s", weight: 500 }, { children: description }))), label] })] })));
|
|
3963
3963
|
}
|
|
3964
3964
|
var StyledImage$2 = styled__default["default"](SquarePreviewImage)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
3965
|
-
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
3965
|
+
var StyledCaption$2 = styled__default["default"](kuiBasic.Caption)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n max-width: 100%;\n"], ["\n max-width: 100%;\n"])));
|
|
3966
3966
|
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"])));
|
|
3967
|
-
var templateObject_1$i, templateObject_2$
|
|
3967
|
+
var templateObject_1$i, templateObject_2$c, templateObject_3$8;
|
|
3968
3968
|
|
|
3969
3969
|
function UserBadge(props) {
|
|
3970
3970
|
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"]);
|
|
@@ -3999,14 +3999,14 @@ var withEllipsis = function (_a) {
|
|
|
3999
3999
|
var isEllipsisActive = _a.isEllipsisActive;
|
|
4000
4000
|
return isEllipsisActive && react.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n "])));
|
|
4001
4001
|
};
|
|
4002
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$
|
|
4002
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"], ["\n display: inline-block;\n white-space: nowrap;\n max-width: 100%;\n ", ";\n"])), withEllipsis);
|
|
4003
4003
|
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) {
|
|
4004
4004
|
var spacing = _a.spacing;
|
|
4005
4005
|
return spacing;
|
|
4006
4006
|
});
|
|
4007
|
-
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$
|
|
4007
|
+
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"])));
|
|
4008
4008
|
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"])));
|
|
4009
|
-
var templateObject_1$h, templateObject_2$
|
|
4009
|
+
var templateObject_1$h, templateObject_2$b, templateObject_3$7, templateObject_4$4, templateObject_5$2;
|
|
4010
4010
|
|
|
4011
4011
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
4012
4012
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -4042,7 +4042,7 @@ var StyledWrapper$5 = styled__default["default"].div(templateObject_1$g || (temp
|
|
|
4042
4042
|
var templateObject_1$g;
|
|
4043
4043
|
|
|
4044
4044
|
function Breadcrumbs(_a) {
|
|
4045
|
-
var routes = _a.routes;
|
|
4045
|
+
var routes = _a.routes, className = _a.className;
|
|
4046
4046
|
var styles = {
|
|
4047
4047
|
cursor: "pointer",
|
|
4048
4048
|
transition: "all linear .2s",
|
|
@@ -4050,21 +4050,26 @@ function Breadcrumbs(_a) {
|
|
|
4050
4050
|
color: kuiBasic.theme.palette.grey.seventy,
|
|
4051
4051
|
},
|
|
4052
4052
|
};
|
|
4053
|
-
return (jsxRuntime$1.jsx(StyledWrapper$4, __assign({ container: true, alignItems: "center" }, { children: routes.map(function (item, index) { return __spreadArray([
|
|
4054
|
-
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)) }))
|
|
4053
|
+
return (jsxRuntime$1.jsx(StyledWrapper$4, __assign({ container: true, alignItems: "center", className: className }, { children: routes.map(function (item, index) { return __spreadArray([
|
|
4054
|
+
jsxRuntime$1.jsx(StyledLink, __assign({ href: item.link, isLast: index === routes.length - 1 }, { children: jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 500, color: "fourty", css: item.link && styles }, { children: item.title }), "".concat(item.title, "_").concat(item.link)) }))
|
|
4055
4055
|
], kuiUtils.addToArrayByCondition(index < routes.length - 1, jsxRuntime$1.jsx(StyledIcon, { width: 7, height: 9 })), true); }) })));
|
|
4056
4056
|
}
|
|
4057
4057
|
var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n width: auto;\n"], ["\n width: auto;\n"])));
|
|
4058
|
-
var
|
|
4059
|
-
var
|
|
4060
|
-
|
|
4058
|
+
var lastLinkCSS = function (_a) {
|
|
4059
|
+
var isLast = _a.isLast;
|
|
4060
|
+
return isLast && react.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n "], ["\n p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n "])));
|
|
4061
|
+
};
|
|
4062
|
+
var StyledLink = styled__default["default"](Link)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n width: auto;\n ", ";\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"], ["\n width: auto;\n ", ";\n &:not(:last-of-type) {\n margin-right: 8px;\n }\n &:not(:first-of-type) {\n margin-left: 8px;\n }\n"])), lastLinkCSS);
|
|
4063
|
+
var StyledIcon = styled__default["default"](kuiIcon.HalfArrowNextIcon)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n margin-right: 8px;\n path {\n fill: ", ";\n }\n"], ["\n margin-right: 8px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
4064
|
+
var templateObject_1$f, templateObject_2$a, templateObject_3$6, templateObject_4$3;
|
|
4061
4065
|
|
|
4062
4066
|
var PageBreadcrumbs = function (props) {
|
|
4063
|
-
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev;
|
|
4064
|
-
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(
|
|
4067
|
+
var breadcrumbs = props.breadcrumbs, onPrev = props.onPrev, className = props.className;
|
|
4068
|
+
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, className: className }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center", wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mr: 2 }, { children: jsxRuntime.jsx(StyledButton$3, __assign({ isCircle: true, onClick: onPrev, size: "xs", variant: "backgroundLight" }, { children: jsxRuntime.jsx(kuiIcon.PrevArrowIcon, { width: 12, height: 10 }) })) })), jsxRuntime.jsx(StyledBreadcrumbs, { routes: breadcrumbs })] })) })));
|
|
4065
4069
|
};
|
|
4066
4070
|
var StyledButton$3 = styled__default["default"](kuiBasic.Button)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), kuiBasic.theme.palette.background.light3);
|
|
4067
|
-
var
|
|
4071
|
+
var StyledBreadcrumbs = styled__default["default"](Breadcrumbs)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n max-width: calc(100% - 32px - 16px);\n"], ["\n max-width: calc(100% - 32px - 16px);\n"])));
|
|
4072
|
+
var templateObject_1$e, templateObject_2$9;
|
|
4068
4073
|
|
|
4069
4074
|
function SliderThumbnails(_a) {
|
|
4070
4075
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|