@byline/richtext-lexical 4.11.1 → 4.12.0

package/dist/config.d.ts

@@ -15,7 +15,7 @@
  * `EditorField` / `Nodes` or the heavy *content* extension classes
  * (Table, InlineImage, Admonition, …), all of which statically pull React
  * plugins, nodes, and the Lexical core. Import from here at registration
- * sites (e.g. an admin/client config that you want to evaluate eagerly)
+ * sites (e.g. an admin/admin config that you want to evaluate eagerly)
  * so referencing the editor doesn't drag the editor module graph into the
  * importing bundle.
  *

package/dist/field/extensions/inline-image/inline-image-node-component.js

@@ -79,11 +79,11 @@ function InlineImageComponent({ relation, src, position, altText, width, height,
         if (isSelected && $isNodeSelection(latestSelection) && 1 === latestSelection.getNodes().length) {
             if (showCaption) {
                 $setSelection(null);
-                event.preventDefault();
+                event?.preventDefault();
                 caption.focus();
                 return true;
             } else if (null !== buttonElem && buttonElem !== document.activeElement) {
-                event.preventDefault();
+                event?.preventDefault();
                 buttonElem.focus();
                 return true;
             }

package/dist/field/extensions/layout/layout-extension.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { LexicalCommand, NodeKey } from 'lexical';
-export declare const OPEN_INSERT_LAYOUT_MODAL_COMMAND: LexicalCommand<unknown>;
+export declare const OPEN_INSERT_LAYOUT_MODAL_COMMAND: LexicalCommand<null>;
 export declare const INSERT_LAYOUT_COMMAND: LexicalCommand<string>;
 export declare const UPDATE_LAYOUT_COMMAND: LexicalCommand<{
     template: string;

package/dist/field/extensions/link/floating-link-editor.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { getClientConfig } from "@byline/core";
+import { getAdminConfig } from "@byline/core";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $findMatchingParent, mergeRegister } from "@lexical/utils";
 import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from "lexical";
@@ -20,7 +20,7 @@ function FloatingLinkEditor({ editor, isLink, setIsLink, anchorElem }) {
     });
     const [linkModalData, setLinkModalData] = useState(void 0);
     const [modalOpen, setModalOpen] = useState(false);
-    const adminRoute = getClientConfig().routes.admin;
+    const adminRoute = getAdminConfig().routes.admin;
     const $updateLinkEditor = useCallback(()=>{
         const selection = $getSelection();
         if ($isRangeSelection(selection)) {

package/dist/field/extensions/link/link-modal.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { RelationPicker } from "@byline/admin/react";
-import { getClientConfig, getCollectionDefinition } from "@byline/core";
+import { getAdminConfig, getCollectionDefinition } from "@byline/core";
 import { Button, Checkbox, CloseIcon, IconButton, Input, Label, Modal, RadioGroup, RadioGroupItem, Select } from "@byline/ui/react";
 import { useModalFormState } from "../../shared/useModalFormState.js";
 import { validateUrl } from "../../utils/url.js";
@@ -41,7 +41,7 @@ function fromLinkData(data, linkable) {
     };
 }
 const LinkModal = ({ isOpen = false, onSubmit, onClose, data: dataFromProps })=>{
-    const linkable = useMemo(()=>getClientConfig().collections.filter((c)=>true === c.linksInEditor), []);
+    const linkable = useMemo(()=>getAdminConfig().collections.filter((c)=>true === c.linksInEditor), []);
     const [pickerOpen, setPickerOpen] = useState(false);
     const [urlError, setUrlError] = useState(null);
     const [state, setState] = useModalFormState(isOpen, ()=>fromLinkData(dataFromProps, linkable), ()=>setUrlError(null));

package/dist/field/extensions/link/link-node.js

@@ -1,11 +1,11 @@
-import { getClientConfig } from "@byline/core";
+import { getAdminConfig } from "@byline/core";
 import { addClassNamesToElement, isHTMLAnchorElement } from "@lexical/utils";
 import { $applyNodeReplacement, $createTextNode, $getSelection, $isElementNode, $isRangeSelection, ElementNode, createCommand } from "lexical";
 import { sanitizeUrl } from "../../utils/url.js";
 function adminHref(attrs) {
     if (null == attrs || 'internal' !== attrs.linkType) return '#';
     const internal = attrs;
-    const { admin } = getClientConfig().routes;
+    const { admin } = getAdminConfig().routes;
     return `${admin}/collections/${internal.targetCollectionPath}/${internal.targetDocumentId}`;
 }
 class LinkNode extends ElementNode {

package/dist/field/plugins/table-plugin/index.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare const OPEN_TABLE_MODAL_COMMAND: import("lexical").LexicalCommand<unknown>;
+export declare const OPEN_TABLE_MODAL_COMMAND: import("lexical").LexicalCommand<null>;
 export declare function TablePlugin(): React.JSX.Element;

package/dist/lexical-editor.d.ts

@@ -46,7 +46,7 @@ type ConfigureFn = (config: LexicalEditorConfigureInput) => LexicalEditorConfigu
  * ```ts
  * import { lexicalEditor, TableExtension } from '@byline/richtext-lexical'
  *
- * defineClientConfig({
+ * defineAdminConfig({
  *   fields: {
  *     richText: {
  *       editor: lexicalEditor((c) => {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "4.11.1",
+  "version": "4.12.0",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -56,47 +56,47 @@
     }
   },
   "dependencies": {
-    "@lexical/code": "0.48.0",
-    "@lexical/extension": "0.48.0",
-    "@lexical/headless": "0.48.0",
-    "@lexical/link": "0.48.0",
-    "@lexical/list": "0.48.0",
-    "@lexical/mark": "0.48.0",
-    "@lexical/markdown": "0.48.0",
-    "@lexical/overflow": "0.48.0",
-    "@lexical/react": "0.48.0",
-    "@lexical/rich-text": "0.48.0",
-    "@lexical/selection": "0.48.0",
-    "@lexical/table": "0.48.0",
-    "@lexical/utils": "0.48.0",
+    "@lexical/code": "0.49.0",
+    "@lexical/extension": "0.49.0",
+    "@lexical/headless": "0.49.0",
+    "@lexical/link": "0.49.0",
+    "@lexical/list": "0.49.0",
+    "@lexical/mark": "0.49.0",
+    "@lexical/markdown": "0.49.0",
+    "@lexical/overflow": "0.49.0",
+    "@lexical/react": "0.49.0",
+    "@lexical/rich-text": "0.49.0",
+    "@lexical/selection": "0.49.0",
+    "@lexical/table": "0.49.0",
+    "@lexical/utils": "0.49.0",
     "clsx": "^2.1.1",
-    "lexical": "0.48.0",
+    "lexical": "0.49.0",
     "react-error-boundary": "^6.1.2",
-    "@byline/admin": "4.11.1",
-    "@byline/client": "4.11.1",
-    "@byline/ui": "4.11.1",
-    "@byline/core": "4.11.1"
+    "@byline/admin": "4.12.0",
+    "@byline/ui": "4.12.0",
+    "@byline/client": "4.12.0",
+    "@byline/core": "4.12.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.4",
+    "@biomejs/biome": "2.5.6",
     "@rsbuild/plugin-react": "^2.1.0",
     "@rslib/core": "^0.23.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "lightningcss": "^1.32.0",
+    "@types/node": "^26.1.2",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "@vitejs/plugin-react": "^6.0.5",
+    "lightningcss": "^1.33.0",
     "npm-run-all": "^4.1.5",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "rimraf": "^6.1.3",
     "typescript": "^7.0.2",
     "typescript-plugin-css-modules": "^5.2.0",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vitest": "^4.1.10"
   },
   "publishConfig": {

package/src/config.ts

@@ -16,7 +16,7 @@
  * `EditorField` / `Nodes` or the heavy *content* extension classes
  * (Table, InlineImage, Admonition, …), all of which statically pull React
  * plugins, nodes, and the Lexical core. Import from here at registration
- * sites (e.g. an admin/client config that you want to evaluate eagerly)
+ * sites (e.g. an admin/admin config that you want to evaluate eagerly)
  * so referencing the editor doesn't drag the editor module graph into the
  * importing bundle.
  *

package/src/field/extensions/inline-image/inline-image-node-component.tsx

@@ -158,7 +158,11 @@ export default function InlineImageComponent({
   )
 
   const onEnter = useCallback(
-    (event: KeyboardEvent) => {
+    // KEY_ENTER_COMMAND carries `KeyboardEvent | null` — Lexical synthesises an
+    // Enter with a null event when an IME composition ends in a newline, and
+    // that path reaches node selections too. There is nothing to preventDefault
+    // in that case, but the focus move still applies.
+    (event: KeyboardEvent | null) => {
       const latestSelection = $getSelection()
       const buttonElem = buttonRef.current
       if (
@@ -169,11 +173,11 @@ export default function InlineImageComponent({
         if (showCaption) {
           // Move focus into nested editor
           $setSelection(null)
-          event.preventDefault()
+          event?.preventDefault()
           caption.focus()
           return true
         } else if (buttonElem !== null && buttonElem !== document.activeElement) {
-          event.preventDefault()
+          event?.preventDefault()
           buttonElem.focus()
           return true
         }

package/src/field/extensions/layout/layout-extension.tsx

@@ -39,7 +39,9 @@ import {
 } from './layout-container-node'
 import { $createLayoutItemNode, $isLayoutItemNode, LayoutItemNode } from './layout-item-node'
 
-export const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand('OPEN_INSERT_LAYOUT_MODAL_COMMAND')
+export const OPEN_INSERT_LAYOUT_MODAL_COMMAND = createCommand<null>(
+  'OPEN_INSERT_LAYOUT_MODAL_COMMAND'
+)
 
 export const INSERT_LAYOUT_COMMAND: LexicalCommand<string> = createCommand<string>()
 

package/src/field/extensions/link/floating-link-editor.tsx

@@ -13,7 +13,7 @@
 import type * as React from 'react'
 import { type Dispatch, useCallback, useEffect, useRef, useState } from 'react'
 
-import { getClientConfig } from '@byline/core'
+import { getAdminConfig } from '@byline/core'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { $findMatchingParent, mergeRegister } from '@lexical/utils'
 import {
@@ -70,7 +70,7 @@ function FloatingLinkEditor({
   })
   const [linkModalData, setLinkModalData] = useState<LinkData | undefined>(undefined)
   const [modalOpen, setModalOpen] = useState(false)
-  const adminRoute = getClientConfig().routes.admin
+  const adminRoute = getAdminConfig().routes.admin
 
   const $updateLinkEditor = useCallback(() => {
     const selection = $getSelection()

package/src/field/extensions/link/link-modal.tsx

@@ -13,7 +13,7 @@ import { useMemo, useState } from 'react'
 
 import { RelationPicker } from '@byline/admin/react'
 import type { CollectionDefinition } from '@byline/core'
-import { getClientConfig, getCollectionDefinition } from '@byline/core'
+import { getAdminConfig, getCollectionDefinition } from '@byline/core'
 import {
   Button,
   Checkbox,
@@ -102,7 +102,7 @@ export const LinkModal: React.FC<LinkModalProps> = ({
   data: dataFromProps,
 }) => {
   const linkable = useMemo<CollectionDefinition[]>(
-    () => getClientConfig().collections.filter((c) => c.linksInEditor === true),
+    () => getAdminConfig().collections.filter((c) => c.linksInEditor === true),
     []
   )
 

package/src/field/extensions/link/link-node.ts

@@ -6,7 +6,7 @@
  *
  */
 
-import { getClientConfig } from '@byline/core'
+import { getAdminConfig } from '@byline/core'
 import { addClassNamesToElement, isHTMLAnchorElement } from '@lexical/utils'
 import {
   $applyNodeReplacement,
@@ -33,7 +33,7 @@ import type { InternalLinkAttributes, LinkAttributes, SerializedLinkNode } from
 function adminHref(attrs: LinkAttributes | null | undefined): string {
   if (attrs == null || attrs.linkType !== 'internal') return '#'
   const internal = attrs as InternalLinkAttributes
-  const { admin } = getClientConfig().routes
+  const { admin } = getAdminConfig().routes
   return `${admin}/collections/${internal.targetCollectionPath}/${internal.targetDocumentId}`
 }
 

package/src/field/plugins/table-plugin/index.tsx

@@ -8,7 +8,7 @@ import { COMMAND_PRIORITY_NORMAL, createCommand } from 'lexical'
 
 import { TableModal } from './table-modal'
 
-export const OPEN_TABLE_MODAL_COMMAND = createCommand('OPEN_TABLE_MODAL_COMMAND')
+export const OPEN_TABLE_MODAL_COMMAND = createCommand<null>('OPEN_TABLE_MODAL_COMMAND')
 
 export function TablePlugin(): React.JSX.Element {
   const [editor] = useLexicalComposerContext()

package/src/lexical-editor.tsx

@@ -97,7 +97,7 @@ function loadEditorBundle(): Promise<EditorBundle> {
  * ```ts
  * import { lexicalEditor, TableExtension } from '@byline/richtext-lexical'
  *
- * defineClientConfig({
+ * defineAdminConfig({
  *   fields: {
  *     richText: {
  *       editor: lexicalEditor((c) => {