nestiq-component-library 1.1.150 → 1.1.152

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.
Files changed (8) hide show
  1. package/dist/index.es.js +45 -35
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +45 -35
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +1 -1
  7. package/src/components/ImageListPopup/ImageListPopup.tsx +12 -7
  8. package/src/components/NewPropertyCard/NewPropertyCard.tsx +38 -31
package/dist/index.es.js CHANGED
@@ -212,9 +212,9 @@ function ImageListPopup(props) {
212
212
  setShowPopUp(false);
213
213
  };
214
214
  return (React.createElement("div", null, showPopUp && (React.createElement("div", { className: "popup-overlay" },
215
- React.createElement("div", { className: " d-flex w-50 flex-column col-6 " },
216
- React.createElement("div", { className: "d-flex align-self-end me-5 mt-5" },
217
- React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon mt-5", onClick: handleClose })),
215
+ React.createElement("div", { className: " d-flex flex-column " },
216
+ React.createElement("div", { className: "d-flex align-self-end me-5 " },
217
+ React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
218
218
  React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
219
219
  React.createElement("div", { className: "d-flex justify-content-center" },
220
220
  React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
@@ -223,8 +223,8 @@ function ImageListPopup(props) {
223
223
  React.createElement("div", { className: "p-2 bd-highlight" },
224
224
  React.createElement("div", { className: " rounded-5 mainImage ", style: {
225
225
  backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
226
- height: "350px",
227
- width: "600px",
226
+ height: "465px",
227
+ width: "880px",
228
228
  backgroundSize: "cover",
229
229
  backgroundPosition: "center",
230
230
  } })),
@@ -236,13 +236,17 @@ function ImageListPopup(props) {
236
236
  React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
237
237
  React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1 align-self-center mt-5" },
238
238
  React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
239
- 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 () {
239
+ 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 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 d-flex", onClick: function () {
240
240
  setCurrentImageIndex(index);
241
241
  imageListRef.current.scrollTo({
242
242
  left: index * 150,
243
243
  behavior: "smooth",
244
244
  });
245
- }, role: "button" },
245
+ }, role: "button", style: {
246
+ cursor: "pointer",
247
+ width: "150px",
248
+ height: "150px",
249
+ } },
246
250
  React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
247
251
  }
248
252
 
@@ -250,8 +254,9 @@ var FloorPlanPopup = function (_a) {
250
254
  var contentUrl = _a.contentUrl, onCloseClick = _a.onCloseClick;
251
255
  var _b = useState(false), isContentImage = _b[0], setIsContentImage = _b[1];
252
256
  useEffect(function () {
257
+ var _a;
253
258
  if (contentUrl) {
254
- var fileFormat = contentUrl.split(".").pop();
259
+ var fileFormat = (_a = contentUrl.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
255
260
  if (fileFormat === "png" ||
256
261
  fileFormat === "jpg" ||
257
262
  fileFormat === "jpeg" ||
@@ -527,8 +532,8 @@ function PropertyCard(props) {
527
532
  React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
528
533
  " ",
529
534
  "Grundriss")))),
530
- React.createElement("div", { className: "listing-compact d-flex flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
531
- React.createElement("div", { className: "d-flex flex-column gap-3" },
535
+ React.createElement("div", { className: "listing-compact_test d-flex flex-column align-self-end col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
536
+ React.createElement("div", { className: "d-flex flex-column gap-3 justify-content-between mb-4", style: { height: "104px" } },
532
537
  React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
533
538
  React.createElement("span", { className: "propertyTitle align-items-start ", style: {
534
539
  paddingLeft: "32px",
@@ -539,47 +544,47 @@ function PropertyCard(props) {
539
544
  paddingTop: "21px",
540
545
  paddingLeft: "10px",
541
546
  } },
542
- React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
543
- React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
547
+ React.createElement("img", { src: shareIcon, alt: "Location Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
548
+ React.createElement("img", { src: moreIcon, alt: "Location Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
544
549
  React.createElement("div", { style: {
545
550
  paddingLeft: "32px",
546
551
  paddingRight: "32px",
547
552
  } },
548
553
  " ",
549
- React.createElement("div", { className: "location-wrapper" },
550
- React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
551
- React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A")))),
554
+ React.createElement("div", { className: "location-wrapper mb-1" },
555
+ React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "Vector-test" }),
556
+ React.createElement("span", { className: "locationTexts-test" }, props.property.city || "N/A")))),
552
557
  React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
553
558
  paddingLeft: "32px",
554
559
  paddingRight: "32px",
555
560
  } },
556
- React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
561
+ React.createElement("span", { className: "priceValue-test col-lg-4 col-md-4 col-sm-6 " },
557
562
  formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
558
563
  " \u20AC",
559
- React.createElement("div", { className: "price_label" }, "Kaufpreis")),
560
- React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
564
+ React.createElement("div", { className: "price_label-test" }, "Kaufpreis")),
565
+ React.createElement("span", { className: "text-dark value-test col-lg-5 col-md-5 col-sm-7" },
561
566
  props.property.constructedArea,
562
567
  " m\u00B2",
563
- React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
564
- React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
568
+ React.createElement("div", { className: "details-test" }, "Wohnfl\u00E4che")),
569
+ React.createElement("span", { className: "text-dark value-test col-lg-4 col-md-3 col-sm-6 text-truncate " },
565
570
  +((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
566
- React.createElement("div", { className: "details" }, "Zimmer")),
567
- React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
571
+ React.createElement("div", { className: "details-test" }, "Zimmer")),
572
+ React.createElement("span", { className: "text-dark value-test col-lg-4 col-md-3 col-sm-4 text-truncate " },
568
573
  +props.property.propertyArea,
569
574
  " m\u00B2",
570
- React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
575
+ React.createElement("div", { className: "details-test" }, "Grundst\u00FCck"))),
571
576
  React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
572
- React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
577
+ React.createElement("div", { className: " align-items-center d-flex flex-row gap-3", style: { marginBottom: "" } },
573
578
  props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
574
- React.createElement("span", { className: "layersText" }, "Denkmalschutz"))),
575
- props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
576
- React.createElement("span", { className: "layersText" }, "Keller"))),
577
- props.property.balcony && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
578
- React.createElement("span", { className: "layersText" }, "Balkon"))),
579
+ React.createElement("span", { className: "layersText_Test " }, "Denkmalschutz"))),
580
+ props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
581
+ React.createElement("span", { className: "layersText_Test " }, "Keller"))),
582
+ props.property.balcony && (React.createElement("label", { className: "secondLabel justify-content-center align-items-center" },
583
+ React.createElement("span", { className: "layersText_Test " }, "Balkon"))),
579
584
  props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
580
- React.createElement("span", { className: "layersText" }, "Terrace"))),
585
+ React.createElement("span", { className: "layersText_Test" }, "Terrace"))),
581
586
  props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
582
- React.createElement("span", { className: "layersText" }, "Gäste-WC"))))),
587
+ React.createElement("span", { className: "layersText_Test" }, "Gäste-WC"))))),
583
588
  props.Impliment && (React.createElement("div", { className: "", style: {
584
589
  paddingLeft: "32px",
585
590
  paddingRight: "32px",
@@ -589,19 +594,24 @@ function PropertyCard(props) {
589
594
  React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
590
595
  React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
591
596
  React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
592
- React.createElement("span", null, "Immogart UGh"))))),
593
- !props.Impliment && (React.createElement("div", { className: "", style: {
597
+ React.createElement("span", null, "Immogart UGh"),
598
+ React.createElement("button", { className: "kontactbutton_test text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
599
+ React.createElement("span", { className: "kontact-button-text" },
600
+ "Kontakt aufnehmen",
601
+ " ")))))),
602
+ !props.Impliment && (React.createElement("div", { className: "d-lex flex-column ", style: {
594
603
  paddingLeft: "32px",
595
604
  paddingRight: "32px",
605
+ // marginBottom: "32px",
596
606
  } },
597
- React.createElement("div", { className: "Frame-136 d-flex flex-row" },
607
+ React.createElement("div", { className: "Frame-136-test d-flex flex-row" },
598
608
  React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
599
609
  React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
600
610
  React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
601
611
  React.createElement("div", { className: "d-flex flex-column col-6" },
602
612
  React.createElement("span", { className: "" }, "Herr Florian Gauss"),
603
613
  React.createElement("span", null, "Immogart UGh")),
604
- React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
614
+ React.createElement("button", { className: "kontactbutton_test text-light ", onClick: handleMessagPopUp, role: "button" },
605
615
  React.createElement("span", { className: "kontact-button-text" },
606
616
  "Kontakt aufnehmen",
607
617
  " "))))))),