chore: upgrade deps

- update Lexical v0.41.0
- tighten workspace overrides
- fix linting after upgraded `eslint-plugin-react-hooks`
- fix API extraction

Author: irahopkinson

.github/dependabot.yml

@@ -8,4 +8,5 @@ updates:
     open-pull-requests-limit: 0
     exclude-paths:
       # Copied in from another repo and only used for testing when running the demo
+      - "/demos/platform/lib/**"
       - "demos/platform/lib/**"

demos/perf-react/package.json

@@ -11,15 +11,15 @@
     "react-dom": ">=18.3.1"
   },
   "dependencies": {
-    "@lexical/headless": "^0.40.0",
-    "@lexical/html": "^0.40.0",
-    "@lexical/react": "^0.40.0",
-    "@lexical/selection": "^0.40.0",
-    "@lexical/utils": "^0.40.0",
+    "@lexical/headless": "^0.41.0",
+    "@lexical/html": "^0.41.0",
+    "@lexical/react": "^0.41.0",
+    "@lexical/selection": "^0.41.0",
+    "@lexical/utils": "^0.41.0",
     "base-64": "^1.0.0",
     "epitelete-html": "^0.2.21-beta.2",
     "json-difference": "^1.16.1",
-    "lexical": "^0.40.0",
+    "lexical": "^0.41.0",
     "open-patcher": "1.0.0-beta.1",
     "proskomma-core": "^0.11.3",
     "pure-uuid": "^1.8.1"

demos/perf-vanilla/package.json

@@ -7,8 +7,8 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@lexical/rich-text": "^0.40.0",
-    "lexical": "^0.40.0"
+    "@lexical/rich-text": "^0.41.0",
+    "lexical": "^0.41.0"
   },
   "devDependencies": {
     "shared": "workspace:~",

demos/platform/package.json

@@ -12,13 +12,13 @@
   "dependencies": {
     "@eten-tech-foundation/platform-editor": "workspace:~",
     "@eten-tech-foundation/scripture-utilities": "workspace:~",
-    "@sillsdev/scripture": "^2.0.3",
-    "lucide-react": "^0.475.0"
+    "@sillsdev/scripture": "^2.0.4",
+    "lucide-react": "^0.577.0"
   },
   "devDependencies": {
     "platform-bible-react": "file:./lib/platform-bible-react",
     "platform-bible-utils": "file:./lib/platform-bible-utils",
-    "tailwindcss": "4.1.18",
+    "tailwindcss": "4.2.1",
     "tailwindcss-animate": "1.0.7",
     "test-data": "workspace:~"
   },

demos/platform/src/app/DropDown.tsx

@@ -105,21 +105,11 @@ function DropDownItems({
     }
   };
 
-  const contextValue = useMemo(
-    () => ({
-      registerItem,
-    }),
-    [registerItem],
-  );
+  const contextValue = useMemo(() => ({ registerItem }), [registerItem]);
 
   useEffect(() => {
-    if (items && !highlightedItem) {
-      setHighlightedItem(items[0]);
-    }
-
-    if (highlightedItem && highlightedItem.current) {
-      highlightedItem.current.focus();
-    }
+    const activeItem = highlightedItem ?? items?.[0];
+    if (activeItem?.current) activeItem.current.focus();
   }, [items, highlightedItem]);
 
   return (

demos/platform/src/app/app.tsx

@@ -139,12 +139,7 @@ export default function App() {
     if (viewMode === UNDEFINED_VIEW_MODE) return undefined;
     if (viewMode === CUSTOM_VIEW_MODE) return { markerMode, noteMode, hasSpacing, isFormattedFont };
 
-    const _viewOptions = getViewOptions(viewMode);
-    setMarkerMode(_viewOptions?.markerMode ?? "hidden");
-    setNoteMode(_viewOptions?.noteMode ?? "collapsed");
-    setHasSpacing(_viewOptions?.hasSpacing ?? true);
-    setIsFormattedFont(_viewOptions?.isFormattedFont ?? true);
-    return _viewOptions;
+    return getViewOptions(viewMode);
   }, [viewMode, markerMode, noteMode, hasSpacing, isFormattedFont]);
 
   const customNodeOptions = useMemo<UsjNodeOptions>(
@@ -205,6 +200,7 @@ export default function App() {
 
   const formattedNodeOptions = useMemo(
     () =>
+      // eslint-disable-next-line react-hooks/refs -- Debug-only serialization must reflect the live nodeOptions object, including callable fields.
       JSON.stringify(nodeOptions, (_key, value) =>
         typeof value === "function" ? "<Function>" : value,
       )

libs/shared-react/package.json

@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@eten-tech-foundation/scripture-utilities": "workspace:~",
-    "@floating-ui/dom": "^1.7.5",
-    "@lexical/react": "^0.40.0",
-    "@lexical/utils": "^0.40.0",
-    "fast-equals": "^5.2.2",
-    "lexical": "^0.40.0",
+    "@floating-ui/dom": "^1.7.6",
+    "@lexical/react": "^0.41.0",
+    "@lexical/utils": "^0.41.0",
+    "fast-equals": "^5.4.0",
+    "lexical": "^0.41.0",
     "quill-delta": "^5.1.0"
   },
   "devDependencies": {

libs/shared-react/src/plugins/usj/ContextMenuPlugin.tsx

@@ -37,6 +37,7 @@ function ContextMenuItem({
   onMouseEnter: () => void;
   option: ContextMenuOption;
 }) {
+  /* eslint-disable react-hooks/refs -- Lexical MenuOption API stores interaction fields on option instances consumed during render. */
   let className = "item";
   if (isSelected) {
     className += " selected";
@@ -60,6 +61,7 @@ function ContextMenuItem({
       <span className="text">{option.title}</span>
     </li>
   );
+  /* eslint-enable react-hooks/refs */
 }
 
 function ContextMenu({

libs/shared-react/src/plugins/usj/react-test.utils.tsx

@@ -26,7 +26,7 @@ import {
   LexicalNode,
   SerializedEditorState,
 } from "lexical";
-import { ReactNode } from "react";
+import { ReactNode, useEffect } from "react";
 import { segmentState, SerializedNoteNode, SerializedParaNode, TypedMarkNode } from "shared";
 
 export async function baseTestEnvironment(
@@ -36,7 +36,12 @@ export async function baseTestEnvironment(
   let editor: LexicalEditor;
 
   function GrabEditor() {
-    [editor] = useLexicalComposerContext();
+    const [composerEditor] = useLexicalComposerContext();
+
+    useEffect(() => {
+      editor = composerEditor;
+    }, [composerEditor]);
+
     return null;
   }
 

libs/shared/package.json

@@ -37,10 +37,10 @@
   },
   "dependencies": {
     "@eten-tech-foundation/scripture-utilities": "workspace:~",
-    "@lexical/mark": "^0.40.0",
-    "@lexical/utils": "^0.40.0",
-    "@sillsdev/scripture": "^2.0.3",
-    "lexical": "^0.40.0",
+    "@lexical/mark": "^0.41.0",
+    "@lexical/utils": "^0.41.0",
+    "@sillsdev/scripture": "^2.0.4",
+    "lexical": "^0.41.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {