@payloadcms/richtext-lexical 3.76.0 → 3.76.1

package/dist/lexical/utils/setFloatingElemPositionForLinkEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setFloatingElemPositionForLinkEditor.d.ts","sourceRoot":"","sources":["../../../src/lexical/utils/setFloatingElemPositionForLinkEditor.ts"],"names":[],"mappings":"AAIA,wBAAgB,oCAAoC,CAClD,UAAU,EAAE,OAAO,GAAG,IAAI,EAC1B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CA6BN"}
+{"version":3,"file":"setFloatingElemPositionForLinkEditor.d.ts","sourceRoot":"","sources":["../../../src/lexical/utils/setFloatingElemPositionForLinkEditor.ts"],"names":[],"mappings":"AAIA,wBAAgB,oCAAoC,CAClD,UAAU,EAAE,OAAO,GAAG,IAAI,EAC1B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CAiEN"}

package/dist/lexical/utils/setFloatingElemPositionForLinkEditor.js

@@ -9,11 +9,40 @@ export function setFloatingElemPositionForLinkEditor(targetRect, floatingElem, a
     floatingElem.style.transform = 'translate(-10000px, -10000px)';
     return;
   }
-  const floatingElemRect = floatingElem.getBoundingClientRect();
   const anchorElementRect = anchorElem.getBoundingClientRect();
   const editorScrollerRect = scrollerElem.getBoundingClientRect();
   let top = targetRect.top - verticalGap;
   let left = targetRect.left - horizontalOffset;
+  // Reset width constraints to measure natural content size
+  floatingElem.style.width = 'max-content';
+  floatingElem.style.maxWidth = 'none';
+  const naturalWidth = floatingElem.scrollWidth;
+  // Calculate available space on both sides to determine tooltip width
+  const availableRight = editorScrollerRect.right - left;
+  const availableLeft = left - editorScrollerRect.left;
+  let floatingElemRect;
+  // Only constrain width if content doesn't fit in available space
+  if (naturalWidth <= availableRight) {
+    // Content fits naturally on the right, don't constrain
+    floatingElemRect = floatingElem.getBoundingClientRect();
+  } else {
+    // Content doesn't fit on right, choose side with more space
+    const availableLeftTotal = availableLeft + targetRect.width;
+    const useLeftSide = availableLeft > availableRight;
+    const availableSpace = useLeftSide ? availableLeftTotal : availableRight;
+    const tooltipWidth = Math.min(naturalWidth, availableSpace);
+    // Apply width constraint if needed
+    if (tooltipWidth < naturalWidth) {
+      floatingElem.style.width = `${tooltipWidth}px`;
+      floatingElem.style.maxWidth = `${tooltipWidth}px`;
+      void floatingElem.offsetHeight;
+    }
+    // Position on chosen side
+    if (useLeftSide) {
+      left = targetRect.right - tooltipWidth;
+    }
+    floatingElemRect = floatingElem.getBoundingClientRect();
+  }
   if (top < editorScrollerRect.top) {
     top += floatingElemRect.height + targetRect.height + verticalGap * 2;
   }

package/dist/lexical/utils/setFloatingElemPositionForLinkEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"setFloatingElemPositionForLinkEditor.js","names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPositionForLinkEditor","targetRect","floatingElem","anchorElem","verticalGap","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","floatingElemRect","getBoundingClientRect","anchorElementRect","editorScrollerRect","top","left","height","width","right"],"sources":["../../../src/lexical/utils/setFloatingElemPositionForLinkEditor.ts"],"sourcesContent":["'use client'\nconst VERTICAL_GAP = 10\nconst HORIZONTAL_OFFSET = 5\n\nexport function setFloatingElemPositionForLinkEditor(\n  targetRect: DOMRect | null,\n  floatingElem: HTMLElement,\n  anchorElem: HTMLElement,\n  verticalGap: number = VERTICAL_GAP,\n  horizontalOffset: number = HORIZONTAL_OFFSET,\n): void {\n  const scrollerElem = anchorElem.parentElement\n\n  if (targetRect === null || scrollerElem == null) {\n    floatingElem.style.opacity = '0'\n    floatingElem.style.transform = 'translate(-10000px, -10000px)'\n    return\n  }\n\n  const floatingElemRect = floatingElem.getBoundingClientRect()\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n  const editorScrollerRect = scrollerElem.getBoundingClientRect()\n\n  let top = targetRect.top - verticalGap\n  let left = targetRect.left - horizontalOffset\n\n  if (top < editorScrollerRect.top) {\n    top += floatingElemRect.height + targetRect.height + verticalGap * 2\n  }\n\n  if (left + floatingElemRect.width > editorScrollerRect.right) {\n    left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset\n  }\n\n  top -= anchorElementRect.top\n  left -= anchorElementRect.left\n\n  floatingElem.style.opacity = '1'\n  floatingElem.style.transform = `translate(${left}px, ${top}px)`\n}\n"],"mappings":"AAAA;;AACA,MAAMA,YAAA,GAAe;AACrB,MAAMC,iBAAA,GAAoB;AAE1B,OAAO,SAASC,qCACdC,UAA0B,EAC1BC,YAAyB,EACzBC,UAAuB,EACvBC,WAAA,GAAsBN,YAAY,EAClCO,gBAAA,GAA2BN,iBAAiB;EAE5C,MAAMO,YAAA,GAAeH,UAAA,CAAWI,aAAa;EAE7C,IAAIN,UAAA,KAAe,QAAQK,YAAA,IAAgB,MAAM;IAC/CJ,YAAA,CAAaM,KAAK,CAACC,OAAO,GAAG;IAC7BP,YAAA,CAAaM,KAAK,CAACE,SAAS,GAAG;IAC/B;EACF;EAEA,MAAMC,gBAAA,GAAmBT,YAAA,CAAaU,qBAAqB;EAC3D,MAAMC,iBAAA,GAAoBV,UAAA,CAAWS,qBAAqB;EAC1D,MAAME,kBAAA,GAAqBR,YAAA,CAAaM,qBAAqB;EAE7D,IAAIG,GAAA,GAAMd,UAAA,CAAWc,GAAG,GAAGX,WAAA;EAC3B,IAAIY,IAAA,GAAOf,UAAA,CAAWe,IAAI,GAAGX,gBAAA;EAE7B,IAAIU,GAAA,GAAMD,kBAAA,CAAmBC,GAAG,EAAE;IAChCA,GAAA,IAAOJ,gBAAA,CAAiBM,MAAM,GAAGhB,UAAA,CAAWgB,MAAM,GAAGb,WAAA,GAAc;EACrE;EAEA,IAAIY,IAAA,GAAOL,gBAAA,CAAiBO,KAAK,GAAGJ,kBAAA,CAAmBK,KAAK,EAAE;IAC5DH,IAAA,GAAOF,kBAAA,CAAmBK,KAAK,GAAGR,gBAAA,CAAiBO,KAAK,GAAGb,gBAAA;EAC7D;EAEAU,GAAA,IAAOF,iBAAA,CAAkBE,GAAG;EAC5BC,IAAA,IAAQH,iBAAA,CAAkBG,IAAI;EAE9Bd,YAAA,CAAaM,KAAK,CAACC,OAAO,GAAG;EAC7BP,YAAA,CAAaM,KAAK,CAACE,SAAS,GAAG,aAAaM,IAAA,OAAWD,GAAA,KAAQ;AACjE","ignoreList":[]}
+{"version":3,"file":"setFloatingElemPositionForLinkEditor.js","names":["VERTICAL_GAP","HORIZONTAL_OFFSET","setFloatingElemPositionForLinkEditor","targetRect","floatingElem","anchorElem","verticalGap","horizontalOffset","scrollerElem","parentElement","style","opacity","transform","anchorElementRect","getBoundingClientRect","editorScrollerRect","top","left","width","maxWidth","naturalWidth","scrollWidth","availableRight","right","availableLeft","floatingElemRect","availableLeftTotal","useLeftSide","availableSpace","tooltipWidth","Math","min","offsetHeight","height"],"sources":["../../../src/lexical/utils/setFloatingElemPositionForLinkEditor.ts"],"sourcesContent":["'use client'\nconst VERTICAL_GAP = 10\nconst HORIZONTAL_OFFSET = 5\n\nexport function setFloatingElemPositionForLinkEditor(\n  targetRect: DOMRect | null,\n  floatingElem: HTMLElement,\n  anchorElem: HTMLElement,\n  verticalGap: number = VERTICAL_GAP,\n  horizontalOffset: number = HORIZONTAL_OFFSET,\n): void {\n  const scrollerElem = anchorElem.parentElement\n\n  if (targetRect === null || scrollerElem == null) {\n    floatingElem.style.opacity = '0'\n    floatingElem.style.transform = 'translate(-10000px, -10000px)'\n    return\n  }\n\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n  const editorScrollerRect = scrollerElem.getBoundingClientRect()\n\n  let top = targetRect.top - verticalGap\n  let left = targetRect.left - horizontalOffset\n\n  // Reset width constraints to measure natural content size\n  floatingElem.style.width = 'max-content'\n  floatingElem.style.maxWidth = 'none'\n  const naturalWidth = floatingElem.scrollWidth\n\n  // Calculate available space on both sides to determine tooltip width\n  const availableRight = editorScrollerRect.right - left\n  const availableLeft = left - editorScrollerRect.left\n\n  let floatingElemRect: DOMRect\n\n  // Only constrain width if content doesn't fit in available space\n  if (naturalWidth <= availableRight) {\n    // Content fits naturally on the right, don't constrain\n    floatingElemRect = floatingElem.getBoundingClientRect()\n  } else {\n    // Content doesn't fit on right, choose side with more space\n    const availableLeftTotal = availableLeft + targetRect.width\n    const useLeftSide = availableLeft > availableRight\n    const availableSpace = useLeftSide ? availableLeftTotal : availableRight\n    const tooltipWidth = Math.min(naturalWidth, availableSpace)\n\n    // Apply width constraint if needed\n    if (tooltipWidth < naturalWidth) {\n      floatingElem.style.width = `${tooltipWidth}px`\n      floatingElem.style.maxWidth = `${tooltipWidth}px`\n      void floatingElem.offsetHeight\n    }\n\n    // Position on chosen side\n    if (useLeftSide) {\n      left = targetRect.right - tooltipWidth\n    }\n\n    floatingElemRect = floatingElem.getBoundingClientRect()\n  }\n\n  if (top < editorScrollerRect.top) {\n    top += floatingElemRect.height + targetRect.height + verticalGap * 2\n  }\n\n  if (left + floatingElemRect.width > editorScrollerRect.right) {\n    left = editorScrollerRect.right - floatingElemRect.width - horizontalOffset\n  }\n\n  top -= anchorElementRect.top\n  left -= anchorElementRect.left\n\n  floatingElem.style.opacity = '1'\n  floatingElem.style.transform = `translate(${left}px, ${top}px)`\n}\n"],"mappings":"AAAA;;AACA,MAAMA,YAAA,GAAe;AACrB,MAAMC,iBAAA,GAAoB;AAE1B,OAAO,SAASC,qCACdC,UAA0B,EAC1BC,YAAyB,EACzBC,UAAuB,EACvBC,WAAA,GAAsBN,YAAY,EAClCO,gBAAA,GAA2BN,iBAAiB;EAE5C,MAAMO,YAAA,GAAeH,UAAA,CAAWI,aAAa;EAE7C,IAAIN,UAAA,KAAe,QAAQK,YAAA,IAAgB,MAAM;IAC/CJ,YAAA,CAAaM,KAAK,CAACC,OAAO,GAAG;IAC7BP,YAAA,CAAaM,KAAK,CAACE,SAAS,GAAG;IAC/B;EACF;EAEA,MAAMC,iBAAA,GAAoBR,UAAA,CAAWS,qBAAqB;EAC1D,MAAMC,kBAAA,GAAqBP,YAAA,CAAaM,qBAAqB;EAE7D,IAAIE,GAAA,GAAMb,UAAA,CAAWa,GAAG,GAAGV,WAAA;EAC3B,IAAIW,IAAA,GAAOd,UAAA,CAAWc,IAAI,GAAGV,gBAAA;EAE7B;EACAH,YAAA,CAAaM,KAAK,CAACQ,KAAK,GAAG;EAC3Bd,YAAA,CAAaM,KAAK,CAACS,QAAQ,GAAG;EAC9B,MAAMC,YAAA,GAAehB,YAAA,CAAaiB,WAAW;EAE7C;EACA,MAAMC,cAAA,GAAiBP,kBAAA,CAAmBQ,KAAK,GAAGN,IAAA;EAClD,MAAMO,aAAA,GAAgBP,IAAA,GAAOF,kBAAA,CAAmBE,IAAI;EAEpD,IAAIQ,gBAAA;EAEJ;EACA,IAAIL,YAAA,IAAgBE,cAAA,EAAgB;IAClC;IACAG,gBAAA,GAAmBrB,YAAA,CAAaU,qBAAqB;EACvD,OAAO;IACL;IACA,MAAMY,kBAAA,GAAqBF,aAAA,GAAgBrB,UAAA,CAAWe,KAAK;IAC3D,MAAMS,WAAA,GAAcH,aAAA,GAAgBF,cAAA;IACpC,MAAMM,cAAA,GAAiBD,WAAA,GAAcD,kBAAA,GAAqBJ,cAAA;IAC1D,MAAMO,YAAA,GAAeC,IAAA,CAAKC,GAAG,CAACX,YAAA,EAAcQ,cAAA;IAE5C;IACA,IAAIC,YAAA,GAAeT,YAAA,EAAc;MAC/BhB,YAAA,CAAaM,KAAK,CAACQ,KAAK,GAAG,GAAGW,YAAA,IAAgB;MAC9CzB,YAAA,CAAaM,KAAK,CAACS,QAAQ,GAAG,GAAGU,YAAA,IAAgB;MACjD,KAAKzB,YAAA,CAAa4B,YAAY;IAChC;IAEA;IACA,IAAIL,WAAA,EAAa;MACfV,IAAA,GAAOd,UAAA,CAAWoB,KAAK,GAAGM,YAAA;IAC5B;IAEAJ,gBAAA,GAAmBrB,YAAA,CAAaU,qBAAqB;EACvD;EAEA,IAAIE,GAAA,GAAMD,kBAAA,CAAmBC,GAAG,EAAE;IAChCA,GAAA,IAAOS,gBAAA,CAAiBQ,MAAM,GAAG9B,UAAA,CAAW8B,MAAM,GAAG3B,WAAA,GAAc;EACrE;EAEA,IAAIW,IAAA,GAAOQ,gBAAA,CAAiBP,KAAK,GAAGH,kBAAA,CAAmBQ,KAAK,EAAE;IAC5DN,IAAA,GAAOF,kBAAA,CAAmBQ,KAAK,GAAGE,gBAAA,CAAiBP,KAAK,GAAGX,gBAAA;EAC7D;EAEAS,GAAA,IAAOH,iBAAA,CAAkBG,GAAG;EAC5BC,IAAA,IAAQJ,iBAAA,CAAkBI,IAAI;EAE9Bb,YAAA,CAAaM,KAAK,CAACC,OAAO,GAAG;EAC7BP,YAAA,CAAaM,KAAK,CAACE,SAAS,GAAG,aAAaK,IAAA,OAAWD,GAAA,KAAQ;AACjE","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.76.0",
+  "version": "3.76.1",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -374,8 +374,8 @@
     "react-error-boundary": "4.1.2",
     "ts-essentials": "10.0.3",
     "uuid": "10.0.0",
-    "@payloadcms/translations": "3.76.0",
-    "@payloadcms/ui": "3.76.0"
+    "@payloadcms/translations": "3.76.1",
+    "@payloadcms/ui": "3.76.1"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -395,15 +395,15 @@
     "esbuild-sass-plugin": "3.3.1",
     "swc-plugin-transform-remove-imports": "8.3.0",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.76.0"
+    "payload": "3.76.1"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0",
     "@faceless-ui/scroll-info": "2.0.0",
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "@payloadcms/next": "3.76.0",
-    "payload": "3.76.0"
+    "@payloadcms/next": "3.76.1",
+    "payload": "3.76.1"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"