kui-crm 0.0.188 → 0.0.190
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 +27 -26
- package/cjs/index.js.map +1 -1
- package/index.d.ts +18 -18
- package/index.js +27 -26
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -22,8 +22,7 @@ var yup$1 = require('@hookform/resolvers/yup');
|
|
|
22
22
|
var ReactDOM = require('react-dom');
|
|
23
23
|
var kuiIcon = require('kui-icon');
|
|
24
24
|
var jsxRuntime$1 = require('@emotion/react/jsx-runtime');
|
|
25
|
-
var Swiper = require('
|
|
26
|
-
require('swiper/swiper-bundle.css');
|
|
25
|
+
var Swiper = require('kui-swiper');
|
|
27
26
|
var kuiCrm = require('kui-crm');
|
|
28
27
|
|
|
29
28
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1940,7 +1939,7 @@ function InputFileWithVisibility(props) {
|
|
|
1940
1939
|
if (!mounted) {
|
|
1941
1940
|
return null;
|
|
1942
1941
|
}
|
|
1943
|
-
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(kuiComplex.InputFile, __assign({ form: form, name: "".concat(name, ".file"), disabled: disabled }, inputProps)), file && (jsxRuntime.jsx(kuiBasic.Box, __assign({ mt: 2 }, { children: jsxRuntime.jsx(kuiComplex.CheckboxGroupWithTitle, { title: "Visibility", options: visibilityOptions, form: form, disabled: disabled }) })))] }));
|
|
1942
|
+
return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(kuiComplex.InputFile, __assign({ form: form, parentName: name, name: "".concat(name, ".file"), disabled: disabled }, inputProps)), file && (jsxRuntime.jsx(kuiBasic.Box, __assign({ mt: 2 }, { children: jsxRuntime.jsx(kuiComplex.CheckboxGroupWithTitle, { title: "Visibility", options: visibilityOptions, form: form, disabled: disabled }) })))] }));
|
|
1944
1943
|
}
|
|
1945
1944
|
|
|
1946
1945
|
function InputByType(_a) {
|
|
@@ -2064,12 +2063,12 @@ var previewSizesStyles = {
|
|
|
2064
2063
|
sm: react.css(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
2065
2064
|
};
|
|
2066
2065
|
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"])));
|
|
2067
|
-
var StyledWrapper$c = styled__default["default"].div(templateObject_4$
|
|
2066
|
+
var StyledWrapper$c = styled__default["default"].div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
2068
2067
|
var size = _a.size;
|
|
2069
2068
|
return previewSizesStyles[size];
|
|
2070
2069
|
});
|
|
2071
2070
|
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);
|
|
2072
|
-
var templateObject_1$F, templateObject_2$p, templateObject_3$n, templateObject_4$
|
|
2071
|
+
var templateObject_1$F, templateObject_2$p, templateObject_3$n, templateObject_4$8, templateObject_5$5;
|
|
2073
2072
|
|
|
2074
2073
|
function Modal(_a) {
|
|
2075
2074
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -2178,9 +2177,9 @@ function LoaderPopup(_a) {
|
|
|
2178
2177
|
var containerCSS = react.css(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
2179
2178
|
var StyledWrapper$9 = styled__default["default"](kuiBasic.Grid)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
|
|
2180
2179
|
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"])));
|
|
2181
|
-
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$
|
|
2180
|
+
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$7 || (templateObject_4$7 = __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"])));
|
|
2182
2181
|
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"])));
|
|
2183
|
-
var templateObject_1$B, templateObject_2$n, templateObject_3$l, templateObject_4$
|
|
2182
|
+
var templateObject_1$B, templateObject_2$n, templateObject_3$l, templateObject_4$7, templateObject_5$4;
|
|
2184
2183
|
|
|
2185
2184
|
function LoaderState(_a) {
|
|
2186
2185
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -2409,8 +2408,8 @@ function PreviewImageCard(props) {
|
|
|
2409
2408
|
var Wrapper$6 = styled__default["default"].div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
|
|
2410
2409
|
var StyledImage$6 = styled__default["default"].img(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
|
|
2411
2410
|
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"])));
|
|
2412
|
-
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$
|
|
2413
|
-
var templateObject_1$y, templateObject_2$l, templateObject_3$j, templateObject_4$
|
|
2411
|
+
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$6 || (templateObject_4$6 = __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"])));
|
|
2412
|
+
var templateObject_1$y, templateObject_2$l, templateObject_3$j, templateObject_4$6;
|
|
2414
2413
|
|
|
2415
2414
|
var getURLFromFile = function (fileList) {
|
|
2416
2415
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -2453,9 +2452,9 @@ function FileUploaderWithPreview(props) {
|
|
|
2453
2452
|
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
2454
2453
|
var StyledLabel$1 = styled__default["default"].label(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
2455
2454
|
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);
|
|
2456
|
-
var StyledInput$2 = styled__default["default"].input(templateObject_4$
|
|
2455
|
+
var StyledInput$2 = styled__default["default"].input(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
2457
2456
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
2458
|
-
var templateObject_1$x, templateObject_2$k, templateObject_3$i, templateObject_4$
|
|
2457
|
+
var templateObject_1$x, templateObject_2$k, templateObject_3$i, templateObject_4$5, templateObject_5$3;
|
|
2459
2458
|
|
|
2460
2459
|
var companyFields = [
|
|
2461
2460
|
{
|
|
@@ -3397,8 +3396,8 @@ var CardWrapper = styled__default["default"].div(templateObject_3$f || (template
|
|
|
3397
3396
|
var isCopied = _a.isCopied;
|
|
3398
3397
|
return (isCopied ? 1 : 0);
|
|
3399
3398
|
}, kuiBasic.theme.breakpoints.sm);
|
|
3400
|
-
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$
|
|
3401
|
-
var templateObject_1$m, templateObject_2$f, templateObject_3$f, templateObject_4$
|
|
3399
|
+
var Wrapper$5 = styled__default["default"](kuiBasic.Grid)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
3400
|
+
var templateObject_1$m, templateObject_2$f, templateObject_3$f, templateObject_4$4;
|
|
3402
3401
|
|
|
3403
3402
|
var GalleryNavigation = function (_a) {
|
|
3404
3403
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
@@ -3417,11 +3416,11 @@ var GalleryThumbnails = function (_a) {
|
|
|
3417
3416
|
grabCursor: true,
|
|
3418
3417
|
slideToClickedSlide: true,
|
|
3419
3418
|
};
|
|
3420
|
-
|
|
3419
|
+
if (!images)
|
|
3420
|
+
return null;
|
|
3421
|
+
return (jsxRuntime$1.jsx(Wrapper$4, { children: jsxRuntime$1.jsx(Swiper__default["default"], __assign({}, params, { children: images.map(function (image, index) { return (jsxRuntime$1.jsx(StyledSlide$2, __assign({
|
|
3421
3422
|
// css={index === activeSlide && activeStyles(theme)}
|
|
3422
|
-
,
|
|
3423
|
-
// css={index === activeSlide && activeStyles(theme)}
|
|
3424
|
-
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) })) }, index)); }) })) }));
|
|
3423
|
+
onClick: function () { return handleChange(index); } }, { children: jsxRuntime$1.jsx(StyledImage$5, { active: index === activeSlide, src: image.mediumImageUrl, alt: "slide" }) }), index)); }) })) }));
|
|
3425
3424
|
};
|
|
3426
3425
|
var Wrapper$4 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3427
3426
|
var StyledImage$5 = styled__default["default"].img(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
|
|
@@ -3429,8 +3428,7 @@ var StyledImage$5 = styled__default["default"].img(templateObject_2$d || (templa
|
|
|
3429
3428
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3430
3429
|
});
|
|
3431
3430
|
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"])));
|
|
3432
|
-
var
|
|
3433
|
-
var templateObject_1$k, templateObject_2$d, templateObject_3$d, templateObject_4$5;
|
|
3431
|
+
var templateObject_1$k, templateObject_2$d, templateObject_3$d;
|
|
3434
3432
|
|
|
3435
3433
|
var GallerySlider = function (_a) {
|
|
3436
3434
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -3445,7 +3443,9 @@ var GallerySlider = function (_a) {
|
|
|
3445
3443
|
},
|
|
3446
3444
|
},
|
|
3447
3445
|
};
|
|
3448
|
-
|
|
3446
|
+
if (!images)
|
|
3447
|
+
return null;
|
|
3448
|
+
return (jsxRuntime.jsx(StyledWrapper$4, { 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)); }) })) }));
|
|
3449
3449
|
};
|
|
3450
3450
|
var StyledWrapper$4 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
3451
3451
|
var StyledSlide$1 = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
|
|
@@ -3733,9 +3733,9 @@ var Wrapper = styled__default["default"].div(templateObject_3$7 || (templateObje
|
|
|
3733
3733
|
var spacing = _a.spacing;
|
|
3734
3734
|
return spacing;
|
|
3735
3735
|
});
|
|
3736
|
-
var StyledTooltip = styled__default["default"](Tooltip)(templateObject_4$
|
|
3736
|
+
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"])));
|
|
3737
3737
|
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"])));
|
|
3738
|
-
var templateObject_1$b, templateObject_2$7, templateObject_3$7, templateObject_4$
|
|
3738
|
+
var templateObject_1$b, templateObject_2$7, templateObject_3$7, templateObject_4$3, templateObject_5$2;
|
|
3739
3739
|
|
|
3740
3740
|
var ScrollingContainer = React.forwardRef(function (props, ref) {
|
|
3741
3741
|
var onScrollEnd = props.onScrollEnd, otherProps = __rest(props, ["onScrollEnd"]);
|
|
@@ -3803,9 +3803,11 @@ function SliderThumbnails(_a) {
|
|
|
3803
3803
|
grabCursor: true,
|
|
3804
3804
|
slideToClickedSlide: true,
|
|
3805
3805
|
};
|
|
3806
|
-
|
|
3806
|
+
if (!images)
|
|
3807
|
+
return null;
|
|
3808
|
+
return (jsxRuntime.jsx(StyledWrapper$1, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { children: images.map(function (image, index) { return (
|
|
3807
3809
|
// eslint-disable-next-line react/no-array-index-key
|
|
3808
|
-
jsxRuntime.jsx(
|
|
3810
|
+
jsxRuntime.jsx(StyledSlide, __assign({ onClick: function () { return handleChange(index); } }, { children: jsxRuntime.jsx(StyledImage$1, { active: index === activeSlide, src: image, alt: "slide" }) }), index)); }) })) }));
|
|
3809
3811
|
}
|
|
3810
3812
|
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"], ["\n padding: 16px;\n background-color: ", ";\n @media (max-width: 601px) {\n padding: 14px 16px 16px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
3811
3813
|
var StyledImage$1 = styled__default["default"].img(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n box-sizing: border-box;\n border: 2px solid\n ", ";\n"])), function (_a) {
|
|
@@ -3813,8 +3815,7 @@ var StyledImage$1 = styled__default["default"].img(templateObject_2$5 || (templa
|
|
|
3813
3815
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
3814
3816
|
});
|
|
3815
3817
|
var StyledSlide = styled__default["default"].div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
3816
|
-
var
|
|
3817
|
-
var templateObject_1$7, templateObject_2$5, templateObject_3$5, templateObject_4$3;
|
|
3818
|
+
var templateObject_1$7, templateObject_2$5, templateObject_3$5;
|
|
3818
3819
|
|
|
3819
3820
|
function FullSliderHeader(props) {
|
|
3820
3821
|
var handleClose = props.handleClose, slidesCount = props.slidesCount, currentSlide = props.currentSlide, renderEndComponent = props.renderEndComponent, slider = props.slider;
|