@ni/ok-components 0.2.14 → 0.2.15

package/dist/all-components-bundle.js

@@ -42644,6 +42644,9 @@ so this becomes the fallback color for the slot */ ''}
       keepOnSplit: true,
       isRequired: false
     };
+    const nodeExtensionTypes = nodeExtensions.filter((ext) => ext.name !== "text").map((ext) => ext.name);
+    const markExtensionTypes = markExtensions.map((ext) => ext.name);
+    const allExtensionTypes = [...nodeExtensionTypes, ...markExtensionTypes];
     extensions.forEach((extension) => {
       const context = {
         name: extension.name,
@@ -42661,7 +42664,19 @@ so this becomes the fallback color for the slot */ ''}
       }
       const globalAttributes = addGlobalAttributes();
       globalAttributes.forEach((globalAttribute) => {
-        globalAttribute.types.forEach((type) => {
+        let resolvedTypes;
+        if (Array.isArray(globalAttribute.types)) {
+          resolvedTypes = globalAttribute.types;
+        } else if (globalAttribute.types === "*") {
+          resolvedTypes = allExtensionTypes;
+        } else if (globalAttribute.types === "nodes") {
+          resolvedTypes = nodeExtensionTypes;
+        } else if (globalAttribute.types === "marks") {
+          resolvedTypes = markExtensionTypes;
+        } else {
+          resolvedTypes = [];
+        }
+        resolvedTypes.forEach((type) => {
           Object.entries(globalAttribute.attributes).forEach(([name, attribute]) => {
             extensionAttributes.push({
               type,
@@ -43201,6 +43216,9 @@ so this becomes the fallback color for the slot */ ''}
       const from = $from.pos;
       const to = $to.pos;
       state.doc.nodesBetween(from, to, (node, pos) => {
+        if (type && node.inlineContent && !node.type.allowsMarkType(type)) {
+          return false;
+        }
         if (!node.isText && !node.marks.length) {
           return;
         }
@@ -44761,6 +44779,39 @@ so this becomes the fallback color for the slot */ ''}
         };
       }, baseDispatch);
     }
+    /**
+     * Get the composed transformPastedHTML function from all extensions.
+     * @param baseTransform The base transform function (e.g. from the editor props)
+     * @returns A composed transform function that chains all extension transforms
+     */
+    transformPastedHTML(baseTransform) {
+      const { editor } = this;
+      const extensions = sortExtensions([...this.extensions]);
+      return extensions.reduce(
+        (transform, extension) => {
+          const context = {
+            name: extension.name,
+            options: extension.options,
+            storage: this.editor.extensionStorage[extension.name],
+            editor,
+            type: getSchemaTypeByName(extension.name, this.schema)
+          };
+          const extensionTransform = getExtensionField(
+            extension,
+            "transformPastedHTML",
+            context
+          );
+          if (!extensionTransform) {
+            return transform;
+          }
+          return (html, view) => {
+            const transformedHtml = transform(html, view);
+            return extensionTransform.call(context, transformedHtml);
+          };
+        },
+        baseTransform || ((html) => html)
+      );
+    }
     get markViews() {
       const { editor } = this;
       const { markExtensions } = splitExtensions(this.extensions);
@@ -45756,7 +45807,7 @@ img.ProseMirror-separator {
       return this.options.editable && this.view && this.view.editable;
     }
     /**
-     * Returns the editor state.
+     * Returns the editor view.
      */
     get view() {
       if (this.editorView) {
@@ -45924,6 +45975,8 @@ img.ProseMirror-separator {
       const { editorProps, enableExtensionDispatchTransaction } = this.options;
       const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
       const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
+      const baseTransformPastedHTML = editorProps.transformPastedHTML;
+      const transformPastedHTML = this.extensionManager.transformPastedHTML(baseTransformPastedHTML);
       this.editorView = new EditorView(element, {
         ...editorProps,
         attributes: {
@@ -45932,6 +45985,7 @@ img.ProseMirror-separator {
           ...editorProps == null ? void 0 : editorProps.attributes
         },
         dispatchTransaction: dispatch,
+        transformPastedHTML,
         state: this.editorState,
         markViews: this.extensionManager.markViews,
         nodeViews: this.extensionManager.nodeViews
@@ -52695,7 +52749,14 @@ ${renderedContent}
     if (url.length <= proto.length) return false
 
     // disallow '*' at the end of the link (conflicts with emphasis)
-    url = url.replace(/\*+$/, '');
+    // do manual backsearch to avoid perf issues with regex /\*+$/ on "****...****a".
+    let urlEnd = url.length;
+    while (urlEnd > 0 && url.charCodeAt(urlEnd - 1) === 0x2A/* * */) {
+      urlEnd--;
+    }
+    if (urlEnd !== url.length) {
+      url = url.slice(0, urlEnd);
+    }
 
     const fullUrl = state.md.normalizeLink(url);
     if (!state.md.validateLink(fullUrl)) return false
@@ -71899,6 +71960,7 @@ focus outline in that case.
           const [offset, align] = offsetInfo;
           this._scrollToOffset(offset, { adjustments: void 0, behavior });
           this.targetWindow.requestAnimationFrame(() => {
+            if (!this.targetWindow) return;
             const verify = () => {
               if (this.currentScrollToIndex !== index) return;
               const currentOffset = this.getScrollOffset();