nestiq-component-library 1.1.0 → 1.1.1

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">X (Twitter)</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

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

package/src/index.tsx

@@ -1,20 +1,20 @@
-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";
+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";