@underverse-ui/underverse 1.0.123 → 1.0.124

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.123",
+  "version": "1.0.124",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -25371,7 +25371,7 @@ function buildUEditorExtensions({
       types: ["heading", "paragraph", "image"]
     }),
     table_align_default.configure({
-      resizable: true,
+      resizable: editable,
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
@@ -32909,7 +32909,7 @@ function useTableRowResize({
 }
 
 // src/components/UEditor/use-table-interactions.ts
-function useUEditorTableInteractions(editor) {
+function useUEditorTableInteractions(editor, editable = true) {
   const editorContentRef = (0, import_react53.useRef)(null);
   const tableColumnGuideRef = (0, import_react53.useRef)(null);
   const tableRowGuideRef = (0, import_react53.useRef)(null);
@@ -33028,7 +33028,7 @@ function useUEditorTableInteractions(editor) {
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
   (0, import_react53.useEffect)(() => {
-    if (!editor) return void 0;
+    if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
     let selectionSyncTimeoutId = 0;
@@ -33177,7 +33177,7 @@ function useUEditorTableInteractions(editor) {
       clearHoveredTableCell();
       clearAllTableResizeHover();
     };
-  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editable, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
   return {
     editorContentRef,
     tableColumnGuideRef,
@@ -33280,7 +33280,7 @@ var UEditor = import_react54.default.forwardRef(({
     tableColumnGuideRef,
     tableRowGuideRef,
     activeTableCellHighlightRef
-  } = useUEditorTableInteractions(editor);
+  } = useUEditorTableInteractions(editor, editable);
   (0, import_react54.useImperativeHandle)(
     ref,
     () => ({
@@ -33327,11 +33327,14 @@ var UEditor = import_react54.default.forwardRef(({
     "div",
     {
       className: cn(
-        "group relative flex flex-col rounded-2xl md:rounded-3xl border border-border/50 bg-card text-card-foreground overflow-hidden",
-        "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
-        "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
-        "backdrop-blur-sm",
-        variant === "notion" && "hover:shadow-md",
+        "group relative flex flex-col text-card-foreground",
+        editable ? [
+          "rounded-2xl md:rounded-3xl border border-border/50 bg-card overflow-hidden",
+          "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
+          "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
+          "backdrop-blur-sm",
+          variant === "notion" && "hover:shadow-md"
+        ] : "rounded-none",
         className
       ),
       children: [
@@ -33365,7 +33368,7 @@ var UEditor = import_react54.default.forwardRef(({
             ref: editorContentRef,
             className: "relative flex-1 overflow-y-auto",
             style: {
-              minHeight,
+              minHeight: editable ? minHeight : void 0,
               maxHeight
             },
             children: [