nestiq-component-library 1.1.146 → 1.1.151

package/dist/components/NewPropertyCard/NewPropertyCard.d.ts

@@ -32,6 +32,7 @@ interface PopupProps {
     messageOnClick: () => void;
     onclickSuccess: () => void;
     onClick: () => void;
+    onFloorPlanClick: () => void;
 }
 export default function PropertyCard(props: PopupProps): React.JSX.Element;
 export {};

package/dist/index.es.js

@@ -212,11 +212,11 @@ function ImageListPopup(props) {
         setShowPopUp(false);
     };
     return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: " d-flex w-50 flex-column gap-3  col-6 " },
+        React.createElement("div", { className: " d-flex w-50 flex-column  col-6 " },
             React.createElement("div", { className: "d-flex  align-self-end me-5 mt-5" },
                 React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon mt-5", onClick: handleClose })),
             React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
-            React.createElement("div", { className: "d-flex flex-row col-12 justify-content-center" },
+            React.createElement("div", { className: "d-flex justify-content-center" },
                 React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
                     React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex  ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
                         React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
@@ -232,23 +232,27 @@ function ImageListPopup(props) {
                     " ",
                     React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex     justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
                         React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
-            React.createElement("div", { className: "d-flex flex-row gap-4 align-self-center  w-100 secondList mt-4 " },
-                React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-none ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-75 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
-                        setCurrentImageIndex(index);
-                        imageListRef.current.scrollTo({
-                            left: index * 150,
-                            behavior: "smooth",
-                        });
-                    }, role: "button" },
-                    React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))));
+            React.createElement("div", { className: "d-flex flex-row" }),
+            React.createElement("div", { className: "d-flex flex-row gap-4  w-100 secondList " },
+                React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1  align-self-center mt-5" },
+                    React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
+                        React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
+                                setCurrentImageIndex(index);
+                                imageListRef.current.scrollTo({
+                                    left: index * 150,
+                                    behavior: "smooth",
+                                });
+                            }, role: "button" },
+                            React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
 }
 
 var FloorPlanPopup = function (_a) {
     var contentUrl = _a.contentUrl, onCloseClick = _a.onCloseClick;
     var _b = useState(false), isContentImage = _b[0], setIsContentImage = _b[1];
     useEffect(function () {
+        var _a;
         if (contentUrl) {
-            var fileFormat = contentUrl.split(".").pop();
+            var fileFormat = (_a = contentUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
             if (fileFormat === "png" ||
                 fileFormat === "jpg" ||
                 fileFormat === "jpeg" ||
@@ -463,16 +467,14 @@ function PropertyCard(props) {
     var _j = useState(null), mainImage = _j[0], setMainImage = _j[1];
     var _k = useState(0), currentImageIndex = _k[0], setCurrentImageIndex = _k[1];
     var imageListRef = useRef(null);
-    var _l = useState(false), floorPlan = _l[0], setFloorPlan = _l[1];
+    var _l = useState(false); _l[0]; _l[1];
     var _m = useState(false); _m[0]; _m[1];
     var _o = useState(false), sharePopUp = _o[0], setSharePopUp = _o[1];
     var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
         ? props.property.pictures.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
         : [noImageIcon];
     var floorPlanOnClick = function () {
-        if (props.floorPlanUrl) {
-            setFloorPlan(true);
-        }
+        props.onFloorPlanClick();
     };
     var handleMessagPopUp = function () {
         // setMessagPopUp(true);
@@ -604,7 +606,6 @@ function PropertyCard(props) {
                             React.createElement("span", { className: "kontact-button-text" },
                                 "Kontakt aufnehmen",
                                 " "))))))),
-        floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: props.floorPlanUrl, onCloseClick: function () { return setFloorPlan(false); } })),
         sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
 }