@fileverse-dev/ddoc 3.3.8-searchreplace-3 → 3.3.8-searchreplace-4

package/dist/index.es.js

@@ -192237,74 +192237,77 @@ function IYe(e) {
     return MYe(t.current, r) ? t.current : t.current = r;
   };
 }
-const OYe = ({ editor: e }) => {
-  const [, t] = m8((C) => C + 1, 0);
+const OYe = ({
+  editor: e,
+  viewerMode: t
+}) => {
+  const [, n] = m8((_) => _ + 1, 0);
   _e(() => {
     if (e)
-      return e.on("transaction", t), () => {
-        e.off("transaction", t);
+      return e.on("transaction", n), () => {
+        e.off("transaction", n);
       };
   }, [e]);
-  const [n, r] = Me(!1), o = Te(null), { searchTerm: i, replaceTerm: s, showSearchReplacePopover: a } = ND(
-    IYe((C) => ({
-      searchTerm: C.searchTerm,
-      replaceTerm: C.replaceTerm,
-      showSearchReplacePopover: C.showSearchReplacePopover
+  const [r, o] = Me(!1), i = Te(null), { searchTerm: s, replaceTerm: a, showSearchReplacePopover: l } = ND(
+    IYe((_) => ({
+      searchTerm: _.searchTerm,
+      replaceTerm: _.replaceTerm,
+      showSearchReplacePopover: _.showSearchReplacePopover
     }))
-  ), { setShowReplacePopover: l, setSearchTerm: u, setReplaceTerm: c } = ND((C) => C.actions);
-  function d() {
-    e && e.commands.setSearchTerm(""), l(!1);
+  ), { setShowReplacePopover: u, setSearchTerm: c, setReplaceTerm: d } = ND((_) => _.actions);
+  function p() {
+    e && e.commands.setSearchTerm(""), u(!1);
   }
-  Bz("keydown", (C) => {
-    C.code === "KeyF" && C.metaKey && (C.preventDefault(), e && kq(e));
-  }), Bte(d);
-  const h = e == null ? void 0 : e.storage.searchAndReplace.results, f = e == null ? void 0 : e.storage.searchAndReplace.resultIndex;
-  function g() {
-    r((C) => !C);
+  Bz("keydown", (_) => {
+    t === "suggest" || t == "view-only" || _.code === "KeyF" && _.metaKey && (_.preventDefault(), e && kq(e));
+  }), Bte(p);
+  const f = e == null ? void 0 : e.storage.searchAndReplace.results, g = e == null ? void 0 : e.storage.searchAndReplace.resultIndex;
+  function m() {
+    o((_) => !_);
   }
-  function m(C) {
+  function b(_) {
     if (!e) return;
-    const { value: _ } = C.target;
-    u(_), e.commands.setSearchTerm(_), e.commands.resetIndex();
+    const { value: I } = _.target;
+    c(I), e.commands.setSearchTerm(I), e.commands.resetIndex();
   }
-  function b(C) {
+  function y(_) {
     if (!e) return;
-    const { value: _ } = C.target;
-    c(_), e.commands.setReplaceTerm(_), e.commands.resetIndex();
+    const { value: I } = _.target;
+    d(I), e.commands.setReplaceTerm(I), e.commands.resetIndex();
   }
-  function y() {
+  function F() {
     e && e.commands.replace();
   }
-  function F() {
+  function v() {
     e && e.commands.replaceAll();
   }
-  function v() {
+  function D() {
     if (!e) return;
-    const { results: C, resultIndex: _ } = e.storage.searchAndReplace, I = C[_];
-    if (!I) return;
-    const { node: j } = e.view.domAtPos(I.from);
-    j instanceof HTMLElement && Bme({
-      el: j,
+    const { results: _, resultIndex: I } = e.storage.searchAndReplace, j = _[I];
+    if (!j) return;
+    const { node: A } = e.view.domAtPos(j.from);
+    A instanceof HTMLElement && Bme({
+      el: A,
       editorRoot: e.view.dom,
       isNativeMobile: !1
     });
   }
-  function D() {
-    e && (e.commands.nextSearchResult(), v());
-  }
   function w() {
-    e && (e.commands.previousSearchResult(), v());
+    e && (e.commands.nextSearchResult(), D());
+  }
+  function k() {
+    e && (e.commands.previousSearchResult(), D());
   }
-  function k(C) {
-    if (C.code === "Enter") {
-      if (C.shiftKey) {
-        w();
+  function C(_) {
+    if (_.code === "Enter") {
+      if (_.shiftKey) {
+        k();
         return;
       }
-      D();
+      w();
     }
   }
-  return /* @__PURE__ */ x.jsxs(Dh, { open: a, children: [
+  return /* @__PURE__ */ x.jsxs(Dh, { open: l, children: [
     /* @__PURE__ */ x.jsx(qne, { className: "absolute right-0" }),
     /* @__PURE__ */ x.jsx(
       kh,
@@ -192321,15 +192324,15 @@ const OYe = ({ editor: e }) => {
               Ba,
               {
                 placeholder: "Search text...",
-                value: i,
-                ref: o,
+                value: s,
+                ref: i,
                 className: "border-none p-0",
-                onChange: m,
-                onKeyDown: k
+                onChange: b,
+                onKeyDown: C
               }
             ),
-            h && /* @__PURE__ */ x.jsx(x.Fragment, { children: h.length > 0 ? /* @__PURE__ */ x.jsx("span", { className: "color-text-secondary text-sm", children: `${typeof f == "number" ? f + 1 : "?"}/${h.length}` }) : /* @__PURE__ */ x.jsx("span", { className: "color-text-secondary text-xs shrink-0", children: "No results found." }) }),
-            h && h.length > 0 && /* @__PURE__ */ x.jsxs("div", { className: "flex items-center", children: [
+            f && /* @__PURE__ */ x.jsx(x.Fragment, { children: f.length > 0 ? /* @__PURE__ */ x.jsx("span", { className: "color-text-secondary text-sm", children: `${typeof g == "number" ? g + 1 : "?"}/${f.length}` }) : /* @__PURE__ */ x.jsx("span", { className: "color-text-secondary text-xs shrink-0", children: "No results found." }) }),
+            f && f.length > 0 && /* @__PURE__ */ x.jsxs("div", { className: "flex items-center", children: [
               /* @__PURE__ */ x.jsxs("div", { className: "flex items-center", children: [
                 /* @__PURE__ */ x.jsx(cn, { text: "Previous", children: /* @__PURE__ */ x.jsx(
                   Yt,
@@ -192337,7 +192340,7 @@ const OYe = ({ editor: e }) => {
                     icon: "ArrowUp",
                     variant: "ghost",
                     size: "sm",
-                    onClick: w
+                    onClick: k
                   }
                 ) }),
                 /* @__PURE__ */ x.jsx(cn, { text: "Next", children: /* @__PURE__ */ x.jsx(
@@ -192346,7 +192349,7 @@ const OYe = ({ editor: e }) => {
                     icon: "ArrowDown",
                     variant: "ghost",
                     size: "sm",
-                    onClick: D
+                    onClick: w
                   }
                 ) })
               ] }),
@@ -192356,13 +192359,13 @@ const OYe = ({ editor: e }) => {
                   icon: "Replace",
                   variant: "ghost",
                   size: "sm",
-                  onClick: g
+                  onClick: m
                 }
               ) })
             ] }),
-            /* @__PURE__ */ x.jsx(_x, { asChild: !0, onClick: d, children: /* @__PURE__ */ x.jsx(Yt, { icon: "X", variant: "ghost", size: "sm" }) })
+            /* @__PURE__ */ x.jsx(_x, { asChild: !0, onClick: p, children: /* @__PURE__ */ x.jsx(Yt, { icon: "X", variant: "ghost", size: "sm" }) })
           ] }),
-          /* @__PURE__ */ x.jsx(np, { children: n && /* @__PURE__ */ x.jsxs(
+          /* @__PURE__ */ x.jsx(np, { children: r && /* @__PURE__ */ x.jsxs(
             Is.div,
             {
               className: "space-y-2 overflow-clip",
@@ -192375,8 +192378,8 @@ const OYe = ({ editor: e }) => {
                   Ba,
                   {
                     placeholder: "Replace with...",
-                    value: s,
-                    onChange: b,
+                    value: a,
+                    onChange: y,
                     className: "border-none p-0"
                   }
                 ) }),
@@ -192387,7 +192390,7 @@ const OYe = ({ editor: e }) => {
                       variant: "secondary",
                       size: "sm",
                       className: "min-w-0 text-body-sm-bold",
-                      onClick: F,
+                      onClick: v,
                       children: "Replace All"
                     }
                   ),
@@ -192397,7 +192400,7 @@ const OYe = ({ editor: e }) => {
                       variant: "default",
                       size: "sm",
                       className: "min-w-0 text-body-sm-bold",
-                      onClick: y,
+                      onClick: F,
                       children: "Replace"
                     }
                   )
@@ -193288,7 +193291,7 @@ const OYe = ({ editor: e }) => {
                 ),
                 style: $e ? void 0 : xt(),
                 children: [
-                  /* @__PURE__ */ x.jsx(OYe, { editor: jt }),
+                  /* @__PURE__ */ x.jsx(OYe, { editor: jt, viewerMode: t }),
                   /* @__PURE__ */ x.jsx(
                     "nav",
                     {

package/dist/package/extensions/search-replace/components/search-replace-popover.d.ts

@@ -1,6 +1,7 @@
 import { Editor } from '@tiptap/core';
 
-declare const SearchReplace: ({ editor }: {
+declare const SearchReplace: ({ editor, viewerMode, }: {
     editor: Editor | null;
+    viewerMode?: "suggest" | "view-only";
 }) => import("react/jsx-runtime").JSX.Element;
 export default SearchReplace;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "3.3.8-searchreplace-3",
+  "version": "3.3.8-searchreplace-4",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {