nestiq-component-library 1.0.51 → 1.1.0

package/src/components/SharePopup/SharePopup.tsx

@@ -1,139 +1,139 @@
-import React, { useRef, useState } from "react";
-import email from "../../assets/images/envelope-fill.svg";
-import facebook from "../../assets/images/facebook.svg";
-import x from "../../assets/images/icon_close_2.png";
-import linkedln from "../../assets/images/linkedin.svg";
-import Xtwitter from "../../assets/images/twitter-x.svg";
-import whatsapp from "../../assets/images/whatsapp.svg";
-import "./SharePopup.css";
-import { toast } from "react-toastify";
-import "../../styles/common.css";
-
-export default function SharePopup() {
-  const [showPopUp, setShowPopUp] = useState(true);
-
-  const handleClose = () => {
-    setShowPopUp(false);
-  };
-  const urlInputRef = useRef<HTMLInputElement | null>(null);
-
-  const copyToClipboard = () => {
-    urlInputRef.current!.select();
-    document.execCommand("copy");
-    toast.success("URL copied to clipboard!");
-  };
-
-  return (
-    <div>
-      {showPopUp && (
-        <div className="popup-overlay">
-          <div className="shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
-            <div className="end-0 top-0 position-absolute ">
-              <img
-                src={x}
-                alt="close"
-                className="closeIcon me-2"
-                onClick={handleClose}
-              />
-            </div>
-            <div className="popUpHeader col-lg-12 d-flex justify-content-center mb-2">
-              Jetzt teilen und weitersagen!
-            </div>
-            <div className="h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto">
-              <a
-                href="https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq"
-                className="text-decoration-none"
-                target="blank"
-              >
-                <div className=" flex-column d-flex align-items-center">
-                  <img
-                    src={Xtwitter}
-                    alt="twitter"
-                    className="socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">Xtwitter</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de"
-                className="text-decoration-none"
-                target="blank"
-              >
-                <div className=" flex-column d-flex align-items-center">
-                  <img
-                    src={facebook}
-                    alt="facebook"
-                    className="socialMediaIcons "
-                  />
-                  <span className="socialMediaIconText">Facebook</span>
-                </div>
-              </a>
-
-              <a
-                href="https://api.whatsapp.com/send?text=https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img
-                    src={whatsapp}
-                    alt="whatsapp"
-                    className=" socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">WhatsApp</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img
-                    src={linkedln}
-                    alt="linkedin"
-                    className=" socialMediaIcons"
-                  />
-                  <span className="socialMediaIconText">LinkedIn</span>
-                </div>
-              </a>
-
-              <a
-                href="https://www.nestiq.de"
-                target="blank"
-                className="text-decoration-none"
-              >
-                <div className=" flex-column d-flex  align-items-center">
-                  <img src={email} alt="email" className=" socialMediaIcons" />
-                  <span className="socialMediaIconText">E-mail</span>
-                </div>
-              </a>
-            </div>
-            <div className="col-10 mx-auto">
-              <div className=" row align-items-center position-relative">
-                <input
-                  ref={urlInputRef}
-                  type="text"
-                  className="popup_search-input rounded-4 border border-0 "
-                  placeholder="Enter link here"
-                  value={window.location.href}
-                  readOnly
-                />
-                <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"
-                >
-                  <strong>Kopieren</strong>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
+import React, { useRef, useState } from "react";
+import email from "../../assets/images/envelope-fill.svg";
+import facebook from "../../assets/images/facebook.svg";
+import x from "../../assets/images/icon_close_2.png";
+import linkedln from "../../assets/images/linkedin.svg";
+import Xtwitter from "../../assets/images/twitter-x.svg";
+import whatsapp from "../../assets/images/whatsapp.svg";
+import "./SharePopup.css";
+import { toast } from "react-toastify";
+import "../../styles/common.css";
+
+export default function SharePopup() {
+  const [showPopUp, setShowPopUp] = useState(true);
+
+  const handleClose = () => {
+    setShowPopUp(false);
+  };
+  const urlInputRef = useRef<HTMLInputElement | null>(null);
+
+  const copyToClipboard = () => {
+    urlInputRef.current!.select();
+    document.execCommand("copy");
+    toast.success("URL copied to clipboard!");
+  };
+
+  return (
+    <div>
+      {showPopUp && (
+        <div className="popup-overlay">
+          <div className="shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4">
+            <div className="end-0 top-0 position-absolute ">
+              <img
+                src={x}
+                alt="close"
+                className="closeIcon me-2"
+                onClick={handleClose}
+              />
+            </div>
+            <div className="popUpHeader col-lg-12 d-flex justify-content-center mb-2">
+              Jetzt teilen und weitersagen!
+            </div>
+            <div className="h-25 col-lg-12 socialMediaIconsSection d-flex flex-row align-items-center justify-content-center mx-auto">
+              <a
+                href="https://twitter.com/intent/tweet?url=https://www.nestiq.de&text=Nestiq"
+                className="text-decoration-none"
+                target="blank"
+              >
+                <div className=" flex-column d-flex align-items-center">
+                  <img
+                    src={Xtwitter}
+                    alt="twitter"
+                    className="socialMediaIcons"
+                  />
+                  <span className="socialMediaIconText">Xtwitter</span>
+                </div>
+              </a>
+
+              <a
+                href="https://www.facebook.com/sharer/sharer.php?u=https://www.nestiq.de"
+                className="text-decoration-none"
+                target="blank"
+              >
+                <div className=" flex-column d-flex align-items-center">
+                  <img
+                    src={facebook}
+                    alt="facebook"
+                    className="socialMediaIcons "
+                  />
+                  <span className="socialMediaIconText">Facebook</span>
+                </div>
+              </a>
+
+              <a
+                href="https://api.whatsapp.com/send?text=https://www.nestiq.de"
+                target="blank"
+                className="text-decoration-none"
+              >
+                <div className=" flex-column d-flex  align-items-center">
+                  <img
+                    src={whatsapp}
+                    alt="whatsapp"
+                    className=" socialMediaIcons"
+                  />
+                  <span className="socialMediaIconText">WhatsApp</span>
+                </div>
+              </a>
+
+              <a
+                href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.nestiq.de"
+                target="blank"
+                className="text-decoration-none"
+              >
+                <div className=" flex-column d-flex  align-items-center">
+                  <img
+                    src={linkedln}
+                    alt="linkedin"
+                    className=" socialMediaIcons"
+                  />
+                  <span className="socialMediaIconText">LinkedIn</span>
+                </div>
+              </a>
+
+              <a
+                href="https://www.nestiq.de"
+                target="blank"
+                className="text-decoration-none"
+              >
+                <div className=" flex-column d-flex  align-items-center">
+                  <img src={email} alt="email" className=" socialMediaIcons" />
+                  <span className="socialMediaIconText">E-mail</span>
+                </div>
+              </a>
+            </div>
+            <div className="col-10 mx-auto">
+              <div className=" row align-items-center position-relative">
+                <input
+                  ref={urlInputRef}
+                  type="text"
+                  className="popup_search-input rounded-4 border border-0 "
+                  placeholder="Enter link here"
+                  value={window.location.href}
+                  readOnly
+                />
+                <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"
+                >
+                  <strong>Kopieren</strong>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/ToastWrapper/ToastWrapper.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { ToastContainer, toast } from "react-toastify";
-
-// Utility function to show a toast
-export const showToast = (
-  message: string,
-  type: "info" | "success" | "warning" | "error" = "info",
-) => {
-  toast(message, { type });
-};
-
-const ToastWrapper: React.FC = () => (
-  <ToastContainer
-    position="top-right"
-    autoClose={5000}
-    hideProgressBar={false}
-    closeOnClick
-    rtl={false}
-    pauseOnFocusLoss
-    draggable
-    pauseOnHover
-  />
-);
-
-export default ToastWrapper;
+import React from "react";
+import { ToastContainer, toast } from "react-toastify";
+
+// Utility function to show a toast
+export const showToast = (
+  message: string,
+  type: "info" | "success" | "warning" | "error" = "info",
+) => {
+  toast(message, { type });
+};
+
+const ToastWrapper: React.FC = () => (
+  <ToastContainer
+    position="top-right"
+    autoClose={5000}
+    hideProgressBar={false}
+    closeOnClick
+    rtl={false}
+    pauseOnFocusLoss
+    draggable
+    pauseOnHover
+  />
+);
+
+export default ToastWrapper;

package/src/functions/util.ts

@@ -0,0 +1,3 @@
+export function formatPrice(number: number): string {
+  return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+}

package/src/index.tsx

@@ -1,14 +1,20 @@
-import "react-toastify/dist/ReactToastify.css";
-
-export { default as Button } from "./components/Button/Button";
-export { default as Popup } from "./components/Popup/Popup";
-// export { default as ImageListPopup } from "./components/ImageListPopup/ImageListPopup";
-export { default as PropertyDetailsHeader } from "./components/PropertyDetailsHeader/PropertyDetailsHeader";
-export { default as PropertyImageList } from "./components/PropertyImageList//PropertyImageList";
-export { default as PropertyCard } from "./components/PropertyCard//PropertyCard";
-export { default as SharePopup } from "./components/SharePopup/SharePopup";
-export { default as FloorPlanPopup } from "./components/FloorPlanPopup/FloorPlanPopup";
-export {
-  default as ToastWrapper,
-  showToast,
-} from "./components/ToastWrapper/ToastWrapper";
+import "react-toastify/dist/ReactToastify.css";
+
+// COMPONENTS
+export { default as Button } from "./components/Button/Button";
+export { default as Popup } from "./components/Popup/Popup";
+// export { default as ImageListPopup } from "./components/ImageListPopup/ImageListPopup";
+export { default as PropertyDetailsHeader } from "./components/PropertyDetailsHeader/PropertyDetailsHeader";
+export { default as PropertyImageList } from "./components/PropertyImageList//PropertyImageList";
+export { default as PropertyCard } from "./components/PropertyCard//PropertyCard";
+export { default as SharePopup } from "./components/SharePopup/SharePopup";
+export { default as FloorPlanPopup } from "./components/FloorPlanPopup/FloorPlanPopup";
+
+// TOASTER WRAPPER AND FUNCTION
+export {
+  default as ToastWrapper,
+  showToast,
+} from "./components/ToastWrapper/ToastWrapper";
+
+// UTILITY FUNCTIONS
+export { formatPrice } from "./functions/util";

package/dist/assets/images/Icon_rightArrow.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-right" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
-</svg>

package/dist/assets/images/LayersIcon.svg

@@ -1,5 +0,0 @@
-<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="m16.855 5.147-8-4.572a.571.571 0 0 0-.567 0l-8 4.572a.571.571 0 0 0 .014 1l8 4.285a.571.571 0 0 0 .54 0l8-4.285a.571.571 0 0 0 .013-1zM8.572 9.28l-6.82-3.653 6.82-3.897 6.82 3.897-6.82 3.653z" fill="#031012"/>
-    <path d="M8.846 13.43 16.57 9.18V7.877l-8 4.4-8-4.4V9.18l7.725 4.249a.572.572 0 0 0 .55 0z" fill="#031012"/>
-    <path d="m.57 12.309 7.731 4.123a.572.572 0 0 0 .538 0l7.731-4.123v-1.295l-8 4.266-8-4.266v1.295z" fill="#031012"/>
-</svg>

package/dist/assets/images/blackarrow-Right.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
-</svg>

package/dist/assets/images/blckarrow-Left.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
-</svg>

package/dist/assets/images/chevron-left.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-left" viewBox="0 0 16 16">
-  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
-</svg>

package/dist/assets/images/heartIcon.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M27.24 2.467a7.97 7.97 0 0 0-11.275.004l-.966.978-.958-.976-.006-.006a7.97 7.97 0 0 0-11.27 0l-.43.43a7.97 7.97 0 0 0 0 11.27l11.354 11.356 1.282 1.343.03-.03.034.033 1.201-1.268L27.67 14.168a7.979 7.979 0 0 0 0-11.27l-.43-.431zm-.98 10.292L15.003 24.018l-11.26-11.26a5.977 5.977 0 0 1 0-8.452l.431-.43a5.977 5.977 0 0 1 8.45-.003l2.372 2.415 2.383-2.412a5.977 5.977 0 0 1 8.453 0l.43.43a5.984 5.984 0 0 1 0 8.453z" fill="#fff"/>
-</svg>

package/dist/assets/images/icon_gallery.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M18.242 1.29H4.297a1.76 1.76 0 0 0-1.758 1.757v.742h-.781A1.76 1.76 0 0 0 0 5.547v11.406c0 .97.789 1.758 1.758 1.758h13.945a1.76 1.76 0 0 0 1.758-1.758v-.742h.781A1.76 1.76 0 0 0 20 14.453V3.047a1.76 1.76 0 0 0-1.758-1.758zM4.297 2.46h13.945c.323 0 .586.264.586.587v5.508l-3.49-2.47a.586.586 0 0 0-.724.037L10 10.159l-2.114-1.85a.586.586 0 0 0-.748-.02l-3.427 2.693V3.047c0-.323.263-.586.586-.586zm11.992 14.493a.587.587 0 0 1-.586.586H1.758a.587.587 0 0 1-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0 .97.789 1.758 1.758 1.758h11.992v.742zm1.953-1.914H4.297a.587.587 0 0 1-.586-.586v-1.98L7.48 9.51l2.134 1.868c.221.193.55.193.772 0l4.652-4.071 3.79 2.683v4.462a.587.587 0 0 1-.586.586z" fill="#fff"/>
-    <path d="M10 7.46a1.838 1.838 0 0 0 1.836-1.835A1.838 1.838 0 0 0 10 3.789a1.838 1.838 0 0 0-1.836 1.836c0 1.012.824 1.836 1.836 1.836zm0-2.5a.665.665 0 1 1-.001 1.33A.665.665 0 0 1 10 4.96z" fill="#fff"/>
-</svg>

package/dist/assets/images/icon_map.svg

@@ -1,10 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#bq66l33lna)">
-        <path d="M19.286 0a.715.715 0 0 0-.32.075l-5.413 2.707-6.12-2.72C7.423.058 7.41.057 7.4.052a.741.741 0 0 0-.17-.044 1.063 1.063 0 0 0-.175 0 .742.742 0 0 0-.171.044c-.01.005-.022.005-.032.01L.424 2.919A.714.714 0 0 0 0 3.572v15.714a.714.714 0 0 0 1.004.653l6.139-2.729 6.138 2.729c.01.004.022 0 .033.006a.63.63 0 0 0 .54-.012c.012-.005.025 0 .036-.008l5.715-2.857a.714.714 0 0 0 .395-.64V.716A.714.714 0 0 0 19.286 0zM6.428 15.964l-5 2.222V4.036l5-2.222v14.15zm6.429 2.222-5-2.222V1.814l5 2.222v14.15zm5.714-2.199-4.286 2.143V4.013l4.286-2.143v14.117z" fill="#fff"/>
-    </g>
-    <defs>
-        <clipPath id="bq66l33lna">
-            <path fill="#fff" d="M0 0h20v20H0z"/>
-        </clipPath>
-    </defs>
-</svg>

package/dist/assets/images/icon_share_1.svg

@@ -1,3 +0,0 @@
-<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M22.046 9.9h-2.56a.937.937 0 1 0 0 1.875h2.56c.517 0 .938.42.938.937v12.26c0 .517-.42.938-.938.938H7.953a.939.939 0 0 1-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937 0 1 0 0-1.875h-2.56a2.816 2.816 0 0 0-2.812 2.812v12.26a2.816 2.816 0 0 0 2.812 2.813h14.093a2.816 2.816 0 0 0 2.813-2.813v-12.26A2.816 2.816 0 0 0 22.046 9.9zM11.504 8.007l2.59-2.59V17.76a.937.937 0 1 0 1.874 0V5.418l2.59 2.59a.934.934 0 0 0 1.326 0 .937.937 0 0 0 0-1.327l-4.19-4.19a.938.938 0 0 0-1.326 0l-4.19 4.19a.937.937 0 1 0 1.326 1.326z" fill="#000"/>
-</svg>

package/dist/assets/images/layer_icon.svg

@@ -1,5 +0,0 @@
-<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="m21.354 5.808-10-5.714a.714.714 0 0 0-.709 0l-10 5.714a.714.714 0 0 0 .017 1.25l10 5.357a.714.714 0 0 0 .675 0l10-5.357a.714.714 0 0 0 .017-1.25zM11 10.975 2.475 6.408 11 1.537l8.525 4.871L11 10.975z" fill="#fff"/>
-    <path d="m11.34 16.162 9.656-5.31V9.22l-10 5.5-10-5.5v1.63l9.656 5.31a.715.715 0 0 0 .688 0z" fill="#fff"/>
-    <path d="m.996 14.762 9.664 5.154a.714.714 0 0 0 .672 0l9.664-5.154v-1.62l-10 5.334-10-5.333v1.619z" fill="#fff"/>
-</svg>

package/dist/assets/images/locationIcon.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 4.725a2.208 2.208 0 1 0 .001 4.416 2.208 2.208 0 0 0 0-4.416zm0 3.312a1.104 1.104 0 1 1 .001-2.208 1.104 1.104 0 0 1 0 2.208z" fill="#fff"/>
-    <path d="M10.243 2.687a6 6 0 0 0-9.27 7.518l4.17 6.403a1.022 1.022 0 0 0 1.713 0l4.171-6.404a6 6 0 0 0-.784-7.517zm-.14 6.915L6 15.9 1.897 9.602a4.919 4.919 0 0 1 .64-6.135 4.896 4.896 0 0 1 6.925 0 4.919 4.919 0 0 1 .64 6.135z" fill="#fff"/>
-</svg>

package/dist/assets/images/locationIconBlack.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
-  <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10"/>
-  <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
-</svg>

package/dist/components/Button/Button.js

@@ -1,6 +0,0 @@
-import React from 'react';
-var Button = function (_a) {
-    var label = _a.label;
-    return React.createElement("button", null, label);
-};
-export default Button;

package/dist/components/ImageListPopup/ImageListPopup.js

@@ -1,26 +0,0 @@
-import React, { useState } from "react";
-import "bootstrap/dist/css/bootstrap.min.css";
-import "./ImageListPopup.css";
-var ImageListPopup = function (_a) {
-    var images = _a.images, onClose = _a.onClose;
-    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var handlePrevious = function () {
-        setCurrentIndex(function (prevIndex) { return (prevIndex > 0 ? prevIndex - 1 : prevIndex); });
-    };
-    var handleNext = function () {
-        setCurrentIndex(function (prevIndex) {
-            return prevIndex < images.length - 1 ? prevIndex + 1 : prevIndex;
-        });
-    };
-    return (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: "popup-container" },
-            React.createElement("div", { className: "popup-header" },
-                React.createElement("span", null, images[currentIndex].title),
-                React.createElement("button", { className: "btn-close", onClick: onClose })),
-            React.createElement("div", { className: "popup-body" },
-                React.createElement("img", { src: images[currentIndex].src, alt: images[currentIndex].title, className: "img-fluid" })),
-            React.createElement("div", { className: "popup-footer" }, images.length > 1 && (React.createElement(React.Fragment, null,
-                React.createElement("button", { className: "btn btn-secondary me-2", onClick: handlePrevious }, "Previous"),
-                React.createElement("button", { className: "btn btn-secondary", onClick: handleNext }, "Next")))))));
-};
-export default ImageListPopup;

package/dist/components/Popup/Popup.js

@@ -1,12 +0,0 @@
-import React from "react";
-import closeIcon from "src/assets/images/icon_close 2.png";
-import "./Popup.css";
-var Popup = function (_a) {
-    var onCloseClick = _a.onCloseClick, children = _a.children;
-    return (React.createElement("div", { className: "popup-overlay" },
-        React.createElement("div", { className: "shareSection  col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
-            React.createElement("div", { className: "end-0 top-0 position-absolute " },
-                React.createElement("img", { src: closeIcon, alt: "close", className: "closeIcon me-2", onClick: onCloseClick })),
-            children)));
-};
-export default Popup;

package/dist/components/SharePopup/PopUp.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import "./PopUp.css";
-interface Popupprops {
-    onClick: () => void;
-}
-export default function PopUp(props: Popupprops): React.JSX.Element;
-export {};