@drghaliasri/butex 4.2.0 → 4.3.0

package/dist/react-document2.mjs

@@ -11528,6 +11528,7 @@ function ButexDocumentEditor2({
   documentDirection = "rtl",
   equationSide = "arabic",
   editableEquations = true,
+  previewOnly = false,
   uiLocale = "ar",
   mathOutput = "svg",
   onDocumentChange,
@@ -11570,10 +11571,10 @@ function ButexDocumentEditor2({
     injectBuTeXDocument2Styles();
   }, []);
   useEffect5(() => {
-    if (!editableEquations) {
+    if (!editableEquations || previewOnly) {
       setSelectedMath(null);
     }
-  }, [editableEquations]);
+  }, [editableEquations, previewOnly]);
   useEffect5(() => {
     const next = resolveInitialDocument2(initialDocument, uiLocale);
     setDocumentNode(next.document);
@@ -11862,6 +11863,8 @@ function ButexDocumentEditor2({
     pendingFocusRef.current = focusAfterDeletedMath(current, next, tokenId);
     applyDocument(next, "immediate");
   }
+  const showEditorPanel = !previewOnly && editorOpen;
+  const showPreviewPanel = previewOnly || previewOpen;
   return /* @__PURE__ */ jsx10(
     "div",
     {
@@ -11870,7 +11873,7 @@ function ButexDocumentEditor2({
       dir: uiLocaleDirection(uiLocale),
       lang: uiLocale,
       children: /* @__PURE__ */ jsxs8("div", { className: "butex-document2-widget__shell", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "butex-document2-widget__toolbar", children: [
+        !previewOnly ? /* @__PURE__ */ jsxs8("div", { className: "butex-document2-widget__toolbar", children: [
           /* @__PURE__ */ jsx10(
             DocumentInsertToolbar,
             {
@@ -11900,19 +11903,19 @@ function ButexDocumentEditor2({
             /* @__PURE__ */ jsx10("button", { type: "button", onClick: collapseAllBlocks, children: messages.collapseAll }),
             /* @__PURE__ */ jsx10("button", { type: "button", onClick: openAllBlocks, children: messages.openAll })
           ] })
-        ] }),
+        ] }) : null,
         error ? /* @__PURE__ */ jsx10("p", { className: "butex-document2-widget__error", children: error }) : null,
         /* @__PURE__ */ jsxs8(
           "div",
           {
-            className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${editorOpen ? "open" : "closed"} butex-document2-widget__layout--preview-${previewOpen ? "open" : "closed"}`,
+            className: `butex-document2-widget__layout butex-document2-widget__layout--editor-${showEditorPanel ? "open" : "closed"} butex-document2-widget__layout--preview-${showPreviewPanel ? "open" : "closed"}`,
             children: [
-              /* @__PURE__ */ jsx10(
+              !previewOnly ? /* @__PURE__ */ jsx10(
                 "section",
                 {
                   className: "butex-document2-widget__panel butex-document2-widget__editor-panel",
                   "aria-label": messages.documentEditor,
-                  "aria-hidden": !editorOpen,
+                  "aria-hidden": !showEditorPanel,
                   children: /* @__PURE__ */ jsx10("div", { className: "butex-document2-widget__blocks", children: documentNode.blocks.map((block, blockIndex) => /* @__PURE__ */ jsx10(
                     BlockEditor,
                     {
@@ -11942,13 +11945,13 @@ function ButexDocumentEditor2({
                     block.id
                   )) })
                 }
-              ),
+              ) : null,
               /* @__PURE__ */ jsx10(
                 "section",
                 {
                   className: "butex-document2-widget__panel butex-document2-widget__preview-panel",
                   "aria-label": messages.documentPreview,
-                  "aria-hidden": !previewOpen,
+                  "aria-hidden": !showPreviewPanel,
                   children: /* @__PURE__ */ jsx10(DocumentPreview, { blocks: preview.blocks, output: mathOutput, documentDirection, uiLocale })
                 }
               )
@@ -11965,7 +11968,7 @@ function ButexDocumentEditor2({
           /* @__PURE__ */ jsx10("strong", { children: "AST" }),
           /* @__PURE__ */ jsx10("pre", { children: JSON.stringify(documentNode, null, 2) })
         ] }) : null,
-        selectedMath ? /* @__PURE__ */ jsx10(
+        !previewOnly && selectedMath ? /* @__PURE__ */ jsx10(
           EquationDrawer,
           {
             session: selectedMath.session,