@payloadcms/richtext-lexical 4.0.0-beta.3 → 4.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/dist/exports/client/Field-334JNLRF.js +2 -0
  2. package/dist/exports/client/Field-334JNLRF.js.map +7 -0
  3. package/dist/exports/client/{RelationshipComponent-YCPAKOL7.js → RelationshipComponent-TVK6I4W4.js} +2 -2
  4. package/dist/exports/client/chunk-BEKGION5.js +2 -0
  5. package/dist/exports/client/chunk-BEKGION5.js.map +7 -0
  6. package/dist/exports/client/{chunk-WSAPGI3Z.js → chunk-EA5BHQ2T.js} +1 -1
  7. package/dist/exports/client/{chunk-WSAPGI3Z.js.map → chunk-EA5BHQ2T.js.map} +1 -1
  8. package/dist/exports/client/chunk-FAJJXXCW.js +2 -0
  9. package/dist/exports/client/{chunk-3LRZDIIG.js.map → chunk-FAJJXXCW.js.map} +2 -2
  10. package/dist/exports/client/{chunk-5VIL27GI.js → chunk-IYBYNEKX.js} +1 -1
  11. package/dist/exports/client/{chunk-5VIL27GI.js.map → chunk-IYBYNEKX.js.map} +1 -1
  12. package/dist/exports/client/{chunk-VHUGOQ3X.js → chunk-SE5IITBK.js} +2 -2
  13. package/dist/exports/client/chunk-SE5IITBK.js.map +7 -0
  14. package/dist/exports/client/{component-ELXHSW52.js → component-QENB4QTS.js} +2 -2
  15. package/dist/exports/client/componentInline-AU7IBNY7.js +2 -0
  16. package/dist/exports/client/index.js +27 -27
  17. package/dist/exports/client/index.js.map +3 -3
  18. package/dist/features/align/client/index.js.map +1 -1
  19. package/dist/features/blocks/client/component/BlockContent.js.map +1 -1
  20. package/dist/features/blocks/client/component/components/BlockCollapsible.js.map +1 -1
  21. package/dist/features/blocks/client/component/components/BlockEditButton.js.map +1 -1
  22. package/dist/features/blocks/client/component/components/BlockRemoveButton.js.map +1 -1
  23. package/dist/features/blocks/client/component/index.d.ts.map +1 -1
  24. package/dist/features/blocks/client/component/index.js +3 -2
  25. package/dist/features/blocks/client/component/index.js.map +1 -1
  26. package/dist/features/blocks/client/componentInline/components/InlineBlockContainer.js.map +1 -1
  27. package/dist/features/blocks/client/componentInline/components/InlineBlockEditButton.js.map +1 -1
  28. package/dist/features/blocks/client/componentInline/components/InlineBlockLabel.js.map +1 -1
  29. package/dist/features/blocks/client/componentInline/components/InlineBlockRemoveButton.js.map +1 -1
  30. package/dist/features/blocks/client/componentInline/index.js +2 -2
  31. package/dist/features/blocks/client/componentInline/index.js.map +1 -1
  32. package/dist/features/blocks/client/getCachedFormStateIfDataMatches.js.map +1 -1
  33. package/dist/features/blocks/client/plugin/index.js.map +1 -1
  34. package/dist/features/blocks/premade/CodeBlock/Component/Block.js +121 -78
  35. package/dist/features/blocks/premade/CodeBlock/Component/Block.js.map +1 -1
  36. package/dist/features/blocks/premade/CodeBlock/Component/Code.js +142 -87
  37. package/dist/features/blocks/premade/CodeBlock/Component/Code.js.map +1 -1
  38. package/dist/features/debug/jsxConverter/client/plugin/index.js.map +1 -1
  39. package/dist/features/debug/testRecorder/client/plugin/index.js.map +1 -1
  40. package/dist/features/debug/treeView/client/plugin/index.js.map +1 -1
  41. package/dist/features/heading/client/index.js.map +1 -1
  42. package/dist/features/horizontalRule/client/plugin/index.js.map +1 -1
  43. package/dist/features/indent/client/index.d.ts.map +1 -1
  44. package/dist/features/indent/client/index.js +0 -2
  45. package/dist/features/indent/client/index.js.map +1 -1
  46. package/dist/features/link/client/plugins/autoLink/index.js.map +1 -1
  47. package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.d.ts.map +1 -1
  48. package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js +10 -2
  49. package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js.map +1 -1
  50. package/dist/features/link/client/plugins/link/index.js.map +1 -1
  51. package/dist/features/link/markdownTransformer.js +2 -2
  52. package/dist/features/link/markdownTransformer.js.map +1 -1
  53. package/dist/features/link/server/baseFields.js.map +1 -1
  54. package/dist/features/relationship/client/drawer/index.js.map +1 -1
  55. package/dist/features/relationship/client/plugins/index.js.map +1 -1
  56. package/dist/features/relationship/client/utils/useEnabledRelationships.js.map +1 -1
  57. package/dist/features/table/client/plugins/TableActionMenuPlugin/index.css +1 -1
  58. package/dist/features/table/client/plugins/TableActionMenuPlugin/index.js.map +1 -1
  59. package/dist/features/table/client/plugins/TableCellResizerPlugin/index.js +6 -6
  60. package/dist/features/table/client/plugins/TableCellResizerPlugin/index.js.map +1 -1
  61. package/dist/features/table/client/plugins/TableHoverActionsPlugin/index.js.map +1 -1
  62. package/dist/features/table/client/plugins/TablePlugin/index.js +54 -18
  63. package/dist/features/table/client/plugins/TablePlugin/index.js.map +1 -1
  64. package/dist/features/table/client/utils/useDebounce.js.map +1 -1
  65. package/dist/features/toolbars/fixed/client/Toolbar/horizontalWheelScroll.js.map +1 -1
  66. package/dist/features/toolbars/fixed/client/Toolbar/index.js +126 -70
  67. package/dist/features/toolbars/fixed/client/Toolbar/index.js.map +1 -1
  68. package/dist/features/toolbars/inline/client/Toolbar/index.js +67 -35
  69. package/dist/features/toolbars/inline/client/Toolbar/index.js.map +1 -1
  70. package/dist/features/toolbars/shared/ToolbarButton/index.d.ts.map +1 -1
  71. package/dist/features/toolbars/shared/ToolbarButton/index.js +26 -2
  72. package/dist/features/toolbars/shared/ToolbarButton/index.js.map +1 -1
  73. package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js +137 -72
  74. package/dist/features/toolbars/shared/ToolbarDropdown/DropDown.js.map +1 -1
  75. package/dist/features/toolbars/shared/ToolbarDropdown/index.d.ts.map +1 -1
  76. package/dist/features/toolbars/shared/ToolbarDropdown/index.js +22 -6
  77. package/dist/features/toolbars/shared/ToolbarDropdown/index.js.map +1 -1
  78. package/dist/features/toolbars/shared/useToolbarKeyboardNavigation.js +100 -70
  79. package/dist/features/toolbars/shared/useToolbarKeyboardNavigation.js.map +1 -1
  80. package/dist/features/upload/client/drawer/index.js.map +1 -1
  81. package/dist/features/upload/client/plugin/index.js.map +1 -1
  82. package/dist/field/RenderLexical/index.js.map +1 -1
  83. package/dist/field/ViewSelector.js +12 -4
  84. package/dist/field/ViewSelector.js.map +1 -1
  85. package/dist/field/bundled.css +1 -1
  86. package/dist/field/index.js.map +1 -1
  87. package/dist/i18n.d.ts.map +1 -1
  88. package/dist/i18n.js +44 -0
  89. package/dist/i18n.js.map +1 -1
  90. package/dist/lexical/LexicalEditor.js.map +1 -1
  91. package/dist/lexical/plugins/ClipboardPlugin/index.js.map +1 -1
  92. package/dist/lexical/plugins/DecoratorPlugin/index.js.map +1 -1
  93. package/dist/lexical/plugins/InsertParagraphAtEnd/index.js.map +1 -1
  94. package/dist/lexical/plugins/MarkdownShortcut/index.js.map +1 -1
  95. package/dist/lexical/plugins/NodeViewOverridePlugin/index.js.map +1 -1
  96. package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/LexicalMenu.js +234 -87
  97. package/dist/lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/LexicalMenu.js.map +1 -1
  98. package/dist/lexical/plugins/SlashMenu/useMenuTriggerMatch.js.map +1 -1
  99. package/dist/lexical/plugins/TextPlugin/index.js.map +1 -1
  100. package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.js.map +1 -1
  101. package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.css +16 -0
  102. package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.d.ts.map +1 -1
  103. package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.js +126 -38
  104. package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.js.map +1 -1
  105. package/dist/lexical/plugins/handles/DraggableBlockPlugin/moveBlock.d.ts +7 -0
  106. package/dist/lexical/plugins/handles/DraggableBlockPlugin/moveBlock.d.ts.map +1 -0
  107. package/dist/lexical/plugins/handles/DraggableBlockPlugin/moveBlock.js +15 -0
  108. package/dist/lexical/plugins/handles/DraggableBlockPlugin/moveBlock.js.map +1 -0
  109. package/dist/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.d.ts.map +1 -1
  110. package/dist/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.js +9 -12
  111. package/dist/lexical/plugins/handles/DraggableBlockPlugin/useKeyboardReordering.js.map +1 -1
  112. package/dist/lexical/ui/ContentEditable.js.map +1 -1
  113. package/dist/lexical/utils/nodeFormat.d.ts.map +1 -1
  114. package/dist/lexical/utils/nodeFormat.js +0 -2
  115. package/dist/lexical/utils/nodeFormat.js.map +1 -1
  116. package/dist/lexical/utils/url.d.ts.map +1 -1
  117. package/dist/lexical/utils/url.js +1 -1
  118. package/dist/lexical/utils/url.js.map +1 -1
  119. package/dist/populateGraphQL/populate.js.map +1 -1
  120. package/dist/utilities/fieldsDrawer/Drawer.js +36 -36
  121. package/dist/utilities/fieldsDrawer/Drawer.js.map +1 -1
  122. package/dist/utilities/fieldsDrawer/DrawerContent.d.ts.map +1 -1
  123. package/dist/utilities/fieldsDrawer/DrawerContent.js +5 -3
  124. package/dist/utilities/fieldsDrawer/DrawerContent.js.map +1 -1
  125. package/dist/utilities/fieldsDrawer/useDrawerSubmit.js.map +1 -1
  126. package/dist/utilities/fieldsDrawer/useLexicalDocumentDrawer.js.map +1 -1
  127. package/dist/utilities/fieldsDrawer/useLexicalDrawer.js.map +1 -1
  128. package/dist/utilities/fieldsDrawer/useLexicalListDrawer.js.map +1 -1
  129. package/dist/utilities/initLexicalFeatures.d.ts.map +1 -1
  130. package/dist/utilities/initLexicalFeatures.js +38 -4
  131. package/dist/utilities/initLexicalFeatures.js.map +1 -1
  132. package/dist/utilities/useLexicalFeature.js +15 -6
  133. package/dist/utilities/useLexicalFeature.js.map +1 -1
  134. package/dist/utilities/useRunDeprioritized.js.map +1 -1
  135. package/package.json +12 -15
  136. package/dist/exports/client/Field-W2ABOM7M.js +0 -2
  137. package/dist/exports/client/Field-W2ABOM7M.js.map +0 -7
  138. package/dist/exports/client/chunk-3LRZDIIG.js +0 -2
  139. package/dist/exports/client/chunk-UH7ALTP6.js +0 -2
  140. package/dist/exports/client/chunk-UH7ALTP6.js.map +0 -7
  141. package/dist/exports/client/chunk-VHUGOQ3X.js.map +0 -7
  142. package/dist/exports/client/componentInline-N7HK3HP3.js +0 -2
  143. /package/dist/exports/client/{RelationshipComponent-YCPAKOL7.js.map → RelationshipComponent-TVK6I4W4.js.map} +0 -0
  144. /package/dist/exports/client/{component-ELXHSW52.js.map → component-QENB4QTS.js.map} +0 -0
  145. /package/dist/exports/client/{componentInline-N7HK3HP3.js.map → componentInline-AU7IBNY7.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"useEnabledRelationships.js","names":["c","_c","useConfig","useEntityVisibility","React","useEnabledRelationships","t0","$","enabledCollectionSlugs","config","t1","collections","visibleEntities","t2","t3","t4","t5","slug","includes","enabledCollections","filter","map","_temp"],"sources":["../../../../../src/features/relationship/client/utils/useEnabledRelationships.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype UseEnabledRelationshipsOptions = {\n enabledCollectionSlugs: CollectionSlug[]\n}\n\ntype UseEnabledRelationshipsResult = {\n enabledCollections: ClientCollectionConfig[]\n enabledCollectionSlugs: CollectionSlug[]\n}\n\nexport const useEnabledRelationships = ({\n enabledCollectionSlugs,\n}: UseEnabledRelationshipsOptions): UseEnabledRelationshipsResult => {\n const {\n config: { collections },\n } = useConfig()\n const { visibleEntities } = useEntityVisibility()\n\n return React.useMemo(() => {\n const enabledCollections = collections.filter(\n ({ slug }) =>\n enabledCollectionSlugs.includes(slug) &&\n (!visibleEntities?.collections || visibleEntities.collections.includes(slug)),\n )\n return {\n enabledCollections,\n enabledCollectionSlugs: enabledCollections.map((c) => c.slug),\n }\n }, [collections, enabledCollectionSlugs, visibleEntities])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,mBAAmB,QAAQ;AAC/C,YAAYC,KAAA,MAAW;AAWvB,OAAO,MAAMC,uBAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAEP;EAC/B;IAAAG,MAAA,EAAAC;EAAA,IAEIR,SAAA;EADM;IAAAS;EAAA,IAAAD,EAAe;EAEzB;IAAAE;EAAA,IAA4BT,mBAAA;EAAA,IAAAU,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAC,sBAAA,IAAAD,CAAA,QAAAK,eAAA;IAAA,IAAAG,EAAA;IAAA,IAAAR,CAAA,QAAAC,sBAAA,IAAAD,CAAA,QAAAK,eAAA;MAIxBG,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAQ;QAAA,OACPR,sBAAA,CAAAU,QAAA,CAAgCD,IAAA,MAC/B,CAACL,eAAA,EAAAD,WAAA,IAAgCC,eAAA,CAAAD,WAAA,CAAAO,QAAA,CAAqCD,IAAA,CAAI;MAAA;MAAAV,CAAA,MAAAC,sBAAA;MAAAD,CAAA,MAAAK,eAAA;MAAAL,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAH/E,MAAAY,kBAAA,GAA2BR,WAAA,CAAAS,MAAA,CACzBL,EAE6E;IAG7EI,EAAA,CAAAA,CAAA,CAAAA,kBAAA;IACwBL,EAAA,GAAAK,kBAAA,CAAAE,GAAA,CAAAC,KAAoC;IAAAf,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAC,sBAAA;IAAAD,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAO,EAAA;IAFvDC,EAAA;MAAAI,kBAAA,EACLA,EAAA;MAAAX,sBAAA,EACwBM;IAAoC;IAC9DP,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;IAAAP,CAAA,OAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAHOQ,EAGP;AAAA,CAEJ;AAnBuC,SAAAO,MAAAtB,CAAA;EAAA,OAgBqBA,CAAA,CAAAiB,IAAA;AAAA","ignoreList":[]}
1
+ {"version":3,"file":"useEnabledRelationships.js","names":["c","_c","useConfig","useEntityVisibility","React","useEnabledRelationships","t0","$","enabledCollectionSlugs","config","t1","collections","visibleEntities","t2","t3","t4","t5","slug","includes","enabledCollections","filter","map","_temp"],"sources":["../../../../../src/features/relationship/client/utils/useEnabledRelationships.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\n\nimport { useConfig, useEntityVisibility } from '@payloadcms/ui'\nimport * as React from 'react'\n\ntype UseEnabledRelationshipsOptions = {\n enabledCollectionSlugs: CollectionSlug[]\n}\n\ntype UseEnabledRelationshipsResult = {\n enabledCollections: ClientCollectionConfig[]\n enabledCollectionSlugs: CollectionSlug[]\n}\n\nexport const useEnabledRelationships = ({\n enabledCollectionSlugs,\n}: UseEnabledRelationshipsOptions): UseEnabledRelationshipsResult => {\n const {\n config: { collections },\n } = useConfig()\n const { visibleEntities } = useEntityVisibility()\n\n return React.useMemo(() => {\n const enabledCollections = collections.filter(\n ({ slug }) =>\n enabledCollectionSlugs.includes(slug) &&\n (!visibleEntities?.collections || visibleEntities.collections.includes(slug)),\n )\n return {\n enabledCollections,\n enabledCollectionSlugs: enabledCollections.map((c) => c.slug),\n }\n }, [collections, enabledCollectionSlugs, visibleEntities])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,mBAAmB,QAAQ;AAC/C,YAAYC,KAAA,MAAW;AAWvB,OAAO,MAAMC,uBAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO;EAAA,IAAAF,EAEP;EAC/B;IAAAG,MAAA,EAAAC;EAAA,IAEIR,SAAA;EADM;IAAAS;EAAA,IAAAD,EAAe;EAEzB;IAAAE;EAAA,IAA4BT,mBAAA;EAAA,IAAAU,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAC,sBAAA,IAAAD,CAAA,QAAAK,eAAA;IAAA,IAAAG,EAAA;IAAA,IAAAR,CAAA,QAAAC,sBAAA,IAAAD,CAAA,QAAAK,eAAA;MAIxBG,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAAQ;QAAA,OACPR,sBAAA,CAAAU,QAA+B,CAACD,IAC2C,MAA1E,CAACL,eAAA,EAAAD,WAAyE,IAAzCC,eAAA,CAAAD,WAA2B,CAAAO,QAAS,CAACD,IAAA,CAAI;MAAA;MAAAV,CAAA,MAAAC,sBAAA;MAAAD,CAAA,MAAAK,eAAA;MAAAL,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAH/E,MAAAY,kBAAA,GAA2BR,WAAA,CAAAS,MAAkB,CAC3CL,EAE6E;IAG7EI,EAAA,CAAAA,CAAA,CAAAA,kBAAA;IACwBL,EAAA,GAAAK,kBAAA,CAAAE,GAAsB,CAACC,KAAa;IAAAf,CAAA,MAAAI,WAAA;IAAAJ,CAAA,MAAAC,sBAAA;IAAAD,CAAA,MAAAK,eAAA;IAAAL,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAO,EAAA;IAFvDC,EAAA;MAAAI,kBAAA,EACLA,EAAA;MAAAX,sBAAA,EACwBM;IAC1B;IAAAP,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;IAAAP,CAAA,OAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAA,OAHAQ,EAGA;AAAA,CAEJ;AAnBuC,SAAAO,MAAAtB,CAAA;EAAA,OAgBqBA,CAAA,CAAAiB,IAAM;AAAA","ignoreList":[]}
@@ -57,7 +57,7 @@
57
57
  border: none;
58
58
  height: var(--stroke-width-small);
59
59
  margin: var(--spacer-2) calc(var(--spacer-2) * -1);
60
- background-color: var(--ramp-white-200);
60
+ background-color: var(--color-border-menu-separator);
61
61
  }
62
62
 
63
63
  .item {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMap","$deleteTableColumnAtSelection","$deleteTableRowAtSelection","$getNodeTriplet","$getTableCellNodeFromLexicalNode","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableSelection","$mergeCells","$setTableColumnIsHeader","$setTableRowIsHeader","$unmergeCell","getTableElement","getTableObserverFromTableElement","TableCellHeaderStates","TableCellNode","mergeRegister","useScrollInfo","$getSelection","$isElementNode","$isRangeSelection","$isTextNode","$setSelection","COMMAND_PRIORITY_CRITICAL","getDOMSelection","isDOMNode","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","createPortal","MeatballsIcon","$computeSelectionCount","$canUnmerge","selection","isCollapsed","anchor","is","focus","cell","__colSpan","__rowSpan","$selectLastDescendant","node","lastDescendant","getLastDescendant","select","selectEnd","selectNext","TableActionMenu","cellMerge","contextRef","onClose","setIsMenuOpen","tableCellNode","_tableCellNode","editor","dropDownRef","updateTableCellNode","selectionCounts","updateSelectionCounts","columns","rows","canMergeCells","setCanMergeCells","canUnmergeCell","setCanUnmergeCell","y","registerMutationListener","nodeMutations","nodeUpdated","get","getKey","getEditorState","read","getLatest","skipInitialization","currentSelectionCounts","isCollapsedTableSelection","menuButtonElement","current","dropDownElement","rootElement","getRootElement","rootEleRect","getBoundingClientRect","menuButtonRect","style","opacity","dropDownElementRect","margin","leftPosition","right","width","window","innerWidth","position","left","pageXOffset","topPosition","top","height","innerHeight","bottom","handleClickOutside","event","target","contains","addEventListener","removeEventListener","clearTableSelection","update","isAttached","tableNode","tableElement","getElementByKey","Error","tableObserver","$clearHighlight","markDirty","mergeTableCellsAtSelection","nodes","getNodes","tableCells","filter","targetCell","unmergeTableCellsAtSelection","insertTableRowAtSelection","shouldInsertAfter","i","insertTableColumnAtSelection","deleteTableRowAtSelection","deleteTableAtSelection","remove","deleteTableColumnAtSelection","toggleTableRowIsHeader","rowIndex","isHeader","hasHeaderState","ROW","toggleTableColumnIsHeader","cellMap","COLUMN","startColumn","toggleRowStriping","setRowStriping","getRowStriping","toggleFirstColumnFreeze","setFrozenColumns","getFrozenColumns","mergeCellButton","_jsx","className","onClick","type","_jsxs","e","stopPropagation","ref","Fragment","__headerState","closest","document","body","TableCellActionMenuContainer","anchorElem","menuButtonRef","menuRootRef","isMenuOpen","setTableMenuCellNode","$moveMenu","menu","nativeSelection","_window","activeElement","disable","classList","add","tableCellParentNodeDOM","anchorNode","tableCellNodeFromSelection","getNode","enabled","isSelecting","toggle","tableCellRect","anchorRect","transform","timeoutId","undefined","callback","delayedCallback","setTimeout","registerUpdateListener","registerCommand","registerRootListener","prevRootElement","clearTimeout","prevTableCellDOM","TableActionMenuPlugin","t0","$","isEditable","t1"],"sources":["../../../../../../src/features/table/client/plugins/TableActionMenuPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableObserver } from '@lexical/table'\nimport type { ElementNode } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $computeTableMap,\n $deleteTableColumnAtSelection,\n $deleteTableRowAtSelection,\n $getNodeTriplet,\n $getTableCellNodeFromLexicalNode,\n $getTableNodeFromLexicalNodeOrThrow,\n $getTableRowIndexFromTableCellNode,\n $insertTableColumnAtSelection,\n $insertTableRowAtSelection,\n $isTableCellNode,\n $isTableSelection,\n $mergeCells,\n $setTableColumnIsHeader,\n $setTableRowIsHeader,\n $unmergeCell,\n getTableElement,\n getTableObserverFromTableElement,\n TableCellHeaderStates,\n TableCellNode,\n} from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { useScrollInfo } from '@payloadcms/ui'\nimport {\n $getSelection,\n $isElementNode,\n $isRangeSelection,\n $isTextNode,\n $setSelection,\n COMMAND_PRIORITY_CRITICAL,\n getDOMSelection,\n isDOMNode,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\n\nimport './index.css'\nimport { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js'\nimport { $computeSelectionCount } from './computeSelectionCount.js'\n\nfunction $canUnmerge(): boolean {\n const selection = $getSelection()\n if (\n ($isRangeSelection(selection) && !selection.isCollapsed()) ||\n ($isTableSelection(selection) && !selection.anchor.is(selection.focus)) ||\n (!$isRangeSelection(selection) && !$isTableSelection(selection))\n ) {\n return false\n }\n const [cell] = $getNodeTriplet(selection.anchor)\n return cell.__colSpan > 1 || cell.__rowSpan > 1\n}\n\nfunction $selectLastDescendant(node: ElementNode): void {\n const lastDescendant = node.getLastDescendant()\n if ($isTextNode(lastDescendant)) {\n lastDescendant.select()\n } else if ($isElementNode(lastDescendant)) {\n lastDescendant.selectEnd()\n } else if (lastDescendant !== null) {\n lastDescendant.selectNext()\n }\n}\n\ntype TableCellActionMenuProps = Readonly<{\n cellMerge: boolean\n contextRef: { current: HTMLElement | null }\n onClose: () => void\n setIsMenuOpen: (isOpen: boolean) => void\n tableCellNode: TableCellNode\n}>\n\nfunction TableActionMenu({\n cellMerge,\n contextRef,\n onClose,\n setIsMenuOpen,\n tableCellNode: _tableCellNode,\n}: TableCellActionMenuProps) {\n const [editor] = useLexicalComposerContext()\n const dropDownRef = useRef<HTMLDivElement | null>(null)\n const [tableCellNode, updateTableCellNode] = useState(_tableCellNode)\n const [selectionCounts, updateSelectionCounts] = useState({\n columns: 1,\n rows: 1,\n })\n const [canMergeCells, setCanMergeCells] = useState(false)\n const [canUnmergeCell, setCanUnmergeCell] = useState(false)\n const { y } = useScrollInfo()\n\n useEffect(() => {\n return editor.registerMutationListener(\n TableCellNode,\n (nodeMutations) => {\n const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === 'updated'\n\n if (nodeUpdated) {\n editor.getEditorState().read(() => {\n updateTableCellNode(tableCellNode.getLatest())\n })\n }\n },\n { skipInitialization: true },\n )\n }, [editor, tableCellNode])\n\n useEffect(() => {\n editor.getEditorState().read(() => {\n const selection = $getSelection()\n // Merge cells\n if ($isTableSelection(selection)) {\n const currentSelectionCounts = $computeSelectionCount({ selection })\n updateSelectionCounts(currentSelectionCounts)\n\n const isCollapsedTableSelection = selection.anchor.is(selection.focus)\n setCanMergeCells(\n !isCollapsedTableSelection &&\n (currentSelectionCounts.columns > 1 || currentSelectionCounts.rows > 1),\n )\n }\n // Unmerge cell\n setCanUnmergeCell($canUnmerge())\n })\n }, [editor])\n\n useEffect(() => {\n const menuButtonElement = contextRef.current\n const dropDownElement = dropDownRef.current\n const rootElement = editor.getRootElement()\n\n if (menuButtonElement != null && dropDownElement != null && rootElement != null) {\n const rootEleRect = rootElement.getBoundingClientRect()\n const menuButtonRect = menuButtonElement.getBoundingClientRect()\n dropDownElement.style.opacity = '1'\n const dropDownElementRect = dropDownElement.getBoundingClientRect()\n const margin = 5\n let leftPosition = menuButtonRect.right + margin\n if (\n leftPosition + dropDownElementRect.width > window.innerWidth ||\n leftPosition + dropDownElementRect.width > rootEleRect.right\n ) {\n const position = menuButtonRect.left - dropDownElementRect.width - margin\n leftPosition = (position < 0 ? margin : position) + window.pageXOffset\n }\n dropDownElement.style.left = `${leftPosition + window.pageXOffset}px`\n\n let topPosition = menuButtonRect.top\n if (topPosition + dropDownElementRect.height > window.innerHeight) {\n const position = menuButtonRect.bottom - dropDownElementRect.height\n topPosition = position < 0 ? margin : position\n }\n dropDownElement.style.top = `${topPosition}px`\n }\n }, [contextRef, dropDownRef, editor, y])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (\n dropDownRef.current != null &&\n contextRef.current != null &&\n isDOMNode(event.target) &&\n !dropDownRef.current.contains(event.target) &&\n !contextRef.current.contains(event.target)\n ) {\n setIsMenuOpen(false)\n }\n }\n\n window.addEventListener('click', handleClickOutside)\n\n return () => window.removeEventListener('click', handleClickOutside)\n }, [setIsMenuOpen, contextRef])\n\n const clearTableSelection = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('Expected to find tableElement in DOM')\n }\n\n const tableObserver = getTableObserverFromTableElement(tableElement)\n if (tableObserver !== null) {\n tableObserver.$clearHighlight()\n }\n\n tableNode.markDirty()\n updateTableCellNode(tableCellNode.getLatest())\n }\n\n $setSelection(null)\n })\n }, [editor, tableCellNode])\n\n const mergeTableCellsAtSelection = () => {\n editor.update(() => {\n const selection = $getSelection()\n if (!$isTableSelection(selection)) {\n return\n }\n const nodes = selection.getNodes()\n const tableCells = nodes.filter($isTableCellNode)\n const targetCell = $mergeCells(tableCells)\n\n if (targetCell) {\n $selectLastDescendant(targetCell)\n onClose()\n }\n })\n }\n\n const unmergeTableCellsAtSelection = () => {\n editor.update(() => {\n $unmergeCell()\n })\n clearTableSelection()\n }\n\n const insertTableRowAtSelection = useCallback(\n (shouldInsertAfter: boolean) => {\n editor.update(() => {\n for (let i = 0; i < selectionCounts.rows; i++) {\n $insertTableRowAtSelection(shouldInsertAfter)\n }\n onClose()\n })\n },\n [editor, onClose, selectionCounts.rows],\n )\n\n const insertTableColumnAtSelection = useCallback(\n (shouldInsertAfter: boolean) => {\n editor.update(() => {\n for (let i = 0; i < selectionCounts.columns; i++) {\n $insertTableColumnAtSelection(shouldInsertAfter)\n }\n onClose()\n })\n },\n [editor, onClose, selectionCounts.columns],\n )\n\n const deleteTableRowAtSelection = useCallback(() => {\n editor.update(() => {\n $deleteTableRowAtSelection()\n onClose()\n })\n }, [editor, onClose])\n\n const deleteTableAtSelection = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n tableNode.remove()\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const deleteTableColumnAtSelection = useCallback(() => {\n editor.update(() => {\n $deleteTableColumnAtSelection()\n onClose()\n })\n }, [editor, onClose])\n\n const toggleTableRowIsHeader = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n const rowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n const isHeader = !tableCellNode.hasHeaderState(TableCellHeaderStates.ROW)\n $setTableRowIsHeader(tableNode, rowIndex, isHeader)\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleTableColumnIsHeader = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n // Merged cells can make the grid column differ from the cell's index in its row.\n const [, cellMap] = $computeTableMap(tableNode, tableCellNode, tableCellNode)\n const isHeader = !tableCellNode.hasHeaderState(TableCellHeaderStates.COLUMN)\n $setTableColumnIsHeader(tableNode, cellMap.startColumn, isHeader)\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleRowStriping = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n if (tableNode) {\n tableNode.setRowStriping(!tableNode.getRowStriping())\n }\n }\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleFirstColumnFreeze = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n if (tableNode) {\n tableNode.setFrozenColumns(tableNode.getFrozenColumns() === 0 ? 1 : 0)\n }\n }\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n let mergeCellButton: JSX.Element | null = null\n if (cellMerge) {\n if (canMergeCells) {\n mergeCellButton = (\n <button\n className=\"item\"\n data-test-id=\"table-merge-cells\"\n onClick={() => mergeTableCellsAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Merge cells</span>\n </button>\n )\n } else if (canUnmergeCell) {\n mergeCellButton = (\n <button\n className=\"item\"\n data-test-id=\"table-unmerge-cells\"\n onClick={() => unmergeTableCellsAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Unmerge cells</span>\n </button>\n )\n }\n }\n\n return createPortal(\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n <div\n className=\"table-action-menu-dropdown\"\n onClick={(e) => {\n e.stopPropagation()\n }}\n ref={dropDownRef}\n >\n {mergeCellButton ? (\n <React.Fragment>\n {mergeCellButton}\n <hr />\n </React.Fragment>\n ) : null}\n\n <button\n className=\"item\"\n data-test-id=\"table-row-striping\"\n onClick={() => toggleRowStriping()}\n type=\"button\"\n >\n <span className=\"text\">Toggle row striping</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-freeze-first-column\"\n onClick={() => toggleFirstColumnFreeze()}\n type=\"button\"\n >\n <span className=\"text\">Toggle first column freeze</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-row-above\"\n onClick={() => insertTableRowAtSelection(false)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-row-below\"\n onClick={() => insertTableRowAtSelection(true)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below\n </span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-insert-column-before\"\n onClick={() => insertTableColumnAtSelection(false)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n left\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-column-after\"\n onClick={() => insertTableColumnAtSelection(true)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n right\n </span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-delete-columns\"\n onClick={() => deleteTableColumnAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete column</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-delete-rows\"\n onClick={() => deleteTableRowAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete row</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-delete\"\n onClick={() => deleteTableAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete table</span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-row-header\"\n onClick={() => toggleTableRowIsHeader()}\n type=\"button\"\n >\n <span className=\"text\">\n {(tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW\n ? 'Remove'\n : 'Add'}{' '}\n row header\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-column-header\"\n onClick={() => toggleTableColumnIsHeader()}\n type=\"button\"\n >\n <span className=\"text\">\n {(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===\n TableCellHeaderStates.COLUMN\n ? 'Remove'\n : 'Add'}{' '}\n column header\n </span>\n </button>\n </div>,\n editor.getRootElement()?.closest('dialog, [role=\"dialog\"]') ?? document.body,\n )\n}\n\nfunction TableCellActionMenuContainer({\n anchorElem,\n cellMerge,\n}: {\n anchorElem: HTMLElement\n cellMerge: boolean\n}): JSX.Element {\n const [editor] = useLexicalComposerContext()\n\n const menuButtonRef = useRef<HTMLDivElement | null>(null)\n const menuRootRef = useRef<HTMLButtonElement | null>(null)\n const [isMenuOpen, setIsMenuOpen] = useState(false)\n\n const [tableCellNode, setTableMenuCellNode] = useState<null | TableCellNode>(null)\n\n const $moveMenu = useCallback(() => {\n const menu = menuButtonRef.current\n const selection = $getSelection()\n const nativeSelection = getDOMSelection(editor._window)\n const activeElement = document.activeElement\n function disable() {\n if (menu) {\n menu.classList.remove('table-cell-action-button-container--active')\n menu.classList.add('table-cell-action-button-container--inactive')\n }\n setTableMenuCellNode(null)\n }\n\n if (selection == null || menu == null) {\n return disable()\n }\n\n const rootElement = editor.getRootElement()\n let tableObserver: null | TableObserver = null\n let tableCellParentNodeDOM: HTMLElement | null = null\n\n if (\n $isRangeSelection(selection) &&\n rootElement !== null &&\n nativeSelection !== null &&\n rootElement.contains(nativeSelection.anchorNode)\n ) {\n const tableCellNodeFromSelection = $getTableCellNodeFromLexicalNode(\n selection.anchor.getNode(),\n )\n\n if (tableCellNodeFromSelection == null) {\n return disable()\n }\n\n tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey())\n\n if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {\n return disable()\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNodeFromSelection)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n }\n\n tableObserver = getTableObserverFromTableElement(tableElement)\n setTableMenuCellNode(tableCellNodeFromSelection)\n } else if ($isTableSelection(selection)) {\n const anchorNode = $getTableCellNodeFromLexicalNode(selection.anchor.getNode())\n if (!$isTableCellNode(anchorNode)) {\n throw new Error('TableSelection anchorNode must be a TableCellNode')\n }\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n }\n\n tableObserver = getTableObserverFromTableElement(tableElement)\n tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey())\n } else if (!activeElement) {\n return disable()\n }\n if (tableObserver === null || tableCellParentNodeDOM === null) {\n return disable()\n }\n const enabled = !tableObserver || !tableObserver.isSelecting\n menu.classList.toggle('table-cell-action-button-container--active', enabled)\n menu.classList.toggle('table-cell-action-button-container--inactive', !enabled)\n if (enabled) {\n const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect()\n const anchorRect = anchorElem.getBoundingClientRect()\n const top = tableCellRect.top - anchorRect.top\n const left = tableCellRect.right - anchorRect.left\n menu.style.transform = `translate(${left}px, ${top}px)`\n }\n }, [editor, anchorElem])\n\n useEffect(() => {\n // We call the $moveMenu callback every time the selection changes,\n // once up front, and once after each pointerup\n let timeoutId: ReturnType<typeof setTimeout> | undefined = undefined\n const callback = () => {\n timeoutId = undefined\n editor.getEditorState().read($moveMenu)\n }\n const delayedCallback = () => {\n if (timeoutId === undefined) {\n timeoutId = setTimeout(callback, 0)\n }\n return false\n }\n return mergeRegister(\n editor.registerUpdateListener(delayedCallback),\n editor.registerCommand(SELECTION_CHANGE_COMMAND, delayedCallback, COMMAND_PRIORITY_CRITICAL),\n editor.registerRootListener((rootElement, prevRootElement) => {\n if (prevRootElement) {\n prevRootElement.removeEventListener('pointerup', delayedCallback)\n }\n if (rootElement) {\n rootElement.addEventListener('pointerup', delayedCallback)\n delayedCallback()\n }\n }),\n () => clearTimeout(timeoutId),\n )\n })\n\n const prevTableCellDOM = useRef(tableCellNode)\n\n useEffect(() => {\n if (prevTableCellDOM.current !== tableCellNode) {\n setIsMenuOpen(false)\n }\n\n prevTableCellDOM.current = tableCellNode\n }, [prevTableCellDOM, tableCellNode])\n\n return (\n <div className=\"table-cell-action-button-container\" ref={menuButtonRef}>\n {tableCellNode != null && (\n <React.Fragment>\n <button\n className=\"table-cell-action-button\"\n onClick={(e) => {\n e.stopPropagation()\n setIsMenuOpen(!isMenuOpen)\n }}\n ref={menuRootRef}\n type=\"button\"\n >\n <MeatballsIcon />\n </button>\n {isMenuOpen && (\n <TableActionMenu\n cellMerge={cellMerge}\n contextRef={menuRootRef}\n onClose={() => setIsMenuOpen(false)}\n setIsMenuOpen={setIsMenuOpen}\n tableCellNode={tableCellNode}\n />\n )}\n </React.Fragment>\n )}\n </div>\n )\n}\n\nexport const TableActionMenuPlugin: PluginComponentWithAnchor = ({ anchorElem }) => {\n const isEditable = useLexicalEditable()\n return createPortal(\n isEditable ? (\n <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge />\n ) : null,\n anchorElem ?? document.body,\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMap","$deleteTableColumnAtSelection","$deleteTableRowAtSelection","$getNodeTriplet","$getTableCellNodeFromLexicalNode","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableSelection","$mergeCells","$setTableColumnIsHeader","$setTableRowIsHeader","$unmergeCell","getTableElement","getTableObserverFromTableElement","TableCellHeaderStates","TableCellNode","mergeRegister","useScrollInfo","$getSelection","$isElementNode","$isRangeSelection","$isTextNode","$setSelection","COMMAND_PRIORITY_CRITICAL","getDOMSelection","isDOMNode","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","createPortal","MeatballsIcon","$computeSelectionCount","$canUnmerge","selection","isCollapsed","anchor","is","focus","cell","__colSpan","__rowSpan","$selectLastDescendant","node","lastDescendant","getLastDescendant","select","selectEnd","selectNext","TableActionMenu","cellMerge","contextRef","onClose","setIsMenuOpen","tableCellNode","_tableCellNode","editor","dropDownRef","updateTableCellNode","selectionCounts","updateSelectionCounts","columns","rows","canMergeCells","setCanMergeCells","canUnmergeCell","setCanUnmergeCell","y","registerMutationListener","nodeMutations","nodeUpdated","get","getKey","getEditorState","read","getLatest","skipInitialization","currentSelectionCounts","isCollapsedTableSelection","menuButtonElement","current","dropDownElement","rootElement","getRootElement","rootEleRect","getBoundingClientRect","menuButtonRect","style","opacity","dropDownElementRect","margin","leftPosition","right","width","window","innerWidth","position","left","pageXOffset","topPosition","top","height","innerHeight","bottom","handleClickOutside","event","target","contains","addEventListener","removeEventListener","clearTableSelection","update","isAttached","tableNode","tableElement","getElementByKey","Error","tableObserver","$clearHighlight","markDirty","mergeTableCellsAtSelection","nodes","getNodes","tableCells","filter","targetCell","unmergeTableCellsAtSelection","insertTableRowAtSelection","shouldInsertAfter","i","insertTableColumnAtSelection","deleteTableRowAtSelection","deleteTableAtSelection","remove","deleteTableColumnAtSelection","toggleTableRowIsHeader","rowIndex","isHeader","hasHeaderState","ROW","toggleTableColumnIsHeader","cellMap","COLUMN","startColumn","toggleRowStriping","setRowStriping","getRowStriping","toggleFirstColumnFreeze","setFrozenColumns","getFrozenColumns","mergeCellButton","_jsx","className","onClick","type","_jsxs","e","stopPropagation","ref","Fragment","__headerState","closest","document","body","TableCellActionMenuContainer","anchorElem","menuButtonRef","menuRootRef","isMenuOpen","setTableMenuCellNode","$moveMenu","menu","nativeSelection","_window","activeElement","disable","classList","add","tableCellParentNodeDOM","anchorNode","tableCellNodeFromSelection","getNode","enabled","isSelecting","toggle","tableCellRect","anchorRect","transform","timeoutId","undefined","callback","delayedCallback","setTimeout","registerUpdateListener","registerCommand","registerRootListener","prevRootElement","clearTimeout","prevTableCellDOM","TableActionMenuPlugin","t0","$","isEditable","t1"],"sources":["../../../../../../src/features/table/client/plugins/TableActionMenuPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableObserver } from '@lexical/table'\nimport type { ElementNode } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $computeTableMap,\n $deleteTableColumnAtSelection,\n $deleteTableRowAtSelection,\n $getNodeTriplet,\n $getTableCellNodeFromLexicalNode,\n $getTableNodeFromLexicalNodeOrThrow,\n $getTableRowIndexFromTableCellNode,\n $insertTableColumnAtSelection,\n $insertTableRowAtSelection,\n $isTableCellNode,\n $isTableSelection,\n $mergeCells,\n $setTableColumnIsHeader,\n $setTableRowIsHeader,\n $unmergeCell,\n getTableElement,\n getTableObserverFromTableElement,\n TableCellHeaderStates,\n TableCellNode,\n} from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { useScrollInfo } from '@payloadcms/ui'\nimport {\n $getSelection,\n $isElementNode,\n $isRangeSelection,\n $isTextNode,\n $setSelection,\n COMMAND_PRIORITY_CRITICAL,\n getDOMSelection,\n isDOMNode,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../../typesClient.js'\n\nimport './index.css'\nimport { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js'\nimport { $computeSelectionCount } from './computeSelectionCount.js'\n\nfunction $canUnmerge(): boolean {\n const selection = $getSelection()\n if (\n ($isRangeSelection(selection) && !selection.isCollapsed()) ||\n ($isTableSelection(selection) && !selection.anchor.is(selection.focus)) ||\n (!$isRangeSelection(selection) && !$isTableSelection(selection))\n ) {\n return false\n }\n const [cell] = $getNodeTriplet(selection.anchor)\n return cell.__colSpan > 1 || cell.__rowSpan > 1\n}\n\nfunction $selectLastDescendant(node: ElementNode): void {\n const lastDescendant = node.getLastDescendant()\n if ($isTextNode(lastDescendant)) {\n lastDescendant.select()\n } else if ($isElementNode(lastDescendant)) {\n lastDescendant.selectEnd()\n } else if (lastDescendant !== null) {\n lastDescendant.selectNext()\n }\n}\n\ntype TableCellActionMenuProps = Readonly<{\n cellMerge: boolean\n contextRef: { current: HTMLElement | null }\n onClose: () => void\n setIsMenuOpen: (isOpen: boolean) => void\n tableCellNode: TableCellNode\n}>\n\nfunction TableActionMenu({\n cellMerge,\n contextRef,\n onClose,\n setIsMenuOpen,\n tableCellNode: _tableCellNode,\n}: TableCellActionMenuProps) {\n const [editor] = useLexicalComposerContext()\n const dropDownRef = useRef<HTMLDivElement | null>(null)\n const [tableCellNode, updateTableCellNode] = useState(_tableCellNode)\n const [selectionCounts, updateSelectionCounts] = useState({\n columns: 1,\n rows: 1,\n })\n const [canMergeCells, setCanMergeCells] = useState(false)\n const [canUnmergeCell, setCanUnmergeCell] = useState(false)\n const { y } = useScrollInfo()\n\n useEffect(() => {\n return editor.registerMutationListener(\n TableCellNode,\n (nodeMutations) => {\n const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === 'updated'\n\n if (nodeUpdated) {\n editor.getEditorState().read(() => {\n updateTableCellNode(tableCellNode.getLatest())\n })\n }\n },\n { skipInitialization: true },\n )\n }, [editor, tableCellNode])\n\n useEffect(() => {\n editor.getEditorState().read(() => {\n const selection = $getSelection()\n // Merge cells\n if ($isTableSelection(selection)) {\n const currentSelectionCounts = $computeSelectionCount({ selection })\n updateSelectionCounts(currentSelectionCounts)\n\n const isCollapsedTableSelection = selection.anchor.is(selection.focus)\n setCanMergeCells(\n !isCollapsedTableSelection &&\n (currentSelectionCounts.columns > 1 || currentSelectionCounts.rows > 1),\n )\n }\n // Unmerge cell\n setCanUnmergeCell($canUnmerge())\n })\n }, [editor])\n\n useEffect(() => {\n const menuButtonElement = contextRef.current\n const dropDownElement = dropDownRef.current\n const rootElement = editor.getRootElement()\n\n if (menuButtonElement != null && dropDownElement != null && rootElement != null) {\n const rootEleRect = rootElement.getBoundingClientRect()\n const menuButtonRect = menuButtonElement.getBoundingClientRect()\n dropDownElement.style.opacity = '1'\n const dropDownElementRect = dropDownElement.getBoundingClientRect()\n const margin = 5\n let leftPosition = menuButtonRect.right + margin\n if (\n leftPosition + dropDownElementRect.width > window.innerWidth ||\n leftPosition + dropDownElementRect.width > rootEleRect.right\n ) {\n const position = menuButtonRect.left - dropDownElementRect.width - margin\n leftPosition = (position < 0 ? margin : position) + window.pageXOffset\n }\n dropDownElement.style.left = `${leftPosition + window.pageXOffset}px`\n\n let topPosition = menuButtonRect.top\n if (topPosition + dropDownElementRect.height > window.innerHeight) {\n const position = menuButtonRect.bottom - dropDownElementRect.height\n topPosition = position < 0 ? margin : position\n }\n dropDownElement.style.top = `${topPosition}px`\n }\n }, [contextRef, dropDownRef, editor, y])\n\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (\n dropDownRef.current != null &&\n contextRef.current != null &&\n isDOMNode(event.target) &&\n !dropDownRef.current.contains(event.target) &&\n !contextRef.current.contains(event.target)\n ) {\n setIsMenuOpen(false)\n }\n }\n\n window.addEventListener('click', handleClickOutside)\n\n return () => window.removeEventListener('click', handleClickOutside)\n }, [setIsMenuOpen, contextRef])\n\n const clearTableSelection = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('Expected to find tableElement in DOM')\n }\n\n const tableObserver = getTableObserverFromTableElement(tableElement)\n if (tableObserver !== null) {\n tableObserver.$clearHighlight()\n }\n\n tableNode.markDirty()\n updateTableCellNode(tableCellNode.getLatest())\n }\n\n $setSelection(null)\n })\n }, [editor, tableCellNode])\n\n const mergeTableCellsAtSelection = () => {\n editor.update(() => {\n const selection = $getSelection()\n if (!$isTableSelection(selection)) {\n return\n }\n const nodes = selection.getNodes()\n const tableCells = nodes.filter($isTableCellNode)\n const targetCell = $mergeCells(tableCells)\n\n if (targetCell) {\n $selectLastDescendant(targetCell)\n onClose()\n }\n })\n }\n\n const unmergeTableCellsAtSelection = () => {\n editor.update(() => {\n $unmergeCell()\n })\n clearTableSelection()\n }\n\n const insertTableRowAtSelection = useCallback(\n (shouldInsertAfter: boolean) => {\n editor.update(() => {\n for (let i = 0; i < selectionCounts.rows; i++) {\n $insertTableRowAtSelection(shouldInsertAfter)\n }\n onClose()\n })\n },\n [editor, onClose, selectionCounts.rows],\n )\n\n const insertTableColumnAtSelection = useCallback(\n (shouldInsertAfter: boolean) => {\n editor.update(() => {\n for (let i = 0; i < selectionCounts.columns; i++) {\n $insertTableColumnAtSelection(shouldInsertAfter)\n }\n onClose()\n })\n },\n [editor, onClose, selectionCounts.columns],\n )\n\n const deleteTableRowAtSelection = useCallback(() => {\n editor.update(() => {\n $deleteTableRowAtSelection()\n onClose()\n })\n }, [editor, onClose])\n\n const deleteTableAtSelection = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n tableNode.remove()\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const deleteTableColumnAtSelection = useCallback(() => {\n editor.update(() => {\n $deleteTableColumnAtSelection()\n onClose()\n })\n }, [editor, onClose])\n\n const toggleTableRowIsHeader = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n const rowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n const isHeader = !tableCellNode.hasHeaderState(TableCellHeaderStates.ROW)\n $setTableRowIsHeader(tableNode, rowIndex, isHeader)\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleTableColumnIsHeader = useCallback(() => {\n editor.update(() => {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n // Merged cells can make the grid column differ from the cell's index in its row.\n const [, cellMap] = $computeTableMap(tableNode, tableCellNode, tableCellNode)\n const isHeader = !tableCellNode.hasHeaderState(TableCellHeaderStates.COLUMN)\n $setTableColumnIsHeader(tableNode, cellMap.startColumn, isHeader)\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleRowStriping = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n if (tableNode) {\n tableNode.setRowStriping(!tableNode.getRowStriping())\n }\n }\n\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n const toggleFirstColumnFreeze = useCallback(() => {\n editor.update(() => {\n if (tableCellNode.isAttached()) {\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n if (tableNode) {\n tableNode.setFrozenColumns(tableNode.getFrozenColumns() === 0 ? 1 : 0)\n }\n }\n clearTableSelection()\n onClose()\n })\n }, [editor, tableCellNode, clearTableSelection, onClose])\n\n let mergeCellButton: JSX.Element | null = null\n if (cellMerge) {\n if (canMergeCells) {\n mergeCellButton = (\n <button\n className=\"item\"\n data-test-id=\"table-merge-cells\"\n onClick={() => mergeTableCellsAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Merge cells</span>\n </button>\n )\n } else if (canUnmergeCell) {\n mergeCellButton = (\n <button\n className=\"item\"\n data-test-id=\"table-unmerge-cells\"\n onClick={() => unmergeTableCellsAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Unmerge cells</span>\n </button>\n )\n }\n }\n\n return createPortal(\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n <div\n className=\"table-action-menu-dropdown\"\n onClick={(e) => {\n e.stopPropagation()\n }}\n ref={dropDownRef}\n >\n {mergeCellButton ? (\n <React.Fragment>\n {mergeCellButton}\n <hr />\n </React.Fragment>\n ) : null}\n\n <button\n className=\"item\"\n data-test-id=\"table-row-striping\"\n onClick={() => toggleRowStriping()}\n type=\"button\"\n >\n <span className=\"text\">Toggle row striping</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-freeze-first-column\"\n onClick={() => toggleFirstColumnFreeze()}\n type=\"button\"\n >\n <span className=\"text\">Toggle first column freeze</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-row-above\"\n onClick={() => insertTableRowAtSelection(false)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-row-below\"\n onClick={() => insertTableRowAtSelection(true)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below\n </span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-insert-column-before\"\n onClick={() => insertTableColumnAtSelection(false)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n left\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-insert-column-after\"\n onClick={() => insertTableColumnAtSelection(true)}\n type=\"button\"\n >\n <span className=\"text\">\n Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}\n right\n </span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-delete-columns\"\n onClick={() => deleteTableColumnAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete column</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-delete-rows\"\n onClick={() => deleteTableRowAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete row</span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-delete\"\n onClick={() => deleteTableAtSelection()}\n type=\"button\"\n >\n <span className=\"text\">Delete table</span>\n </button>\n <hr />\n <button\n className=\"item\"\n data-test-id=\"table-row-header\"\n onClick={() => toggleTableRowIsHeader()}\n type=\"button\"\n >\n <span className=\"text\">\n {(tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW\n ? 'Remove'\n : 'Add'}{' '}\n row header\n </span>\n </button>\n <button\n className=\"item\"\n data-test-id=\"table-column-header\"\n onClick={() => toggleTableColumnIsHeader()}\n type=\"button\"\n >\n <span className=\"text\">\n {(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) ===\n TableCellHeaderStates.COLUMN\n ? 'Remove'\n : 'Add'}{' '}\n column header\n </span>\n </button>\n </div>,\n editor.getRootElement()?.closest('dialog, [role=\"dialog\"]') ?? document.body,\n )\n}\n\nfunction TableCellActionMenuContainer({\n anchorElem,\n cellMerge,\n}: {\n anchorElem: HTMLElement\n cellMerge: boolean\n}): JSX.Element {\n const [editor] = useLexicalComposerContext()\n\n const menuButtonRef = useRef<HTMLDivElement | null>(null)\n const menuRootRef = useRef<HTMLButtonElement | null>(null)\n const [isMenuOpen, setIsMenuOpen] = useState(false)\n\n const [tableCellNode, setTableMenuCellNode] = useState<null | TableCellNode>(null)\n\n const $moveMenu = useCallback(() => {\n const menu = menuButtonRef.current\n const selection = $getSelection()\n const nativeSelection = getDOMSelection(editor._window)\n const activeElement = document.activeElement\n function disable() {\n if (menu) {\n menu.classList.remove('table-cell-action-button-container--active')\n menu.classList.add('table-cell-action-button-container--inactive')\n }\n setTableMenuCellNode(null)\n }\n\n if (selection == null || menu == null) {\n return disable()\n }\n\n const rootElement = editor.getRootElement()\n let tableObserver: null | TableObserver = null\n let tableCellParentNodeDOM: HTMLElement | null = null\n\n if (\n $isRangeSelection(selection) &&\n rootElement !== null &&\n nativeSelection !== null &&\n rootElement.contains(nativeSelection.anchorNode)\n ) {\n const tableCellNodeFromSelection = $getTableCellNodeFromLexicalNode(\n selection.anchor.getNode(),\n )\n\n if (tableCellNodeFromSelection == null) {\n return disable()\n }\n\n tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey())\n\n if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {\n return disable()\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNodeFromSelection)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n }\n\n tableObserver = getTableObserverFromTableElement(tableElement)\n setTableMenuCellNode(tableCellNodeFromSelection)\n } else if ($isTableSelection(selection)) {\n const anchorNode = $getTableCellNodeFromLexicalNode(selection.anchor.getNode())\n if (!$isTableCellNode(anchorNode)) {\n throw new Error('TableSelection anchorNode must be a TableCellNode')\n }\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(anchorNode)\n const tableElement = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()))\n\n if (tableElement === null) {\n throw new Error('TableActionMenu: Expected to find tableElement in DOM')\n }\n\n tableObserver = getTableObserverFromTableElement(tableElement)\n tableCellParentNodeDOM = editor.getElementByKey(anchorNode.getKey())\n } else if (!activeElement) {\n return disable()\n }\n if (tableObserver === null || tableCellParentNodeDOM === null) {\n return disable()\n }\n const enabled = !tableObserver || !tableObserver.isSelecting\n menu.classList.toggle('table-cell-action-button-container--active', enabled)\n menu.classList.toggle('table-cell-action-button-container--inactive', !enabled)\n if (enabled) {\n const tableCellRect = tableCellParentNodeDOM.getBoundingClientRect()\n const anchorRect = anchorElem.getBoundingClientRect()\n const top = tableCellRect.top - anchorRect.top\n const left = tableCellRect.right - anchorRect.left\n menu.style.transform = `translate(${left}px, ${top}px)`\n }\n }, [editor, anchorElem])\n\n useEffect(() => {\n // We call the $moveMenu callback every time the selection changes,\n // once up front, and once after each pointerup\n let timeoutId: ReturnType<typeof setTimeout> | undefined = undefined\n const callback = () => {\n timeoutId = undefined\n editor.getEditorState().read($moveMenu)\n }\n const delayedCallback = () => {\n if (timeoutId === undefined) {\n timeoutId = setTimeout(callback, 0)\n }\n return false\n }\n return mergeRegister(\n editor.registerUpdateListener(delayedCallback),\n editor.registerCommand(SELECTION_CHANGE_COMMAND, delayedCallback, COMMAND_PRIORITY_CRITICAL),\n editor.registerRootListener((rootElement, prevRootElement) => {\n if (prevRootElement) {\n prevRootElement.removeEventListener('pointerup', delayedCallback)\n }\n if (rootElement) {\n rootElement.addEventListener('pointerup', delayedCallback)\n delayedCallback()\n }\n }),\n () => clearTimeout(timeoutId),\n )\n })\n\n const prevTableCellDOM = useRef(tableCellNode)\n\n useEffect(() => {\n if (prevTableCellDOM.current !== tableCellNode) {\n setIsMenuOpen(false)\n }\n\n prevTableCellDOM.current = tableCellNode\n }, [prevTableCellDOM, tableCellNode])\n\n return (\n <div className=\"table-cell-action-button-container\" ref={menuButtonRef}>\n {tableCellNode != null && (\n <React.Fragment>\n <button\n className=\"table-cell-action-button\"\n onClick={(e) => {\n e.stopPropagation()\n setIsMenuOpen(!isMenuOpen)\n }}\n ref={menuRootRef}\n type=\"button\"\n >\n <MeatballsIcon />\n </button>\n {isMenuOpen && (\n <TableActionMenu\n cellMerge={cellMerge}\n contextRef={menuRootRef}\n onClose={() => setIsMenuOpen(false)}\n setIsMenuOpen={setIsMenuOpen}\n tableCellNode={tableCellNode}\n />\n )}\n </React.Fragment>\n )}\n </div>\n )\n}\n\nexport const TableActionMenuPlugin: PluginComponentWithAnchor = ({ anchorElem }) => {\n const isEditable = useLexicalEditable()\n return createPortal(\n isEditable ? (\n <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge />\n ) : null,\n anchorElem ?? document.body,\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -14,6 +14,10 @@ import './index.css';
14
14
  import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
15
15
  const MIN_ROW_HEIGHT = 33;
16
16
  const MIN_COLUMN_WIDTH = 92;
17
+ const getCellNodeHeight = (cell, activeEditor) => {
18
+ const domCellNode = activeEditor.getElementByKey(cell.getKey());
19
+ return domCellNode?.clientHeight;
20
+ };
17
21
  function TableCellResizer({
18
22
  editor
19
23
  }) {
@@ -161,15 +165,11 @@ function TableCellResizer({
161
165
  tag: SKIP_SCROLL_INTO_VIEW_TAG
162
166
  });
163
167
  }, [activeCell, editor]);
164
- const getCellNodeHeight = (cell_1, activeEditor) => {
165
- const domCellNode = activeEditor.getElementByKey(cell_1.getKey());
166
- return domCellNode?.clientHeight;
167
- };
168
168
  const getCellColumnIndex = (tableCellNode_1, tableMap) => {
169
169
  let columnIndex;
170
170
  tableMap.forEach(row => {
171
- row.forEach((cell_2, columnIndexInner) => {
172
- if (cell_2.cell === tableCellNode_1) {
171
+ row.forEach((cell_1, columnIndexInner) => {
172
+ if (cell_1.cell === tableCellNode_1) {
173
173
  columnIndex = columnIndexInner;
174
174
  }
175
175
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","getTableElement","TableNode","calculateZoomLevel","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","SKIP_SCROLL_INTO_VIEW_TAG","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","hasTable","setHasTable","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","tableKeys","Set","registerMutationListener","nodeMutations","nodeKey","mutation","delete","add","size","registerNodeTransform","tableNode","getColWidths","numColumns","getColumnCount","columnWidth","setColWidths","Array","fill","onMouseMove","target","x","clientX","y","clientY","contains","cell","getEditorState","read","tableCellNode","elem","Error","tableElement","getElementByKey","getKey","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isHeightChanging","direction","updateRowHeight","heightChange","update","baseRowIndex","tableRows","getChildren","isFullRowMerge","getColSpan","tableRowIndex","getRowSpan","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","getCellNodeHeight","Infinity","newHeight","max","setHeight","tag","activeEditor","domCellNode","clientHeight","getCellColumnIndex","tableMap","columnIndex","forEach","row","columnIndexInner","updateColumnWidth","widthChange","colWidths","width","newColWidths","newWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","resizerStyles","setResizerStyles","bottom","left","right","top","isInModal","Boolean","getRootElement","closest","scrollX","window","scrollY","position","zoneWidth","styles","backgroundColor","cursor","tableRect","_jsx","ref","_jsxs","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","$","isEditable","portalTarget","setPortalTarget","t0","t1","root","body","t2"],"sources":["../../../../../../src/features/table/client/plugins/TableCellResizerPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableDOMCell, TableMapType } from '@lexical/table'\nimport type { LexicalEditor, NodeKey } from 'lexical'\nimport type { JSX, MouseEventHandler } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $computeTableMapSkipCellCheck,\n $getTableNodeFromLexicalNodeOrThrow,\n $getTableRowIndexFromTableCellNode,\n $isTableCellNode,\n $isTableRowNode,\n getDOMCellFromTarget,\n getTableElement,\n TableNode,\n} from '@lexical/table'\nimport { calculateZoomLevel, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG } from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.css'\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\n\ntype MousePosition = {\n x: number\n y: number\n}\n\ntype MouseDraggingDirection = 'bottom' | 'right'\n\nconst MIN_ROW_HEIGHT = 33\nconst MIN_COLUMN_WIDTH = 92\n\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\n const targetRef = useRef<HTMLElement | null>(null)\n const resizerRef = useRef<HTMLDivElement | null>(null)\n const tableRectRef = useRef<ClientRect | null>(null)\n const [hasTable, setHasTable] = useState(false)\n const editorConfig = useEditorConfigContext()\n\n const mouseStartPosRef = useRef<MousePosition | null>(null)\n const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null)\n\n const [activeCell, updateActiveCell] = useState<null | TableDOMCell>(null)\n const [isMouseDown, updateIsMouseDown] = useState<boolean>(false)\n const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null)\n\n const resetState = useCallback(() => {\n updateActiveCell(null)\n targetRef.current = null\n updateDraggingDirection(null)\n mouseStartPosRef.current = null\n tableRectRef.current = null\n }, [])\n\n const isMouseDownOnEvent = (event: MouseEvent) => {\n return (event.buttons & 1) === 1\n }\n\n useEffect(() => {\n const tableKeys = new Set<NodeKey>()\n return mergeRegister(\n editor.registerMutationListener(TableNode, (nodeMutations) => {\n for (const [nodeKey, mutation] of nodeMutations) {\n if (mutation === 'destroyed') {\n tableKeys.delete(nodeKey)\n } else {\n tableKeys.add(nodeKey)\n }\n }\n setHasTable(tableKeys.size > 0)\n }),\n editor.registerNodeTransform(TableNode, (tableNode) => {\n if (tableNode.getColWidths()) {\n return tableNode\n }\n\n const numColumns = tableNode.getColumnCount()\n const columnWidth = MIN_COLUMN_WIDTH\n\n tableNode.setColWidths(Array(numColumns).fill(columnWidth))\n return tableNode\n }),\n )\n }, [editor])\n\n useEffect(() => {\n if (!hasTable) {\n return\n }\n\n const onMouseMove = (event: MouseEvent) => {\n const target = event.target\n if (!isHTMLElement(target)) {\n return\n }\n\n if (draggingDirection) {\n updateMouseCurrentPos({\n x: event.clientX,\n y: event.clientY,\n })\n return\n }\n updateIsMouseDown(isMouseDownOnEvent(event))\n if (resizerRef.current && resizerRef.current.contains(target)) {\n return\n }\n\n if (targetRef.current !== target) {\n targetRef.current = target\n const cell = getDOMCellFromTarget(target)\n\n if (cell && activeCell !== cell) {\n editor.getEditorState().read(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(cell.elem)\n\n if (!tableCellNode) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const tableElement = getTableElement(\n tableNode,\n editor.getElementByKey(tableNode.getKey()),\n )\n if (!tableElement) {\n throw new Error('TableCellResizer: Table element not found.')\n }\n\n targetRef.current = target\n tableRectRef.current = tableElement.getBoundingClientRect()\n updateActiveCell(cell)\n },\n { editor },\n )\n } else if (cell == null) {\n resetState()\n }\n }\n }\n\n const onMouseDown = (event: MouseEvent) => {\n updateIsMouseDown(true)\n }\n\n const onMouseUp = (event: MouseEvent) => {\n updateIsMouseDown(false)\n }\n\n const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\n prevRootElement?.removeEventListener('mousemove', onMouseMove)\n prevRootElement?.removeEventListener('mousedown', onMouseDown)\n prevRootElement?.removeEventListener('mouseup', onMouseUp)\n rootElement?.addEventListener('mousemove', onMouseMove)\n rootElement?.addEventListener('mousedown', onMouseDown)\n rootElement?.addEventListener('mouseup', onMouseUp)\n })\n\n return () => {\n removeRootListener()\n }\n }, [activeCell, draggingDirection, editor, hasTable, resetState])\n\n const isHeightChanging = (direction: MouseDraggingDirection) => {\n if (direction === 'bottom') {\n return true\n }\n return false\n }\n\n const updateRowHeight = useCallback(\n (heightChange: number) => {\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n editor.update(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n if (!$isTableCellNode(tableCellNode)) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n const baseRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n const tableRows = tableNode.getChildren()\n\n // Determine if this is a full row merge by checking colspan\n const isFullRowMerge = tableCellNode.getColSpan() === tableNode.getColumnCount()\n\n // For full row merges, apply to first row. For partial merges, apply to last row\n const tableRowIndex = isFullRowMerge\n ? baseRowIndex\n : baseRowIndex + tableCellNode.getRowSpan() - 1\n\n if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\n throw new Error('Expected table cell to be inside of table row.')\n }\n\n const tableRow = tableRows[tableRowIndex]\n\n if (!$isTableRowNode(tableRow)) {\n throw new Error('Expected table row')\n }\n\n let height = tableRow.getHeight()\n if (height === undefined) {\n const rowCells = tableRow.getChildren<TableCellNode>()\n height = Math.min(\n ...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity),\n )\n }\n\n const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT)\n tableRow.setHeight(newHeight)\n },\n { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n )\n },\n [activeCell, editor],\n )\n\n const getCellNodeHeight = (\n cell: TableCellNode,\n activeEditor: LexicalEditor,\n ): number | undefined => {\n const domCellNode = activeEditor.getElementByKey(cell.getKey())\n return domCellNode?.clientHeight\n }\n\n const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\n let columnIndex: number | undefined\n tableMap.forEach((row) => {\n row.forEach((cell, columnIndexInner) => {\n if (cell.cell === tableCellNode) {\n columnIndex = columnIndexInner\n }\n })\n })\n return columnIndex\n }\n\n const updateColumnWidth = useCallback(\n (widthChange: number) => {\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n editor.update(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n if (!$isTableCellNode(tableCellNode)) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n const columnIndex = getCellColumnIndex(tableCellNode, tableMap)\n if (columnIndex === undefined) {\n throw new Error('TableCellResizer: Table column not found.')\n }\n\n const colWidths = tableNode.getColWidths()\n if (!colWidths) {\n return\n }\n const width = colWidths[columnIndex]\n if (width === undefined) {\n return\n }\n const newColWidths = [...colWidths]\n const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH)\n newColWidths[columnIndex] = newWidth\n tableNode.setColWidths(newColWidths)\n },\n { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n )\n },\n [activeCell, editor],\n )\n\n const mouseUpHandler = useCallback(\n (direction: MouseDraggingDirection) => {\n const handler = (event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n if (mouseStartPosRef.current) {\n const { x, y } = mouseStartPosRef.current\n\n if (activeCell === null) {\n return\n }\n const zoom = calculateZoomLevel(event.target as Element)\n\n if (isHeightChanging(direction)) {\n const heightChange = (event.clientY - y) / zoom\n updateRowHeight(heightChange)\n } else {\n const widthChange = (event.clientX - x) / zoom\n updateColumnWidth(widthChange)\n }\n\n resetState()\n document.removeEventListener('mouseup', handler)\n }\n }\n return handler\n },\n [activeCell, resetState, updateColumnWidth, updateRowHeight],\n )\n\n const toggleResize = useCallback(\n (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\n (event) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n mouseStartPosRef.current = {\n x: event.clientX,\n y: event.clientY,\n }\n updateMouseCurrentPos(mouseStartPosRef.current)\n updateDraggingDirection(direction)\n\n document.addEventListener('mouseup', mouseUpHandler(direction))\n },\n [activeCell, mouseUpHandler],\n )\n\n const [resizerStyles, setResizerStyles] = useState<{\n bottom?: null | React.CSSProperties\n left?: null | React.CSSProperties\n right?: null | React.CSSProperties\n top?: null | React.CSSProperties\n }>({\n bottom: null,\n left: null,\n right: null,\n top: null,\n })\n\n useEffect(() => {\n if (activeCell) {\n const { height, left, top, width } = activeCell.elem.getBoundingClientRect()\n const zoom = calculateZoomLevel(activeCell.elem)\n const isInModal = Boolean(editor.getRootElement()?.closest('dialog, [role=\"dialog\"]'))\n const scrollX = isInModal ? 0 : window.scrollX\n const scrollY = isInModal ? 0 : window.scrollY\n const position = isInModal ? ('fixed' as const) : ('absolute' as const)\n const zoneWidth = 10 // Pixel width of the zone where you can drag the edge\n const styles = {\n bottom: {\n backgroundColor: 'none',\n cursor: 'row-resize',\n height: `${zoneWidth}px`,\n left: `${scrollX + left}px`,\n position,\n top: `${scrollY + top + height - zoneWidth / 2}px`,\n width: `${width}px`,\n },\n right: {\n backgroundColor: 'none',\n cursor: 'col-resize',\n height: `${height}px`,\n left: `${scrollX + left + width - zoneWidth / 2}px`,\n position,\n top: `${scrollY + top}px`,\n width: `${zoneWidth}px`,\n },\n }\n\n const tableRect = tableRectRef.current\n\n if (draggingDirection && mouseCurrentPos && tableRect) {\n if (isHeightChanging(draggingDirection)) {\n styles[draggingDirection].left = `${scrollX + tableRect.left}px`\n styles[draggingDirection].top = `${scrollY + mouseCurrentPos.y / zoom}px`\n styles[draggingDirection].height = '3px'\n styles[draggingDirection].width = `${tableRect.width}px`\n } else {\n styles[draggingDirection].top = `${scrollY + tableRect.top}px`\n styles[draggingDirection].left = `${scrollX + mouseCurrentPos.x / zoom}px`\n styles[draggingDirection].width = '3px'\n styles[draggingDirection].height = `${tableRect.height}px`\n }\n\n styles[draggingDirection].backgroundColor = '#adf'\n }\n\n setResizerStyles(styles)\n } else {\n setResizerStyles({\n bottom: null,\n left: null,\n right: null,\n top: null,\n })\n }\n }, [activeCell, draggingDirection, editor, mouseCurrentPos])\n\n return (\n <div ref={resizerRef}>\n {activeCell != null && !isMouseDown && (\n <React.Fragment>\n <div\n className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n onMouseDown={toggleResize('right')}\n style={resizerStyles.right || undefined}\n />\n <div\n className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n onMouseDown={toggleResize('bottom')}\n style={resizerStyles.bottom || undefined}\n />\n </React.Fragment>\n )}\n </div>\n )\n}\n\nexport const TableCellResizerPlugin: PluginComponent = () => {\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const [portalTarget, setPortalTarget] = useState<Element | null>(null)\n\n useEffect(\n () =>\n editor.registerRootListener((root) => {\n setPortalTarget(root?.closest('dialog, [role=\"dialog\"]') ?? document.body)\n }),\n [editor],\n )\n\n return useMemo(\n () =>\n isEditable && portalTarget\n ? createPortal(<TableCellResizer editor={editor} />, portalTarget)\n : null,\n [editor, isEditable, portalTarget],\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","getTableElement","TableNode","calculateZoomLevel","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","SKIP_SCROLL_INTO_VIEW_TAG","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","getCellNodeHeight","cell","activeEditor","domCellNode","getElementByKey","getKey","clientHeight","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","hasTable","setHasTable","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","tableKeys","Set","registerMutationListener","nodeMutations","nodeKey","mutation","delete","add","size","registerNodeTransform","tableNode","getColWidths","numColumns","getColumnCount","columnWidth","setColWidths","Array","fill","onMouseMove","target","x","clientX","y","clientY","contains","getEditorState","read","tableCellNode","elem","Error","tableElement","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isHeightChanging","direction","updateRowHeight","heightChange","update","baseRowIndex","tableRows","getChildren","isFullRowMerge","getColSpan","tableRowIndex","getRowSpan","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","Infinity","newHeight","max","setHeight","tag","getCellColumnIndex","tableMap","columnIndex","forEach","row","columnIndexInner","updateColumnWidth","widthChange","colWidths","width","newColWidths","newWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","resizerStyles","setResizerStyles","bottom","left","right","top","isInModal","Boolean","getRootElement","closest","scrollX","window","scrollY","position","zoneWidth","styles","backgroundColor","cursor","tableRect","_jsx","ref","_jsxs","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","$","isEditable","portalTarget","setPortalTarget","t0","t1","root","body","t2"],"sources":["../../../../../../src/features/table/client/plugins/TableCellResizerPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableDOMCell, TableMapType } from '@lexical/table'\nimport type { LexicalEditor, NodeKey } from 'lexical'\nimport type { JSX, MouseEventHandler } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $computeTableMapSkipCellCheck,\n $getTableNodeFromLexicalNodeOrThrow,\n $getTableRowIndexFromTableCellNode,\n $isTableCellNode,\n $isTableRowNode,\n getDOMCellFromTarget,\n getTableElement,\n TableNode,\n} from '@lexical/table'\nimport { calculateZoomLevel, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG } from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.css'\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\n\ntype MousePosition = {\n x: number\n y: number\n}\n\ntype MouseDraggingDirection = 'bottom' | 'right'\n\nconst MIN_ROW_HEIGHT = 33\nconst MIN_COLUMN_WIDTH = 92\n\nconst getCellNodeHeight = (\n cell: TableCellNode,\n activeEditor: LexicalEditor,\n): number | undefined => {\n const domCellNode = activeEditor.getElementByKey(cell.getKey())\n return domCellNode?.clientHeight\n}\n\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\n const targetRef = useRef<HTMLElement | null>(null)\n const resizerRef = useRef<HTMLDivElement | null>(null)\n const tableRectRef = useRef<ClientRect | null>(null)\n const [hasTable, setHasTable] = useState(false)\n const editorConfig = useEditorConfigContext()\n\n const mouseStartPosRef = useRef<MousePosition | null>(null)\n const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null)\n\n const [activeCell, updateActiveCell] = useState<null | TableDOMCell>(null)\n const [isMouseDown, updateIsMouseDown] = useState<boolean>(false)\n const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null)\n\n const resetState = useCallback(() => {\n updateActiveCell(null)\n targetRef.current = null\n updateDraggingDirection(null)\n mouseStartPosRef.current = null\n tableRectRef.current = null\n }, [])\n\n const isMouseDownOnEvent = (event: MouseEvent) => {\n return (event.buttons & 1) === 1\n }\n\n useEffect(() => {\n const tableKeys = new Set<NodeKey>()\n return mergeRegister(\n editor.registerMutationListener(TableNode, (nodeMutations) => {\n for (const [nodeKey, mutation] of nodeMutations) {\n if (mutation === 'destroyed') {\n tableKeys.delete(nodeKey)\n } else {\n tableKeys.add(nodeKey)\n }\n }\n setHasTable(tableKeys.size > 0)\n }),\n editor.registerNodeTransform(TableNode, (tableNode) => {\n if (tableNode.getColWidths()) {\n return tableNode\n }\n\n const numColumns = tableNode.getColumnCount()\n const columnWidth = MIN_COLUMN_WIDTH\n\n tableNode.setColWidths(Array(numColumns).fill(columnWidth))\n return tableNode\n }),\n )\n }, [editor])\n\n useEffect(() => {\n if (!hasTable) {\n return\n }\n\n const onMouseMove = (event: MouseEvent) => {\n const target = event.target\n if (!isHTMLElement(target)) {\n return\n }\n\n if (draggingDirection) {\n updateMouseCurrentPos({\n x: event.clientX,\n y: event.clientY,\n })\n return\n }\n updateIsMouseDown(isMouseDownOnEvent(event))\n if (resizerRef.current && resizerRef.current.contains(target)) {\n return\n }\n\n if (targetRef.current !== target) {\n targetRef.current = target\n const cell = getDOMCellFromTarget(target)\n\n if (cell && activeCell !== cell) {\n editor.getEditorState().read(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(cell.elem)\n\n if (!tableCellNode) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const tableElement = getTableElement(\n tableNode,\n editor.getElementByKey(tableNode.getKey()),\n )\n if (!tableElement) {\n throw new Error('TableCellResizer: Table element not found.')\n }\n\n targetRef.current = target\n tableRectRef.current = tableElement.getBoundingClientRect()\n updateActiveCell(cell)\n },\n { editor },\n )\n } else if (cell == null) {\n resetState()\n }\n }\n }\n\n const onMouseDown = (event: MouseEvent) => {\n updateIsMouseDown(true)\n }\n\n const onMouseUp = (event: MouseEvent) => {\n updateIsMouseDown(false)\n }\n\n const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\n prevRootElement?.removeEventListener('mousemove', onMouseMove)\n prevRootElement?.removeEventListener('mousedown', onMouseDown)\n prevRootElement?.removeEventListener('mouseup', onMouseUp)\n rootElement?.addEventListener('mousemove', onMouseMove)\n rootElement?.addEventListener('mousedown', onMouseDown)\n rootElement?.addEventListener('mouseup', onMouseUp)\n })\n\n return () => {\n removeRootListener()\n }\n }, [activeCell, draggingDirection, editor, hasTable, resetState])\n\n const isHeightChanging = (direction: MouseDraggingDirection) => {\n if (direction === 'bottom') {\n return true\n }\n return false\n }\n\n const updateRowHeight = useCallback(\n (heightChange: number) => {\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n editor.update(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n if (!$isTableCellNode(tableCellNode)) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n const baseRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n const tableRows = tableNode.getChildren()\n\n // Determine if this is a full row merge by checking colspan\n const isFullRowMerge = tableCellNode.getColSpan() === tableNode.getColumnCount()\n\n // For full row merges, apply to first row. For partial merges, apply to last row\n const tableRowIndex = isFullRowMerge\n ? baseRowIndex\n : baseRowIndex + tableCellNode.getRowSpan() - 1\n\n if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\n throw new Error('Expected table cell to be inside of table row.')\n }\n\n const tableRow = tableRows[tableRowIndex]\n\n if (!$isTableRowNode(tableRow)) {\n throw new Error('Expected table row')\n }\n\n let height = tableRow.getHeight()\n if (height === undefined) {\n const rowCells = tableRow.getChildren<TableCellNode>()\n height = Math.min(\n ...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity),\n )\n }\n\n const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT)\n tableRow.setHeight(newHeight)\n },\n { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n )\n },\n [activeCell, editor],\n )\n\n const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\n let columnIndex: number | undefined\n tableMap.forEach((row) => {\n row.forEach((cell, columnIndexInner) => {\n if (cell.cell === tableCellNode) {\n columnIndex = columnIndexInner\n }\n })\n })\n return columnIndex\n }\n\n const updateColumnWidth = useCallback(\n (widthChange: number) => {\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n editor.update(\n () => {\n const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n if (!$isTableCellNode(tableCellNode)) {\n throw new Error('TableCellResizer: Table cell node not found.')\n }\n\n const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n const columnIndex = getCellColumnIndex(tableCellNode, tableMap)\n if (columnIndex === undefined) {\n throw new Error('TableCellResizer: Table column not found.')\n }\n\n const colWidths = tableNode.getColWidths()\n if (!colWidths) {\n return\n }\n const width = colWidths[columnIndex]\n if (width === undefined) {\n return\n }\n const newColWidths = [...colWidths]\n const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH)\n newColWidths[columnIndex] = newWidth\n tableNode.setColWidths(newColWidths)\n },\n { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n )\n },\n [activeCell, editor],\n )\n\n const mouseUpHandler = useCallback(\n (direction: MouseDraggingDirection) => {\n const handler = (event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n if (mouseStartPosRef.current) {\n const { x, y } = mouseStartPosRef.current\n\n if (activeCell === null) {\n return\n }\n const zoom = calculateZoomLevel(event.target as Element)\n\n if (isHeightChanging(direction)) {\n const heightChange = (event.clientY - y) / zoom\n updateRowHeight(heightChange)\n } else {\n const widthChange = (event.clientX - x) / zoom\n updateColumnWidth(widthChange)\n }\n\n resetState()\n document.removeEventListener('mouseup', handler)\n }\n }\n return handler\n },\n [activeCell, resetState, updateColumnWidth, updateRowHeight],\n )\n\n const toggleResize = useCallback(\n (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\n (event) => {\n event.preventDefault()\n event.stopPropagation()\n\n if (!activeCell) {\n throw new Error('TableCellResizer: Expected active cell.')\n }\n\n mouseStartPosRef.current = {\n x: event.clientX,\n y: event.clientY,\n }\n updateMouseCurrentPos(mouseStartPosRef.current)\n updateDraggingDirection(direction)\n\n document.addEventListener('mouseup', mouseUpHandler(direction))\n },\n [activeCell, mouseUpHandler],\n )\n\n const [resizerStyles, setResizerStyles] = useState<{\n bottom?: null | React.CSSProperties\n left?: null | React.CSSProperties\n right?: null | React.CSSProperties\n top?: null | React.CSSProperties\n }>({\n bottom: null,\n left: null,\n right: null,\n top: null,\n })\n\n useEffect(() => {\n if (activeCell) {\n const { height, left, top, width } = activeCell.elem.getBoundingClientRect()\n const zoom = calculateZoomLevel(activeCell.elem)\n const isInModal = Boolean(editor.getRootElement()?.closest('dialog, [role=\"dialog\"]'))\n const scrollX = isInModal ? 0 : window.scrollX\n const scrollY = isInModal ? 0 : window.scrollY\n const position = isInModal ? ('fixed' as const) : ('absolute' as const)\n const zoneWidth = 10 // Pixel width of the zone where you can drag the edge\n const styles = {\n bottom: {\n backgroundColor: 'none',\n cursor: 'row-resize',\n height: `${zoneWidth}px`,\n left: `${scrollX + left}px`,\n position,\n top: `${scrollY + top + height - zoneWidth / 2}px`,\n width: `${width}px`,\n },\n right: {\n backgroundColor: 'none',\n cursor: 'col-resize',\n height: `${height}px`,\n left: `${scrollX + left + width - zoneWidth / 2}px`,\n position,\n top: `${scrollY + top}px`,\n width: `${zoneWidth}px`,\n },\n }\n\n const tableRect = tableRectRef.current\n\n if (draggingDirection && mouseCurrentPos && tableRect) {\n if (isHeightChanging(draggingDirection)) {\n styles[draggingDirection].left = `${scrollX + tableRect.left}px`\n styles[draggingDirection].top = `${scrollY + mouseCurrentPos.y / zoom}px`\n styles[draggingDirection].height = '3px'\n styles[draggingDirection].width = `${tableRect.width}px`\n } else {\n styles[draggingDirection].top = `${scrollY + tableRect.top}px`\n styles[draggingDirection].left = `${scrollX + mouseCurrentPos.x / zoom}px`\n styles[draggingDirection].width = '3px'\n styles[draggingDirection].height = `${tableRect.height}px`\n }\n\n styles[draggingDirection].backgroundColor = '#adf'\n }\n\n setResizerStyles(styles)\n } else {\n setResizerStyles({\n bottom: null,\n left: null,\n right: null,\n top: null,\n })\n }\n }, [activeCell, draggingDirection, editor, mouseCurrentPos])\n\n return (\n <div ref={resizerRef}>\n {activeCell != null && !isMouseDown && (\n <React.Fragment>\n <div\n className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n onMouseDown={toggleResize('right')}\n style={resizerStyles.right || undefined}\n />\n <div\n className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n onMouseDown={toggleResize('bottom')}\n style={resizerStyles.bottom || undefined}\n />\n </React.Fragment>\n )}\n </div>\n )\n}\n\nexport const TableCellResizerPlugin: PluginComponent = () => {\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n const [portalTarget, setPortalTarget] = useState<Element | null>(null)\n\n useEffect(\n () =>\n editor.registerRootListener((root) => {\n setPortalTarget(root?.closest('dialog, [role=\"dialog\"]') ?? document.body)\n }),\n [editor],\n )\n\n return useMemo(\n () =>\n isEditable && portalTarget\n ? createPortal(<TableCellResizer editor={editor} />, portalTarget)\n : null,\n [editor, isEditable, portalTarget],\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$getTableAndElementByKey","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableNode","getTableElement","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","useEffect","useMemo","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","anchorElem","editor","isEditable","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","position","setPosition","tableSetRef","Set","tableCellDOMNodeRef","debouncedOnMouseMove","event","isOutside","tableDOMNode","getMouseInfo","lexical","current","hoveredRowNode","hoveredColumnNode","tableDOMElement","getEditorState","read","maybeTableCell","table","node","getElementByKey","getKey","rowCount","getChildrenSize","colCount","getChildAtIndex","rowIndex","colIndex","tableContainerElement","parentElement","bottom","tableElemBottom","height","tableElemHeight","left","tableElemLeft","right","tableElemRight","width","tableElemWidth","y","tableElemY","getBoundingClientRect","tableHasScroll","classList","contains","scrollWidth","clientWidth","editorElemLeft","editorElemY","offsetLeft","top","offsetWidth","tableResizeObserver","ResizeObserver","document","addEventListener","removeEventListener","registerMutationListener","mutations","resetObserver","key","type","add","delete","disconnect","tableKey","tableElement","observe","size","skipInitialization","insertAction","insertRow","update","maybeTableNode","selectEnd","_jsxs","_Fragment","_jsx","className","theme","tableAddRows","onClick","style","tableAddColumns","target","closest","tableCell","tableCellResizer","TableHoverActionsPlugin","t0","$","t1","undefined","body","t2"],"sources":["../../../../../../src/features/table/client/plugins/TableHoverActionsPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableRowNode } from '@lexical/table'\nimport type { EditorConfig, NodeKey } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $getTableAndElementByKey,\n $getTableColumnIndexFromTableCellNode,\n $getTableRowIndexFromTableCellNode,\n $insertTableColumnAtSelection,\n $insertTableRowAtSelection,\n $isTableCellNode,\n $isTableNode,\n getTableElement,\n TableNode,\n} from '@lexical/table'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useDebounce } from '../../utils/useDebounce.js'\n\nconst BUTTON_WIDTH_PX = 16\n\nfunction TableHoverActionsContainer({\n anchorElem,\n}: {\n anchorElem: HTMLElement\n}): JSX.Element | null {\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n\n const editorConfig = useEditorConfigContext()\n const [isShownRow, setShownRow] = useState<boolean>(false)\n const [isShownColumn, setShownColumn] = useState<boolean>(false)\n const [shouldListenMouseMove, setShouldListenMouseMove] = useState<boolean>(false)\n const [position, setPosition] = useState({})\n const tableSetRef = useRef<Set<NodeKey>>(new Set())\n const tableCellDOMNodeRef = useRef<HTMLElement | null>(null)\n\n const debouncedOnMouseMove = useDebounce(\n (event: MouseEvent) => {\n const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical)\n\n if (isOutside) {\n setShownRow(false)\n setShownColumn(false)\n return\n }\n\n if (!tableDOMNode) {\n return\n }\n\n tableCellDOMNodeRef.current = tableDOMNode\n\n let hoveredRowNode: null | TableCellNode = null\n let hoveredColumnNode: null | TableCellNode = null\n let tableDOMElement: HTMLElement | null = null\n\n editor.getEditorState().read(\n () => {\n const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode)\n\n if ($isTableCellNode(maybeTableCell)) {\n const table = $findMatchingParent(maybeTableCell, (node) => $isTableNode(node))\n if (!$isTableNode(table)) {\n return\n }\n\n tableDOMElement = getTableElement(table, editor.getElementByKey(table.getKey()))\n\n if (tableDOMElement) {\n const rowCount = table.getChildrenSize()\n const colCount = (table.getChildAtIndex(0) as TableRowNode)?.getChildrenSize()\n\n const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell)\n const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell)\n\n if (rowIndex === rowCount - 1) {\n hoveredRowNode = maybeTableCell\n } else if (colIndex === colCount - 1) {\n hoveredColumnNode = maybeTableCell\n }\n }\n }\n },\n { editor },\n )\n\n if (!tableDOMElement) {\n return\n }\n\n // this is the scrollable div container of the table (in case of overflow)\n const tableContainerElement = (tableDOMElement as HTMLTableElement).parentElement\n\n if (!tableContainerElement) {\n return\n }\n\n const {\n bottom: tableElemBottom,\n height: tableElemHeight,\n left: tableElemLeft,\n right: tableElemRight,\n width: tableElemWidth,\n y: tableElemY,\n } = (tableDOMElement as HTMLTableElement).getBoundingClientRect()\n\n let tableHasScroll = false\n if (\n tableContainerElement &&\n tableContainerElement.classList.contains('LexicalEditorTheme__tableScrollableWrapper')\n ) {\n tableHasScroll = tableContainerElement.scrollWidth > tableContainerElement.clientWidth\n }\n\n const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect()\n\n if (hoveredRowNode) {\n setShownColumn(false)\n setShownRow(true)\n setPosition({\n height: BUTTON_WIDTH_PX,\n left:\n tableHasScroll && tableContainerElement\n ? tableContainerElement.offsetLeft\n : tableElemLeft - editorElemLeft,\n top: tableElemBottom - editorElemY + 5,\n width:\n tableHasScroll && tableContainerElement\n ? tableContainerElement.offsetWidth\n : tableElemWidth,\n })\n } else if (hoveredColumnNode) {\n setShownColumn(true)\n setShownRow(false)\n setPosition({\n height: tableElemHeight,\n left: tableElemRight - editorElemLeft + 5,\n top: tableElemY - editorElemY,\n width: BUTTON_WIDTH_PX,\n })\n }\n },\n 50,\n 250,\n )\n\n // Hide the buttons on any table dimensions change to prevent last row cells\n // overlap behind the 'Add Row' button when text entry changes cell height\n const tableResizeObserver = useMemo(() => {\n return new ResizeObserver(() => {\n setShownRow(false)\n setShownColumn(false)\n })\n }, [])\n\n useEffect(() => {\n if (!shouldListenMouseMove) {\n return\n }\n\n document.addEventListener('mousemove', debouncedOnMouseMove)\n\n return () => {\n setShownRow(false)\n setShownColumn(false)\n\n document.removeEventListener('mousemove', debouncedOnMouseMove)\n }\n }, [shouldListenMouseMove, debouncedOnMouseMove])\n\n useEffect(() => {\n return mergeRegister(\n editor.registerMutationListener(\n TableNode,\n (mutations) => {\n editor.getEditorState().read(\n () => {\n let resetObserver = false\n for (const [key, type] of mutations) {\n switch (type) {\n case 'created': {\n tableSetRef.current.add(key)\n resetObserver = true\n break\n }\n case 'destroyed': {\n tableSetRef.current.delete(key)\n resetObserver = true\n break\n }\n default:\n break\n }\n }\n if (resetObserver) {\n // Reset resize observers\n tableResizeObserver.disconnect()\n for (const tableKey of tableSetRef.current) {\n const { tableElement } = $getTableAndElementByKey(tableKey)\n tableResizeObserver.observe(tableElement)\n }\n setShouldListenMouseMove(tableSetRef.current.size > 0)\n }\n },\n { editor },\n )\n },\n { skipInitialization: false },\n ),\n )\n }, [editor, tableResizeObserver])\n\n const insertAction = (insertRow: boolean) => {\n editor.update(() => {\n if (tableCellDOMNodeRef.current) {\n const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current)\n maybeTableNode?.selectEnd()\n if (insertRow) {\n $insertTableRowAtSelection()\n setShownRow(false)\n } else {\n $insertTableColumnAtSelection()\n setShownColumn(false)\n }\n }\n })\n }\n\n if (!isEditable) {\n return null\n }\n\n return (\n <>\n {isShownRow && (\n <button\n aria-label=\"Add Row\"\n className={editorConfig.editorConfig.lexical.theme.tableAddRows}\n onClick={() => insertAction(true)}\n style={{ ...position }}\n type=\"button\"\n />\n )}\n {isShownColumn && (\n <button\n aria-label=\"Add Column\"\n className={editorConfig.editorConfig.lexical.theme.tableAddColumns}\n onClick={() => insertAction(false)}\n style={{ ...position }}\n type=\"button\"\n />\n )}\n </>\n )\n}\n\nfunction getMouseInfo(\n event: MouseEvent,\n editorConfig: EditorConfig,\n): {\n isOutside: boolean\n tableDOMNode: HTMLElement | null\n} {\n const target = event.target\n\n if (isHTMLElement(target)) {\n const tableDOMNode = target.closest<HTMLElement>(\n `td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`,\n )\n\n const isOutside = !(\n tableDOMNode ||\n target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddRows}`) ||\n target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddColumns}`) ||\n target.closest<HTMLElement>(`div.${editorConfig.theme.tableCellResizer}`)\n )\n\n return { isOutside, tableDOMNode }\n } else {\n return { isOutside: true, tableDOMNode: null }\n }\n}\n\nexport function TableHoverActionsPlugin({\n anchorElem = document.body,\n}: {\n anchorElem?: HTMLElement\n}): null | React.ReactPortal {\n const isEditable = useLexicalEditable()\n\n if (!isEditable) {\n return null\n }\n\n return createPortal(<TableHoverActionsContainer anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$getTableAndElementByKey","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumnAtSelection","$insertTableRowAtSelection","$isTableCellNode","$isTableNode","getTableElement","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","useEffect","useMemo","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","anchorElem","editor","isEditable","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","position","setPosition","tableSetRef","Set","tableCellDOMNodeRef","debouncedOnMouseMove","event","isOutside","tableDOMNode","getMouseInfo","lexical","current","hoveredRowNode","hoveredColumnNode","tableDOMElement","getEditorState","read","maybeTableCell","table","node","getElementByKey","getKey","rowCount","getChildrenSize","colCount","getChildAtIndex","rowIndex","colIndex","tableContainerElement","parentElement","bottom","tableElemBottom","height","tableElemHeight","left","tableElemLeft","right","tableElemRight","width","tableElemWidth","y","tableElemY","getBoundingClientRect","tableHasScroll","classList","contains","scrollWidth","clientWidth","editorElemLeft","editorElemY","offsetLeft","top","offsetWidth","tableResizeObserver","ResizeObserver","document","addEventListener","removeEventListener","registerMutationListener","mutations","resetObserver","key","type","add","delete","disconnect","tableKey","tableElement","observe","size","skipInitialization","insertAction","insertRow","update","maybeTableNode","selectEnd","_jsxs","_Fragment","_jsx","className","theme","tableAddRows","onClick","style","tableAddColumns","target","closest","tableCell","tableCellResizer","TableHoverActionsPlugin","t0","$","t1","undefined","body","t2"],"sources":["../../../../../../src/features/table/client/plugins/TableHoverActionsPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableRowNode } from '@lexical/table'\nimport type { EditorConfig, NodeKey } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n $getTableAndElementByKey,\n $getTableColumnIndexFromTableCellNode,\n $getTableRowIndexFromTableCellNode,\n $insertTableColumnAtSelection,\n $insertTableRowAtSelection,\n $isTableCellNode,\n $isTableNode,\n getTableElement,\n TableNode,\n} from '@lexical/table'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement } from 'lexical'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useDebounce } from '../../utils/useDebounce.js'\n\nconst BUTTON_WIDTH_PX = 16\n\nfunction TableHoverActionsContainer({\n anchorElem,\n}: {\n anchorElem: HTMLElement\n}): JSX.Element | null {\n const [editor] = useLexicalComposerContext()\n const isEditable = useLexicalEditable()\n\n const editorConfig = useEditorConfigContext()\n const [isShownRow, setShownRow] = useState<boolean>(false)\n const [isShownColumn, setShownColumn] = useState<boolean>(false)\n const [shouldListenMouseMove, setShouldListenMouseMove] = useState<boolean>(false)\n const [position, setPosition] = useState({})\n const tableSetRef = useRef<Set<NodeKey>>(new Set())\n const tableCellDOMNodeRef = useRef<HTMLElement | null>(null)\n\n const debouncedOnMouseMove = useDebounce(\n (event: MouseEvent) => {\n const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical)\n\n if (isOutside) {\n setShownRow(false)\n setShownColumn(false)\n return\n }\n\n if (!tableDOMNode) {\n return\n }\n\n tableCellDOMNodeRef.current = tableDOMNode\n\n let hoveredRowNode: null | TableCellNode = null\n let hoveredColumnNode: null | TableCellNode = null\n let tableDOMElement: HTMLElement | null = null\n\n editor.getEditorState().read(\n () => {\n const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode)\n\n if ($isTableCellNode(maybeTableCell)) {\n const table = $findMatchingParent(maybeTableCell, (node) => $isTableNode(node))\n if (!$isTableNode(table)) {\n return\n }\n\n tableDOMElement = getTableElement(table, editor.getElementByKey(table.getKey()))\n\n if (tableDOMElement) {\n const rowCount = table.getChildrenSize()\n const colCount = (table.getChildAtIndex(0) as TableRowNode)?.getChildrenSize()\n\n const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell)\n const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell)\n\n if (rowIndex === rowCount - 1) {\n hoveredRowNode = maybeTableCell\n } else if (colIndex === colCount - 1) {\n hoveredColumnNode = maybeTableCell\n }\n }\n }\n },\n { editor },\n )\n\n if (!tableDOMElement) {\n return\n }\n\n // this is the scrollable div container of the table (in case of overflow)\n const tableContainerElement = (tableDOMElement as HTMLTableElement).parentElement\n\n if (!tableContainerElement) {\n return\n }\n\n const {\n bottom: tableElemBottom,\n height: tableElemHeight,\n left: tableElemLeft,\n right: tableElemRight,\n width: tableElemWidth,\n y: tableElemY,\n } = (tableDOMElement as HTMLTableElement).getBoundingClientRect()\n\n let tableHasScroll = false\n if (\n tableContainerElement &&\n tableContainerElement.classList.contains('LexicalEditorTheme__tableScrollableWrapper')\n ) {\n tableHasScroll = tableContainerElement.scrollWidth > tableContainerElement.clientWidth\n }\n\n const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect()\n\n if (hoveredRowNode) {\n setShownColumn(false)\n setShownRow(true)\n setPosition({\n height: BUTTON_WIDTH_PX,\n left:\n tableHasScroll && tableContainerElement\n ? tableContainerElement.offsetLeft\n : tableElemLeft - editorElemLeft,\n top: tableElemBottom - editorElemY + 5,\n width:\n tableHasScroll && tableContainerElement\n ? tableContainerElement.offsetWidth\n : tableElemWidth,\n })\n } else if (hoveredColumnNode) {\n setShownColumn(true)\n setShownRow(false)\n setPosition({\n height: tableElemHeight,\n left: tableElemRight - editorElemLeft + 5,\n top: tableElemY - editorElemY,\n width: BUTTON_WIDTH_PX,\n })\n }\n },\n 50,\n 250,\n )\n\n // Hide the buttons on any table dimensions change to prevent last row cells\n // overlap behind the 'Add Row' button when text entry changes cell height\n const tableResizeObserver = useMemo(() => {\n return new ResizeObserver(() => {\n setShownRow(false)\n setShownColumn(false)\n })\n }, [])\n\n useEffect(() => {\n if (!shouldListenMouseMove) {\n return\n }\n\n document.addEventListener('mousemove', debouncedOnMouseMove)\n\n return () => {\n setShownRow(false)\n setShownColumn(false)\n\n document.removeEventListener('mousemove', debouncedOnMouseMove)\n }\n }, [shouldListenMouseMove, debouncedOnMouseMove])\n\n useEffect(() => {\n return mergeRegister(\n editor.registerMutationListener(\n TableNode,\n (mutations) => {\n editor.getEditorState().read(\n () => {\n let resetObserver = false\n for (const [key, type] of mutations) {\n switch (type) {\n case 'created': {\n tableSetRef.current.add(key)\n resetObserver = true\n break\n }\n case 'destroyed': {\n tableSetRef.current.delete(key)\n resetObserver = true\n break\n }\n default:\n break\n }\n }\n if (resetObserver) {\n // Reset resize observers\n tableResizeObserver.disconnect()\n for (const tableKey of tableSetRef.current) {\n const { tableElement } = $getTableAndElementByKey(tableKey)\n tableResizeObserver.observe(tableElement)\n }\n setShouldListenMouseMove(tableSetRef.current.size > 0)\n }\n },\n { editor },\n )\n },\n { skipInitialization: false },\n ),\n )\n }, [editor, tableResizeObserver])\n\n const insertAction = (insertRow: boolean) => {\n editor.update(() => {\n if (tableCellDOMNodeRef.current) {\n const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current)\n maybeTableNode?.selectEnd()\n if (insertRow) {\n $insertTableRowAtSelection()\n setShownRow(false)\n } else {\n $insertTableColumnAtSelection()\n setShownColumn(false)\n }\n }\n })\n }\n\n if (!isEditable) {\n return null\n }\n\n return (\n <>\n {isShownRow && (\n <button\n aria-label=\"Add Row\"\n className={editorConfig.editorConfig.lexical.theme.tableAddRows}\n onClick={() => insertAction(true)}\n style={{ ...position }}\n type=\"button\"\n />\n )}\n {isShownColumn && (\n <button\n aria-label=\"Add Column\"\n className={editorConfig.editorConfig.lexical.theme.tableAddColumns}\n onClick={() => insertAction(false)}\n style={{ ...position }}\n type=\"button\"\n />\n )}\n </>\n )\n}\n\nfunction getMouseInfo(\n event: MouseEvent,\n editorConfig: EditorConfig,\n): {\n isOutside: boolean\n tableDOMNode: HTMLElement | null\n} {\n const target = event.target\n\n if (isHTMLElement(target)) {\n const tableDOMNode = target.closest<HTMLElement>(\n `td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`,\n )\n\n const isOutside = !(\n tableDOMNode ||\n target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddRows}`) ||\n target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddColumns}`) ||\n target.closest<HTMLElement>(`div.${editorConfig.theme.tableCellResizer}`)\n )\n\n return { isOutside, tableDOMNode }\n } else {\n return { isOutside: true, tableDOMNode: null }\n }\n}\n\nexport function TableHoverActionsPlugin({\n anchorElem = document.body,\n}: {\n anchorElem?: HTMLElement\n}): null | React.ReactPortal {\n const isEditable = useLexicalEditable()\n\n if (!isEditable) {\n return null\n }\n\n return createPortal(<TableHoverActionsContainer anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,5 +1,6 @@
1
1
  'use client';
2
2
 
3
+ import { c as _c } from "react/compiler-runtime";
3
4
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
4
5
  import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
5
6
  import { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin';
@@ -18,26 +19,61 @@ export const CellContext = /*#__PURE__*/createContext({
18
19
  // Empty
19
20
  }
20
21
  });
21
- export function TableContext({
22
- children
23
- }) {
24
- const [contextValue, setContextValue] = useState({
25
- cellEditorConfig: null,
26
- cellEditorPlugins: null
27
- });
28
- return /*#__PURE__*/_jsx(CellContext, {
29
- value: useMemo(() => ({
22
+ export function TableContext(t0) {
23
+ const $ = _c(8);
24
+ const {
25
+ children
26
+ } = t0;
27
+ let t1;
28
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
29
+ t1 = {
30
+ cellEditorConfig: null,
31
+ cellEditorPlugins: null
32
+ };
33
+ $[0] = t1;
34
+ } else {
35
+ t1 = $[0];
36
+ }
37
+ const [contextValue, setContextValue] = useState(t1);
38
+ let t2;
39
+ if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
40
+ t2 = (cellEditorConfig, cellEditorPlugins) => {
41
+ setContextValue({
42
+ cellEditorConfig,
43
+ cellEditorPlugins
44
+ });
45
+ };
46
+ $[1] = t2;
47
+ } else {
48
+ t2 = $[1];
49
+ }
50
+ let t3;
51
+ if ($[2] !== contextValue.cellEditorConfig || $[3] !== contextValue.cellEditorPlugins) {
52
+ t3 = {
30
53
  cellEditorConfig: contextValue.cellEditorConfig,
31
54
  cellEditorPlugins: contextValue.cellEditorPlugins,
32
- set: (cellEditorConfig, cellEditorPlugins) => {
33
- setContextValue({
34
- cellEditorConfig,
35
- cellEditorPlugins
36
- });
37
- }
38
- }), [contextValue.cellEditorConfig, contextValue.cellEditorPlugins]),
39
- children: children
40
- });
55
+ set: t2
56
+ };
57
+ $[2] = contextValue.cellEditorConfig;
58
+ $[3] = contextValue.cellEditorPlugins;
59
+ $[4] = t3;
60
+ } else {
61
+ t3 = $[4];
62
+ }
63
+ const t4 = t3;
64
+ let t5;
65
+ if ($[5] !== children || $[6] !== t4) {
66
+ t5 = _jsx(CellContext, {
67
+ value: t4,
68
+ children
69
+ });
70
+ $[5] = children;
71
+ $[6] = t4;
72
+ $[7] = t5;
73
+ } else {
74
+ t5 = $[7];
75
+ }
76
+ return t5;
41
77
  }
42
78
  export const TablePlugin = () => {
43
79
  const [editor] = useLexicalComposerContext();