nestiq-component-library 1.1.158 → 1.1.160
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/index.js
CHANGED
|
@@ -190,8 +190,9 @@ styleInject(css_248z$5);
|
|
|
190
190
|
var iconClose = "/static/media/close.b5ce9141e80c688b.png";
|
|
191
191
|
|
|
192
192
|
function ImageListPopup(props) {
|
|
193
|
-
var _a
|
|
194
|
-
var
|
|
193
|
+
var _a, _b;
|
|
194
|
+
var _c = React.useState(true), showPopUp = _c[0], setShowPopUp = _c[1];
|
|
195
|
+
var _d = React.useState(0), currentImageIndex = _d[0], setCurrentImageIndex = _d[1];
|
|
195
196
|
var imageListRef = React.useRef(null);
|
|
196
197
|
var handleArrowClickInMainImage = function (direction) {
|
|
197
198
|
if (props.pictureUrls.length === 0)
|
|
@@ -218,14 +219,14 @@ function ImageListPopup(props) {
|
|
|
218
219
|
React.createElement("div", { className: " d-flex flex-column " },
|
|
219
220
|
React.createElement("div", { className: "d-flex align-self-end me-5 " },
|
|
220
221
|
React.createElement("img", { src: iconClose, alt: "close", className: "closeIcon", onClick: handleClose })),
|
|
221
|
-
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),
|
|
222
223
|
React.createElement("div", { className: "d-flex justify-content-center" },
|
|
223
224
|
React.createElement("div", { className: "p-2 bd-highlight align-self-center align-items-center me-5" },
|
|
224
225
|
React.createElement("div", { className: "rounded-circle border onImageArrow start-0 d-flex ", role: "button", onClick: function () { return handleArrowClickInMainImage("left"); } },
|
|
225
226
|
React.createElement("img", { src: blcIconArrowLeft, className: "blackArrow align-self-center", alt: "Left Arrow" }))),
|
|
226
227
|
React.createElement("div", { className: "p-2 bd-highlight" },
|
|
227
228
|
React.createElement("div", { className: " rounded-5 mainImage ", style: {
|
|
228
|
-
backgroundImage: "url(".concat(props.pictureUrls[currentImageIndex].url, ")"),
|
|
229
|
+
backgroundImage: "url(".concat((_b = props.pictureUrls[currentImageIndex]) === null || _b === void 0 ? void 0 : _b.url, ")"),
|
|
229
230
|
height: "465px",
|
|
230
231
|
width: "880px",
|
|
231
232
|
backgroundSize: "cover",
|
|
@@ -250,7 +251,7 @@ function ImageListPopup(props) {
|
|
|
250
251
|
width: "150px",
|
|
251
252
|
height: "150px",
|
|
252
253
|
} },
|
|
253
|
-
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
254
|
+
React.createElement("img", { src: picture === null || picture === void 0 ? void 0 : picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
254
255
|
}
|
|
255
256
|
|
|
256
257
|
var FloorPlanPopup = function (_a) {
|