nestiq-component-library 1.1.157 → 1.1.159
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/components/NewPropertyCard/NewPropertyCard.d.ts +3 -0
- package/dist/components/SharePopup/SharePopup.d.ts +3 -0
- package/dist/index.es.js +23 -17
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +23 -17
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ImageListPopup/ImageListPopup.tsx +1 -1
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +18 -8
- package/src/components/SharePopup/SharePopup.tsx +7 -2
package/dist/index.js
CHANGED
|
@@ -74,7 +74,8 @@ 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
|
|
77
|
+
var _a;
|
|
78
|
+
var _b = React.useState(true), showPopUp = _b[0]; _b[1];
|
|
78
79
|
var handleClose = function () {
|
|
79
80
|
props.onClick();
|
|
80
81
|
};
|
|
@@ -112,7 +113,7 @@ function SharePopup(props) {
|
|
|
112
113
|
React.createElement("span", { className: "socialMediaIconText" }, "E-Mail")))),
|
|
113
114
|
React.createElement("div", { className: "col-10 mx-auto" },
|
|
114
115
|
React.createElement("div", { className: " row align-items-center position-relative" },
|
|
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 }),
|
|
116
|
+
React.createElement("input", { ref: urlInputRef, type: "text", className: "popup_search-input rounded-4 border border-0 ", placeholder: "Enter link here", value: ((_a = props === null || props === void 0 ? void 0 : props.options) === null || _a === void 0 ? void 0 : _a.override_location) || window.location.href, readOnly: true }),
|
|
116
117
|
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" },
|
|
117
118
|
React.createElement("strong", null, "Kopieren")))))))));
|
|
118
119
|
}
|
|
@@ -189,8 +190,9 @@ styleInject(css_248z$5);
|
|
|
189
190
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
190
191
|
|
|
191
192
|
function ImageListPopup(props) {
|
|
192
|
-
var _a
|
|
193
|
-
var _b = React.useState(
|
|
193
|
+
var _a;
|
|
194
|
+
var _b = React.useState(true), showPopUp = _b[0], setShowPopUp = _b[1];
|
|
195
|
+
var _c = React.useState(0), currentImageIndex = _c[0], setCurrentImageIndex = _c[1];
|
|
194
196
|
var imageListRef = React.useRef(null);
|
|
195
197
|
var handleArrowClickInMainImage = function (direction) {
|
|
196
198
|
if (props.pictureUrls.length === 0)
|
|
@@ -217,7 +219,7 @@ function ImageListPopup(props) {
|
|
|
217
219
|
React.createElement("div", { className: " d-flex flex-column " },
|
|
218
220
|
React.createElement("div", { className: "d-flex align-self-end me-5 " },
|
|
219
221
|
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
|
|
220
|
-
React.createElement("span", { className: "text-white align-self-center" }, props.pictureUrls[currentImageIndex].title),
|
|
222
|
+
React.createElement("span", { className: "text-white align-self-center" }, (_a = props.pictureUrls[currentImageIndex]) === null || _a === void 0 ? void 0 : _a.title),
|
|
221
223
|
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
222
224
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
223
225
|
React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
|
|
@@ -468,14 +470,14 @@ var iconLayers = "/static/media/layer_icon.9b56c187199c44b5.svg";
|
|
|
468
470
|
var immooly = "/static/media/imooly.890e3dd01ea33574.svg";
|
|
469
471
|
|
|
470
472
|
function PropertyCard(props) {
|
|
471
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
472
|
-
var
|
|
473
|
-
var
|
|
474
|
-
var
|
|
473
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
474
|
+
var _j = React.useState(false); _j[0]; _j[1];
|
|
475
|
+
var _k = React.useState(null), mainImage = _k[0], setMainImage = _k[1];
|
|
476
|
+
var _l = React.useState(0), currentImageIndex = _l[0], setCurrentImageIndex = _l[1];
|
|
475
477
|
var imageListRef = React.useRef(null);
|
|
476
|
-
var _l = React.useState(false); _l[0]; _l[1];
|
|
477
478
|
var _m = React.useState(false); _m[0]; _m[1];
|
|
478
|
-
var _o = React.useState(false)
|
|
479
|
+
var _o = React.useState(false); _o[0]; _o[1];
|
|
480
|
+
var _p = React.useState(false), sharePopUp = _p[0], setSharePopUp = _p[1];
|
|
479
481
|
var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
|
|
480
482
|
? props.property.pictures.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
|
|
481
483
|
: [noImageIcon];
|
|
@@ -488,11 +490,13 @@ function PropertyCard(props) {
|
|
|
488
490
|
};
|
|
489
491
|
var handleSharePopUp = function () {
|
|
490
492
|
setSharePopUp(true);
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
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
|
+
// }
|
|
496
500
|
};
|
|
497
501
|
var handleArrowClickInMainImage = function (direction) {
|
|
498
502
|
if (!props.property || pictureUrls.length === 0)
|
|
@@ -617,7 +621,9 @@ function PropertyCard(props) {
|
|
|
617
621
|
React.createElement("span", { className: "kontact-button-text" },
|
|
618
622
|
"Kontakt aufnehmen",
|
|
619
623
|
" "))))))),
|
|
620
|
-
sharePopUp && React.createElement(SharePopup, {
|
|
624
|
+
sharePopUp && (React.createElement(SharePopup, { options: {
|
|
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); } }))));
|
|
621
627
|
}
|
|
622
628
|
|
|
623
629
|
var x = "/static/media/icon_close_2.e41bb9a4db48e048.png";
|