@team-monolith/cds 1.55.2 → 1.55.3

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/Evaluation.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import { ToggleButtonGroup, } from "../../../../../ToggleButtonGroup";
+import _ from "lodash";
 const TOGGLE_BUTTON_GROUP_WIDTH = 320;
 /** 데이터를 받아 자기평가 항목들과 ToggleButtonGroup을 그리는 컴포넌트입니다.
  * 비지니스 로직이 포함되어 있지 않습니다.
@@ -12,7 +13,7 @@ export function Evaluation(props) {
     return (_jsxs(Container, Object.assign({ className: className, onClick: onClick }, { children: [_jsx(Header, { children: _jsx(LabelArea, { children: data.map(({ label }, index) => (_jsx(Label, { children: label }, index))) }) }), evaluations.map(({ question, selectedLabelIndex }, index) => (_jsxs(Item, { children: [_jsx(Index, { children: index + 1 }), _jsx(Question, { children: question.text }), _jsx(StyledToggleButtonGroup, { data: data, activeIndex: selectedLabelIndex, setActiveIndex: !onChange
                             ? undefined
                             : (activeIndex) => {
-                                const newEvaluations = [...evaluations];
+                                const newEvaluations = _.cloneDeep(evaluations);
                                 newEvaluations[index].selectedLabelIndex = activeIndex;
                                 onChange(newEvaluations);
                             } })] }, index)))] })));

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormIconAndLabel.js

@@ -30,10 +30,7 @@ export function FormIconAndLabel(props) {
                             return (_jsx(DropdownItem, { index: index, label: title, preserveIconColor: true, startIcon: startIcon, onClick: () => {
                                     onChange(type);
                                 } }, index));
-                        }) })), Array.from({ length: labelsLength }).map((_, index) => (_jsxs(LabelLine, { children: [_jsx(Icon, { children: icons[index].onIcon }), _jsx(FormLabel, { control: control, index: index, rules: {
-                                    required: "필수 입력 항목입니다.",
-                                    maxLength: 12,
-                                } })] }, index)))] }));
+                        }) })), Array.from({ length: labelsLength }).map((_, index) => (_jsxs(LabelLine, { children: [_jsx(Icon, { children: icons[index].onIcon }), _jsx(FormLabel, { control: control, index: index })] }, index)))] }));
         } }));
 }
 const LabelLine = styled.div `

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.d.ts

@@ -1,8 +1,7 @@
-import { Control, RegisterOptions } from "react-hook-form";
+import { Control } from "react-hook-form";
 import { SettingFormData } from "../SettingForm";
 /** 레이블을 설정하는 Form입니다. */
 export declare function FormLabel(props: {
     control: Control<SettingFormData, any>;
     index: number;
-    rules?: Omit<RegisterOptions<SettingFormData, `labels.${number}`>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.js

@@ -3,16 +3,20 @@ import { useController } from "react-hook-form";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import { FormInput } from "../../../../../Form";
+const LABEL_RULES = {
+    required: "필수 입력 항목입니다.",
+    maxLength: 12,
+};
 /** 레이블을 설정하는 Form입니다. */
 export function FormLabel(props) {
-    const { control, index, rules } = props;
+    const { control, index } = props;
     // endIcon에 들어갈 value, error를 사용하기 위해 useController를 사용합니다.
     const { field: { value }, fieldState: { error }, } = useController({
         control,
         name: `labels.${index}`,
-        rules,
+        rules: LABEL_RULES,
     });
-    return (_jsx(FormInput, { control: control, name: `labels.${index}`, rules: rules, size: "small", endIcon: (rules === null || rules === void 0 ? void 0 : rules.maxLength) && (_jsx(Counter, Object.assign({ error: Boolean(error) }, { children: value.length + "/" + rules.maxLength }))), fullWidth: true }));
+    return (_jsx(FormInput, { control: control, name: `labels.${index}`, rules: LABEL_RULES, size: "small", endIcon: _jsx(Counter, Object.assign({ error: Boolean(error) }, { children: value.length + "/" + LABEL_RULES.maxLength })), fullWidth: true }));
 }
 const Counter = styled.span(({ theme, error }) => css `
     color: ${error

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.d.ts

@@ -5,6 +5,5 @@ import { SettingFormData } from "./SettingForm";
 export declare function FormQuestion(props: {
     index: number;
     control: Control<SettingFormData, any>;
-    rules: any;
     onDelete?: () => void;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.js

@@ -5,8 +5,10 @@ import { DeleteBinLineIcon, SquareButton } from "../../../../../../..";
 import { FormInput } from "../../../../Form";
 /** 평가 항목을 설정하는 Form입니다. */
 export function FormQuestion(props) {
-    const { control, index, rules, onDelete } = props;
-    return (_jsxs(Item, { children: [_jsx(Index, { children: index + 1 }), _jsx(FormInput, { control: control, name: `evaluations.${index}.question.text`, rules: rules, size: "small", placeholder: `${index + 1}번 평가 항목`, multiline: true, fullWidth: true }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete }))] }));
+    const { control, index, onDelete } = props;
+    return (_jsxs(Item, { children: [_jsx(Index, { children: index + 1 }), _jsx(FormInput, { control: control, name: `evaluations.${index}.question.text`, rules: {
+                    required: "필수 입력 항목입니다.",
+                }, size: "small", placeholder: `${index + 1}번 평가 항목`, multiline: true, fullWidth: true }), onDelete && (_jsx(SquareButton, { color: "white", size: "xsmall", icon: _jsx(DeleteBinLineIcon, {}), onClick: onDelete }))] }));
 }
 const Item = styled.div(({ theme }) => css `
     display: flex;

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/SettingForm.js

@@ -41,9 +41,7 @@ export function SettingForm(props) {
     return (_jsxs(Form, Object.assign({ className: className, onSubmit: handleSubmit(onSubmit) }, { children: [_jsxs(Title, { children: [_jsx(EmojiStickerLineIcon, { css: css `
             width: 12px;
             height: 12px;
-          ` }), "3\uB2E8\uACC4 \uD3C9\uAC00"] }), _jsxs(Content, { children: [_jsxs(Left, { children: [_jsx(Label, { children: "\uD3C9\uAC00 \uD56D\uBAA9" }), fields.map((field, index) => (_jsx(FormQuestion, { index: index, control: control, rules: {
-                                    required: "필수 입력 항목입니다.",
-                                }, onDelete: index !== 0
+          ` }), "3\uB2E8\uACC4 \uD3C9\uAC00"] }), _jsxs(Content, { children: [_jsxs(Left, { children: [_jsx(Label, { children: "\uD3C9\uAC00 \uD56D\uBAA9" }), fields.map((field, index) => (_jsx(FormQuestion, { index: index, control: control, onDelete: index !== 0
                                     ? () => {
                                         remove(index);
                                     }

package/package.json

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