@_sh/strapi-plugin-ckeditor 6.0.2 → 6.0.3

package/dist/_chunks/{Field-bpNZPEcR.js → Field-Bjfn0oud.js}

@@ -30,7 +30,7 @@ const admin = require("@strapi/strapi/admin");
 const ckeditor5 = require("ckeditor5");
 const ckeditor5React = require("@ckeditor/ckeditor5-react");
 require("ckeditor5/ckeditor5.css");
-const index = require("./index-CgWKes-C.js");
+const index = require("./index-D48ig74s.js");
 require("sanitize-html");
 const icons = require("@strapi/icons");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -309,7 +309,7 @@ function MediaLib({ isOpen = false, toggle, handleChangeAssets }) {
   return /* @__PURE__ */ jsxRuntime.jsx(MediaLibraryDialog, { onClose: toggle, onSelectAssets: handleSelectAssets });
 }
 const MemoizedMediaLib = React__default.default.memo(MediaLib);
-function CKEReact() {
+const CKEReact = React__default.default.forwardRef((_, forwardedRef) => {
   const [mediaLibVisible, setMediaLibVisible] = React.useState(false);
   const [editorInstance, setEditorInstance] = React.useState(null);
   const [isWordsMax, setIsWordsMax] = React.useState(false);
@@ -317,13 +317,20 @@ function CKEReact() {
   const { name, disabled, preset, wordsLimit, charsLimit } = useEditorContext();
   const { onChange: fieldOnChange, value: fieldValue } = admin.useField(name);
   const wordCounterRef = React.useRef(null);
+  const debounceTimeout = React.useRef(null);
   const onEditorReady = (editor) => {
     setUpPlugins(editor);
     setEditorInstance(editor);
   };
   const onEditorChange = (_e, editor) => {
+    if (debounceTimeout.current) {
+      clearTimeout(debounceTimeout.current);
+    }
     const data = editor.getData();
-    fieldOnChange(name, data);
+    debounceTimeout.current = setTimeout(() => {
+      fieldOnChange(name, data);
+      debounceTimeout.current = null;
+    }, 300);
   };
   const toggleMediaLib = React.useCallback(() => setMediaLibVisible((prev) => !prev), [setMediaLibVisible]);
   const handleChangeAssets = React.useCallback(
@@ -338,6 +345,22 @@ function CKEReact() {
     },
     [toggleMediaLib, editorInstance]
   );
+  React.useEffect(() => {
+    const ckWrapper = document.querySelector(".ck-body-wrapper");
+    const listener = ckWrapper?.addEventListener("pointerdown", (e) => e.stopPropagation(), true);
+    return () => {
+      listener && ckWrapper?.removeEventListener("pointerdown", listener);
+    };
+  }, [editorInstance]);
+  React.useImperativeHandle(
+    forwardedRef,
+    () => ({
+      focus() {
+        editorInstance?.focus();
+      }
+    }),
+    [editorInstance]
+  );
   if (!preset) {
     return null;
   }
@@ -421,7 +444,7 @@ function CKEReact() {
       setIsCharsMax(stats.characters > charsLimit);
     }
   }
-}
+});
 const WordCounter = styledComponents.styled(designSystem.Flex)`
   ${({ theme, $isWordsMax, $isCharsMax }) => styledComponents.css`
     .ck-word-count__words {
@@ -438,51 +461,34 @@ function EditorLayout({ children }) {
   React.useEffect(() => {
     if (isExpandedMode) {
       document.body.classList.add("lock-body-scroll");
+      setTimeout(() => {
+        document.querySelector(".ck-editor__expanded .ck-editor__editable")?.focus();
+      }, 0);
     }
     return () => {
       document.body.classList.remove("lock-body-scroll");
     };
   }, [isExpandedMode]);
   if (isExpandedMode) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.FocusTrap, { onEscape: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Backdrop,
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isExpandedMode, onOpenChange: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Modal.Content,
       {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 4,
-        justifyContent: "center",
-        onClick: handleToggleExpand,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          FullScreenBox,
+        style: { maxWidth: "var(--ck-editor-full-screen-box-max-width)", width: "unset" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { height: "90dvh", width: "90dvw", alignItems: "flex-start", direction: "column", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          EditorWrapper,
           {
-            background: "neutral100",
-            hasRadius: true,
-            shadow: "popupShadow",
-            overflow: "hidden",
-            width: "90%",
-            height: "90%",
-            onClick: (e) => e.stopPropagation(),
-            position: "relative",
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { height: "100%", alignItems: "flex-start", direction: "column", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              EditorWrapper,
-              {
-                $presetStyles: preset?.styles,
-                $isExpanded: isExpandedMode,
-                $hasError: Boolean(error),
-                className: "ck-editor__expanded",
-                children: [
-                  children,
-                  /* @__PURE__ */ jsxRuntime.jsx(CollapseButton, { label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Collapse, {}) })
-                ]
-              }
-            ) })
+            $presetStyles: preset?.styles,
+            $isExpanded: isExpandedMode,
+            $hasError: Boolean(error),
+            className: "ck-editor__expanded",
+            children: [
+              children,
+              /* @__PURE__ */ jsxRuntime.jsx(CollapseButton, { tabindex: "-1", label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Collapse, {}) })
+            ]
           }
-        )
+        ) })
       }
-    ) }) });
+    ) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     EditorWrapper,
@@ -534,12 +540,6 @@ const CollapseButton = styledComponents.styled(designSystem.IconButton)`
   z-index: 2;
   box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
-const FullScreenBox = styledComponents.styled(designSystem.Box)`
-  max-width: var(--ck-editor-full-screen-box-max-width);
-`;
-const Backdrop = styledComponents.styled(designSystem.Flex)`
-  background: ${({ theme }) => `${theme.colors.neutral800}1F`};
-`;
 const GlobalStyle = styledComponents.createGlobalStyle`
   ${({ $editortTheme, $variant }) => $editortTheme && styledComponents.css`
       ${$editortTheme.common}
@@ -555,18 +555,18 @@ function GlobalStyling() {
   return /* @__PURE__ */ jsxRuntime.jsx(GlobalStyle, { $editortTheme: theme, $variant: variant });
 }
 const MemoizedGlobalStyling = React__default.default.memo(GlobalStyling);
-function Editor() {
+const Editor = React__default.default.forwardRef((_, forwardedRef) => {
   const { name, hint, required, labelAction, label, error, preset } = useEditorContext();
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: labelAction, children: label }),
     preset ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(MemoizedGlobalStyling, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(EditorLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(CKEReact, {}) })
+      /* @__PURE__ */ jsxRuntime.jsx(EditorLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(CKEReact, { ref: forwardedRef }) })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx(LoaderBox, { hasRadius: true, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading..." }) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
   ] }) });
-}
+});
 const LoaderBox = styledComponents.styled(designSystem.Box)`
   display: flex;
   justify-content: center;
@@ -574,38 +574,40 @@ const LoaderBox = styledComponents.styled(designSystem.Box)`
   height: 200px;
   width: 100%;
 `;
-function Field({
-  name,
-  hint,
-  error,
-  placeholder,
-  label,
-  attribute,
-  labelAction = null,
-  disabled = false,
-  required = false
-}) {
-  const { preset, maxLengthWords, maxLengthCharacters } = attribute.options;
-  const isFieldLocalized = attribute?.pluginOptions?.i18n?.localized ?? false;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    EditorProvider,
-    {
-      name,
-      error,
-      disabled,
-      required,
-      placeholder,
-      hint,
-      label,
-      labelAction,
-      presetName: preset,
-      wordsLimit: maxLengthWords,
-      charsLimit: maxLengthCharacters,
-      isFieldLocalized,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Editor, {})
-    }
-  );
-}
+const Field = React__default.default.forwardRef(
+  ({
+    name,
+    hint,
+    error,
+    placeholder,
+    label,
+    attribute,
+    labelAction = null,
+    disabled = false,
+    required = false
+  }, forwardedRef) => {
+    const { preset, maxLengthWords, maxLengthCharacters } = attribute.options;
+    const isFieldLocalized = attribute?.pluginOptions?.i18n?.localized ?? false;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      EditorProvider,
+      {
+        name,
+        error,
+        disabled,
+        required,
+        placeholder,
+        hint,
+        label,
+        labelAction,
+        presetName: preset,
+        wordsLimit: maxLengthWords,
+        charsLimit: maxLengthCharacters,
+        isFieldLocalized,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Editor, { ref: forwardedRef })
+      }
+    );
+  }
+);
 function compare(oldProps, newProps) {
   return oldProps.error === newProps.error && oldProps.labelAction === newProps.labelAction;
 }

package/dist/_chunks/{Field-DwEixuI8.mjs → Field-C5uO1-1c.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback, useReducer } from "react";
-import { Flex, IconButton, Box, Portal, FocusTrap, Field as Field$1, Loader } from "@strapi/design-system";
+import React, { createContext, useContext, useState, useEffect, useMemo, useRef, useCallback, useImperativeHandle, useReducer } from "react";
+import { Flex, IconButton, Modal, Field as Field$1, Loader, Box } from "@strapi/design-system";
 import { styled, css, createGlobalStyle } from "styled-components";
 import { useStrapiApp, useField } from "@strapi/strapi/admin";
 import { ClassicEditor } from "ckeditor5";
 import { CKEditor } from "@ckeditor/ckeditor5-react";
 import "ckeditor5/ckeditor5.css";
-import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-CM-eZqTL.mjs";
+import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-CwLpvdFD.mjs";
 import "sanitize-html";
 import { Collapse, Expand } from "@strapi/icons";
 const STORAGE_KEYS = {
@@ -283,7 +283,7 @@ function MediaLib({ isOpen = false, toggle, handleChangeAssets }) {
   return /* @__PURE__ */ jsx(MediaLibraryDialog, { onClose: toggle, onSelectAssets: handleSelectAssets });
 }
 const MemoizedMediaLib = React.memo(MediaLib);
-function CKEReact() {
+const CKEReact = React.forwardRef((_, forwardedRef) => {
   const [mediaLibVisible, setMediaLibVisible] = useState(false);
   const [editorInstance, setEditorInstance] = useState(null);
   const [isWordsMax, setIsWordsMax] = useState(false);
@@ -291,13 +291,20 @@ function CKEReact() {
   const { name, disabled, preset, wordsLimit, charsLimit } = useEditorContext();
   const { onChange: fieldOnChange, value: fieldValue } = useField(name);
   const wordCounterRef = useRef(null);
+  const debounceTimeout = useRef(null);
   const onEditorReady = (editor) => {
     setUpPlugins(editor);
     setEditorInstance(editor);
   };
   const onEditorChange = (_e, editor) => {
+    if (debounceTimeout.current) {
+      clearTimeout(debounceTimeout.current);
+    }
     const data = editor.getData();
-    fieldOnChange(name, data);
+    debounceTimeout.current = setTimeout(() => {
+      fieldOnChange(name, data);
+      debounceTimeout.current = null;
+    }, 300);
   };
   const toggleMediaLib = useCallback(() => setMediaLibVisible((prev) => !prev), [setMediaLibVisible]);
   const handleChangeAssets = useCallback(
@@ -312,6 +319,22 @@ function CKEReact() {
     },
     [toggleMediaLib, editorInstance]
   );
+  useEffect(() => {
+    const ckWrapper = document.querySelector(".ck-body-wrapper");
+    const listener = ckWrapper?.addEventListener("pointerdown", (e) => e.stopPropagation(), true);
+    return () => {
+      listener && ckWrapper?.removeEventListener("pointerdown", listener);
+    };
+  }, [editorInstance]);
+  useImperativeHandle(
+    forwardedRef,
+    () => ({
+      focus() {
+        editorInstance?.focus();
+      }
+    }),
+    [editorInstance]
+  );
   if (!preset) {
     return null;
   }
@@ -395,7 +418,7 @@ function CKEReact() {
       setIsCharsMax(stats.characters > charsLimit);
     }
   }
-}
+});
 const WordCounter = styled(Flex)`
   ${({ theme, $isWordsMax, $isCharsMax }) => css`
     .ck-word-count__words {
@@ -412,51 +435,34 @@ function EditorLayout({ children }) {
   useEffect(() => {
     if (isExpandedMode) {
       document.body.classList.add("lock-body-scroll");
+      setTimeout(() => {
+        document.querySelector(".ck-editor__expanded .ck-editor__editable")?.focus();
+      }, 0);
     }
     return () => {
       document.body.classList.remove("lock-body-scroll");
     };
   }, [isExpandedMode]);
   if (isExpandedMode) {
-    return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: handleToggleExpand, children: /* @__PURE__ */ jsx(
-      Backdrop,
+    return /* @__PURE__ */ jsx(Modal.Root, { open: isExpandedMode, onOpenChange: handleToggleExpand, children: /* @__PURE__ */ jsx(
+      Modal.Content,
       {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 4,
-        justifyContent: "center",
-        onClick: handleToggleExpand,
-        children: /* @__PURE__ */ jsx(
-          FullScreenBox,
+        style: { maxWidth: "var(--ck-editor-full-screen-box-max-width)", width: "unset" },
+        children: /* @__PURE__ */ jsx(Flex, { height: "90dvh", width: "90dvw", alignItems: "flex-start", direction: "column", children: /* @__PURE__ */ jsxs(
+          EditorWrapper,
           {
-            background: "neutral100",
-            hasRadius: true,
-            shadow: "popupShadow",
-            overflow: "hidden",
-            width: "90%",
-            height: "90%",
-            onClick: (e) => e.stopPropagation(),
-            position: "relative",
-            children: /* @__PURE__ */ jsx(Flex, { height: "100%", alignItems: "flex-start", direction: "column", children: /* @__PURE__ */ jsxs(
-              EditorWrapper,
-              {
-                $presetStyles: preset?.styles,
-                $isExpanded: isExpandedMode,
-                $hasError: Boolean(error),
-                className: "ck-editor__expanded",
-                children: [
-                  children,
-                  /* @__PURE__ */ jsx(CollapseButton, { label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsx(Collapse, {}) })
-                ]
-              }
-            ) })
+            $presetStyles: preset?.styles,
+            $isExpanded: isExpandedMode,
+            $hasError: Boolean(error),
+            className: "ck-editor__expanded",
+            children: [
+              children,
+              /* @__PURE__ */ jsx(CollapseButton, { tabindex: "-1", label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsx(Collapse, {}) })
+            ]
           }
-        )
+        ) })
       }
-    ) }) });
+    ) });
   }
   return /* @__PURE__ */ jsxs(
     EditorWrapper,
@@ -508,12 +514,6 @@ const CollapseButton = styled(IconButton)`
   z-index: 2;
   box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
-const FullScreenBox = styled(Box)`
-  max-width: var(--ck-editor-full-screen-box-max-width);
-`;
-const Backdrop = styled(Flex)`
-  background: ${({ theme }) => `${theme.colors.neutral800}1F`};
-`;
 const GlobalStyle = createGlobalStyle`
   ${({ $editortTheme, $variant }) => $editortTheme && css`
       ${$editortTheme.common}
@@ -529,18 +529,18 @@ function GlobalStyling() {
   return /* @__PURE__ */ jsx(GlobalStyle, { $editortTheme: theme, $variant: variant });
 }
 const MemoizedGlobalStyling = React.memo(GlobalStyling);
-function Editor() {
+const Editor = React.forwardRef((_, forwardedRef) => {
   const { name, hint, required, labelAction, label, error, preset } = useEditorContext();
   return /* @__PURE__ */ jsx(Field$1.Root, { id: name, name, error, hint, required, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
     /* @__PURE__ */ jsx(Field$1.Label, { action: labelAction, children: label }),
     preset ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(MemoizedGlobalStyling, {}),
-      /* @__PURE__ */ jsx(EditorLayout, { children: /* @__PURE__ */ jsx(CKEReact, {}) })
+      /* @__PURE__ */ jsx(EditorLayout, { children: /* @__PURE__ */ jsx(CKEReact, { ref: forwardedRef }) })
     ] }) : /* @__PURE__ */ jsx(LoaderBox, { hasRadius: true, background: "neutral100", children: /* @__PURE__ */ jsx(Loader, { children: "Loading..." }) }),
     /* @__PURE__ */ jsx(Field$1.Hint, {}),
     /* @__PURE__ */ jsx(Field$1.Error, {})
   ] }) });
-}
+});
 const LoaderBox = styled(Box)`
   display: flex;
   justify-content: center;
@@ -548,38 +548,40 @@ const LoaderBox = styled(Box)`
   height: 200px;
   width: 100%;
 `;
-function Field({
-  name,
-  hint,
-  error,
-  placeholder,
-  label,
-  attribute,
-  labelAction = null,
-  disabled = false,
-  required = false
-}) {
-  const { preset, maxLengthWords, maxLengthCharacters } = attribute.options;
-  const isFieldLocalized = attribute?.pluginOptions?.i18n?.localized ?? false;
-  return /* @__PURE__ */ jsx(
-    EditorProvider,
-    {
-      name,
-      error,
-      disabled,
-      required,
-      placeholder,
-      hint,
-      label,
-      labelAction,
-      presetName: preset,
-      wordsLimit: maxLengthWords,
-      charsLimit: maxLengthCharacters,
-      isFieldLocalized,
-      children: /* @__PURE__ */ jsx(Editor, {})
-    }
-  );
-}
+const Field = React.forwardRef(
+  ({
+    name,
+    hint,
+    error,
+    placeholder,
+    label,
+    attribute,
+    labelAction = null,
+    disabled = false,
+    required = false
+  }, forwardedRef) => {
+    const { preset, maxLengthWords, maxLengthCharacters } = attribute.options;
+    const isFieldLocalized = attribute?.pluginOptions?.i18n?.localized ?? false;
+    return /* @__PURE__ */ jsx(
+      EditorProvider,
+      {
+        name,
+        error,
+        disabled,
+        required,
+        placeholder,
+        hint,
+        label,
+        labelAction,
+        presetName: preset,
+        wordsLimit: maxLengthWords,
+        charsLimit: maxLengthCharacters,
+        isFieldLocalized,
+        children: /* @__PURE__ */ jsx(Editor, { ref: forwardedRef })
+      }
+    );
+  }
+);
 function compare(oldProps, newProps) {
   return oldProps.error === newProps.error && oldProps.labelAction === newProps.labelAction;
 }

package/dist/_chunks/{index-CM-eZqTL.mjs → index-CwLpvdFD.mjs}

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Flex, lightTheme } from "@strapi/design-system";
 import cloneDeep from "lodash/cloneDeep";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "6.0.1";
+const version = "6.0.3";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -526,6 +526,8 @@ const plugin = css`
 `;
 const expanded = css`
   .ck-editor__expanded {
+    max-width: var(--ck-editor-full-screen-box-max-width);
+
     .ck.ck-content.ck-editor__editable,
     .ck-source-editing-area {
       min-height: 100% !important;
@@ -565,6 +567,10 @@ const expanded = css`
       right: 1.2rem;
     }
   }
+
+  .ck-body-wrapper {
+    pointer-events: all;
+  }
 `;
 const common = css`
   ${reset}
@@ -1243,7 +1249,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => import("./Field-DwEixuI8.mjs").then((module) => ({
+        Input: async () => import("./Field-C5uO1-1c.mjs").then((module) => ({
           default: module.Field
         }))
       },

package/dist/_chunks/{index-CgWKes-C.js → index-D48ig74s.js}

@@ -28,7 +28,7 @@ const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
 const sanitizeHtml__namespace = /* @__PURE__ */ _interopNamespace(sanitizeHtml);
 const cloneDeep__default = /* @__PURE__ */ _interopDefault(cloneDeep);
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "6.0.1";
+const version = "6.0.3";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -548,6 +548,8 @@ const plugin = styledComponents.css`
 `;
 const expanded = styledComponents.css`
   .ck-editor__expanded {
+    max-width: var(--ck-editor-full-screen-box-max-width);
+
     .ck.ck-content.ck-editor__editable,
     .ck-source-editing-area {
       min-height: 100% !important;
@@ -587,6 +589,10 @@ const expanded = styledComponents.css`
       right: 1.2rem;
     }
   }
+
+  .ck-body-wrapper {
+    pointer-events: all;
+  }
 `;
 const common = styledComponents.css`
   ${reset}
@@ -1265,7 +1271,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./Field-bpNZPEcR.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./Field-Bjfn0oud.js")).then((module2) => ({
           default: module2.Field
         }))
       },

package/dist/admin/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 require("yup");
-const index = require("../_chunks/index-CgWKes-C.js");
+const index = require("../_chunks/index-D48ig74s.js");
 require("ckeditor5");
 require("sanitize-html");
 exports.StrapiMediaLib = index.StrapiMediaLib;

package/dist/admin/index.mjs

@@ -1,5 +1,5 @@
 import "yup";
-import { S, h, a, b, d, c, e, f, s } from "../_chunks/index-CM-eZqTL.mjs";
+import { S, h, a, b, d, c, e, f, s } from "../_chunks/index-CwLpvdFD.mjs";
 import "ckeditor5";
 import "sanitize-html";
 export {

package/dist/admin/src/components/CKEReact.d.ts

@@ -1,6 +1,9 @@
+import React from 'react';
 import 'ckeditor5/ckeditor5.css';
 export type WordCountPluginStats = {
     words: number;
     characters: number;
 };
-export declare function CKEReact(): import("react/jsx-runtime").JSX.Element | null;
+export declare const CKEReact: React.ForwardRefExoticComponent<React.RefAttributes<{
+    focus: () => void;
+}>>;

package/dist/admin/src/components/Editor.d.ts

@@ -1 +1,4 @@
-export declare function Editor(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Editor: React.ForwardRefExoticComponent<React.RefAttributes<{
+    focus: () => void;
+}>>;

package/dist/admin/src/components/Field.d.ts

@@ -15,6 +15,7 @@ type CKEditorFieldProps = Readonly<InputProps & FieldValue & {
         };
     };
 }>;
-declare function Field({ name, hint, error, placeholder, label, attribute, labelAction, disabled, required, }: CKEditorFieldProps): import("react/jsx-runtime").JSX.Element;
-declare const MemoizedField: React.MemoExoticComponent<typeof Field>;
+declare const MemoizedField: React.MemoExoticComponent<React.ForwardRefExoticComponent<CKEditorFieldProps & React.RefAttributes<{
+    focus: () => void;
+}>>>;
 export { MemoizedField as Field };

package/dist/server/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "6.0.1";
+const version = "6.0.3";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",

package/dist/server/index.mjs

@@ -1,5 +1,5 @@
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "6.0.1";
+const version = "6.0.3";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "6.0.2",
+  "version": "6.0.3",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
   "keywords": [
     "strapi",