@uva-glass/component-library 3.42.1 → 3.42.3

package/dist/TableCellResizerPlugin-D6jjhYoD.js

@@ -1,239 +0,0 @@
-import { jsx as y, jsxs as J, Fragment as Q } from "react/jsx-runtime";
-import { useMemo as F, useState as x, useRef as E, useLayoutEffect as Z, useEffect as _, useCallback as b } from "react";
-import { o as A } from "./LexicalComposerContext.prod-DLlRM5wP.js";
-import { a as ee, R as Y, H as M, P as te, E as ne, h as oe, M as re, c as le } from "./LexicalTable.prod-iqHmKv_G.js";
-import { M as K } from "./LexicalUtils.prod-w0fZ_Z8S.js";
-import { T as W, k as se } from "./Lexical.prod-C1B_JvcI.js";
-import { createPortal as ie } from "react-dom";
-import { TableWrapperNode as ce, $createTableWrapperNode as ue } from "./components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js";
-import './assets/TableCellResizerPlugin.css';const ae = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? Z : _;
-function de(l) {
-  return { initialValueFn: () => l.isEditable(), subscribe: (d) => l.registerEditableListener(d) };
-}
-function fe() {
-  return function(l) {
-    const [d] = A(), p = F(() => l(d), [d, l]), [m, h] = x(() => p.initialValueFn()), w = E(m);
-    return ae(() => {
-      const { initialValueFn: R, subscribe: c } = p, C = R();
-      return w.current !== C && (w.current = C, h(C)), c((z) => {
-        w.current = z, h(z);
-      });
-    }, [p, l]), m;
-  }(de);
-}
-const S = {
-  "table-cell-resizer__resizer": "_table-cell-resizer__resizer_2hhfo_17"
-}, he = 33, $ = 32, B = 2;
-function we({ editor: l }) {
-  const d = E(null), p = E(null), m = E(null), h = E(null), [w, R] = x(null), [c, C] = x(null), [z, T] = x(!1), [a, H] = x(null), v = b(() => {
-    C(null), d.current = null, H(null), h.current = null, m.current = null;
-  }, []), U = (e) => (e.buttons & 1) === 1;
-  _(() => l.registerNodeTransform(ee, (e) => {
-    if (!e.getColWidths()) {
-      const t = e.getChildren(), o = e.getColumnCount(), i = new Array(o).fill(void 0);
-      t[0].getChildren().forEach((n, u) => {
-        const f = l.getElementByKey(n.getKey());
-        f && f.style.width ? (i[u] = parseInt(f.style.width, 10), f.style.width = "") : i[u] = $;
-      }), e.setColWidths(i);
-    }
-    if (e && !(e.getParent() instanceof ce)) {
-      const t = ue();
-      e.replace(t), t.append(e);
-    }
-    return e;
-  }), [l]), _(() => {
-    const e = (s) => {
-      const r = s.target;
-      if (se(r)) {
-        if (a) {
-          R({
-            x: s.clientX,
-            y: s.clientY
-          });
-          return;
-        }
-        if (T(U(s)), !(p.current && p.current.contains(r)) && d.current !== r) {
-          d.current = r;
-          const n = re(r);
-          n && c !== n ? l.getEditorState().read(
-            () => {
-              const u = W(n.elem);
-              if (!u)
-                throw new Error("TableCellResizer: Table cell node not found.");
-              const f = M(u), g = le(f, l.getElementByKey(f.getKey()));
-              if (!g)
-                throw new Error("TableCellResizer: Table element not found.");
-              d.current = r, m.current = g.getBoundingClientRect(), C(n);
-            },
-            { editor: l }
-          ) : n == null && v();
-        }
-      }
-    }, t = () => {
-      T(!0);
-    }, o = () => {
-      T(!1);
-    }, i = l.registerRootListener((s, r) => {
-      r?.removeEventListener("mousemove", e), r?.removeEventListener("mousedown", t), r?.removeEventListener("mouseup", o), s?.addEventListener("mousemove", e), s?.addEventListener("mousedown", t), s?.addEventListener("mouseup", o);
-    });
-    return () => {
-      i();
-    };
-  }, [c, a, l, v]);
-  const L = (e) => e === "bottom", D = b(
-    (e) => {
-      if (!c)
-        throw new Error("TableCellResizer: Expected active cell.");
-      l.update(
-        () => {
-          const t = W(c.elem);
-          if (!Y(t))
-            throw new Error("TableCellResizer: Table cell node not found.");
-          const o = M(t), i = te(t) + t.getRowSpan() - 1, s = o.getChildren();
-          if (i >= s.length || i < 0)
-            throw new Error("Expected table cell to be inside of table row.");
-          const r = s[i];
-          if (!ne(r))
-            throw new Error("Expected table row");
-          let n = r.getHeight();
-          if (n === void 0) {
-            const f = r.getChildren();
-            n = Math.min(...f.map((g) => V(g, l) ?? 1 / 0));
-          }
-          const u = Math.max(n + e, he);
-          r.setHeight(u);
-        },
-        { tag: "skip-scroll-into-view" }
-      );
-    },
-    [c, l]
-  ), V = (e, t) => t.getElementByKey(e.getKey())?.clientHeight, j = (e, t) => {
-    for (let o = 0; o < t.length; o++)
-      for (let i = 0; i < t[o].length; i++)
-        if (t[o][i].cell === e)
-          return i;
-    return -1;
-  }, N = b(
-    (e) => {
-      if (!c)
-        throw new Error("TableCellResizer: Expected active cell.");
-      l.update(
-        () => {
-          const t = W(c.elem);
-          if (!Y(t))
-            throw new Error("TableCellResizer: Table cell node not found.");
-          const o = M(t), [i] = oe(o, null, null), s = j(t, i);
-          if (s === void 0)
-            throw new Error("TableCellResizer: Table column not found.");
-          const r = o.getColWidths();
-          if (!r)
-            return;
-          const n = r[s];
-          if (n === void 0)
-            return;
-          const u = [...r], f = Math.max(n + e, $);
-          if (u[s] = f, o.setColWidths(u), s < o.getColumnCount() - 1) {
-            const g = o.getColWidths();
-            if (!g)
-              return;
-            const k = [...g], X = s + 1, G = g[X], q = Math.max(G - e, $);
-            k[X] = q, o.setColWidths(k);
-          }
-        },
-        { tag: "skip-scroll-into-view" }
-      );
-    },
-    [c, l]
-  ), O = b(
-    (e) => {
-      const t = (o) => {
-        if (o.preventDefault(), o.stopPropagation(), !c)
-          throw new Error("TableCellResizer: Expected active cell.");
-        if (h.current) {
-          const { x: i, y: s } = h.current;
-          if (c === null)
-            return;
-          const r = K(o.target);
-          if (L(e)) {
-            const n = (o.clientY - s) / r;
-            D(n);
-          } else {
-            const n = (o.clientX - i) / r;
-            N(n);
-          }
-          v(), document.removeEventListener("mouseup", t);
-        }
-      };
-      return t;
-    },
-    [c, v, N, D]
-  ), I = b(
-    (e) => (t) => {
-      if (t.preventDefault(), t.stopPropagation(), !c)
-        throw new Error("TableCellResizer: Expected active cell.");
-      h.current = {
-        x: t.clientX,
-        y: t.clientY
-      }, R(h.current), H(e), document.addEventListener("mouseup", O(e));
-    },
-    [c, O]
-  ), P = b(() => {
-    if (c) {
-      const { height: e, width: t, top: o, left: i } = c.elem.getBoundingClientRect(), s = K(c.elem), r = 10, n = {
-        bottom: {
-          backgroundColor: "none",
-          cursor: "ns-resize",
-          height: `${r}px`,
-          left: `${window.pageXOffset + i}px`,
-          top: `${window.pageYOffset + o + e - r / B}px`,
-          width: `${t}px`
-        },
-        right: {
-          backgroundColor: "none",
-          cursor: "ew-resize",
-          height: `${e}px`,
-          left: `${window.pageXOffset + i + t - r / B}px`,
-          top: `${window.pageYOffset + o}px`,
-          width: `${r}px`
-        }
-      }, u = m.current;
-      return a && w && u && (L(a) ? (n[a].left = `${window.pageXOffset + u.left}px`, n[a].top = `${window.pageYOffset + w.y / s}px`, n[a].height = "3px", n[a].width = `${u.width}px`) : (n[a].top = `${window.pageYOffset + u.top}px`, n[a].left = `${window.pageXOffset + w.x / s}px`, n[a].width = "3px", n[a].height = `${u.height}px`), n[a].backgroundColor = "#adf"), n;
-    }
-    return {
-      bottom: null,
-      left: null,
-      right: null,
-      top: null
-    };
-  }, [c, a, w])();
-  return /* @__PURE__ */ y("div", { ref: p, children: c != null && !z && /* @__PURE__ */ J(Q, { children: [
-    /* @__PURE__ */ y(
-      "div",
-      {
-        className: S["table-cell-resizer__resizer"],
-        style: P.right || void 0,
-        onMouseDown: I("right")
-      }
-    ),
-    /* @__PURE__ */ y(
-      "div",
-      {
-        className: S["table-cell-resizer__resizer"],
-        style: P.bottom || void 0,
-        onMouseDown: I("bottom")
-      }
-    )
-  ] }) });
-}
-const ve = () => {
-  const [l] = A(), d = fe();
-  return F(
-    () => d ? ie(/* @__PURE__ */ y(we, { editor: l }), document.body) : null,
-    [l, d]
-  );
-};
-export {
-  ve as T,
-  fe as a
-};
-//# sourceMappingURL=TableCellResizerPlugin-D6jjhYoD.js.map

package/dist/TableCellResizerPlugin-D6jjhYoD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableCellResizerPlugin-D6jjhYoD.js","sources":["../node_modules/@lexical/react/useLexicalEditable.prod.mjs","../src/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.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{useLexicalComposerContext as e}from\"@lexical/react/LexicalComposerContext\";import{useLayoutEffect as n,useEffect as t,useMemo as i,useState as r,useRef as o}from\"react\";const c=\"undefined\"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n:t;function u(e){return{initialValueFn:()=>e.isEditable(),subscribe:n=>e.registerEditableListener(n)}}function a(){return function(n){const[t]=e(),u=i((()=>n(t)),[t,n]),[a,l]=r((()=>u.initialValueFn())),d=o(a);return c((()=>{const{initialValueFn:e,subscribe:n}=u,t=e();return d.current!==t&&(d.current=t,l(t)),n((e=>{d.current=e,l(e)}))}),[u,n]),a}(u)}export{a as useLexicalEditable};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\r\n/**\r\n * Copyright (c) Meta Platforms, Inc. and affiliates.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n * Modified from original to fit project needs wim jurriaans.\r\n *\r\n *\r\n */\r\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable';\r\nimport {\r\n  $computeTableMapSkipCellCheck,\r\n  $getTableNodeFromLexicalNodeOrThrow,\r\n  $getTableRowIndexFromTableCellNode,\r\n  $isTableCellNode,\r\n  $isTableRowNode,\r\n  TableNode,\r\n  getDOMCellFromTarget,\r\n  getTableElement,\r\n} from '@lexical/table';\r\nimport { calculateZoomLevel } from '@lexical/utils';\r\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical';\r\nimport { createPortal } from 'react-dom';\r\n\r\nimport type { LexicalEditor } from 'lexical';\r\nimport type { TableCellNode, TableDOMCell, TableMapType, TableRowNode } from '@lexical/table';\r\nimport type { JSX, MouseEventHandler, ReactPortal } from 'react';\r\n\r\nimport styles from './TableCellResizerPlugin.module.css';\r\n\r\nimport { $createTableWrapperNode, TableWrapperNode } from 'components/RteEditor/nodes';\r\n\r\ntype MousePosition = {\r\n  x: number;\r\n  y: number;\r\n};\r\n\r\ntype MouseDraggingDirection = 'right' | 'bottom';\r\n\r\nconst MIN_ROW_HEIGHT = 33;\r\nconst MIN_COLUMN_WIDTH = 32;\r\nconst HALF = 2;\r\n\r\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\r\n  const targetRef = useRef<HTMLElement | null>(null);\r\n  const resizerRef = useRef<HTMLDivElement | null>(null);\r\n  const tableRectRef = useRef<DOMRect | null>(null);\r\n\r\n  const mouseStartPosRef = useRef<MousePosition | null>(null);\r\n  const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null);\r\n\r\n  const [activeCell, updateActiveCell] = useState<TableDOMCell | null>(null);\r\n  const [isMouseDown, updateIsMouseDown] = useState<boolean>(false);\r\n  const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null);\r\n\r\n  const resetState = useCallback(() => {\r\n    updateActiveCell(null);\r\n    targetRef.current = null;\r\n    updateDraggingDirection(null);\r\n    mouseStartPosRef.current = null;\r\n    tableRectRef.current = null;\r\n  }, []);\r\n\r\n  const isMouseDownOnEvent = (event: MouseEvent) => {\r\n    return (event.buttons & 1) === 1;\r\n  };\r\n\r\n  useEffect(() => {\r\n    return editor.registerNodeTransform(TableNode, (tableNode) => {\r\n      // modification: set default column widths if not defined or table cells of imported tables has the width set\r\n      if (!tableNode.getColWidths()) {\r\n        const tableRows = tableNode.getChildren();\r\n        const columnCount = tableNode.getColumnCount();\r\n        const colWidths = new Array(columnCount).fill(undefined);\r\n\r\n        const firstRow = tableRows[0] as TableRowNode;\r\n        const cells = firstRow.getChildren();\r\n        cells.forEach((cell, colIdx) => {\r\n          const domCell = editor.getElementByKey(cell.getKey());\r\n          if (domCell && domCell.style.width) {\r\n            colWidths[colIdx] = parseInt(domCell.style.width, 10);\r\n            domCell.style.width = '';\r\n          } else {\r\n            colWidths[colIdx] = MIN_COLUMN_WIDTH;\r\n          }\r\n        });\r\n\r\n        tableNode.setColWidths(colWidths);\r\n      }\r\n\r\n      // modification: wrap table node in a wrapper node if there is no wrapper node present\r\n      if (tableNode && !(tableNode.getParent() instanceof TableWrapperNode)) {\r\n        const wrapperNode = $createTableWrapperNode();\r\n        tableNode.replace(wrapperNode);\r\n        wrapperNode.append(tableNode);\r\n      }\r\n\r\n      return tableNode;\r\n    });\r\n  }, [editor]);\r\n\r\n  useEffect(() => {\r\n    const onMouseMove = (event: MouseEvent) => {\r\n      const target = event.target;\r\n      if (!isHTMLElement(target)) {\r\n        return;\r\n      }\r\n\r\n      if (draggingDirection) {\r\n        updateMouseCurrentPos({\r\n          x: event.clientX,\r\n          y: event.clientY,\r\n        });\r\n        return;\r\n      }\r\n      updateIsMouseDown(isMouseDownOnEvent(event));\r\n      if (resizerRef.current && resizerRef.current.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      if (targetRef.current !== target) {\r\n        targetRef.current = target;\r\n        const cell = getDOMCellFromTarget(target);\r\n\r\n        if (cell && activeCell !== cell) {\r\n          editor.getEditorState().read(\r\n            () => {\r\n              const tableCellNode = $getNearestNodeFromDOMNode(cell.elem);\r\n              if (!tableCellNode) {\r\n                throw new Error('TableCellResizer: Table cell node not found.');\r\n              }\r\n\r\n              const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n              const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));\r\n\r\n              if (!tableElement) {\r\n                throw new Error('TableCellResizer: Table element not found.');\r\n              }\r\n\r\n              targetRef.current = target;\r\n              tableRectRef.current = tableElement.getBoundingClientRect();\r\n              updateActiveCell(cell);\r\n            },\r\n            { editor }\r\n          );\r\n        } else if (cell == null) {\r\n          resetState();\r\n        }\r\n      }\r\n    };\r\n\r\n    const onMouseDown = () => {\r\n      updateIsMouseDown(true);\r\n    };\r\n\r\n    const onMouseUp = () => {\r\n      updateIsMouseDown(false);\r\n    };\r\n\r\n    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\r\n      prevRootElement?.removeEventListener('mousemove', onMouseMove);\r\n      prevRootElement?.removeEventListener('mousedown', onMouseDown);\r\n      prevRootElement?.removeEventListener('mouseup', onMouseUp);\r\n      rootElement?.addEventListener('mousemove', onMouseMove);\r\n      rootElement?.addEventListener('mousedown', onMouseDown);\r\n      rootElement?.addEventListener('mouseup', onMouseUp);\r\n    });\r\n\r\n    return () => {\r\n      removeRootListener();\r\n    };\r\n  }, [activeCell, draggingDirection, editor, resetState]);\r\n\r\n  const isHeightChanging = (direction: MouseDraggingDirection) => {\r\n    if (direction === 'bottom') {\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  const updateRowHeight = useCallback(\r\n    (heightChange: number) => {\r\n      if (!activeCell) {\r\n        throw new Error('TableCellResizer: Expected active cell.');\r\n      }\r\n\r\n      editor.update(\r\n        () => {\r\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n          if (!$isTableCellNode(tableCellNode)) {\r\n            throw new Error('TableCellResizer: Table cell node not found.');\r\n          }\r\n\r\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n\r\n          const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1;\r\n\r\n          const tableRows = tableNode.getChildren();\r\n\r\n          if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\r\n            throw new Error('Expected table cell to be inside of table row.');\r\n          }\r\n\r\n          const tableRow = tableRows[tableRowIndex];\r\n\r\n          if (!$isTableRowNode(tableRow)) {\r\n            throw new Error('Expected table row');\r\n          }\r\n\r\n          let height = tableRow.getHeight();\r\n          if (height === undefined) {\r\n            const rowCells = tableRow.getChildren<TableCellNode>();\r\n            height = Math.min(...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity));\r\n          }\r\n\r\n          const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT);\r\n          tableRow.setHeight(newHeight);\r\n        },\r\n        { tag: 'skip-scroll-into-view' }\r\n      );\r\n    },\r\n    [activeCell, editor]\r\n  );\r\n\r\n  const getCellNodeHeight = (cell: TableCellNode, activeEditor: LexicalEditor): number | undefined => {\r\n    const domCellNode = activeEditor.getElementByKey(cell.getKey());\r\n    return domCellNode?.clientHeight;\r\n  };\r\n\r\n  const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\r\n    for (let row = 0; row < tableMap.length; row++) {\r\n      for (let column = 0; column < tableMap[row].length; column++) {\r\n        if (tableMap[row][column].cell === tableCellNode) {\r\n          return column;\r\n        }\r\n      }\r\n    }\r\n    return -1;\r\n  };\r\n\r\n  const updateColumnWidth = useCallback(\r\n    (widthChange: number) => {\r\n      if (!activeCell) {\r\n        throw new Error('TableCellResizer: Expected active cell.');\r\n      }\r\n      editor.update(\r\n        () => {\r\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);\r\n          if (!$isTableCellNode(tableCellNode)) {\r\n            throw new Error('TableCellResizer: Table cell node not found.');\r\n          }\r\n\r\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);\r\n          const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);\r\n          const columnIndex = getCellColumnIndex(tableCellNode, tableMap);\r\n          if (columnIndex === undefined) {\r\n            throw new Error('TableCellResizer: Table column not found.');\r\n          }\r\n\r\n          const colWidths = tableNode.getColWidths();\r\n          if (!colWidths) {\r\n            return;\r\n          }\r\n          const width = colWidths[columnIndex];\r\n          if (width === undefined) {\r\n            return;\r\n          }\r\n          const newColWidths = [...colWidths];\r\n          const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);\r\n          newColWidths[columnIndex] = newWidth;\r\n          tableNode.setColWidths(newColWidths);\r\n\r\n          // modification: when resizing a column, also resize the next column so the table doesn't overflow\r\n          if (columnIndex < tableNode.getColumnCount() - 1) {\r\n            const nextColWidths = tableNode.getColWidths();\r\n            if (!nextColWidths) {\r\n              return;\r\n            }\r\n            const newNextColWidths = [...nextColWidths];\r\n            const newColumnIndex = columnIndex + 1;\r\n            const newNextWidth = nextColWidths[newColumnIndex];\r\n            const nextWidth = Math.max(newNextWidth - widthChange, MIN_COLUMN_WIDTH);\r\n            newNextColWidths[newColumnIndex] = nextWidth;\r\n            tableNode.setColWidths(newNextColWidths);\r\n          }\r\n        },\r\n        { tag: 'skip-scroll-into-view' }\r\n      );\r\n    },\r\n    [activeCell, editor]\r\n  );\r\n\r\n  const mouseUpHandler = useCallback(\r\n    (direction: MouseDraggingDirection) => {\r\n      const handler = (event: MouseEvent) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        if (!activeCell) {\r\n          throw new Error('TableCellResizer: Expected active cell.');\r\n        }\r\n\r\n        if (mouseStartPosRef.current) {\r\n          const { x, y } = mouseStartPosRef.current;\r\n\r\n          if (activeCell === null) {\r\n            return;\r\n          }\r\n          const zoom = calculateZoomLevel(event.target as Element);\r\n\r\n          if (isHeightChanging(direction)) {\r\n            const heightChange = (event.clientY - y) / zoom;\r\n            updateRowHeight(heightChange);\r\n          } else {\r\n            const widthChange = (event.clientX - x) / zoom;\r\n            updateColumnWidth(widthChange);\r\n          }\r\n\r\n          resetState();\r\n          document.removeEventListener('mouseup', handler);\r\n        }\r\n      };\r\n      return handler;\r\n    },\r\n    [activeCell, resetState, updateColumnWidth, updateRowHeight]\r\n  );\r\n\r\n  const toggleResize = useCallback(\r\n    (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\r\n      (event) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        if (!activeCell) {\r\n          throw new Error('TableCellResizer: Expected active cell.');\r\n        }\r\n\r\n        mouseStartPosRef.current = {\r\n          x: event.clientX,\r\n          y: event.clientY,\r\n        };\r\n        updateMouseCurrentPos(mouseStartPosRef.current);\r\n        updateDraggingDirection(direction);\r\n\r\n        document.addEventListener('mouseup', mouseUpHandler(direction));\r\n      },\r\n    [activeCell, mouseUpHandler]\r\n  );\r\n\r\n  const getResizers = useCallback(() => {\r\n    if (activeCell) {\r\n      const { height, width, top, left } = activeCell.elem.getBoundingClientRect();\r\n      const zoom = calculateZoomLevel(activeCell.elem);\r\n      const zoneWidth = 10; // Pixel width of the zone where you can drag the edge\r\n      const styles = {\r\n        bottom: {\r\n          backgroundColor: 'none',\r\n          cursor: 'ns-resize',\r\n          height: `${zoneWidth}px`,\r\n          left: `${window.pageXOffset + left}px`,\r\n          top: `${window.pageYOffset + top + height - zoneWidth / HALF}px`,\r\n          width: `${width}px`,\r\n        },\r\n        right: {\r\n          backgroundColor: 'none',\r\n          cursor: 'ew-resize',\r\n          height: `${height}px`,\r\n          left: `${window.pageXOffset + left + width - zoneWidth / HALF}px`,\r\n          top: `${window.pageYOffset + top}px`,\r\n          width: `${zoneWidth}px`,\r\n        },\r\n      };\r\n\r\n      const tableRect = tableRectRef.current;\r\n\r\n      if (draggingDirection && mouseCurrentPos && tableRect) {\r\n        if (isHeightChanging(draggingDirection)) {\r\n          styles[draggingDirection].left = `${window.pageXOffset + tableRect.left}px`;\r\n          styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`;\r\n          styles[draggingDirection].height = '3px';\r\n          styles[draggingDirection].width = `${tableRect.width}px`;\r\n        } else {\r\n          styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`;\r\n          styles[draggingDirection].left = `${window.pageXOffset + mouseCurrentPos.x / zoom}px`;\r\n          styles[draggingDirection].width = '3px';\r\n          styles[draggingDirection].height = `${tableRect.height}px`;\r\n        }\r\n\r\n        styles[draggingDirection].backgroundColor = '#adf';\r\n      }\r\n\r\n      return styles;\r\n    }\r\n\r\n    return {\r\n      bottom: null,\r\n      left: null,\r\n      right: null,\r\n      top: null,\r\n    };\r\n  }, [activeCell, draggingDirection, mouseCurrentPos]);\r\n\r\n  const resizerStyles = getResizers();\r\n\r\n  return (\r\n    <div ref={resizerRef}>\r\n      {activeCell != null && !isMouseDown && (\r\n        <>\r\n          <div\r\n            className={styles['table-cell-resizer__resizer']}\r\n            style={resizerStyles.right || undefined}\r\n            onMouseDown={toggleResize('right')}\r\n          />\r\n          <div\r\n            className={styles['table-cell-resizer__resizer']}\r\n            style={resizerStyles.bottom || undefined}\r\n            onMouseDown={toggleResize('bottom')}\r\n          />\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const TableCellResizerPlugin = (): null | ReactPortal => {\r\n  const [editor] = useLexicalComposerContext();\r\n  const isEditable = useLexicalEditable();\r\n\r\n  return useMemo(\r\n    () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\r\n    [editor, isEditable]\r\n  );\r\n};\r\n"],"names":["c","n","t","u","e","a","i","l","r","d","o","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","HALF","TableCellResizer","editor","targetRef","useRef","resizerRef","tableRectRef","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","useState","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","useCallback","isMouseDownOnEvent","event","useEffect","TableNode","tableNode","tableRows","columnCount","colWidths","cell","colIdx","domCell","TableWrapperNode","wrapperNode","$createTableWrapperNode","onMouseMove","target","isHTMLElement","getDOMCellFromTarget","tableCellNode","$getNearestNodeFromDOMNode","$getTableNodeFromLexicalNodeOrThrow","tableElement","getTableElement","onMouseDown","onMouseUp","removeRootListener","rootElement","prevRootElement","isHeightChanging","direction","updateRowHeight","heightChange","$isTableCellNode","tableRowIndex","$getTableRowIndexFromTableCellNode","tableRow","$isTableRowNode","height","rowCells","getCellNodeHeight","newHeight","activeEditor","getCellColumnIndex","tableMap","row","column","updateColumnWidth","widthChange","$computeTableMapSkipCellCheck","columnIndex","width","newColWidths","newWidth","nextColWidths","newNextColWidths","newColumnIndex","newNextWidth","nextWidth","mouseUpHandler","handler","x","y","zoom","calculateZoomLevel","toggleResize","resizerStyles","top","left","zoneWidth","styles","tableRect","jsx","jsxs","Fragment","TableCellResizerPlugin","useLexicalComposerContext","isEditable","useLexicalEditable","useMemo","createPortal"],"mappings":"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","x_google_ignoreList":[0]}