@stokr/components-library 3.0.72 → 3.0.74

package/dist/utils/copy-text-to-clipboard.js

@@ -0,0 +1,42 @@
+const copyViaTextarea = (text) => {
+  const previouslyFocused = document.activeElement;
+  const textArea = document.createElement("textarea");
+  textArea.value = text;
+  textArea.setAttribute("readonly", "");
+  textArea.style.position = "fixed";
+  textArea.style.left = "-999999px";
+  textArea.style.top = "-999999px";
+  document.body.appendChild(textArea);
+  try {
+    textArea.focus();
+    textArea.select();
+    return document.execCommand("copy");
+  } finally {
+    textArea.remove();
+    previouslyFocused?.focus?.();
+  }
+};
+const copyTextToClipboard = async (text, onCopy, onError) => {
+  if (navigator.clipboard && window.isSecureContext) {
+    try {
+      await navigator.clipboard.writeText(text);
+      onCopy?.(text, true);
+      return true;
+    } catch {
+    }
+  }
+  try {
+    if (copyViaTextarea(text)) {
+      onCopy?.(text, true);
+      return true;
+    }
+    onError?.(new Error("Failed to copy text"));
+    return false;
+  } catch (error) {
+    onError?.(error);
+    return false;
+  }
+};
+export {
+  copyTextToClipboard
+};

package/dist/utils/copyToClipboard.js

@@ -1,39 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import React__default, { useState } from "react";
+import React__default from "react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { CopyToClipboard as CopyToClipboard2 } from "react-copy-to-clipboard";
-import { Tooltip } from "react-tippy";
-import { CopyToClipboardButton } from "../components/CryptoAddress/CryptoAddress.styles.js";
-const copyTextToClipboard = async (text, onCopy, onError) => {
-  try {
-    if (navigator.clipboard && window.isSecureContext) {
-      await navigator.clipboard.writeText(text);
-      if (onCopy) onCopy(text, true);
-      return true;
-    } else {
-      const textArea = document.createElement("textarea");
-      textArea.value = text;
-      textArea.style.position = "fixed";
-      textArea.style.left = "-999999px";
-      textArea.style.top = "-999999px";
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      const successful = document.execCommand("copy");
-      document.body.removeChild(textArea);
-      if (successful) {
-        if (onCopy) onCopy(text, true);
-        return true;
-      } else {
-        if (onError) onError(new Error("Failed to copy text"));
-        return false;
-      }
-    }
-  } catch (error) {
-    if (onError) onError(error);
-    return false;
-  }
-};
+import { copyTextToClipboard } from "./copy-text-to-clipboard.js";
+import { CopyToClipboardTooltip } from "../components/CopyToClipboardTooltip/CopyToClipboardTooltip.js";
 const withCopyToClipboard = (WrappedComponent, options = {}) => {
   const { textProp = "text", onCopyProp = "onCopy", onErrorProp = "onError" } = options;
   return function CopyToClipboardWrapper(props) {
@@ -67,25 +37,11 @@ const useCopyToClipboard = (text) => {
   );
   return { copy, copied };
 };
-const CopyToClipBoardTooltip = ({ value, buttonStyle }) => {
-  const [copied, setCopied] = useState(false);
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      position: "top",
-      title: copied ? "Copied to clipboard!" : "Click to copy to clipboard.",
-      theme: "light",
-      arrow: true,
-      hideOnClick: false,
-      onHidden: () => setCopied(false),
-      duration: 200,
-      children: /* @__PURE__ */ jsx(CopyToClipboard, { text: value, onCopy: () => setCopied(true), children: /* @__PURE__ */ jsx(CopyToClipboardButton, { style: buttonStyle }) })
-    }
-  );
-};
+const CopyToClipBoardTooltip = CopyToClipboardTooltip;
 export {
   CopyToClipBoardTooltip,
   CopyToClipboard2 as CopyToClipboard,
+  CopyToClipboardTooltip,
   copyTextToClipboard,
   useCopyToClipboard,
   withCopyToClipboard

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.72",
+  "version": "3.0.74",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",
@@ -54,6 +54,7 @@
     "serve": "npx http-server ./storybook-static -p 9009"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.20",
     "@lottiefiles/dotlottie-react": "^0.19.4",
     "axios": "^1.13.5",
     "country-flag-icons": "^1.6.17",
@@ -81,7 +82,6 @@
     "react-select": "^5.7.0",
     "react-slick": "^0.31.0",
     "react-table": "^7.8.0",
-    "react-tippy": "^1.4.0",
     "slick-carousel": "^1.8.1",
     "yup": "^1.0.0"
   },