kui-crm 0.0.48 → 0.0.50
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 +8 -7
- package/cjs/index.js.map +1 -1
- package/index.d.ts +3 -1
- package/index.js +8 -7
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2657,13 +2657,14 @@ var StyledBackdrop = styled__default["default"].div(templateObject_3 || (templat
|
|
|
2657
2657
|
var templateObject_1$1, templateObject_2, templateObject_3;
|
|
2658
2658
|
|
|
2659
2659
|
var imageWidth = 64;
|
|
2660
|
-
var AdaptiveImagesBlock = React.forwardRef(function (
|
|
2661
|
-
var images =
|
|
2660
|
+
var AdaptiveImagesBlock = React.forwardRef(function (props) {
|
|
2661
|
+
var images = props.images, endComponent = props.endComponent, onDelete = props.onDelete, otherProps = __rest(props, ["images", "endComponent", "onDelete"]);
|
|
2662
2662
|
var ref = React.useRef(null);
|
|
2663
|
-
var
|
|
2664
|
-
var
|
|
2665
|
-
var
|
|
2666
|
-
var
|
|
2663
|
+
var _a = React.useState(0), selectedImage = _a[0], setSelectedImage = _a[1];
|
|
2664
|
+
var _b = kuiUtils.useToggle(), isModalOpen = _b[0], handleModalOpen = _b[1], handleModalClose = _b[2];
|
|
2665
|
+
var _c = React.useState(0), displayedImagesCount = _c[0], setDisplayedImagesCount = _c[1];
|
|
2666
|
+
var staticCards = endComponent ? 2 : 1;
|
|
2667
|
+
var displayedImages = images.slice(0, displayedImagesCount - staticCards);
|
|
2667
2668
|
var blurImage = images.slice(displayedImagesCount - 1, displayedImagesCount);
|
|
2668
2669
|
var notDisplayedImagesCount = images.slice(displayedImagesCount).length;
|
|
2669
2670
|
var handleClick = function (index) {
|
|
@@ -2679,7 +2680,7 @@ var AdaptiveImagesBlock = React.forwardRef(function (_a) {
|
|
|
2679
2680
|
handleResize();
|
|
2680
2681
|
return function () { return window.removeEventListener("resize", handleResize); };
|
|
2681
2682
|
}, [ref]);
|
|
2682
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper, __assign({ container: true, ref: ref, spacing: 1, justify: "space-between" }, otherProps, { children: [displayedImages.map(function (image, index) { return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: image.smallImageUrl, index: index, onClick: handleClick }) }), image.smallImageUrl)); }), blurImage.length > 0 && notDisplayedImagesCount > 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCardWithBackdrop, { url: blurImage[0].smallImageUrl, count: notDisplayedImagesCount, index: displayedImages.length, onClick: handleClick }) }))), blurImage.length > 0 && notDisplayedImagesCount === 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: blurImage[0].smallImageUrl, index: displayedImages.length, onClick: handleClick }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose })] }));
|
|
2683
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Wrapper, __assign({ container: true, ref: ref, spacing: 1, justify: "space-between" }, otherProps, { children: [displayedImages.map(function (image, index) { return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: image.smallImageUrl, index: index, onClick: handleClick }) }), image.smallImageUrl)); }), blurImage.length > 0 && notDisplayedImagesCount > 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCardWithBackdrop, { url: blurImage[0].smallImageUrl, count: notDisplayedImagesCount, index: displayedImages.length, onClick: handleClick }) }))), blurImage.length > 0 && notDisplayedImagesCount === 0 && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(ImageCard, { url: blurImage[0].smallImageUrl, index: displayedImages.length, onClick: handleClick }) }))), endComponent] })), jsxRuntime.jsx(GalleryWithThumbnails, { images: images, activeSlide: selectedImage, isOpen: isModalOpen, handleClose: handleModalClose, onDelete: onDelete })] }));
|
|
2683
2684
|
});
|
|
2684
2685
|
var Wrapper = styled__default["default"](kuiBasic.Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n flex-wrap: nowrap;\n"], ["\n overflow: hidden;\n flex-wrap: nowrap;\n"])));
|
|
2685
2686
|
var templateObject_1;
|