@scottjgilbert/lexical-blog-editor 0.1.4 → 1.0.0-beta.2

package/build/plugins/TableActionMenuPlugin/index.js

@@ -1,14 +1,15 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
-import { $computeTableMapSkipCellCheck, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableSelection, $mergeCells, $unmergeCell, getTableElement, getTableObserverFromTableElement, TableCellHeaderStates, TableCellNode, } from '@lexical/table';
-import { mergeRegister } from '@lexical/utils';
-import { $getSelection, $isElementNode, $isRangeSelection, $isTextNode, $setSelection, COMMAND_PRIORITY_CRITICAL, getDOMSelection, isDOMNode, SELECTION_CHANGE_COMMAND, } from 'lexical';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import useModal from '../../hooks/useModal';
-import ColorPicker from '../../ui/ColorPicker';
-import DropDown, { DropDownItem } from '../../ui/DropDown';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { $computeTableMapSkipCellCheck, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableSelection, $mergeCells, $unmergeCell, getTableElement, getTableObserverFromTableElement, TableCellHeaderStates, TableCellNode, } from "@lexical/table";
+import { mergeRegister } from "@lexical/utils";
+import { $getSelection, $isElementNode, $isRangeSelection, $isTextNode, $setSelection, COMMAND_PRIORITY_CRITICAL, getDOMSelection, isDOMNode, SELECTION_CHANGE_COMMAND, } from "lexical";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import useModal from "../../hooks/useModal";
+import ColorPicker from "../../ui/ColorPicker";
+import DropDown, { DropDownItem } from "../../ui/DropDown";
 function computeSelectionCount(selection) {
     const selectionShape = selection.getShape();
     return {
@@ -60,15 +61,15 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, setIsMenuOpen
     });
     const [canMergeCells, setCanMergeCells] = useState(false);
     const [canUnmergeCell, setCanUnmergeCell] = useState(false);
-    const [backgroundColor, setBackgroundColor] = useState(() => currentCellBackgroundColor(editor) || '');
+    const [backgroundColor, setBackgroundColor] = useState(() => currentCellBackgroundColor(editor) || "");
     useEffect(() => {
         return editor.registerMutationListener(TableCellNode, (nodeMutations) => {
-            const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === 'updated';
+            const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === "updated";
             if (nodeUpdated) {
                 editor.getEditorState().read(() => {
                     updateTableCellNode(tableCellNode.getLatest());
                 });
-                setBackgroundColor(currentCellBackgroundColor(editor) || '');
+                setBackgroundColor(currentCellBackgroundColor(editor) || "");
             }
         }, { skipInitialization: true });
     }, [editor, tableCellNode]);
@@ -94,7 +95,7 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, setIsMenuOpen
             rootElement != null) {
             const rootEleRect = rootElement.getBoundingClientRect();
             const menuButtonRect = menuButtonElement.getBoundingClientRect();
-            dropDownElement.style.opacity = '1';
+            dropDownElement.style.opacity = "1";
             const dropDownElementRect = dropDownElement.getBoundingClientRect();
             const margin = 5;
             let leftPosition = menuButtonRect.right + margin;
@@ -122,8 +123,8 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, setIsMenuOpen
                 setIsMenuOpen(false);
             }
         }
-        window.addEventListener('click', handleClickOutside);
-        return () => window.removeEventListener('click', handleClickOutside);
+        window.addEventListener("click", handleClickOutside);
+        return () => window.removeEventListener("click", handleClickOutside);
     }, [setIsMenuOpen, contextRef]);
     const clearTableSelection = useCallback(() => {
         editor.update(() => {
@@ -131,7 +132,7 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, setIsMenuOpen
                 const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
                 const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
                 if (tableElement === null) {
-                    throw new Error('TableActionMenu: Expected to find tableElement in DOM');
+                    throw new Error("TableActionMenu: Expected to find tableElement in DOM");
                 }
                 const tableObserver = getTableObserverFromTableElement(tableElement);
                 if (tableObserver !== null) {
@@ -330,23 +331,23 @@ function TableActionMenu({ onClose, tableCellNode: _tableCellNode, setIsMenuOpen
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     _jsxs("div", { className: "dropdown", ref: dropDownRef, onClick: (e) => {
             e.stopPropagation();
-        }, children: [mergeCellButton, _jsx("button", { type: "button", className: "item", onClick: () => showColorPickerModal('Cell background color', () => (_jsx(ColorPicker, { color: backgroundColor, onChange: handleCellBackgroundColor }))), "data-test-id": "table-background-color", children: _jsx("span", { className: "text", children: "Background color" }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleRowStriping(), "data-test-id": "table-row-striping", children: _jsx("span", { className: "text", children: "Toggle Row Striping" }) }), _jsxs(DropDown, { buttonLabel: "Vertical Align", buttonClassName: "item", buttonAriaLabel: "Formatting options for vertical alignment", children: [_jsx(DropDownItem, { onClick: () => {
-                            formatVerticalAlign('top');
+        }, children: [mergeCellButton, _jsx("button", { type: "button", className: "item", onClick: () => showColorPickerModal("Cell background color", () => (_jsx(ColorPicker, { color: backgroundColor, onChange: handleCellBackgroundColor }))), "data-test-id": "table-background-color", children: _jsx("span", { className: "text", children: "Background color" }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleRowStriping(), "data-test-id": "table-row-striping", children: _jsx("span", { className: "text", children: "Toggle Row Striping" }) }), _jsxs(DropDown, { buttonLabel: "Vertical Align", buttonClassName: "item", buttonAriaLabel: "Formatting options for vertical alignment", children: [_jsx(DropDownItem, { onClick: () => {
+                            formatVerticalAlign("top");
                         }, className: "item wide", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon vertical-top" }), _jsx("span", { className: "text", children: "Top Align" })] }) }), _jsx(DropDownItem, { onClick: () => {
-                            formatVerticalAlign('middle');
+                            formatVerticalAlign("middle");
                         }, className: "item wide", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon vertical-middle" }), _jsx("span", { className: "text", children: "Middle Align" })] }) }), _jsx(DropDownItem, { onClick: () => {
-                            formatVerticalAlign('bottom');
-                        }, className: "item wide", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon vertical-bottom" }), _jsx("span", { className: "text", children: "Bottom Align" })] }) })] }), _jsx("button", { type: "button", className: "item", onClick: () => toggleFirstRowFreeze(), "data-test-id": "table-freeze-first-row", children: _jsx("span", { className: "text", children: "Toggle First Row Freeze" }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleFirstColumnFreeze(), "data-test-id": "table-freeze-first-column", children: _jsx("span", { className: "text", children: "Toggle First Column Freeze" }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => insertTableRowAtSelection(false), "data-test-id": "table-insert-row-above", children: _jsxs("span", { className: "text", children: ["Insert", ' ', selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`, ' ', "above"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => insertTableRowAtSelection(true), "data-test-id": "table-insert-row-below", children: _jsxs("span", { className: "text", children: ["Insert", ' ', selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`, ' ', "below"] }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => insertTableColumnAtSelection(false), "data-test-id": "table-insert-column-before", children: _jsxs("span", { className: "text", children: ["Insert", ' ', selectionCounts.columns === 1
-                            ? 'column'
-                            : `${selectionCounts.columns} columns`, ' ', "left"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => insertTableColumnAtSelection(true), "data-test-id": "table-insert-column-after", children: _jsxs("span", { className: "text", children: ["Insert", ' ', selectionCounts.columns === 1
-                            ? 'column'
-                            : `${selectionCounts.columns} columns`, ' ', "right"] }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableColumnAtSelection(), "data-test-id": "table-delete-columns", children: _jsx("span", { className: "text", children: "Delete column" }) }), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableRowAtSelection(), "data-test-id": "table-delete-rows", children: _jsx("span", { className: "text", children: "Delete row" }) }), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableAtSelection(), "data-test-id": "table-delete", children: _jsx("span", { className: "text", children: "Delete table" }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => toggleTableRowIsHeader(), "data-test-id": "table-row-header", children: _jsxs("span", { className: "text", children: [(tableCellNode.__headerState & TableCellHeaderStates.ROW) ===
+                            formatVerticalAlign("bottom");
+                        }, className: "item wide", children: _jsxs("div", { className: "icon-text-container", children: [_jsx("i", { className: "icon vertical-bottom" }), _jsx("span", { className: "text", children: "Bottom Align" })] }) })] }), _jsx("button", { type: "button", className: "item", onClick: () => toggleFirstRowFreeze(), "data-test-id": "table-freeze-first-row", children: _jsx("span", { className: "text", children: "Toggle First Row Freeze" }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleFirstColumnFreeze(), "data-test-id": "table-freeze-first-column", children: _jsx("span", { className: "text", children: "Toggle First Column Freeze" }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => insertTableRowAtSelection(false), "data-test-id": "table-insert-row-above", children: _jsxs("span", { className: "text", children: ["Insert", " ", selectionCounts.rows === 1 ? "row" : `${selectionCounts.rows} rows`, " ", "above"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => insertTableRowAtSelection(true), "data-test-id": "table-insert-row-below", children: _jsxs("span", { className: "text", children: ["Insert", " ", selectionCounts.rows === 1 ? "row" : `${selectionCounts.rows} rows`, " ", "below"] }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => insertTableColumnAtSelection(false), "data-test-id": "table-insert-column-before", children: _jsxs("span", { className: "text", children: ["Insert", " ", selectionCounts.columns === 1
+                            ? "column"
+                            : `${selectionCounts.columns} columns`, " ", "left"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => insertTableColumnAtSelection(true), "data-test-id": "table-insert-column-after", children: _jsxs("span", { className: "text", children: ["Insert", " ", selectionCounts.columns === 1
+                            ? "column"
+                            : `${selectionCounts.columns} columns`, " ", "right"] }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableColumnAtSelection(), "data-test-id": "table-delete-columns", children: _jsx("span", { className: "text", children: "Delete column" }) }), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableRowAtSelection(), "data-test-id": "table-delete-rows", children: _jsx("span", { className: "text", children: "Delete row" }) }), _jsx("button", { type: "button", className: "item", onClick: () => deleteTableAtSelection(), "data-test-id": "table-delete", children: _jsx("span", { className: "text", children: "Delete table" }) }), _jsx("hr", {}), _jsx("button", { type: "button", className: "item", onClick: () => toggleTableRowIsHeader(), "data-test-id": "table-row-header", children: _jsxs("span", { className: "text", children: [(tableCellNode.__headerState & TableCellHeaderStates.ROW) ===
                             TableCellHeaderStates.ROW
-                            ? 'Remove'
-                            : 'Add', ' ', "row header"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleTableColumnIsHeader(), "data-test-id": "table-column-header", children: _jsxs("span", { className: "text", children: [(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===
+                            ? "Remove"
+                            : "Add", " ", "row header"] }) }), _jsx("button", { type: "button", className: "item", onClick: () => toggleTableColumnIsHeader(), "data-test-id": "table-column-header", children: _jsxs("span", { className: "text", children: [(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===
                             TableCellHeaderStates.COLUMN
-                            ? 'Remove'
-                            : 'Add', ' ', "column header"] }) })] }), document.body);
+                            ? "Remove"
+                            : "Add", " ", "column header"] }) })] }), document.body);
 }
 function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
     const [editor] = useLexicalComposerContext();
@@ -356,7 +357,7 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
     const [tableCellNode, setTableMenuCellNode] = useState(null);
     const [colorPickerModal, showColorPickerModal] = useModal();
     const checkTableCellOverflow = useCallback((tableCellParentNodeDOM) => {
-        const scrollableContainer = tableCellParentNodeDOM.closest('.PlaygroundEditorTheme__tableScrollableWrapper');
+        const scrollableContainer = tableCellParentNodeDOM.closest(".PlaygroundEditorTheme__tableScrollableWrapper");
         if (scrollableContainer) {
             const containerRect = scrollableContainer.getBoundingClientRect();
             const cellRect = tableCellParentNodeDOM.getBoundingClientRect();
@@ -379,8 +380,8 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
         const activeElement = document.activeElement;
         function disable() {
             if (menu) {
-                menu.classList.remove('table-cell-action-button-container--active');
-                menu.classList.add('table-cell-action-button-container--inactive');
+                menu.classList.remove("table-cell-action-button-container--active");
+                menu.classList.add("table-cell-action-button-container--inactive");
             }
             setTableMenuCellNode(null);
         }
@@ -409,7 +410,7 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
             const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNodeFromSelection);
             const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
             if (tableElement === null) {
-                throw new Error('TableActionMenu: Expected to find tableElement in DOM');
+                throw new Error("TableActionMenu: Expected to find tableElement in DOM");
             }
             tableObserver = getTableObserverFromTableElement(tableElement);
             setTableMenuCellNode(tableCellNodeFromSelection);
@@ -417,12 +418,12 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
         else if ($isTableSelection(selection)) {
             const anchorNode = $getTableCellNodeFromLexicalNode(selection.anchor.getNode());
             if (!$isTableCellNode(anchorNode)) {
-                throw new Error('TableSelection anchorNode must be a TableCellNode');
+                throw new Error("TableSelection anchorNode must be a TableCellNode");
             }
             const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode);
             const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
             if (tableElement === null) {
-                throw new Error('TableActionMenu: Expected to find tableElement in DOM');
+                throw new Error("TableActionMenu: Expected to find tableElement in DOM");
             }
             tableObserver = getTableObserverFromTableElement(tableElement);
             tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey());
@@ -440,8 +441,8 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
             return disable();
         }
         const enabled = !tableObserver || !tableObserver.isSelecting;
-        menu.classList.toggle('table-cell-action-button-container--active', enabled);
-        menu.classList.toggle('table-cell-action-button-container--inactive', !enabled);
+        menu.classList.toggle("table-cell-action-button-container--active", enabled);
+        menu.classList.toggle("table-cell-action-button-container--inactive", !enabled);
         if (enabled) {
             const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect();
             const anchorRect = anchorElem.getBoundingClientRect();
@@ -466,10 +467,10 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge, }) {
         };
         return mergeRegister(editor.registerUpdateListener(delayedCallback), editor.registerCommand(SELECTION_CHANGE_COMMAND, delayedCallback, COMMAND_PRIORITY_CRITICAL), editor.registerRootListener((rootElement, prevRootElement) => {
             if (prevRootElement) {
-                prevRootElement.removeEventListener('pointerup', delayedCallback);
+                prevRootElement.removeEventListener("pointerup", delayedCallback);
             }
             if (rootElement) {
-                rootElement.addEventListener('pointerup', delayedCallback);
+                rootElement.addEventListener("pointerup", delayedCallback);
                 delayedCallback();
             }
         }), () => clearTimeout(timeoutId));

package/build/plugins/TableCellResizer/index.d.ts

@@ -1,4 +1,4 @@
-import './index.css';
-import { ReactPortal } from 'react';
+import "./index.css";
+import { ReactPortal } from "react";
 export default function TableCellResizerPlugin(): null | ReactPortal;
 //# sourceMappingURL=index.d.ts.map

package/build/plugins/TableCellResizer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableCellResizer/index.tsx"],"names":[],"mappings":"AAWA,OAAO,aAAa,CAAC;AAqBrB,OAAO,EAGL,WAAW,EAMZ,MAAM,OAAO,CAAC;AAocf,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,IAAI,GAAG,WAAW,CAWnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableCellResizer/index.tsx"],"names":[],"mappings":"AAaA,OAAO,aAAa,CAAC;AAoBrB,OAAO,EAGL,WAAW,EAMZ,MAAM,OAAO,CAAC;AAocf,MAAM,CAAC,OAAO,UAAU,sBAAsB,IAAI,IAAI,GAAG,WAAW,CAWnE"}

package/build/plugins/TableCellResizer/index.js

@@ -1,15 +1,16 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import './index.css';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
-import { $computeTableMapSkipCellCheck, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableRowNode, getDOMCellFromTarget, getTableElement, TableNode, } from '@lexical/table';
-import { calculateZoomLevel, mergeRegister } from '@lexical/utils';
-import { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG, } from 'lexical';
-import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import { createPortal } from 'react-dom';
+import "./index.css";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { $computeTableMapSkipCellCheck, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableRowNode, getDOMCellFromTarget, getTableElement, TableNode, } from "@lexical/table";
+import { calculateZoomLevel, mergeRegister } from "@lexical/utils";
+import { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG, } from "lexical";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { createPortal } from "react-dom";
 const MIN_ROW_HEIGHT = 33;
 const MIN_COLUMN_WIDTH = 92;
-const ACTIVE_RESIZER_COLOR = '#76b6ff';
+const ACTIVE_RESIZER_COLOR = "#76b6ff";
 function TableCellResizer({ editor }) {
     const targetRef = useRef(null);
     const resizerRef = useRef(null);
@@ -32,7 +33,7 @@ function TableCellResizer({ editor }) {
         const tableKeys = new Set();
         return mergeRegister(editor.registerMutationListener(TableNode, (nodeMutations) => {
             for (const [nodeKey, mutation] of nodeMutations) {
-                if (mutation === 'destroyed') {
+                if (mutation === "destroyed") {
                     tableKeys.delete(nodeKey);
                 }
                 else {
@@ -78,12 +79,12 @@ function TableCellResizer({ editor }) {
                     editor.getEditorState().read(() => {
                         const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);
                         if (!tableCellNode) {
-                            throw new Error('TableCellResizer: Table cell node not found.');
+                            throw new Error("TableCellResizer: Table cell node not found.");
                         }
                         const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
                         const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
                         if (!tableElement) {
-                            throw new Error('TableCellResizer: Table element not found.');
+                            throw new Error("TableCellResizer: Table element not found.");
                         }
                         targetRef.current = target;
                         tableRectRef.current = tableElement.getBoundingClientRect();
@@ -96,40 +97,40 @@ function TableCellResizer({ editor }) {
             }
         };
         const onPointerDown = (event) => {
-            const isTouchEvent = event.pointerType === 'touch';
+            const isTouchEvent = event.pointerType === "touch";
             if (isTouchEvent) {
                 onPointerMove(event);
             }
         };
         const resizerContainer = resizerRef.current;
-        resizerContainer === null || resizerContainer === void 0 ? void 0 : resizerContainer.addEventListener('pointermove', onPointerMove, {
+        resizerContainer === null || resizerContainer === void 0 ? void 0 : resizerContainer.addEventListener("pointermove", onPointerMove, {
             capture: true,
         });
         const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {
-            prevRootElement === null || prevRootElement === void 0 ? void 0 : prevRootElement.removeEventListener('pointermove', onPointerMove);
-            prevRootElement === null || prevRootElement === void 0 ? void 0 : prevRootElement.removeEventListener('pointerdown', onPointerDown);
-            rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener('pointermove', onPointerMove);
-            rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener('pointerdown', onPointerDown);
+            prevRootElement === null || prevRootElement === void 0 ? void 0 : prevRootElement.removeEventListener("pointermove", onPointerMove);
+            prevRootElement === null || prevRootElement === void 0 ? void 0 : prevRootElement.removeEventListener("pointerdown", onPointerDown);
+            rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener("pointermove", onPointerMove);
+            rootElement === null || rootElement === void 0 ? void 0 : rootElement.addEventListener("pointerdown", onPointerDown);
         });
         return () => {
             removeRootListener();
-            resizerContainer === null || resizerContainer === void 0 ? void 0 : resizerContainer.removeEventListener('pointermove', onPointerMove);
+            resizerContainer === null || resizerContainer === void 0 ? void 0 : resizerContainer.removeEventListener("pointermove", onPointerMove);
         };
     }, [activeCell, draggingDirection, editor, resetState, hasTable]);
     const isHeightChanging = (direction) => {
-        if (direction === 'bottom') {
+        if (direction === "bottom") {
             return true;
         }
         return false;
     };
     const updateRowHeight = useCallback((heightChange) => {
         if (!activeCell) {
-            throw new Error('TableCellResizer: Expected active cell.');
+            throw new Error("TableCellResizer: Expected active cell.");
         }
         editor.update(() => {
             const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
             if (!$isTableCellNode(tableCellNode)) {
-                throw new Error('TableCellResizer: Table cell node not found.');
+                throw new Error("TableCellResizer: Table cell node not found.");
             }
             const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
             const baseRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode);
@@ -141,11 +142,11 @@ function TableCellResizer({ editor }) {
                 ? baseRowIndex
                 : baseRowIndex + tableCellNode.getRowSpan() - 1;
             if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {
-                throw new Error('Expected table cell to be inside of table row.');
+                throw new Error("Expected table cell to be inside of table row.");
             }
             const tableRow = tableRows[tableRowIndex];
             if (!$isTableRowNode(tableRow)) {
-                throw new Error('Expected table row');
+                throw new Error("Expected table row");
             }
             let height = tableRow.getHeight();
             if (height === undefined) {
@@ -171,18 +172,18 @@ function TableCellResizer({ editor }) {
     };
     const updateColumnWidth = useCallback((widthChange) => {
         if (!activeCell) {
-            throw new Error('TableCellResizer: Expected active cell.');
+            throw new Error("TableCellResizer: Expected active cell.");
         }
         editor.update(() => {
             const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
             if (!$isTableCellNode(tableCellNode)) {
-                throw new Error('TableCellResizer: Table cell node not found.');
+                throw new Error("TableCellResizer: Table cell node not found.");
             }
             const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
             const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
             const columnIndex = getCellColumnIndex(tableCellNode, tableMap);
             if (columnIndex === undefined) {
-                throw new Error('TableCellResizer: Table column not found.');
+                throw new Error("TableCellResizer: Table column not found.");
             }
             const colWidths = tableNode.getColWidths();
             if (!colWidths) {
@@ -203,7 +204,7 @@ function TableCellResizer({ editor }) {
             event.preventDefault();
             event.stopPropagation();
             if (!activeCell) {
-                throw new Error('TableCellResizer: Expected active cell.');
+                throw new Error("TableCellResizer: Expected active cell.");
             }
             if (pointerStartPosRef.current) {
                 const { x, y } = pointerStartPosRef.current;
@@ -220,7 +221,7 @@ function TableCellResizer({ editor }) {
                     updateColumnWidth(widthChange);
                 }
                 resetState();
-                document.removeEventListener('pointerup', handler);
+                document.removeEventListener("pointerup", handler);
             }
         };
         return handler;
@@ -229,7 +230,7 @@ function TableCellResizer({ editor }) {
         event.preventDefault();
         event.stopPropagation();
         if (!activeCell) {
-            throw new Error('TableCellResizer: Expected active cell.');
+            throw new Error("TableCellResizer: Expected active cell.");
         }
         pointerStartPosRef.current = {
             x: event.clientX,
@@ -237,7 +238,7 @@ function TableCellResizer({ editor }) {
         };
         updatePointerCurrentPos(pointerStartPosRef.current);
         updateDraggingDirection(direction);
-        document.addEventListener('pointerup', pointerUpHandler(direction));
+        document.addEventListener("pointerup", pointerUpHandler(direction));
     }, [activeCell, pointerUpHandler]);
     const getResizers = useCallback(() => {
         if (activeCell) {
@@ -246,16 +247,16 @@ function TableCellResizer({ editor }) {
             const zoneWidth = 16; // Pixel width of the zone where you can drag the edge
             const styles = {
                 bottom: {
-                    backgroundColor: 'none',
-                    cursor: 'row-resize',
+                    backgroundColor: "none",
+                    cursor: "row-resize",
                     height: `${zoneWidth}px`,
                     left: `${window.scrollX + left}px`,
                     top: `${window.scrollY + top + height - zoneWidth / 2}px`,
                     width: `${width}px`,
                 },
                 right: {
-                    backgroundColor: 'none',
-                    cursor: 'col-resize',
+                    backgroundColor: "none",
+                    cursor: "col-resize",
                     height: `${height}px`,
                     left: `${window.scrollX + left + width - zoneWidth / 2}px`,
                     top: `${window.scrollY + top}px`,
@@ -267,24 +268,24 @@ function TableCellResizer({ editor }) {
                 if (isHeightChanging(draggingDirection)) {
                     styles[draggingDirection].left = `${window.scrollX + tableRect.left}px`;
                     styles[draggingDirection].top = `${window.scrollY + pointerCurrentPos.y / zoom}px`;
-                    styles[draggingDirection].height = '3px';
+                    styles[draggingDirection].height = "3px";
                     styles[draggingDirection].width = `${tableRect.width}px`;
                 }
                 else {
                     styles[draggingDirection].top = `${window.scrollY + tableRect.top}px`;
                     styles[draggingDirection].left = `${window.scrollX + pointerCurrentPos.x / zoom}px`;
-                    styles[draggingDirection].width = '3px';
+                    styles[draggingDirection].width = "3px";
                     styles[draggingDirection].height = `${tableRect.height}px`;
                 }
-                styles[draggingDirection].backgroundColor = '#adf';
-                styles[draggingDirection].mixBlendMode = 'unset';
+                styles[draggingDirection].backgroundColor = "#adf";
+                styles[draggingDirection].mixBlendMode = "unset";
             }
-            else if (!draggingDirection && hoveredDirection === 'right') {
+            else if (!draggingDirection && hoveredDirection === "right") {
                 const halfZoneWidth = zoneWidth / 2;
                 const highlightWidth = 2;
                 const highlightStart = halfZoneWidth - highlightWidth / 2;
                 styles.right.backgroundColor = `linear-gradient(90deg, transparent ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart}px, ${ACTIVE_RESIZER_COLOR} ${highlightStart + highlightWidth}px, transparent ${highlightStart + highlightWidth}px)`;
-                styles.right.mixBlendMode = 'unset';
+                styles.right.mixBlendMode = "unset";
                 if (tableRect) {
                     styles.right.top = `${window.scrollY + tableRect.top}px`;
                     styles.right.height = `${tableRect.height}px`;
@@ -310,7 +311,7 @@ function TableCellResizer({ editor }) {
         }
     }, [draggingDirection]);
     const resizerStyles = getResizers();
-    return (_jsx("div", { ref: resizerRef, children: activeCell != null && (_jsxs(_Fragment, { children: [_jsx("div", { className: "TableCellResizer__resizer TableCellResizer__ui", style: resizerStyles.right || undefined, onPointerEnter: handlePointerEnter('right'), onPointerLeave: handlePointerLeave, onPointerDown: toggleResize('right') }), _jsx("div", { className: "TableCellResizer__resizer TableCellResizer__ui", style: resizerStyles.bottom || undefined, onPointerDown: toggleResize('bottom') })] })) }));
+    return (_jsx("div", { ref: resizerRef, children: activeCell != null && (_jsxs(_Fragment, { children: [_jsx("div", { className: "TableCellResizer__resizer TableCellResizer__ui", style: resizerStyles.right || undefined, onPointerEnter: handlePointerEnter("right"), onPointerLeave: handlePointerLeave, onPointerDown: toggleResize("right") }), _jsx("div", { className: "TableCellResizer__resizer TableCellResizer__ui", style: resizerStyles.bottom || undefined, onPointerDown: toggleResize("bottom") })] })) }));
 }
 export default function TableCellResizerPlugin() {
     const [editor] = useLexicalComposerContext();

package/build/plugins/TableHoverActionsPlugin/index.d.ts

@@ -1,11 +1,4 @@
-/**
- * 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 * as React from 'react';
+import * as React from "react";
 export default function TableHoverActionsPlugin({ anchorElem, }: {
     anchorElem?: HTMLElement;
 }): React.ReactPortal | null;

package/build/plugins/TableHoverActionsPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4R/B,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAS3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4R/B,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAS3B"}

package/build/plugins/TableHoverActionsPlugin/index.js

@@ -1,13 +1,14 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
-import { $getTableAndElementByKey, $getTableColumnIndexFromTableCellNode, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, getTableElement, TableNode, } from '@lexical/table';
-import { $findMatchingParent, mergeRegister } from '@lexical/utils';
-import { $getNearestNodeFromDOMNode, isHTMLElement, } from 'lexical';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { getThemeSelector } from '../../utils/getThemeSelector';
-import { useDebounce } from '../CodeActionMenuPlugin/utils';
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
+import { $getTableAndElementByKey, $getTableColumnIndexFromTableCellNode, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, getTableElement, TableNode, } from "@lexical/table";
+import { $findMatchingParent, mergeRegister } from "@lexical/utils";
+import { $getNearestNodeFromDOMNode, isHTMLElement, } from "lexical";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { getThemeSelector } from "../../utils/getThemeSelector";
+import { useDebounce } from "../CodeActionMenuPlugin/utils";
 const BUTTON_WIDTH_PX = 20;
 function TableHoverActionsContainer({ anchorElem, }) {
     var _a, _b;
@@ -63,7 +64,7 @@ function TableHoverActionsContainer({ anchorElem, }) {
                 .parentElement;
             let tableHasScroll = false;
             if (parentElement &&
-                parentElement.classList.contains('PlaygroundEditorTheme__tableScrollableWrapper')) {
+                parentElement.classList.contains("PlaygroundEditorTheme__tableScrollableWrapper")) {
                 tableHasScroll =
                     parentElement.scrollWidth > parentElement.clientWidth;
             }
@@ -109,12 +110,12 @@ function TableHoverActionsContainer({ anchorElem, }) {
         if (!shouldListenMouseMove) {
             return;
         }
-        document.addEventListener('mousemove', debouncedOnMouseMove);
+        document.addEventListener("mousemove", debouncedOnMouseMove);
         return () => {
             setShownRow(false);
             setShownColumn(false);
             debouncedOnMouseMove.cancel();
-            document.removeEventListener('mousemove', debouncedOnMouseMove);
+            document.removeEventListener("mousemove", debouncedOnMouseMove);
         };
     }, [shouldListenMouseMove, debouncedOnMouseMove]);
     useEffect(() => {
@@ -123,12 +124,12 @@ function TableHoverActionsContainer({ anchorElem, }) {
                 let resetObserver = false;
                 for (const [key, type] of mutations) {
                     switch (type) {
-                        case 'created': {
+                        case "created": {
                             tableSetRef.current.add(key);
                             resetObserver = true;
                             break;
                         }
-                        case 'destroyed': {
+                        case "destroyed": {
                             tableSetRef.current.delete(key);
                             resetObserver = true;
                             break;
@@ -172,13 +173,13 @@ function TableHoverActionsContainer({ anchorElem, }) {
 }
 function getMouseInfo(event, getTheme) {
     const target = event.target;
-    const tableCellClass = getThemeSelector(getTheme, 'tableCell');
+    const tableCellClass = getThemeSelector(getTheme, "tableCell");
     if (isHTMLElement(target)) {
         const tableDOMNode = target.closest(`td${tableCellClass}, th${tableCellClass}`);
         const isOutside = !(tableDOMNode ||
-            target.closest(`button${getThemeSelector(getTheme, 'tableAddRows')}`) ||
-            target.closest(`button${getThemeSelector(getTheme, 'tableAddColumns')}`) ||
-            target.closest('div.TableCellResizer__resizer'));
+            target.closest(`button${getThemeSelector(getTheme, "tableAddRows")}`) ||
+            target.closest(`button${getThemeSelector(getTheme, "tableAddColumns")}`) ||
+            target.closest("div.TableCellResizer__resizer"));
         return { isOutside, tableDOMNode };
     }
     else {

package/build/plugins/TableHoverActionsV2Plugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableHoverActionsV2Plugin/index.tsx"],"names":[],"mappings":"AASA,OAAO,aAAa,CAAC;AAwcrB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAM3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/TableHoverActionsV2Plugin/index.tsx"],"names":[],"mappings":"AAWA,OAAO,aAAa,CAAC;AAwcrB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAM3B"}

package/build/plugins/TableHoverActionsV2Plugin/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import "./index.css";
 import { autoUpdate, offset, shift, useFloating, } from "@floating-ui/react";

package/build/plugins/TablePlugin.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import { EditorThemeClasses, Klass, LexicalEditor, LexicalNode } from 'lexical';
+import type { JSX } from "react";
+import { EditorThemeClasses, Klass, LexicalEditor, LexicalNode } from "lexical";
 export type InsertTableCommandPayload = Readonly<{
     columns: string;
     rows: string;

package/build/plugins/TablePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/TablePlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAC,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAO9E,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,CAAC;IAC1C,iBAAiB,EAAE,IAAI,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3D,GAAG,EAAE,CACH,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,EACzC,iBAAiB,EAAE,IAAI,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KACvD,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,2CAMtB,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAC,2CAuB/D;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,OAAO,GACR,EAAE;IACD,YAAY,EAAE,aAAa,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAiDd;AAED,wBAAgB,WAAW,CAAC,EAC1B,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAcrB"}
+{"version":3,"file":"TablePlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/TablePlugin.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjC,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOhF,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,CAAC;IAC1C,iBAAiB,EAAE,IAAI,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3D,GAAG,EAAE,CACH,gBAAgB,EAAE,IAAI,GAAG,gBAAgB,EACzC,iBAAiB,EAAE,IAAI,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KACvD,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,2CAMtB,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,2CAwBnE;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,OAAO,GACR,EAAE;IACD,YAAY,EAAE,aAAa,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAiDd;AAED,wBAAgB,WAAW,CAAC,EAC1B,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAcrB"}