@contentful/field-editor-rich-text 3.2.1 → 3.2.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.2.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.2.1...@contentful/field-editor-rich-text@3.2.2) (2022-12-08)
+
+### Bug Fixes
+
+- handle unavailable marks ([#1288](https://github.com/contentful/field-editors/issues/1288)) ([c672c51](https://github.com/contentful/field-editors/commit/c672c516332407ec0691bffc764912b5c6b18795))
+
 ## [3.2.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-rich-text@3.2.0...@contentful/field-editor-rich-text@3.2.1) (2022-11-18)
 
 ### Bug Fixes

package/dist/RichTextEditor.d.ts

@@ -10,6 +10,7 @@ declare type ConnectedProps = {
     onChange?: (doc: Contentful.Document) => unknown;
     isToolbarHidden?: boolean;
     actionsDisabled?: boolean;
+    restrictedMarks?: string[];
 };
 export declare const ConnectedRichTextEditor: (props: ConnectedProps) => JSX.Element;
 declare type Props = ConnectedProps & {

package/dist/field-editor-rich-text.cjs.development.js

@@ -6926,7 +6926,11 @@ function ToolbarTableButton(props) {
   }, /*#__PURE__*/React.createElement(f36Icons.TableIcon, null));
 }
 
-function createTextPlugin() {
+function createTextPlugin(restrictedMarks) {
+  if (restrictedMarks === void 0) {
+    restrictedMarks = [];
+  }
+
   return {
     key: 'TextPlugin',
     handlers: {
@@ -6991,7 +6995,22 @@ function createTextPlugin() {
 
       fixPasteAsPlainText(editor);
       return editor;
-    }
+    },
+    normalizer: [{
+      match: slate.Text.isText,
+      transform: function transform(editor, _ref) {
+        var path = _ref[1];
+        plateCore.unsetNodes(editor, restrictedMarks, {
+          at: path
+        });
+      },
+      validNode: function validNode(_editor, _ref2) {
+        var node = _ref2[0];
+        return !restrictedMarks.some(function (mark) {
+          return mark in node;
+        });
+      }
+    }]
   };
 }
 
@@ -7121,7 +7140,7 @@ var createVoidsPlugin = function createVoidsPlugin() {
   };
 };
 
-var getPlugins = function getPlugins(sdk, onAction) {
+var getPlugins = function getPlugins(sdk, onAction, restrictedMarks) {
   return [// AST must come after the HTML deserializer
   plateCore.createDeserializeHtmlPlugin(), plateCore.createDeserializeAstPlugin(), plateSerializerDocx.createDeserializeDocxPlugin(), // Tracking - This should come first so all plugins below will have access to `editor.tracking`
   createTrackingPlugin(onAction), // Global / Global shortcuts
@@ -7129,7 +7148,7 @@ var getPlugins = function getPlugins(sdk, onAction) {
   createParagraphPlugin(), createListPlugin(), createHrPlugin(), createHeadingPlugin(), createQuotePlugin(), createTablePlugin(), createEmbeddedEntryBlockPlugin(sdk), createEmbeddedAssetBlockPlugin(sdk), // Inline elements
   createHyperlinkPlugin(sdk), createEmbeddedEntityInlinePlugin(sdk), // Marks
   createMarksPlugin(), // Other
-  createTrailingParagraphPlugin(), createTextPlugin(), createVoidsPlugin(), createSelectOnBackspacePlugin(), // Pasting content from other sources
+  createTrailingParagraphPlugin(), createTextPlugin(restrictedMarks), createVoidsPlugin(), createSelectOnBackspacePlugin(), // Pasting content from other sources
   createPasteHTMLPlugin(), // These plugins drive their configurations from the list of plugins
   // above. They MUST come last.
   createSoftBreakPlugin(), createExitBreakPlugin(), createResetNodePlugin(), createNormalizerPlugin()];
@@ -7549,14 +7568,14 @@ var useOnValueChanged = function useOnValueChanged(_ref) {
   }, [editorId, onChange, skip, onSkip]);
 };
 
-var _excluded = ["sdk", "isInitiallyDisabled", "onAction"];
+var _excluded = ["sdk", "isInitiallyDisabled", "onAction", "restrictedMarks"];
 var ConnectedRichTextEditor = function ConnectedRichTextEditor(props) {
   var id = getContentfulEditorId(props.sdk);
   var plugins = React__default.useMemo(function () {
     var _props$onAction;
 
-    return getPlugins(props.sdk, (_props$onAction = props.onAction) != null ? _props$onAction : noop);
-  }, [props.sdk, props.onAction]);
+    return getPlugins(props.sdk, (_props$onAction = props.onAction) != null ? _props$onAction : noop, props.restrictedMarks);
+  }, [props.sdk, props.onAction, props.restrictedMarks]);
 
   var _useState = React.useState(true),
       isFirstRender = _useState[0],
@@ -7635,6 +7654,7 @@ var RichTextEditor = function RichTextEditor(props) {
   var sdk = props.sdk,
       isInitiallyDisabled = props.isInitiallyDisabled,
       onAction = props.onAction,
+      restrictedMarks = props.restrictedMarks,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var isEmptyValue = React.useCallback(function (value) {
@@ -7659,7 +7679,8 @@ var RichTextEditor = function RichTextEditor(props) {
       sdk: sdk,
       onAction: onAction,
       isDisabled: disabled,
-      onChange: setValue
+      onChange: setValue,
+      restrictedMarks: restrictedMarks
     }));
   }));
 };