@team-monolith/cds 1.55.0 → 1.55.1

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

@@ -11,6 +11,7 @@ export interface SettingFormData {
 }
 /** 자기평가 edit의 설정 컴포넌트입니다. */
 export declare function SettingForm(props: {
+    className?: string;
     iconType: IconType;
     labels: string[];
     descriptions: string[];

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

@@ -7,12 +7,11 @@ import { useFieldArray, useForm } from "react-hook-form";
 import styled from "@emotion/styled";
 import { css } from "@emotion/react";
 import { AddFillIcon, Button, EmojiStickerLineIcon, shadows, } from "../../../../../../..";
-import { EVALUATION_EDIT_WIDTH } from "../../EvaluationComponent";
 import { FormIconAndLabel } from "./FormIconAndLabel";
 import { FormDescription } from "./FormDescription";
 /** 자기평가 edit의 설정 컴포넌트입니다. */
 export function SettingForm(props) {
-    const { iconType, labels, descriptions, nodeKey, onClose } = props;
+    const { className, iconType, labels, descriptions, nodeKey, onClose } = props;
     const [editor] = useLexicalComposerContext();
     const { control, handleSubmit } = useForm({
         mode: "all",
@@ -39,7 +38,7 @@ export function SettingForm(props) {
         });
         onClose();
     };
-    return (_jsxs(Form, Object.assign({ onSubmit: handleSubmit(onSubmit) }, { children: [_jsxs(Title, { children: [_jsx(EmojiStickerLineIcon, { css: css `
+    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(FormDescription, { index: index, control: control, rules: {
@@ -54,7 +53,6 @@ export function SettingForm(props) {
 }
 const Form = styled.form(({ theme }) => css `
     display: flex;
-    width: ${EVALUATION_EDIT_WIDTH}px;
     flex-direction: column;
     border-radius: 6px;
     border: 1px solid ${theme.color.background.neutralAltActive};

package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/EvaluationComponent.d.ts

@@ -1,7 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { NodeKey } from "lexical";
 import { IconType } from "../SelfEvaluationNode";
-export declare const EVALUATION_EDIT_WIDTH = 620;
 /** SelfEvaluationNode를 그리는 컴포넌트입니다. */
 export declare function EvaluationComponent(props: {
     iconType: IconType;

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

@@ -11,7 +11,7 @@ import { ICON_DATA } from "../iconData";
 import { css, useTheme } from "@emotion/react";
 import SquareButton from "../../../../../components/SquareButton";
 import { Settings3FillIcon } from "../../../../../icons";
-export const EVALUATION_EDIT_WIDTH = 620;
+const EVALUATION_EDIT_WIDTH = 620;
 /** SelfEvaluationNode를 그리는 컴포넌트입니다. */
 export function EvaluationComponent(props) {
     const { iconType, labels, descriptions, selectedLabelIndexes, nodeKey } = props;
@@ -43,5 +43,7 @@ export function EvaluationComponent(props) {
             width: ${EVALUATION_EDIT_WIDTH}px;
           `, icons: icons, labels: labels, descriptions: descriptions, selectedLabelIndexes: selectedLabelIndexes, onClick: () => setSettingOpen((open) => !open) }), _jsx(SquareButton, { size: "small", color: "icon", icon: _jsx(Settings3FillIcon, {}), onClick: () => {
                             setSettingOpen((open) => !open);
-                        } })] })), settingOpen && (_jsx(SettingForm, { iconType: iconType, labels: labels, descriptions: descriptions, nodeKey: nodeKey, onClose: () => setSettingOpen(false) }))] }));
+                        } })] })), settingOpen && (_jsx(SettingForm, { css: css `
+            width: ${EVALUATION_EDIT_WIDTH}px;
+          `, iconType: iconType, labels: labels, descriptions: descriptions, nodeKey: nodeKey, onClose: () => setSettingOpen(false) }))] }));
 }

package/package.json

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