@revisium/schema-toolkit-ui 0.6.6 → 0.6.7

package/dist/index.cjs

@@ -6681,11 +6681,25 @@ const FileRendererComponent = (0, mobx_react_lite.observer)(({ node }) => {
 	});
 });
 
+//#endregion
+//#region src/hooks/useAutoResize.ts
+const MIN_HEIGHT = 120;
+function useAutoResize(value) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		el.style.height = "auto";
+		el.style.height = `${Math.max(el.scrollHeight, MIN_HEIGHT)}px`;
+	}, [value]);
+	return ref;
+}
+
 //#endregion
 //#region src/row-editor/ui/editors/MarkdownEditor.tsx
 const MarkdownEditor = ({ value, setValue, readonly, dataTestId }) => {
 	const [internalValue, setInternalValue] = (0, react.useState)(value);
-	const textareaRef = (0, react.useRef)(null);
+	const textareaRef = useAutoResize(internalValue);
 	(0, react.useEffect)(() => {
 		setInternalValue(value);
 	}, [value]);
@@ -6710,6 +6724,7 @@ const MarkdownEditor = ({ value, setValue, readonly, dataTestId }) => {
 			lineHeight: "1.5",
 			minHeight: "120px",
 			resize: "vertical",
+			overflow: "hidden",
 			borderColor: "gray.200",
 			_focus: {
 				borderColor: "blue.400",