@team-monolith/cds 0.29.28 → 0.29.30

package/dist/patterns/ReactEditorJS/Layout.d.ts

@@ -2,5 +2,7 @@
 declare const Layout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    readOnly?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Layout;

package/dist/patterns/ReactEditorJS/Layout.js

@@ -2,12 +2,12 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { hexToCSSFilter } from "hex-to-css-filter";
 import { CalloutStyle, DelimiterStyle, HeaderStyle, NestedListStyle, QuoteStyle, RawStyle, } from "./customTools";
-const Layout = styled.div(({ theme }) => css `
+const Layout = styled.div(({ theme, readOnly }) => css `
     .codex-editor__redactor {
       padding-bottom: 0 !important;
     }
     .ce-block {
-      margin-left: 55px;
+      margin-left: ${readOnly ? "0" : "58px"};
     }
     .ce-block__content {
       margin: 0;

package/dist/patterns/ReactEditorJS/ReactEditorJS.js

@@ -62,7 +62,7 @@ export function ReactEditorJS(props) {
     // readOnly가 변경되면 ReactEditorJS를 다시 마운트하기 위해 key를 변경합니다.
     // readOnly 모드에서는 onChange를 전달할 수 없어서 케이스를 분리합니다.
     if (readOnly) {
-        return (_jsx(Layout, Object.assign({ className: className }, { children: _jsx(ReactEditorJS, { onInitialize: handleInitialize, tools: TOOLS, defaultValue: {
+        return (_jsx(Layout, Object.assign({ className: className, readOnly: true }, { children: _jsx(ReactEditorJS, { onInitialize: handleInitialize, tools: TOOLS, defaultValue: {
                     blocks,
                 }, i18n: I18n, readOnly: true }, "readOnly") })));
     }

package/dist/patterns/ReactEditorJS/customTools/block/Quote.js

@@ -158,13 +158,14 @@ export class Quote {
             title: "Quote",
         };
     }
+    // TODO: 현재 onPaste 작동하지 않습니다.
     onPaste(event) {
         const content = event.detail.data;
         this._wrapper.innerHTML = content.textContent;
     }
     static get pasteConfig() {
         return {
-            tags: ["BLOCKQUOTE"],
+            tags: ["blockquote"],
         };
     }
 }

package/package.json

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