@sofereditor/react 0.10.0 → 0.10.1

package/dist/index.cjs

@@ -3134,6 +3134,12 @@ function sliceDelta(delta, start, end) {
 var import_react10 = require("react");
 var import_core7 = require("@sofereditor/core");
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function posicaoVisualDaDivisa(xLogico, larguraPx, rtl) {
+  return rtl ? larguraPx - xLogico : xLogico;
+}
+function sinalDoArrasto(rtl) {
+  return rtl ? -1 : 1;
+}
 function deltaPctDoArrasto(dxPx, larguraTabelaPx) {
   if (!(larguraTabelaPx > 0)) return 0;
   return dxPx / larguraTabelaPx * 100;
@@ -3143,7 +3149,7 @@ function distribuirAltura(base, deltaPx) {
   const fatia = deltaPx / base.length;
   return base.map((h) => Math.max(import_core7.MIN_LINHA_PX, Math.round(h + fatia)));
 }
-function TableResizeOverlay({ tableRef, blockIndex, cols, rows }) {
+function TableResizeOverlay({ tableRef, blockIndex, cols, rows, rtl = false }) {
   const editor = useEditorContext();
   const [layout, setLayout] = (0, import_react10.useState)(null);
   const arrastoRef = (0, import_react10.useRef)(null);
@@ -3218,7 +3224,8 @@ function TableResizeOverlay({ tableRef, blockIndex, cols, rows }) {
       if (!d) return;
       switch (d.tipo) {
         case "coluna": {
-          const dPct = deltaPctDoArrasto(e.clientX - d.startX, d.tableWidthPx);
+          const dx = (e.clientX - d.startX) * sinalDoArrasto(rtl);
+          const dPct = deltaPctDoArrasto(dx, d.tableWidthPx);
           editor.setColumnBoundary(blockIndex, d.boundary, dPct, d.baseWidths);
           break;
         }
@@ -3243,7 +3250,7 @@ function TableResizeOverlay({ tableRef, blockIndex, cols, rows }) {
         }
       }
     },
-    [blockIndex, editor]
+    [blockIndex, editor, rtl]
   );
   const containerWidthPxOf = (0, import_react10.useCallback)((table, tableWidthPx) => {
     return table.parentElement?.getBoundingClientRect().width || tableWidthPx;
@@ -3359,7 +3366,7 @@ function TableResizeOverlay({ tableRef, blockIndex, cols, rows }) {
         {
           contentEditable: false,
           className: "ed-col-resize-handle",
-          style: colHandleStyle(x),
+          style: colHandleStyle(posicaoVisualDaDivisa(x, layout.width, rtl)),
           onPointerDown: onColumnPointerDown(c),
           onPointerMove,
           onPointerUp,
@@ -3577,6 +3584,7 @@ function TableView({ block, index, tableFragment }) {
         ref: tableRef,
         "data-block-index": index,
         "data-block-type": "table",
+        dir: block.attrs.dir === "rtl" || block.attrs.dir === "ltr" ? block.attrs.dir : void 0,
         className: "ed-block ed-table",
         style: typeof tableWidth === "number" ? { width: `${tableWidth}%` } : void 0,
         children: [
@@ -3630,7 +3638,16 @@ function TableView({ block, index, tableFragment }) {
         ]
       }
     ),
-    isFirstFragment && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TableResizeOverlay, { tableRef, blockIndex: index, cols, rows })
+    isFirstFragment && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      TableResizeOverlay,
+      {
+        tableRef,
+        blockIndex: index,
+        cols,
+        rows,
+        rtl: block.attrs.dir === "rtl"
+      }
+    )
   ] });
 }
 function spanAttr(v) {