@revisium/schema-toolkit-ui 0.6.5 → 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",
@@ -14276,7 +14291,7 @@ const TableEditor = (0, mobx_react_lite.observer)(({ viewModel, useWindowScroll
 					segments: breadcrumbs,
 					highlightLast: false,
 					onSegmentClick: callbacks.onBreadcrumbClick,
-					action: !isReadonly && callbacks.onCreateRow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusButton, {
+					action: callbacks.onCreateRow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlusButton, {
 						tooltip: "New row",
 						onClick: callbacks.onCreateRow,
 						dataTestId: "create-row-button"