@team-monolith/cds 1.95.2 → 1.96.1

package/dist/components/Tooltip.d.ts

@@ -3,7 +3,10 @@ export interface TooltipProps {
     className?: string;
     /** 툴팁에 표시될 제목 텍스트 */
     title?: string;
-    /** 툴팁에 표시될 text 영역 값 */
+    /**
+     * 툴팁에 표시될 text 영역 값
+     * title이 없고 text가 null인 경우 툴팁을 표시하지 않음
+     */
     text: React.ReactNode;
     /** `true` 값일때 Tooltip을 오픈합니다. */
     open?: boolean;

package/dist/components/Tooltip.js

@@ -20,7 +20,9 @@ import { Tooltip as MuiTooltip, } from "@mui/material";
  */
 export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
     const { title, text, children } = props, restProps = __rest(props, ["title", "text", "children"]);
-    return (_jsx(StyledTooltip, Object.assign({ ref: ref, title: _jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] }) }, restProps, { children: children })));
+    return (_jsx(StyledTooltip, Object.assign({ ref: ref, title: 
+        // title이 없고 text가 null인 경우 툴팁을 표시하지 않음
+        !title && text === null ? null : (_jsxs(_Fragment, { children: [title && _jsx(TitleDiv, { children: title }), text] })) }, restProps, { children: children })));
 });
 // https://mui.com/material-ui/react-tooltip/#customization
 const StyledTooltip = styled((_a) => {

package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView.js

@@ -22,13 +22,22 @@ const TYPE_TO_INDEX_ICON = (type) => ({
 })[type];
 export function SelectBoxView(props) {
     const { index, isSelected, isAnswer, image, text, onClick } = props;
-    const selectBoxType = isSelected
+    const selectedTypeAndDescription = isSelected
         ? isAnswer === undefined
-            ? "primary"
+            ? {
+                type: "primary",
+                description: "선택됨",
+            }
             : isAnswer
-                ? "success"
-                : "danger"
-        : undefined;
+                ? {
+                    type: "success",
+                    description: "선택됨, 정답",
+                }
+                : {
+                    type: "danger",
+                    description: "선택됨, 오답",
+                }
+        : null;
     const boxRef = useRef(null);
     const handleKeyDown = (e) => {
         // onClick이 없으면 아무것도 하지 않음.
@@ -50,7 +59,15 @@ export function SelectBoxView(props) {
     const ariaText = text || (image && image.altText) || index.toString() + "번 선택지";
     return (_jsx(SelectBoxComponent, { css: css `
         width: 100%;
-      `, ref: boxRef, role: onClick ? "checkbox" : undefined, "aria-checked": isSelected, "aria-label": onClick ? ariaText + (isSelected ? " 선택됨" : " 선택하기") : ariaText, tabIndex: onClick ? 0 : -1, type: selectBoxType, index: selectBoxType ? TYPE_TO_INDEX_ICON(selectBoxType) : index, image: image, text: text, onClick: onClick, 
+      `, ref: boxRef, role: onClick ? "checkbox" : undefined, "aria-checked": isSelected, "aria-label": onClick
+            ? ariaText +
+                " " +
+                (selectedTypeAndDescription
+                    ? selectedTypeAndDescription.description
+                    : "선택하기")
+            : ariaText, tabIndex: onClick ? 0 : -1, type: selectedTypeAndDescription === null || selectedTypeAndDescription === void 0 ? void 0 : selectedTypeAndDescription.type, index: selectedTypeAndDescription
+            ? TYPE_TO_INDEX_ICON(selectedTypeAndDescription.type)
+            : index, image: image, text: text, onClick: onClick, 
         // 선택되지 않았으나 정답일 때 정답 태그를 표시
         endIcon: isAnswer &&
             !isSelected && (_jsx(Tag, { label: "\uC815\uB2F5", icon: _jsx(CheckboxCircleFillIcon, {}), color: "green", css: css `

package/package.json

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