@payloadcms/ui 3.51.0-canary.5 → 3.51.0-internal.62eeed3

package/dist/elements/CopyToClipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAK/C,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuC3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/CopyToClipboard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC3C,CAAA"}

package/dist/elements/CopyToClipboard/index.js

@@ -1,54 +1,99 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef, useState } from 'react';
+import React, { useState } from 'react';
 import { CopyIcon } from '../../icons/Copy/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.scss';
 const baseClass = 'copy-to-clipboard';
-export const CopyToClipboard = ({
-  defaultMessage,
-  successMessage,
-  value
-}) => {
-  const ref = useRef(null);
+export const CopyToClipboard = t0 => {
+  const $ = _c(19);
+  const {
+    defaultMessage,
+    successMessage,
+    value
+  } = t0;
   const [copied, setCopied] = useState(false);
   const [hovered, setHovered] = useState(false);
   const {
     t
   } = useTranslation();
   if (value) {
-    return /*#__PURE__*/_jsxs("button", {
-      className: baseClass,
-      onClick: () => {
-        if (ref && ref.current) {
-          ref.current.select();
-          ref.current.setSelectionRange(0, value.length + 1);
-          document.execCommand('copy');
-          setCopied(true);
-        }
-      },
-      onMouseEnter: () => {
+    let t1;
+    if ($[0] !== value) {
+      t1 = async () => {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+      };
+      $[0] = value;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    let t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = () => {
         setHovered(true);
         setCopied(false);
-      },
-      onMouseLeave: () => {
+      };
+      t3 = () => {
         setHovered(false);
         setCopied(false);
-      },
-      type: "button",
-      children: [/*#__PURE__*/_jsx(CopyIcon, {}), /*#__PURE__*/_jsxs(Tooltip, {
-        delay: copied ? 0 : undefined,
-        show: hovered || copied,
-        children: [copied && (successMessage ?? t('general:copied')), !copied && (defaultMessage ?? t('general:copy'))]
-      }), /*#__PURE__*/_jsx("textarea", {
-        readOnly: true,
-        ref: ref,
-        tabIndex: -1,
-        value: value
-      })]
-    });
+      };
+      $[2] = t2;
+      $[3] = t3;
+    } else {
+      t2 = $[2];
+      t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== copied || $[5] !== defaultMessage || $[6] !== hovered || $[7] !== successMessage || $[8] !== t || $[9] !== t1) {
+      let t5;
+      if ($[11] !== copied || $[12] !== successMessage || $[13] !== t) {
+        t5 = copied && (successMessage ?? t("general:copied"));
+        $[11] = copied;
+        $[12] = successMessage;
+        $[13] = t;
+        $[14] = t5;
+      } else {
+        t5 = $[14];
+      }
+      let t6;
+      if ($[15] !== copied || $[16] !== defaultMessage || $[17] !== t) {
+        t6 = !copied && (defaultMessage ?? t("general:copy"));
+        $[15] = copied;
+        $[16] = defaultMessage;
+        $[17] = t;
+        $[18] = t6;
+      } else {
+        t6 = $[18];
+      }
+      t4 = _jsxs("button", {
+        className: baseClass,
+        onClick: t1,
+        onMouseEnter: t2,
+        onMouseLeave: t3,
+        type: "button",
+        children: [_jsx(CopyIcon, {}), _jsxs(Tooltip, {
+          delay: copied ? 0 : undefined,
+          show: hovered || copied,
+          children: [t5, t6]
+        })]
+      });
+      $[4] = copied;
+      $[5] = defaultMessage;
+      $[6] = hovered;
+      $[7] = successMessage;
+      $[8] = t;
+      $[9] = t1;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    return t4;
   }
   return null;
 };

package/dist/elements/CopyToClipboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","defaultMessage","successMessage","value","ref","copied","setCopied","hovered","setHovered","t","_jsxs","className","onClick","current","select","setSelectionRange","length","document","execCommand","onMouseEnter","onMouseLeave","type","_jsx","delay","undefined","show","readOnly","tabIndex"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef, useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const ref = useRef(null)\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={() => {\n          if (ref && ref.current) {\n            ref.current.select()\n            ref.current.setSelectionRange(0, value.length + 1)\n            document.execCommand('copy')\n            setCopied(true)\n          }\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n        <textarea readOnly ref={ref} tabIndex={-1} value={value} />\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,MAAM,EAAEC,QAAQ,QAAQ;AAExC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCA,CAAC;EAAEC,cAAc;EAAEC,cAAc;EAAEC;AAAK,CAAE;EACxF,MAAMC,GAAA,GAAMV,MAAA,CAAO;EACnB,MAAM,CAACW,MAAA,EAAQC,SAAA,CAAU,GAAGX,QAAA,CAAS;EACrC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGb,QAAA,CAAS;EACvC,MAAM;IAAEc;EAAC,CAAE,GAAGZ,cAAA;EAEd,IAAIM,KAAA,EAAO;IACT,oBACEO,KAAA,CAAC;MACCC,SAAA,EAAWZ,SAAA;MACXa,OAAA,EAASA,CAAA;QACP,IAAIR,GAAA,IAAOA,GAAA,CAAIS,OAAO,EAAE;UACtBT,GAAA,CAAIS,OAAO,CAACC,MAAM;UAClBV,GAAA,CAAIS,OAAO,CAACE,iBAAiB,CAAC,GAAGZ,KAAA,CAAMa,MAAM,GAAG;UAChDC,QAAA,CAASC,WAAW,CAAC;UACrBZ,SAAA,CAAU;QACZ;MACF;MACAa,YAAA,EAAcA,CAAA;QACZX,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAc,YAAA,EAAcA,CAAA;QACZZ,UAAA,CAAW;QACXF,SAAA,CAAU;MACZ;MACAe,IAAA,EAAK;8BAELC,IAAA,CAAC1B,QAAA,O,aACDc,KAAA,CAACZ,OAAA;QAAQyB,KAAA,EAAOlB,MAAA,GAAS,IAAImB,SAAA;QAAWC,IAAA,EAAMlB,OAAA,IAAWF,MAAA;mBACtDA,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,iBAAgB,GAC/C,CAACJ,MAAA,KAAWJ,cAAA,IAAkBQ,CAAA,CAAE,eAAc;uBAEjDa,IAAA,CAAC;QAASI,QAAQ;QAACtB,GAAA,EAAKA,GAAA;QAAKuB,QAAA,EAAU,CAAC;QAAGxB,KAAA,EAAOA;;;EAGxD;EAEA,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","CopyIcon","useTranslation","Tooltip","baseClass","CopyToClipboard","t0","$","defaultMessage","successMessage","value","copied","setCopied","hovered","setHovered","t","t1","navigator","clipboard","writeText","t2","t3","Symbol","for","t4","t5","t6","_jsxs","className","onClick","onMouseEnter","onMouseLeave","type","children","_jsx","delay","undefined","show"],"sources":["../../../src/elements/CopyToClipboard/index.tsx"],"sourcesContent":["'use client'\nimport React, { useState } from 'react'\n\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.scss'\n\nconst baseClass = 'copy-to-clipboard'\n\nexport type Props = {\n  defaultMessage?: string\n  successMessage?: string\n  value?: string\n}\n\nexport const CopyToClipboard: React.FC<Props> = ({ defaultMessage, successMessage, value }) => {\n  const [copied, setCopied] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  if (value) {\n    return (\n      <button\n        className={baseClass}\n        onClick={async () => {\n          await navigator.clipboard.writeText(value)\n          setCopied(true)\n        }}\n        onMouseEnter={() => {\n          setHovered(true)\n          setCopied(false)\n        }}\n        onMouseLeave={() => {\n          setHovered(false)\n          setCopied(false)\n        }}\n        type=\"button\"\n      >\n        <CopyIcon />\n        <Tooltip delay={copied ? 0 : undefined} show={hovered || copied}>\n          {copied && (successMessage ?? t('general:copied'))}\n          {!copied && (defaultMessage ?? t('general:copy'))}\n        </Tooltip>\n      </button>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,eAAA,GAAmCC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,cAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAAyC;EACxF,OAAAK,MAAA,EAAAC,SAAA,IAA4BZ,QAAA,MAAS;EACrC,OAAAa,OAAA,EAAAC,UAAA,IAA8Bd,QAAA,MAAS;EACvC;IAAAe;EAAA,IAAcb,cAAA;EAAA,IAEVQ,KAAA;IAAA,IAAAM,EAAA;IAAA,IAAAT,CAAA,QAAAG,KAAA;MAIWM,EAAA,SAAAA,CAAA;QAAA,MACDC,SAAA,CAAAC,SAAA,CAAAC,SAAA,CAA8BT,KAAA;QACpCE,SAAA,KAAU;MAAA;MACZL,CAAA,MAAAG,KAAA;MAAAH,CAAA,MAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAAA,IAAAa,EAAA;IAAA,IAAAC,EAAA;IAAA,IAAAd,CAAA,QAAAe,MAAA,CAAAC,GAAA;MACcH,EAAA,GAAAA,CAAA;QACZN,UAAA,KAAW;QACXF,SAAA,MAAU;MAAA;MAEES,EAAA,GAAAA,CAAA;QACZP,UAAA,MAAW;QACXF,SAAA,MAAU;MAAA;MACZL,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAD,EAAA,GAAAb,CAAA;MAAAc,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAiB,EAAA;IAAA,IAAAjB,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAQ,CAAA,IAAAR,CAAA,QAAAS,EAAA;MAAA,IAAAS,EAAA;MAAA,IAAAlB,CAAA,SAAAI,MAAA,IAAAJ,CAAA,SAAAE,cAAA,IAAAF,CAAA,SAAAQ,CAAA;QAKGU,EAAA,GAAAd,MAAA,KAAWF,cAAA,IAAkBM,CAAA,CAAE,iBAAgB;QAAAR,CAAA,OAAAI,MAAA;QAAAJ,CAAA,OAAAE,cAAA;QAAAF,CAAA,OAAAQ,CAAA;QAAAR,CAAA,OAAAkB,EAAA;MAAA;QAAAA,EAAA,GAAAlB,CAAA;MAAA;MAAA,IAAAmB,EAAA;MAAA,IAAAnB,CAAA,SAAAI,MAAA,IAAAJ,CAAA,SAAAC,cAAA,IAAAD,CAAA,SAAAQ,CAAA;QAC/CW,EAAA,IAACf,MAAA,KAAWH,cAAA,IAAkBO,CAAA,CAAE,eAAc;QAAAR,CAAA,OAAAI,MAAA;QAAAJ,CAAA,OAAAC,cAAA;QAAAD,CAAA,OAAAQ,CAAA;QAAAR,CAAA,OAAAmB,EAAA;MAAA;QAAAA,EAAA,GAAAnB,CAAA;MAAA;MAnBnDiB,EAAA,GAAAG,KAAA,CAAC;QAAAC,SAAA,EAAAxB,SAAA;QAAAyB,OAAA,EAEUb,EAGT;QAAAc,YAAA,EACcV,EAGd;QAAAW,YAAA,EACcV,EAGd;QAAAW,IAAA,EACK;QAAAC,QAAA,GAELC,IAAA,CAAAjC,QAAA,IAAC,GACD0B,KAAA,CAAAxB,OAAA;UAAAgC,KAAA,EAAgBxB,MAAA,OAAAyB,SAAa;UAAAC,IAAA,EAAiBxB,OAAA,IAAWF,MAAA;UAAAsB,QAAA,GACtDR,EAA+C,EAC/CC,EAA8C;QAAA,C;;;;;;;;;;;;WAnBnDF,E;;;CA0BN","ignoreList":[]}

package/dist/elements/CopyToClipboard/index.scss

@@ -8,14 +8,6 @@
     vertical-align: middle;
     border-radius: 100%;
 
-    textarea {
-      position: absolute;
-      opacity: 0;
-      z-index: -1;
-      height: 0px;
-      width: 0px;
-    }
-
     &:focus,
     &:active {
       outline: none;