nestiq-component-library 1.1.56 → 1.1.58

package/rollup.config.mjs

@@ -1,35 +1,36 @@
-import typescript from "rollup-plugin-typescript2";
-import url from "@rollup/plugin-url";
-import postcss from "rollup-plugin-postcss";
-import pkg from "./package.json" assert { type: "json" };
-
-export default {
-  input: "src/index.tsx",
-  output: [
-    {
-      file: pkg.main,
-      format: "cjs",
-      sourcemap: true,
-    },
-    {
-      file: pkg.module,
-      format: "es",
-      sourcemap: true,
-    },
-  ],
-  external: ["react", "react-dom"],
-  plugins: [
-    typescript(),
-    postcss({
-      extensions: [".css"],
-    }),
-    url({
-      include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
-      limit: 0,
-      emitFiles: true,
-      fileName: '[name].[hash][extname]',
-      destDir: 'dist/assets/images',
-      publicPath: `/static/media/`
-    })
-  ],
-};
+import typescript from "rollup-plugin-typescript2";
+import url from "@rollup/plugin-url";
+import postcss from "rollup-plugin-postcss";
+// import pkg from "./package.json" assert { type: "json" };
+import pkg from "./package.json" with { type: "json" };
+
+export default {
+  input: "src/index.tsx",
+  output: [
+    {
+      file: pkg.main,
+      format: "cjs",
+      sourcemap: true,
+    },
+    {
+      file: pkg.module,
+      format: "es",
+      sourcemap: true,
+    },
+  ],
+  external: ["react", "react-dom"],
+  plugins: [
+    typescript(),
+    postcss({
+      extensions: [".css"],
+    }),
+    url({
+      include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
+      limit: 0,
+      emitFiles: true,
+      fileName: '[name].[hash][extname]',
+      destDir: 'dist/assets/images',
+      publicPath: `/static/media/`
+    })
+  ],
+};

package/src/assets/images/card-arrow-left.svg

@@ -1,4 +1,4 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
-</svg>
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
+</svg>

package/src/assets/images/card-arrow-right.svg

@@ -1,4 +1,4 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
-</svg>
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
+</svg>

package/src/assets/images/more.svg

@@ -1,12 +1,12 @@
-<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#fxcoqj8dma)" fill="#313131">
-        <circle cx="2" cy="2" r="2"/>
-        <circle cx="2" cy="10" r="2"/>
-        <circle cx="2" cy="18" r="2"/>
-    </g>
-    <defs>
-        <clipPath id="fxcoqj8dma">
-            <path fill="#fff" d="M0 0h4v20H0z"/>
-        </clipPath>
-    </defs>
-</svg>
+<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#fxcoqj8dma)" fill="#313131">
+        <circle cx="2" cy="2" r="2"/>
+        <circle cx="2" cy="10" r="2"/>
+        <circle cx="2" cy="18" r="2"/>
+    </g>
+    <defs>
+        <clipPath id="fxcoqj8dma">
+            <path fill="#fff" d="M0 0h4v20H0z"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/components/FloorPlanPopup/FloorPlanPopup.css

@@ -1,3 +1,3 @@
-.mainImage {
-  height: 80%;
-}
+.mainImage {
+  height: 80%;
+}

package/src/components/FloorPlanPopup/FloorPlanPopup.tsx

@@ -1,83 +1,83 @@
-import React, { useEffect, useState } from "react";
-import iconClose from "../../assets/images/close.png";
-
-interface PopupProps {
-  contentUrl: string;
-  onCloseClick: () => void;
-}
-
-const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
-  const [isContentImage, setIsContentImage] = useState(false);
-
-  useEffect(() => {
-    if (contentUrl) {
-      const fileFormat = contentUrl.split(".").pop();
-      if (
-        fileFormat === "png" ||
-        fileFormat === "jpg" ||
-        fileFormat === "jpeg" ||
-        fileFormat === "svg"
-      ) {
-        setIsContentImage(true);
-      }
-    }
-  }, [contentUrl]);
-
-  const downloadButtonClickHandler = (): void => {
-    // Create a temporary anchor element
-    const link = document.createElement("a");
-    link.href = contentUrl;
-    link.setAttribute("download", ""); // This attribute hints the browser to download the file
-
-    // Append the anchor to the body and click it to trigger the download
-    document.body.appendChild(link);
-    link.click();
-
-    // Clean up: remove the anchor element
-    document.body.removeChild(link);
-  };
-  return (
-    <div className="popup-overlay">
-      <div className=" d-flex w-50 flex-column  col-6 ">
-        <div className="d-flex  align-self-end me-5 mt-5">
-          <img
-            src={iconClose}
-            alt="close"
-            className="closeIcon mt-5"
-            onClick={onCloseClick}
-          />
-        </div>
-        <div className="d-flex justify-content-center">
-          <div className="p-2 bd-highlight">
-            {isContentImage && (
-              <div
-                className="rounded-5 mainImage"
-                style={{
-                  backgroundImage: `url(${contentUrl})`,
-                  height: "350px",
-                  width: "600px",
-                  backgroundSize: "cover",
-                  backgroundPosition: "center",
-                }}
-              ></div>
-            )}
-            {!isContentImage && (
-              <div className="text-white text-center">
-                No Preview Available
-                <button
-                  className="btn btn-info"
-                  onClick={downloadButtonClickHandler}
-                >
-                  {" "}
-                  Download{" "}
-                </button>
-              </div>
-            )}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default FloorPlanPopup;
+import React, { useEffect, useState } from "react";
+import iconClose from "../../assets/images/close.png";
+
+interface PopupProps {
+  contentUrl: string;
+  onCloseClick: () => void;
+}
+
+const FloorPlanPopup: React.FC<PopupProps> = ({ contentUrl, onCloseClick }) => {
+  const [isContentImage, setIsContentImage] = useState(false);
+
+  useEffect(() => {
+    if (contentUrl) {
+      const fileFormat = contentUrl.split(".").pop();
+      if (
+        fileFormat === "png" ||
+        fileFormat === "jpg" ||
+        fileFormat === "jpeg" ||
+        fileFormat === "svg"
+      ) {
+        setIsContentImage(true);
+      }
+    }
+  }, [contentUrl]);
+
+  const downloadButtonClickHandler = (): void => {
+    // Create a temporary anchor element
+    const link = document.createElement("a");
+    link.href = contentUrl;
+    link.setAttribute("download", ""); // This attribute hints the browser to download the file
+
+    // Append the anchor to the body and click it to trigger the download
+    document.body.appendChild(link);
+    link.click();
+
+    // Clean up: remove the anchor element
+    document.body.removeChild(link);
+  };
+  return (
+    <div className="popup-overlay">
+      <div className=" d-flex w-50 flex-column  col-6 ">
+        <div className="d-flex  align-self-end me-5 mt-5">
+          <img
+            src={iconClose}
+            alt="close"
+            className="closeIcon mt-5"
+            onClick={onCloseClick}
+          />
+        </div>
+        <div className="d-flex justify-content-center">
+          <div className="p-2 bd-highlight">
+            {isContentImage && (
+              <div
+                className="rounded-5 mainImage"
+                style={{
+                  backgroundImage: `url(${contentUrl})`,
+                  height: "350px",
+                  width: "600px",
+                  backgroundSize: "cover",
+                  backgroundPosition: "center",
+                }}
+              ></div>
+            )}
+            {!isContentImage && (
+              <div className="text-white text-center">
+                No Preview Available
+                <button
+                  className="btn btn-info"
+                  onClick={downloadButtonClickHandler}
+                >
+                  {" "}
+                  Download{" "}
+                </button>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default FloorPlanPopup;

package/src/components/ImageListPopup/ImageListPopup.css

@@ -1,83 +1,83 @@
-.popup-header {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  padding: 1rem;
-  position: absolute;
-  top: 0;
-}
-
-.popup-title {
-  color: white;
-  font-size: 24px;
-  font-weight: bold;
-}
-
-.btn-close {
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  background: none;
-  border: none;
-  color: white;
-  font-size: 24px;
-  cursor: pointer;
-}
-
-.popup-body {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1rem;
-  position: relative;
-  flex: 1;
-}
-
-.main-image {
-  max-width: 100%;
-  max-height: 80vh;
-  border-radius: 8px;
-}
-
-.btn-prev,
-.btn-next {
-  background: none;
-  border: none;
-  color: white;
-  font-size: 48px;
-  cursor: pointer;
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.btn-prev {
-  left: 10px;
-}
-
-.btn-next {
-  right: 10px;
-}
-
-.popup-thumbnails {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  padding: 1rem;
-}
-
-.thumbnail {
-  width: 60px;
-  height: 60px;
-  object-fit: cover;
-  border-radius: 8px;
-  cursor: pointer;
-  opacity: 0.6;
-}
-
-.thumbnail.active {
-  border: 2px solid white;
-  opacity: 1;
-}
+.popup-header {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  padding: 1rem;
+  position: absolute;
+  top: 0;
+}
+
+.popup-title {
+  color: white;
+  font-size: 24px;
+  font-weight: bold;
+}
+
+.btn-close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  background: none;
+  border: none;
+  color: white;
+  font-size: 24px;
+  cursor: pointer;
+}
+
+.popup-body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem;
+  position: relative;
+  flex: 1;
+}
+
+.main-image {
+  max-width: 100%;
+  max-height: 80vh;
+  border-radius: 8px;
+}
+
+.btn-prev,
+.btn-next {
+  background: none;
+  border: none;
+  color: white;
+  font-size: 48px;
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.btn-prev {
+  left: 10px;
+}
+
+.btn-next {
+  right: 10px;
+}
+
+.popup-thumbnails {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  padding: 1rem;
+}
+
+.thumbnail {
+  width: 60px;
+  height: 60px;
+  object-fit: cover;
+  border-radius: 8px;
+  cursor: pointer;
+  opacity: 0.6;
+}
+
+.thumbnail.active {
+  border: 2px solid white;
+  opacity: 1;
+}