@team-monolith/cds 1.97.1 → 1.97.2

package/dist/components/Tooltip.js

@@ -15,16 +15,38 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import React from "react";
 import { Tooltip as MuiTooltip, } from "@mui/material";
+/**
+ * ReactElement를 받아서 tabIndex를 부여하여 focusable한 element로 변환합니다.
+ * 만약
+ * 1. 이미 네이티브 포커스 가능한 컨트롤이거나,
+ * 2. 비활성화 속성이 있어서 포커스가 불가능한 상태거나,
+ * 3. tabIndex가 의도적으로 음수로 설정되어 있으면
+ * 그대로 반환합니다.
+ */
+function getFocusableElement(element) {
+    var _a;
+    // element.props 접근시 ValidElement가 아닌 경우 런타임에러가 발생합니다.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    if (!React.isValidElement(element)) {
+        return element;
+    }
+    const { type, props } = element;
+    const isNativeControl = typeof type === "string" &&
+        ["button", "a", "input", "textarea", "select"].includes(type);
+    const isDisabled = props.disabled === true;
+    if (isNativeControl || isDisabled) {
+        return element;
+    }
+    return React.cloneElement(element, {
+        tabIndex: (_a = props.tabIndex) !== null && _a !== void 0 ? _a : 0,
+    });
+}
 /**
  * [피그마](https://www.figma.com/file/yhrRFizzmhPoHdw9FbYow2/Codle-PD-Kit---Components?type=design&node-id=172-626&t=aFkKTFgWq2xFFGC5-0)
  */
 export const Tooltip = React.forwardRef(function Tooltip(props, ref) {
-    var _a;
     const { title, text, children } = props, restProps = __rest(props, ["title", "text", "children"]);
-    // children을 focusable하게 만듭니다.
-    const focusableChildren = React.cloneElement(children, {
-        tabIndex: (_a = children.props.tabIndex) !== null && _a !== void 0 ? _a : 0,
-    });
+    const focusableChildren = getFocusableElement(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] })), describeChild: true }, restProps, { children: focusableChildren })));

package/package.json

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