@team-monolith/cds 1.79.1 → 1.79.3

package/dist/patterns/Dropdown/Dropdown.d.ts

@@ -17,7 +17,7 @@ export interface DropdownProps {
     /** 버튼 컴포넌트 내 좌측에 표기될 아이콘 */
     startIcon?: React.ReactNode;
     /** 버튼 컴포넌트 내 우측에 표기될 아이콘.
-     * 전달하지 않으면 기본으로 ArrowDropDownFillIcon이 표기됩니다.
+     * 전달하지 않으면 기본으로 ArrowDownSFillIcon이 표기됩니다.
      */
     endIcon?: React.ReactNode;
     /** 버튼에 전달할 Props */

package/dist/patterns/Dropdown/Dropdown.js

@@ -12,13 +12,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useRef, useState } from "react";
-import { Button, ArrowDropDownFillIcon, } from "../..";
+import { Button, ArrowDownSFillIcon, } from "../..";
 import { DropdownMenu } from "./DropdownMenu";
 /**
  * [피그마](https://www.figma.com/file/PnQp3tPxiCjgsPZfLUaUL1/Codle-PD-Kit---Patterns?type=design&node-id=203-95329&t=FwczLZ1IVvskUVbT-0)
  */
 const Dropdown = forwardRef(function Dropdown(props, ref) {
-    const { className, component: Component = "div", disabled, color = "primary", size = "medium", bold, startIcon, endIcon = _jsx(ArrowDropDownFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "bold", "startIcon", "endIcon", "buttonCss", "label", "onClick", "menuProps", "children", "closeOnItemClick"]);
+    const { className, component: Component = "div", disabled, color = "primary", size = "medium", bold, startIcon, endIcon = _jsx(ArrowDownSFillIcon, {}), buttonCss, label, onClick, menuProps = {}, children, closeOnItemClick } = props, other = __rest(props, ["className", "component", "disabled", "color", "size", "bold", "startIcon", "endIcon", "buttonCss", "label", "onClick", "menuProps", "children", "closeOnItemClick"]);
     const buttonProps = Object.assign(Object.assign({}, props.buttonProps), { disabled,
         color,
         size,

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

@@ -11,8 +11,8 @@ export interface ProblemInputPayload {
      * (ex: "코들 입니다" => "** ***") */
     solutions: Solution[];
     answer: string;
-    caseSensitive?: boolean;
-    ignoreWhitespace?: boolean;
+    caseSensitive: boolean;
+    ignoreWhitespace: boolean;
     /** FE에서만 사용하는 값. 문제의 정오답 여부를 주입하여 스타일을 변경합니다. */
     isCorrect?: boolean;
     key?: NodeKey;
@@ -45,10 +45,13 @@ export declare class ProblemInputNode extends DecoratorNode<ReactNode> {
     setCaseSensitive(caseSensitive: boolean): void;
     setIgnoreWhitespace(ignoreWhitespace: boolean): void;
     static clone(node: ProblemInputNode): ProblemInputNode;
-    constructor(showCharacterNumber: boolean, placeholder: string, solutions: Solution[], answer: string, caseSensitive?: boolean, ignoreWhitespace?: boolean, isCorrect?: boolean, key?: NodeKey);
+    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

@@ -64,8 +64,8 @@ export class ProblemInputNode extends DecoratorNode {
         this.__placeholder = placeholder;
         this.__solutions = solutions;
         this.__answer = answer;
-        this.__caseSensitive = caseSensitive !== null && caseSensitive !== void 0 ? caseSensitive : false;
-        this.__ignoreWhitespace = ignoreWhitespace !== null && ignoreWhitespace !== void 0 ? ignoreWhitespace : true;
+        this.__caseSensitive = caseSensitive;
+        this.__ignoreWhitespace = ignoreWhitespace;
         this.__isCorrect = isCorrect;
     }
     createDOM(config) {
@@ -78,14 +78,15 @@ export class ProblemInputNode extends DecoratorNode {
         return false;
     }
     static importJSON(serializedNode) {
+        var _a, _b;
         const node = $createProblemInputNode({
             key: serializedNode.key,
             solutions: serializedNode.solutions,
             showCharacterNumber: serializedNode.showCharacterNumber,
             placeholder: serializedNode.placeholder,
             answer: serializedNode.answer,
-            caseSensitive: serializedNode.caseSensitive,
-            ignoreWhitespace: serializedNode.ignoreWhitespace,
+            caseSensitive: (_a = serializedNode.caseSensitive) !== null && _a !== void 0 ? _a : false,
+            ignoreWhitespace: (_b = serializedNode.ignoreWhitespace) !== null && _b !== void 0 ? _b : true,
             isCorrect: serializedNode.isCorrect,
         });
         return node;

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

@@ -4,7 +4,7 @@ import React from "react";
 export interface FormSegmentedControlProps {
     control: Control<ProblemInputPayload>;
     trigger: UseFormTrigger<ProblemInputPayload>;
-    name: "showCharacterNumber" | "ignoreWhitespace" | "caseSensitive";
+    name: keyof Pick<ProblemInputPayload, "showCharacterNumber" | "ignoreWhitespace" | "caseSensitive">;
     items: {
         value: boolean;
         label: React.ReactNode;

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

@@ -7,8 +7,8 @@ export function FormSegmentedControl(props) {
             return (_jsx(SegmentedControlGroup, Object.assign({ size: "xsmall", value: value, onChange: (value) => {
                     onChange(value);
                     trigger("solutions");
-                }, fullWidth: true }, { children: items.map(item => {
-                    return _jsx(SegmentedControlButton, { value: item.value, label: item.label }, item.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",
@@ -34,7 +34,6 @@ export function SettingForm(props) {
     });
     const onSettingSubmit = (data) => {
         editor.update(() => {
-            var _a, _b;
             const node = $getNodeByKey(nodeKey);
             if (!$isProblemInputNode(node)) {
                 return;
@@ -42,8 +41,8 @@ export function SettingForm(props) {
             node.setSolutions(data.solutions);
             node.setShowCharacterNumber(data.showCharacterNumber);
             node.setPlaceholder(data.placeholder);
-            node.setCaseSensitive((_a = data.caseSensitive) !== null && _a !== void 0 ? _a : false);
-            node.setIgnoreWhitespace((_b = data.ignoreWhitespace) !== null && _b !== void 0 ? _b : true);
+            node.setCaseSensitive(data.caseSensitive);
+            node.setIgnoreWhitespace(data.ignoreWhitespace);
         });
         onClose();
     };
@@ -79,16 +78,16 @@ export function SettingForm(props) {
                     height: 12px;
                   ` }) }))] }), _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, name: "ignoreWhitespace", items: [
                                             { value: true, label: "무시하기" },
-                                            { value: false, label: "포함하기" }
+                                            { 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.1",
+  "version": "1.79.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,