mantine-double-click-editable 1.0.2 → 1.0.3

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),b=require("react"),x=require("@mantine/core");function D({children:s,onSave:l,style:u,...d}){const[r,c]=b.useState(!1),f=e=>{c(!0);const t=e.clientX,i=e.clientY;setTimeout(()=>{const o=window.getSelection();if(o){if(document.caretRangeFromPoint){const n=document.caretRangeFromPoint(t,i);n&&(o.removeAllRanges(),o.addRange(n))}else if(document.caretPositionFromPoint){const n=document.caretPositionFromPoint(t,i);if(n){const a=document.createRange();a.setStart(n.offsetNode,n.offset),a.collapse(!0),o.removeAllRanges(),o.addRange(a)}}}},0)},m=e=>{c(!1);const t=e.currentTarget.innerText;l?.(t)},p=e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain");document.execCommand("insertText",!1,t)};return g.jsx(x.Text,{...d,contentEditable:r?"plaintext-only":!1,suppressContentEditableWarning:!0,style:{border:"1px dashed #ccc",padding:"4px",cursor:r?"text":"pointer",whiteSpace:"pre-wrap",...u},onMouseDown:e=>{e.detail>1&&e.preventDefault()},onDoubleClick:f,onBlur:m,onPaste:p,children:s})}exports.DoubleClickEditable=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),i=require("react"),R=require("@mantine/core");function D({children:s,onSave:d,style:f,...m}){const[r,l]=i.useState(!1),a=i.useRef(null);i.useEffect(()=>{!r&&a.current&&(a.current.innerText=s)},[s,r]);const p=e=>{l(!0);const t=e.clientX,u=e.clientY;setTimeout(()=>{const o=window.getSelection();if(o){if(document.caretRangeFromPoint){const n=document.caretRangeFromPoint(t,u);n&&(o.removeAllRanges(),o.addRange(n))}else if(document.caretPositionFromPoint){const n=document.caretPositionFromPoint(t,u);if(n){const c=document.createRange();c.setStart(n.offsetNode,n.offset),c.collapse(!0),o.removeAllRanges(),o.addRange(c)}}}},0)},g=e=>{l(!1);const t=e.currentTarget.innerText;d?.(t)},b=e=>{e.preventDefault();const t=e.clipboardData.getData("text/plain");document.execCommand("insertText",!1,t)};return x.jsx(R.Text,{...m,ref:a,contentEditable:r?"plaintext-only":!1,suppressContentEditableWarning:!0,style:{border:"1px dashed #ccc",padding:"4px",cursor:r?"text":"pointer",whiteSpace:"pre-wrap",...f},onMouseDown:e=>{e.detail>1&&e.preventDefault()},onDoubleClick:p,onBlur:g,onPaste:b})}exports.DoubleClickEditable=D;

package/dist/index.js

@@ -1,43 +1,48 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { Text as b } from "@mantine/core";
-function w({
-  children: s,
-  onSave: l,
+import { jsx as x } from "react/jsx-runtime";
+import { useState as b, useRef as R, useEffect as D } from "react";
+import { Text as P } from "@mantine/core";
+function T({
+  children: i,
+  onSave: u,
   style: d,
-  ...u
+  ...f
 }) {
-  const [r, i] = x(!1), m = (e) => {
-    i(!0);
-    const t = e.clientX, c = e.clientY;
+  const [r, s] = b(!1), a = R(null);
+  D(() => {
+    !r && a.current && (a.current.innerText = i);
+  }, [i, r]);
+  const m = (e) => {
+    s(!0);
+    const t = e.clientX, l = e.clientY;
     setTimeout(() => {
       const o = window.getSelection();
       if (o) {
         if (document.caretRangeFromPoint) {
-          const n = document.caretRangeFromPoint(t, c);
+          const n = document.caretRangeFromPoint(t, l);
           n && (o.removeAllRanges(), o.addRange(n));
         } else if (document.caretPositionFromPoint) {
-          const n = document.caretPositionFromPoint(t, c);
+          const n = document.caretPositionFromPoint(t, l);
           if (n) {
-            const a = document.createRange();
-            a.setStart(n.offsetNode, n.offset), a.collapse(!0), o.removeAllRanges(), o.addRange(a);
+            const c = document.createRange();
+            c.setStart(n.offsetNode, n.offset), c.collapse(!0), o.removeAllRanges(), o.addRange(c);
           }
         }
       }
     }, 0);
-  }, f = (e) => {
-    i(!1);
-    const t = e.currentTarget.innerText;
-    l?.(t);
   }, p = (e) => {
+    s(!1);
+    const t = e.currentTarget.innerText;
+    u?.(t);
+  }, g = (e) => {
     e.preventDefault();
     const t = e.clipboardData.getData("text/plain");
     document.execCommand("insertText", !1, t);
   };
-  return /* @__PURE__ */ g(
-    b,
+  return /* @__PURE__ */ x(
+    P,
     {
-      ...u,
+      ...f,
+      ref: a,
       contentEditable: r ? "plaintext-only" : !1,
       suppressContentEditableWarning: !0,
       style: {
@@ -51,12 +56,11 @@ function w({
         e.detail > 1 && e.preventDefault();
       },
       onDoubleClick: m,
-      onBlur: f,
-      onPaste: p,
-      children: s
+      onBlur: p,
+      onPaste: g
     }
   );
 }
 export {
-  w as DoubleClickEditable
+  T as DoubleClickEditable
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mantine-double-click-editable",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ypyl/DoubleClickEditable.git"