nestiq-component-library 1.1.160 → 1.1.161
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/dist/assets/images/{card-arrow-left.28090aba4b4f2006.svg → card-arrow-left.55343410142dad3f.svg} +4 -4
- package/dist/assets/images/{card-arrow-right.c60af4cbbd49f3aa.svg → card-arrow-right.60b3bf0e34c1800d.svg} +4 -4
- package/dist/assets/images/{imooly.890e3dd01ea33574.svg → imooly.b46514ac970e6052.svg} +7 -7
- package/dist/assets/images/{more.1e158adc48fbb406.svg → more.ce14789c8d37e327.svg} +12 -12
- package/dist/components/NewPropertyCard/NewPropertyCard.d.ts +3 -3
- package/dist/components/SharePopup/SharePopup.d.ts +0 -3
- package/dist/index.es.js +21 -30
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +21 -30
- package/dist/index.js.map +1 -1
- package/nestiq-component-library-1.1.156.tgz +0 -0
- package/package.json +1 -1
- package/rollup.config.mjs +2 -2
- package/src/assets/images/card-arrow-left.svg +4 -4
- package/src/assets/images/card-arrow-right.svg +4 -4
- package/src/assets/images/imooly.svg +7 -7
- package/src/assets/images/more.svg +12 -12
- package/src/components/ImageListPopup/ImageListPopup.tsx +3 -3
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +19 -21
- package/src/components/SharePopup/SharePopup.tsx +2 -7
- package/dist/assets/images/Icon_rightArrow.svg +0 -3
- package/dist/assets/images/LayersIcon.svg +0 -5
- package/dist/assets/images/blackarrow-Right.svg +0 -3
- package/dist/assets/images/blckarrow-Left.svg +0 -3
- package/dist/assets/images/chevron-left.svg +0 -3
- package/dist/assets/images/default-property.jpg +0 -0
- package/dist/assets/images/heartIcon.svg +0 -3
- package/dist/assets/images/icon-close-white.webp +0 -0
- package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
- package/dist/assets/images/icon_close_2.png +0 -0
- package/dist/assets/images/icon_gallery.svg +0 -4
- package/dist/assets/images/icon_map.svg +0 -10
- package/dist/assets/images/icon_share_1.svg +0 -3
- package/dist/assets/images/layer_icon.svg +0 -5
- package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +0 -4
- package/dist/assets/images/locationIcon.svg +0 -4
- package/dist/assets/images/locationIconBlack.svg +0 -4
- package/dist/assets/images/no-image-icon.png +0 -0
- package/dist/components/Button/Button.js +0 -6
- package/dist/components/ImageListPopup/ImageListPopup.js +0 -26
- package/dist/components/MessagePopup/ErrorPopup.d.ts +0 -7
- package/dist/components/Popup/Popup.js +0 -12
- package/dist/components/SharePopup/PopUp.d.ts +0 -7
package/dist/index.js
CHANGED
|
@@ -74,8 +74,7 @@ var css_248z$7 = ".shareSection {\r\n height: 340px;\r\n padding: 40px;\r\n b
|
|
|
74
74
|
styleInject(css_248z$7);
|
|
75
75
|
|
|
76
76
|
function SharePopup(props) {
|
|
77
|
-
var _a;
|
|
78
|
-
var _b = React.useState(true), showPopUp = _b[0]; _b[1];
|
|
77
|
+
var _a = React.useState(true), showPopUp = _a[0]; _a[1];
|
|
79
78
|
var handleClose = function () {
|
|
80
79
|
props.onClick();
|
|
81
80
|
};
|
|
@@ -113,7 +112,7 @@ function SharePopup(props) {
|
|
|
113
112
|
React.createElement("span", { className: "socialMediaIconText" }, "E-Mail")))),
|
|
114
113
|
React.createElement("div", { className: "col-10 mx-auto" },
|
|
115
114
|
React.createElement("div", { className: " row align-items-center position-relative" },
|
|
116
|
-
React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value:
|
|
115
|
+
React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value: window.location.href, readOnly: true }),
|
|
117
116
|
React.createElement("button", { onClick: copyToClipboard, className: "popupcustom-button border border-0 position-absolute me-2 col-lg-3 col-md-3 col-sm-3 rounded-4 fs-6", type: "button", id: "button" },
|
|
118
117
|
React.createElement("strong", null, "Kopieren")))))))));
|
|
119
118
|
}
|
|
@@ -190,9 +189,8 @@ styleInject(css_248z$5);
|
|
|
190
189
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
191
190
|
|
|
192
191
|
function ImageListPopup(props) {
|
|
193
|
-
var _a,
|
|
194
|
-
var
|
|
195
|
-
var _d = React.useState(0), currentImageIndex = _d[0], setCurrentImageIndex = _d[1];
|
|
192
|
+
var _a = React.useState(true), showPopUp = _a[0], setShowPopUp = _a[1];
|
|
193
|
+
var _b = React.useState(0), currentImageIndex = _b[0], setCurrentImageIndex = _b[1];
|
|
196
194
|
var imageListRef = React.useRef(null);
|
|
197
195
|
var handleArrowClickInMainImage = function (direction) {
|
|
198
196
|
if (props.pictureUrls.length === 0)
|
|
@@ -219,14 +217,14 @@ function ImageListPopup(props) {
|
|
|
219
217
|
React.createElement("div", { className: " d-flex flex-column " },
|
|
220
218
|
React.createElement("div", { className: "d-flex align-self-end me-5 " },
|
|
221
219
|
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
|
|
222
|
-
React.createElement("span", { className: "text-white align-self-center" },
|
|
220
|
+
React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
|
|
223
221
|
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
224
222
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
225
223
|
React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
|
|
226
224
|
React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
|
|
227
225
|
React.createElement("div", { className: "p-2 bd-highlight" },
|
|
228
226
|
React.createElement("div", { className: " rounded-5 mainImage ", style: {
|
|
229
|
-
backgroundImage: "url(".concat(
|
|
227
|
+
backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
|
|
230
228
|
height: "465px",
|
|
231
229
|
width: "880px",
|
|
232
230
|
backgroundSize: "cover",
|
|
@@ -251,7 +249,7 @@ function ImageListPopup(props) {
|
|
|
251
249
|
width: "150px",
|
|
252
250
|
height: "150px",
|
|
253
251
|
} },
|
|
254
|
-
React.createElement("img", { src: picture
|
|
252
|
+
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
255
253
|
}
|
|
256
254
|
|
|
257
255
|
var FloorPlanPopup = function (_a) {
|
|
@@ -459,27 +457,29 @@ var noImageIcon = "/static/media/default-property.9987f19670be82b6.jpg";
|
|
|
459
457
|
|
|
460
458
|
var shareIcon = "/static/media/icon_share_1.b9ec05630dc1087e.svg";
|
|
461
459
|
|
|
462
|
-
var moreIcon = "/static/media/more.
|
|
460
|
+
var moreIcon = "/static/media/more.ce14789c8d37e327.svg";
|
|
463
461
|
|
|
464
|
-
var arrowLeft = "/static/media/card-arrow-left.
|
|
462
|
+
var arrowLeft = "/static/media/card-arrow-left.55343410142dad3f.svg";
|
|
465
463
|
|
|
466
|
-
var arrowRight = "/static/media/card-arrow-right.
|
|
464
|
+
var arrowRight = "/static/media/card-arrow-right.60b3bf0e34c1800d.svg";
|
|
467
465
|
|
|
468
466
|
var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
469
467
|
|
|
470
|
-
var immooly = "/static/media/imooly.
|
|
468
|
+
var immooly = "/static/media/imooly.b46514ac970e6052.svg";
|
|
471
469
|
|
|
472
470
|
function PropertyCard(props) {
|
|
473
|
-
var _a, _b, _c, _d, _e, _f, _g
|
|
474
|
-
var
|
|
475
|
-
var
|
|
476
|
-
var
|
|
471
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
472
|
+
var _h = React.useState(false); _h[0]; _h[1];
|
|
473
|
+
var _j = React.useState(null), mainImage = _j[0], setMainImage = _j[1];
|
|
474
|
+
var _k = React.useState(0), currentImageIndex = _k[0], setCurrentImageIndex = _k[1];
|
|
477
475
|
var imageListRef = React.useRef(null);
|
|
476
|
+
var _l = React.useState(false); _l[0]; _l[1];
|
|
478
477
|
var _m = React.useState(false); _m[0]; _m[1];
|
|
479
|
-
var _o = React.useState(false)
|
|
480
|
-
var _p = React.useState(false), sharePopUp = _p[0], setSharePopUp = _p[1];
|
|
478
|
+
var _o = React.useState(false), sharePopUp = _o[0], setSharePopUp = _o[1];
|
|
481
479
|
var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
|
|
482
|
-
? props.property.pictures
|
|
480
|
+
? props.property.pictures
|
|
481
|
+
.filter(function (picture) { return picture.pictureType.id === 2; })
|
|
482
|
+
.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
|
|
483
483
|
: [noImageIcon];
|
|
484
484
|
var floorPlanOnClick = function () {
|
|
485
485
|
props.onFloorPlanClick();
|
|
@@ -490,13 +490,6 @@ function PropertyCard(props) {
|
|
|
490
490
|
};
|
|
491
491
|
var handleSharePopUp = function () {
|
|
492
492
|
setSharePopUp(true);
|
|
493
|
-
// const path = document.querySelector(
|
|
494
|
-
// "#root > div:nth-child(3) > div:nth-child(3) > div.d-flex.px-lg-5.px-md-3.flex-column.col-12.filter-section-wrapper.mx-auto.mt-3 > div.mt-2.d-flex.flex-column.gap-4 > div:nth-child(1) > div:nth-child(3) > div > div > div.col-10.mx-auto > div > input"
|
|
495
|
-
// );
|
|
496
|
-
// console.log(path);
|
|
497
|
-
// if (path) {
|
|
498
|
-
// path.innerHTML = window.location.href + props.property.id;
|
|
499
|
-
// }
|
|
500
493
|
};
|
|
501
494
|
var handleArrowClickInMainImage = function (direction) {
|
|
502
495
|
if (!props.property || pictureUrls.length === 0)
|
|
@@ -621,9 +614,7 @@ function PropertyCard(props) {
|
|
|
621
614
|
React.createElement("span", { className: "kontact-button-text" },
|
|
622
615
|
"Kontakt aufnehmen",
|
|
623
616
|
" "))))))),
|
|
624
|
-
sharePopUp &&
|
|
625
|
-
override_location: (_h = props === null || props === void 0 ? void 0 : props.options) === null || _h === void 0 ? void 0 : _h.override_share_link,
|
|
626
|
-
}, onClick: function () { return setSharePopUp(false); } }))));
|
|
617
|
+
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
627
618
|
}
|
|
628
619
|
|
|
629
620
|
var x = "/static/media/icon_close_2.e41bb9a4db48e048.png";
|