nestiq-component-library 1.1.143 → 1.1.145

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 (47) hide show
  1. package/dist/assets/images/Icon_rightArrow.svg +3 -0
  2. package/dist/assets/images/LayersIcon.svg +5 -0
  3. package/dist/assets/images/blackarrow-Right.svg +3 -0
  4. package/dist/assets/images/blckarrow-Left.svg +3 -0
  5. package/dist/assets/images/{card-arrow-left.55343410142dad3f.svg → card-arrow-left.28090aba4b4f2006.svg} +4 -4
  6. package/dist/assets/images/{card-arrow-right.60b3bf0e34c1800d.svg → card-arrow-right.c60af4cbbd49f3aa.svg} +4 -4
  7. package/dist/assets/images/chevron-left.svg +3 -0
  8. package/dist/assets/images/default-property.jpg +0 -0
  9. package/dist/assets/images/heartIcon.svg +3 -0
  10. package/dist/assets/images/icon-close-white.webp +0 -0
  11. package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
  12. package/dist/assets/images/icon_close_2.png +0 -0
  13. package/dist/assets/images/icon_gallery.svg +4 -0
  14. package/dist/assets/images/icon_map.svg +10 -0
  15. package/dist/assets/images/icon_share_1.svg +3 -0
  16. package/dist/assets/images/{imooly.b46514ac970e6052.svg → imooly.890e3dd01ea33574.svg} +7 -7
  17. package/dist/assets/images/layer_icon.svg +5 -0
  18. package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +4 -0
  19. package/dist/assets/images/locationIcon.svg +4 -0
  20. package/dist/assets/images/locationIconBlack.svg +4 -0
  21. package/dist/assets/images/{more.ce14789c8d37e327.svg → more.1e158adc48fbb406.svg} +12 -12
  22. package/dist/assets/images/no-image-icon.png +0 -0
  23. package/dist/components/Button/Button.js +6 -0
  24. package/dist/components/ImageListPopup/ImageListPopup.js +26 -0
  25. package/dist/components/MessagePopup/ErrorPopup.d.ts +7 -0
  26. package/dist/components/Popup/Popup.js +12 -0
  27. package/dist/components/SharePopup/PopUp.d.ts +7 -0
  28. package/dist/index.es.js +8 -8
  29. package/dist/index.es.js.map +1 -1
  30. package/dist/index.js +8 -8
  31. package/dist/index.js.map +1 -1
  32. package/package.json +1 -1
  33. package/rollup.config.mjs +36 -36
  34. package/src/assets/images/card-arrow-left.svg +4 -4
  35. package/src/assets/images/card-arrow-right.svg +4 -4
  36. package/src/assets/images/imooly.svg +7 -7
  37. package/src/assets/images/more.svg +12 -12
  38. package/src/components/FloorPlanPopup/FloorPlanPopup.css +3 -3
  39. package/src/components/FloorPlanPopup/FloorPlanPopup.tsx +83 -83
  40. package/src/components/ImageListPopup/ImageListPopup.css +83 -83
  41. package/src/components/ImageListPopup/ImageListPopup.tsx +141 -141
  42. package/src/components/NewPropertyCard/NewPropertyCard.tsx +358 -358
  43. package/src/components/Popup/Popup.tsx +29 -29
  44. package/src/components/PropertyImageList/PropertyImageList.tsx +213 -213
  45. package/src/components/ToastWrapper/ToastWrapper.tsx +25 -25
  46. package/src/models/message.model.ts +7 -7
  47. package/nestiq-component-library-1.1.143.tgz +0 -0
package/dist/index.js CHANGED
@@ -183,7 +183,7 @@ var iconLayers$1 = "/static/media/layer_icon.9b56c187199c44b5.svg";
183
183
  var css_248z$6 = ".mainImage {\r\n height: 80%;\r\n}\r\n\r\n.secondList {\r\n height: 20%;\r\n max-height: 121.6px;\r\n}\r\n\r\n.listImageButton {\r\n background-image: linear-gradient(to top, #000, #666);\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 121px;\r\n}\r\n\r\n.listImgText {\r\n height: 30px;\r\n font-size: 14px;\r\n line-height: 2.14;\r\n color: #fff;\r\n}\r\n\r\n.arroIconColour {\r\n height: 30px;\r\n fill: #fff !important;\r\n}\r\n\r\n.onImageArrow {\r\n width: 50px;\r\n height: 50px;\r\n padding: 23px 8px;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.blackArrow {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n\r\n.imagesArray {\r\n background-size: cover !important;\r\n}\r\n@media (max-width: 450px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 88vw;\r\n }\r\n}\r\n\r\n/* @media (min-width: 390px) and (max-width: 850px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 500px;\r\n width: 58vw;\r\n }\r\n} */\r\n@media (min-width: 768px) and (max-width: 819px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n@media (min-width: 820px) and (max-width: 850px) {\r\n .Pimagelist {\r\n }\r\n .mainImage {\r\n height: 80%;\r\n width: 58vw;\r\n }\r\n}\r\n\r\n.image-thumbnail {\r\n position: relative;\r\n transition: opacity 0.3s ease-in-out;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.image-thumbnail img {\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n}\r\n\r\n.image-thumbnail.greyed-out img {\r\n filter: grayscale(100%) brightness(50%);\r\n}\r\n\r\n.image-thumbnail.selected img {\r\n filter: none;\r\n border: 2px solid #007bff; /* Highlight border for selected image */\r\n}";
184
184
  styleInject(css_248z$6);
185
185
 
186
- var css_248z$5 = ".popup-header {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n padding: 1rem;\n position: absolute;\n top: 0;\n}\n\n.popup-title {\n color: white;\n font-size: 24px;\n font-weight: bold;\n}\n\n.btn-close {\n position: absolute;\n right: 1rem;\n top: 1rem;\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n}\n\n.popup-body {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1rem;\n position: relative;\n flex: 1;\n}\n\n.main-image {\n max-width: 100%;\n max-height: 80vh;\n border-radius: 8px;\n}\n\n.btn-prev,\n.btn-next {\n background: none;\n border: none;\n color: white;\n font-size: 48px;\n cursor: pointer;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.btn-prev {\n left: 10px;\n}\n\n.btn-next {\n right: 10px;\n}\n\n.popup-thumbnails {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 10px;\n padding: 1rem;\n}\n\n.thumbnail {\n width: 60px;\n height: 60px;\n object-fit: cover;\n border-radius: 8px;\n cursor: pointer;\n opacity: 0.6;\n}\n\n.thumbnail.active {\n border: 2px solid white;\n opacity: 1;\n}\n";
186
+ var css_248z$5 = ".popup-header {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1rem;\r\n position: absolute;\r\n top: 0;\r\n}\r\n\r\n.popup-title {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: bold;\r\n}\r\n\r\n.btn-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n}\r\n\r\n.popup-body {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n position: relative;\r\n flex: 1;\r\n}\r\n\r\n.main-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n}\r\n\r\n.btn-prev,\r\n.btn-next {\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 48px;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.btn-prev {\r\n left: 10px;\r\n}\r\n\r\n.btn-next {\r\n right: 10px;\r\n}\r\n\r\n.popup-thumbnails {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 1rem;\r\n}\r\n\r\n.thumbnail {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n opacity: 0.6;\r\n}\r\n\r\n.thumbnail.active {\r\n border: 2px solid white;\r\n opacity: 1;\r\n}\r\n";
187
187
  styleInject(css_248z$5);
188
188
 
189
189
  var iconClose = "/static/media/close.b5ce9141e80c688b.png";
@@ -235,17 +235,17 @@ function ImageListPopup(props) {
235
235
  React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
236
236
  React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
237
237
  React.createElement("div", { className: "d-flex flex-row" }),
238
- React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
238
+ React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList mt-4 " },
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 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 () {
242
242
  setCurrentImageIndex(index);
243
243
  imageListRef.current.scrollTo({
244
244
  left: index * 150,
245
245
  behavior: "smooth",
246
246
  });
247
247
  }, role: "button" },
248
- React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
248
+ React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-75 rounded-3 object-fit-cover" }))); }))))))))))));
249
249
  }
250
250
 
251
251
  var FloorPlanPopup = function (_a) {
@@ -452,15 +452,15 @@ var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
452
452
 
453
453
  var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
454
454
 
455
- var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
455
+ var moreIcon = "/static/media/more.1e158adc48fbb406.svg";
456
456
 
457
- var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
457
+ var arrowLeft = "/static/media/card-arrow-left.28090aba4b4f2006.svg";
458
458
 
459
- var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
459
+ var arrowRight = "/static/media/card-arrow-right.c60af4cbbd49f3aa.svg";
460
460
 
461
461
  var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
462
462
 
463
- var immooly = "/static/media/imooly.b46514ac970e6052.svg";
463
+ var immooly = "/static/media/imooly.890e3dd01ea33574.svg";
464
464
 
465
465
  function PropertyCard(props) {
466
466
  var _a, _b, _c, _d, _e, _f, _g;