@uva-glass/component-library 3.41.0 → 3.42.0

package/dist/TableCellResizerPlugin-D6jjhYoD.js

@@ -0,0 +1,239 @@
+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

@@ -0,0 +1 @@
+{"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]}

package/dist/TablePlugin-cMMBdz-x.js

@@ -0,0 +1,306 @@
+import { jsxs as c, jsx as e, Fragment as Z } from "react/jsx-runtime";
+import { o as ee } from "./LexicalComposerContext.prod-DLlRM5wP.js";
+import { c as z } from "./clsx-OuTLNxxd.js";
+import { W as te, R as oe, y as re } from "./LexicalTable.prod-iqHmKv_G.js";
+import { as as le, J as ne, P as J, _ as O, y as ie, ah as ae } from "./Lexical.prod-C1B_JvcI.js";
+import { v as se } from "./LexicalUtils.prod-w0fZ_Z8S.js";
+import { forwardRef as V, useState as C, useRef as g, useId as A, useImperativeHandle as K, useEffect as R } from "react";
+import "./components/Accordion/Accordion.js";
+import { Button as I } from "./components/Buttons/Button.js";
+import "./components/Buttons/LinkButton.js";
+import "@react-aria/button";
+import "./components/Checkbox/Checkbox.js";
+import { Label as S } from "./components/Label/Label.js";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { FormField as H } from "./components/FormField/FormField.js";
+import "./components/GridRow/GridRow.js";
+import "./components/IconButton/IconButton.js";
+import "./components/Input/Input.js";
+import { InputField as U } from "./components/InputField/InputField.js";
+import "react-router";
+import { s as L, M as ce } from "./MultiSelectItem-DbOdEllV.js";
+import "./components/RteEditor/Providers/LanguageProvider.js";
+import { e as me, v as de } from "./helpers-BO6Gg9y6.js";
+import { Icon as G } from "./components/Icon/Icon.js";
+import { FeedbackBox as Y } from "./components/FeedbackBox/FeedbackBox.js";
+import { useTranslation as j } from "./components/RteEditor/hooks/useTranslation.js";
+import "./components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
+import "./components/RteEditor/hooks/components/Flyout.js";
+import { PREVENT_OPEN_DELAY as ue, deleteTable as fe, deleteColumn as pe, insertColumn as _e, deleteRow as be, insertRow as he, createTable as ke, getEditorParrentCellWidth as ve, getEditorContentWidth as we, DEFAULT_EDITOR_WIDTH as Fe, DEFAULT_COL_WIDTH as ye } from "./components/RteEditor/Plugins/TablePlugin/helpers.js";
+import { $createTableWrapperNode as Ce } from "./components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js";
+import { useFlyout as Ne } from "./components/RteEditor/hooks/useFlyout.js";
+import { s as M } from "./RteEditor.module-dE9wQTC9.js";
+import "react-dom";
+import "./index-nrPtQ1dv.js";
+import "./components/SelectListbox/SelectListbox.js";
+import "./components/SelectListbox/SelectProvider.js";
+import "./components/Sortable/components/SortableItem.js";
+import "./SortableProvider-l8-7ClBJ.js";
+import { setScrollableContainers as xe, removeScrollableContainers as Te } from "./components/RteEditor/helpers.js";
+import './assets/TablePlugin.css';function ge({ label: b, clearTrigger: u, onClear: a }) {
+  return /* @__PURE__ */ c("header", { className: L["multi-select__header"], children: [
+    /* @__PURE__ */ e(S, { htmlFor: "multi-select-list", children: b }),
+    u && /* @__PURE__ */ e(I, { variant: "blank", onClick: a, children: u })
+  ] });
+}
+const Q = ({ scrollable: b = !0, noBorder: u, header: a, children: o }) => /* @__PURE__ */ c(Z, { children: [
+  a,
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: z(L["multi-select"], {
+        [L["multi-select--no-border"]]: u
+      }),
+      children: /* @__PURE__ */ e(
+        "ul",
+        {
+          className: z(L["multi-select__list"], {
+            [L["multi-select__list--scrollable"]]: b
+          }),
+          id: "multi-select-list",
+          children: o
+        }
+      )
+    }
+  )
+] });
+Q.MultiSelectHeader = ge;
+Q.MultiSelectItem = ce;
+const Ee = "_linkform_ki2qx_1", Re = "_linkform__footer_ki2qx_12", T = {
+  linkform: Ee,
+  "linkform__input-field": "_linkform__input-field_ki2qx_5",
+  linkform__footer: Re,
+  "linkform__input-url-wrapper": "_linkform__input-url-wrapper_ki2qx_19",
+  "linkform__open-url-button": "_linkform__open-url-button_ki2qx_31"
+}, Ft = V(
+  ({ onCloseHandler: b, onSaveHandler: u, isLink: a = { active: !1, url: "", linktext: "" } }, o) => {
+    const l = j(), [f, m] = C(a.url || ""), [s, h] = C(a.linktext || ""), [F, k] = C(!1), [y, v] = C(null), [w, p] = C(null), n = g(null), N = `link_${A()}`, t = `text_${A()}`, r = () => {
+      window.open(me(f), "_blank");
+    }, _ = (i) => {
+      m(i.target.value);
+    }, d = (i) => {
+      h(i.target.value);
+    }, D = (i) => de(i) === !1 || i.trim() === "" ? (v(l.errortext.urlNotValid), !1) : (v(null), !0), W = (i) => i.trim() === "" ? (p(l.errortext.linkTextNotValid), !1) : (p(null), !0), $ = () => {
+      !D(f) || F && !W(s) || (u(f, s), E());
+    }, B = () => {
+      b(), E();
+    }, E = () => {
+      m(""), k(!1), v(null), p(null);
+    }, x = (i, X) => {
+      m(i), !X && !i && k(!0);
+    }, P = () => {
+      n.current && n.current.focus();
+    };
+    return K(o, () => ({
+      clearForm: E,
+      focusFirstField: P,
+      setDefaults: x
+    })), /* @__PURE__ */ c("div", { className: T.linkform, children: [
+      /* @__PURE__ */ c(H, { className: T["linkform__input-field"], children: [
+        /* @__PURE__ */ e(S, { htmlFor: N, children: l.links.linkLabel }),
+        /* @__PURE__ */ c("div", { className: T["linkform__input-url-wrapper"], children: [
+          /* @__PURE__ */ e(
+            U,
+            {
+              id: N,
+              placeholder: l.links.linkPlaceholder,
+              value: f,
+              onChange: (i) => _(i),
+              onFocus: () => v(null),
+              ref: n,
+              "aria-label": l.aria.labels.linkField
+            }
+          ),
+          f && /* @__PURE__ */ e("button", { type: "button", onClick: r, className: T["linkform__open-url-button"], children: /* @__PURE__ */ e(G, { name: "ArrowTopRightOnSquare", size: 20 }) })
+        ] }),
+        y && /* @__PURE__ */ e(Y, { level: "error", feedback: y })
+      ] }),
+      F && /* @__PURE__ */ c(H, { className: T["linkform__input-field"], children: [
+        /* @__PURE__ */ e(S, { htmlFor: t, children: l.links.linkText }),
+        /* @__PURE__ */ e(
+          U,
+          {
+            id: t,
+            value: s,
+            onChange: (i) => d(i),
+            onFocus: () => p(null),
+            "aria-label": l.aria.labels.linkTextfield
+          }
+        ),
+        w && /* @__PURE__ */ e(Y, { level: "error", feedback: w })
+      ] }),
+      /* @__PURE__ */ c("div", { className: T.linkform__footer, children: [
+        /* @__PURE__ */ e(I, { variant: "secondary", onClick: B, "aria-label": l.common.cancel, type: "button", children: l.common.cancel }),
+        /* @__PURE__ */ e(I, { variant: "primary", onClick: $, "aria-label": l.aria.labels.linkOkButton, type: "button", children: l.links.addLink })
+      ] })
+    ] });
+  }
+), Le = "_tableform_t5fpq_1", Ie = "_tableform__footer_t5fpq_12", q = {
+  tableform: Le,
+  "tableform__input-field": "_tableform__input-field_t5fpq_5",
+  tableform__footer: Ie
+}, Se = V(({ onCloseHandler: b, onSaveHandler: u }, a) => {
+  const o = j(), [l, f] = C(), [m, s] = C(), h = g(null), F = `row_${A()}`, k = `column_${A()}`, y = (n, N) => {
+    const t = n.target.value;
+    N === "row" ? f(parseInt(t)) : s(parseInt(t));
+  }, v = () => {
+    l !== void 0 && m !== void 0 && (u(l, m), p());
+  }, w = () => {
+    b(), p();
+  }, p = () => {
+    f(void 0), s(void 0);
+  };
+  return K(a, () => ({
+    clearForm: p,
+    focusFirstField: () => h.current?.focus()
+  })), R(() => {
+    const n = () => {
+      w();
+    };
+    return xe(n), window.addEventListener("scroll", n), window.addEventListener("resize", n), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", n), Te(n);
+    };
+  }, []), /* @__PURE__ */ c("div", { className: q.tableform, children: [
+    /* @__PURE__ */ c(H, { className: q["tableform__input-field"], children: [
+      /* @__PURE__ */ e(S, { htmlFor: F, children: o.table.nrofRows }),
+      /* @__PURE__ */ e(
+        U,
+        {
+          id: F,
+          placeholder: o.table.nrofRowsPlaceholder,
+          value: l || "",
+          onChange: (n) => y(n, "row"),
+          "aria-label": o.aria.labels.tableRowfield,
+          ref: h
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c(H, { className: q["tableform__input-field"], children: [
+      /* @__PURE__ */ e(S, { htmlFor: k, children: o.table.nrofColumns }),
+      /* @__PURE__ */ e(
+        U,
+        {
+          id: k,
+          placeholder: o.table.nrofColumnsPlaceholder,
+          value: m || "",
+          onChange: (n) => y(n, "column"),
+          "aria-label": o.aria.labels.tableColumnfield
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: q.tableform__footer, children: [
+      /* @__PURE__ */ e(I, { variant: "secondary", onClick: w, "aria-label": o.common.cancel, children: o.common.cancel }),
+      /* @__PURE__ */ e(
+        I,
+        {
+          variant: "primary",
+          onClick: v,
+          disabled: !l || !m,
+          "aria-label": o.aria.labels.tableOkButton,
+          children: o.common.add
+        }
+      )
+    ] })
+  ] });
+}), yt = V(({ isActive: b }, u) => {
+  const a = j(), [o] = ee(), { flyout: l, showFlyout: f, hideFlyout: m, isVisible: s } = Ne(), h = g(void 0), F = g(null), k = g(!1), y = g(s), v = () => {
+    const t = F.current?.getBoundingClientRect();
+    !k.current && t && f({ position: { top: t.bottom, left: t.left }, ...N });
+  }, w = () => {
+    m();
+  }, p = (t, r) => {
+    o.update(() => {
+      const _ = J(), d = ke(t, r), D = O(_) && _.anchor.getNode() || ie(_) && _.getNodes()[0] || null, W = D ? se(D, re) : null, $ = W ? ve(W, r, o) : we(o) || Fe, B = Math.max(ye, Math.floor($ / Math.max(1, r))), E = Array.from({ length: r }, () => B);
+      d.setColWidths(E);
+      const x = Ce();
+      x.append(d), O(_) ? _.insertNodes([x]) : ae().append(x);
+      const P = x.getFirstDescendant();
+      P && P.select();
+    }), w();
+  }, n = (t) => {
+    o.update(() => {
+      const r = J();
+      if (O(r)) {
+        const _ = r.anchor.getNode(), d = te(_);
+        if (oe(d))
+          switch (t) {
+            case "insertRowAbove":
+            case "insertRowBelow":
+              he(d, t);
+              break;
+            case "deleteRow":
+              be(d);
+              break;
+            case "insertColumnLeft":
+            case "insertColumnRight":
+              _e(d, t);
+              break;
+            case "deleteColumn":
+              pe(d);
+              break;
+            case "deleteTable":
+              fe(d);
+              break;
+          }
+      }
+    });
+  }, N = {
+    children: /* @__PURE__ */ e(
+      Se,
+      {
+        onCloseHandler: w,
+        onSaveHandler: (t, r) => p(t, r),
+        ref: h
+      }
+    )
+  };
+  return R(() => {
+    s ? (k.current = !0, h.current?.focusFirstField()) : (h.current?.clearForm(), setTimeout(() => k.current = !1, ue));
+  }, [h, s]), R(() => {
+    const t = o.registerCommand(
+      le,
+      (r) => r.ctrlKey && r.shiftKey && r.code === "Digit9" ? (r.preventDefault(), v(), !0) : !1,
+      ne
+    );
+    return () => {
+      t();
+    };
+  }, [o]), R(() => {
+    y.current = s;
+  }, [s]), R(() => {
+    const t = (r) => {
+      r.key === "Escape" && y.current && (r.preventDefault(), r.stopPropagation(), w());
+    };
+    return document.addEventListener("keydown", t, { capture: !0 }), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, []), K(u, () => ({
+    mutateTable: n
+  })), /* @__PURE__ */ e("div", { className: M["editor__toolbar-button-group"], children: /* @__PURE__ */ c("div", { className: M["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: v,
+        title: a.table.tableTooltip,
+        className: z(M["editor__toolbar-button"], b && M["editor__toolbar-button--active"]),
+        "aria-label": a.aria.labels.table,
+        "aria-keyshortcuts": a.aria.keyshortcuts.table,
+        ref: F,
+        type: "button",
+        children: /* @__PURE__ */ e(G, { name: "Table", size: 24 })
+      }
+    ),
+    l
+  ] }) });
+});
+export {
+  Ft as A,
+  Q as M,
+  yt as T,
+  ge as a,
+  Se as b
+};
+//# sourceMappingURL=TablePlugin-cMMBdz-x.js.map