@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/jsx/toolbar/TableBubble.mjs

@@ -1,94 +1,77 @@
 import { useState } from "react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ColumnsPlusRightIcon, RowsPlusBottomIcon, TrashIcon } from "@phosphor-icons/react";
 import { Popover, Text, XStack, YStack } from "tamagui";
 import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
+import { getBlockVirtualElement } from "../editor/blockAnchor.mjs";
 import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { t } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-function RowPlusIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */jsx("line", {
-      x1: "12",
-      y1: "5",
-      x2: "12",
-      y2: "19"
-    }), /* @__PURE__ */jsx("line", {
-      x1: "5",
-      y1: "12",
-      x2: "19",
-      y2: "12"
-    })]
-  });
-}
-function TrashIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */jsx("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */jsx("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
-}
 const ROW_ACTIONS = [{
-  label: "Add row above",
+  id: "addRowBefore",
+  label: () => t("Add row above"),
   action: e => e.chain().focus().addRowBefore().run()
 }, {
-  label: "Add row below",
+  id: "addRowAfter",
+  label: () => t("Add row below"),
   action: e => e.chain().focus().addRowAfter().run()
 }, {
-  label: "Delete row",
+  id: "deleteRow",
+  label: () => t("Delete row"),
   action: e => e.chain().focus().deleteRow().run()
 }];
 const COL_ACTIONS = [{
-  label: "Add column before",
+  id: "addColumnBefore",
+  label: () => t("Add column before"),
   action: e => e.chain().focus().addColumnBefore().run()
 }, {
-  label: "Add column after",
+  id: "addColumnAfter",
+  label: () => t("Add column after"),
   action: e => e.chain().focus().addColumnAfter().run()
 }, {
-  label: "Delete column",
+  id: "deleteColumn",
+  label: () => t("Delete column"),
   action: e => e.chain().focus().deleteColumn().run()
 }];
 const TABLE_ACTIONS = [{
-  label: "Toggle header row",
+  id: "toggleHeaderRow",
+  label: () => t("Toggle header row"),
   action: e => e.chain().focus().toggleHeaderRow().run()
 }, {
-  label: "Merge cells",
+  id: "mergeCells",
+  label: () => t("Merge cells"),
   action: e => e.chain().focus().mergeCells().run()
 }, {
-  label: "Split cell",
+  id: "splitCell",
+  label: () => t("Split cell"),
   action: e => e.chain().focus().splitCell().run()
 }, {
-  label: "Delete table",
+  id: "deleteTable",
+  label: () => t("Delete table"),
   action: e => e.chain().focus().deleteTable().run()
 }];
+const MARKDOWN_EXCLUDED_TABLE_ACTIONS = /* @__PURE__ */new Set(["mergeCells", "splitCell"]);
 function TableBubble({
-  editor
+  editor,
+  capabilities = "full"
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
   const [menuOpen, setMenuOpen] = useState(false);
+  const tableActions = capabilities === "markdown" ? TABLE_ACTIONS.filter(a => !MARKDOWN_EXCLUDED_TABLE_ACTIONS.has(a.id)) : TABLE_ACTIONS;
   if (!editor) return null;
   return /* @__PURE__ */jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: ({
       editor: e
     }) => e.isActive("table"),
+    getReferencedVirtualElement: () => getBlockVirtualElement(editor, "table"),
     options: {
-      placement: "top"
+      placement: "top-start",
+      offset: 6
     },
     children: /* @__PURE__ */jsxs(XStack, {
       backgroundColor: "$background",
@@ -101,17 +84,17 @@ function TableBubble({
       elevation: knobProps.elevation,
       children: [/* @__PURE__ */jsx(ToolbarButton, {
         onPress: () => editor.chain().focus().addRowAfter().run(),
-        "aria-label": "Add row",
-        tooltip: "Add row below",
-        children: /* @__PURE__ */jsx(RowPlusIcon, {})
+        "aria-label": t("Add row"),
+        tooltip: t("Add row below"),
+        children: /* @__PURE__ */jsx(RowsPlusBottomIcon, {
+          size: 14
+        })
       }), /* @__PURE__ */jsx(ToolbarButton, {
         onPress: () => editor.chain().focus().addColumnAfter().run(),
-        "aria-label": "Add column",
-        tooltip: "Add column after",
-        children: /* @__PURE__ */jsx(Text, {
-          fontSize: 11,
-          fontWeight: "700",
-          children: "+Col"
+        "aria-label": t("Add column"),
+        tooltip: t("Add column after"),
+        children: /* @__PURE__ */jsx(ColumnsPlusRightIcon, {
+          size: 14
         })
       }), /* @__PURE__ */jsxs(Popover, {
         open: menuOpen,
@@ -121,14 +104,15 @@ function TableBubble({
           asChild: true,
           children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
             onPress: () => setMenuOpen(true),
-            "aria-label": "Table options",
+            "aria-label": t("Table options"),
             children: /* @__PURE__ */jsx(Text, {
               fontSize: 12,
-              children: "Table"
+              children: t("Table")
             })
           })
         }), /* @__PURE__ */jsx(Popover.Content, {
-          ...knobProps.panelPadding,
+          padding: 0,
+          overflow: "hidden",
           backgroundColor: "$background",
           borderWidth: 1,
           borderColor: "$borderColor",
@@ -145,17 +129,20 @@ function TableBubble({
           children: /* @__PURE__ */jsxs(YStack, {
             gap: "$0.5",
             minWidth: 180,
-            children: [ROW_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
-              onPress: () => {
-                a.action(editor);
-                setMenuOpen(false);
-              },
-              "aria-label": a.label,
-              children: /* @__PURE__ */jsx(Text, {
-                fontSize: 13,
-                children: a.label
-              })
-            }, a.label)), /* @__PURE__ */jsx(XStack, {
+            children: [ROW_ACTIONS.map(a => {
+              const label = a.label();
+              return /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+                onPress: () => {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": label,
+                children: /* @__PURE__ */jsx(Text, {
+                  fontSize: 13,
+                  children: label
+                })
+              }, label);
+            }), /* @__PURE__ */jsx(XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
                 vertical: false,
@@ -163,17 +150,20 @@ function TableBubble({
                 height: 1,
                 marginHorizontal: 0
               })
-            }), COL_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
-              onPress: () => {
-                a.action(editor);
-                setMenuOpen(false);
-              },
-              "aria-label": a.label,
-              children: /* @__PURE__ */jsx(Text, {
-                fontSize: 13,
-                children: a.label
-              })
-            }, a.label)), /* @__PURE__ */jsx(XStack, {
+            }), COL_ACTIONS.map(a => {
+              const label = a.label();
+              return /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+                onPress: () => {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": label,
+                children: /* @__PURE__ */jsx(Text, {
+                  fontSize: 13,
+                  children: label
+                })
+              }, label);
+            }), /* @__PURE__ */jsx(XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
                 vertical: false,
@@ -181,24 +171,29 @@ function TableBubble({
                 height: 1,
                 marginHorizontal: 0
               })
-            }), TABLE_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
-              onPress: () => {
-                a.action(editor);
-                setMenuOpen(false);
-              },
-              "aria-label": a.label,
-              children: /* @__PURE__ */jsx(Text, {
-                fontSize: 13,
-                children: a.label
-              })
-            }, a.label))]
+            }), tableActions.map(a => {
+              const label = a.label();
+              return /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+                onPress: () => {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": label,
+                children: /* @__PURE__ */jsx(Text, {
+                  fontSize: 13,
+                  children: label
+                })
+              }, label);
+            })]
           })
         })]
       }), /* @__PURE__ */jsx(ToolbarButton, {
         onPress: () => editor.chain().focus().deleteTable().run(),
-        "aria-label": "Delete table",
-        tooltip: "Delete table",
-        children: /* @__PURE__ */jsx(TrashIcon, {})
+        "aria-label": t("Delete table"),
+        tooltip: t("Delete table"),
+        children: /* @__PURE__ */jsx(TrashIcon, {
+          size: 14
+        })
       })]
     })
   });

package/dist/jsx/toolbar/TableBubble.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","ToolbarDropdownButton","jsx","jsxs","RowPlusIcon","width","height","viewBox","fill","stroke","strokeWidth","children","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","addRowAfter","deleteRow","COL_ACTIONS","addColumnBefore","addColumnAfter","deleteColumn","TABLE_ACTIONS","toggleHeaderRow","mergeCells","splitCell","deleteTable","TableBubble","editor","knobProps","menuOpen","setMenuOpen","shouldShow","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","onPress","tooltip","fontSize","fontWeight","open","onOpenChange","Trigger","asChild","Content","panelPadding","enterStyle","opacity","y","exitStyle","minWidth","map","a","paddingVertical","vertical","marginHorizontal"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,QAAA,QAAgB;AAEzB,SAASC,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AACjC,SAASC,OAAA,EAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC9C,SAASC,qBAAA,EAAuBC,qBAAA,QAA6B;AAC7D,SAASC,aAAA,EAAeC,qBAAA,QAA6B;AAIjD,SAQEC,GAAA,EARFC,IAAA;AAFJ,SAASC,YAAA,EAAc;EACrB,OACE,eAAAD,IAAA,CAAC;IACCE,KAAA,EAAM;IACNC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,WAAA,EAAY;IAEZC,QAAA,kBAAAT,GAAA,CAAC;MAAKU,EAAA,EAAG;MAAKC,EAAA,EAAG;MAAIC,EAAA,EAAG;MAAKC,EAAA,EAAG;IAAA,CAAK,GACrC,eAAAb,GAAA,CAAC;MAAKU,EAAA,EAAG;MAAIC,EAAA,EAAG;MAAKC,EAAA,EAAG;MAAKC,EAAA,EAAG;IAAA,CAAK;EAAA,CACvC;AAEJ;AAEA,SAASC,UAAA,EAAY;EACnB,OACE,eAAAb,IAAA,CAAC;IACCE,KAAA,EAAM;IACNC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,WAAA,EAAY;IAEZC,QAAA,kBAAAT,GAAA,CAAC;MAASe,MAAA,EAAO;IAAA,CAAe,GAChC,eAAAf,GAAA,CAAC;MAAKgB,CAAA,EAAE;IAAA,CAAiF;EAAA,CAC3F;AAEJ;AAOA,MAAMC,WAAA,GAA6B,CACjC;EAAEC,KAAA,EAAO;EAAiBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEC,YAAA,CAAa,EAAEC,GAAA,CAAI;AAAE,GAChF;EAAEN,KAAA,EAAO;EAAiBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEG,WAAA,CAAY,EAAED,GAAA,CAAI;AAAE,GAC/E;EAAEN,KAAA,EAAO;EAAcC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEI,SAAA,CAAU,EAAEF,GAAA,CAAI;AAAE,EAC5E;AAEA,MAAMG,WAAA,GAA6B,CACjC;EAAET,KAAA,EAAO;EAAqBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEM,eAAA,CAAgB,EAAEJ,GAAA,CAAI;AAAE,GACvF;EAAEN,KAAA,EAAO;EAAoBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEO,cAAA,CAAe,EAAEL,GAAA,CAAI;AAAE,GACrF;EAAEN,KAAA,EAAO;EAAiBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEQ,YAAA,CAAa,EAAEN,GAAA,CAAI;AAAE,EAClF;AAEA,MAAMO,aAAA,GAA+B,CACnC;EAAEb,KAAA,EAAO;EAAqBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEU,eAAA,CAAgB,EAAER,GAAA,CAAI;AAAE,GACvF;EAAEN,KAAA,EAAO;EAAeC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEW,UAAA,CAAW,EAAET,GAAA,CAAI;AAAE,GAC5E;EAAEN,KAAA,EAAO;EAAcC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEY,SAAA,CAAU,EAAEV,GAAA,CAAI;AAAE,GAC1E;EAAEN,KAAA,EAAO;EAAgBC,MAAA,EAASC,CAAA,IAAMA,CAAA,CAAEC,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEa,WAAA,CAAY,EAAEX,GAAA,CAAI;AAAE,EAChF;AAMO,SAASY,YAAY;EAAEC;AAAO,GAAqB;EACxD,MAAM;IAAEC;EAAU,IAAI/C,gBAAA,CAAiB;EACvC,MAAM,CAACgD,QAAA,EAAUC,WAAW,IAAInD,QAAA,CAAS,KAAK;EAE9C,IAAI,CAACgD,MAAA,EAAQ,OAAO;EAEpB,OACE,eAAArC,GAAA,CAACV,UAAA;IACC+C,MAAA;IACAI,UAAA,EAAYA,CAAC;MAAEJ,MAAA,EAAQjB;IAAE,MAAMA,CAAA,CAAEsB,QAAA,CAAS,OAAO;IACjDC,OAAA,EAAS;MAAEC,SAAA,EAAW;IAAM;IAE5BnC,QAAA,iBAAAR,IAAA,CAACP,MAAA;MACCmD,eAAA,EAAgB;MAChBC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,YAAA,EAAcV,SAAA,CAAUU,YAAA,CAAaA,YAAA;MACrCC,OAAA,EAAQ;MACRC,GAAA,EAAI;MACJC,UAAA,EAAW;MACXC,SAAA,EAAWd,SAAA,CAAUc,SAAA;MAErB3C,QAAA,kBAAAT,GAAA,CAACF,aAAA;QACCuD,OAAA,EAASA,CAAA,KAAMhB,MAAA,CAAOhB,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEG,WAAA,CAAY,EAAED,GAAA,CAAI;QACxD,cAAW;QACX8B,OAAA,EAAQ;QAER7C,QAAA,iBAAAT,GAAA,CAACE,WAAA,IAAY;MAAA,CACf,GAEA,eAAAF,GAAA,CAACF,aAAA;QACCuD,OAAA,EAASA,CAAA,KAAMhB,MAAA,CAAOhB,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEO,cAAA,CAAe,EAAEL,GAAA,CAAI;QAC3D,cAAW;QACX8B,OAAA,EAAQ;QAER7C,QAAA,iBAAAT,GAAA,CAACP,IAAA;UAAK8D,QAAA,EAAU;UAAIC,UAAA,EAAW;UAAM/C,QAAA;QAAA,CAErC;MAAA,CACF,GAEA,eAAAR,IAAA,CAACT,OAAA;QAAQiE,IAAA,EAAMlB,QAAA;QAAUmB,YAAA,EAAclB,WAAA;QAAaI,SAAA,EAAU;QAC5DnC,QAAA,kBAAAT,GAAA,CAACR,OAAA,CAAQmE,OAAA,EAAR;UAAgBC,OAAA,EAAO;UACtBnD,QAAA,iBAAAT,GAAA,CAACD,qBAAA;YAAsBsD,OAAA,EAASA,CAAA,KAAMb,WAAA,CAAY,IAAI;YAAG,cAAW;YAClE/B,QAAA,iBAAAT,GAAA,CAACP,IAAA;cAAK8D,QAAA,EAAU;cAAI9C,QAAA;YAAA,CAAK;UAAA,CAC3B;QAAA,CACF,GACA,eAAAT,GAAA,CAACR,OAAA,CAAQqE,OAAA,EAAR;UACE,GAAGvB,SAAA,CAAUwB,YAAA;UACdjB,eAAA,EAAgB;UAChBC,WAAA,EAAa;UACbC,WAAA,EAAY;UACZC,YAAA,EAAcV,SAAA,CAAUU,YAAA,CAAaA,YAAA;UACrCI,SAAA,EAAWd,SAAA,CAAUc,SAAA;UACrBW,UAAA,EAAY;YAAEC,OAAA,EAAS;YAAGC,CAAA,EAAG;UAAG;UAChCC,SAAA,EAAW;YAAEF,OAAA,EAAS;YAAGC,CAAA,EAAG;UAAG;UAE/BxD,QAAA,iBAAAR,IAAA,CAACN,MAAA;YAAOuD,GAAA,EAAI;YAAOiB,QAAA,EAAU;YAC1B1D,QAAA,GAAAQ,WAAA,CAAYmD,GAAA,CAAKC,CAAA,IAChB,eAAArE,GAAA,CAACJ,qBAAA;cAECyD,OAAA,EAASA,CAAA,KAAM;gBACbgB,CAAA,CAAElD,MAAA,CAAOkB,MAAM;gBACfG,WAAA,CAAY,KAAK;cACnB;cACA,cAAY6B,CAAA,CAAEnD,KAAA;cAEdT,QAAA,iBAAAT,GAAA,CAACP,IAAA;gBAAK8D,QAAA,EAAU;gBAAK9C,QAAA,EAAA4D,CAAA,CAAEnD;cAAA,CAAM;YAAA,GAPxBmD,CAAA,CAAEnD,KAQT,CACD,GACD,eAAAlB,GAAA,CAACN,MAAA;cAAO4E,eAAA,EAAgB;cACtB7D,QAAA,iBAAAT,GAAA,CAACH,qBAAA;gBACC0E,QAAA,EAAU;gBACVpE,KAAA,EAAM;gBACNC,MAAA,EAAQ;gBACRoE,gBAAA,EAAkB;cAAA,CACpB;YAAA,CACF,GACC7C,WAAA,CAAYyC,GAAA,CAAKC,CAAA,IAChB,eAAArE,GAAA,CAACJ,qBAAA;cAECyD,OAAA,EAASA,CAAA,KAAM;gBACbgB,CAAA,CAAElD,MAAA,CAAOkB,MAAM;gBACfG,WAAA,CAAY,KAAK;cACnB;cACA,cAAY6B,CAAA,CAAEnD,KAAA;cAEdT,QAAA,iBAAAT,GAAA,CAACP,IAAA;gBAAK8D,QAAA,EAAU;gBAAK9C,QAAA,EAAA4D,CAAA,CAAEnD;cAAA,CAAM;YAAA,GAPxBmD,CAAA,CAAEnD,KAQT,CACD,GACD,eAAAlB,GAAA,CAACN,MAAA;cAAO4E,eAAA,EAAgB;cACtB7D,QAAA,iBAAAT,GAAA,CAACH,qBAAA;gBACC0E,QAAA,EAAU;gBACVpE,KAAA,EAAM;gBACNC,MAAA,EAAQ;gBACRoE,gBAAA,EAAkB;cAAA,CACpB;YAAA,CACF,GACCzC,aAAA,CAAcqC,GAAA,CAAKC,CAAA,IAClB,eAAArE,GAAA,CAACJ,qBAAA;cAECyD,OAAA,EAASA,CAAA,KAAM;gBACbgB,CAAA,CAAElD,MAAA,CAAOkB,MAAM;gBACfG,WAAA,CAAY,KAAK;cACnB;cACA,cAAY6B,CAAA,CAAEnD,KAAA;cAEdT,QAAA,iBAAAT,GAAA,CAACP,IAAA;gBAAK8D,QAAA,EAAU;gBAAK9C,QAAA,EAAA4D,CAAA,CAAEnD;cAAA,CAAM;YAAA,GAPxBmD,CAAA,CAAEnD,KAQT,CACD;UAAA,CACH;QAAA,CACF;MAAA,CACF,GAEA,eAAAlB,GAAA,CAACF,aAAA;QACCuD,OAAA,EAASA,CAAA,KAAMhB,MAAA,CAAOhB,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEa,WAAA,CAAY,EAAEX,GAAA,CAAI;QACxD,cAAW;QACX8B,OAAA,EAAQ;QAER7C,QAAA,iBAAAT,GAAA,CAACc,SAAA,IAAU;MAAA,CACb;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["useState","BubbleMenu","useResolvedKnobs","ColumnsPlusRightIcon","RowsPlusBottomIcon","TrashIcon","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","getBlockVirtualElement","ToolbarButton","ToolbarDropdownButton","t","jsx","jsxs","ROW_ACTIONS","id","label","action","e","chain","focus","addRowBefore","run","addRowAfter","deleteRow","COL_ACTIONS","addColumnBefore","addColumnAfter","deleteColumn","TABLE_ACTIONS","toggleHeaderRow","mergeCells","splitCell","deleteTable","MARKDOWN_EXCLUDED_TABLE_ACTIONS","Set","TableBubble","editor","capabilities","knobProps","menuOpen","setMenuOpen","tableActions","filter","a","has","className","shouldShow","isActive","getReferencedVirtualElement","options","placement","offset","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","onPress","tooltip","size","open","onOpenChange","Trigger","asChild","fontSize","Content","overflow","enterStyle","opacity","y","exitStyle","minWidth","map","paddingVertical","vertical","width","height","marginHorizontal"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/TableBubble.native.js

@@ -31,117 +31,127 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_menus = require("@tiptap/react/menus");
 var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("@phosphor-icons/react");
 var import_tamagui = require("tamagui");
 var import_styled = require("../styled.native.js");
+var import_blockAnchor = require("../editor/blockAnchor.native.js");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
-function RowPlusIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-      x1: "12",
-      y1: "5",
-      x2: "12",
-      y2: "19"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
-      x1: "5",
-      y1: "12",
-      x2: "19",
-      y2: "12"
-    })]
-  });
-}
-function TrashIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
-}
+var import_t = require("../shared/t.native.js");
 var ROW_ACTIONS = [{
-  label: "Add row above",
+  id: "addRowBefore",
+  label: function label() {
+    return (0, import_t.t)("Add row above");
+  },
   action: function action(e) {
     return e.chain().focus().addRowBefore().run();
   }
 }, {
-  label: "Add row below",
+  id: "addRowAfter",
+  label: function label2() {
+    return (0, import_t.t)("Add row below");
+  },
   action: function action2(e) {
     return e.chain().focus().addRowAfter().run();
   }
 }, {
-  label: "Delete row",
+  id: "deleteRow",
+  label: function label3() {
+    return (0, import_t.t)("Delete row");
+  },
   action: function action3(e) {
     return e.chain().focus().deleteRow().run();
   }
 }];
 var COL_ACTIONS = [{
-  label: "Add column before",
+  id: "addColumnBefore",
+  label: function label4() {
+    return (0, import_t.t)("Add column before");
+  },
   action: function action4(e) {
     return e.chain().focus().addColumnBefore().run();
   }
 }, {
-  label: "Add column after",
+  id: "addColumnAfter",
+  label: function label5() {
+    return (0, import_t.t)("Add column after");
+  },
   action: function action5(e) {
     return e.chain().focus().addColumnAfter().run();
   }
 }, {
-  label: "Delete column",
+  id: "deleteColumn",
+  label: function label6() {
+    return (0, import_t.t)("Delete column");
+  },
   action: function action6(e) {
     return e.chain().focus().deleteColumn().run();
   }
 }];
 var TABLE_ACTIONS = [{
-  label: "Toggle header row",
+  id: "toggleHeaderRow",
+  label: function label7() {
+    return (0, import_t.t)("Toggle header row");
+  },
   action: function action7(e) {
     return e.chain().focus().toggleHeaderRow().run();
   }
 }, {
-  label: "Merge cells",
+  id: "mergeCells",
+  label: function label8() {
+    return (0, import_t.t)("Merge cells");
+  },
   action: function action8(e) {
     return e.chain().focus().mergeCells().run();
   }
 }, {
-  label: "Split cell",
+  id: "splitCell",
+  label: function label9() {
+    return (0, import_t.t)("Split cell");
+  },
   action: function action9(e) {
     return e.chain().focus().splitCell().run();
   }
 }, {
-  label: "Delete table",
+  id: "deleteTable",
+  label: function label10() {
+    return (0, import_t.t)("Delete table");
+  },
   action: function action10(e) {
     return e.chain().focus().deleteTable().run();
   }
 }];
+var MARKDOWN_EXCLUDED_TABLE_ACTIONS = /* @__PURE__ */new Set(["mergeCells", "splitCell"]);
 function TableBubble(param) {
   var {
-    editor
+    editor,
+    capabilities = "full"
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
+  var tableActions = capabilities === "markdown" ? TABLE_ACTIONS.filter(function (a) {
+    return !MARKDOWN_EXCLUDED_TABLE_ACTIONS.has(a.id);
+  }) : TABLE_ACTIONS;
   if (!editor) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e
       } = param2;
       return e.isActive("table");
     },
+    // Anchor to the table rect (not the caret) so the bubble never covers
+    // the first row and holds still while typing in cells (LC-06 spirit:
+    // chrome must not sit on top of the content being edited).
+    getReferencedVirtualElement: function getReferencedVirtualElement() {
+      return (0, import_blockAnchor.getBlockVirtualElement)(editor, "table");
+    },
     options: {
-      placement: "top"
+      placement: "top-start",
+      offset: 6
     },
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       backgroundColor: "$background",
@@ -156,19 +166,19 @@ function TableBubble(param) {
         onPress: function onPress() {
           return editor.chain().focus().addRowAfter().run();
         },
-        "aria-label": "Add row",
-        tooltip: "Add row below",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RowPlusIcon, {})
+        "aria-label": (0, import_t.t)("Add row"),
+        tooltip: (0, import_t.t)("Add row below"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.RowsPlusBottomIcon, {
+          size: 14
+        })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
         onPress: function onPress() {
           return editor.chain().focus().addColumnAfter().run();
         },
-        "aria-label": "Add column",
-        tooltip: "Add column after",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: 11,
-          fontWeight: "700",
-          children: "+Col"
+        "aria-label": (0, import_t.t)("Add column"),
+        tooltip: (0, import_t.t)("Add column after"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.ColumnsPlusRightIcon, {
+          size: 14
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
         open: menuOpen,
@@ -180,14 +190,16 @@ function TableBubble(param) {
             onPress: function onPress() {
               return setMenuOpen(true);
             },
-            "aria-label": "Table options",
+            "aria-label": (0, import_t.t)("Table options"),
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
               fontSize: 12,
-              children: "Table"
+              children: (0, import_t.t)("Table")
             })
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
-          ...knobProps.panelPadding,
+          // SP-EDGE: container owns only its border — items own all padding.
+          padding: 0,
+          overflow: "hidden",
           backgroundColor: "$background",
           borderWidth: 1,
           borderColor: "$borderColor",
@@ -205,17 +217,18 @@ function TableBubble(param) {
             gap: "$0.5",
             minWidth: 180,
             children: [ROW_ACTIONS.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
@@ -225,17 +238,18 @@ function TableBubble(param) {
                 marginHorizontal: 0
               })
             }), COL_ACTIONS.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
               paddingVertical: "$0.5",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
@@ -244,18 +258,19 @@ function TableBubble(param) {
                 height: 1,
                 marginHorizontal: 0
               })
-            }), TABLE_ACTIONS.map(function (a) {
+            }), tableActions.map(function (a) {
+              var label11 = a.label();
               return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
                 onPress: function onPress() {
                   a.action(editor);
                   setMenuOpen(false);
                 },
-                "aria-label": a.label,
+                "aria-label": label11,
                 children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                   fontSize: 13,
-                  children: a.label
+                  children: label11
                 })
-              }, a.label);
+              }, label11);
             })]
           })
         })]
@@ -263,9 +278,11 @@ function TableBubble(param) {
         onPress: function onPress() {
           return editor.chain().focus().deleteTable().run();
         },
-        "aria-label": "Delete table",
-        tooltip: "Delete table",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+        "aria-label": (0, import_t.t)("Delete table"),
+        tooltip: (0, import_t.t)("Delete table"),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.TrashIcon, {
+          size: 14
+        })
       })]
     })
   });