@byline/ui 1.8.2 → 1.9.1

package/dist/fields/field-renderer.d.ts

@@ -5,7 +5,7 @@
  *
  * Copyright (c) Infonomic Company Limited
  */
-import type { Field, FieldComponentSlots } from '@byline/core';
+import type { Field, FieldComponentSlots, RichTextEditorComponent } from '@byline/core';
 interface FieldRendererProps {
     field: Field;
     defaultValue?: any;
@@ -25,6 +25,13 @@ interface FieldRendererProps {
      * Forwarded to value-field widgets that support custom slots.
      */
     components?: FieldComponentSlots;
+    /**
+     * Per-field rich-text editor component override from the admin config.
+     * Takes precedence over the globally registered
+     * `ClientConfig.fields.richText.editor` for this single field.
+     * Ignored when `field.type !== 'richText'`.
+     */
+    editor?: RichTextEditorComponent;
 }
-export declare const FieldRenderer: ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components, }: FieldRendererProps) => import("react").JSX.Element | null;
+export declare const FieldRenderer: ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components, editor, }: FieldRendererProps) => import("react").JSX.Element | null;
 export {};

package/dist/fields/field-renderer.js

@@ -16,7 +16,7 @@ import { SelectField } from "./select/select-field.js";
 import { TextField } from "./text/text-field.js";
 import { TextAreaField } from "./text-area/text-area-field.js";
 import { useFieldChangeHandler } from "./use-field-change-handler.js";
-const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components })=>{
+const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabel, collectionPath, contentLocale, components, editor })=>{
     const path = basePath ? `${basePath}.${field.name}` : field.name;
     const htmlId = path.replace(/[[\].]/g, '-');
     const handleChange = useFieldChangeHandler(field, path);
@@ -76,7 +76,7 @@ const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabe
                 });
             case 'richText':
                 {
-                    const RichTextEditor = getClientConfig().fields?.richText?.editor;
+                    const RichTextEditor = editor ?? getClientConfig().fields?.richText?.editor;
                     if (!RichTextEditor) throw new Error("No richText editor registered. Install @byline/richtext-lexical and set `fields.richText.editor` in your admin config.");
                     return /*#__PURE__*/ jsx(RichTextEditor, {
                         field: hideLabel ? {

package/dist/forms/form-renderer.js

@@ -325,7 +325,8 @@ const FormContent = ({ mode, fields, onSubmit, onCancel, onStatusChange, onUnpub
             defaultValue: initialData?.fields?.[field.name],
             collectionPath: collectionPath,
             contentLocale: contentLocale,
-            components: adminConfig?.fields?.[field.name]?.components
+            components: adminConfig?.fields?.[field.name]?.components,
+            editor: adminConfig?.fields?.[field.name]?.editor
         }, field.name);
     };
     const renderItem = (name)=>{

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -65,9 +65,9 @@
     "react-diff-viewer-continued": "^4.2.2",
     "zod": "^4.4.2",
     "zod-form-data": "^3.0.1",
-    "@byline/core": "1.8.2",
-    "@byline/client": "1.8.2",
-    "@byline/admin": "1.8.2"
+    "@byline/client": "1.9.1",
+    "@byline/core": "1.9.1",
+    "@byline/admin": "1.9.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/fields/field-renderer.tsx

@@ -12,6 +12,7 @@ import type {
   Field,
   FieldComponentSlots,
   GroupField as GroupFieldType,
+  RichTextEditorComponent,
 } from '@byline/core'
 import { getClientConfig } from '@byline/core'
 import cx from 'classnames'
@@ -56,6 +57,13 @@ interface FieldRendererProps {
    * Forwarded to value-field widgets that support custom slots.
    */
   components?: FieldComponentSlots
+  /**
+   * Per-field rich-text editor component override from the admin config.
+   * Takes precedence over the globally registered
+   * `ClientConfig.fields.richText.editor` for this single field.
+   * Ignored when `field.type !== 'richText'`.
+   */
+  editor?: RichTextEditorComponent
 }
 
 export const FieldRenderer = ({
@@ -67,6 +75,7 @@ export const FieldRenderer = ({
   collectionPath,
   contentLocale,
   components,
+  editor,
 }: FieldRendererProps) => {
   const path = basePath ? `${basePath}.${field.name}` : field.name
   const htmlId = path.replace(/[[\].]/g, '-')
@@ -131,7 +140,12 @@ export const FieldRenderer = ({
           />
         )
       case 'richText': {
-        const RichTextEditor = getClientConfig().fields?.richText?.editor
+        // Admin-side per-field override takes precedence over the globally
+        // registered editor (`ClientConfig.fields.richText.editor`). The
+        // override travels via `FieldAdminConfig.fields.<name>.editor` —
+        // see admin-types — so React component references stay out of the
+        // schema graph that's loaded by the server bootstrap.
+        const RichTextEditor = editor ?? getClientConfig().fields?.richText?.editor
         if (!RichTextEditor) {
           throw new Error(
             'No richText editor registered. Install @byline/richtext-lexical and set ' +

package/src/forms/form-renderer.tsx

@@ -549,6 +549,7 @@ const FormContent = ({
         collectionPath={collectionPath}
         contentLocale={contentLocale}
         components={adminConfig?.fields?.[field.name]?.components}
+        editor={adminConfig?.fields?.[field.name]?.editor}
       />
     )
   }