@doist/typist 9.0.0 → 9.0.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [9.0.1](https://github.com/Doist/typist/compare/v9.0.0...v9.0.1) (2026-01-13)
+
+### Bug Fixes
+
+- **paste-html-table-as-string:** preserve surrounding content when pasting HTML tables ([#1189](https://github.com/Doist/typist/issues/1189)) ([6588f4f](https://github.com/Doist/typist/commit/6588f4f59e0b5bc81a3b09ea195a09896a7ba951))
+
 ## [9.0.0](https://github.com/Doist/typist/compare/v8.0.8...v9.0.0) (2025-11-19)
 
 ### ⚠ BREAKING CHANGES

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2022-2025 Doist Inc.
+Copyright (c) 2022-2026 Doist Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/extensions/shared/paste-html-table-as-string.d.ts

@@ -1,4 +1,8 @@
 import { Extension } from '@tiptap/core';
+/**
+ * Transforms pasted HTML by converting tables to paragraphs while preserving surrounding content.
+ */
+declare function transformPastedHTML(html: string): string;
 /**
  * The `PasteHTMLTableAsString` extension adds the ability to paste a table copied from a spreadsheet
  * web app (e.g., Google Sheets, Microsoft Excel), along with tables rendered by GitHub Flavored
@@ -12,5 +16,5 @@ import { Extension } from '@tiptap/core';
  * Microsoft Excel, because unfortunately, these apps style the cell contents using CSS.
  */
 declare const PasteHTMLTableAsString: Extension<any, any>;
-export { PasteHTMLTableAsString };
+export { PasteHTMLTableAsString, transformPastedHTML };
 //# sourceMappingURL=paste-html-table-as-string.d.ts.map

package/dist/extensions/shared/paste-html-table-as-string.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paste-html-table-as-string.d.ts","sourceRoot":"","sources":["../../../src/extensions/shared/paste-html-table-as-string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAMxC;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,sBAAsB,qBAwD1B,CAAA;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"paste-html-table-as-string.d.ts","sourceRoot":"","sources":["../../../src/extensions/shared/paste-html-table-as-string.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAMxC;;GAEG;AACH,iBAAS,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAwCjD;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,sBAAsB,qBAa1B,CAAA;AAEF,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/extensions/shared/paste-html-table-as-string.js

@@ -2,6 +2,41 @@ import { Extension } from '@tiptap/core';
 import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { PASTE_HTML_TABLE_AS_STRING_EXTENSION_PRIORITY } from '../../constants/extension-priorities';
 import { parseHtmlToElement } from '../../helpers/dom';
+/**
+ * Transforms pasted HTML by converting tables to paragraphs while preserving surrounding content.
+ */
+function transformPastedHTML(html) {
+    const body = parseHtmlToElement(html);
+    const tables = body.querySelectorAll('table');
+    if (tables.length === 0) {
+        return html;
+    }
+    for (const table of Array.from(tables)) {
+        if (!table.rows) {
+            continue;
+        }
+        // Convert table rows to paragraphs (using innerHTML to preserve formatting)
+        const paragraphs = Array.from(table.rows)
+            .map((row) => Array.from(row.cells)
+            .map((cell) => {
+            // Unwrap paragraphs but preserve inline formatting
+            const paragraphs = cell.querySelectorAll('p');
+            for (const p of Array.from(paragraphs)) {
+                p.replaceWith(...Array.from(p.childNodes));
+            }
+            return cell.innerHTML;
+        })
+            .join(' '))
+            .filter((row) => row.trim().length > 0)
+            .map((row) => {
+            const p = document.createElement('p');
+            p.innerHTML = row;
+            return p;
+        });
+        table.replaceWith(...paragraphs);
+    }
+    return body.innerHTML;
+}
 /**
  * The `PasteHTMLTableAsString` extension adds the ability to paste a table copied from a spreadsheet
  * web app (e.g., Google Sheets, Microsoft Excel), along with tables rendered by GitHub Flavored
@@ -22,45 +57,10 @@ const PasteHTMLTableAsString = Extension.create({
             new Plugin({
                 key: new PluginKey('pasteHTMLTableAsString'),
                 props: {
-                    transformPastedHTML(html) {
-                        // Attempt to extract table(s) HTML from the pasted HTML
-                        const tableHTML = html.match(/<table[^>]+>[\s\S]*?<\/table>/gi);
-                        // Do not handle the event if no table HTML was found
-                        if (!tableHTML) {
-                            return html;
-                        }
-                        // Concatenate all tables into a single string of paragraphs
-                        return tableHTML.reduce((result, table) => {
-                            const { firstElementChild: tableElement } = parseHtmlToElement(table);
-                            if (!tableElement ||
-                                !(tableElement instanceof HTMLTableElement) ||
-                                !tableElement.rows) {
-                                return result;
-                            }
-                            // Transform the table element into a string of paragraphs
-                            return (result +
-                                Array.from(tableElement.rows)
-                                    // Join each cell into a single string for each row
-                                    .reduce((acc, row) => {
-                                    return [
-                                        ...acc,
-                                        // Use `innerHTML` instead of `innerText` to preserve
-                                        // potential formatting (e.g., GFM) within each cell
-                                        Array.from(row.cells)
-                                            .map((cell) => cell.innerHTML)
-                                            .join(' '),
-                                    ];
-                                }, [])
-                                    // Discard rows that are completely empty
-                                    .filter((row) => row.trim().length > 0)
-                                    // Wrap each row in a paragraph
-                                    .map((row) => `<p>${row}</p>`)
-                                    .join(''));
-                        }, '');
-                    },
+                    transformPastedHTML,
                 },
             }),
         ];
     },
 });
-export { PasteHTMLTableAsString };
+export { PasteHTMLTableAsString, transformPastedHTML };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/typist",
     "description": "The mighty Tiptap-based rich-text editor React component that powers Doist products.",
-    "version": "9.0.0",
+    "version": "9.0.1",
     "license": "MIT",
     "homepage": "https://typist.doist.dev/",
     "repository": "https://github.com/Doist/typist",
@@ -82,30 +82,30 @@
     "devDependencies": {
         "@doist/eslint-config": "12.0.0",
         "@doist/prettier-config": "4.0.1",
-        "@doist/reactist": "29.1.0",
+        "@doist/reactist": "29.1.1",
         "@mdx-js/react": "3.1.1",
         "@semantic-release/changelog": "6.0.3",
         "@semantic-release/exec": "7.1.0",
         "@semantic-release/git": "10.0.1",
-        "@storybook/addon-a11y": "8.6.14",
+        "@storybook/addon-a11y": "8.6.15",
         "@storybook/addon-essentials": "8.6.14",
         "@storybook/blocks": "8.6.14",
         "@storybook/csf": "0.1.13",
         "@storybook/manager-api": "8.6.14",
         "@storybook/mdx2-csf": "1.1.0",
-        "@storybook/react": "8.6.14",
-        "@storybook/react-vite": "8.6.14",
+        "@storybook/react": "8.6.15",
+        "@storybook/react-vite": "8.6.15",
         "@testing-library/dom": "10.4.1",
         "@testing-library/jest-dom": "6.9.1",
-        "@testing-library/react": "16.3.0",
+        "@testing-library/react": "16.3.1",
         "@types/hast": "3.0.4",
         "@types/lodash-es": "4.17.12",
-        "@types/react": "18.3.26",
+        "@types/react": "18.3.27",
         "@types/react-dom": "18.3.7",
         "@types/react-syntax-highlighter": "15.5.13",
         "@types/turndown": "5.0.6",
         "@types/unist": "3.0.3",
-        "@vitejs/plugin-react": "5.1.1",
+        "@vitejs/plugin-react": "5.1.2",
         "boring-avatars": "2.0.4",
         "classnames": "2.5.1",
         "conventional-changelog-conventionalcommits": "9.1.0",
@@ -122,8 +122,8 @@
         "husky": "9.1.7",
         "ignore-sync": "8.0.0",
         "is-ci": "4.1.0",
-        "jsdom": "27.2.0",
-        "lint-staged": "16.2.6",
+        "jsdom": "27.4.0",
+        "lint-staged": "16.2.7",
         "npm-run-all-next": "1.1.1",
         "prettier": "3.6.2",
         "react": "18.3.1",
@@ -134,15 +134,15 @@
         "react-use-event-hook": "0.9.6",
         "rehype-raw": "7.0.0",
         "remark-gfm": "4.0.1",
-        "rimraf": "6.1.0",
+        "rimraf": "6.1.2",
         "semantic-release": "25.0.2",
-        "storybook": "8.6.14",
+        "storybook": "8.6.15",
         "storybook-css-modules": "1.0.8",
         "tippy.js": "6.3.7",
-        "type-fest": "5.2.0",
+        "type-fest": "5.3.1",
         "typescript": "5.9.3",
         "typescript-plugin-css-modules": "5.2.0",
-        "vitest": "4.0.9"
+        "vitest": "4.0.16"
     },
     "peerDependencies": {
         "emoji-regex": "^10.2.1",