@_sh/strapi-plugin-ckeditor 6.0.0 → 6.0.1

package/dist/_chunks/{Field-kyiYSdM-.js → Field-CJHYTedG.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-lgM3BQrm.js");
+const index = require("./index-DUYTlr_2.js");
 require("sanitize-html");
 const icons = require("@strapi/icons");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -40,12 +40,24 @@ const STORAGE_KEYS = {
   PREFERED_LANGUAGE: "strapi-admin-language",
   PROFILE_THEME: "STRAPI_THEME"
 };
+function getCookieValue(name) {
+  let result = null;
+  const cookieArray = document.cookie.split(";");
+  cookieArray.forEach((cookie) => {
+    const [key, value] = cookie.split("=").map((item) => item.trim());
+    if (key === name) {
+      result = decodeURIComponent(value);
+    }
+  });
+  return result;
+}
 function getStoredToken() {
-  const token = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
-  if (typeof token === "string") {
-    return JSON.parse(token);
+  const tokenFromStorage = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
+  if (tokenFromStorage) {
+    return JSON.parse(tokenFromStorage);
   }
-  return null;
+  const tokenFromCookie = getCookieValue(STORAGE_KEYS.TOKEN);
+  return tokenFromCookie;
 }
 function getPreferedLanguage() {
   const language = localStorage.getItem(STORAGE_KEYS.PREFERED_LANGUAGE)?.replace(/^"|"$/g, "") || "en";
@@ -422,9 +434,7 @@ const WordCounter = styledComponents.styled(designSystem.Flex)`
 `;
 function EditorLayout({ children }) {
   const { error, preset } = useEditorContext();
-  const [isExpandedMode, setIsExpandedMode] = React.useState(false);
-  const handleToggleExpand = () => setIsExpandedMode(true);
-  const handleOnCollapse = () => setIsExpandedMode(false);
+  const [isExpandedMode, handleToggleExpand] = React.useReducer((prev) => !prev, false);
   React.useEffect(() => {
     if (isExpandedMode) {
       document.body.classList.add("lock-body-scroll");
@@ -434,45 +444,19 @@ function EditorLayout({ children }) {
     };
   }, [isExpandedMode]);
   if (isExpandedMode) {
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.FocusTrap, { onEscape: handleOnCollapse, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Backdrop,
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isExpandedMode, onOpenChange: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Content, { style: { maxWidth: "unset", width: "unset" }, children: /* @__PURE__ */ jsxRuntime.jsx(FullScreenBox, { height: "90vh", width: "90vw", background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      EditorWrapper,
       {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 4,
-        justifyContent: "center",
-        onClick: handleOnCollapse,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          FullScreenBox,
-          {
-            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: handleOnCollapse, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Collapse, {}) })
-                ]
-              }
-            ) })
-          }
-        )
+        $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, {}) })
+        ]
       }
-    ) }) });
+    ) }) }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     EditorWrapper,
@@ -510,22 +494,21 @@ const EditorWrapper = styledComponents.styled("div")`
     ${$presetStyles}
   `}
 `;
-const Backdrop = styledComponents.styled(designSystem.Flex)`
-  background: ${({ theme }) => `${theme.colors.neutral800}1F`};
-`;
 const ExpandButton = styledComponents.styled(designSystem.IconButton)`
   position: absolute;
   bottom: 1.4rem;
   right: 1.2rem;
   z-index: 2;
+  box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
 const CollapseButton = styledComponents.styled(designSystem.IconButton)`
   position: absolute;
   bottom: 2.5rem;
   right: 1.2rem;
   z-index: 2;
+  box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
-const FullScreenBox = styledComponents.styled(designSystem.Box)`
+const FullScreenBox = styledComponents.styled(designSystem.Flex)`
   max-width: var(--ck-editor-full-screen-box-max-width);
 `;
 const GlobalStyle = styledComponents.createGlobalStyle`

package/dist/_chunks/{Field-g8gLpd2N.mjs → Field-Dh4Ympog.mjs}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback } from "react";
-import { Flex, IconButton, Box, Portal, FocusTrap, Field as Field$1, Loader } from "@strapi/design-system";
+import React, { createContext, useState, useEffect, useMemo, useContext, useRef, useCallback, useReducer } from "react";
+import { Flex, IconButton, Modal, Box, Field as Field$1, Loader } 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-re_mQliQ.mjs";
+import { g as getPluginConfig, p as prefixFileUrlWithBackendUrl, i as isImageResponsive } from "./index-Q6to6uwX.mjs";
 import "sanitize-html";
 import { Collapse, Expand } from "@strapi/icons";
 const STORAGE_KEYS = {
@@ -14,12 +14,24 @@ const STORAGE_KEYS = {
   PREFERED_LANGUAGE: "strapi-admin-language",
   PROFILE_THEME: "STRAPI_THEME"
 };
+function getCookieValue(name) {
+  let result = null;
+  const cookieArray = document.cookie.split(";");
+  cookieArray.forEach((cookie) => {
+    const [key, value] = cookie.split("=").map((item) => item.trim());
+    if (key === name) {
+      result = decodeURIComponent(value);
+    }
+  });
+  return result;
+}
 function getStoredToken() {
-  const token = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
-  if (typeof token === "string") {
-    return JSON.parse(token);
+  const tokenFromStorage = localStorage.getItem(STORAGE_KEYS.TOKEN) ?? sessionStorage.getItem(STORAGE_KEYS.TOKEN);
+  if (tokenFromStorage) {
+    return JSON.parse(tokenFromStorage);
   }
-  return null;
+  const tokenFromCookie = getCookieValue(STORAGE_KEYS.TOKEN);
+  return tokenFromCookie;
 }
 function getPreferedLanguage() {
   const language = localStorage.getItem(STORAGE_KEYS.PREFERED_LANGUAGE)?.replace(/^"|"$/g, "") || "en";
@@ -396,9 +408,7 @@ const WordCounter = styled(Flex)`
 `;
 function EditorLayout({ children }) {
   const { error, preset } = useEditorContext();
-  const [isExpandedMode, setIsExpandedMode] = useState(false);
-  const handleToggleExpand = () => setIsExpandedMode(true);
-  const handleOnCollapse = () => setIsExpandedMode(false);
+  const [isExpandedMode, handleToggleExpand] = useReducer((prev) => !prev, false);
   useEffect(() => {
     if (isExpandedMode) {
       document.body.classList.add("lock-body-scroll");
@@ -408,45 +418,19 @@ function EditorLayout({ children }) {
     };
   }, [isExpandedMode]);
   if (isExpandedMode) {
-    return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: handleOnCollapse, children: /* @__PURE__ */ jsx(
-      Backdrop,
+    return /* @__PURE__ */ jsx(Modal.Root, { open: isExpandedMode, onOpenChange: handleToggleExpand, children: /* @__PURE__ */ jsx(Modal.Content, { style: { maxWidth: "unset", width: "unset" }, children: /* @__PURE__ */ jsx(FullScreenBox, { height: "90vh", width: "90vw", background: "neutral100", children: /* @__PURE__ */ jsxs(
+      EditorWrapper,
       {
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 4,
-        justifyContent: "center",
-        onClick: handleOnCollapse,
-        children: /* @__PURE__ */ jsx(
-          FullScreenBox,
-          {
-            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: handleOnCollapse, children: /* @__PURE__ */ jsx(Collapse, {}) })
-                ]
-              }
-            ) })
-          }
-        )
+        $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, {}) })
+        ]
       }
-    ) }) });
+    ) }) }) });
   }
   return /* @__PURE__ */ jsxs(
     EditorWrapper,
@@ -484,22 +468,21 @@ const EditorWrapper = styled("div")`
     ${$presetStyles}
   `}
 `;
-const Backdrop = styled(Flex)`
-  background: ${({ theme }) => `${theme.colors.neutral800}1F`};
-`;
 const ExpandButton = styled(IconButton)`
   position: absolute;
   bottom: 1.4rem;
   right: 1.2rem;
   z-index: 2;
+  box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
 const CollapseButton = styled(IconButton)`
   position: absolute;
   bottom: 2.5rem;
   right: 1.2rem;
   z-index: 2;
+  box-shadow: ${({ theme }) => theme.shadows.filterShadow};
 `;
-const FullScreenBox = styled(Box)`
+const FullScreenBox = styled(Flex)`
   max-width: var(--ck-editor-full-screen-box-max-width);
 `;
 const GlobalStyle = createGlobalStyle`

package/dist/_chunks/{index-lgM3BQrm.js → index-DUYTlr_2.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.0";
+const version = "6.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -1265,7 +1265,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => Promise.resolve().then(() => require("./Field-kyiYSdM-.js")).then((module2) => ({
+        Input: async () => Promise.resolve().then(() => require("./Field-CJHYTedG.js")).then((module2) => ({
           default: module2.Field
         }))
       },

package/dist/_chunks/{index-re_mQliQ.mjs → index-Q6to6uwX.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.0";
+const version = "6.0.1";
 const description = "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)";
 const keywords = [
   "strapi",
@@ -1243,7 +1243,7 @@ const index = {
         defaultMessage: "The advanced rich text editor. (Community Edition)"
       },
       components: {
-        Input: async () => import("./Field-g8gLpd2N.mjs").then((module) => ({
+        Input: async () => import("./Field-Dh4Ympog.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-lgM3BQrm.js");
+const index = require("../_chunks/index-DUYTlr_2.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-re_mQliQ.mjs";
+import { S, h, a, b, d, c, e, f, s } from "../_chunks/index-Q6to6uwX.mjs";
 import "ckeditor5";
 import "sanitize-html";
 export {

package/dist/admin/src/utils/localStorage.d.ts

@@ -1,3 +1,4 @@
+export declare function getCookieValue(name: string): string | null;
 export declare function getStoredToken(): string | null;
 export declare function getPreferedLanguage(): string | 'en';
 export declare function getProfileTheme(): 'light' | 'dark' | 'system' | null;

package/dist/server/index.js

@@ -1,6 +1,6 @@
 "use strict";
 const name = "@_sh/strapi-plugin-ckeditor";
-const version = "6.0.0";
+const version = "6.0.1";
 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.0";
+const version = "6.0.1";
 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.0",
+  "version": "6.0.1",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
   "keywords": [
     "strapi",