canvu-react 0.4.26 → 0.4.27

package/dist/native.cjs

@@ -43,6 +43,7 @@ function escapeHtmlText(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 var DEFAULT_TEXT_FONT_SIZE = 18;
+var DEFAULT_TEXT_TOOL_FONT_SIZE = 28;
 var TEXT_FONT_FAMILY = "Inter, -apple-system, BlinkMacSystemFont, ui-sans-serif, system-ui, sans-serif";
 var LINE_HEIGHT_RATIO = 22 / 18;
 var FIRST_LINE_BASELINE_RATIO = 20 / 18;
@@ -83,6 +84,12 @@ function lineHeightFor(fontSize) {
 function firstLineBaselineY(fontSize) {
   return fontSize * FIRST_LINE_BASELINE_RATIO;
 }
+function textBaselineYFor(fontSize) {
+  return firstLineBaselineY(fontSize);
+}
+function textLineHeightFor(fontSize) {
+  return lineHeightFor(fontSize);
+}
 function measureTextBoundsLocal(content, fontSize = DEFAULT_TEXT_FONT_SIZE) {
   const cacheKey = textMeasureCacheKey(content, fontSize);
   const cached = textMeasureCache.get(cacheKey);
@@ -4634,17 +4641,21 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
         if (!change) return;
         if (st.tool === "text") {
           const id = createShapeId();
+          const fs = DEFAULT_TEXT_TOOL_FONT_SIZE;
+          const baseline = textBaselineYFor(fs);
+          const lh = textLineHeightFor(fs);
+          const minH = Math.max(26, baseline + Math.max(4, lh * 0.2));
           const item = createTextItem(
             id,
             {
               x: st.startWorld.x - 4,
-              y: st.startWorld.y - 18,
+              y: st.startWorld.y - baseline,
               width: 160,
-              height: 26
+              height: minH
             },
             "Text",
             strokeStyleRef.current,
-            18
+            fs
           );
           change([...itemsRef.current, item]);
           onSelectionChangeRef.current?.([id]);