kui-crm 0.0.49 → 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 +6 -6
- package/cjs/index.js.map +1 -1
- package/index.d.ts +3 -1
- package/index.js +6 -6
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -2657,12 +2657,12 @@ 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
|
|
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
2666
|
var staticCards = endComponent ? 2 : 1;
|
|
2667
2667
|
var displayedImages = images.slice(0, displayedImagesCount - staticCards);
|
|
2668
2668
|
var blurImage = images.slice(displayedImagesCount - 1, displayedImagesCount);
|
|
@@ -2680,7 +2680,7 @@ var AdaptiveImagesBlock = React.forwardRef(function (_a) {
|
|
|
2680
2680
|
handleResize();
|
|
2681
2681
|
return function () { return window.removeEventListener("resize", handleResize); };
|
|
2682
2682
|
}, [ref]);
|
|
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 })] }));
|
|
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 })] }));
|
|
2684
2684
|
});
|
|
2685
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"])));
|
|
2686
2686
|
var templateObject_1;
|