@payloadcms/richtext-lexical 3.80.0-canary.1 → 3.80.0-internal.c396c15

package/dist/features/toolbars/shared/useToolbarStates.js

@@ -0,0 +1,127 @@
+'use client';
+
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection } from 'lexical';
+import { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react';
+import { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js';
+import { useRunDeprioritized } from '../../../utilities/useRunDeprioritized.js';
+/**
+ * Build default states where every item is enabled and nothing is active.
+ * Used as the initial value so toolbar groups render immediately on mount
+ * instead of waiting for the first updateStates call.
+ */
+function buildDefaultStates(groups) {
+  const itemStates = new Map();
+  const groupStates = new Map();
+  if (!groups?.length) {
+    return {
+      groupStates,
+      itemStates
+    };
+  }
+  for (const group of groups) {
+    const enabledItemKeys = [];
+    for (const item of group.items) {
+      itemStates.set(item.key, {
+        active: false,
+        enabled: true
+      });
+      enabledItemKeys.push(item.key);
+    }
+    groupStates.set(group.key, {
+      activeItemKeys: [],
+      activeItems: [],
+      enabledGroup: true,
+      enabledItemKeys
+    });
+  }
+  return {
+    groupStates,
+    itemStates
+  };
+}
+/**
+ * Subscribes once to `editor.registerUpdateListener` and computes
+ * isActive / isEnabled for every toolbar item in a read.
+ */
+export function useToolbarStates(editor, groups) {
+  const [states, setStates] = useState(() => buildDefaultStates(groups));
+  const deferredStates = useDeferredValue(states);
+  const editorConfigContext = useEditorConfigContext();
+  const editorConfigContextRef = useRef(editorConfigContext);
+  editorConfigContextRef.current = editorConfigContext;
+  const groupsRef = useRef(groups);
+  groupsRef.current = groups;
+  const runDeprioritized = useRunDeprioritized();
+  const updateStates = useCallback(() => {
+    editor.getEditorState().read(() => {
+      const selection = $getSelection();
+      if (!selection) {
+        return;
+      }
+      const currentGroups = groupsRef.current;
+      if (!currentGroups?.length) {
+        return;
+      }
+      const ctx = editorConfigContextRef.current;
+      const newItemStates = new Map();
+      const newGroupStates = new Map();
+      for (const group of currentGroups) {
+        const activeItemKeys = [];
+        const activeItems = [];
+        const enabledItemKeys = [];
+        const maxActive = group.type === 'dropdown' ? group.maxActiveItems ?? 1 : undefined;
+        for (const item of group.items) {
+          const isActive = item.isActive ? (!maxActive || activeItemKeys.length < maxActive) && item.isActive({
+            editor,
+            editorConfigContext: ctx,
+            selection
+          }) : false;
+          const isEnabled = item.isEnabled ? item.isEnabled({
+            editor,
+            editorConfigContext: ctx,
+            selection
+          }) : true;
+          if (isActive) {
+            activeItemKeys.push(item.key);
+            activeItems.push(item);
+          }
+          if (isEnabled) {
+            enabledItemKeys.push(item.key);
+          }
+          newItemStates.set(item.key, {
+            active: isActive,
+            enabled: isEnabled
+          });
+        }
+        const enabledGroup = group.type === 'dropdown' && group.isEnabled ? group.isEnabled({
+          editor,
+          editorConfigContext: ctx,
+          selection
+        }) : true;
+        newGroupStates.set(group.key, {
+          activeItemKeys,
+          activeItems,
+          enabledGroup,
+          enabledItemKeys
+        });
+      }
+      setStates({
+        groupStates: newGroupStates,
+        itemStates: newItemStates
+      });
+    });
+  }, [editor]);
+  useEffect(() => {
+    void runDeprioritized(updateStates);
+    const listener = () => runDeprioritized(updateStates);
+    const cleanup = mergeRegister(editor.registerUpdateListener(listener));
+    document.addEventListener('mouseup', listener);
+    return () => {
+      cleanup();
+      document.removeEventListener('mouseup', listener);
+    };
+  }, [editor, runDeprioritized, updateStates]);
+  return deferredStates;
+}
+//# sourceMappingURL=useToolbarStates.js.map

package/dist/features/toolbars/shared/useToolbarStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarStates.js","names":["mergeRegister","$getSelection","useCallback","useDeferredValue","useEffect","useRef","useState","useEditorConfigContext","useRunDeprioritized","buildDefaultStates","groups","itemStates","Map","groupStates","length","group","enabledItemKeys","item","items","set","key","active","enabled","push","activeItemKeys","activeItems","enabledGroup","useToolbarStates","editor","states","setStates","deferredStates","editorConfigContext","editorConfigContextRef","current","groupsRef","runDeprioritized","updateStates","getEditorState","read","selection","currentGroups","ctx","newItemStates","newGroupStates","maxActive","type","maxActiveItems","undefined","isActive","isEnabled","listener","cleanup","registerUpdateListener","document","addEventListener","removeEventListener"],"sources":["../../../../src/features/toolbars/shared/useToolbarStates.ts"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\n\nimport { mergeRegister } from '@lexical/utils'\nimport { $getSelection } from 'lexical'\nimport { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react'\n\nimport type { ToolbarGroup, ToolbarGroupItem } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../lexical/config/client/EditorConfigProvider.js'\nimport { useRunDeprioritized } from '../../../utilities/useRunDeprioritized.js'\n\nexport interface ToolbarItemState {\n  active: boolean\n  enabled: boolean\n}\n\nexport interface ToolbarGroupState {\n  activeItemKeys: string[]\n  activeItems: ToolbarGroupItem[]\n  enabledGroup: boolean\n  enabledItemKeys: string[]\n}\n\nexport interface ToolbarStates {\n  groupStates: Map<string, ToolbarGroupState>\n  itemStates: Map<string, ToolbarItemState>\n}\n\n/**\n * Build default states where every item is enabled and nothing is active.\n * Used as the initial value so toolbar groups render immediately on mount\n * instead of waiting for the first updateStates call.\n */\nfunction buildDefaultStates(groups: ToolbarGroup[] | undefined): ToolbarStates {\n  const itemStates = new Map<string, ToolbarItemState>()\n  const groupStates = new Map<string, ToolbarGroupState>()\n\n  if (!groups?.length) {\n    return { groupStates, itemStates }\n  }\n\n  for (const group of groups) {\n    const enabledItemKeys: string[] = []\n    for (const item of group.items) {\n      itemStates.set(item.key, { active: false, enabled: true })\n      enabledItemKeys.push(item.key)\n    }\n    groupStates.set(group.key, {\n      activeItemKeys: [],\n      activeItems: [],\n      enabledGroup: true,\n      enabledItemKeys,\n    })\n  }\n\n  return { groupStates, itemStates }\n}\n\n/**\n * Subscribes once to `editor.registerUpdateListener` and computes\n * isActive / isEnabled for every toolbar item in a read.\n */\nexport function useToolbarStates(\n  editor: LexicalEditor,\n  groups: ToolbarGroup[] | undefined,\n): ToolbarStates {\n  const [states, setStates] = useState<ToolbarStates>(() => buildDefaultStates(groups))\n  const deferredStates = useDeferredValue(states)\n\n  const editorConfigContext = useEditorConfigContext()\n  const editorConfigContextRef = useRef(editorConfigContext)\n  editorConfigContextRef.current = editorConfigContext\n\n  const groupsRef = useRef(groups)\n  groupsRef.current = groups\n\n  const runDeprioritized = useRunDeprioritized()\n\n  const updateStates = useCallback(() => {\n    editor.getEditorState().read(() => {\n      const selection = $getSelection()\n      if (!selection) {\n        return\n      }\n\n      const currentGroups = groupsRef.current\n      if (!currentGroups?.length) {\n        return\n      }\n\n      const ctx = editorConfigContextRef.current\n      const newItemStates = new Map<string, ToolbarItemState>()\n      const newGroupStates = new Map<string, ToolbarGroupState>()\n\n      for (const group of currentGroups) {\n        const activeItemKeys: string[] = []\n        const activeItems: ToolbarGroupItem[] = []\n        const enabledItemKeys: string[] = []\n\n        const maxActive = group.type === 'dropdown' ? (group.maxActiveItems ?? 1) : undefined\n\n        for (const item of group.items) {\n          const isActive = item.isActive\n            ? (!maxActive || activeItemKeys.length < maxActive) &&\n              item.isActive({ editor, editorConfigContext: ctx, selection })\n            : false\n\n          const isEnabled = item.isEnabled\n            ? item.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n          if (isActive) {\n            activeItemKeys.push(item.key)\n            activeItems.push(item)\n          }\n          if (isEnabled) {\n            enabledItemKeys.push(item.key)\n          }\n\n          newItemStates.set(item.key, { active: isActive, enabled: isEnabled })\n        }\n\n        const enabledGroup =\n          group.type === 'dropdown' && group.isEnabled\n            ? group.isEnabled({ editor, editorConfigContext: ctx, selection })\n            : true\n\n        newGroupStates.set(group.key, {\n          activeItemKeys,\n          activeItems,\n          enabledGroup,\n          enabledItemKeys,\n        })\n      }\n\n      setStates({ groupStates: newGroupStates, itemStates: newItemStates })\n    })\n  }, [editor])\n\n  useEffect(() => {\n    void runDeprioritized(updateStates)\n\n    const listener = () => runDeprioritized(updateStates)\n\n    const cleanup = mergeRegister(editor.registerUpdateListener(listener))\n    document.addEventListener('mouseup', listener)\n\n    return () => {\n      cleanup()\n      document.removeEventListener('mouseup', listener)\n    }\n  }, [editor, runDeprioritized, updateStates])\n\n  return deferredStates\n}\n"],"mappings":"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","ignoreList":[]}