@_sh/strapi-plugin-ckeditor 7.0.0 → 7.1.1

package/dist/_chunks/{Field-SB2kmV75.mjs → Field-CmFipUw8.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { createContext, useContext, useState, useEffect, useMemo, useRef, useCallback, useImperativeHandle } from "react";
 import { Flex, IconButton, Modal, Field as Field$1, Loader, Box } from "@strapi/design-system";
-import { styled, css, createGlobalStyle } from "styled-components";
+import { styled, css, useTheme } 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-D6brYb_3.mjs";
+import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-Hsx0G4L9.mjs";
 import "sanitize-html";
 import { Collapse, Expand } from "@strapi/icons";
 const STORAGE_KEYS = {
@@ -549,29 +549,57 @@ const Content = styled(Modal.Content)`
   width: unset;
   overflow: visible;
 `;
-const GlobalStyle = createGlobalStyle`
-  ${({ $editortTheme, $variant }) => $editortTheme && css`
-      ${$editortTheme.common}
-      ${$editortTheme[$variant]}
-      ${$editortTheme.additional}
-    `}
-`;
+let styleElement = null;
 const getSystemColorScheme = () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-function GlobalStyling() {
-  const { theme } = getPluginConfig();
+function flattenCSS(styles, theme) {
+  if (styles == null || styles === false) return "";
+  if (typeof styles === "string") {
+    return styles;
+  }
+  if (typeof styles === "number") {
+    return String(styles);
+  }
+  if (typeof styles === "function") {
+    return flattenCSS(styles({ theme }), theme);
+  }
+  if (Array.isArray(styles)) {
+    return styles.map((part) => flattenCSS(part, theme)).join("");
+  }
+  return "";
+}
+function buildCSS(pluginTheme, strapiTheme) {
   const profileTheme = getProfileTheme();
   const variant = profileTheme && profileTheme !== "system" ? profileTheme : getSystemColorScheme();
-  return /* @__PURE__ */ jsx(GlobalStyle, { $editortTheme: theme, $variant: variant });
+  return [
+    flattenCSS(pluginTheme.common, strapiTheme),
+    flattenCSS(pluginTheme[variant], strapiTheme),
+    flattenCSS(pluginTheme.additional, strapiTheme)
+  ].join("\n");
+}
+function injectStyles(strapiTheme) {
+  const { theme } = getPluginConfig();
+  const cssText = buildCSS(theme, strapiTheme);
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.id = "ck-editor-global-styles";
+    document.head.appendChild(styleElement);
+  }
+  if (styleElement.textContent !== cssText) {
+    styleElement.textContent = cssText;
+  }
+}
+function useGlobalStyles() {
+  const strapiTheme = useTheme();
+  useEffect(() => {
+    injectStyles(strapiTheme);
+  }, [strapiTheme]);
 }
-const MemoizedGlobalStyling = React.memo(GlobalStyling);
 const Editor = React.forwardRef((_, forwardedRef) => {
   const { name, hint, required, labelAction, label, error, preset } = useEditorContext();
+  useGlobalStyles();
   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, { ref: forwardedRef }) })
-    ] }) : /* @__PURE__ */ jsx(LoaderBox, { hasRadius: true, background: "neutral100", children: /* @__PURE__ */ jsx(Loader, { children: "Loading..." }) }),
+    preset ? /* @__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, {})
   ] }) });

package/dist/_chunks/{Field-D_sK_Mfq.js → Field-DXPrjUnm.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-V5z1nLLU.js");
+const index = require("./index-Db6yDUsF.js");
 require("sanitize-html");
 const icons = require("@strapi/icons");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -575,29 +575,57 @@ const Content = styledComponents.styled(designSystem.Modal.Content)`
   width: unset;
   overflow: visible;
 `;
-const GlobalStyle = styledComponents.createGlobalStyle`
-  ${({ $editortTheme, $variant }) => $editortTheme && styledComponents.css`
-      ${$editortTheme.common}
-      ${$editortTheme[$variant]}
-      ${$editortTheme.additional}
-    `}
-`;
+let styleElement = null;
 const getSystemColorScheme = () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-function GlobalStyling() {
-  const { theme } = index.getPluginConfig();
+function flattenCSS(styles, theme) {
+  if (styles == null || styles === false) return "";
+  if (typeof styles === "string") {
+    return styles;
+  }
+  if (typeof styles === "number") {
+    return String(styles);
+  }
+  if (typeof styles === "function") {
+    return flattenCSS(styles({ theme }), theme);
+  }
+  if (Array.isArray(styles)) {
+    return styles.map((part) => flattenCSS(part, theme)).join("");
+  }
+  return "";
+}
+function buildCSS(pluginTheme, strapiTheme) {
   const profileTheme = getProfileTheme();
   const variant = profileTheme && profileTheme !== "system" ? profileTheme : getSystemColorScheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(GlobalStyle, { $editortTheme: theme, $variant: variant });
+  return [
+    flattenCSS(pluginTheme.common, strapiTheme),
+    flattenCSS(pluginTheme[variant], strapiTheme),
+    flattenCSS(pluginTheme.additional, strapiTheme)
+  ].join("\n");
+}
+function injectStyles(strapiTheme) {
+  const { theme } = index.getPluginConfig();
+  const cssText = buildCSS(theme, strapiTheme);
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.id = "ck-editor-global-styles";
+    document.head.appendChild(styleElement);
+  }
+  if (styleElement.textContent !== cssText) {
+    styleElement.textContent = cssText;
+  }
+}
+function useGlobalStyles() {
+  const strapiTheme = styledComponents.useTheme();
+  React.useEffect(() => {
+    injectStyles(strapiTheme);
+  }, [strapiTheme]);
 }
-const MemoizedGlobalStyling = React__default.default.memo(GlobalStyling);
 const Editor = React__default.default.forwardRef((_, forwardedRef) => {
   const { name, hint, required, labelAction, label, error, preset } = useEditorContext();
+  useGlobalStyles();
   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, { ref: forwardedRef }) })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(LoaderBox, { hasRadius: true, background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading..." }) }),
+    preset ? /* @__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, {})
   ] }) });

package/dist/_chunks/{index-V5z1nLLU.js → index-Db6yDUsF.js}

@@ -1,11 +1,11 @@
 "use strict";
 const yup = require("yup");
+const cloneDeep = require("lodash/cloneDeep");
 const styledComponents = require("styled-components");
 const ckeditor5 = require("ckeditor5");
 const sanitizeHtml = require("sanitize-html");
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
-const cloneDeep = require("lodash/cloneDeep");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,150 +25,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 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 = "7.0.0";
-const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
-const keywords = [
-  "strapi",
-  "ckeditor",
-  "ckeditor5",
-  "ckeditor 5",
-  "wysiwyg",
-  "rich text",
-  "editor"
-];
-const author = {
-  name: "nshenderov"
-};
-const homepage = "https://market.strapi.io/plugins/@_sh-strapi-plugin-ckeditor";
-const repository = {
-  type: "git",
-  url: "https://github.com/nshenderov/strapi-plugin-ckeditor.git"
-};
-const strapi = {
-  name: "ckeditor5",
-  displayName: "CKEditor 5",
-  description: "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
-  kind: "plugin"
-};
-const type = "commonjs";
-const exports$1 = {
-  "./package.json": "./package.json",
-  ".": {
-    types: "./dist/admin/src/index.d.ts",
-    source: "./admin/src/index.ts",
-    "import": "./dist/admin/index.mjs",
-    require: "./dist/admin/index.js",
-    "default": "./dist/admin/index.js"
-  },
-  "./strapi-admin": {
-    types: "./dist/admin/src/index.d.ts",
-    source: "./admin/src/index.ts",
-    "import": "./dist/admin/index.mjs",
-    require: "./dist/admin/index.js",
-    "default": "./dist/admin/index.js"
-  },
-  "./strapi-server": {
-    types: "./dist/server/src/index.d.ts",
-    source: "./server/src/index.ts",
-    "import": "./dist/server/index.mjs",
-    require: "./dist/server/index.js",
-    "default": "./dist/server/index.js"
-  }
-};
-const files = [
-  "dist"
-];
-const scripts = {
-  build: "strapi-plugin build",
-  watch: "strapi-plugin watch",
-  "watch:link": "strapi-plugin watch:link",
-  verify: "strapi-plugin verify",
-  "test:ts:front": "run -T tsc -p admin/tsconfig.json",
-  "test:ts:back": "run -T tsc -p server/tsconfig.json",
-  release: "release-it",
-  "release:info": "release-it --changelog",
-  "lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
-  "lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
-};
-const dependencies = {
-  "@ckeditor/ckeditor5-react": "~11.0.1",
-  "@strapi/design-system": "2.1.2",
-  "@strapi/icons": "2.1.2",
-  ckeditor5: "~47.4.0",
-  lodash: "4.17.21",
-  "sanitize-html": "2.13.0",
-  yup: "0.32.9"
-};
-const devDependencies = {
-  "@release-it/conventional-changelog": "10.0.0",
-  "@strapi/sdk-plugin": "5.4.0",
-  "@strapi/strapi": "5.33.4",
-  "@strapi/typescript-utils": "5.33.4",
-  "@types/react": "^18.0.0",
-  "@types/react-dom": "^18.0.0",
-  "@types/sanitize-html": "^2.13.0",
-  "@typescript-eslint/eslint-plugin": "^7.0.0",
-  "@typescript-eslint/parser": "^7.0.0",
-  eslint: "^8.2.0",
-  "eslint-config-airbnb": "^19.0.4",
-  "eslint-config-airbnb-typescript": "^18.0.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-plugin-import": "^2.25.3",
-  "eslint-plugin-jsx-a11y": "^6.10.2",
-  "eslint-plugin-prettier": "^5.2.1",
-  "eslint-plugin-react": "^7.28.0",
-  "eslint-plugin-react-hooks": "^4.3.0",
-  prettier: "^3.4.0",
-  "release-it": "^18.1.2",
-  typescript: "5.6.3",
-  react: "^18.0.0",
-  "react-dom": "^18.0.0",
-  "react-router-dom": "^6.0.0",
-  "styled-components": "^6.0.0"
-};
-const peerDependencies = {
-  "@strapi/strapi": "^5.0.0",
-  react: "^18.0.0",
-  "react-dom": "^18.0.0",
-  "react-router-dom": "^6.0.0",
-  "styled-components": "^6.0.0"
-};
-const engines = {
-  node: ">=20.0.0 <=24.x.x",
-  npm: ">=6.0.0"
-};
-const license = "MIT";
-const pluginPkg = {
-  name,
-  version,
-  description,
-  keywords,
-  author,
-  homepage,
-  repository,
-  strapi,
-  type,
-  exports: exports$1,
-  files,
-  scripts,
-  dependencies,
-  devDependencies,
-  peerDependencies,
-  engines,
-  license
-};
-const PLUGIN_ID = pluginPkg.strapi.name;
-function isImageResponsive(imgFormats) {
-  const formats = Object.keys(imgFormats);
-  const isResponsive = !(formats.length === 1 && formats[0] === "thumbnail");
-  return isResponsive;
-}
-function prefixFileUrlWithBackendUrl(fileURL) {
-  return !!fileURL && fileURL.startsWith("/") ? `${window.strapi.backendURL}${fileURL}` : fileURL;
-}
+const sanitizeHtml__namespace = /* @__PURE__ */ _interopNamespace(sanitizeHtml);
 const colors = styledComponents.css`
   ${({ theme }) => styledComponents.css`
     :root {
@@ -342,8 +200,8 @@ const reset = styledComponents.css`
     }
 
     .ck-editor__main {
-      --ck-font-face: 'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial,
-        sans-serif;
+      --ck-font-face:
+        'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
 
       font-family: var(--ck-font-face);
 
@@ -446,6 +304,15 @@ const plugin = styledComponents.css`
       border: none !important;
     }
 
+    [role='dialog'] .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
+      position: static !important;
+      width: auto !important;
+    }
+
+    [role='dialog'] .ck.ck-sticky-panel .ck-sticky-panel__placeholder {
+      display: none !important;
+    }
+
     .ck.ck-editor__main {
       min-height: var(--ck-editor-min-height) !important;
       max-height: var(--ck-editor-max-height) !important;
@@ -632,6 +499,148 @@ class StrapiMediaLib extends ckeditor5.Plugin {
     this.strapiToggle();
   }
 }
+const name = "@_sh/strapi-plugin-ckeditor";
+const version = "7.1.1";
+const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
+const keywords = [
+  "strapi",
+  "ckeditor",
+  "ckeditor5",
+  "ckeditor 5",
+  "wysiwyg",
+  "rich text",
+  "editor"
+];
+const author = {
+  name: "nshenderov"
+};
+const homepage = "https://market.strapi.io/plugins/@_sh-strapi-plugin-ckeditor";
+const repository = {
+  type: "git",
+  url: "https://github.com/nshenderov/strapi-plugin-ckeditor.git"
+};
+const strapi = {
+  name: "ckeditor5",
+  displayName: "CKEditor 5",
+  description: "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
+  kind: "plugin"
+};
+const type = "commonjs";
+const exports$2 = {
+  "./package.json": "./package.json",
+  ".": {
+    types: "./dist/admin/src/index.d.ts",
+    source: "./admin/src/index.ts",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-admin": {
+    types: "./dist/admin/src/index.d.ts",
+    source: "./admin/src/index.ts",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-server": {
+    types: "./dist/server/src/index.d.ts",
+    source: "./server/src/index.ts",
+    "import": "./dist/server/index.mjs",
+    require: "./dist/server/index.js",
+    "default": "./dist/server/index.js"
+  }
+};
+const files = [
+  "dist"
+];
+const scripts = {
+  build: "strapi-plugin build",
+  watch: "strapi-plugin watch",
+  "watch:link": "strapi-plugin watch:link",
+  verify: "strapi-plugin verify",
+  "test:ts:front": "run -T tsc -p admin/tsconfig.json",
+  "test:ts:back": "run -T tsc -p server/tsconfig.json",
+  release: "release-it",
+  "release:info": "release-it --changelog",
+  "lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
+  "lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
+};
+const dependencies = {
+  "@ckeditor/ckeditor5-react": "~11.0.1",
+  ckeditor5: "~47.6.1",
+  lodash: "4.17.21",
+  "sanitize-html": "2.13.0",
+  yup: "0.32.9"
+};
+const devDependencies = {
+  "@release-it/conventional-changelog": "10.0.0",
+  "@strapi/sdk-plugin": "5.4.0",
+  "@strapi/strapi": "5.33.4",
+  "@strapi/typescript-utils": "5.33.4",
+  "@types/react": "^18.0.0",
+  "@types/react-dom": "^18.0.0",
+  "@types/sanitize-html": "^2.13.0",
+  "@typescript-eslint/eslint-plugin": "^7.0.0",
+  "@typescript-eslint/parser": "^7.0.0",
+  eslint: "^8.2.0",
+  "eslint-config-airbnb": "^19.0.4",
+  "eslint-config-airbnb-typescript": "^18.0.0",
+  "eslint-config-prettier": "^9.1.0",
+  "eslint-plugin-import": "^2.25.3",
+  "eslint-plugin-jsx-a11y": "^6.10.2",
+  "eslint-plugin-prettier": "^5.2.1",
+  "eslint-plugin-react": "^7.28.0",
+  "eslint-plugin-react-hooks": "^4.3.0",
+  prettier: "^3.4.0",
+  "release-it": "^18.1.2",
+  typescript: "5.6.3",
+  react: "^18.0.0",
+  "react-dom": "^18.0.0",
+  "react-router-dom": "^6.0.0",
+  "styled-components": "^6.0.0"
+};
+const peerDependencies = {
+  "@strapi/design-system": "^2.0.0",
+  "@strapi/icons": "^2.0.0",
+  "@strapi/strapi": "^5.0.0",
+  react: "^18.0.0",
+  "react-dom": "^18.0.0",
+  "react-router-dom": "^6.0.0",
+  "styled-components": "^6.0.0"
+};
+const engines = {
+  node: ">=20.0.0 <=24.x.x",
+  npm: ">=6.0.0"
+};
+const license = "MIT";
+const pluginPkg = {
+  name,
+  version,
+  description,
+  keywords,
+  author,
+  homepage,
+  repository,
+  strapi,
+  type,
+  exports: exports$2,
+  files,
+  scripts,
+  dependencies,
+  devDependencies,
+  peerDependencies,
+  engines,
+  license
+};
+const PLUGIN_ID = pluginPkg.strapi.name;
+function isImageResponsive(imgFormats) {
+  const formats = Object.keys(imgFormats);
+  const isResponsive = !(formats.length === 1 && formats[0] === "thumbnail");
+  return isResponsive;
+}
+function prefixFileUrlWithBackendUrl(fileURL) {
+  return !!fileURL && fileURL.startsWith("/") ? `${window.strapi.backendURL}${fileURL}` : fileURL;
+}
 class StrapiUploadAdapter extends ckeditor5.Plugin {
   static get requires() {
     return [ckeditor5.FileRepository];
@@ -1178,11 +1187,25 @@ function getPluginPresets() {
   return PLUGIN_CONFIG.presets;
 }
 function getPluginTheme() {
-  return PLUGIN_CONFIG.presets;
+  return PLUGIN_CONFIG.theme;
 }
 function getPluginConfig() {
   return PLUGIN_CONFIG;
 }
+const clonedDefaultTheme = cloneDeep__default.default(defaultTheme);
+const clonedDefaultHtmlPreset = cloneDeep__default.default(defaultHtmlPreset);
+const clonedDefaultMarkdownPreset = cloneDeep__default.default(defaultMarkdownPreset);
+const exports$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StrapiMediaLib,
+  StrapiUploadAdapter,
+  defaultHtmlPreset: clonedDefaultHtmlPreset,
+  defaultMarkdownPreset: clonedDefaultMarkdownPreset,
+  defaultTheme: clonedDefaultTheme,
+  getPluginPresets,
+  getPluginTheme,
+  setPluginConfig
+}, Symbol.toStringTag, { value: "Module" }));
 function CKEditorIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, {}) });
 }
@@ -1208,9 +1231,6 @@ const IconBox = styledComponents.styled(designSystem.Flex)`
   background-color: ${designSystem.lightTheme.colors.secondary100};
   border: 1px solid ${designSystem.lightTheme.colors.secondary200};
 `;
-const clonedDefaultTheme = cloneDeep__default.default(defaultTheme);
-const clonedDefaultHtmlPreset = cloneDeep__default.default(defaultHtmlPreset);
-const clonedDefaultMarkdownPreset = cloneDeep__default.default(defaultMarkdownPreset);
 const AVAILABLE_OPTIONS = [];
 function fillAvailableOptions() {
   const { presets } = getPluginConfig();
@@ -1233,6 +1253,12 @@ const index = {
     fillAvailableOptions();
   },
   async register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      isReady: true,
+      name: "CKEditor",
+      apis: exports$1
+    });
     app.customFields.register({
       name: "CKEditor",
       type: "richtext",
@@ -1247,7 +1273,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./Field-D_sK_Mfq.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./Field-DXPrjUnm.js")).then((module2) => ({
           default: module2.Field
         }))
       },

package/dist/_chunks/{index-D6brYb_3.mjs → index-Hsx0G4L9.mjs}

@@ -1,152 +1,10 @@
 import * as yup from "yup";
+import cloneDeep from "lodash/cloneDeep";
 import { css, styled } from "styled-components";
 import { Plugin, ButtonView, FileRepository, logWarning, Alignment, Autoformat, AutoImage, BalloonToolbar, BlockQuote, Bold, Code, CodeBlock, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, HorizontalLine, HtmlEmbed, Image, ImageCaption, ImageInsert, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, List, ListProperties, Link, LinkImage, MediaEmbed, Paragraph, PageBreak, PasteFromOffice, PictureEditing, RemoveFormat, SourceEditing, SpecialCharacters, SpecialCharactersEssentials, Strikethrough, Style, Subscript, Superscript, ShowBlocks, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TodoList, Underline, WordCount, IconIndent, Markdown, TextTransformation } from "ckeditor5";
 import * as sanitizeHtml from "sanitize-html";
 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 = "7.0.0";
-const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
-const keywords = [
-  "strapi",
-  "ckeditor",
-  "ckeditor5",
-  "ckeditor 5",
-  "wysiwyg",
-  "rich text",
-  "editor"
-];
-const author = {
-  name: "nshenderov"
-};
-const homepage = "https://market.strapi.io/plugins/@_sh-strapi-plugin-ckeditor";
-const repository = {
-  type: "git",
-  url: "https://github.com/nshenderov/strapi-plugin-ckeditor.git"
-};
-const strapi = {
-  name: "ckeditor5",
-  displayName: "CKEditor 5",
-  description: "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
-  kind: "plugin"
-};
-const type = "commonjs";
-const exports = {
-  "./package.json": "./package.json",
-  ".": {
-    types: "./dist/admin/src/index.d.ts",
-    source: "./admin/src/index.ts",
-    "import": "./dist/admin/index.mjs",
-    require: "./dist/admin/index.js",
-    "default": "./dist/admin/index.js"
-  },
-  "./strapi-admin": {
-    types: "./dist/admin/src/index.d.ts",
-    source: "./admin/src/index.ts",
-    "import": "./dist/admin/index.mjs",
-    require: "./dist/admin/index.js",
-    "default": "./dist/admin/index.js"
-  },
-  "./strapi-server": {
-    types: "./dist/server/src/index.d.ts",
-    source: "./server/src/index.ts",
-    "import": "./dist/server/index.mjs",
-    require: "./dist/server/index.js",
-    "default": "./dist/server/index.js"
-  }
-};
-const files = [
-  "dist"
-];
-const scripts = {
-  build: "strapi-plugin build",
-  watch: "strapi-plugin watch",
-  "watch:link": "strapi-plugin watch:link",
-  verify: "strapi-plugin verify",
-  "test:ts:front": "run -T tsc -p admin/tsconfig.json",
-  "test:ts:back": "run -T tsc -p server/tsconfig.json",
-  release: "release-it",
-  "release:info": "release-it --changelog",
-  "lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
-  "lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
-};
-const dependencies = {
-  "@ckeditor/ckeditor5-react": "~11.0.1",
-  "@strapi/design-system": "2.1.2",
-  "@strapi/icons": "2.1.2",
-  ckeditor5: "~47.4.0",
-  lodash: "4.17.21",
-  "sanitize-html": "2.13.0",
-  yup: "0.32.9"
-};
-const devDependencies = {
-  "@release-it/conventional-changelog": "10.0.0",
-  "@strapi/sdk-plugin": "5.4.0",
-  "@strapi/strapi": "5.33.4",
-  "@strapi/typescript-utils": "5.33.4",
-  "@types/react": "^18.0.0",
-  "@types/react-dom": "^18.0.0",
-  "@types/sanitize-html": "^2.13.0",
-  "@typescript-eslint/eslint-plugin": "^7.0.0",
-  "@typescript-eslint/parser": "^7.0.0",
-  eslint: "^8.2.0",
-  "eslint-config-airbnb": "^19.0.4",
-  "eslint-config-airbnb-typescript": "^18.0.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-plugin-import": "^2.25.3",
-  "eslint-plugin-jsx-a11y": "^6.10.2",
-  "eslint-plugin-prettier": "^5.2.1",
-  "eslint-plugin-react": "^7.28.0",
-  "eslint-plugin-react-hooks": "^4.3.0",
-  prettier: "^3.4.0",
-  "release-it": "^18.1.2",
-  typescript: "5.6.3",
-  react: "^18.0.0",
-  "react-dom": "^18.0.0",
-  "react-router-dom": "^6.0.0",
-  "styled-components": "^6.0.0"
-};
-const peerDependencies = {
-  "@strapi/strapi": "^5.0.0",
-  react: "^18.0.0",
-  "react-dom": "^18.0.0",
-  "react-router-dom": "^6.0.0",
-  "styled-components": "^6.0.0"
-};
-const engines = {
-  node: ">=20.0.0 <=24.x.x",
-  npm: ">=6.0.0"
-};
-const license = "MIT";
-const pluginPkg = {
-  name,
-  version,
-  description,
-  keywords,
-  author,
-  homepage,
-  repository,
-  strapi,
-  type,
-  exports,
-  files,
-  scripts,
-  dependencies,
-  devDependencies,
-  peerDependencies,
-  engines,
-  license
-};
-const PLUGIN_ID = pluginPkg.strapi.name;
-function isImageResponsive(imgFormats) {
-  const formats = Object.keys(imgFormats);
-  const isResponsive = !(formats.length === 1 && formats[0] === "thumbnail");
-  return isResponsive;
-}
-function prefixFileUrlWithBackendUrl(fileURL) {
-  return !!fileURL && fileURL.startsWith("/") ? `${window.strapi.backendURL}${fileURL}` : fileURL;
-}
 const colors = css`
   ${({ theme }) => css`
     :root {
@@ -320,8 +178,8 @@ const reset = css`
     }
 
     .ck-editor__main {
-      --ck-font-face: 'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial,
-        sans-serif;
+      --ck-font-face:
+        'Source Sans Pro', system-ui, Roboto, 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
 
       font-family: var(--ck-font-face);
 
@@ -424,6 +282,15 @@ const plugin = css`
       border: none !important;
     }
 
+    [role='dialog'] .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
+      position: static !important;
+      width: auto !important;
+    }
+
+    [role='dialog'] .ck.ck-sticky-panel .ck-sticky-panel__placeholder {
+      display: none !important;
+    }
+
     .ck.ck-editor__main {
       min-height: var(--ck-editor-min-height) !important;
       max-height: var(--ck-editor-max-height) !important;
@@ -610,6 +477,148 @@ class StrapiMediaLib extends Plugin {
     this.strapiToggle();
   }
 }
+const name = "@_sh/strapi-plugin-ckeditor";
+const version = "7.1.1";
+const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
+const keywords = [
+  "strapi",
+  "ckeditor",
+  "ckeditor5",
+  "ckeditor 5",
+  "wysiwyg",
+  "rich text",
+  "editor"
+];
+const author = {
+  name: "nshenderov"
+};
+const homepage = "https://market.strapi.io/plugins/@_sh-strapi-plugin-ckeditor";
+const repository = {
+  type: "git",
+  url: "https://github.com/nshenderov/strapi-plugin-ckeditor.git"
+};
+const strapi = {
+  name: "ckeditor5",
+  displayName: "CKEditor 5",
+  description: "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
+  kind: "plugin"
+};
+const type = "commonjs";
+const exports$1 = {
+  "./package.json": "./package.json",
+  ".": {
+    types: "./dist/admin/src/index.d.ts",
+    source: "./admin/src/index.ts",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-admin": {
+    types: "./dist/admin/src/index.d.ts",
+    source: "./admin/src/index.ts",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-server": {
+    types: "./dist/server/src/index.d.ts",
+    source: "./server/src/index.ts",
+    "import": "./dist/server/index.mjs",
+    require: "./dist/server/index.js",
+    "default": "./dist/server/index.js"
+  }
+};
+const files = [
+  "dist"
+];
+const scripts = {
+  build: "strapi-plugin build",
+  watch: "strapi-plugin watch",
+  "watch:link": "strapi-plugin watch:link",
+  verify: "strapi-plugin verify",
+  "test:ts:front": "run -T tsc -p admin/tsconfig.json",
+  "test:ts:back": "run -T tsc -p server/tsconfig.json",
+  release: "release-it",
+  "release:info": "release-it --changelog",
+  "lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives",
+  "lint:ts:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix"
+};
+const dependencies = {
+  "@ckeditor/ckeditor5-react": "~11.0.1",
+  ckeditor5: "~47.6.1",
+  lodash: "4.17.21",
+  "sanitize-html": "2.13.0",
+  yup: "0.32.9"
+};
+const devDependencies = {
+  "@release-it/conventional-changelog": "10.0.0",
+  "@strapi/sdk-plugin": "5.4.0",
+  "@strapi/strapi": "5.33.4",
+  "@strapi/typescript-utils": "5.33.4",
+  "@types/react": "^18.0.0",
+  "@types/react-dom": "^18.0.0",
+  "@types/sanitize-html": "^2.13.0",
+  "@typescript-eslint/eslint-plugin": "^7.0.0",
+  "@typescript-eslint/parser": "^7.0.0",
+  eslint: "^8.2.0",
+  "eslint-config-airbnb": "^19.0.4",
+  "eslint-config-airbnb-typescript": "^18.0.0",
+  "eslint-config-prettier": "^9.1.0",
+  "eslint-plugin-import": "^2.25.3",
+  "eslint-plugin-jsx-a11y": "^6.10.2",
+  "eslint-plugin-prettier": "^5.2.1",
+  "eslint-plugin-react": "^7.28.0",
+  "eslint-plugin-react-hooks": "^4.3.0",
+  prettier: "^3.4.0",
+  "release-it": "^18.1.2",
+  typescript: "5.6.3",
+  react: "^18.0.0",
+  "react-dom": "^18.0.0",
+  "react-router-dom": "^6.0.0",
+  "styled-components": "^6.0.0"
+};
+const peerDependencies = {
+  "@strapi/design-system": "^2.0.0",
+  "@strapi/icons": "^2.0.0",
+  "@strapi/strapi": "^5.0.0",
+  react: "^18.0.0",
+  "react-dom": "^18.0.0",
+  "react-router-dom": "^6.0.0",
+  "styled-components": "^6.0.0"
+};
+const engines = {
+  node: ">=20.0.0 <=24.x.x",
+  npm: ">=6.0.0"
+};
+const license = "MIT";
+const pluginPkg = {
+  name,
+  version,
+  description,
+  keywords,
+  author,
+  homepage,
+  repository,
+  strapi,
+  type,
+  exports: exports$1,
+  files,
+  scripts,
+  dependencies,
+  devDependencies,
+  peerDependencies,
+  engines,
+  license
+};
+const PLUGIN_ID = pluginPkg.strapi.name;
+function isImageResponsive(imgFormats) {
+  const formats = Object.keys(imgFormats);
+  const isResponsive = !(formats.length === 1 && formats[0] === "thumbnail");
+  return isResponsive;
+}
+function prefixFileUrlWithBackendUrl(fileURL) {
+  return !!fileURL && fileURL.startsWith("/") ? `${window.strapi.backendURL}${fileURL}` : fileURL;
+}
 class StrapiUploadAdapter extends Plugin {
   static get requires() {
     return [FileRepository];
@@ -1156,11 +1165,25 @@ function getPluginPresets() {
   return PLUGIN_CONFIG.presets;
 }
 function getPluginTheme() {
-  return PLUGIN_CONFIG.presets;
+  return PLUGIN_CONFIG.theme;
 }
 function getPluginConfig() {
   return PLUGIN_CONFIG;
 }
+const clonedDefaultTheme = cloneDeep(defaultTheme);
+const clonedDefaultHtmlPreset = cloneDeep(defaultHtmlPreset);
+const clonedDefaultMarkdownPreset = cloneDeep(defaultMarkdownPreset);
+const exports = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StrapiMediaLib,
+  StrapiUploadAdapter,
+  defaultHtmlPreset: clonedDefaultHtmlPreset,
+  defaultMarkdownPreset: clonedDefaultMarkdownPreset,
+  defaultTheme: clonedDefaultTheme,
+  getPluginPresets,
+  getPluginTheme,
+  setPluginConfig
+}, Symbol.toStringTag, { value: "Module" }));
 function CKEditorIcon() {
   return /* @__PURE__ */ jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsx(SvgIcon, {}) });
 }
@@ -1186,9 +1209,6 @@ const IconBox = styled(Flex)`
   background-color: ${lightTheme.colors.secondary100};
   border: 1px solid ${lightTheme.colors.secondary200};
 `;
-const clonedDefaultTheme = cloneDeep(defaultTheme);
-const clonedDefaultHtmlPreset = cloneDeep(defaultHtmlPreset);
-const clonedDefaultMarkdownPreset = cloneDeep(defaultMarkdownPreset);
 const AVAILABLE_OPTIONS = [];
 function fillAvailableOptions() {
   const { presets } = getPluginConfig();
@@ -1211,6 +1231,12 @@ const index = {
     fillAvailableOptions();
   },
   async register(app) {
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      isReady: true,
+      name: "CKEditor",
+      apis: exports
+    });
     app.customFields.register({
       name: "CKEditor",
       type: "richtext",
@@ -1225,7 +1251,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => import("./Field-SB2kmV75.mjs").then((module) => ({
+        Input: async () => import("./Field-CmFipUw8.mjs").then((module) => ({
           default: module.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-V5z1nLLU.js");
+const index = require("../_chunks/index-Db6yDUsF.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-D6brYb_3.mjs";
+import { S, h, a, b, d, c, e, f, s } from "../_chunks/index-Hsx0G4L9.mjs";
 import "ckeditor5";
 import "sanitize-html";
 export {

package/dist/admin/src/hooks/useGlobalStyles.d.ts

@@ -0,0 +1 @@
+export declare function useGlobalStyles(): void;

package/dist/admin/src/index.d.ts

@@ -1,3 +1,4 @@
+import './styled';
 export * from './exports';
 declare const _default: {
     bootstrap(): void;

package/dist/admin/src/styled.d.ts

@@ -0,0 +1,5 @@
+import type { StrapiTheme } from '@strapi/design-system';
+declare module 'styled-components' {
+    interface DefaultTheme extends StrapiTheme {
+    }
+}

package/dist/server/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "7.0.0";
+const version = "7.1.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -67,9 +67,7 @@ const scripts = {
 };
 const dependencies = {
   "@ckeditor/ckeditor5-react": "~11.0.1",
-  "@strapi/design-system": "2.1.2",
-  "@strapi/icons": "2.1.2",
-  ckeditor5: "~47.4.0",
+  ckeditor5: "~47.6.1",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"
@@ -102,6 +100,8 @@ const devDependencies = {
   "styled-components": "^6.0.0"
 };
 const peerDependencies = {
+  "@strapi/design-system": "^2.0.0",
+  "@strapi/icons": "^2.0.0",
   "@strapi/strapi": "^5.0.0",
   react: "^18.0.0",
   "react-dom": "^18.0.0",

package/dist/server/index.mjs

@@ -1,5 +1,5 @@
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "7.0.0";
+const version = "7.1.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -66,9 +66,7 @@ const scripts = {
 };
 const dependencies = {
   "@ckeditor/ckeditor5-react": "~11.0.1",
-  "@strapi/design-system": "2.1.2",
-  "@strapi/icons": "2.1.2",
-  ckeditor5: "~47.4.0",
+  ckeditor5: "~47.6.1",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"
@@ -101,6 +99,8 @@ const devDependencies = {
   "styled-components": "^6.0.0"
 };
 const peerDependencies = {
+  "@strapi/design-system": "^2.0.0",
+  "@strapi/icons": "^2.0.0",
   "@strapi/strapi": "^5.0.0",
   react: "^18.0.0",
   "react-dom": "^18.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "7.0.0",
+  "version": "7.1.1",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
   "keywords": [
     "strapi",
@@ -67,9 +67,7 @@
   },
   "dependencies": {
     "@ckeditor/ckeditor5-react": "~11.0.1",
-    "@strapi/design-system": "2.1.2",
-    "@strapi/icons": "2.1.2",
-    "ckeditor5": "~47.4.0",
+    "ckeditor5": "~47.6.1",
     "lodash": "4.17.21",
     "sanitize-html": "2.13.0",
     "yup": "0.32.9"
@@ -102,6 +100,8 @@
     "styled-components": "^6.0.0"
   },
   "peerDependencies": {
+    "@strapi/design-system": "^2.0.0",
+    "@strapi/icons": "^2.0.0",
     "@strapi/strapi": "^5.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

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

@@ -1,4 +0,0 @@
-import React from 'react';
-declare function GlobalStyling(): import("react/jsx-runtime").JSX.Element;
-declare const MemoizedGlobalStyling: React.MemoExoticComponent<typeof GlobalStyling>;
-export { MemoizedGlobalStyling as GlobalStyling };