@team-monolith/cds 1.122.2 → 1.122.4

package/dist/patterns/LexicalEditor/components/InsertImageDialog/InsertImageDialog.js

@@ -14,7 +14,6 @@ import styled from "@emotion/styled";
 import { debounce } from "lodash";
 import { useTranslation } from "react-i18next";
 export function InsertImageDialog(props) {
-    var _a;
     const { title, open, onClose, imageProps, onChange, onDelete, shouldReset } = props;
     const theme = useTheme();
     const { t } = useTranslation();
@@ -52,7 +51,7 @@ export function InsertImageDialog(props) {
             handleSubmit(onSubmit)();
         }, disableIconPadding: true, children: [_jsx(StyledAlertDialogTitle, { onClose: handleOnClose, children: title }), _jsx(AlertDialogContent, { children: _jsxs(Inputs, { children: [_jsx(FileSelectInput, { onChange: (value) => {
                                 setValue("src", value);
-                            }, fileType: "image" }), _jsx(FormInput, { name: "src", control: control, placeholder: "https://www.pexels.com/photo/n-2848492", size: "medium", label: "URL", fullWidth: true, startIcon: _jsx(LinkIcon, {}) }), previewSrc && (_jsx(ImagePreview, { src: previewSrc, alt: watch("altText"), fallback: _jsx(ImageNotAvailable, {}) })), _jsx(FormInput, { name: "altText", control: control, placeholder: t("삽입하는 이미지에 관한 설명"), size: "medium", label: t("대체 텍스트"), fullWidth: true })] }) }), _jsxs(AlertDialogActions, { children: [_jsx(Button, { type: "submit", fullWidth: true, label: t("삽입하기"), size: "medium", color: "primary", disabled: isDisabled }), onDelete && (_jsx(Button, { color: "danger", size: "medium", fullWidth: true, label: t("삭제하기"), onClick: onDelete }))] })] }, open ? (_a = imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== null && _a !== void 0 ? _a : "" : undefined));
+                            }, fileType: "image" }), _jsx(FormInput, { name: "src", control: control, placeholder: "https://www.pexels.com/photo/n-2848492", size: "medium", label: "URL", fullWidth: true, startIcon: _jsx(LinkIcon, {}) }), previewSrc && (_jsx(ImagePreview, { src: previewSrc, alt: watch("altText"), fallback: _jsx(ImageNotAvailable, {}) })), _jsx(FormInput, { name: "altText", control: control, placeholder: t("삽입하는 이미지에 관한 설명"), size: "medium", label: t("대체 텍스트"), fullWidth: true })] }) }), _jsxs(AlertDialogActions, { children: [_jsx(Button, { type: "submit", fullWidth: true, label: t("삽입하기"), size: "medium", color: "primary", disabled: isDisabled }), onDelete && (_jsx(Button, { color: "danger", size: "medium", fullWidth: true, label: t("삭제하기"), onClick: onDelete }))] })] }));
 }
 const StyledAlertDialog = styled(AlertDialog) `
   gap: 16px;

package/dist/patterns/LexicalEditor/nodes/ImageNode/ImageComponent.js

@@ -212,7 +212,10 @@ export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth,
                             setOpen(true);
                         }, "aria-label": t("이미지 수정하기", {
                             context: "스퀘어버튼, 렉시컬 이미지 도구",
-                        }) })] }), _jsx(InsertImageDialog, { open: open, title: t("이미지 수정하기", {
+                        }) })] }), _jsx(InsertImageDialog
+            // AIDEV-NOTE
+            // 내부 폼 상태 초기화를 위해 key를 전달합니다.
+            , { open: open, title: t("이미지 수정하기", {
                     context: "제목, 이미지 수정 다이얼로그",
                 }), onClose: () => setOpen(false), imageProps: {
                     src,
@@ -234,7 +237,7 @@ export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth,
                         }
                         node.remove();
                     });
-                } })] }));
+                } }, src)] }));
 }
 const EditContainer = styled.div `
   display: flex;

package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/index.js

@@ -10,7 +10,7 @@ import { $insertNodeToNearestRoot, mergeRegister } from "@lexical/utils";
 import { $createRangeSelection, $getSelection, $isNodeSelection, $setSelection, COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, createCommand, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, } from "lexical";
 import { useEffect } from "react";
 import { $createImageNode, $isImageNode, ImageNode, } from "../../nodes";
-import { useImageNodeTransform } from "./imageNodeTransform";
+import { useImageNodeTransform } from "./useImageNodeTransform";
 const CAN_USE_DOM = typeof window !== "undefined" &&
     typeof window.document !== "undefined" &&
     typeof window.document.createElement !== "undefined";

package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/{imageNodeTransform.js → useImageNodeTransform.js}

@@ -16,18 +16,12 @@ const DATA_URL_PATTERN = /^data:[^,]+,/i;
 function isDataUrl(url) {
     return DATA_URL_PATTERN.test(url);
 }
-function getExtensionFromMimeType(mimeType) {
-    var _a;
-    const extension = (_a = mimeType.split("/")[1]) === null || _a === void 0 ? void 0 : _a.split("+")[0];
-    return extension || "png";
-}
 function convertDataUrlToFile(dataUrl) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
             const response = yield fetch(dataUrl);
             const blob = yield response.blob();
-            const extension = getExtensionFromMimeType(blob.type);
-            const filename = `pasted-image-${Date.now()}.${extension}`;
+            const filename = `pasted-image-${Date.now()}`;
             return new File([blob], filename, { type: blob.type });
         }
         catch (_a) {
@@ -65,7 +59,7 @@ export function useImageNodeTransform(editor) {
             const file = yield convertDataUrlToFile(src);
             if (!file) {
                 processingNodesRef.current.delete(key);
-                showFileError === null || showFileError === void 0 ? void 0 : showFileError("upload", t("지원되지 않는 이미지입니다. 파일 업로드를 사용해 주세요."));
+                showFileError === null || showFileError === void 0 ? void 0 : showFileError("upload", t("손상된 이미지입니다. 다른 이미지를 사용해 주세요."));
                 editor.update(() => {
                     const currentNode = $getNodeByKey(key);
                     if ($isImageNode(currentNode)) {

package/package.json

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