@fluentui-copilot/react-editor-input 0.1.5 → 0.2.1

package/lib-commonjs/utilities/useLexicalEditor.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useLexicalEditor", {
+    enumerable: true,
+    get: function() {
+        return useLexicalEditor;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reacttexteditor = require("@fluentui-copilot/react-text-editor");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+// Merge initial state with history
+const UPDATE_OPTIONS = {
+    tag: 'history-merge'
+};
+function setInitialState(editor, initialState) {
+    if (initialState === null) {
+        return;
+    } else if (initialState === undefined) {
+        editor.update(()=>{
+            const root = (0, _reacttexteditor.$getRoot)();
+            if (root.isEmpty()) {
+                root.append((0, _reacttexteditor.$createParagraphNode)());
+            }
+        }, UPDATE_OPTIONS);
+    } else {
+        switch(typeof initialState){
+            case 'string':
+                {
+                    const parsedState = editor.parseEditorState(initialState);
+                    editor.setEditorState(parsedState, UPDATE_OPTIONS);
+                    break;
+                }
+            case 'object':
+                {
+                    editor.setEditorState(initialState, UPDATE_OPTIONS);
+                    break;
+                }
+            case 'function':
+                {
+                    editor.update(()=>{
+                        if ((0, _reacttexteditor.$getRoot)().isEmpty()) {
+                            initialState(editor);
+                        }
+                    }, UPDATE_OPTIONS);
+                }
+        }
+    }
+}
+function useLexicalEditor(initialConfig) {
+    const { theme, namespace, nodes, onError, editorState: initialEditorState, html, editable = true } = initialConfig;
+    const lexicalEditor = _react.useMemo(()=>{
+        const lexicalEditor = (0, _reacttexteditor.createEditor)({
+            editable,
+            html,
+            namespace,
+            nodes,
+            onError: (error)=>onError(error, lexicalEditor),
+            theme
+        });
+        setInitialState(lexicalEditor, initialEditorState);
+        return lexicalEditor;
+    }, // eslint-disable-next-line react-compiler/react-compiler -- This is a valid breakage of the rules of hooks
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- We only want to create this context once
+    []);
+    (0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
+        const isEditable = initialConfig.editable;
+        lexicalEditor.setEditable(isEditable !== undefined ? isEditable : true);
+    }, []);
+    return lexicalEditor;
+} //# sourceMappingURL=useLexicalEditor.js.map

package/lib-commonjs/utilities/useLexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLexicalEditor.ts"],"sourcesContent":["import type { InitialConfigType, LexicalEditor } from '@fluentui-copilot/react-text-editor';\nimport { $createParagraphNode } from '@fluentui-copilot/react-text-editor';\nimport { $getRoot } from '@fluentui-copilot/react-text-editor';\nimport { createEditor } from '@fluentui-copilot/react-text-editor';\nimport { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\n// Merge initial state with history\nconst UPDATE_OPTIONS = { tag: 'history-merge' };\n\nfunction setInitialState(editor: LexicalEditor, initialState: InitialConfigType['editorState']) {\n  if (initialState === null) {\n    return;\n  } else if (initialState === undefined) {\n    editor.update(() => {\n      const root = $getRoot();\n      if (root.isEmpty()) {\n        root.append($createParagraphNode());\n      }\n    }, UPDATE_OPTIONS);\n  } else {\n    switch (typeof initialState) {\n      case 'string': {\n        const parsedState = editor.parseEditorState(initialState);\n        editor.setEditorState(parsedState, UPDATE_OPTIONS);\n        break;\n      }\n      case 'object': {\n        editor.setEditorState(initialState, UPDATE_OPTIONS);\n        break;\n      }\n      case 'function': {\n        editor.update(() => {\n          if ($getRoot().isEmpty()) {\n            initialState(editor);\n          }\n        }, UPDATE_OPTIONS);\n      }\n    }\n  }\n}\n\nexport function useLexicalEditor(initialConfig: InitialConfigType) {\n  const { theme, namespace, nodes, onError, editorState: initialEditorState, html, editable = true } = initialConfig;\n\n  const lexicalEditor = React.useMemo(\n    () => {\n      const lexicalEditor = createEditor({\n        editable,\n        html,\n        namespace,\n        nodes,\n        onError: error => onError(error, lexicalEditor),\n        theme,\n      });\n\n      setInitialState(lexicalEditor, initialEditorState);\n\n      return lexicalEditor;\n    },\n    // eslint-disable-next-line react-compiler/react-compiler -- This is a valid breakage of the rules of hooks\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- We only want to create this context once\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const isEditable = initialConfig.editable;\n    lexicalEditor.setEditable(isEditable !== undefined ? isEditable : true);\n  }, []);\n\n  return lexicalEditor;\n}\n"],"names":["useLexicalEditor","UPDATE_OPTIONS","tag","setInitialState","editor","initialState","undefined","update","root","$getRoot","isEmpty","$createParagraphNode","parsedState","parseEditorState","setEditorState","initialConfig","theme","namespace","onError","lexicalEditor","React","useMemo","initialEditorState","html","nodes","useIsomorphicLayoutEffect","error"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0CgBA;;;eAAAA;;;;iCAzCqB;gCAGK;iEACnB;AAEvB,mCAAmC;AACnC,MAAMC,iBAAiB;SAAEC;AAAqB;AAE9C,SAASC,gBAAgBC,MAAqB,EAAEC,YAA8C;QAC5FA,iBAAIA,MAAiB;;WAErB,IAAOA,iBAAIA,WAAiBC;eAC1BF,MAAOG,CAAAA;kBACLC,OAAMA,IAAAA,yBAAOC;qBACbC,OAASA,IAAAA;2BACPF,CAAAA,IAAAA,qCAAYG;;;WAGlB;eACE,OAAQN;;;wCAEEO,OAAAA,gBAAqBC,CAAAA;yCACpBC,CAAAA,aAAeF;;;;;yCAIfE,CAAAA,cAAeT;;;;;iCAItBD,CAAAA;yDACE,IAAAM,OAAID,IAAAA;;;;;;;AAOd;AAEO,SAAST,iBAAiBe,aAAgC;UAC/D,EAEAC,KAAA,WAEI,+BAGEC,kBAAAA,mBAEAC,IAAAA;UAEFC,gBAAAC,OAAAC,OAAA,CAAA;cAEAlB,gBAAgBgB,IAAAA,6BAAAA,EAAeG;;YAGjCC;YAEAN;YACEO;YAGJC,SAAAA,CAAAA,QAAAA,QAA0BC,OAAAP;;;QAG1BhB,gBAAKgB,eAAAG;QAEL,OAAOH;IACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-editor-input",
-  "version": "0.1.5",
+  "version": "0.2.1",
   "description": "a base rich editor input.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,9 +12,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/chat-input-plugins": "^0.1.4",
-    "@fluentui-copilot/react-chat-input-plugins": "^0.1.5",
-    "@fluentui-copilot/react-text-editor": "^0.1.9",
+    "@fluentui-copilot/chat-input-plugins": "^0.2.1",
+    "@fluentui-copilot/react-chat-input-plugins": "^0.2.1",
+    "@fluentui-copilot/react-text-editor": "^0.2.0",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {