magic-editor-x 1.5.0 → 1.5.1

package/dist/_chunks/{index-CdFFlQdx.mjs → index-DEi6nwfM.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useState, useEffect, useCallback, useRef, useMemo, forwardRef } from "react";
-import { u as useIntl, F as Flex, T as Typography, B as Button$2, D as Divider, a as Box, g as getTranslation, b as Field, L as Loader } from "./getTranslation-bLklCCaI.mjs";
+import m__default, { useState, useEffect, useCallback, useRef, useMemo, forwardRef } from "react";
+import { u as useIntl, T, I, z as zn, b as bl, R, g as getTranslation, H as Hm, V as Vd } from "./getTranslation-D3h3Z3gU.mjs";
 import styled, { createGlobalStyle, css } from "styled-components";
 import { ClockIcon, ExclamationTriangleIcon, SparklesIcon as SparklesIcon$1, Bars3BottomLeftIcon, ListBulletIcon, CheckCircleIcon, PhotoIcon, LinkIcon, CodeBracketIcon, TableCellsIcon, ChatBubbleBottomCenterTextIcon, MinusIcon, DocumentDuplicateIcon, TrashIcon, ArrowsPointingInIcon, ArrowsPointingOutIcon, EyeIcon, PencilSquareIcon } from "@heroicons/react/24/outline";
 import EditorJS from "@editorjs/editorjs";
-import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-uudZx91W.mjs";
+import { M as MagicEditorAPI, t as toastManager, g as getTools, i as initUndoRedo, a as initDragDrop, A as AIToast, b as AIInlineToolbar } from "./tools-BXzd0lx5.mjs";
 import { useStrapiApp, useFetchClient, useAuth } from "@strapi/strapi/admin";
-import { P as PLUGIN_ID } from "./index-CAPc_Y1F.mjs";
+import { P as PLUGIN_ID } from "./index-BvEdg518.mjs";
 import { io } from "socket.io-client";
 import * as Y from "yjs";
 import { IndexeddbPersistence } from "y-indexeddb";
@@ -970,7 +970,7 @@ const MediaLibComponent = ({
     }
   ) });
 };
-class MediaLibErrorBoundary extends React__default.Component {
+class MediaLibErrorBoundary extends m__default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false, error: null };
@@ -1763,8 +1763,8 @@ const useLicense = () => {
   };
 };
 const useAIActions = ({ licenseKey, editorInstanceRef, isReady, onNoCredits }) => {
-  const apiClientRef = React__default.useRef(null);
-  React__default.useEffect(() => {
+  const apiClientRef = m__default.useRef(null);
+  m__default.useEffect(() => {
     if (licenseKey && !apiClientRef.current) {
       apiClientRef.current = new MagicEditorAPI(licenseKey);
     }
@@ -2983,7 +2983,7 @@ const AIAssistantPopup = ({ selectedText, licenseKey, onClose, onApply }) => {
     ] })
   ] }) });
 };
-const PanelWrapper = styled(Box)`
+const PanelWrapper = styled(R)`
   width: 320px;
   background: ${({ theme }) => theme.colors.neutral0};
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
@@ -2993,25 +2993,25 @@ const PanelWrapper = styled(Box)`
   flex-direction: column;
   max-height: 70vh;
 `;
-const Header$1 = styled(Flex)`
+const Header$1 = styled(T)`
   padding: 12px 16px;
   border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};
 `;
-const Content$1 = styled(Box)`
+const Content$1 = styled(R)`
   padding: 12px 16px;
   overflow-y: auto;
 `;
-const Item = styled(Box)`
+const Item = styled(R)`
   padding: 10px 12px;
   border: 1px solid ${({ theme }) => theme.colors.neutral150};
   border-radius: 6px;
   margin-bottom: 10px;
 `;
-const Meta = styled(Typography)`
+const Meta = styled(I)`
   color: ${({ theme }) => theme.colors.neutral500};
   font-size: 12px;
 `;
-const PremiumBadge = styled(Box)`
+const PremiumBadge = styled(R)`
   background: ${({ theme }) => theme.colors.primary100};
   color: ${({ theme }) => theme.colors.primary600};
   border-radius: 6px;
@@ -3060,33 +3060,33 @@ const VersionHistoryPanel = ({
   );
   return /* @__PURE__ */ jsxs(PanelWrapper, { "data-testid": "version-history-panel", children: [
     /* @__PURE__ */ jsxs(Header$1, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(Flex, { gap: 8, alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(T, { gap: 8, alignItems: "center", children: [
         /* @__PURE__ */ jsx(ClockIcon, { width: 18 }),
-        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: t("versionHistory.title", "Version History") })
+        /* @__PURE__ */ jsx(I, { fontWeight: "bold", children: t("versionHistory.title", "Version History") })
       ] }),
-      /* @__PURE__ */ jsx(Button$2, { size: "S", variant: "tertiary", onClick: onClose, children: t("versionHistory.close", "Close") })
+      /* @__PURE__ */ jsx(zn, { size: "S", variant: "tertiary", onClick: onClose, children: t("versionHistory.close", "Close") })
     ] }),
     /* @__PURE__ */ jsxs(Content$1, { children: [
-      loading && /* @__PURE__ */ jsx(Typography, { children: t("versionHistory.loading", "Loading versions...") }),
-      error && /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: error }),
-      !loading && !error && snapshots.length === 0 && /* @__PURE__ */ jsx(Typography, { children: t("versionHistory.noSnapshots", "No versions saved yet") }),
+      loading && /* @__PURE__ */ jsx(I, { children: t("versionHistory.loading", "Loading versions...") }),
+      error && /* @__PURE__ */ jsx(I, { textColor: "danger600", children: error }),
+      !loading && !error && snapshots.length === 0 && /* @__PURE__ */ jsx(I, { children: t("versionHistory.noSnapshots", "No versions saved yet") }),
       !loading && !error && snapshots.map((snap) => /* @__PURE__ */ jsxs(Item, { children: [
-        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ jsxs(Typography, { fontWeight: "bold", children: [
+        /* @__PURE__ */ jsxs(T, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs(I, { fontWeight: "bold", children: [
             t("versionHistory.version", "Version"),
             " ",
             snap.version
           ] }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: formatDate(snap.createdAt) })
+          /* @__PURE__ */ jsx(I, { variant: "pi", children: formatDate(snap.createdAt) })
         ] }),
         /* @__PURE__ */ jsxs(Meta, { children: [
           t("versionHistory.createdBy", "By"),
           " ",
           snap.createdBy?.firstname ? `${snap.createdBy.firstname} ${snap.createdBy.lastname || ""}`.trim() : "—"
         ] }),
-        /* @__PURE__ */ jsx(Divider, { marginTop: 2, marginBottom: 2 }),
-        canRestore ? /* @__PURE__ */ jsx(Flex, { gap: 8, children: /* @__PURE__ */ jsx(
-          Button$2,
+        /* @__PURE__ */ jsx(bl, { marginTop: 2, marginBottom: 2 }),
+        canRestore ? /* @__PURE__ */ jsx(T, { gap: 8, children: /* @__PURE__ */ jsx(
+          zn,
           {
             size: "S",
             variant: "secondary",
@@ -3098,9 +3098,9 @@ const VersionHistoryPanel = ({
           t("versionHistory.premiumOnly", "Premium feature")
         ] })
       ] }, snap.documentId || snap.id)),
-      /* @__PURE__ */ jsx(Divider, { marginTop: 4, marginBottom: 4 }),
-      canRestore ? /* @__PURE__ */ jsx(Button$2, { size: "S", fullWidth: true, variant: "default", onClick: onCreate, disabled: loading, children: t("versionHistory.create", "Create Snapshot") }) : /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Button$2, { size: "S", fullWidth: true, variant: "default", disabled: true, children: t("versionHistory.create", "Create Snapshot") }),
+      /* @__PURE__ */ jsx(bl, { marginTop: 4, marginBottom: 4 }),
+      canRestore ? /* @__PURE__ */ jsx(zn, { size: "S", fullWidth: true, variant: "default", onClick: onCreate, disabled: loading, children: t("versionHistory.create", "Create Snapshot") }) : /* @__PURE__ */ jsxs(R, { children: [
+        /* @__PURE__ */ jsx(zn, { size: "S", fullWidth: true, variant: "default", disabled: true, children: t("versionHistory.create", "Create Snapshot") }),
         /* @__PURE__ */ jsxs(PremiumBadge, { style: { marginTop: "8px", width: "100%", justifyContent: "center" }, children: [
           /* @__PURE__ */ jsx(ExclamationTriangleIcon, { width: 16 }),
           t("versionHistory.premiumOnly", "Premium feature")
@@ -6505,11 +6505,11 @@ const Editor = forwardRef(({
     { icon: ExclamationTriangleIcon, label: "Warning", block: "warning" },
     { icon: MinusIcon, label: "Divider", block: "delimiter" }
   ];
-  return /* @__PURE__ */ jsxs(Field.Root, { name, id: name, error, required, hint, children: [
+  return /* @__PURE__ */ jsxs(Hm.Root, { name, id: name, error, required, hint, children: [
     /* @__PURE__ */ jsx(FullscreenGlobalStyle, {}),
     /* @__PURE__ */ jsx(EditorJSGlobalStyles, {}),
     /* @__PURE__ */ jsx(AIToast, {}),
-    label && !isFullscreen && /* @__PURE__ */ jsx(Field.Label, { action: labelAction, children: label }),
+    label && !isFullscreen && /* @__PURE__ */ jsx(Hm.Label, { action: labelAction, children: label }),
     /* @__PURE__ */ jsx(
       EditorContainer,
       {
@@ -6723,7 +6723,7 @@ const Editor = forwardRef(({
                   onBlur: () => setIsFocused(false),
                   children: [
                     !isReady && /* @__PURE__ */ jsxs(LoadingOverlay, { children: [
-                      /* @__PURE__ */ jsx(Loader, { small: true }),
+                      /* @__PURE__ */ jsx(Vd, { small: true }),
                       /* @__PURE__ */ jsx(LoadingText, { children: "Initializing editor..." })
                     ] }),
                     /* @__PURE__ */ jsx(
@@ -6808,8 +6808,8 @@ const Editor = forwardRef(({
       }
     ),
     !isFullscreen && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Field.Hint, {}),
-      /* @__PURE__ */ jsx(Field.Error, {})
+      /* @__PURE__ */ jsx(Hm.Hint, {}),
+      /* @__PURE__ */ jsx(Hm.Error, {})
     ] }),
     /* @__PURE__ */ jsx(
       MediaLibComponent,

package/dist/_chunks/{tools-uudZx91W.mjs → tools-BXzd0lx5.mjs}

@@ -17,7 +17,7 @@ import Personality from "@editorjs/personality";
 import Alert from "editorjs-alert";
 import ToggleBlock from "editorjs-toggle-block";
 import CodeFlask from "@calumk/editorjs-codeflask";
-import React__default, { useState, useRef, useEffect } from "react";
+import m__default, { useState, useRef, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import styled, { keyframes } from "styled-components";
@@ -1436,7 +1436,7 @@ class AIAssistantTool {
     document.body.appendChild(this.toolbar);
     this.toolbarRoot = createRoot(this.toolbar);
     this.toolbarRoot.render(
-      React__default.createElement(AIInlineToolbar, {
+      m__default.createElement(AIInlineToolbar, {
         position,
         onAction: this._handleAction.bind(this),
         loading: this.isLoading,
@@ -1574,7 +1574,7 @@ class AIAssistantTool {
         top: rect.bottom + 8
       };
       this.toolbarRoot.render(
-        React__default.createElement(AIInlineToolbar, {
+        m__default.createElement(AIInlineToolbar, {
           position,
           onAction: this._handleAction.bind(this),
           loading: this.isLoading,

package/dist/_chunks/{tools-BSMn5LLQ.js → tools-Q0uwDS9E.js}

@@ -18,7 +18,7 @@ const Personality = require("@editorjs/personality");
 const Alert = require("editorjs-alert");
 const ToggleBlock = require("editorjs-toggle-block");
 const CodeFlask = require("@calumk/editorjs-codeflask");
-const React = require("react");
+const m = require("react");
 const client = require("react-dom/client");
 const jsxRuntime = require("react/jsx-runtime");
 const styled = require("styled-components");
@@ -52,7 +52,7 @@ const Personality__default = /* @__PURE__ */ _interopDefault(Personality);
 const Alert__default = /* @__PURE__ */ _interopDefault(Alert);
 const ToggleBlock__default = /* @__PURE__ */ _interopDefault(ToggleBlock);
 const CodeFlask__default = /* @__PURE__ */ _interopDefault(CodeFlask);
-const React__default = /* @__PURE__ */ _interopDefault(React);
+const m__default = /* @__PURE__ */ _interopDefault(m);
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const Marker__default = /* @__PURE__ */ _interopDefault(Marker);
 const InlineCode__default = /* @__PURE__ */ _interopDefault(InlineCode);
@@ -948,9 +948,9 @@ const AIInlineToolbar = ({
   disabled = false,
   onClose
 }) => {
-  const [activeSubmenu, setActiveSubmenu] = React.useState(null);
-  const toolbarRef = React.useRef(null);
-  React.useEffect(() => {
+  const [activeSubmenu, setActiveSubmenu] = m.useState(null);
+  const toolbarRef = m.useRef(null);
+  m.useEffect(() => {
     const handleClickOutside = (e) => {
       if (toolbarRef.current && !toolbarRef.current.contains(e.target)) {
         onClose?.();
@@ -1310,7 +1310,7 @@ class ToastManager {
 }
 const toastManager = new ToastManager();
 const Toast = ({ toast, onClose }) => {
-  const [closing, setClosing] = React.useState(false);
+  const [closing, setClosing] = m.useState(false);
   const handleClose = () => {
     setClosing(true);
     setTimeout(() => {
@@ -1335,8 +1335,8 @@ const Toast = ({ toast, onClose }) => {
   ] });
 };
 const AIToast = () => {
-  const [toasts, setToasts] = React.useState([]);
-  React.useEffect(() => {
+  const [toasts, setToasts] = m.useState([]);
+  m.useEffect(() => {
     const unsubscribe = toastManager.subscribe(setToasts);
     return unsubscribe;
   }, []);
@@ -1469,7 +1469,7 @@ class AIAssistantTool {
     document.body.appendChild(this.toolbar);
     this.toolbarRoot = client.createRoot(this.toolbar);
     this.toolbarRoot.render(
-      React__default.default.createElement(AIInlineToolbar, {
+      m__default.default.createElement(AIInlineToolbar, {
         position,
         onAction: this._handleAction.bind(this),
         loading: this.isLoading,
@@ -1607,7 +1607,7 @@ class AIAssistantTool {
         top: rect.bottom + 8
       };
       this.toolbarRoot.render(
-        React__default.default.createElement(AIInlineToolbar, {
+        m__default.default.createElement(AIInlineToolbar, {
           position,
           onAction: this._handleAction.bind(this),
           loading: this.isLoading,

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-CPs6WJDY.js");
+const index = require("../_chunks/index-BXBnwuRw.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { q } from "../_chunks/index-CAPc_Y1F.mjs";
+import { i } from "../_chunks/index-BvEdg518.mjs";
 export {
-  q as default
+  i as default
 };