reactjs-tiptap-editor 1.0.0 → 1.0.2

package/lib/Video.js

@@ -1,14 +1,15 @@
-import { N as I } from "./index-DnWWK9F_.js";
-import { u as $, k as H, E as S, V as N } from "./index-DYkucCoF.js";
-import { u as U, a as z, d as B, f as R } from "./useButtonProps-BsEd4zYM.js";
+import { N as I } from "./index-nFjllrEl.js";
+import { u as S, V as $ } from "./index-CEbbM7Gx.js";
+import { c as H, u as N, a as U, d as z, f as B } from "./useButtonProps--5ytUuGi.js";
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as y, useRef as j, useEffect as F, useMemo as O } from "react";
-import { A as Z } from "./toggle-Cdp4IT2U.js";
-import { a as _ } from "./index-BPfVXs5_.js";
-import { D as q, a as W, b as G, c as J } from "./dialog-PtQivpHS.js";
-import { T as K, a as P, b as D, c as L } from "./tabs-B5mVSN1I.js";
-import { B as T } from "./button-DXMsXUEn.js";
-import { I as Q } from "./input-wJ9PDEzZ.js";
+import { useState as y, useRef as R, useEffect as j, useMemo as F } from "react";
+import { A as O } from "./toggle-Crvm3Tcn.js";
+import "./index-ClAEwR0V.js";
+import { D as Z, a as _, b as q, c as W } from "./dialog-xrO7nV_z.js";
+import { l as G, E as J } from "./events.constant-CBPIqO_g.js";
+import { T as K, a as P, b as D, c as L } from "./tabs-BiYU230B.js";
+import { B as T } from "./button-DHZeIKzF.js";
+import { I as Q } from "./input-U-XBy56K.js";
 function X(e, t) {
   let r;
   try {
@@ -18,26 +19,26 @@ function X(e, t) {
   }
   return !(t != null && t.length) || t.length === 1 && t[0] === "." ? !0 : t.some((n) => {
     if (n.includes("*")) {
-      const a = n.replace(/\./g, "\\.").replace(/\*/g, ".*");
+      const a = n.replace(/\./g, String.raw`\.`).replace(/\*/g, ".*");
       return new RegExp(`^${a}$`).test(r.hostname);
     }
     return r.hostname.includes(n);
   });
 }
-function ue() {
-  const { t: e } = $(), t = _(), r = U(M.name), {
+function he() {
+  const { t: e } = S(), t = H(), r = N(M.name), {
     icon: n,
     tooltip: a
-  } = (r == null ? void 0 : r.componentProps) ?? {}, { editorDisabled: c } = z(), [h, v] = y(""), b = j(null), [g, p] = y(""), [x, u] = y(!1), m = B(M.name), k = (o) => {
+  } = (r == null ? void 0 : r.componentProps) ?? {}, { editorDisabled: c } = U(), [h, v] = y(""), b = R(null), [g, p] = y(""), [x, u] = y(!1), m = z(M.name), k = (o) => {
     u(o.detail);
   };
-  F(() => {
-    const o = H(S.UPLOAD_VIDEO(t.id), k);
+  j(() => {
+    const o = G(J.UPLOAD_VIDEO(t.id), k);
     return () => {
       o();
     };
   }, [t]);
-  const i = O(() => (m == null ? void 0 : m.options) ?? {}, [m]);
+  const i = F(() => (m == null ? void 0 : m.options) ?? {}, [m]);
   async function A(o) {
     var V;
     const l = (V = o == null ? void 0 : o.target) == null ? void 0 : V.files;
@@ -61,24 +62,24 @@ function ue() {
     o.preventDefault(), (l = b.current) == null || l.click();
   }
   return /* @__PURE__ */ d(
-    q,
+    Z,
     {
       onOpenChange: u,
       open: x,
       children: [
-        /* @__PURE__ */ s(W, { asChild: !0, children: /* @__PURE__ */ s(
-          Z,
+        /* @__PURE__ */ s(_, { asChild: !0, children: /* @__PURE__ */ s(
+          O,
           {
-            action: () => {
-              c || u(!0);
-            },
+            disabled: c,
             icon: n,
             tooltip: a,
-            disabled: c
+            action: () => {
+              c || u(!0);
+            }
           }
         ) }),
-        /* @__PURE__ */ d(G, { children: [
-          /* @__PURE__ */ s(J, { children: e("editor.video.dialog.title") }),
+        /* @__PURE__ */ d(q, { children: [
+          /* @__PURE__ */ s(W, { children: e("editor.video.dialog.title") }),
           /* @__PURE__ */ d(
             K,
             {
@@ -123,16 +124,23 @@ function ue() {
                         required: !0,
                         type: "url",
                         value: h,
-                        onChange: (o) => {
-                          v(o.target.value);
-                        },
                         onBlur: (o) => {
                           const l = o.target.value, f = i.videoProviders || ["."];
                           l && !X(l, f) ? p("Invalid video URL") : p("");
+                        },
+                        onChange: (o) => {
+                          v(o.target.value);
                         }
                       }
                     ),
-                    /* @__PURE__ */ s(T, { type: "button", onClick: C, children: e("editor.video.dialog.button.apply") })
+                    /* @__PURE__ */ s(
+                      T,
+                      {
+                        onClick: C,
+                        type: "button",
+                        children: e("editor.video.dialog.button.apply")
+                      }
+                    )
                   ] }) }),
                   g && /* @__PURE__ */ s("div", { className: "richtext-my-[5px] richtext-text-red-500", children: g })
                 ] })
@@ -169,7 +177,7 @@ const M = /* @__PURE__ */ I.create({
       upload: void 0,
       frameborder: !1,
       resourceVideo: "both",
-      width: N["size-medium"],
+      width: $["size-medium"],
       HTMLAttributes: {
         class: "iframe-wrapper"
         // style: 'display: flex;justify-content: center;',
@@ -203,7 +211,7 @@ const M = /* @__PURE__ */ I.create({
       width: {
         default: this.options.width,
         renderHTML: ({ width: e }) => ({
-          width: R(e)
+          width: B(e)
         })
       },
       frameborder: {
@@ -258,6 +266,6 @@ const M = /* @__PURE__ */ I.create({
   }
 });
 export {
-  ue as RichTextVideo,
+  he as RichTextVideo,
   M as Video
 };