@lumir-company/editor 0.4.16 → 0.4.17

package/dist/style.css

@@ -1256,3 +1256,98 @@
   width: 12px;
   height: 12px;
 }
+
+/* =========================================================
+   표 행 높이(row height) 드래그 리사이즈 — rowResizing 플러그인
+   prosemirror-tables의 column-resize 스타일을 수직축으로 미러링.
+   ========================================================= */
+
+/* activeHandle 동안 에디터 전체 커서를 행 리사이즈로 */
+.lumirEditor .ProseMirror.row-resize-cursor {
+  cursor: ns-resize;
+  cursor: row-resize;
+}
+
+/* 핸들 위젯의 절대배치 기준(셀). prosemirror-tables 기본값 보강. */
+.lumirEditor .ProseMirror td,
+.lumirEditor .ProseMirror th {
+  position: relative;
+}
+
+/* 셀 하단 경계 핸들(셀별 1개가 모여 행 폭 전체를 덮음). */
+.lumirEditor .ProseMirror .row-resize-handle {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -2px;
+  height: 4px;
+  z-index: 20;
+  background-color: #adf;
+  pointer-events: none;
+}
+
+/* 드래그 중 셀: 레이아웃 트랜지션 제거로 프리뷰 떨림 방지. */
+.lumirEditor .ProseMirror .row-resize-dragging {
+  transition: none;
+}
+
+/* =========================================================
+   표 블록 정렬(좌/가운데/우) — TableAlignmentExtension
+   <table>이 width:auto(content 폭)이므로 margin으로 수평 정렬.
+   좌측(기본)은 별도 규칙 불필요.
+   ========================================================= */
+.lumirEditor
+  .bn-editor
+  [data-content-type='table'][data-table-alignment='center']
+  table {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.lumirEditor
+  .bn-editor
+  [data-content-type='table'][data-table-alignment='right']
+  table {
+  margin-left: auto;
+  margin-right: 0;
+}
+
+/* =========================================================
+   표 하단 여백 축소
+   @blocknote 기본 .tableWrapper는 `position:relative; top:-16px`라서, 화면상 16px
+   위로 그리되 레이아웃 공간은 원위치에 예약 → 래퍼 박스 아래에 사용되지 않는 16px가
+   남는다(순수 artifact). 음수 margin-bottom으로 이 예약 공백만 정확히 상쇄한다.
+   래퍼의 padding/overflow는 건드리지 않으므로 행/열 추가 버튼·리사이즈 핸들·거터의
+   클리어런스(클립 경계)는 그대로 유지된다 → 사이드이펙트 없음.
+   ========================================================= */
+.lumirEditor .bn-editor [data-content-type='table'] .tableWrapper {
+  margin-bottom: -16px;
+}
+
+/* =========================================================
+   다단(컬럼) 레이아웃 — columnList / column 노드
+   columnList: 가로 flex 컨테이너, column: 균등 폭 flex 아이템.
+   ========================================================= */
+.lumirEditor .bn-column-list {
+  display: flex;
+  gap: 16px;
+  width: 100%;
+}
+
+.lumirEditor .bn-column {
+  flex: 1 1 0;
+  min-width: 0; /* 컬럼 내 넓은 콘텐츠(표 등) 오버플로 방지 */
+}
+
+/* DnD 컬럼 생성: 드롭 대상 블록의 좌/우 가장자리 세로 인디케이터(레이아웃 비이동 box-shadow) */
+.lumirEditor .lumir-col-drop-left {
+  box-shadow: -3px 0 0 0 #3b82f6;
+}
+.lumirEditor .lumir-col-drop-right {
+  box-shadow: 3px 0 0 0 #3b82f6;
+}
+/* 가장자리 드롭 중에는 기본(가로) 드롭커서를 숨겨 인디케이터 중복 방지 */
+.lumirEditor .lumir-col-dnd-active .prosemirror-dropcursor,
+.lumirEditor .lumir-col-dnd-active .ProseMirror-dropcursor {
+  display: none !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumir-company/editor",
-  "version": "0.4.16",
+  "version": "0.4.17",
   "private": false,
   "description": "Image-only BlockNote rich text editor with S3 upload, customizable filename transforms, UUID support, and loading spinner",
   "keywords": [
@@ -72,7 +72,11 @@
     "@blocknote/core": "^0.35.0",
     "@blocknote/react": "^0.35.0",
     "@blocknote/mantine": "^0.35.0",
-    "@floating-ui/react": "^0.26.28"
+    "@floating-ui/react": "^0.26.28",
+    "prosemirror-model": "^1.25.1",
+    "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.6.4",
+    "prosemirror-view": "^1.38.1"
   },
   "devDependencies": {
     "typescript": "^5.4.0",