kui-crm 0.0.50 → 0.0.52
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 +30 -29
- package/cjs/index.js.map +1 -1
- package/index.d.ts +31 -1
- package/index.js +30 -29
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/types/index.d.ts +31 -1
package/cjs/index.js
CHANGED
|
@@ -681,13 +681,13 @@ var previewSizesStyles = {
|
|
|
681
681
|
lg: react.css(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
682
682
|
sm: react.css(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
683
683
|
};
|
|
684
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
684
|
+
var StyledImage$4 = styled__default["default"].img(templateObject_3$f || (templateObject_3$f = __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"])));
|
|
685
685
|
var StyledWrapper$8 = styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
686
686
|
var size = _a.size;
|
|
687
687
|
return previewSizesStyles[size];
|
|
688
688
|
});
|
|
689
689
|
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$3 || (templateObject_5$3 = __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);
|
|
690
|
-
var templateObject_1$r, templateObject_2$g, templateObject_3$
|
|
690
|
+
var templateObject_1$r, templateObject_2$g, templateObject_3$f, templateObject_4$6, templateObject_5$3;
|
|
691
691
|
|
|
692
692
|
function Modal(_a) {
|
|
693
693
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -888,8 +888,8 @@ function ErrorPopup(_a) {
|
|
|
888
888
|
}
|
|
889
889
|
var containerCSS$1 = react.css(templateObject_1$o || (templateObject_1$o = __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"])));
|
|
890
890
|
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_2$f || (templateObject_2$f = __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"])));
|
|
891
|
-
var StyledContent = styled__default["default"].pre(templateObject_3$
|
|
892
|
-
var templateObject_1$o, templateObject_2$f, templateObject_3$
|
|
891
|
+
var StyledContent = styled__default["default"].pre(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
892
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$e;
|
|
893
893
|
|
|
894
894
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
895
895
|
var createParentNode = function () {
|
|
@@ -915,10 +915,10 @@ function LoaderPopup(_a) {
|
|
|
915
915
|
}
|
|
916
916
|
var containerCSS = react.css(templateObject_1$n || (templateObject_1$n = __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"])));
|
|
917
917
|
var StyledWrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_2$e || (templateObject_2$e = __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"])));
|
|
918
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
918
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
919
919
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$5 || (templateObject_4$5 = __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"])));
|
|
920
920
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
921
|
-
var templateObject_1$n, templateObject_2$e, templateObject_3$
|
|
921
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$d, templateObject_4$5, templateObject_5$2;
|
|
922
922
|
|
|
923
923
|
function LoaderState(_a) {
|
|
924
924
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -1095,8 +1095,8 @@ function ModalWithMap(props) {
|
|
|
1095
1095
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
1096
1096
|
var StyledModal$1 = styled__default["default"](Modal)(templateObject_1$m || (templateObject_1$m = __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);
|
|
1097
1097
|
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$d || (templateObject_2$d = __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"])));
|
|
1098
|
-
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
1099
|
-
var templateObject_1$m, templateObject_2$d, templateObject_3$
|
|
1098
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
1099
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$c;
|
|
1100
1100
|
|
|
1101
1101
|
function OpenMapButton(props) {
|
|
1102
1102
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
@@ -1146,9 +1146,9 @@ function PreviewImageCard(props) {
|
|
|
1146
1146
|
}
|
|
1147
1147
|
var Wrapper$5 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __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"])));
|
|
1148
1148
|
var StyledImage$3 = styled__default["default"].img(templateObject_2$c || (templateObject_2$c = __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"])));
|
|
1149
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
1149
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
1150
1150
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$4 || (templateObject_4$4 = __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"])));
|
|
1151
|
-
var templateObject_1$k, templateObject_2$c, templateObject_3$
|
|
1151
|
+
var templateObject_1$k, templateObject_2$c, templateObject_3$b, templateObject_4$4;
|
|
1152
1152
|
|
|
1153
1153
|
var getURLFromFile = function (fileList) {
|
|
1154
1154
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -1190,10 +1190,10 @@ function FileUploaderWithPreview(props) {
|
|
|
1190
1190
|
}
|
|
1191
1191
|
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __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);
|
|
1192
1192
|
var StyledLabel = styled__default["default"].label(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
1193
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
1193
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$a || (templateObject_3$a = __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);
|
|
1194
1194
|
var StyledInput$2 = styled__default["default"].input(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
1195
1195
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
1196
|
-
var templateObject_1$j, templateObject_2$b, templateObject_3$
|
|
1196
|
+
var templateObject_1$j, templateObject_2$b, templateObject_3$a, templateObject_4$3, templateObject_5$1;
|
|
1197
1197
|
|
|
1198
1198
|
var companyFields = [
|
|
1199
1199
|
{
|
|
@@ -1255,8 +1255,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$a || (tem
|
|
|
1255
1255
|
var isFixed = _a.isFixed;
|
|
1256
1256
|
return (isFixed ? 0 : "auto");
|
|
1257
1257
|
});
|
|
1258
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
1259
|
-
var templateObject_1$i, templateObject_2$a, templateObject_3$
|
|
1258
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
1259
|
+
var templateObject_1$i, templateObject_2$a, templateObject_3$9;
|
|
1260
1260
|
|
|
1261
1261
|
function CompanyCreationForm(_a) {
|
|
1262
1262
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -1826,8 +1826,8 @@ PartialPayer.defaultProps = {
|
|
|
1826
1826
|
};
|
|
1827
1827
|
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$g || (templateObject_1$g = __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);
|
|
1828
1828
|
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
1829
|
-
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_3$
|
|
1830
|
-
var templateObject_1$g, templateObject_2$9, templateObject_3$
|
|
1829
|
+
var StyledWrapper$2 = styled__default["default"](kuiBasic.Grid)(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
1830
|
+
var templateObject_1$g, templateObject_2$9, templateObject_3$8;
|
|
1831
1831
|
|
|
1832
1832
|
var TariffsLiteStore = /** @class */ (function () {
|
|
1833
1833
|
function TariffsLiteStore() {
|
|
@@ -2506,11 +2506,11 @@ var SignInPage = function (props) {
|
|
|
2506
2506
|
var index$1 = mobxReact.observer(SignInPage);
|
|
2507
2507
|
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n height: 100vh;\n width: 100vw;\n position: relative;\n"], ["\n height: 100vh;\n width: 100vw;\n position: relative;\n"])));
|
|
2508
2508
|
var StyledBackground = styled__default["default"].img(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n object-position: bottom center;\n object-fit: cover;\n"], ["\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n object-position: bottom center;\n object-fit: cover;\n"])));
|
|
2509
|
-
var StyledCard = styled__default["default"].div(templateObject_3$
|
|
2509
|
+
var StyledCard = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n background: ", ";\n border-radius: 16px;\n box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n 0px 26px 26px rgba(10, 31, 68, 0.12);\n width: 496px;\n height: 512px;\n padding: 64px 48px;\n box-sizing: border-box;\n z-index: 1;\n @media (max-width: 960px) {\n width: 100%;\n padding: 32px 24px;\n height: 455px;\n }\n"], ["\n background: ", ";\n border-radius: 16px;\n box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n 0px 26px 26px rgba(10, 31, 68, 0.12);\n width: 496px;\n height: 512px;\n padding: 64px 48px;\n box-sizing: border-box;\n z-index: 1;\n @media (max-width: 960px) {\n width: 100%;\n padding: 32px 24px;\n height: 455px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
2510
2510
|
var ErrorBlock = styled__default["default"](kuiBasic.Box)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n height: 24px;\n p: {\n color: ", ";\n },\n"], ["\n height: 24px;\n p: {\n color: ", ";\n },\n"])), kuiBasic.theme.palette.red.fiftyP);
|
|
2511
2511
|
var StyledContainer$1 = styled__default["default"](kuiBasic.Container)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
2512
2512
|
var StyledCardWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
2513
|
-
var templateObject_1$9, templateObject_2$7, templateObject_3$
|
|
2513
|
+
var templateObject_1$9, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5, templateObject_6;
|
|
2514
2514
|
|
|
2515
2515
|
function TableBottomLoading(_a) {
|
|
2516
2516
|
var isLoading = _a.isLoading;
|
|
@@ -2543,12 +2543,12 @@ function CopyButton(_a) {
|
|
|
2543
2543
|
}
|
|
2544
2544
|
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$7 || (templateObject_1$7 = __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);
|
|
2545
2545
|
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
2546
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
2546
|
+
var CardWrapper = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __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) {
|
|
2547
2547
|
var isCopied = _a.isCopied;
|
|
2548
2548
|
return (isCopied ? 1 : 0);
|
|
2549
2549
|
}, kuiBasic.theme.breakpoints.sm);
|
|
2550
2550
|
var Wrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
2551
|
-
var templateObject_1$7, templateObject_2$6, templateObject_3$
|
|
2551
|
+
var templateObject_1$7, templateObject_2$6, templateObject_3$6, templateObject_4$1;
|
|
2552
2552
|
|
|
2553
2553
|
var GalleryNavigation = function (_a) {
|
|
2554
2554
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
@@ -2556,8 +2556,8 @@ var GalleryNavigation = function (_a) {
|
|
|
2556
2556
|
};
|
|
2557
2557
|
var buttonStyles = react.css(templateObject_1$6 || (templateObject_1$6 = __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"])));
|
|
2558
2558
|
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
2559
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2560
|
-
var templateObject_1$6, templateObject_2$5, templateObject_3$
|
|
2559
|
+
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
2560
|
+
var templateObject_1$6, templateObject_2$5, templateObject_3$5;
|
|
2561
2561
|
|
|
2562
2562
|
var GalleryThumbnails = function (_a) {
|
|
2563
2563
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -2578,9 +2578,9 @@ var StyledImage$2 = styled__default["default"].img(templateObject_2$4 || (templa
|
|
|
2578
2578
|
var active = _a.active;
|
|
2579
2579
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
2580
2580
|
});
|
|
2581
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_3$
|
|
2581
|
+
var StyledSlide$1 = 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"])));
|
|
2582
2582
|
var StyledSlideWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
2583
|
-
var templateObject_1$5, templateObject_2$4, templateObject_3$
|
|
2583
|
+
var templateObject_1$5, templateObject_2$4, templateObject_3$4, templateObject_4;
|
|
2584
2584
|
|
|
2585
2585
|
var GallerySlider = function (_a) {
|
|
2586
2586
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -2595,11 +2595,12 @@ var GallerySlider = function (_a) {
|
|
|
2595
2595
|
},
|
|
2596
2596
|
},
|
|
2597
2597
|
};
|
|
2598
|
-
return (jsxRuntime.jsx(
|
|
2598
|
+
return (jsxRuntime.jsx(StyledSlider, __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, { children: jsxRuntime.jsx(StyledImage$1, { src: image.largeImageUrl, alt: "slide" }) }) }, key)); }) })));
|
|
2599
2599
|
};
|
|
2600
|
-
var
|
|
2601
|
-
var
|
|
2602
|
-
var
|
|
2600
|
+
var StyledSlider = styled__default["default"](Swiper__default["default"])(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
2601
|
+
var StyledSlide = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __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"])));
|
|
2602
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_3$3 || (templateObject_3$3 = __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"])));
|
|
2603
|
+
var templateObject_1$4, templateObject_2$3, templateObject_3$3;
|
|
2603
2604
|
|
|
2604
2605
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
2605
2606
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -2628,7 +2629,7 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
2628
2629
|
if ((images === null || images === void 0 ? void 0 : images.length) === 0) {
|
|
2629
2630
|
return null;
|
|
2630
2631
|
}
|
|
2631
|
-
return (jsxRuntime.jsx(StyledModal, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "
|
|
2632
|
+
return (jsxRuntime.jsx(StyledModal, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) }, otherProps, { children: jsxRuntime.jsxs(Wrapper$2, { 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 })] }) })));
|
|
2632
2633
|
});
|
|
2633
2634
|
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$3 || (templateObject_1$3 = __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);
|
|
2634
2635
|
var Wrapper$2 = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|