@ni/nimble-components 20.1.19 → 20.1.21

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 31 Aug 2023 16:45:53 GMT
+   * Generated on Fri, 01 Sep 2023 05:37:36 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -56170,6 +56170,15 @@ img.ProseMirror-separator {
     }
 `;
 
+  /**
+   * TipTap node types.
+   * @public
+   */
+  const TipTapNodeName = {
+      bulletList: 'bulletList',
+      numberedList: 'orderedList'
+  };
+
   /**
    * A nimble styled rich text editor
    */
@@ -56286,6 +56295,7 @@ img.ProseMirror-separator {
        */
       boldButtonClick() {
           this.tiptapEditor.chain().focus().toggleBold().run();
+          this.forceFocusEditor();
       }
       /**
        * Toggle the bold mark and focus back to the editor
@@ -56294,6 +56304,7 @@ img.ProseMirror-separator {
       boldButtonKeyDown(event) {
           if (this.keyActivatesButton(event)) {
               this.tiptapEditor.chain().focus().toggleBold().run();
+              this.forceFocusEditor();
               return false;
           }
           return true;
@@ -56304,6 +56315,7 @@ img.ProseMirror-separator {
        */
       italicsButtonClick() {
           this.tiptapEditor.chain().focus().toggleItalic().run();
+          this.forceFocusEditor();
       }
       /**
        * Toggle the italics mark and focus back to the editor
@@ -56312,6 +56324,7 @@ img.ProseMirror-separator {
       italicsButtonKeyDown(event) {
           if (this.keyActivatesButton(event)) {
               this.tiptapEditor.chain().focus().toggleItalic().run();
+              this.forceFocusEditor();
               return false;
           }
           return true;
@@ -56322,6 +56335,7 @@ img.ProseMirror-separator {
        */
       bulletListButtonClick() {
           this.tiptapEditor.chain().focus().toggleBulletList().run();
+          this.forceFocusEditor();
       }
       /**
        * Toggle the unordered list node and focus back to the editor
@@ -56330,6 +56344,7 @@ img.ProseMirror-separator {
       bulletListButtonKeyDown(event) {
           if (this.keyActivatesButton(event)) {
               this.tiptapEditor.chain().focus().toggleBulletList().run();
+              this.forceFocusEditor();
               return false;
           }
           return true;
@@ -56340,6 +56355,7 @@ img.ProseMirror-separator {
        */
       numberedListButtonClick() {
           this.tiptapEditor.chain().focus().toggleOrderedList().run();
+          this.forceFocusEditor();
       }
       /**
        * Toggle the ordered list node and focus back to the editor
@@ -56348,6 +56364,7 @@ img.ProseMirror-separator {
       numberedListButtonKeyDown(event) {
           if (this.keyActivatesButton(event)) {
               this.tiptapEditor.chain().focus().toggleOrderedList().run();
+              this.forceFocusEditor();
               return false;
           }
           return true;
@@ -56490,10 +56507,14 @@ img.ProseMirror-separator {
           this.tiptapEditor.off('transaction');
       }
       updateEditorButtonsState() {
+          const { extensionManager, state } = this.tiptapEditor;
+          const { extensions } = extensionManager;
+          const { selection } = state;
+          const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
           this.boldButton.checked = this.tiptapEditor.isActive('bold');
           this.italicsButton.checked = this.tiptapEditor.isActive('italic');
-          this.bulletListButton.checked = this.tiptapEditor.isActive('bulletList');
-          this.numberedListButton.checked = this.tiptapEditor.isActive('orderedList');
+          this.bulletListButton.checked = parentList?.node.type.name === TipTapNodeName.bulletList;
+          this.numberedListButton.checked = parentList?.node.type.name === TipTapNodeName.numberedList;
       }
       keyActivatesButton(event) {
           switch (event.key) {
@@ -56553,7 +56574,7 @@ img.ProseMirror-separator {
               - this.tiptapEditor.view.dom.clientWidth;
       }
       getTipTapExtension(extensionName) {
-          return this.tiptapEditor.extensionManager.extensions.find(extension => extension.name === extensionName);
+          return this.tiptapEditor.extensionManager.extensions.find((extension) => extension.name === extensionName);
       }
       setEditorTabIndex() {
           this.tiptapEditor.setOptions({
@@ -56564,6 +56585,14 @@ img.ProseMirror-separator {
               }
           });
       }
+      // In Firefox browser, once the editor gets focused, the blinking caret will be visible until we click format buttons (Bold, Italic ...) in the Firefox browser (changing focus).
+      // But once any of the toolbar button is clicked, editor internally has its focus but the blinking caret disappears.
+      // As a workaround, manually triggering blur and setting focus on editor makes the blinking caret to re-appear.
+      // Mozilla issue https://bugzilla.mozilla.org/show_bug.cgi?id=1496769 tracks removal of this workaround.
+      forceFocusEditor() {
+          this.tiptapEditor.commands.blur();
+          this.tiptapEditor.commands.focus();
+      }
   }
   __decorate$1([
       attr({ mode: 'boolean' })