@payloadcms/richtext-lexical 3.85.0 → 4.0.0-canary.0

package/dist/features/experimental_table/client/plugins/TablePlugin/TableGridPopup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useRef","useState","React","createPortal","GRID_COLUMNS","GRID_ROWS","ColumnsIcon","_jsxs","fill","height","viewBox","width","xmlns","_jsx","rx","stroke","x","y","RowsIcon","TableGridPopup","anchorElem","editor","_editor","isOpen","onClose","onInsert","position","hoverCol","setHoverCol","hoverRow","setHoverRow","inputCols","setInputCols","inputRows","setInputRows","focusedInput","setFocusedInput","popupRef","colsInputRef","rowsInputRef","effectiveCols","parseInt","effectiveRows","handleKeyDown","e","key","preventDefault","stopPropagation","cols","rows","document","addEventListener","removeEventListener","handleCellClick","col","row","handleCellMouseEnter","handleGridMouseLeave","cells","isInSelection","isHovered","className","push","onClick","onKeyDown","onMouseEnter","role","tabIndex","showTooltip","Fragment","ref","style","transform","left","top","min","onBlur","onChange","target","value","onFocus","placeholder","String","type","onMouseLeave"],"sources":["../../../../../../../src/features/experimental_table/client/plugins/TablePlugin/TableGridPopup/index.tsx"],"sourcesContent":["'use client'\n\nimport type { LexicalEditor } from 'lexical'\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport './index.css'\n\nconst GRID_COLUMNS = 10\nconst GRID_ROWS = 7\n\nfunction ColumnsIcon() {\n  return (\n    <svg fill=\"none\" height=\"12\" viewBox=\"0 0 12 12\" width=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect height=\"9\" rx=\"1\" stroke=\"currentColor\" width=\"3\" x=\"1.5\" y=\"1.5\" />\n      <rect height=\"9\" rx=\"1\" stroke=\"currentColor\" width=\"3\" x=\"7.5\" y=\"1.5\" />\n    </svg>\n  )\n}\n\nfunction RowsIcon() {\n  return (\n    <svg fill=\"none\" height=\"12\" viewBox=\"0 0 12 12\" width=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect height=\"3\" rx=\"1\" stroke=\"currentColor\" width=\"9\" x=\"1.5\" y=\"1.5\" />\n      <rect height=\"3\" rx=\"1\" stroke=\"currentColor\" width=\"9\" x=\"1.5\" y=\"7.5\" />\n    </svg>\n  )\n}\n\ntype TableGridPopupProps = {\n  anchorElem: HTMLElement | null\n  editor: LexicalEditor\n  isOpen: boolean\n  onClose: () => void\n  onInsert: (cols: number, rows: number) => void\n  position: { left: number; top: number } | null\n}\n\nexport function TableGridPopup({\n  anchorElem,\n  editor: _editor,\n  isOpen,\n  onClose,\n  onInsert,\n  position,\n}: TableGridPopupProps) {\n  const [hoverCol, setHoverCol] = useState(0)\n  const [hoverRow, setHoverRow] = useState(0)\n  const [inputCols, setInputCols] = useState('')\n  const [inputRows, setInputRows] = useState('')\n  const [focusedInput, setFocusedInput] = useState<'cols' | 'rows' | null>(null)\n  const popupRef = useRef<HTMLDivElement>(null)\n  const colsInputRef = useRef<HTMLInputElement>(null)\n  const rowsInputRef = useRef<HTMLInputElement>(null)\n\n  const effectiveCols = hoverCol > 0 ? hoverCol : inputCols ? parseInt(inputCols, 10) || 0 : 5\n  const effectiveRows = hoverRow > 0 ? hoverRow : inputRows ? parseInt(inputRows, 10) || 0 : 5\n\n  useEffect(() => {\n    if (!isOpen) {\n      setHoverCol(0)\n      setHoverRow(0)\n      setInputCols('')\n      setInputRows('')\n      setFocusedInput(null)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen) {\n      return\n    }\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        onClose()\n      }\n      if (e.key === 'Enter' && focusedInput) {\n        e.preventDefault()\n        const cols = parseInt(inputCols, 10)\n        const rows = parseInt(inputRows, 10)\n        if (cols > 0 && rows > 0) {\n          onInsert(cols, rows)\n        }\n      }\n    }\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => document.removeEventListener('keydown', handleKeyDown, true)\n  }, [isOpen, onClose, onInsert, focusedInput, inputCols, inputRows])\n\n  const handleCellClick = useCallback(\n    (col: number, row: number) => {\n      if (col > 0 && row > 0) {\n        onInsert(col, row)\n      }\n    },\n    [onInsert],\n  )\n\n  const handleCellMouseEnter = useCallback((col: number, row: number) => {\n    setHoverCol(col)\n    setHoverRow(row)\n  }, [])\n\n  const handleGridMouseLeave = useCallback(() => {\n    setHoverCol(0)\n    setHoverRow(0)\n  }, [])\n\n  if (!isOpen || !position || !anchorElem) {\n    return null\n  }\n\n  const cells: React.ReactNode[] = []\n  for (let row = 1; row <= GRID_ROWS; row++) {\n    for (let col = 1; col <= GRID_COLUMNS; col++) {\n      const isInSelection = col <= effectiveCols && row <= effectiveRows\n      const isHovered = col <= hoverCol && row <= hoverRow\n      let className = 'table-grid-popup__cell'\n      if (isInSelection && isHovered) {\n        className += ' table-grid-popup__cell--hover'\n      } else if (isInSelection) {\n        className += ' table-grid-popup__cell--selected'\n      }\n\n      cells.push(\n        <div\n          aria-label={`${col} columns, ${row} rows`}\n          className={className}\n          key={`${row}-${col}`}\n          onClick={() => handleCellClick(col, row)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              handleCellClick(col, row)\n            }\n          }}\n          onMouseEnter={() => handleCellMouseEnter(col, row)}\n          role=\"button\"\n          tabIndex={-1}\n        />,\n      )\n    }\n  }\n\n  const showTooltip = hoverCol > 0 && hoverRow > 0\n\n  return createPortal(\n    <React.Fragment>\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n      <div className=\"table-grid-popup__backdrop\" onClick={onClose} />\n      <div\n        className=\"table-grid-popup\"\n        ref={popupRef}\n        style={{\n          transform: `translate(${position.left}px, ${position.top}px)`,\n        }}\n      >\n        <div className=\"table-grid-popup__content\">\n          <div className=\"table-grid-popup__header\">\n            <div\n              className={`table-grid-popup__input-group${focusedInput === 'cols' ? ' table-grid-popup__input-group--focused' : ''}`}\n            >\n              <div className=\"table-grid-popup__input-icon\">\n                <ColumnsIcon />\n              </div>\n              <input\n                aria-label=\"Columns\"\n                className=\"table-grid-popup__input\"\n                min={1}\n                onBlur={() => setFocusedInput(null)}\n                onChange={(e) => setInputCols(e.target.value)}\n                onFocus={() => setFocusedInput('cols')}\n                placeholder={hoverCol > 0 ? String(hoverCol) : '5'}\n                ref={colsInputRef}\n                type=\"number\"\n                value={inputCols}\n              />\n            </div>\n            <span className=\"table-grid-popup__separator\">×</span>\n            <div\n              className={`table-grid-popup__input-group${focusedInput === 'rows' ? ' table-grid-popup__input-group--focused' : ''}`}\n            >\n              <div className=\"table-grid-popup__input-icon\">\n                <RowsIcon />\n              </div>\n              <input\n                aria-label=\"Rows\"\n                className=\"table-grid-popup__input\"\n                min={1}\n                onBlur={() => setFocusedInput(null)}\n                onChange={(e) => setInputRows(e.target.value)}\n                onFocus={() => setFocusedInput('rows')}\n                placeholder={hoverRow > 0 ? String(hoverRow) : '5'}\n                ref={rowsInputRef}\n                type=\"number\"\n                value={inputRows}\n              />\n            </div>\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div className=\"table-grid-popup__grid\" onMouseLeave={handleGridMouseLeave}>\n            {cells}\n            {showTooltip && (\n              <div\n                className=\"table-grid-popup__tooltip\"\n                style={{\n                  left: `calc(${((hoverCol - 0.5) / GRID_COLUMNS) * 100}%)`,\n                  top: `calc(${((hoverRow - 1) / GRID_ROWS) * 100}%)`,\n                }}\n              >\n                {effectiveCols} × {effectiveRows}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/experimental_table/client/plugins/TablePlugin/index.css

@@ -0,0 +1,235 @@
+@layer payload-default {
+  .LexicalEditorTheme__tableScrollableWrapper {
+    overflow-x: auto;
+    margin: 0 var(--spacer-4) var(--spacer-5) 0;
+  }
+  .LexicalEditorTheme__tableScrollableWrapper > .LexicalEditorTheme__table {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
+  .LexicalEditorTheme__tableAlignmentCenter {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .LexicalEditorTheme__tableAlignmentRight {
+    margin-left: auto;
+  }
+
+  .LexicalEditorTheme__tableSelection *::selection {
+    background-color: transparent;
+  }
+
+  .LexicalEditorTheme__table {
+    border-collapse: collapse;
+    max-width: 100%;
+    border-spacing: 0;
+    overflow-y: scroll;
+    overflow-x: scroll;
+    table-layout: fixed;
+    width: fit-content;
+    margin-top: var(--spacer-4);
+    margin-bottom: var(--spacer-5);
+
+    ::selection {
+      background: var(--color-bg-selected);
+    }
+
+    br::selection {
+      background: unset;
+    }
+  }
+
+  .LexicalEditorTheme__tableFrozenColumn tr > td:first-child {
+    background-color: var(--color-bg);
+    position: sticky;
+    z-index: 2;
+    left: 0;
+  }
+  .LexicalEditorTheme__tableFrozenColumn tr > th:first-child {
+    background-color: var(--color-bg-secondary);
+    position: sticky;
+    z-index: 2;
+    left: 0;
+  }
+  .LexicalEditorTheme__tableFrozenColumn tr > :first-child::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    height: 100%;
+    border-right: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .LexicalEditorTheme__tableFrozenColumn
+    tr
+    > :first-child.LexicalEditorTheme__tableCellSelected::after {
+    left: 0;
+    top: calc(var(--stroke-width-small) / -1);
+    right: calc(var(--stroke-width-small) / -1);
+    bottom: calc(var(--stroke-width-small) / -1);
+    height: auto;
+  }
+
+  .LexicalEditorTheme__tableRowStriping tr:nth-child(even) {
+    background-color: var(--color-bg-hover);
+  }
+
+  .LexicalEditorTheme__tableSelected {
+    outline: 2px solid var(--color-border-selected);
+  }
+
+  .LexicalEditorTheme__tableCell {
+    border: var(--stroke-width-small) solid var(--color-border);
+    vertical-align: top;
+    text-align: start;
+    padding: var(--spacer-2);
+    position: relative;
+    cursor: default;
+    outline: none;
+  }
+
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__paragraph,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h1,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h2,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h3,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h4,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h5,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__h6,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__quote,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__ol1,
+  .LexicalEditorTheme__tableCell > .LexicalEditorTheme__ul {
+    overflow: inherit;
+    margin-block: 0;
+  }
+
+  .LexicalEditorTheme__tableCellResizer {
+    position: absolute;
+    right: calc(var(--spacer-1) * -1);
+    height: 100%;
+    width: var(--spacer-2);
+    cursor: ew-resize;
+    z-index: 10;
+    top: 0;
+  }
+
+  .LexicalEditorTheme__tableCellHeader {
+    background-color: var(--color-bg-secondary);
+    text-align: start;
+  }
+
+  .LexicalEditorTheme__tableCellSelected {
+    caret-color: transparent;
+  }
+
+  .LexicalEditorTheme__tableCellSelected::after {
+    position: absolute;
+    left: calc(var(--stroke-width-small) / -1);
+    right: calc(var(--stroke-width-small) / -1);
+    bottom: calc(var(--stroke-width-small) / -1);
+    top: calc(var(--stroke-width-small) / -1);
+    background-color: var(--color-bg-selected);
+    border: var(--stroke-width-small) solid var(--color-border-selected);
+    opacity: 0.5;
+    content: '';
+    pointer-events: none;
+  }
+
+  .LexicalEditorTheme__tableCellHeader.LexicalEditorTheme__tableCellSelected::after {
+    background-color: var(--color-bg-selected-hover);
+  }
+
+  .LexicalEditorTheme__tableAddColumns {
+    height: 100%;
+  }
+
+  .LexicalEditorTheme__tableAddColumns,
+  .LexicalEditorTheme__tableAddRows {
+    position: absolute;
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-medium);
+    animation: table-controls 0.2s ease;
+    border: 0;
+    cursor: pointer;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 3C8.27614 3 8.5 3.22386 8.5 3.5V7.5H12.5C12.7761 7.5 13 7.72386 13 8C13 8.27614 12.7761 8.5 12.5 8.5H8.5V12.5C8.5 12.7761 8.27614 13 8 13C7.72386 13 7.5 12.7761 7.5 12.5V8.5H3.5C3.22386 8.5 3 8.27614 3 8C3 7.72386 3.22386 7.5 3.5 7.5H7.5V3.5C7.5 3.22386 7.72386 3 8 3Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: var(--spacer-3) var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__tableAddColumns:hover,
+  .LexicalEditorTheme__tableAddRows:hover {
+    background-color: var(--color-bg-secondary-hover);
+  }
+
+  .LexicalEditorTheme__tableAddRows {
+    width: calc(100% - 25px);
+  }
+
+  @keyframes table-controls {
+    0% {
+      opacity: 0;
+    }
+
+    100% {
+      opacity: 1;
+    }
+  }
+
+  .LexicalEditorTheme__tableCellResizeRuler {
+    display: block;
+    position: absolute;
+    width: var(--stroke-width-small);
+    background-color: var(--color-border-selected);
+    height: 100%;
+    top: 0;
+  }
+
+  .LexicalEditorTheme__tableCellActionButtonContainer {
+    display: block;
+    right: var(--spacer-1);
+    top: var(--spacer-1);
+    position: absolute;
+    z-index: 4;
+    width: var(--spacer-3);
+    height: var(--spacer-3);
+  }
+
+  .LexicalEditorTheme__tableCellActionButton {
+    background-color: var(--color-bg-secondary);
+    display: block;
+    border: 0;
+    border-radius: var(--radius-full);
+    width: var(--spacer-3);
+    height: var(--spacer-3);
+    color: var(--color-text);
+    cursor: pointer;
+  }
+
+  .LexicalEditorTheme__tableCellActionButton:hover {
+    background-color: var(--color-border);
+  }
+
+  html[data-theme='dark'] {
+    .LexicalEditorTheme__tableCellHeader {
+      background-color: var(--color-bg-secondary);
+    }
+
+    .LexicalEditorTheme__tableCellSelected::after {
+      background-color: var(--color-bg-selected);
+      opacity: 0.5;
+    }
+
+    .LexicalEditorTheme__tableAddColumns,
+    .LexicalEditorTheme__tableAddRows {
+      background-color: var(--color-bg-secondary);
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 3C8.27614 3 8.5 3.22386 8.5 3.5V7.5H12.5C12.7761 7.5 13 7.72386 13 8C13 8.27614 12.7761 8.5 12.5 8.5H8.5V12.5C8.5 12.7761 8.27614 13 8 13C7.72386 13 7.5 12.7761 7.5 12.5V8.5H3.5C3.22386 8.5 3 8.27614 3 8C3 7.72386 3.22386 7.5 3.5 7.5H7.5V3.5C7.5 3.22386 7.72386 3 8 3Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E");
+    }
+
+    .LexicalEditorTheme__tableAddColumns:hover,
+    .LexicalEditorTheme__tableAddRows:hover {
+      background-color: var(--color-bg-secondary-hover);
+    }
+  }
+}

package/dist/features/experimental_table/client/plugins/TablePlugin/index.d.ts

@@ -2,7 +2,7 @@ import type { EditorThemeClasses, Klass, LexicalCommand, LexicalEditor, LexicalN
 import type { JSX } from 'react';
 import * as React from 'react';
 import type { PluginComponent } from '../../../../typesClient.js';
-import './index.scss';
+import './index.css';
 export type CellContextShape = {
     cellEditorConfig: CellEditorConfig | null;
     cellEditorPlugins: Array<JSX.Element> | JSX.Element | null;

package/dist/features/experimental_table/client/plugins/TablePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EAEZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAShC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAKjE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1D,GAAG,EAAE,CACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,EACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,KACvD,IAAI,CAAA;CACV,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACzC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B,CAAC,CAAA;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,EAAE,CAExD,CAAA;AAED,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAwBnE;AAED,eAAO,MAAM,WAAW,EAAE,eAuEzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,kBAAkB,EAClB,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EACZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAchC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1D,GAAG,EAAE,CACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,EACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,KACvD,IAAI,CAAA;CACV,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACzC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B,CAAC,CAAA;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,EAAE,CAExD,CAAA;AAED,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAwBnE;AAED,eAAO,MAAM,WAAW,EAAE,eA4HzB,CAAA"}

package/dist/features/experimental_table/client/plugins/TablePlugin/index.js

@@ -1,18 +1,15 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin';
 import { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table';
 import { mergeRegister } from '@lexical/utils';
-import { formatDrawerSlug, useEditDepth } from '@payloadcms/ui';
-import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
-import { createContext, use, useEffect, useMemo, useState } from 'react';
+import { $getSelection, $isRangeSelection, $setSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import * as React from 'react';
-import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
-import { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js';
-import { useLexicalDrawer } from '../../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
+import { TableGridPopup } from './TableGridPopup/index.js';
+import './index.css';
 export const OPEN_TABLE_DRAWER_COMMAND = createCommand('OPEN_EMBED_DRAWER_COMMAND');
 export const CellContext = /*#__PURE__*/createContext({
   cellEditorConfig: null,
@@ -43,110 +40,104 @@ export function TableContext({
   });
 }
 export const TablePlugin = () => {
-  const $ = _c(16);
   const [editor] = useLexicalComposerContext();
   const cellContext = use(CellContext);
-  const editDepth = useEditDepth();
-  const {
-    fieldProps: t0,
-    uuid
-  } = useEditorConfigContext();
-  const {
-    schemaPath
-  } = t0;
-  const t1 = "lexical-table-create-" + uuid;
-  let t2;
-  if ($[0] !== editDepth || $[1] !== t1) {
-    t2 = formatDrawerSlug({
-      slug: t1,
-      depth: editDepth
-    });
-    $[0] = editDepth;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const drawerSlug = t2;
-  const {
-    toggleDrawer
-  } = useLexicalDrawer(drawerSlug, true);
-  let t3;
-  if ($[3] !== editor || $[4] !== toggleDrawer) {
-    t3 = () => {
-      if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {
-        throw new Error("TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor");
+  const [isPopupOpen, setIsPopupOpen] = useState(false);
+  const [popupPosition, setPopupPosition] = useState(null);
+  const selectionRef = useRef(null);
+  const [anchorElem, setAnchorElem] = useState(null);
+  useEffect(() => {
+    const rootElement = editor.getRootElement();
+    if (rootElement) {
+      const editorWrapper = rootElement.closest('.editor') ?? null;
+      setAnchorElem(editorWrapper ?? rootElement.parentElement);
+    }
+  }, [editor]);
+  useEffect(() => {
+    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {
+      throw new Error('TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor');
+    }
+    return mergeRegister(editor.registerCommand(OPEN_TABLE_DRAWER_COMMAND, () => {
+      const anchor = anchorElem;
+      if (!anchor) {
+        return true;
       }
-      return mergeRegister(editor.registerCommand(OPEN_TABLE_DRAWER_COMMAND, () => {
-        let rangeSelection = null;
-        editor.getEditorState().read(() => {
-          const selection = $getSelection();
-          if ($isRangeSelection(selection)) {
-            rangeSelection = selection;
+      const anchorRect = anchor.getBoundingClientRect();
+      let pos = null;
+      editor.getEditorState().read(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          selectionRef.current = selection.clone();
+          const anchorNode = selection.anchor.getNode();
+          const domElem = editor.getElementByKey(anchorNode.getKey());
+          if (domElem) {
+            const elemRect = domElem.getBoundingClientRect();
+            if (elemRect.height > 0) {
+              pos = {
+                left: elemRect.left - anchorRect.left,
+                top: elemRect.bottom - anchorRect.top + 8
+              };
+            }
           }
-        });
-        if (rangeSelection) {
-          toggleDrawer();
         }
-        return true;
-      }, COMMAND_PRIORITY_EDITOR));
-    };
-    $[3] = editor;
-    $[4] = toggleDrawer;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== cellContext || $[7] !== editor || $[8] !== toggleDrawer) {
-    t4 = [cellContext, editor, toggleDrawer];
-    $[6] = cellContext;
-    $[7] = editor;
-    $[8] = toggleDrawer;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[10] !== editor) {
-    t5 = (_fields, data) => {
-      if (!data.columns || !data.rows) {
-        return;
+      });
+      const nativeSelection = window.getSelection();
+      if (nativeSelection && nativeSelection.rangeCount > 0) {
+        const range = nativeSelection.getRangeAt(0);
+        const rangeRect = range.getBoundingClientRect();
+        if (rangeRect.height > 0) {
+          pos = {
+            left: rangeRect.left - anchorRect.left,
+            top: rangeRect.bottom - anchorRect.top + 8
+          };
+        }
+      }
+      // Fallback: position at start of editor
+      if (!pos) {
+        pos = {
+          left: 0,
+          top: 40
+        };
       }
+      setPopupPosition(pos);
+      setIsPopupOpen(true);
+      return true;
+    }, COMMAND_PRIORITY_EDITOR));
+  }, [cellContext, editor, anchorElem]);
+  const handleClose = useCallback(() => {
+    setIsPopupOpen(false);
+  }, []);
+  const handleInsert = useCallback((cols, rows) => {
+    setIsPopupOpen(false);
+    editor.focus();
+    editor.update(() => {
+      if (selectionRef.current) {
+        $setSelection(selectionRef.current.clone());
+      }
+    }, {
+      discrete: true,
+      skipTransforms: true
+    });
+    setTimeout(() => {
       editor.dispatchCommand(INSERT_TABLE_COMMAND, {
-        columns: String(data.columns),
-        rows: String(data.rows)
+        columns: String(cols),
+        rows: String(rows)
       });
-    };
-    $[10] = editor;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== drawerSlug || $[13] !== schemaPath || $[14] !== t5) {
-    t6 = _jsxs(React.Fragment, {
-      children: [_jsx(FieldsDrawer, {
-        drawerSlug,
-        drawerTitle: "Create Table",
-        featureKey: "experimental_table",
-        handleDrawerSubmit: t5,
-        schemaPath,
-        schemaPathSuffix: "fields"
-      }), _jsx(LexicalReactTablePlugin, {
-        hasCellBackgroundColor: false,
-        hasCellMerge: true,
-        hasHorizontalScroll: true
-      })]
-    });
-    $[12] = drawerSlug;
-    $[13] = schemaPath;
-    $[14] = t5;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  return t6;
+    }, 1);
+  }, [editor]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(TableGridPopup, {
+      anchorElem: anchorElem,
+      editor: editor,
+      isOpen: isPopupOpen,
+      onClose: handleClose,
+      onInsert: handleInsert,
+      position: popupPosition
+    }), /*#__PURE__*/_jsx(LexicalReactTablePlugin, {
+      hasCellBackgroundColor: false,
+      hasCellMerge: true,
+      hasHorizontalScroll: true
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map

package/dist/features/experimental_table/client/plugins/TablePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","formatDrawerSlug","useEditDepth","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useEffect","useMemo","useState","React","useEditorConfigContext","FieldsDrawer","useLexicalDrawer","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","_jsx","value","$","editor","cellContext","editDepth","fieldProps","t0","uuid","schemaPath","t1","t2","slug","depth","drawerSlug","toggleDrawer","t3","hasNodes","Error","registerCommand","rangeSelection","getEditorState","read","selection","t4","t5","_fields","data","columns","rows","dispatchCommand","String","t6","_jsxs","Fragment","drawerTitle","featureKey","handleDrawerSubmit","schemaPathSuffix","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n  RangeSelection,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth } from '@payloadcms/ui'\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical'\nimport { createContext, use, useEffect, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDrawer } from '../../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport './index.scss'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const editDepth = useEditDepth()\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: 'lexical-table-create-' + uuid,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          let rangeSelection: null | RangeSelection = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              rangeSelection = selection\n            }\n          })\n\n          if (rangeSelection) {\n            toggleDrawer()\n          }\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, toggleDrawer])\n\n  return (\n    <React.Fragment>\n      <FieldsDrawer\n        drawerSlug={drawerSlug}\n        drawerTitle=\"Create Table\"\n        featureKey=\"experimental_table\"\n        handleDrawerSubmit={(_fields, data) => {\n          if (!data.columns || !data.rows) {\n            return\n          }\n\n          editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n            columns: String(data.columns),\n            rows: String(data.rows),\n          })\n        }}\n        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","$getSelection","$isRangeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useCallback","useEffect","useMemo","useRef","useState","React","TableGridPopup","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","_jsx","value","editor","cellContext","isPopupOpen","setIsPopupOpen","popupPosition","setPopupPosition","selectionRef","anchorElem","setAnchorElem","rootElement","getRootElement","editorWrapper","closest","parentElement","hasNodes","Error","registerCommand","anchor","anchorRect","getBoundingClientRect","pos","getEditorState","read","selection","current","clone","anchorNode","getNode","domElem","getElementByKey","getKey","elemRect","height","left","top","bottom","nativeSelection","window","getSelection","rangeCount","range","getRangeAt","rangeRect","handleClose","handleInsert","cols","rows","focus","update","discrete","skipTransforms","setTimeout","dispatchCommand","columns","String","_jsxs","Fragment","isOpen","onClose","onInsert","position","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  BaseSelection,\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  createCommand,\n} from 'lexical'\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { TableGridPopup } from './TableGridPopup/index.js'\nimport './index.css'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const [isPopupOpen, setIsPopupOpen] = useState(false)\n  const [popupPosition, setPopupPosition] = useState<{ left: number; top: number } | null>(null)\n  const selectionRef = useRef<BaseSelection | null>(null)\n  const [anchorElem, setAnchorElem] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const rootElement = editor.getRootElement()\n    if (rootElement) {\n      const editorWrapper: HTMLElement | null =\n        (rootElement.closest('.editor') as HTMLElement) ?? null\n      setAnchorElem(editorWrapper ?? rootElement.parentElement)\n    }\n  }, [editor])\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          const anchor = anchorElem\n          if (!anchor) {\n            return true\n          }\n\n          const anchorRect = anchor.getBoundingClientRect()\n          let pos: { left: number; top: number } | null = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              selectionRef.current = selection.clone()\n\n              const anchorNode = selection.anchor.getNode()\n              const domElem = editor.getElementByKey(anchorNode.getKey())\n              if (domElem) {\n                const elemRect = domElem.getBoundingClientRect()\n                if (elemRect.height > 0) {\n                  pos = {\n                    left: elemRect.left - anchorRect.left,\n                    top: elemRect.bottom - anchorRect.top + 8,\n                  }\n                }\n              }\n            }\n          })\n\n          const nativeSelection = window.getSelection()\n          if (nativeSelection && nativeSelection.rangeCount > 0) {\n            const range = nativeSelection.getRangeAt(0)\n            const rangeRect = range.getBoundingClientRect()\n            if (rangeRect.height > 0) {\n              pos = {\n                left: rangeRect.left - anchorRect.left,\n                top: rangeRect.bottom - anchorRect.top + 8,\n              }\n            }\n          }\n\n          // Fallback: position at start of editor\n          if (!pos) {\n            pos = { left: 0, top: 40 }\n          }\n\n          setPopupPosition(pos)\n          setIsPopupOpen(true)\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, anchorElem])\n\n  const handleClose = useCallback(() => {\n    setIsPopupOpen(false)\n  }, [])\n\n  const handleInsert = useCallback(\n    (cols: number, rows: number) => {\n      setIsPopupOpen(false)\n      editor.focus()\n      editor.update(\n        () => {\n          if (selectionRef.current) {\n            $setSelection(selectionRef.current.clone())\n          }\n        },\n        { discrete: true, skipTransforms: true },\n      )\n      setTimeout(() => {\n        editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n          columns: String(cols),\n          rows: String(rows),\n        })\n      }, 1)\n    },\n    [editor],\n  )\n\n  return (\n    <React.Fragment>\n      <TableGridPopup\n        anchorElem={anchorElem}\n        editor={editor}\n        isOpen={isPopupOpen}\n        onClose={handleClose}\n        onInsert={handleInsert}\n        position={popupPosition}\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/experimental_table/server/index.d.ts

@@ -1,6 +1,6 @@
 import type { SerializedTableCellNode as _SerializedTableCellNode, SerializedTableNode as _SerializedTableNode, SerializedTableRowNode as _SerializedTableRowNode } from '@lexical/table';
 import type { SerializedLexicalNode } from 'lexical';
-import type { StronglyTypedElementNode } from '../../../nodeTypes.js';
+import type { StronglyTypedElementNode } from '../../../types/nodeTypes.js';
 export type SerializedTableCellNode<T extends SerializedLexicalNode = SerializedLexicalNode> = StronglyTypedElementNode<_SerializedTableCellNode, 'tablecell', T>;
 export type SerializedTableNode<T extends SerializedLexicalNode = SerializedLexicalNode> = StronglyTypedElementNode<_SerializedTableNode, 'table', T>;
 export type SerializedTableRowNode<T extends SerializedLexicalNode = SerializedLexicalNode> = StronglyTypedElementNode<_SerializedTableRowNode, 'tablerow', T>;

package/dist/features/experimental_table/server/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/experimental_table/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,IAAI,wBAAwB,EACnD,mBAAmB,IAAI,oBAAoB,EAC3C,sBAAsB,IAAI,uBAAuB,EAClD,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAMpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAsBrE,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACzF,wBAAwB,CAAC,wBAAwB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;AAEpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrF,wBAAwB,CAAC,oBAAoB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACxF,wBAAwB,CAAC,uBAAuB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;AAClE,eAAO,MAAM,yBAAyB,+FA8IpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/experimental_table/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,IAAI,wBAAwB,EACnD,mBAAmB,IAAI,oBAAoB,EAC3C,sBAAsB,IAAI,uBAAuB,EAClD,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAMpD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAqB3E,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACzF,wBAAwB,CAAC,wBAAwB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;AAEpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACrF,wBAAwB,CAAC,oBAAoB,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,qBAAqB,GAAG,qBAAqB,IACxF,wBAAwB,CAAC,uBAAuB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;AAClE,eAAO,MAAM,yBAAyB,+FAqCpC,CAAA"}