@payloadcms/richtext-lexical 3.0.0-beta.85 → 3.0.0-beta.87

package/dist/features/experimental_table/plugins/TableHoverActionsPlugin/index.js

@@ -1,181 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { $getTableColumnIndexFromTableCellNode, $getTableRowIndexFromTableCellNode, $insertTableColumn__EXPERIMENTAL, $insertTableRow__EXPERIMENTAL, $isTableCellNode, $isTableNode, TableNode } from '@lexical/table';
-import { $findMatchingParent, mergeRegister } from '@lexical/utils';
-import { $getNearestNodeFromDOMNode } from 'lexical';
-import { useEffect, useRef, useState } from 'react';
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js';
-import { useDebounce } from '../../client/utils/useDebounce.js';
-const BUTTON_WIDTH_PX = 20;
-function TableHoverActionsContainer({ anchorElem }) {
-    const [editor] = useLexicalComposerContext();
-    const editorConfig = useEditorConfigContext();
-    const [isShownRow, setShownRow] = useState(false);
-    const [isShownColumn, setShownColumn] = useState(false);
-    const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
-    const [position, setPosition] = useState({});
-    const codeSetRef = useRef(new Set());
-    const tableDOMNodeRef = useRef(null);
-    const debouncedOnMouseMove = useDebounce((event)=>{
-        const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical);
-        if (isOutside) {
-            setShownRow(false);
-            setShownColumn(false);
-            return;
-        }
-        if (!tableDOMNode) {
-            return;
-        }
-        tableDOMNodeRef.current = tableDOMNode;
-        let hoveredRowNode = null;
-        let hoveredColumnNode = null;
-        let tableDOMElement = null;
-        editor.update(()=>{
-            const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
-            if ($isTableCellNode(maybeTableCell)) {
-                const table = $findMatchingParent(maybeTableCell, (node)=>$isTableNode(node));
-                if (!$isTableNode(table)) {
-                    return;
-                }
-                tableDOMElement = editor.getElementByKey(table?.getKey());
-                if (tableDOMElement) {
-                    const rowCount = table.getChildrenSize();
-                    const colCount = // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-                    table.getChildAtIndex(0)?.getChildrenSize();
-                    const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell);
-                    const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell);
-                    if (rowIndex === rowCount - 1) {
-                        hoveredRowNode = maybeTableCell;
-                    } else if (colIndex === colCount - 1) {
-                        hoveredColumnNode = maybeTableCell;
-                    }
-                }
-            }
-        });
-        if (tableDOMElement) {
-            const { bottom: tableElemBottom, height: tableElemHeight, right: tableElemRight, width: tableElemWidth, x: tableElemX, y: tableElemY } = tableDOMElement.getBoundingClientRect();
-            const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect();
-            if (hoveredRowNode) {
-                setShownColumn(false);
-                setShownRow(true);
-                setPosition({
-                    height: BUTTON_WIDTH_PX,
-                    left: tableElemX - editorElemLeft,
-                    top: tableElemBottom - editorElemY + 5,
-                    width: tableElemWidth
-                });
-            } else if (hoveredColumnNode) {
-                setShownColumn(true);
-                setShownRow(false);
-                setPosition({
-                    height: tableElemHeight,
-                    left: tableElemRight - editorElemLeft + 5,
-                    top: tableElemY - editorElemY,
-                    width: BUTTON_WIDTH_PX
-                });
-            }
-        }
-    }, 50, 250);
-    useEffect(()=>{
-        if (!shouldListenMouseMove) {
-            return;
-        }
-        document.addEventListener('mousemove', debouncedOnMouseMove);
-        return ()=>{
-            setShownRow(false);
-            setShownColumn(false);
-            document.removeEventListener('mousemove', debouncedOnMouseMove);
-        };
-    }, [
-        shouldListenMouseMove,
-        debouncedOnMouseMove
-    ]);
-    useEffect(()=>{
-        return mergeRegister(editor.registerMutationListener(TableNode, (mutations)=>{
-            editor.getEditorState().read(()=>{
-                for (const [key, type] of mutations){
-                    switch(type){
-                        case 'created':
-                            codeSetRef.current.add(key);
-                            setShouldListenMouseMove(codeSetRef.current.size > 0);
-                            break;
-                        case 'destroyed':
-                            codeSetRef.current.delete(key);
-                            setShouldListenMouseMove(codeSetRef.current.size > 0);
-                            break;
-                        default:
-                            break;
-                    }
-                }
-            });
-        }, {
-            skipInitialization: false
-        }));
-    }, [
-        editor
-    ]);
-    const insertAction = (insertRow)=>{
-        editor.update(()=>{
-            if (tableDOMNodeRef.current) {
-                const maybeTableNode = $getNearestNodeFromDOMNode(tableDOMNodeRef.current);
-                maybeTableNode?.selectEnd();
-                if (insertRow) {
-                    $insertTableRow__EXPERIMENTAL();
-                    setShownRow(false);
-                } else {
-                    $insertTableColumn__EXPERIMENTAL();
-                    setShownColumn(false);
-                }
-            }
-        });
-    };
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            isShownRow && /*#__PURE__*/ _jsx("button", {
-                className: editorConfig.editorConfig.lexical.theme.tableAddRows,
-                onClick: ()=>insertAction(true),
-                style: {
-                    ...position
-                }
-            }),
-            isShownColumn && /*#__PURE__*/ _jsx("button", {
-                className: editorConfig.editorConfig.lexical.theme.tableAddColumns,
-                onClick: ()=>insertAction(false),
-                style: {
-                    ...position
-                }
-            })
-        ]
-    });
-}
-function getMouseInfo(event, editorConfig) {
-    const target = event.target;
-    if (target && target instanceof HTMLElement) {
-        const tableDOMNode = target.closest(`td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`);
-        const isOutside = !(tableDOMNode || target.closest(`button.${editorConfig.theme.tableAddRows}`) || target.closest(`button.${editorConfig.theme.tableAddColumns}`) || target.closest(`div.${editorConfig.theme.tableCellResizer}`));
-        return {
-            isOutside,
-            tableDOMNode
-        };
-    } else {
-        return {
-            isOutside: true,
-            tableDOMNode: null
-        };
-    }
-}
-export function TableHoverActionsPlugin({ anchorElem = document.body }) {
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx(TableHoverActionsContainer, {
-        anchorElem: anchorElem
-    }), anchorElem);
-}
-
-//# sourceMappingURL=index.js.map

package/dist/features/experimental_table/plugins/TableHoverActionsPlugin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/experimental_table/plugins/TableHoverActionsPlugin/index.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { TableCellNode, TableRowNode } from '@lexical/table'\nimport type { EditorConfig, NodeKey } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n  $getTableColumnIndexFromTableCellNode,\n  $getTableRowIndexFromTableCellNode,\n  $insertTableColumn__EXPERIMENTAL,\n  $insertTableRow__EXPERIMENTAL,\n  $isTableCellNode,\n  $isTableNode,\n  TableNode,\n} from '@lexical/table'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode } from 'lexical'\nimport { useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useDebounce } from '../../client/utils/useDebounce.js'\n\nconst BUTTON_WIDTH_PX = 20\n\nfunction TableHoverActionsContainer({ anchorElem }: { anchorElem: HTMLElement }): JSX.Element {\n  const [editor] = useLexicalComposerContext()\n  const editorConfig = useEditorConfigContext()\n  const [isShownRow, setShownRow] = useState<boolean>(false)\n  const [isShownColumn, setShownColumn] = useState<boolean>(false)\n  const [shouldListenMouseMove, setShouldListenMouseMove] = useState<boolean>(false)\n  const [position, setPosition] = useState({})\n  const codeSetRef = useRef<Set<NodeKey>>(new Set())\n  const tableDOMNodeRef = useRef<HTMLElement | null>(null)\n\n  const debouncedOnMouseMove = useDebounce(\n    (event: MouseEvent) => {\n      const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical)\n\n      if (isOutside) {\n        setShownRow(false)\n        setShownColumn(false)\n        return\n      }\n\n      if (!tableDOMNode) {\n        return\n      }\n\n      tableDOMNodeRef.current = tableDOMNode\n\n      let hoveredRowNode: TableCellNode | null = null\n      let hoveredColumnNode: TableCellNode | null = null\n      let tableDOMElement: HTMLElement | null = null\n\n      editor.update(() => {\n        const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode)\n\n        if ($isTableCellNode(maybeTableCell)) {\n          const table = $findMatchingParent(maybeTableCell, (node) => $isTableNode(node))\n          if (!$isTableNode(table)) {\n            return\n          }\n\n          tableDOMElement = editor.getElementByKey(table?.getKey())\n\n          if (tableDOMElement) {\n            const rowCount = table.getChildrenSize()\n            const colCount =\n              // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n              ((table as TableNode).getChildAtIndex(0) as TableRowNode)?.getChildrenSize()\n\n            const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell)\n            const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell)\n\n            if (rowIndex === rowCount - 1) {\n              hoveredRowNode = maybeTableCell\n            } else if (colIndex === colCount - 1) {\n              hoveredColumnNode = maybeTableCell\n            }\n          }\n        }\n      })\n\n      if (tableDOMElement) {\n        const {\n          bottom: tableElemBottom,\n          height: tableElemHeight,\n          right: tableElemRight,\n          width: tableElemWidth,\n          x: tableElemX,\n          y: tableElemY,\n        } = (tableDOMElement as HTMLTableElement).getBoundingClientRect()\n\n        const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect()\n\n        if (hoveredRowNode) {\n          setShownColumn(false)\n          setShownRow(true)\n          setPosition({\n            height: BUTTON_WIDTH_PX,\n            left: tableElemX - editorElemLeft,\n            top: tableElemBottom - editorElemY + 5,\n            width: tableElemWidth,\n          })\n        } else if (hoveredColumnNode) {\n          setShownColumn(true)\n          setShownRow(false)\n          setPosition({\n            height: tableElemHeight,\n            left: tableElemRight - editorElemLeft + 5,\n            top: tableElemY - editorElemY,\n            width: BUTTON_WIDTH_PX,\n          })\n        }\n      }\n    },\n    50,\n    250,\n  )\n\n  useEffect(() => {\n    if (!shouldListenMouseMove) {\n      return\n    }\n\n    document.addEventListener('mousemove', debouncedOnMouseMove)\n\n    return () => {\n      setShownRow(false)\n      setShownColumn(false)\n\n      document.removeEventListener('mousemove', debouncedOnMouseMove)\n    }\n  }, [shouldListenMouseMove, debouncedOnMouseMove])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerMutationListener(\n        TableNode,\n        (mutations) => {\n          editor.getEditorState().read(() => {\n            for (const [key, type] of mutations) {\n              switch (type) {\n                case 'created':\n                  codeSetRef.current.add(key)\n                  setShouldListenMouseMove(codeSetRef.current.size > 0)\n                  break\n\n                case 'destroyed':\n                  codeSetRef.current.delete(key)\n                  setShouldListenMouseMove(codeSetRef.current.size > 0)\n                  break\n\n                default:\n                  break\n              }\n            }\n          })\n        },\n        { skipInitialization: false },\n      ),\n    )\n  }, [editor])\n\n  const insertAction = (insertRow: boolean) => {\n    editor.update(() => {\n      if (tableDOMNodeRef.current) {\n        const maybeTableNode = $getNearestNodeFromDOMNode(tableDOMNodeRef.current)\n        maybeTableNode?.selectEnd()\n        if (insertRow) {\n          $insertTableRow__EXPERIMENTAL()\n          setShownRow(false)\n        } else {\n          $insertTableColumn__EXPERIMENTAL()\n          setShownColumn(false)\n        }\n      }\n    })\n  }\n\n  return (\n    <>\n      {isShownRow && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddRows}\n          onClick={() => insertAction(true)}\n          style={{ ...position }}\n        />\n      )}\n      {isShownColumn && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddColumns}\n          onClick={() => insertAction(false)}\n          style={{ ...position }}\n        />\n      )}\n    </>\n  )\n}\n\nfunction getMouseInfo(\n  event: MouseEvent,\n  editorConfig: EditorConfig,\n): {\n  isOutside: boolean\n  tableDOMNode: HTMLElement | null\n} {\n  const target = event.target\n\n  if (target && target instanceof HTMLElement) {\n    const tableDOMNode = target.closest<HTMLElement>(\n      `td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`,\n    )\n\n    const isOutside = !(\n      tableDOMNode ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddRows}`) ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddColumns}`) ||\n      target.closest<HTMLElement>(`div.${editorConfig.theme.tableCellResizer}`)\n    )\n\n    return { isOutside, tableDOMNode }\n  } else {\n    return { isOutside: true, tableDOMNode: null }\n  }\n}\n\nexport function TableHoverActionsPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactPortal | null {\n  return createPortal(<TableHoverActionsContainer anchorElem={anchorElem} />, anchorElem)\n}\n"],"names":["useLexicalComposerContext","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumn__EXPERIMENTAL","$insertTableRow__EXPERIMENTAL","$isTableCellNode","$isTableNode","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","useEffect","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","anchorElem","editor","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","position","setPosition","codeSetRef","Set","tableDOMNodeRef","debouncedOnMouseMove","event","isOutside","tableDOMNode","getMouseInfo","lexical","current","hoveredRowNode","hoveredColumnNode","tableDOMElement","update","maybeTableCell","table","node","getElementByKey","getKey","rowCount","getChildrenSize","colCount","getChildAtIndex","rowIndex","colIndex","bottom","tableElemBottom","height","tableElemHeight","right","tableElemRight","width","tableElemWidth","x","tableElemX","y","tableElemY","getBoundingClientRect","left","editorElemLeft","editorElemY","top","document","addEventListener","removeEventListener","registerMutationListener","mutations","getEditorState","read","key","type","add","size","delete","skipInitialization","insertAction","insertRow","maybeTableNode","selectEnd","button","className","theme","tableAddRows","onClick","style","tableAddColumns","target","HTMLElement","closest","tableCell","tableCellResizer","TableHoverActionsPlugin","body"],"mappings":"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"}