@_sh/strapi-plugin-ckeditor 6.0.0 → 6.0.2

package/dist/_chunks/{Field-g8gLpd2N.mjs → Field-DwEixuI8.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 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 { 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-CM-eZqTL.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,7 +418,7 @@ function EditorLayout({ children }) {
     };
   }, [isExpandedMode]);
   if (isExpandedMode) {
-    return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: handleOnCollapse, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsx(FocusTrap, { onEscape: handleToggleExpand, children: /* @__PURE__ */ jsx(
       Backdrop,
       {
         position: "fixed",
@@ -418,7 +428,7 @@ function EditorLayout({ children }) {
         bottom: 0,
         zIndex: 4,
         justifyContent: "center",
-        onClick: handleOnCollapse,
+        onClick: handleToggleExpand,
         children: /* @__PURE__ */ jsx(
           FullScreenBox,
           {
@@ -439,7 +449,7 @@ function EditorLayout({ children }) {
                 className: "ck-editor__expanded",
                 children: [
                   children,
-                  /* @__PURE__ */ jsx(CollapseButton, { label: "Collapse", onClick: handleOnCollapse, children: /* @__PURE__ */ jsx(Collapse, {}) })
+                  /* @__PURE__ */ jsx(CollapseButton, { label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsx(Collapse, {}) })
                 ]
               }
             ) })
@@ -484,24 +494,26 @@ 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)`
   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}

package/dist/_chunks/{Field-kyiYSdM-.js → Field-bpNZPEcR.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-CgWKes-C.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,7 +444,7 @@ 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(
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { role: "dialog", "aria-modal": false, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.FocusTrap, { onEscape: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(
       Backdrop,
       {
         position: "fixed",
@@ -444,7 +454,7 @@ function EditorLayout({ children }) {
         bottom: 0,
         zIndex: 4,
         justifyContent: "center",
-        onClick: handleOnCollapse,
+        onClick: handleToggleExpand,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           FullScreenBox,
           {
@@ -465,7 +475,7 @@ function EditorLayout({ children }) {
                 className: "ck-editor__expanded",
                 children: [
                   children,
-                  /* @__PURE__ */ jsxRuntime.jsx(CollapseButton, { label: "Collapse", onClick: handleOnCollapse, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Collapse, {}) })
+                  /* @__PURE__ */ jsxRuntime.jsx(CollapseButton, { label: "Collapse", onClick: handleToggleExpand, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Collapse, {}) })
                 ]
               }
             ) })
@@ -510,24 +520,26 @@ 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)`
   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}

package/dist/_chunks/{index-re_mQliQ.mjs → index-CM-eZqTL.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",
@@ -73,7 +73,7 @@ const dependencies = {
   "@ckeditor/ckeditor5-react": "~9.5.0",
   "@strapi/design-system": "2.0.0-rc.18",
   "@strapi/icons": "2.0.0-rc.18",
-  ckeditor5: "~45.0.0",
+  ckeditor5: "~45.2.0",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"
@@ -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-DwEixuI8.mjs").then((module) => ({
           default: module.Field
         }))
       },

package/dist/_chunks/{index-lgM3BQrm.js → index-CgWKes-C.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",
@@ -95,7 +95,7 @@ const dependencies = {
   "@ckeditor/ckeditor5-react": "~9.5.0",
   "@strapi/design-system": "2.0.0-rc.18",
   "@strapi/icons": "2.0.0-rc.18",
-  ckeditor5: "~45.0.0",
+  ckeditor5: "~45.2.0",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"
@@ -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-bpNZPEcR.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-lgM3BQrm.js");
+const index = require("../_chunks/index-CgWKes-C.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-CM-eZqTL.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",
@@ -67,7 +67,7 @@ const dependencies = {
   "@ckeditor/ckeditor5-react": "~9.5.0",
   "@strapi/design-system": "2.0.0-rc.18",
   "@strapi/icons": "2.0.0-rc.18",
-  ckeditor5: "~45.0.0",
+  ckeditor5: "~45.2.0",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"

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",
@@ -66,7 +66,7 @@ const dependencies = {
   "@ckeditor/ckeditor5-react": "~9.5.0",
   "@strapi/design-system": "2.0.0-rc.18",
   "@strapi/icons": "2.0.0-rc.18",
-  ckeditor5: "~45.0.0",
+  ckeditor5: "~45.2.0",
   lodash: "4.17.21",
   "sanitize-html": "2.13.0",
   yup: "0.32.9"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@_sh/strapi-plugin-ckeditor",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "Integrates CKEditor 5 into your Strapi project as a fully customizable custom field. (Community Edition)",
   "keywords": [
     "strapi",
@@ -67,7 +67,7 @@
     "@ckeditor/ckeditor5-react": "~9.5.0",
     "@strapi/design-system": "2.0.0-rc.18",
     "@strapi/icons": "2.0.0-rc.18",
-    "ckeditor5": "~45.0.0",
+    "ckeditor5": "~45.2.0",
     "lodash": "4.17.21",
     "sanitize-html": "2.13.0",
     "yup": "0.32.9"