@team-monolith/cds 1.9.7 → 1.9.8

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/InputComponent.js

@@ -38,30 +38,19 @@ export function InputComponent(props) {
             return (_jsx(Input, { size: "small", placeholder: placeholder || "여기에 입력하세요.", value: answerInput, color: "default", fullWidth: true, inputProps: { readOnly: true } }));
         }
         else {
-            return (_jsx(Input, { size: "small", placeholder: placeholder || "여기에 입력하세요.", value: answerInput, onChange: (e) => setAnswerInput(e.target.value), 
-                // 한글 입력시에 onChange마다 update가 일어나는 것을 방지하기 위해 입력 완료후 onBlur시에 update하는 전략을 사용합니다.
-                // 이를 위해 answerInput을 state로 관리합니다.
-                inputProps: {
-                    onBlur: (_e) => {
-                        editor.update(() => {
-                            const node = $getNodeByKey(nodeKey);
-                            if (!$isProblemInputNode(node)) {
-                                return;
-                            }
-                            node.setAnswer(answerInput);
-                        });
-                    },
-                    onKeyPress: (e) => {
-                        if (e.key === "Enter") {
-                            editor.update(() => {
-                                const node = $getNodeByKey(nodeKey);
-                                if (!$isProblemInputNode(node)) {
-                                    return;
-                                }
-                                node.setAnswer(answerInput);
-                            });
+            return (_jsx(Input, { size: "small", placeholder: placeholder || "여기에 입력하세요.", value: answerInput, onChange: (e) => {
+                    // SoT를 EditorState로 설정하는 경우 한글 입력시 문제가 생김.
+                    // ex) "나비" 입력시 -> "ㄴ나납ㅂ비"
+                    // SoT를 내부 State로 관리하고 EditorState를 따로 설정.
+                    // 문제를 더 파악하고 추후 개선 필요.
+                    setAnswerInput(e.target.value);
+                    editor.update(() => {
+                        const node = $getNodeByKey(nodeKey);
+                        if (!$isProblemInputNode(node)) {
+                            return;
                         }
-                    },
+                        node.setAnswer(e.target.value);
+                    });
                 }, color: "default", fullWidth: true }));
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.9.7",
+  "version": "1.9.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,