Merge pull request #3704 from udecode/fix/default-leaf

Fix DefaultLeaf props

.changeset/dirty-rockets-sort.md

@@ -0,0 +1,5 @@
+---
+'@udecode/plate-core': patch
+---
+
+Fix DefaultLeaf props

packages/core/src/react/components/DefaultLeaf.tsx

@@ -1,15 +1,33 @@
 import React from 'react';
 
-import type { PlateRenderLeafProps } from '../plugin/PlateRenderLeafProps';
-
-export function DefaultLeaf({
-  attributes,
-  children,
-  style,
-}: PlateRenderLeafProps & { style?: React.CSSProperties }) {
-  return (
-    <span {...attributes} style={style}>
-      {children}
-    </span>
-  );
+import type { TText } from '@udecode/slate';
+
+import { clsx } from 'clsx';
+
+import { type PlateRenderLeafProps, omitPluginContext } from '../plugin';
+
+type DefaultLeafProps = {
+  leafToAttributes?: (leaf: TText) => any;
+} & PlateRenderLeafProps &
+  React.HTMLAttributes<HTMLSpanElement>;
+
+const useDefaultLeaf = (props: DefaultLeafProps) => {
+  const { attributes, leaf, leafToAttributes, nodeProps, text, ...rootProps } =
+    omitPluginContext(props as any);
+
+  return {
+    props: {
+      ...attributes,
+      ...rootProps,
+      ...nodeProps,
+      ...leafToAttributes?.(leaf),
+      className: clsx(props.className, nodeProps?.className),
+    },
+  };
+};
+
+export function DefaultLeaf(props: DefaultLeafProps) {
+  const { props: rootProps } = useDefaultLeaf(props);
+
+  return <span {...rootProps} />;
 }