@lax-wp/editor 0.3.19 → 0.3.20

package/dist/extensions/AnonymizedText.d.ts

@@ -22,8 +22,6 @@ export declare function applyCategoryStyle(dom: HTMLElement, anonymizedData: str
 /** Remove all chip styling from a DOM element so it renders as inline text. */
 export declare function clearCategoryStyle(dom: HTMLElement): void;
 export interface AnonymizedTextOptions {
-    /** Whether the original value tooltip is shown on hover. */
-    showTooltip: boolean;
     placeholderFormat: string;
     highlightChanges: boolean;
     isAnonymized: boolean;

package/dist/index.es.js

@@ -78967,7 +78967,7 @@ const DU = vt.create({
   selectable: !0,
   draggable: !1,
   addOptions() {
-    return { showTooltip: !0, placeholderFormat: "numbered", highlightChanges: !1, isAnonymized: !1 };
+    return { placeholderFormat: "numbered", highlightChanges: !1, isAnonymized: !1 };
   },
   addAttributes() {
     return {
@@ -79020,7 +79020,7 @@ const DU = vt.create({
       let s = r;
       try {
         const c = JSON.parse(i)[0]?.value ?? "";
-        o && c && (s = c), c && (a.title = o ? `Placeholder: ${r}` : `Original: ${c}`);
+        o && c && (s = c);
       } catch {
       }
       return a.textContent = s, t && !o && Kb(a, i, e), {
@@ -79032,7 +79032,7 @@ const DU = vt.create({
           let p = c;
           try {
             const _ = JSON.parse(d)[0]?.value ?? "";
-            u && _ && (p = _), a.title = u ? c ? `Placeholder: ${c}` : "" : _ ? `Original: ${_}` : "";
+            u && _ && (p = _);
           } catch {
           }
           return a.textContent = p, u ? Jy(a) : Kb(a, d, e), !0;
@@ -88504,32 +88504,25 @@ const { Dragger: Hz } = gv, Gz = 200 * 1024 * 1024, Vz = ({
   assets: aH
 }, lH = 1e4, HE = 90, cH = 600, GE = 30, Lp = 13e3, dH = {
   completed: {
-    lightBg: "linear-gradient(90deg, #ECFDF3 0%, rgba(236, 253, 243, 0.6) 100%)",
-    darkBg: "linear-gradient(90deg, rgba(34, 197, 94, 0.18) 0%, rgba(34, 197, 94, 0.08) 100%)",
-    border: "border-[#D1FADF] dark:border-success-900",
+    bgClass: "bg-primary-100 dark:bg-primary-900",
+    border: "border-primary-100 dark:border-primary-900",
     textClass: "!text-neutral-600 dark:!text-neutral-200"
   },
   scanning: {
-    lightBg: "linear-gradient(90deg, #ECFDF3 0%, rgba(230, 241, 252, 0.6) 100%)",
-    darkBg: "linear-gradient(90deg, rgba(34, 197, 94, 0.18) 0%, rgba(59, 130, 246, 0.08) 100%)",
-    border: "border-[#C6E1F9] dark:border-primary-900",
+    bgClass: "bg-primary-50 dark:bg-primary-950",
+    border: "border-primary-100 dark:border-primary-900",
     textClass: "!text-neutral-600 dark:!text-neutral-200"
   },
   pending: {
-    lightBg: "linear-gradient(90deg, #F9FAFB 0%, rgba(249, 250, 251, 0.6) 100%)",
-    darkBg: "linear-gradient(90deg, rgba(148, 163, 184, 0.12) 0%, rgba(148, 163, 184, 0.04) 100%)",
-    border: "border-[#F2F4F7] dark:border-neutral-700",
+    bgClass: "bg-primary-50/50 dark:bg-primary-975",
+    border: "border-primary-50 dark:border-primary-950",
     textClass: "!text-neutral-400 dark:!text-neutral-400"
   }
 }, uH = ({ status: e }) => e === "completed" ? /* @__PURE__ */ f.jsx(E0, { sx: { fontSize: 16 }, className: "text-success-600 dark:text-success-400" }) : e === "scanning" ? /* @__PURE__ */ f.jsx(oe, { name: "loading", size: 16, className: "text-blue-600 dark:text-blue-400 animate-spin" }) : /* @__PURE__ */ f.jsx("div", { className: "w-4 h-4 flex items-center justify-center", children: /* @__PURE__ */ f.jsx("div", { className: "w-[13px] h-[13px] rounded-full bg-neutral-300 dark:bg-neutral-600" }) }), pH = ({ status: e, label: t }) => {
   const n = dH[e];
-  return /* @__PURE__ */ f.jsxs("div", { className: `relative flex items-center gap-2 p-3 rounded-lg border border-transparent ${n.border} transition-all duration-300 overflow-hidden`, children: [
-    /* @__PURE__ */ f.jsx("div", { className: "absolute inset-0 dark:hidden", style: { background: n.lightBg }, "aria-hidden": !0 }),
-    /* @__PURE__ */ f.jsx("div", { className: "absolute inset-0 hidden dark:block", style: { background: n.darkBg }, "aria-hidden": !0 }),
-    /* @__PURE__ */ f.jsxs("div", { className: "relative z-10 flex items-center gap-2", children: [
-      /* @__PURE__ */ f.jsx(uH, { status: e }),
-      /* @__PURE__ */ f.jsx(Ze, { variant: "medium", size: "small", className: n.textClass, children: t })
-    ] })
+  return /* @__PURE__ */ f.jsxs("div", { className: `relative flex items-center gap-2 p-3 rounded-lg border ${n.border} ${n.bgClass} transition-all duration-300 overflow-hidden`, children: [
+    /* @__PURE__ */ f.jsx(uH, { status: e }),
+    /* @__PURE__ */ f.jsx(Ze, { variant: "medium", size: "small", className: n.textClass, children: t })
   ] });
 }, mH = (e, t) => {
   switch (t) {
@@ -91652,9 +91645,9 @@ const rG = ({
   isApplied: r
 }) => r ? /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 rounded-md hover:bg-neutral-50 dark:hover:bg-black-700/50 transition-colors", children: [
   /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: [
-    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-primary-600 dark:text-primary-400 truncate", children: e.replacement }),
+    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-primary-600 dark:text-primary-400 cursor-pointer whitespace-nowrap", title: e.replacement, children: e.replacement }),
     /* @__PURE__ */ f.jsx("span", { className: "text-neutral-400 dark:text-neutral-500 text-xs shrink-0", children: "←" }),
-    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-neutral-700 dark:text-neutral-300 truncate", children: e.original })
+    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-neutral-700 dark:text-neutral-300 truncate cursor-pointer", title: e.original, children: e.original })
   ] }),
   /* @__PURE__ */ f.jsxs("span", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-lg px-1.5 py-0.5 text-xs font-medium text-neutral-600 dark:text-neutral-400 shrink-0", children: [
     e.occurrences,
@@ -91671,10 +91664,10 @@ const rG = ({
       size: "small"
     }
   ),
-  /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-1.5 flex-1 min-w-0", children: [
-    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-neutral-800 dark:text-neutral-200 truncate", children: e.original }),
+  /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-1.5 flex-1 min-w-0 max-w-[190px]", children: [
+    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-neutral-800 dark:text-neutral-200 truncate cursor-pointer", title: e.original, children: e.original }),
     /* @__PURE__ */ f.jsx("span", { className: "text-neutral-400 dark:text-neutral-500 text-xs shrink-0", children: "→" }),
-    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-primary-600 dark:text-primary-400 truncate", children: e.replacement })
+    /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-primary-600 dark:text-primary-400 cursor-pointer whitespace-nowrap", title: e.replacement, children: e.replacement })
   ] }),
   /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-1", children: [
     /* @__PURE__ */ f.jsxs("span", { className: "bg-neutral-100 dark:bg-neutral-800 rounded-lg px-1.5 py-0.5 text-xs font-medium text-neutral-600 dark:text-neutral-400", children: [
@@ -92454,7 +92447,11 @@ const rG = ({
     ] })
   ] });
 }, SG = ({ position: e = "right", currentMode: t }) => {
-  const [n, r] = W(!1), { isDarkMode: i } = m_(), {
+  const [n, r] = W(!1), { isDarkMode: i } = m_();
+  ce(() => {
+    r(!1);
+  }, [t]);
+  const {
     downloadTextFile: o,
     downloadJsonFile: a,
     downloadMarkdownFile: s,