@baasix/lexical 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +2 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +12 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -14833,6 +14833,7 @@ function TableCellResizer({ editor }) {
|
|
|
14833
14833
|
width: `${zoneWidth}px`
|
|
14834
14834
|
}
|
|
14835
14835
|
};
|
|
14836
|
+
const halfZoneWidth = zoneWidth / 2;
|
|
14836
14837
|
const tableRect = tableRectRef.current;
|
|
14837
14838
|
if (draggingDirection && pointerCurrentPos && tableRect) {
|
|
14838
14839
|
if (isHeightChanging(draggingDirection)) {
|
|
@@ -14849,7 +14850,6 @@ function TableCellResizer({ editor }) {
|
|
|
14849
14850
|
styles[draggingDirection].backgroundColor = "#adf";
|
|
14850
14851
|
styles[draggingDirection].mixBlendMode = "unset";
|
|
14851
14852
|
} else if (!draggingDirection && hoveredDirection === "right") {
|
|
14852
|
-
const halfZoneWidth = zoneWidth / 2;
|
|
14853
14853
|
const highlightWidth = 2;
|
|
14854
14854
|
const highlightStart = halfZoneWidth - highlightWidth / 2;
|
|
14855
14855
|
styles.right.backgroundImage = `linear-gradient(90deg, transparent ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart + highlightWidth}px, transparent ${highlightStart + highlightWidth}px)`;
|
|
@@ -14858,6 +14858,15 @@ function TableCellResizer({ editor }) {
|
|
|
14858
14858
|
styles.right.top = `${window.scrollY + tableRect.top}px`;
|
|
14859
14859
|
styles.right.height = `${tableRect.height}px`;
|
|
14860
14860
|
}
|
|
14861
|
+
} else if (!draggingDirection && hoveredDirection === "bottom") {
|
|
14862
|
+
const highlightWidth = 2;
|
|
14863
|
+
const highlightStart = halfZoneWidth - highlightWidth / 2;
|
|
14864
|
+
styles.bottom.backgroundImage = `linear-gradient(0deg, transparent ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart + highlightWidth}px, transparent ${highlightStart + highlightWidth}px)`;
|
|
14865
|
+
styles.bottom.mixBlendMode = "unset";
|
|
14866
|
+
if (tableRect) {
|
|
14867
|
+
styles.bottom.left = `${window.scrollX + tableRect.left}px`;
|
|
14868
|
+
styles.bottom.width = `${tableRect.width}px`;
|
|
14869
|
+
}
|
|
14861
14870
|
}
|
|
14862
14871
|
return styles;
|
|
14863
14872
|
}
|
|
@@ -14898,6 +14907,8 @@ function TableCellResizer({ editor }) {
|
|
|
14898
14907
|
{
|
|
14899
14908
|
className: "TableCellResizer__resizer TableCellResizer__ui",
|
|
14900
14909
|
style: resizerStyles.bottom || void 0,
|
|
14910
|
+
onPointerEnter: handlePointerEnter("bottom"),
|
|
14911
|
+
onPointerLeave: handlePointerLeave,
|
|
14901
14912
|
onPointerDown: toggleResize("bottom")
|
|
14902
14913
|
}
|
|
14903
14914
|
)
|