podo-ui 0.3.12 → 0.3.13

package/dist/react/atom/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../react/atom/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,iGAUT,WAAW,4CAovGb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../react/atom/editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,iGAUT,WAAW,4CAuxGb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/react/atom/editor.js

@@ -56,6 +56,8 @@ const Editor = ({ value = '', width = '100%', height = '400px', minHeight, maxHe
     const historyRef = useRef([value]);
     const historyIndexRef = useRef(0);
     const isUndoRedoRef = useRef(false); // undo/redo 실행 중 플래그
+    const isComposingRef = useRef(false); // IME 입력 중 플래그
+    const justComposedRef = useRef(false); // compositionend 직후 플래그
     const editorRef = useRef(null);
     const codeEditorRef = useRef(null);
     const containerRef = useRef(null);
@@ -290,6 +292,14 @@ const Editor = ({ value = '', width = '100%', height = '400px', minHeight, maxHe
         }
     }, [onChange]);
     const handleInput = useCallback(() => {
+        // IME 입력 중에는 처리하지 않음
+        if (isComposingRef.current)
+            return;
+        // compositionend 직후 input 이벤트는 무시
+        if (justComposedRef.current) {
+            justComposedRef.current = false;
+            return;
+        }
         if (editorRef.current) {
             const content = editorRef.current.innerHTML;
             onChange(content);
@@ -301,6 +311,25 @@ const Editor = ({ value = '', width = '100%', height = '400px', minHeight, maxHe
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [onChange, addToHistory]);
+    // IME 입력 시작
+    const handleCompositionStart = useCallback(() => {
+        isComposingRef.current = true;
+    }, []);
+    // IME 입력 종료
+    const handleCompositionEnd = useCallback(() => {
+        isComposingRef.current = false;
+        justComposedRef.current = true;
+        // composition 종료 시 직접 업데이트 처리
+        if (editorRef.current) {
+            const content = editorRef.current.innerHTML;
+            onChange(content);
+            validateHandler(content);
+            detectCurrentParagraphStyle();
+            detectCurrentAlign();
+            addToHistory(content);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [onChange, addToHistory]);
     // 붙여넣기 이벤트 핸들러 - 지원하지 않는 스타일 제거
     const handlePaste = useCallback((e) => {
         e.preventDefault();
@@ -2177,7 +2206,7 @@ const Editor = ({ value = '', width = '100%', height = '400px', minHeight, maxHe
                         minHeight: height === 'contents' ? 'auto' : 0,
                         height: height === 'contents' && savedEditorHeight ? `${savedEditorHeight}px` : undefined,
                         resize: 'none'
-                    }, placeholder: placeholder })) : (_jsx("div", { ref: editorRef, id: editorID, className: styles.editorContent, contentEditable: true, onInput: handleInput, onPaste: handlePaste, onClick: handleEditorClick, onKeyUp: () => {
+                    }, placeholder: placeholder })) : (_jsx("div", { ref: editorRef, id: editorID, className: styles.editorContent, contentEditable: true, onInput: handleInput, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onPaste: handlePaste, onClick: handleEditorClick, onKeyUp: () => {
                         detectCurrentParagraphStyle();
                         detectCurrentAlign();
                     }, onKeyDown: handleKeyDown, style: {

package/dist/react/atom/input.module.scss

@@ -1,4 +1,4 @@
-@use '../../../mixin.scss' as *;
+@use '../../mixin.scss' as *;
 .style {
   display: flex;
   flex-direction: column;

package/dist/react/atom/textarea.module.scss

@@ -1,4 +1,4 @@
-@use '../../../mixin.scss' as *;
+@use '../../mixin.scss' as *;
 .style {
   display: flex;
   flex-direction: column;

package/dist/react/molecule/field.module.scss

@@ -1,4 +1,4 @@
-@use '../../../mixin.scss' as *;
+@use '../../mixin.scss' as *;
 .style {
   width: 100%;
   display: flex;

package/dist/react/molecule/pagination.module.scss

@@ -1,4 +1,4 @@
-@use '../../../mixin.scss' as *;
+@use '../../mixin.scss' as *;
 
 .pagination {
   display: flex;

package/dist/react/molecule/toast-container.module.scss

@@ -1,4 +1,4 @@
-@use '../../../mixin' as *;
+@use '../../mixin' as *;
 
 .toastPortal {
   position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "podo-ui",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "type": "module",
   "author": "hada0127 <work@tarucy.net>",
   "license": "MIT",
@@ -62,7 +62,7 @@
     "build": "next build",
     "build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles && npm run fix:scss-paths",
     "copy:styles": "find react -name '*.scss' -exec sh -c 'mkdir -p \"dist/$(dirname \"{}\")\" && cp \"{}\" \"dist/{}\"' \\;",
-    "fix:scss-paths": "find dist/react -name '*.scss' -type f -exec sed -i '' -e 's|../../scss|../../../scss|g' -e \"s|'../../mixin'|'../../../mixin'|g\" -e 's|\\.\\./\\.\\./mixin\\.scss|../../../mixin.scss|g' -e 's|\\.\\./\\.\\./global\\.scss|../../../global.scss|g' {} \\;",
+    "fix:scss-paths": "find dist/react -name '*.scss' -type f -exec sed -i '' 's|../../scss|../../../scss|g' {} \\;",
     "clean": "rm -rf dist && rm -f .tsbuildinfo",
     "prepublishOnly": "npm run build:lib",
     "start": "next start",