@team-monolith/cds 0.29.6 → 0.29.8

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { EditorCore } from "@react-editor-js/core";
 export interface ReactEditorJSProps {
     className?: string;
     /** 읽기모드 여부(preview 여부) */
@@ -9,5 +10,7 @@ export interface ReactEditorJSProps {
     onChange?: (blocks: any) => void;
     /** 에러 발생시 처리콜백 */
     onError?: (error: any) => void;
+    /** 초기화시 콜백 */
+    onInitialize?: (instance: EditorCore) => void;
 }
 export declare function ReactEditorJS(props: ReactEditorJSProps): JSX.Element;

package/dist/patterns/ReactEditorJS/ReactEditorJS.js

@@ -14,13 +14,14 @@ import Layout from "./Layout";
 import TOOLS from "./tools";
 import I18n from "./i18n";
 export function ReactEditorJS(props) {
-    const { className, readOnly = false, blocks, onChange, onError } = props;
+    const { className, readOnly = false, blocks, onChange, onError, onInitialize } = props;
     const ReactEditorJS = createReactEditorJS();
     const editorCore = useRef(null);
     const handleInitialize = useCallback((instance) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield instance.dangerouslyLowLevelInstance.isReady;
             editorCore.current = instance;
+            onInitialize === null || onInitialize === void 0 ? void 0 : onInitialize(instance);
         }
         catch (e) {
             onError === null || onError === void 0 ? void 0 : onError(e);

package/dist/patterns/ReactEditorJS/customTools/block/Callout.d.ts

@@ -8,7 +8,9 @@ export declare class Callout implements BlockTool {
     readOnly: any;
     private _wrapper;
     constructor({ api, config, readOnly, data }: any);
+    /** 주어진 data에 따라 HTML Element를 반환함. */
     private createWrapper;
+    /** 주어진 data에 따라 this._wrapper를 업데이트함. */
     private updateWrapper;
     get colors(): string[];
     get defaultColor(): string;

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

@@ -74,7 +74,7 @@ export class Callout {
         this.readOnly = readOnly;
         this._wrapper = this.createWrapper(data);
     }
-    /* 주어진 data에 HTML Element를 반환함. */
+    /** 주어진 data에 따라 HTML Element를 반환함. */
     createWrapper(data) {
         const wrapper = document.createElement("div");
         wrapper.classList.add("ce-callout", data.color || this.defaultColor);
@@ -82,6 +82,7 @@ export class Callout {
         wrapper.innerHTML = data.text || "";
         return wrapper;
     }
+    /** 주어진 data에 따라 this._wrapper를 업데이트함. */
     updateWrapper(data) {
         var _a;
         const newWrapper = this.createWrapper(data);

package/dist/patterns/ReactEditorJS/customTools/block/Quote.d.ts

@@ -1,10 +1,6 @@
 import { BlockTool } from "@editorjs/editorjs";
 import { Theme } from "@emotion/react";
 type COLOR_TYPE = "grey" | "red" | "yellow" | "blue" | "green";
-type DATA_TYPE = {
-    color: COLOR_TYPE;
-    text: string;
-};
 export declare const QuoteStyle: (theme: Theme) => import("@emotion/utils").SerializedStyles;
 export declare class Quote implements BlockTool {
     api: any;
@@ -12,11 +8,13 @@ export declare class Quote implements BlockTool {
     readOnly: any;
     private _wrapper;
     constructor({ api, config, readOnly, data }: any);
-    createWrapper(data: DATA_TYPE): HTMLDivElement;
+    /** 주어진 data에 따라 HTML Element를 반환함. */
+    private createWrapper;
+    /** 주어진 data에 따라 this._wrapper를 업데이트함. */
+    private updateWrapper;
     get colors(): string[];
     get defaultColor(): string;
     get color(): COLOR_TYPE;
-    set data(data: DATA_TYPE);
     save(): {
         color: COLOR_TYPE;
         text: string;

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

@@ -73,6 +73,7 @@ export class Quote {
         this.readOnly = readOnly;
         this._wrapper = this.createWrapper(data);
     }
+    /** 주어진 data에 따라 HTML Element를 반환함. */
     createWrapper(data) {
         const wrapper = document.createElement("div");
         wrapper.classList.add("ce-quote", data.color || this.defaultColor);
@@ -80,6 +81,13 @@ export class Quote {
         wrapper.innerHTML = data.text || "";
         return wrapper;
     }
+    /** 주어진 data에 따라 this._wrapper를 업데이트함. */
+    updateWrapper(data) {
+        var _a;
+        const newWrapper = this.createWrapper(data);
+        (_a = this._wrapper.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newWrapper, this._wrapper);
+        this._wrapper = newWrapper;
+    }
     get colors() {
         return ["grey", "red", "yellow", "blue", "green"];
     }
@@ -89,12 +97,6 @@ export class Quote {
     get color() {
         return this._wrapper.classList[1];
     }
-    set data(data) {
-        var _a;
-        const newWrapper = this.createWrapper(data);
-        (_a = this._wrapper.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newWrapper, this._wrapper);
-        this._wrapper = newWrapper;
-    }
     save() {
         var _a;
         return {
@@ -137,10 +139,10 @@ export class Quote {
             closeOnActivate: true,
             onActivate: () => {
                 var _a;
-                this.data = {
+                this.updateWrapper({
                     color: tune.name,
                     text: (_a = this._wrapper.innerHTML) !== null && _a !== void 0 ? _a : "",
-                };
+                });
             },
         }));
     }

package/package.json

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