@bendyline/squisq-editor-react 2.12.4 → 2.12.6

package/dist/{chunk-KI5XQWRU.js → chunk-LRUBYTKW.js}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_ESCAPE_ATTR
-} from "./chunk-WMNL2WEI.js";
+} from "./chunk-MHG4KPMA.js";
 
 // src/MarkdownEscape.ts
 import { Mark, mergeAttributes } from "@tiptap/core";

package/dist/{chunk-WMNL2WEI.js → chunk-MHG4KPMA.js}

@@ -3,7 +3,10 @@ import { resolveIcon } from "@bendyline/squisq/icons";
 import {
   matchTrailingTemplateAnnotation,
   matchTrailingPandocAttr,
-  tokenizeAttrTokens
+  tokenizeAttrTokens,
+  parseHtmlToNodes,
+  sanitizeHtmlNodes,
+  stringifyHtmlNodes
 } from "@bendyline/squisq/markdown";
 import { mediaEditHtmlAttribute as mediaEditHtmlAttribute2 } from "@bendyline/squisq/mediaEdit";
 
@@ -394,14 +397,14 @@ function markdownToTiptap(markdown) {
     const thHtml = headerCells.map((cell, i) => {
       const align = alignments[i];
       const style = align ? ` style="text-align: ${align}"` : "";
-      return `<th${style}>${inlineToHtml(cell)}</th>`;
+      return `<th${style}>${tableCellToHtml(cell)}</th>`;
     }).join("");
     const bodyHtml = tableLines.slice(2).map((rowLine) => {
       const cells = parseTableCells(rowLine);
       const tdHtml = cells.map((cell, i) => {
         const align = alignments[i];
         const style = align ? ` style="text-align: ${align}"` : "";
-        return `<td${style}>${inlineToHtml(cell)}</td>`;
+        return `<td${style}>${tableCellToHtml(cell)}</td>`;
       }).join("");
       return `<tr>${tdHtml}</tr>`;
     }).join("");
@@ -1314,7 +1317,17 @@ function htmlToInline(html) {
   result = vault.restore(result);
   return restoreLeadingSpaces(unescapeHtml(result));
 }
+var RICH_TABLE_CELL = /^<div data-squisq-table-cell="">([\s\S]*)<\/div>$/;
+function tableCellToHtml(cell) {
+  const rich = RICH_TABLE_CELL.exec(cell);
+  return rich ? stringifyHtmlNodes(sanitizeHtmlNodes(parseHtmlToNodes(rich[1]))) : inlineToHtml(cell);
+}
 function htmlToTableCell(html) {
+  if (/<(?:ul|ol|blockquote|h[1-6]|pre|div)\b/i.test(html)) {
+    const content = html.replace(/<label\b[^>]*>[\s\S]*?<\/label>/gi, "");
+    const safe = stringifyHtmlNodes(sanitizeHtmlNodes(parseHtmlToNodes(content)));
+    return `<div data-squisq-table-cell="">${safe.replace(/\|/g, "&#124;").replace(/\r/g, "&#13;").replace(/\n/g, "&#10;")}</div>`;
+  }
   const withParagraphBreaks = html.replace(/<\/p>\s*<p(?:\s[^>]*)?>/gi, "<br>").replace(/^\s*<p(?:\s[^>]*)?>/i, "").replace(/<\/p>\s*$/i, "");
   return htmlToInline(withParagraphBreaks).replace(/ {2}\n/g, "<br>");
 }

package/dist/{chunk-CLO2AM6J.js → chunk-NESYESKT.js}

@@ -19,7 +19,7 @@ import {
   useDictationState,
   useEditorContext,
   useEditorContextOptional
-} from "./chunk-SKKA3YFF.js";
+} from "./chunk-XF2YCVZM.js";
 import {
   monacoLanguageRequestKey,
   monacoLanguagesForDocument,
@@ -27,7 +27,7 @@ import {
 } from "./chunk-A2H3JOA5.js";
 import {
   MarkdownEscape
-} from "./chunk-KI5XQWRU.js";
+} from "./chunk-LRUBYTKW.js";
 import {
   escapeLinkLabel,
   formatLinkDestination,
@@ -36,7 +36,7 @@ import {
   mediaEditNodeAttributeName,
   mediaEditNodeAttributes,
   tiptapToMarkdown
-} from "./chunk-WMNL2WEI.js";
+} from "./chunk-MHG4KPMA.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/{chunk-SKKA3YFF.js → chunk-XF2YCVZM.js}

@@ -5,7 +5,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-WMNL2WEI.js";
+} from "./chunk-MHG4KPMA.js";
 
 // src/InsertMenuItems.tsx
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";

package/dist/{chunk-PXO3D42N.js → chunk-ZA6VWQUQ.js}

@@ -1,10 +1,10 @@
 import {
   MarkdownEscape
-} from "./chunk-KI5XQWRU.js";
+} from "./chunk-LRUBYTKW.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-WMNL2WEI.js";
+} from "./chunk-MHG4KPMA.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-CLO2AM6J.js";
+} from "./chunk-NESYESKT.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-SKKA3YFF.js";
+} from "./chunk-XF2YCVZM.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +273,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-PXO3D42N.js";
+} from "./chunk-ZA6VWQUQ.js";
 import {
   MarkdownEscape
-} from "./chunk-KI5XQWRU.js";
+} from "./chunk-LRUBYTKW.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-WMNL2WEI.js";
+} from "./chunk-MHG4KPMA.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/json-editor/index.js

@@ -1,8 +1,8 @@
 import {
   JsonEditor
-} from "../chunk-PXO3D42N.js";
-import "../chunk-KI5XQWRU.js";
-import "../chunk-WMNL2WEI.js";
+} from "../chunk-ZA6VWQUQ.js";
+import "../chunk-LRUBYTKW.js";
+import "../chunk-MHG4KPMA.js";
 export {
   JsonEditor
 };

package/dist/review/index.js

@@ -19,9 +19,9 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-SKKA3YFF.js";
+} from "../chunk-XF2YCVZM.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-WMNL2WEI.js";
+import "../chunk-MHG4KPMA.js";
 
 // src/review/proofingAdapter.ts
 import {

package/dist/shell/index.js

@@ -5,16 +5,16 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-CLO2AM6J.js";
+} from "../chunk-NESYESKT.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-SKKA3YFF.js";
+} from "../chunk-XF2YCVZM.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-KI5XQWRU.js";
-import "../chunk-WMNL2WEI.js";
+import "../chunk-LRUBYTKW.js";
+import "../chunk-MHG4KPMA.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-TCGWKYME.js";
 import "../chunk-LRZJD5YD.js";

package/dist/styles/index.css

@@ -20895,6 +20895,78 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   min-width: 0;
   display: flex;
 }
+.squisq-layout-manager-panel {
+  container-type: inline-size;
+  container-name: layout-manager;
+  max-width: 100%;
+}
+.squisq-template-designer-panel {
+  min-width: 0;
+  container-type: inline-size;
+  container-name: layout-designer;
+}
+@container layout-manager (max-width: 760px) {
+  .squisq-layout-manager-body {
+    flex-direction: column;
+    overflow-y: auto;
+  }
+  .squisq-layout-manager-sidebar {
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 180px;
+    flex-shrink: 0;
+    border-right: 0;
+    border-bottom: 1px solid var(--squisq-layout-border);
+  }
+  .squisq-layout-manager-main {
+    flex: 1 0 auto;
+    min-height: 600px;
+  }
+  .squisq-template-designer-panel--embedded {
+    height: auto;
+  }
+}
+@container layout-designer (max-width: 680px) {
+  .squisq-template-designer-meta {
+    grid-template-columns: minmax(0, 1fr);
+    padding: 12px;
+  }
+  .squisq-template-designer-field,
+  .squisq-template-designer-field input {
+    min-width: 0;
+  }
+  .squisq-template-designer-field input,
+  .squisq-template-designer-btn {
+    min-height: 44px;
+    font-size: 16px;
+  }
+  .squisq-template-designer-body {
+    flex-direction: column;
+    flex: 1 0 auto;
+  }
+  .squisq-template-designer-palette {
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 160px;
+    border-right: 0;
+    border-bottom: 1px solid var(--squisq-layout-border);
+  }
+  .squisq-template-designer-stage {
+    min-height: 260px;
+    height: 320px;
+    flex: none;
+    box-sizing: border-box;
+  }
+  .squisq-template-designer-footer {
+    flex-direction: column;
+    align-items: stretch;
+    padding: 12px;
+  }
+  .squisq-template-designer-footer-actions {
+    flex-wrap: wrap;
+    justify-content: flex-end;
+  }
+}
 
 /* src/styles/index.css */
 /*! Bundled license information:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.12.4",
+  "version": "2.12.6",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.12.3",
+    "@bendyline/squisq": "2.12.4",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.7.3",
-    "@bendyline/squisq-grid-react": "2.11.26",
-    "@bendyline/squisq-react": "2.12.4",
-    "@bendyline/squisq-video-react": "2.5.4",
+    "@bendyline/squisq-formats": "2.7.4",
+    "@bendyline/squisq-grid-react": "2.11.27",
+    "@bendyline/squisq-react": "2.12.5",
+    "@bendyline/squisq-video-react": "2.5.5",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",