@team-monolith/cds 1.93.0 → 1.94.0

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

@@ -3,7 +3,7 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister } from "@lexical/utils";
 import { $getNodeByKey, $getSelection, $isNodeSelection, $isRangeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, createCommand, DRAGSTART_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND, } from "lexical";
-import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { Suspense, useCallback, useEffect, useRef, useState, } from "react";
 import { $isImageNode } from "./ImageNode";
 import { SquareButton } from "../../../../components/SquareButton";
 import { Settings3FillIcon } from "../../../../icons";
@@ -30,7 +30,7 @@ function useSuspenseImage(src) {
         });
     }
 }
-function LazyImage({ altText, className, imageRef, src, width, height, maxWidth: _maxWidth, onError, }) {
+function LazyImage({ altText, className, imageRef, src, width, height, maxWidth: _maxWidth, onError, title, onClick, }) {
     useSuspenseImage(src);
     return (_jsx("img", { className: className || undefined, src: src, alt: altText, ref: imageRef, style: {
             height,
@@ -40,7 +40,7 @@ function LazyImage({ altText, className, imageRef, src, width, height, maxWidth:
             // fixme: maxWidth를 수정할 수 있게 되면 원복합니다.
             maxWidth: "100%",
             width,
-        }, onError: onError, draggable: "false" }));
+        }, title: title, onClick: onClick, onError: onError, draggable: "false" }));
 }
 export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, }) {
     const imageRef = useRef(null);
@@ -182,7 +182,9 @@ export function ImageComponent({ src, altText, nodeKey, width, height, maxWidth,
     if (!isEditable) {
         return (_jsx(Suspense, Object.assign({ fallback: null }, { children: _jsx("div", Object.assign({ draggable: draggable }, { children: isLoadError ? (_jsx(ImageNotAvailable, {})) : (_jsx(LazyImage, { className: isFocused
                         ? `focused ${$isNodeSelection(selection) ? "draggable" : ""}`
-                        : null, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth, onError: () => setIsLoadError(true) })) })) })));
+                        : null, css: css `
+                cursor: pointer;
+              `, src: src, altText: altText, imageRef: imageRef, width: width, height: height, maxWidth: maxWidth, onError: () => setIsLoadError(true), onClick: () => window.open(src, "_blank"), title: "\uD074\uB9AD\uD574\uC11C \uC6D0\uBCF8 \uC774\uBBF8\uC9C0 \uBCF4\uAE30" })) })) })));
     }
     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/ParagraphPlaceholderPlugin/index.d.ts

@@ -1,6 +1,5 @@
 type ParagraphPlaceholderPluginProps = {
     placeholder: string;
-    hideOnEmptyEditor?: boolean;
 };
 export declare const ParagraphPlaceholderPlugin: ({ placeholder, }: ParagraphPlaceholderPluginProps) => null;
 export {};

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

@@ -31,18 +31,17 @@ export const ParagraphPlaceholderPlugin = ({ placeholder, }) => {
                 if (!selection ||
                     !$isRangeSelection(selection) ||
                     !selection.isCollapsed()) {
-                    return false;
+                    return;
                 }
                 const focusedNode = selection.focus.getNode();
                 if (!$isParagraphNode(focusedNode) || !focusedNode.isEmpty())
-                    return false;
+                    return;
                 const el = editor.getElementByKey(focusedNode.getKey());
                 if (el instanceof HTMLParagraphElement) {
                     paragraphRef.current = el;
                     paragraphRef.current.setAttribute("data-placeholder", placeholder);
                     paragraphRef.current.classList.add(placeholderClassName);
                 }
-                return false;
             });
         });
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.93.0",
+  "version": "1.94.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
@@ -32,7 +32,7 @@
   ],
   "scripts": {
     "clean": "rimraf dist",
-    "compile": "npm run clean && mkdir dist && npm run iconconvert && npm run svgr-customicon && tsc && npm run postbundle",
+    "compile": "npm i && npm run clean && mkdir dist && npm run iconconvert && npm run svgr-customicon && tsc && npm run postbundle",
     "postbundle": "copyfiles -u 2 src/cds/**/*.{svg,jpg,png} dist/",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",