@37signals/lexxy 0.9.13-beta → 0.9.14-beta

package/README.md

@@ -2,9 +2,6 @@
 
 A modern rich text editor for Rails.
 
-> [!IMPORTANT]
-> This is a beta. It hasn't been battle-tested yet. Please try it out and report any issues you find.
-
 **[Try it out!](https://basecamp.github.io/lexxy/try-it)**
 
 ## Features

package/dist/lexxy.esm.js

@@ -619,14 +619,14 @@ class LexicalToolbarElement extends HTMLElement {
 
     this.#setButtonPressed("bold", isBold);
     this.#setButtonPressed("italic", isItalic);
+    this.#setButtonPressed("strikethrough", isStrikethrough);
+    this.#setButtonPressed("underline", isUnderline);
 
-    this.#setButtonPressed("format", isInHeading || isStrikethrough || isUnderline);
+    this.#setButtonPressed("format", isInHeading);
     this.#setButtonPressed("paragraph", !isInHeading);
     this.#setButtonPressed("heading-large", headingTag === "h2");
     this.#setButtonPressed("heading-medium", headingTag === "h3");
     this.#setButtonPressed("heading-small", headingTag === "h4");
-    this.#setButtonPressed("strikethrough", isStrikethrough);
-    this.#setButtonPressed("underline", isUnderline);
 
     this.#setButtonPressed("lists", isInList);
     this.#setButtonPressed("unordered-list", isInList && listType === "bullet");
@@ -789,6 +789,14 @@ class LexicalToolbarElement extends HTMLElement {
       ${ToolbarIcons.italic}
       </button>
 
+      <button class="lexxy-editor__toolbar-button" type="button" name="strikethrough" data-command="strikethrough" title="Strikethrough">
+        ${ToolbarIcons.strikethrough}
+      </button>
+
+      <button class="lexxy-editor__toolbar-button lexxy-editor__toolbar-group-end" type="button" name="underline" data-command="underline" title="Underline">
+        ${ToolbarIcons.underline}
+      </button>
+
       <lexxy-toolbar-dropdown class="lexxy-editor__toolbar-dropdown">
         <button data-dropdown-trigger class="lexxy-editor__toolbar-button lexxy-editor__toolbar-button--chevron" type="button" name="format" title="Text formatting" aria-haspopup="menu" aria-expanded="false">
           ${ToolbarIcons.heading}
@@ -807,13 +815,6 @@ class LexicalToolbarElement extends HTMLElement {
             ${ToolbarIcons.h4} <span>Small Heading</span>
           </button>
           <div class="lexxy-editor__toolbar-separator" role="separator"></div>
-          <button type="button" name="strikethrough" data-command="strikethrough" title="Strikethrough" role="menuitem">
-            ${ToolbarIcons.strikethrough} <span>Strikethrough</span>
-          </button>
-          <button type="button" name="underline" data-command="underline" title="Underline" role="menuitem">
-            ${ToolbarIcons.underline} <span>Underline</span>
-          </button>
-          <div class="lexxy-editor__toolbar-separator" role="separator"></div>
           <button type="button" name="clear-formatting" data-command="clearFormatting" title="Clear formatting" role="menuitem">
             ${ToolbarIcons.clearFormatting} <span>Clear formatting</span>
           </button>
@@ -9360,6 +9361,8 @@ class TableController {
 
     this.currentCellKey = cellNode?.getKey() ?? null;
     this.currentTableNodeKey = tableNode?.getKey() ?? null;
+
+    return tableNode
   }
 
   executeTableCommand(command, customIndex = null) {
@@ -9862,9 +9865,8 @@ class TableTools extends HTMLElement {
 
   #monitorForTableSelection() {
     this.#listeners.track(this.#editor.registerUpdateListener(() => {
-      this.tableController.updateSelectedTable();
+      const tableNode = this.#editor.getRootElement() && this.tableController.updateSelectedTable();
 
-      const tableNode = this.tableController.currentTableNode;
       if (tableNode) {
         this.#show();
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@37signals/lexxy",
-  "version": "0.9.13-beta",
+  "version": "0.9.14-beta",
   "description": "Lexxy - A modern rich text editor for Rails.",
   "module": "dist/lexxy.esm.js",
   "type": "module",