Merge branch 'main' into main

Author: vloldik

package-lock.json

@@ -35,7 +35,7 @@
     "lodash": "^4.17.21",
     "luxon": "^3.7.1",
     "nanoid": "^5.1.5",
-    "node-sql-parser": "^5.3.12",
+    "node-sql-parser": "^5.3.13",
     "oracle-sql-parser": "^0.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package.json

@@ -1,4 +1,4 @@
-import { useMemo, useState, useRef } from "react";
+import { useMemo, useState, useRef, useEffect } from "react";
 import { Action, ObjectType, Tab, State } from "../../data/constants";
 import { Input, Button, Popover } from "@douyinfe/semi-ui";
 import ColorPicker from "../EditorSidePanel/ColorPicker";
@@ -179,6 +179,14 @@ export default function Note({ data, onPointerDown }) {
   const width = data.width ?? noteWidth;
   const MIN_NOTE_WIDTH = 120;
 
+  useEffect(() => {
+    const textarea = document.getElementById(`note_${data.id}`);
+    textarea.style.height = "0";
+    textarea.style.height = textarea.scrollHeight + "px";
+    const newHeight = textarea.scrollHeight + 42;
+    updateNote(data.id, { height: newHeight });
+  }, [data.id, updateNote]);
+
   return (
     <g
       onPointerEnter={(e) => e.isPrimary && setHovered(true)}
@@ -506,4 +514,4 @@ export default function Note({ data, onPointerDown }) {
       </foreignObject>
     </g>
   );
-}
+}