@team-monolith/cds 1.79.0 → 1.79.2

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/ProblemInputNode.d.ts

@@ -48,7 +48,10 @@ export declare class ProblemInputNode extends DecoratorNode<ReactNode> {
     constructor(showCharacterNumber: boolean, placeholder: string, solutions: Solution[], answer: string, caseSensitive: boolean, ignoreWhitespace: boolean, isCorrect?: boolean, key?: NodeKey);
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(): boolean;
-    static importJSON(serializedNode: SerializedProblemInputNode): ProblemInputNode;
+    static importJSON(serializedNode: Omit<SerializedProblemInputNode, "caseSensitive" | "ignoreWhitespace"> & {
+        caseSensitive?: boolean;
+        ignoreWhitespace?: boolean;
+    }): ProblemInputNode;
     exportJSON(): SerializedProblemInputNode;
     decorate(): ReactNode;
 }

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/ProblemInputNode.js

@@ -85,7 +85,6 @@ export class ProblemInputNode extends DecoratorNode {
             showCharacterNumber: serializedNode.showCharacterNumber,
             placeholder: serializedNode.placeholder,
             answer: serializedNode.answer,
-            // 기존에 등록된 노드에 대한 defaultData 적용
             caseSensitive: (_a = serializedNode.caseSensitive) !== null && _a !== void 0 ? _a : false,
             ignoreWhitespace: (_b = serializedNode.ignoreWhitespace) !== null && _b !== void 0 ? _b : true,
             isCorrect: serializedNode.isCorrect,

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/FormSegmentedControl.d.ts

@@ -1,13 +1,13 @@
-import { Control, FieldPath, UseFormTrigger } from "react-hook-form";
+import { Control, UseFormTrigger } from "react-hook-form";
 import { ProblemInputPayload } from "../ProblemInputNode";
 import React from "react";
-export interface FormCharacterNumberProps {
+export interface FormSegmentedControlProps {
     control: Control<ProblemInputPayload>;
     trigger: UseFormTrigger<ProblemInputPayload>;
-    valueName: FieldPath<Pick<ProblemInputPayload, "showCharacterNumber" | "ignoreWhitespace" | "caseSensitive">>;
-    valueList: {
+    name: keyof Pick<ProblemInputPayload, "showCharacterNumber" | "ignoreWhitespace" | "caseSensitive">;
+    items: {
         value: boolean;
         label: React.ReactNode;
     }[];
 }
-export declare function FormSegmentedControl(props: FormCharacterNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormSegmentedControl(props: FormSegmentedControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/FormSegmentedControl.js

@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import { SegmentedControlButton, SegmentedControlGroup, } from "../../../../SegmentedControl";
 export function FormSegmentedControl(props) {
-    const { control, trigger, valueName, valueList } = props;
-    return (_jsx(Controller, { name: valueName, control: control, render: ({ field: { value, onChange } }) => {
+    const { control, trigger, name, items } = props;
+    return (_jsx(Controller, { name: name, control: control, render: ({ field: { value, onChange } }) => {
             return (_jsx(SegmentedControlGroup, Object.assign({ size: "xsmall", value: value, onChange: (value) => {
                     onChange(value);
                     trigger("solutions");
-                }, fullWidth: true }, { children: valueList.map(valueItem => {
-                    return _jsx(SegmentedControlButton, { value: valueItem.value, label: valueItem.label }, valueItem.value.toString());
+                }, fullWidth: true }, { children: items.map((item) => {
+                    return (_jsx(SegmentedControlButton, { value: item.value, label: item.label }, item.value.toString()));
                 }) })));
         } }));
 }

package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/SettingForm.js

@@ -14,7 +14,7 @@ import { FormPlaceholder } from "./FormPlaceholder";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey } from "lexical";
 export function SettingForm(props) {
-    const { solutions, showCharacterNumber, placeholder, nodeKey, onClose, caseSensitive, ignoreWhitespace } = props;
+    const { solutions, showCharacterNumber, placeholder, nodeKey, onClose, caseSensitive, ignoreWhitespace, } = props;
     const [editor] = useLexicalComposerContext();
     const { control, handleSubmit, watch, trigger } = useForm({
         mode: "all",
@@ -76,18 +76,18 @@ export function SettingForm(props) {
               ` }), _jsx(Label, { children: "\uAC00\uB2A5\uD55C \uC815\uB2F5\uC744 \uBAA8\uB450 \uCD94\uAC00\uD574\uC57C \uC6D0\uD65C\uD558\uAC8C \uC790\uB3D9 \uCC44\uC810\uD560 \uC218 \uC788\uC5B4\uC694." })] }))] }), _jsxs(Right, { children: [_jsxs(FormArea, { children: [_jsxs(Label, { children: ["\uC785\uB825 \uCE78", _jsx(Tooltip, Object.assign({ text: _jsxs("span", { children: [`예를 들어 정답이 '글자 수'이고`, _jsx("br", {}), _jsx("b", { children: "\uAE00\uC790 \uC218\uB300\uB85C" }), " \uC635\uC158\uC744 \uC120\uD0DD\uD588\uB2E4\uBA74", _jsx("br", {}), `입력 칸이 '☐☐ ☐' 처럼 표시됩니다.`] }), placement: "top" }, { children: _jsx(QuestionFillIcon, { css: css `
                     width: 12px;
                     height: 12px;
-                  ` }) }))] }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, valueName: "showCharacterNumber", valueList: [
+                  ` }) }))] }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, name: "showCharacterNumber", items: [
                                             { value: false, label: "한 칸으로" },
-                                            { value: true, label: "글자 수대로" }
+                                            { value: true, label: "글자 수대로" },
                                         ] })] }), _jsxs(FormArea, { children: [_jsxs(Label, { children: ["\uC790\uB9AC \uD45C\uC2DC\uC790", _jsx(Tooltip, Object.assign({ text: _jsx("span", { children: "\uC785\uB825 \uCE78\uC5D0 \uAE30\uBCF8\uC73C\uB85C \uB178\uCD9C\uB418\uB294 \uD14D\uC2A4\uD2B8\uC785\uB2C8\uB2E4." }), placement: "top" }, { children: _jsx(QuestionFillIcon, { css: css `
                     width: 12px;
                     height: 12px;
-                  ` }) }))] }), _jsx(FormPlaceholder, { control: control })] }), _jsxs(FormArea, { children: [_jsx(Label, { children: "\uB744\uC5B4\uC4F0\uAE30" }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, valueName: "ignoreWhitespace", valueList: [
+                  ` }) }))] }), _jsx(FormPlaceholder, { control: control })] }), _jsxs(FormArea, { children: [_jsx(Label, { children: "\uB744\uC5B4\uC4F0\uAE30" }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, name: "ignoreWhitespace", items: [
                                             { value: true, label: "무시하기" },
-                                            { value: false, label: "포함하기" }
-                                        ] })] }), _jsxs(FormArea, { children: [_jsx(Label, { children: "\uB300\uC18C\uBB38\uC790" }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, valueName: "caseSensitive", valueList: [
+                                            { value: false, label: "포함하기" },
+                                        ] })] }), _jsxs(FormArea, { children: [_jsx(Label, { children: "\uB300\uC18C\uBB38\uC790" }), _jsx(FormSegmentedControl, { control: control, trigger: trigger, name: "caseSensitive", items: [
                                             { value: false, label: "무시하기" },
-                                            { value: true, label: "포함하기" }
+                                            { value: true, label: "포함하기" },
                                         ] })] })] })] }), _jsxs(Buttons, { children: [_jsx(Button, { color: "grey", size: "xsmall", label: "\uB2EB\uAE30", onClick: onClose }), _jsx(Button, { color: "primary", size: "xsmall", label: "\uC774\uB300\uB85C \uB123\uAE30", type: "submit" })] })] })));
 }
 const Form = styled.form(({ theme }) => css `

package/package.json

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