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