@vonaffenfels/slate-editor 1.2.23 → 1.2.29

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.2.23",
+    "version": "1.2.29",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -72,7 +72,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "f655174e66d666f29f698c19fa9f32984c1408c3",
+    "gitHead": "564cc567d33fd5e681c7503a86a41f54a9d5c502",
     "publishConfig": {
         "access": "public"
     }

package/src/Serializer/Serializer.js

@@ -1,6 +1,6 @@
 import React, {
     isValidElement,
-    Fragment, useMemo, useEffect,
+    Fragment, useMemo,
 } from "react";
 import {Default} from "../Nodes/Default";
 import {Leaf} from "../Nodes/Leaf";
@@ -75,6 +75,18 @@ export function Serializer({
         return val;
     }, [value, adDefinitionDesktop, adDefinitionMobile, fixedPositions, fixedPositionTypes]);
 
+    const filteredValue = useMemo(() => {
+        const context = {content: processedValue};
+        return processedValue.filter(v => {
+            try {
+                return filterContent ? filterContent(v, context) : true;
+            } catch (e) {
+                console.error("[Serializer] Error in filterContent prop function: ", e);
+                return true;
+            }
+        });
+    }, [processedValue, filterContent]);
+
     const getPropsForType = (type, isInSlot = false) => {
         if (!elementPropsMap) {
             return {};
@@ -227,15 +239,6 @@ export function Serializer({
             }
         }
 
-        try {
-            let filterCtx = {content: value};
-            if (filterContent && !filterContent(node, filterCtx)) {
-                return null;
-            }
-        } catch (e) {
-            console.error(e);
-        }
-
         if (!node.children || !node.children.length) {
             return serializeLeaf(node);
         }
@@ -265,7 +268,7 @@ export function Serializer({
     }
 
     return <>
-        {!!processedValue && processedValue.map((v, i) => {
+        {!!filteredValue && filteredValue.map((v, i) => {
             return <Fragment key={v.block + "-pos-" + i}>{serializeNode(v, i)}</Fragment>;
         })}
     </>;