mainstack-design-system 1.17.4 → 1.18.0

package/dist/index.d.ts

@@ -10068,6 +10068,7 @@ declare type TextEditorContextType = {
     onGenerateWithAi?: () => void;
     generateWithAiIsLoading?: boolean;
     onError?: (error: unknown) => void;
+    onImageUpload?: (file: File) => Promise<string>;
     isError?: boolean;
     isSuccess?: boolean;
 };

package/dist/mainstack-design-system500.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system366.cjs");const x=require("./mainstack-design-system241.cjs");require("./player-CocaNyQC.cjs");const n=require("./utils-s-0cOrOT.cjs"),a=require("./index-C1WE8GDC.cjs"),E=require("./mainstack-design-system506.cjs"),q=require("./mainstack-design-system610.cjs"),c=i.forwardRef(({className:d,...l},u)=>{const{onError:o}=q.useTextEditorContext(),{editor:t}=a.useCurrentEditor(),m=a.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=g=>{o&&o(g)},r.readAsDataURL(p)}},[t,o]);return s.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:u,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:n.cn("mds:relative",d),...l,children:[s.jsx(x,{className:"mds:size-16"}),s.jsx("input",{className:n.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system366.cjs");const I=require("./mainstack-design-system241.cjs");require("./player-CocaNyQC.cjs");const d=require("./utils-s-0cOrOT.cjs"),l=require("./index-C1WE8GDC.cjs"),y=require("./mainstack-design-system506.cjs"),_=require("./mainstack-design-system610.cjs"),u=c.forwardRef(({className:m,...p},f)=>{const{onError:a,onImageUpload:s}=_.useTextEditorContext(),{editor:t}=l.useCurrentEditor(),g=l.useEditorState({editor:t,selector:r=>r.editor?{isImage:t?.isActive("image")}:{}}),x=c.useCallback(async r=>{r.preventDefault();const n=r.target.files?.[0];if(n)try{let e;s?e=await s(n):e=await new Promise((E,q)=>{const o=new FileReader;o.onload=()=>E(o.result),o.onerror=q,o.readAsDataURL(n)}),t?.chain().focus().insertContent({type:"image",attrs:{src:e}}).run()}catch(e){a?.(e)}},[t,a,s]);return i.jsxs(y.TextEditorMenuAction,{isActive:g?.isImage,ref:f,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:d.cn("mds:relative",m),...p,children:[i.jsx(I,{className:"mds:size-16"}),i.jsx("input",{className:d.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:x})]})});u.displayName="ImageUploadMenu";exports.ImageUploadMenu=u;

package/dist/mainstack-design-system500.js

@@ -1,59 +1,58 @@
 'use client';
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { forwardRef as u, useCallback as g } from "react";
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { forwardRef as I, useCallback as h } from "react";
 import "./mainstack-design-system366.js";
-import x from "./mainstack-design-system241.js";
+import w from "./mainstack-design-system241.js";
 import "./player-Chgv-hOU.js";
-import { c as a } from "./utils-Z5JtG_Bc.js";
-import { u as C, a as I } from "./index-B9lFQRm4.js";
-import { TextEditorMenuAction as h } from "./mainstack-design-system506.js";
-import { useTextEditorContext as E } from "./mainstack-design-system610.js";
-const v = u(
-  ({ className: i, ...m }, n) => {
-    const { onError: r } = E(), { editor: t } = C(), l = I({
+import { c as n } from "./utils-Z5JtG_Bc.js";
+import { u as y, a as C } from "./index-B9lFQRm4.js";
+import { TextEditorMenuAction as E } from "./mainstack-design-system506.js";
+import { useTextEditorContext as U } from "./mainstack-design-system610.js";
+const v = I(
+  ({ className: l, ...d }, c) => {
+    const { onError: i, onImageUpload: a } = U(), { editor: t } = y(), p = C({
       editor: t,
-      selector: (e) => e.editor ? {
+      selector: (r) => r.editor ? {
         isImage: t?.isActive("image")
       } : {}
-    }), d = g(
-      (e) => {
-        if (e.preventDefault(), e.target.files) {
-          const c = e.target.files[0], o = new FileReader();
-          o.onload = () => {
-            t?.chain().focus().insertContent({
-              type: "image",
-              attrs: {
-                src: o.result
-              }
-            }).run();
-          }, o.onerror = (f) => {
-            r && r(f);
-          }, o.readAsDataURL(c);
-        }
+    }), u = h(
+      async (r) => {
+        r.preventDefault();
+        const s = r.target.files?.[0];
+        if (s)
+          try {
+            let e;
+            a ? e = await a(s) : e = await new Promise((f, g) => {
+              const o = new FileReader();
+              o.onload = () => f(o.result), o.onerror = g, o.readAsDataURL(s);
+            }), t?.chain().focus().insertContent({ type: "image", attrs: { src: e } }).run();
+          } catch (e) {
+            i?.(e);
+          }
       },
-      [t, r]
+      [t, i, a]
     );
-    return /* @__PURE__ */ p(
-      h,
+    return /* @__PURE__ */ x(
+      E,
       {
-        isActive: l?.isImage,
-        ref: n,
+        isActive: p?.isImage,
+        ref: c,
         onClick: () => {
         },
         "data-slot": "text-editor-image-upload-menu",
-        className: a("mds:relative", i),
-        ...m,
+        className: n("mds:relative", l),
+        ...d,
         children: [
-          /* @__PURE__ */ s(x, { className: "mds:size-16" }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ m(w, { className: "mds:size-16" }),
+          /* @__PURE__ */ m(
             "input",
             {
-              className: a(
+              className: n(
                 "mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"
               ),
               type: "file",
               accept: "image/*",
-              onChange: d
+              onChange: u
             }
           )
         ]