@payloadcms/richtext-lexical 3.68.0-internal-debug.35482da → 3.68.0-internal-debug.e9b66ee

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin';
 import { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table';
@@ -13,7 +12,7 @@ import { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js';
 import { useLexicalDrawer } from '../../../../../utilities/fieldsDrawer/useLexicalDrawer.js';
 import './index.scss';
 export const OPEN_TABLE_DRAWER_COMMAND = createCommand('OPEN_EMBED_DRAWER_COMMAND');
-export const CellContext = /*#__PURE__*/ createContext({
+export const CellContext = createContext({
     cellEditorConfig: null,
     cellEditorPlugins: null,
     set: ()=>{}
@@ -24,26 +23,21 @@ export function TableContext({ children }) {
         cellEditorConfig: null,
         cellEditorPlugins: null
     });
-    return /*#__PURE__*/ _jsxDEV(CellContext, {
-        value: useMemo(()=>({
-                cellEditorConfig: contextValue.cellEditorConfig,
-                cellEditorPlugins: contextValue.cellEditorPlugins,
-                set: (cellEditorConfig, cellEditorPlugins)=>{
-                    setContextValue({
-                        cellEditorConfig,
-                        cellEditorPlugins
-                    });
-                }
-            }), [
-            contextValue.cellEditorConfig,
-            contextValue.cellEditorPlugins
-        ]),
-        children: children
-    }, void 0, false, {
-        fileName: "src/features/experimental_table/client/plugins/TablePlugin/index.tsx",
-        lineNumber: 67,
-        columnNumber: 5
-    }, this);
+    return <CellContext value={useMemo(()=>({
+            cellEditorConfig: contextValue.cellEditorConfig,
+            cellEditorPlugins: contextValue.cellEditorPlugins,
+            set: (cellEditorConfig, cellEditorPlugins)=>{
+                setContextValue({
+                    cellEditorConfig,
+                    cellEditorPlugins
+                });
+            }
+        }), [
+        contextValue.cellEditorConfig,
+        contextValue.cellEditorPlugins
+    ])}>
+      {children}
+    </CellContext>;
 }
 export const TablePlugin = ()=>{
     const [editor] = useLexicalComposerContext();
@@ -81,43 +75,18 @@ export const TablePlugin = ()=>{
         editor,
         toggleDrawer
     ]);
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldsDrawer, {
-                drawerSlug: drawerSlug,
-                drawerTitle: "Create Table",
-                featureKey: "experimental_table",
-                handleDrawerSubmit: (_fields, data)=>{
-                    if (!data.columns || !data.rows) {
-                        return;
-                    }
-                    editor.dispatchCommand(INSERT_TABLE_COMMAND, {
-                        columns: String(data.columns),
-                        rows: String(data.rows)
-                    });
-                },
-                schemaPath: schemaPath,
-                schemaPathSuffix: "fields"
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TablePlugin/index.tsx",
-                lineNumber: 131,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(LexicalReactTablePlugin, {
-                hasCellBackgroundColor: false,
-                hasCellMerge: true,
-                hasHorizontalScroll: true
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TablePlugin/index.tsx",
-                lineNumber: 148,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/features/experimental_table/client/plugins/TablePlugin/index.tsx",
-        lineNumber: 130,
-        columnNumber: 5
-    }, this);
+    return <React.Fragment>
+      <FieldsDrawer drawerSlug={drawerSlug} drawerTitle="Create Table" featureKey="experimental_table" handleDrawerSubmit={(_fields, data)=>{
+        if (!data.columns || !data.rows) {
+            return;
+        }
+        editor.dispatchCommand(INSERT_TABLE_COMMAND, {
+            columns: String(data.columns),
+            rows: String(data.rows)
+        });
+    }} schemaPath={schemaPath} schemaPathSuffix="fields"/>
+      <LexicalReactTablePlugin hasCellBackgroundColor={false} hasCellMerge hasHorizontalScroll={true}/>
+    </React.Fragment>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n  RangeSelection,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth } from '@payloadcms/ui'\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical'\nimport { createContext, use, useEffect, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDrawer } from '../../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport './index.scss'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const editDepth = useEditDepth()\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: 'lexical-table-create-' + uuid,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          let rangeSelection: null | RangeSelection = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              rangeSelection = selection\n            }\n          })\n\n          if (rangeSelection) {\n            toggleDrawer()\n          }\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, toggleDrawer])\n\n  return (\n    <React.Fragment>\n      <FieldsDrawer\n        drawerSlug={drawerSlug}\n        drawerTitle=\"Create Table\"\n        featureKey=\"experimental_table\"\n        handleDrawerSubmit={(_fields, data) => {\n          if (!data.columns || !data.rows) {\n            return\n          }\n\n          editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n            columns: String(data.columns),\n            rows: String(data.rows),\n          })\n        }}\n        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","formatDrawerSlug","useEditDepth","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useEffect","useMemo","useState","React","useEditorConfigContext","FieldsDrawer","useLexicalDrawer","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","value","editor","cellContext","editDepth","fieldProps","schemaPath","uuid","drawerSlug","slug","depth","toggleDrawer","hasNodes","Error","registerCommand","rangeSelection","getEditorState","read","selection","Fragment","drawerTitle","featureKey","handleDrawerSubmit","_fields","data","columns","rows","dispatchCommand","String","schemaPathSuffix","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"mappings":"AAAA;;AAYA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,eAAeC,uBAAuB,QAAQ,oCAAmC;AAC1F,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,SAAS,EAAEC,YAAY,QAAQ,iBAAgB;AAC7F,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,gBAAgB,EAAEC,YAAY,QAAQ,iBAAgB;AAC/D,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,uBAAuB,EAAEC,aAAa,QAAQ,UAAS;AAClG,SAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACxE,YAAYC,WAAW,QAAO;AAI9B,SAASC,sBAAsB,QAAQ,+DAA8D;AACrG,SAASC,YAAY,QAAQ,kDAAiD;AAC9E,SAASC,gBAAgB,QAAQ,4DAA2D;AAC5F,OAAO,eAAc;AAmBrB,OAAO,MAAMC,4BAAgDV,cAC3D,6BACD;AAED,OAAO,MAAMW,4BAAcV,cAAgC;IACzDW,kBAAkB;IAClBC,mBAAmB;IACnBC,KAAK,KAEL;AACF,GAAE;AAFE,QAAQ;AAIZ,OAAO,SAASC,aAAa,EAAEC,QAAQ,EAA6B;IAClE,MAAM,CAACC,cAAcC,gBAAgB,GAAGb,SAGrC;QACDO,kBAAkB;QAClBC,mBAAmB;IACrB;IACA,qBACE,QAACF;QACCQ,OAAOf,QACL,IAAO,CAAA;gBACLQ,kBAAkBK,aAAaL,gBAAgB;gBAC/CC,mBAAmBI,aAAaJ,iBAAiB;gBACjDC,KAAK,CAACF,kBAAkBC;oBACtBK,gBAAgB;wBAAEN;wBAAkBC;oBAAkB;gBACxD;YACF,CAAA,GACA;YAACI,aAAaL,gBAAgB;YAAEK,aAAaJ,iBAAiB;SAAC;kBAGhEG;;;;;;AAGP;AAEA,OAAO,MAAM5B,cAA+B;IAC1C,MAAM,CAACgC,OAAO,GAAGjC;IACjB,MAAMkC,cAAcnB,IAAIS;IACxB,MAAMW,YAAY1B;IAClB,MAAM,EACJ2B,YAAY,EAAEC,UAAU,EAAE,EAC1BC,IAAI,EACL,GAAGlB;IAEJ,MAAMmB,aAAa/B,iBAAiB;QAClCgC,MAAM,0BAA0BF;QAChCG,OAAON;IACT;IACA,MAAM,EAAEO,YAAY,EAAE,GAAGpB,iBAAiBiB,YAAY;IAEtDvB,UAAU;QACR,IAAI,CAACiB,OAAOU,QAAQ,CAAC;YAACtC;YAAWC;YAAcF;SAAc,GAAG;YAC9D,MAAM,IAAIwC,MACR;QAEJ;QAEA,OAAOrC,cACL0B,OAAOY,eAAe,CACpBtB,2BACA;YACE,IAAIuB,iBAAwC;YAE5Cb,OAAOc,cAAc,GAAGC,IAAI,CAAC;gBAC3B,MAAMC,YAAYvC;gBAClB,IAAIC,kBAAkBsC,YAAY;oBAChCH,iBAAiBG;gBACnB;YACF;YAEA,IAAIH,gBAAgB;gBAClBJ;YACF;YACA,OAAO;QACT,GACA9B;IAGN,GAAG;QAACsB;QAAaD;QAAQS;KAAa;IAEtC,qBACE,QAACvB,MAAM+B,QAAQ;;0BACb,QAAC7B;gBACCkB,YAAYA;gBACZY,aAAY;gBACZC,YAAW;gBACXC,oBAAoB,CAACC,SAASC;oBAC5B,IAAI,CAACA,KAAKC,OAAO,IAAI,CAACD,KAAKE,IAAI,EAAE;wBAC/B;oBACF;oBAEAxB,OAAOyB,eAAe,CAACvD,sBAAsB;wBAC3CqD,SAASG,OAAOJ,KAAKC,OAAO;wBAC5BC,MAAME,OAAOJ,KAAKE,IAAI;oBACxB;gBACF;gBACApB,YAAYA;gBACZuB,kBAAiB;;;;;;0BAEnB,QAAC1D;gBACC2D,wBAAwB;gBACxBC,YAAY;gBACZC,qBAAqB;;;;;;;;;;;;AAI7B,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n  RangeSelection,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableCellNode, TableNode, TableRowNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth } from '@payloadcms/ui'\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical'\nimport { createContext, use, useEffect, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { useLexicalDrawer } from '../../../../../utilities/fieldsDrawer/useLexicalDrawer.js'\nimport './index.scss'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = use(CellContext)\n  const editDepth = useEditDepth()\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: 'lexical-table-create-' + uuid,\n    depth: editDepth,\n  })\n  const { toggleDrawer } = useLexicalDrawer(drawerSlug, true)\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode, TableRowNode, TableCellNode])) {\n      throw new Error(\n        'TablePlugin: TableNode, TableRowNode, or TableCellNode is not registered on editor',\n      )\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          let rangeSelection: null | RangeSelection = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              rangeSelection = selection\n            }\n          })\n\n          if (rangeSelection) {\n            toggleDrawer()\n          }\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, toggleDrawer])\n\n  return (\n    <React.Fragment>\n      <FieldsDrawer\n        drawerSlug={drawerSlug}\n        drawerTitle=\"Create Table\"\n        featureKey=\"experimental_table\"\n        handleDrawerSubmit={(_fields, data) => {\n          if (!data.columns || !data.rows) {\n            return\n          }\n\n          editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n            columns: String(data.columns),\n            rows: String(data.rows),\n          })\n        }}\n        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n      <LexicalReactTablePlugin\n        hasCellBackgroundColor={false}\n        hasCellMerge\n        hasHorizontalScroll={true}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableCellNode","TableNode","TableRowNode","mergeRegister","formatDrawerSlug","useEditDepth","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","use","useEffect","useMemo","useState","React","useEditorConfigContext","FieldsDrawer","useLexicalDrawer","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","value","editor","cellContext","editDepth","fieldProps","schemaPath","uuid","drawerSlug","slug","depth","toggleDrawer","hasNodes","Error","registerCommand","rangeSelection","getEditorState","read","selection","Fragment","drawerTitle","featureKey","handleDrawerSubmit","_fields","data","columns","rows","dispatchCommand","String","schemaPathSuffix","hasCellBackgroundColor","hasCellMerge","hasHorizontalScroll"],"mappings":"AAAA;AAYA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,eAAeC,uBAAuB,QAAQ,oCAAmC;AAC1F,SAASC,oBAAoB,EAAEC,aAAa,EAAEC,SAAS,EAAEC,YAAY,QAAQ,iBAAgB;AAC7F,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,gBAAgB,EAAEC,YAAY,QAAQ,iBAAgB;AAC/D,SAASC,aAAa,EAAEC,iBAAiB,EAAEC,uBAAuB,EAAEC,aAAa,QAAQ,UAAS;AAClG,SAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AACxE,YAAYC,WAAW,QAAO;AAI9B,SAASC,sBAAsB,QAAQ,+DAA8D;AACrG,SAASC,YAAY,QAAQ,kDAAiD;AAC9E,SAASC,gBAAgB,QAAQ,4DAA2D;AAC5F,OAAO,eAAc;AAmBrB,OAAO,MAAMC,4BAAgDV,cAC3D,6BACD;AAED,OAAO,MAAMW,cAAcV,cAAgC;IACzDW,kBAAkB;IAClBC,mBAAmB;IACnBC,KAAK,KAEL;AACF,GAAE;AAFE,QAAQ;AAIZ,OAAO,SAASC,aAAa,EAAEC,QAAQ,EAA6B;IAClE,MAAM,CAACC,cAAcC,gBAAgB,GAAGb,SAGrC;QACDO,kBAAkB;QAClBC,mBAAmB;IACrB;IACA,QACGF,YACCQ,OAAOf,QACL,IAAO,CAAA;YACLQ,kBAAkBK,aAAaL,gBAAgB;YAC/CC,mBAAmBI,aAAaJ,iBAAiB;YACjDC,KAAK,CAACF,kBAAkBC;gBACtBK,gBAAgB;oBAAEN;oBAAkBC;gBAAkB;YACxD;QACF,CAAA,GACA;QAACI,aAAaL,gBAAgB;QAAEK,aAAaJ,iBAAiB;KAAC,GAElE;MACC,CAACG,SAAS;IACZ,EAAEL;AAEN;AAEA,OAAO,MAAMvB,cAA+B;IAC1C,MAAM,CAACgC,OAAO,GAAGjC;IACjB,MAAMkC,cAAcnB,IAAIS;IACxB,MAAMW,YAAY1B;IAClB,MAAM,EACJ2B,YAAY,EAAEC,UAAU,EAAE,EAC1BC,IAAI,EACL,GAAGlB;IAEJ,MAAMmB,aAAa/B,iBAAiB;QAClCgC,MAAM,0BAA0BF;QAChCG,OAAON;IACT;IACA,MAAM,EAAEO,YAAY,EAAE,GAAGpB,iBAAiBiB,YAAY;IAEtDvB,UAAU;QACR,IAAI,CAACiB,OAAOU,QAAQ,CAAC;YAACtC;YAAWC;YAAcF;SAAc,GAAG;YAC9D,MAAM,IAAIwC,MACR;QAEJ;QAEA,OAAOrC,cACL0B,OAAOY,eAAe,CACpBtB,2BACA;YACE,IAAIuB,iBAAwC;YAE5Cb,OAAOc,cAAc,GAAGC,IAAI,CAAC;gBAC3B,MAAMC,YAAYvC;gBAClB,IAAIC,kBAAkBsC,YAAY;oBAChCH,iBAAiBG;gBACnB;YACF;YAEA,IAAIH,gBAAgB;gBAClBJ;YACF;YACA,OAAO;QACT,GACA9B;IAGN,GAAG;QAACsB;QAAaD;QAAQS;KAAa;IAEtC,QACGvB,MAAM+B,SAAS;MACd,CAAC7B,aACCkB,YAAYA,YACZY,YAAY,eACZC,WAAW,qBACXC,oBAAoB,CAACC,SAASC;QAC5B,IAAI,CAACA,KAAKC,OAAO,IAAI,CAACD,KAAKE,IAAI,EAAE;YAC/B;QACF;QAEAxB,OAAOyB,eAAe,CAACvD,sBAAsB;YAC3CqD,SAASG,OAAOJ,KAAKC,OAAO;YAC5BC,MAAME,OAAOJ,KAAKE,IAAI;QACxB;IACF,GACApB,YAAYA,YACZuB,iBAAiB,UACjB;MACF,CAAC1D,wBACC2D,wBAAwB,OACxBC,aACAC,qBAAqB,OACrB;IACJ,EAAE5C,MAAM+B;AAEZ,EAAC"}

package/dist/features/horizontalRule/client/nodes/HorizontalRuleNode.js

@@ -1,6 +1,5 @@
 'use client';
 import { $applyNodeReplacement } from 'lexical';
-import * as React from 'react';
 import { HorizontalRuleServerNode } from '../../server/nodes/HorizontalRuleNode.js';
 export class HorizontalRuleNode extends HorizontalRuleServerNode {
     static clone(node) {

package/dist/features/horizontalRule/client/nodes/HorizontalRuleNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/features/horizontalRule/client/nodes/HorizontalRuleNode.tsx"],"sourcesContent":["'use client'\nimport type { DOMConversionOutput, LexicalNode, SerializedLexicalNode } from 'lexical'\n\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { SerializedHorizontalRuleNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nimport { HorizontalRuleServerNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nexport class HorizontalRuleNode extends HorizontalRuleServerNode {\n  static override clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static override importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleNode {\n    return $createHorizontalRuleNode()\n  }\n\n  /**\n   * Allows you to render a React component within whatever createDOM returns.\n   */\n  override decorate() {\n    return null\n  }\n\n  override exportJSON(): SerializedLexicalNode {\n    return super.exportJSON()\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleNode() }\n}\n\nexport function $createHorizontalRuleNode(): HorizontalRuleNode {\n  return $applyNodeReplacement(new HorizontalRuleNode())\n}\n\nexport function $isHorizontalRuleNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleNode {\n  return node instanceof HorizontalRuleNode\n}\n"],"names":["$applyNodeReplacement","React","HorizontalRuleServerNode","HorizontalRuleNode","clone","node","getType","importJSON","serializedNode","$createHorizontalRuleNode","decorate","exportJSON","$convertHorizontalRuleElement","$isHorizontalRuleNode"],"mappings":"AAAA;AAGA,SAASA,qBAAqB,QAAQ,UAAS;AAC/C,YAAYC,WAAW,QAAO;AAI9B,SAASC,wBAAwB,QAAQ,2CAA0C;AAEnF,OAAO,MAAMC,2BAA2BD;IACtC,OAAgBE,MAAMC,IAA8B,EAA4B;QAC9E,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA;;GAEC,GACD,OAAgBC,WAAWC,cAA4C,EAAsB;QAC3F,OAAOC;IACT;IAEA;;GAEC,GACD,AAASC,WAAW;QAClB,OAAO;IACT;IAESC,aAAoC;QAC3C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,SAASC;IACP,OAAO;QAAEP,MAAMI;IAA4B;AAC7C;AAEA,OAAO,SAASA;IACd,OAAOT,sBAAsB,IAAIG;AACnC;AAEA,OAAO,SAASU,sBACdR,IAAoC;IAEpC,OAAOA,gBAAgBF;AACzB"}
+{"version":3,"sources":["../../../../../src/features/horizontalRule/client/nodes/HorizontalRuleNode.tsx"],"sourcesContent":["'use client'\nimport type { DOMConversionOutput, LexicalNode, SerializedLexicalNode } from 'lexical'\n\nimport { $applyNodeReplacement } from 'lexical'\nimport * as React from 'react'\n\nimport type { SerializedHorizontalRuleNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nimport { HorizontalRuleServerNode } from '../../server/nodes/HorizontalRuleNode.js'\n\nexport class HorizontalRuleNode extends HorizontalRuleServerNode {\n  static override clone(node: HorizontalRuleServerNode): HorizontalRuleServerNode {\n    return super.clone(node)\n  }\n\n  static override getType(): string {\n    return super.getType()\n  }\n\n  /**\n   * The data for this node is stored serialized as JSON. This is the \"load function\" of that node: it takes the saved data and converts it into a node.\n   */\n  static override importJSON(serializedNode: SerializedHorizontalRuleNode): HorizontalRuleNode {\n    return $createHorizontalRuleNode()\n  }\n\n  /**\n   * Allows you to render a React component within whatever createDOM returns.\n   */\n  override decorate() {\n    return null\n  }\n\n  override exportJSON(): SerializedLexicalNode {\n    return super.exportJSON()\n  }\n}\n\nfunction $convertHorizontalRuleElement(): DOMConversionOutput {\n  return { node: $createHorizontalRuleNode() }\n}\n\nexport function $createHorizontalRuleNode(): HorizontalRuleNode {\n  return $applyNodeReplacement(new HorizontalRuleNode())\n}\n\nexport function $isHorizontalRuleNode(\n  node: LexicalNode | null | undefined,\n): node is HorizontalRuleNode {\n  return node instanceof HorizontalRuleNode\n}\n"],"names":["$applyNodeReplacement","HorizontalRuleServerNode","HorizontalRuleNode","clone","node","getType","importJSON","serializedNode","$createHorizontalRuleNode","decorate","exportJSON","$convertHorizontalRuleElement","$isHorizontalRuleNode"],"mappings":"AAAA;AAGA,SAASA,qBAAqB,QAAQ,UAAS;AAK/C,SAASC,wBAAwB,QAAQ,2CAA0C;AAEnF,OAAO,MAAMC,2BAA2BD;IACtC,OAAgBE,MAAMC,IAA8B,EAA4B;QAC9E,OAAO,KAAK,CAACD,MAAMC;IACrB;IAEA,OAAgBC,UAAkB;QAChC,OAAO,KAAK,CAACA;IACf;IAEA;;GAEC,GACD,OAAgBC,WAAWC,cAA4C,EAAsB;QAC3F,OAAOC;IACT;IAEA;;GAEC,GACD,AAASC,WAAW;QAClB,OAAO;IACT;IAESC,aAAoC;QAC3C,OAAO,KAAK,CAACA;IACf;AACF;AAEA,SAASC;IACP,OAAO;QAAEP,MAAMI;IAA4B;AAC7C;AAEA,OAAO,SAASA;IACd,OAAOR,sBAAsB,IAAIE;AACnC;AAEA,OAAO,SAASU,sBACdR,IAAoC;IAEpC,OAAOA,gBAAgBF;AACzB"}

package/dist/features/indent/client/IndentPlugin.js

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
@@ -56,11 +55,7 @@ export const IndentPlugin = ({ clientProps })=>{
         editor,
         disableTabNode
     ]);
-    return /*#__PURE__*/ _jsxDEV(TabIndentationPlugin, {}, void 0, false, {
-        fileName: "src/features/indent/client/IndentPlugin.tsx",
-        lineNumber: 87,
-        columnNumber: 10
-    }, this);
+    return <TabIndentationPlugin/>;
 };
 function $handleIndentAndOutdent(indentOrOutdent) {
     const selection = $getSelection();

package/dist/features/indent/client/IndentPlugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"sourcesContent":["import type { ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  INDENT_CONTENT_COMMAND,\n  KEY_TAB_COMMAND,\n  OUTDENT_CONTENT_COMMAND,\n  TabNode,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../typesClient.js'\nimport type { IndentFeatureProps } from '../server/index.js'\n\nexport const IndentPlugin: PluginComponent<IndentFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const { disabledNodes, disableTabNode } = clientProps\n\n  useEffect(() => {\n    if (!editor || !disabledNodes?.length) {\n      return\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        INDENT_CONTENT_COMMAND,\n        () => {\n          return $handleIndentAndOutdent((block) => {\n            if (!disabledNodes.includes(block.getType())) {\n              const indent = block.getIndent()\n              block.setIndent(indent + 1)\n            }\n          })\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // If we disable indenting for certain nodes, we need to ensure that these are not indented,\n      // if they get transformed from an indented state (e.g. an indented list node gets transformed into a\n      // paragraph node for which indenting is disabled).\n      editor.registerUpdateListener(({ dirtyElements, editorState }) => {\n        editor.update(() => {\n          for (const [nodeKey] of dirtyElements) {\n            const node = editorState._nodeMap.get(nodeKey)\n            if ($isElementNode(node) && disabledNodes.includes(node.getType())) {\n              const currentIndent = node.getIndent()\n              if (currentIndent > 0) {\n                node.setIndent(0)\n              }\n            }\n          }\n        })\n      }),\n    )\n  }, [editor, disabledNodes])\n\n  useEffect(() => {\n    if (!editor || !disableTabNode) {\n      return\n    }\n    return mergeRegister(\n      // This is so that when you press Tab in the middle of a paragraph,\n      // it indents the paragraph, instead of inserting a TabNode.\n      editor.registerCommand<KeyboardEvent>(\n        KEY_TAB_COMMAND,\n        (event) => {\n          event.preventDefault()\n          return editor.dispatchCommand(\n            event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND,\n            undefined,\n          )\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Tab isn't the only way to insert a TabNode. We have to make sure\n      // it doesn't happen, for example, when pasting from the clipboard.\n      editor.registerNodeTransform(TabNode, (node) => {\n        node.remove()\n      }),\n    )\n  }, [editor, disableTabNode])\n\n  return <TabIndentationPlugin />\n}\n\nfunction $handleIndentAndOutdent(indentOrOutdent: (block: ElementNode) => void): boolean {\n  const selection = $getSelection()\n  if (!$isRangeSelection(selection)) {\n    return false\n  }\n  const alreadyHandled = new Set()\n  const nodes = selection.getNodes()\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i]!\n    const key = node.getKey()\n    if (alreadyHandled.has(key)) {\n      continue\n    }\n    const parentBlock = $findMatchingParent(\n      node,\n      (parentNode): parentNode is ElementNode =>\n        $isElementNode(parentNode) && !parentNode.isInline(),\n    )\n    if (parentBlock === null) {\n      continue\n    }\n    const parentKey = parentBlock.getKey()\n    if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {\n      alreadyHandled.add(parentKey)\n      indentOrOutdent(parentBlock)\n    }\n  }\n  return alreadyHandled.size > 0\n}\n"],"names":["useLexicalComposerContext","TabIndentationPlugin","$findMatchingParent","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","INDENT_CONTENT_COMMAND","KEY_TAB_COMMAND","OUTDENT_CONTENT_COMMAND","TabNode","useEffect","IndentPlugin","clientProps","editor","disabledNodes","disableTabNode","length","registerCommand","$handleIndentAndOutdent","block","includes","getType","indent","getIndent","setIndent","registerUpdateListener","dirtyElements","editorState","update","nodeKey","node","_nodeMap","get","currentIndent","event","preventDefault","dispatchCommand","shiftKey","undefined","registerNodeTransform","remove","indentOrOutdent","selection","alreadyHandled","Set","nodes","getNodes","i","key","getKey","has","parentBlock","parentNode","isInline","parentKey","canIndent","add","size"],"mappings":";AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,oBAAoB,QAAQ,6CAA4C;AACjF,SAASC,mBAAmB,EAAEC,aAAa,QAAQ,iBAAgB;AACnE,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,sBAAsB,EACtBC,eAAe,EACfC,uBAAuB,EACvBC,OAAO,QACF,UAAS;AAChB,SAASC,SAAS,QAAQ,QAAO;AAKjC,OAAO,MAAMC,eAAoD,CAAC,EAAEC,WAAW,EAAE;IAC/E,MAAM,CAACC,OAAO,GAAGf;IACjB,MAAM,EAAEgB,aAAa,EAAEC,cAAc,EAAE,GAAGH;IAE1CF,UAAU;QACR,IAAI,CAACG,UAAU,CAACC,eAAeE,QAAQ;YACrC;QACF;QACA,OAAOf,cACLY,OAAOI,eAAe,CACpBX,wBACA;YACE,OAAOY,wBAAwB,CAACC;gBAC9B,IAAI,CAACL,cAAcM,QAAQ,CAACD,MAAME,OAAO,KAAK;oBAC5C,MAAMC,SAASH,MAAMI,SAAS;oBAC9BJ,MAAMK,SAAS,CAACF,SAAS;gBAC3B;YACF;QACF,GACAjB,uBAEF,4FAA4F;QAC5F,qGAAqG;QACrG,mDAAmD;QACnDQ,OAAOY,sBAAsB,CAAC,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YAC3Dd,OAAOe,MAAM,CAAC;gBACZ,KAAK,MAAM,CAACC,QAAQ,IAAIH,cAAe;oBACrC,MAAMI,OAAOH,YAAYI,QAAQ,CAACC,GAAG,CAACH;oBACtC,IAAI1B,eAAe2B,SAAShB,cAAcM,QAAQ,CAACU,KAAKT,OAAO,KAAK;wBAClE,MAAMY,gBAAgBH,KAAKP,SAAS;wBACpC,IAAIU,gBAAgB,GAAG;4BACrBH,KAAKN,SAAS,CAAC;wBACjB;oBACF;gBACF;YACF;QACF;IAEJ,GAAG;QAACX;QAAQC;KAAc;IAE1BJ,UAAU;QACR,IAAI,CAACG,UAAU,CAACE,gBAAgB;YAC9B;QACF;QACA,OAAOd,cACL,mEAAmE;QACnE,4DAA4D;QAC5DY,OAAOI,eAAe,CACpBV,iBACA,CAAC2B;YACCA,MAAMC,cAAc;YACpB,OAAOtB,OAAOuB,eAAe,CAC3BF,MAAMG,QAAQ,GAAG7B,0BAA0BF,wBAC3CgC;QAEJ,GACAjC,uBAEF,mEAAmE;QACnE,mEAAmE;QACnEQ,OAAO0B,qBAAqB,CAAC9B,SAAS,CAACqB;YACrCA,KAAKU,MAAM;QACb;IAEJ,GAAG;QAAC3B;QAAQE;KAAe;IAE3B,qBAAO,QAAChB;;;;;AACV,EAAC;AAED,SAASmB,wBAAwBuB,eAA6C;IAC5E,MAAMC,YAAYxC;IAClB,IAAI,CAACE,kBAAkBsC,YAAY;QACjC,OAAO;IACT;IACA,MAAMC,iBAAiB,IAAIC;IAC3B,MAAMC,QAAQH,UAAUI,QAAQ;IAChC,IAAK,IAAIC,IAAI,GAAGA,IAAIF,MAAM7B,MAAM,EAAE+B,IAAK;QACrC,MAAMjB,OAAOe,KAAK,CAACE,EAAE;QACrB,MAAMC,MAAMlB,KAAKmB,MAAM;QACvB,IAAIN,eAAeO,GAAG,CAACF,MAAM;YAC3B;QACF;QACA,MAAMG,cAAcnD,oBAClB8B,MACA,CAACsB,aACCjD,eAAeiD,eAAe,CAACA,WAAWC,QAAQ;QAEtD,IAAIF,gBAAgB,MAAM;YACxB;QACF;QACA,MAAMG,YAAYH,YAAYF,MAAM;QACpC,IAAIE,YAAYI,SAAS,MAAM,CAACZ,eAAeO,GAAG,CAACI,YAAY;YAC7DX,eAAea,GAAG,CAACF;YACnBb,gBAAgBU;QAClB;IACF;IACA,OAAOR,eAAec,IAAI,GAAG;AAC/B"}
+{"version":3,"sources":["../../../../src/features/indent/client/IndentPlugin.tsx"],"sourcesContent":["import type { ElementNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  INDENT_CONTENT_COMMAND,\n  KEY_TAB_COMMAND,\n  OUTDENT_CONTENT_COMMAND,\n  TabNode,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../typesClient.js'\nimport type { IndentFeatureProps } from '../server/index.js'\n\nexport const IndentPlugin: PluginComponent<IndentFeatureProps> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n  const { disabledNodes, disableTabNode } = clientProps\n\n  useEffect(() => {\n    if (!editor || !disabledNodes?.length) {\n      return\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        INDENT_CONTENT_COMMAND,\n        () => {\n          return $handleIndentAndOutdent((block) => {\n            if (!disabledNodes.includes(block.getType())) {\n              const indent = block.getIndent()\n              block.setIndent(indent + 1)\n            }\n          })\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // If we disable indenting for certain nodes, we need to ensure that these are not indented,\n      // if they get transformed from an indented state (e.g. an indented list node gets transformed into a\n      // paragraph node for which indenting is disabled).\n      editor.registerUpdateListener(({ dirtyElements, editorState }) => {\n        editor.update(() => {\n          for (const [nodeKey] of dirtyElements) {\n            const node = editorState._nodeMap.get(nodeKey)\n            if ($isElementNode(node) && disabledNodes.includes(node.getType())) {\n              const currentIndent = node.getIndent()\n              if (currentIndent > 0) {\n                node.setIndent(0)\n              }\n            }\n          }\n        })\n      }),\n    )\n  }, [editor, disabledNodes])\n\n  useEffect(() => {\n    if (!editor || !disableTabNode) {\n      return\n    }\n    return mergeRegister(\n      // This is so that when you press Tab in the middle of a paragraph,\n      // it indents the paragraph, instead of inserting a TabNode.\n      editor.registerCommand<KeyboardEvent>(\n        KEY_TAB_COMMAND,\n        (event) => {\n          event.preventDefault()\n          return editor.dispatchCommand(\n            event.shiftKey ? OUTDENT_CONTENT_COMMAND : INDENT_CONTENT_COMMAND,\n            undefined,\n          )\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Tab isn't the only way to insert a TabNode. We have to make sure\n      // it doesn't happen, for example, when pasting from the clipboard.\n      editor.registerNodeTransform(TabNode, (node) => {\n        node.remove()\n      }),\n    )\n  }, [editor, disableTabNode])\n\n  return <TabIndentationPlugin />\n}\n\nfunction $handleIndentAndOutdent(indentOrOutdent: (block: ElementNode) => void): boolean {\n  const selection = $getSelection()\n  if (!$isRangeSelection(selection)) {\n    return false\n  }\n  const alreadyHandled = new Set()\n  const nodes = selection.getNodes()\n  for (let i = 0; i < nodes.length; i++) {\n    const node = nodes[i]!\n    const key = node.getKey()\n    if (alreadyHandled.has(key)) {\n      continue\n    }\n    const parentBlock = $findMatchingParent(\n      node,\n      (parentNode): parentNode is ElementNode =>\n        $isElementNode(parentNode) && !parentNode.isInline(),\n    )\n    if (parentBlock === null) {\n      continue\n    }\n    const parentKey = parentBlock.getKey()\n    if (parentBlock.canIndent() && !alreadyHandled.has(parentKey)) {\n      alreadyHandled.add(parentKey)\n      indentOrOutdent(parentBlock)\n    }\n  }\n  return alreadyHandled.size > 0\n}\n"],"names":["useLexicalComposerContext","TabIndentationPlugin","$findMatchingParent","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","INDENT_CONTENT_COMMAND","KEY_TAB_COMMAND","OUTDENT_CONTENT_COMMAND","TabNode","useEffect","IndentPlugin","clientProps","editor","disabledNodes","disableTabNode","length","registerCommand","$handleIndentAndOutdent","block","includes","getType","indent","getIndent","setIndent","registerUpdateListener","dirtyElements","editorState","update","nodeKey","node","_nodeMap","get","currentIndent","event","preventDefault","dispatchCommand","shiftKey","undefined","registerNodeTransform","remove","indentOrOutdent","selection","alreadyHandled","Set","nodes","getNodes","i","key","getKey","has","parentBlock","parentNode","isInline","parentKey","canIndent","add","size"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,oBAAoB,QAAQ,6CAA4C;AACjF,SAASC,mBAAmB,EAAEC,aAAa,QAAQ,iBAAgB;AACnE,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,sBAAsB,EACtBC,eAAe,EACfC,uBAAuB,EACvBC,OAAO,QACF,UAAS;AAChB,SAASC,SAAS,QAAQ,QAAO;AAKjC,OAAO,MAAMC,eAAoD,CAAC,EAAEC,WAAW,EAAE;IAC/E,MAAM,CAACC,OAAO,GAAGf;IACjB,MAAM,EAAEgB,aAAa,EAAEC,cAAc,EAAE,GAAGH;IAE1CF,UAAU;QACR,IAAI,CAACG,UAAU,CAACC,eAAeE,QAAQ;YACrC;QACF;QACA,OAAOf,cACLY,OAAOI,eAAe,CACpBX,wBACA;YACE,OAAOY,wBAAwB,CAACC;gBAC9B,IAAI,CAACL,cAAcM,QAAQ,CAACD,MAAME,OAAO,KAAK;oBAC5C,MAAMC,SAASH,MAAMI,SAAS;oBAC9BJ,MAAMK,SAAS,CAACF,SAAS;gBAC3B;YACF;QACF,GACAjB,uBAEF,4FAA4F;QAC5F,qGAAqG;QACrG,mDAAmD;QACnDQ,OAAOY,sBAAsB,CAAC,CAAC,EAAEC,aAAa,EAAEC,WAAW,EAAE;YAC3Dd,OAAOe,MAAM,CAAC;gBACZ,KAAK,MAAM,CAACC,QAAQ,IAAIH,cAAe;oBACrC,MAAMI,OAAOH,YAAYI,QAAQ,CAACC,GAAG,CAACH;oBACtC,IAAI1B,eAAe2B,SAAShB,cAAcM,QAAQ,CAACU,KAAKT,OAAO,KAAK;wBAClE,MAAMY,gBAAgBH,KAAKP,SAAS;wBACpC,IAAIU,gBAAgB,GAAG;4BACrBH,KAAKN,SAAS,CAAC;wBACjB;oBACF;gBACF;YACF;QACF;IAEJ,GAAG;QAACX;QAAQC;KAAc;IAE1BJ,UAAU;QACR,IAAI,CAACG,UAAU,CAACE,gBAAgB;YAC9B;QACF;QACA,OAAOd,cACL,mEAAmE;QACnE,4DAA4D;QAC5DY,OAAOI,eAAe,CACpBV,iBACA,CAAC2B;YACCA,MAAMC,cAAc;YACpB,OAAOtB,OAAOuB,eAAe,CAC3BF,MAAMG,QAAQ,GAAG7B,0BAA0BF,wBAC3CgC;QAEJ,GACAjC,uBAEF,mEAAmE;QACnE,mEAAmE;QACnEQ,OAAO0B,qBAAqB,CAAC9B,SAAS,CAACqB;YACrCA,KAAKU,MAAM;QACb;IAEJ,GAAG;QAAC3B;QAAQE;KAAe;IAE3B,QAAQhB;AACV,EAAC;AAED,SAASmB,wBAAwBuB,eAA6C;IAC5E,MAAMC,YAAYxC;IAClB,IAAI,CAACE,kBAAkBsC,YAAY;QACjC,OAAO;IACT;IACA,MAAMC,iBAAiB,IAAIC;IAC3B,MAAMC,QAAQH,UAAUI,QAAQ;IAChC,IAAK,IAAIC,IAAI,GAAGA,IAAIF,MAAM7B,MAAM,EAAE+B,IAAK;QACrC,MAAMjB,OAAOe,KAAK,CAACE,EAAE;QACrB,MAAMC,MAAMlB,KAAKmB,MAAM;QACvB,IAAIN,eAAeO,GAAG,CAACF,MAAM;YAC3B;QACF;QACA,MAAMG,cAAcnD,oBAClB8B,MACA,CAACsB,aACCjD,eAAeiD,eAAe,CAACA,WAAWC,QAAQ;QAEtD,IAAIF,gBAAgB,MAAM;YACxB;QACF;QACA,MAAMG,YAAYH,YAAYF,MAAM;QACpC,IAAIE,YAAYI,SAAS,MAAM,CAACZ,eAAeO,GAAG,CAACI,YAAY;YAC7DX,eAAea,GAAG,CAACF;YACnBb,gBAAgBU;QAClB;IACF;IACA,OAAOR,eAAec,IAAI,GAAG;AAC/B"}

package/dist/features/link/client/plugins/clickableLink/index.js

@@ -1,13 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ClickableLinkPlugin as LexicalClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin.js';
-import React from 'react';
 export const ClickableLinkPlugin = ()=>{
-    return /*#__PURE__*/ _jsxDEV(LexicalClickableLinkPlugin, {}, void 0, false, {
-        fileName: "src/features/link/client/plugins/clickableLink/index.tsx",
-        lineNumber: 9,
-        columnNumber: 10
-    }, this);
+    return <LexicalClickableLinkPlugin/>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/link/client/plugins/clickableLink/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/link/client/plugins/clickableLink/index.tsx"],"sourcesContent":["'use client'\nimport { ClickableLinkPlugin as LexicalClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin.js'\nimport React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { ClientProps } from '../../index.js'\n\nexport const ClickableLinkPlugin: PluginComponent<ClientProps> = () => {\n  return <LexicalClickableLinkPlugin />\n}\n"],"names":["ClickableLinkPlugin","LexicalClickableLinkPlugin","React"],"mappings":"AAAA;;AACA,SAASA,uBAAuBC,0BAA0B,QAAQ,+CAA8C;AAChH,OAAOC,WAAW,QAAO;AAKzB,OAAO,MAAMF,sBAAoD;IAC/D,qBAAO,QAACC;;;;;AACV,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/link/client/plugins/clickableLink/index.tsx"],"sourcesContent":["'use client'\nimport { ClickableLinkPlugin as LexicalClickableLinkPlugin } from '@lexical/react/LexicalClickableLinkPlugin.js'\nimport React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\nimport type { ClientProps } from '../../index.js'\n\nexport const ClickableLinkPlugin: PluginComponent<ClientProps> = () => {\n  return <LexicalClickableLinkPlugin />\n}\n"],"names":["ClickableLinkPlugin","LexicalClickableLinkPlugin"],"mappings":"AAAA;AACA,SAASA,uBAAuBC,0BAA0B,QAAQ,+CAA8C;AAMhH,OAAO,MAAMD,sBAAoD;IAC/D,QAAQC;AACV,EAAC"}

package/dist/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
@@ -248,156 +247,65 @@ export function LinkEditor({ anchorElem }) {
         editor,
         $updateLinkEditor
     ]);
-    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: "link-editor",
-                ref: editorRef,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: "link-input",
-                    children: [
-                        linkUrl && linkUrl.length > 0 ? /*#__PURE__*/ _jsxDEV("a", {
-                            href: linkUrl,
-                            rel: "noopener noreferrer",
-                            target: "_blank",
-                            children: [
-                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsxDEV(ExternalLinkIcon, {}, void 0, false, {
-                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                    lineNumber: 348,
-                                    columnNumber: 44
-                                }, this) : null,
-                                linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                            lineNumber: 347,
-                            columnNumber: 13
-                        }, this) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/ _jsxDEV(_Fragment, {
-                            children: [
-                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsxDEV(ExternalLinkIcon, {}, void 0, false, {
-                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                    lineNumber: 353,
-                                    columnNumber: 44
-                                }, this) : null,
-                                /*#__PURE__*/ _jsxDEV("span", {
-                                    className: "link-input__label-pure",
-                                    children: linkLabel
-                                }, void 0, false, {
-                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                    lineNumber: 354,
-                                    columnNumber: 15
-                                }, this)
-                            ]
-                        }, void 0, true) : null,
-                        isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsxDEV("button", {
-                                    "aria-label": "Edit link",
-                                    className: "link-edit",
-                                    onClick: (event)=>{
-                                        event.preventDefault();
-                                        toggleDrawer();
-                                    },
-                                    onMouseDown: preventDefault,
-                                    tabIndex: 0,
-                                    type: "button",
-                                    children: /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
-                                        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                        lineNumber: 371,
-                                        columnNumber: 17
-                                    }, this)
-                                }, void 0, false, {
-                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                    lineNumber: 360,
-                                    columnNumber: 15
-                                }, this),
-                                !isAutoLink && /*#__PURE__*/ _jsxDEV("button", {
-                                    "aria-label": "Remove link",
-                                    className: "link-trash",
-                                    onClick: ()=>{
-                                        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-                                    },
-                                    onMouseDown: preventDefault,
-                                    tabIndex: 0,
-                                    type: "button",
-                                    children: /*#__PURE__*/ _jsxDEV(CloseMenuIcon, {}, void 0, false, {
-                                        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                        lineNumber: 384,
-                                        columnNumber: 19
-                                    }, this)
-                                }, void 0, false, {
-                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                                    lineNumber: 374,
-                                    columnNumber: 17
-                                }, this)
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                            lineNumber: 359,
-                            columnNumber: 13
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                    lineNumber: 345,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                lineNumber: 344,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(FieldsDrawer, {
-                className: "lexical-link-edit-drawer",
-                data: stateData,
-                drawerSlug: drawerSlug,
-                drawerTitle: t('fields:editLink'),
-                featureKey: "link",
-                handleDrawerSubmit: (fields, data)=>{
-                    const newLinkPayload = data;
-                    const bareLinkFields = {
-                        ...newLinkPayload
-                    };
-                    delete bareLinkFields.text;
-                    // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).
-                    editor.update(()=>{
-                        const selection = $getSelection();
-                        let linkParent = null;
-                        if ($isRangeSelection(selection)) {
-                            linkParent = getSelectedNode(selection).getParent();
-                        } else {
-                            if (selectedNodes.length) {
-                                linkParent = selectedNodes[0]?.getParent() ?? null;
-                            }
-                        }
-                        if (linkParent && $isAutoLinkNode(linkParent)) {
-                            const linkNode = $createLinkNode({
-                                fields: bareLinkFields
-                            });
-                            linkParent.replace(linkNode, true);
-                        }
-                    });
-                    // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to
-                    // it being applied to the auto link node instead of the link node.
-                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
-                        fields: bareLinkFields,
-                        selectedNodes,
-                        text: newLinkPayload.text
-                    });
-                },
-                schemaPath: schemaPath,
-                schemaPathSuffix: "fields"
-            }, void 0, false, {
-                fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-                lineNumber: 391,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
-        lineNumber: 343,
-        columnNumber: 5
-    }, this);
+    return <React.Fragment>
+      <div className="link-editor" ref={editorRef}>
+        <div className="link-input">
+          {linkUrl && linkUrl.length > 0 ? <a href={linkUrl} rel="noopener noreferrer" target="_blank">
+              {linkNode?.__fields.newTab ? <ExternalLinkIcon/> : null}
+              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}
+            </a> : linkLabel != null && linkLabel.length > 0 ? <>
+              {linkNode?.__fields.newTab ? <ExternalLinkIcon/> : null}
+              <span className="link-input__label-pure">{linkLabel}</span>
+            </> : null}
+
+          {isEditable && <React.Fragment>
+              <button aria-label="Edit link" className="link-edit" onClick={(event)=>{
+        event.preventDefault();
+        toggleDrawer();
+    }} onMouseDown={preventDefault} tabIndex={0} type="button">
+                <EditIcon/>
+              </button>
+              {!isAutoLink && <button aria-label="Remove link" className="link-trash" onClick={()=>{
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+    }} onMouseDown={preventDefault} tabIndex={0} type="button">
+                  <CloseMenuIcon/>
+                </button>}
+            </React.Fragment>}
+        </div>
+      </div>
+      <FieldsDrawer className="lexical-link-edit-drawer" data={stateData} drawerSlug={drawerSlug} drawerTitle={t('fields:editLink')} featureKey="link" handleDrawerSubmit={(fields, data)=>{
+        const newLinkPayload = data;
+        const bareLinkFields = {
+            ...newLinkPayload
+        };
+        delete bareLinkFields.text;
+        // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).
+        editor.update(()=>{
+            const selection = $getSelection();
+            let linkParent = null;
+            if ($isRangeSelection(selection)) {
+                linkParent = getSelectedNode(selection).getParent();
+            } else {
+                if (selectedNodes.length) {
+                    linkParent = selectedNodes[0]?.getParent() ?? null;
+                }
+            }
+            if (linkParent && $isAutoLinkNode(linkParent)) {
+                const linkNode = $createLinkNode({
+                    fields: bareLinkFields
+                });
+                linkParent.replace(linkNode, true);
+            }
+        });
+        // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to
+        // it being applied to the auto link node instead of the link node.
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+            fields: bareLinkFields,
+            selectedNodes,
+            text: newLinkPayload.text
+        });
+    }} schemaPath={schemaPath} schemaPathSuffix="fields"/>
+    </React.Fragment>;
 }
 
 //# sourceMappingURL=index.js.map