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