@gravity-ui/markdown-editor 15.20.0 → 15.22.0

package/build/styles.css

@@ -1284,18 +1284,20 @@ body :has(.g-md-resizable_resizing) {
 .cm-file-upload-widget + .cm-file-upload-widget {
   margin-left: 2px;
 }
-.pm-h-folding-hidden {
+.ProseMirror .pm-h-folding-hidden,
+.yfm.ProseMirror .pm-h-folding-hidden {
   display: none;
 }
-
-.pm-h-folding-content {
+.ProseMirror .pm-h-folding-content,
+.yfm.ProseMirror .pm-h-folding-content {
   padding-left: 28px;
 }
-
-.pm-h-folding-separator {
+.ProseMirror .pm-h-folding-separator,
+.yfm.ProseMirror .pm-h-folding-separator {
   position: relative;
 }
-.pm-h-folding-separator::before {
+.ProseMirror .pm-h-folding-separator::before,
+.yfm.ProseMirror .pm-h-folding-separator::before {
   position: absolute;
   z-index: 1;
   bottom: -4px;
@@ -1308,7 +1310,8 @@ body :has(.g-md-resizable_resizing) {
   mask-size: 12px;
   transform: translateY(80%);
 }
-.pm-h-folding-separator::after {
+.ProseMirror .pm-h-folding-separator::after,
+.yfm.ProseMirror .pm-h-folding-separator::after {
   position: absolute;
   z-index: 1;
   bottom: -8px;
@@ -1318,8 +1321,8 @@ body :has(.g-md-resizable_resizing) {
   content: "";
   border-top: 1px dashed var(--g-color-line-generic);
 }
-
-.pm-h-folding-label::after {
+.ProseMirror .pm-h-folding-label::after,
+.yfm.ProseMirror .pm-h-folding-label::after {
   position: absolute;
   z-index: 1;
   right: 2px;
@@ -1775,16 +1778,81 @@ body :has(.g-md-resizable_resizing) {
   background: transparent;
 }
 
-.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-row,
-.yfm.ProseMirror .g-md-yfm-table-dnd-dragged-column-cell {
-  opacity: 0.3;
-  background-color: var(--g-color-base-selection);
+.yfm.g-md-yfm-table-dnd-ghost,
+.g-md-yfm-table-dnd-ghost-button {
+  position: fixed;
+  cursor: grabbing;
+  pointer-events: none;
+  transition: none;
+  will-change: transform;
+}
+
+.yfm.g-md-yfm-table-dnd-ghost > table {
+  border-color: var(--g-color-line-brand);
+  box-shadow: 0 8px 20px 1px var(--g-color-sfx-shadow);
+}
+.yfm.g-md-yfm-table-dnd-ghost > table > tbody > tr > td {
+  border-color: var(--g-color-line-brand);
 }
 
-.yfm.ProseMirror .g-md-yfm-table-active-row,
-.yfm.ProseMirror .g-md-yfm-table-active-column-cell {
+.g-md-yfm-table-dnd-ghost-button {
+  --g-button-background-color-hover: var(--g-color-base-background);
+  --g-button-background-color: var(--g-color-base-background);
+  --g-button-border-color: var(--g-color-line-brand);
+  --g-button-text-color: var(--g-color-text-brand);
+  z-index: 2;
+}
+
+.yfm.ProseMirror table td {
+  position: relative;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell {
+  overflow: unset;
+  border-color: var(--g-color-line-brand);
   background-color: var(--g-color-base-selection);
 }
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell::after {
+  position: absolute;
+  z-index: 2;
+  inset: -1px;
+  display: inline-block;
+  content: "";
+  pointer-events: none;
+  border: 1px solid var(--g-color-line-brand);
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row::after {
+  top: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row::after {
+  bottom: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-column::after {
+  left: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-column::after {
+  right: 0;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_first-column::after {
+  border-top-left-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_first-row.g-md-yfm-table-selected-cell_last-column::after {
+  border-top-right-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_first-column::after {
+  border-bottom-left-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell_last-row.g-md-yfm-table-selected-cell_last-column::after {
+  border-bottom-right-radius: 8px;
+}
+.yfm.ProseMirror table td.g-md-yfm-table-selected-cell.dragged-cell::before {
+  position: absolute;
+  inset: 0;
+  display: inline-block;
+  content: "";
+  pointer-events: none;
+  opacity: 0.7;
+  background-color: var(--g-color-base-background);
+}
 .yfm table.g-md-yfm-table-view {
   --yfm-color-border: var(--g-color-line-generic);
   background: var(--g-color-base-background);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/markdown-editor",
-  "version": "15.20.0",
+  "version": "15.22.0",
   "description": "Markdown wysiwyg and markup editor",
   "license": "MIT",
   "repository": {