@team-monolith/cds 1.100.6 → 1.100.7

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister } from "@lexical/utils";
@@ -14,6 +14,7 @@ import { ImageNotAvailable } from "./ImageNotAvailable";
 import { ImageResizer } from "./ImageResizer";
 import { css } from "@emotion/react";
 import { RESET_BUTTON } from "../../../../utils/reset";
+import { VISUALLY_HIDDEN } from "../../../../utils/visuallyHidden";
 const imageCache = new Set();
 export const RIGHT_CLICK_IMAGE_COMMAND = createCommand("RIGHT_CLICK_IMAGE_COMMAND");
 function useSuspenseImage(src) {
@@ -35,7 +36,7 @@ function useSuspenseImage(src) {
  * 접근성과 관련한 이슈로 onClick이 가능할 땐 button 으로 그립니다.
  */
 function LazyImage(props) {
-    const { altText, className, imageRef, src, width, height, maxWidth: _maxWidth, onError, title, buttonProps, } = props;
+    const { altText, className, imageRef, src, width, height, maxWidth: _maxWidth, onError, title, buttonProps, openInNewWindow, } = props;
     useSuspenseImage(src);
     const img = (_jsx("img", { className: className || undefined, src: src, alt: altText, ref: imageRef, style: {
             height,
@@ -47,7 +48,7 @@ function LazyImage(props) {
             width,
         }, title: title, onError: onError, draggable: "false" }));
     if (buttonProps) {
-        return (_jsx("button", Object.assign({ type: "button", css: RESET_BUTTON }, buttonProps, { children: img })));
+        return (_jsxs("button", Object.assign({ type: "button", css: RESET_BUTTON }, buttonProps, { children: [img, openInNewWindow && _jsx("span", Object.assign({ css: VISUALLY_HIDDEN }, { children: "(\uC0C8 \uCC3D)" }))] })));
     }
     return img;
 }
@@ -195,8 +196,7 @@ export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth,
                 cursor: pointer;
               `, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth, onError: () => setIsLoadError(true), buttonProps: {
                         onClick: () => window.open(src, "_blank"),
-                        "aria-label": "이미지 보기 (새 창)",
-                    }, title: "\uD074\uB9AD\uD574\uC11C \uC6D0\uBCF8 \uC774\uBBF8\uC9C0 \uBCF4\uAE30." })) })) })));
+                    }, title: "\uD074\uB9AD\uD574\uC11C \uC6D0\uBCF8 \uC774\uBBF8\uC9C0 \uBCF4\uAE30.", openInNewWindow: true })) })) })));
     }
     return (_jsxs(_Fragment, { children: [_jsxs(EditContainer, { children: [_jsx(Suspense, Object.assign({ fallback: null }, { children: _jsx("div", Object.assign({ draggable: draggable, css: css `
               // ImageResizer를 위한 relative 설정입니다.

package/dist/patterns/LexicalEditor/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js

@@ -153,7 +153,7 @@ export function FloatingLinkEditor(props) {
                             } }, { children: _jsx(CloseFillIcon, {}) })), _jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
                                 event.preventDefault();
                                 handleLinkSubmission();
-                            } }, { children: _jsx(CheckLineIcon, {}) }))] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Link, Object.assign({ href: sanitizeUrl(linkUrl), target: "_blank", rel: "noopener noreferrer" }, { children: [linkUrl, _jsx("div", Object.assign({ css: VISUALLY_HIDDEN }, { children: "(\uC0C8 \uCC3D)" }))] })), _jsxs(Buttons, { children: [_jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
+                            } }, { children: _jsx(CheckLineIcon, {}) }))] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Link, Object.assign({ href: sanitizeUrl(linkUrl), target: "_blank", rel: "noopener noreferrer" }, { children: [linkUrl, _jsx("span", Object.assign({ css: VISUALLY_HIDDEN }, { children: "(\uC0C8 \uCC3D)" }))] })), _jsxs(Buttons, { children: [_jsx(Button, Object.assign({ tabIndex: 0, onClick: (event) => {
                                 event.preventDefault();
                                 setEditedLinkUrl(linkUrl);
                                 setIsLinkEditMode(true);

package/package.json

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