@ni/nimble-components 32.3.2 → 32.4.1

package/dist/all-components-bundle.js

@@ -16035,6 +16035,7 @@
   const PowerGreen = "#32eb96";
   const PowerGreen10 = "#364941";
   const PowerGreen30 = "#356d54";
+  const PowerGreenDark50 = "#98f5ca";
   const Black22 = "#e6e6e6";
   const Black82 = "#434445";
   const NiHoneyLight = "#ffe76b";
@@ -16658,7 +16659,7 @@
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBackgroundTransientColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark105, DigitalGreenDark, DigitalGreenDark));
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBorderStaticColor)).withDefault((element) => getColorForTheme(element, DigitalGreenLight, DigitalGreenLight, DigitalGreenLight));
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBorderTransientColor)).withDefault((element) => getColorForTheme(element, DigitalGreenLight, hexToRgbaCssColor(PowerGreen, 0.85), hexToRgbaCssColor(PowerGreen, 0.85)));
-  DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventStaticFontColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark110, White, White));
+  DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventStaticFontColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark110, PowerGreenDark50, PowerGreenDark50));
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventDynamicFontColor)).withDefault((element) => getColorForTheme(element, White, White, White));
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventTransientFontColor)).withDefault((element) => getColorForTheme(element, White, White, White));
   DesignToken.create(styleNameFromTokenName(tokenNames.calendarEventBackgroundHoverStaticColor)).withDefault((element) => getColorForTheme(element, DigitalGreenLight30, PowerGreen30, PowerGreen30));
@@ -28723,7 +28724,7 @@ so this becomes the fallback color for the slot */ ''}
       let result = [];
       for (let typeName in types) {
           let type = types[typeName];
-          if (type.groups.indexOf(name) > -1)
+          if (type.isInGroup(name))
               result.push(type);
       }
       if (result.length == 0)
@@ -29002,6 +29003,13 @@ so this becomes the fallback color for the slot */ ''}
       */
       get isAtom() { return this.isLeaf || !!this.spec.atom; }
       /**
+      Return true when this node type is part of the given
+      [group](https://prosemirror.net/docs/ref/#model.NodeSpec.group).
+      */
+      isInGroup(group) {
+          return this.groups.indexOf(group) > -1;
+      }
+      /**
       The node type's [whitespace](https://prosemirror.net/docs/ref/#model.NodeSpec.whitespace) option.
       */
       get whitespace() {
@@ -29834,6 +29842,7 @@ so this becomes the fallback color for the slot */ ''}
                   contentDOM = rule.contentElement;
               this.findAround(dom, contentDOM, true);
               this.addAll(contentDOM, marks);
+              this.findAround(dom, contentDOM, false);
           }
           if (sync && this.sync(startIn))
               this.open--;
@@ -30012,7 +30021,7 @@ so this becomes the fallback color for the slot */ ''}
                       let next = depth > 0 || (depth == 0 && useRoot) ? this.nodes[depth].type
                           : option && depth >= minDepth ? option.node(depth - minDepth).type
                               : null;
-                      if (!next || (next.name != part && next.groups.indexOf(part) == -1))
+                      if (!next || (next.name != part && !next.isInGroup(part)))
                           return false;
                       depth--;
                   }
@@ -41777,12 +41786,16 @@ so this becomes the fallback color for the slot */ ''}
           return;
       }
       let start = $pos.parent.childAfter($pos.parentOffset);
-      if ($pos.parentOffset === start.offset && start.offset !== 0) {
+      // If the cursor is at the start of a text node that does not have the mark, look backward
+      if (!start.node || !start.node.marks.some(mark => mark.type === type)) {
           start = $pos.parent.childBefore($pos.parentOffset);
       }
-      if (!start.node) {
+      // If there is no text node with the mark even backward, return undefined
+      if (!start.node || !start.node.marks.some(mark => mark.type === type)) {
           return;
       }
+      // We now know that the cursor is either at the start, middle or end of a text node with the specified mark
+      // so we can look it up on the targeted mark
       const mark = findMarkInSet([...start.node.marks], type, attributes);
       if (!mark) {
           return;
@@ -42072,7 +42085,7 @@ so this becomes the fallback color for the slot */ ''}
       var _a;
       if (dispatch) {
           options = {
-              parseOptions: {},
+              parseOptions: editor.options.parseOptions,
               updateSelection: true,
               applyInputRules: false,
               applyPasteRules: false,
@@ -42093,7 +42106,9 @@ so this becomes the fallback color for the slot */ ''}
                   editor,
                   error: e,
                   disableCollaboration: () => {
-                      console.error('[tiptap error]: Unable to disable collaboration at this point in time');
+                      if (editor.storage.collaboration) {
+                          editor.storage.collaboration.isDisabled = true;
+                      }
                   },
               });
               return false;
@@ -43867,7 +43882,8 @@ so this becomes the fallback color for the slot */ ''}
           const children = [];
           this.node.content.forEach((node, offset) => {
               const isBlock = node.isBlock && !node.isTextblock;
-              const targetPos = this.pos + offset + 1;
+              const isNonTextAtom = node.isAtom && !node.isText;
+              const targetPos = this.pos + offset + (isNonTextAtom ? 0 : 1);
               const $pos = this.resolvedPos.doc.resolve(targetPos);
               if (!isBlock && $pos.depth <= this.depth) {
                   return;
@@ -43943,9 +43959,12 @@ so this becomes the fallback color for the slot */ ''}
           return nodes;
       }
       setAttribute(attributes) {
-          const oldSelection = this.editor.state.selection;
-          this.editor.chain().setTextSelection(this.from).updateAttributes(this.node.type.name, attributes).setTextSelection(oldSelection.from)
-              .run();
+          const { tr } = this.editor.state;
+          tr.setNodeMarkup(this.from, undefined, {
+              ...this.node.attrs,
+              ...attributes,
+          });
+          this.editor.view.dispatch(tr);
       }
   }
 
@@ -44197,18 +44216,27 @@ img.ProseMirror-separator {
       /**
        * Unregister a ProseMirror plugin.
        *
-       * @param nameOrPluginKey The plugins name
+       * @param nameOrPluginKeyToRemove The plugins name
        * @returns The new editor state or undefined if the editor is destroyed
        */
-      unregisterPlugin(nameOrPluginKey) {
+      unregisterPlugin(nameOrPluginKeyToRemove) {
           if (this.isDestroyed) {
               return undefined;
           }
-          // @ts-ignore
-          const name = typeof nameOrPluginKey === 'string' ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
-          const state = this.state.reconfigure({
+          const prevPlugins = this.state.plugins;
+          let plugins = prevPlugins;
+          [].concat(nameOrPluginKeyToRemove).forEach(nameOrPluginKey => {
               // @ts-ignore
-              plugins: this.state.plugins.filter(plugin => !plugin.key.startsWith(name)),
+              const name = typeof nameOrPluginKey === 'string' ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
+              // @ts-ignore
+              plugins = prevPlugins.filter(plugin => !plugin.key.startsWith(name));
+          });
+          if (prevPlugins.length === plugins.length) {
+              // No plugin was removed, so we don’t need to update the state
+              return undefined;
+          }
+          const state = this.state.reconfigure({
+              plugins,
           });
           this.view.updateState(state);
           return state;
@@ -44271,6 +44299,9 @@ img.ProseMirror-separator {
                   editor: this,
                   error: e,
                   disableCollaboration: () => {
+                      if (this.storage.collaboration) {
+                          this.storage.collaboration.isDisabled = true;
+                      }
                       // To avoid syncing back invalid content, reinitialize the extensions without the collaboration extension
                       this.options.extensions = this.options.extensions.filter(extension => extension.name !== 'collaboration');
                       // Restart the initialization process by recreating the extension manager with the new set of extensions
@@ -44289,6 +44320,12 @@ img.ProseMirror-separator {
                   selection: selection || undefined,
               }),
           });
+          // add `role="textbox"` to the editor element
+          this.view.dom.setAttribute('role', 'textbox');
+          // add aria-label to the editor element
+          if (!this.view.dom.getAttribute('aria-label')) {
+              this.view.dom.setAttribute('aria-label', 'Rich-Text Editor');
+          }
           // `editor.view` is not yet available at this time.
           // Therefore we will add all plugins and node views directly afterwards.
           const newState = this.state.reconfigure({
@@ -55421,6 +55458,10 @@ img.ProseMirror-separator {
                   tag: 'b',
                   getAttrs: node => node.style.fontWeight !== 'normal' && null,
               },
+              {
+                  style: 'font-weight=400',
+                  clearMark: mark => mark.type.name === this.name,
+              },
               {
                   style: 'font-weight',
                   getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value) && null,
@@ -56326,6 +56367,10 @@ img.ProseMirror-separator {
                   tag: 'i',
                   getAttrs: node => node.style.fontStyle !== 'normal' && null,
               },
+              {
+                  style: 'font-style=normal',
+                  clearMark: mark => mark.type.name === this.name,
+              },
               {
                   style: 'font-style=italic',
               },
@@ -58711,6 +58756,7 @@ img.ProseMirror-separator {
    */
   const Mention = Node$1.create({
       name: 'mention',
+      priority: 101,
       addOptions() {
           return {
               HTMLAttributes: {},