@wix/patterns-fields 1.39.0 → 1.41.0

package/src/components/rich-content/rich-content-input/rich-content-common/hooks.ts

@@ -1,18 +1,18 @@
 import isEqual from 'lodash/isEqual';
 import { useRef, useMemo, useState, useEffect } from 'react';
 
-import type { BISettings, RichContent } from '@wix/ricos';
-import { ensureRicosContent, fromPlainText } from '@wix/ricos';
+import type { BISettings, RicosDocument } from '@wix/ricos';
+import { ensureContentId, fromPlainText } from '@wix/ricos';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 import { CMS_RICOS_APP_ID } from '../consts';
 
 export const INITIAL_INJECTED_RICH_CONTENT = fromPlainText('');
 
-const ensureRichContent = (content?: RichContent) =>
-  content && ensureRicosContent(content);
+const ensureRichContent = (content?: RicosDocument) =>
+  content && ensureContentId(content);
 
-export const useRichContentState = (propsContent?: RichContent) => {
+export const useRichContentState = (propsContent?: RicosDocument) => {
   const [content, setContent] = useState(ensureRichContent(propsContent));
   const [injectedContent, setInjectedContent] = useState(
     INITIAL_INJECTED_RICH_CONTENT,

package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "publishloader2757594344";
+var _namespace_ = "publishloader3858599799";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"publishloader2757594344__root","publishLoader":"publishloader2757594344__publishLoader"};
+export var classes = {"root":"publishloader3858599799__root","publishLoader":"publishloader3858599799__publishLoader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "togglefullscreenbutton634800807";
+var _namespace_ = "togglefullscreenbutton4026172310";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"togglefullscreenbutton634800807__root"};
+export var classes = {"root":"togglefullscreenbutton4026172310__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-editor/plugins.ts

@@ -30,8 +30,6 @@ import {
 
 import { isTruthy } from '../../../../utils';
 import type { ColorScheme } from '../../types';
-
-import { colorsCache } from '../rich-content-common';
 import { CMS_RICOS_APP_ID } from '../consts';
 
 const { Instagram, Twitter, TikTok } = LinkPreviewProviders;
@@ -50,14 +48,10 @@ export const usePlugins = (colorScheme?: ColorScheme) => {
         pluginHeadings({ inlinePopups: true }),
         pluginTextColor({
           inlinePopups: true,
-          onColorAdded: colorsCache.add,
-          getUserColors: colorsCache.get,
           colorScheme,
         }),
         pluginTextHighlight({
           inlinePopups: true,
-          onColorAdded: colorsCache.add,
-          getUserColors: colorsCache.get,
           colorScheme,
         }),
         pluginLineSpacing({ inlinePopups: true }),

package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenteditor2029451533";
+var _namespace_ = "richcontenteditor524536335";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontenteditor2029451533__root","toolbarContainer":"richcontenteditor2029451533__toolbarContainer","footerToolbarContainer":"richcontenteditor2029451533__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor2029451533__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor2029451533__editor","modalEditor":"richcontenteditor2029451533__modalEditor"};
+export var classes = {"root":"richcontenteditor524536335__root","toolbarContainer":"richcontenteditor524536335__toolbarContainer","footerToolbarContainer":"richcontenteditor524536335__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor524536335__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor524536335__editor","modalEditor":"richcontenteditor524536335__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};