@teamturing/react-kit 2.19.36 → 2.19.37

package/dist/core/Tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes } from 'react';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
     /**
@@ -10,6 +10,17 @@ type Props = {
      */
     text?: string;
 } & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'className'>;
-declare const Tooltip: ({ children, direction, text, className: propClassName, sx, }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
-export default Tooltip;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    /**
+     * children 컴포넌트 기준으로 Tooltip의 위치를 정의합니다.
+     */
+    direction?: "left" | "right" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left" | "top-left" | undefined;
+    /**
+     * Tooltip의 텍스트를 정의합니다.
+     */
+    text?: string | undefined;
+} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "className"> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export default _default;
 export type { Props as TooptipProps };

package/dist/index.js

@@ -16694,9 +16694,10 @@ const Tooltip = ({
   text,
   className: propClassName,
   sx
-}) => {
+}, ref) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
+    ref: ref,
     role: 'tooltip',
     "aria-label": text,
     className: className,
@@ -16942,6 +16943,7 @@ const BaseTooltip = styled__default.default.span`
 
   ${sx}
 `;
+var Tooltip$1 = /*#__PURE__*/React.forwardRef(Tooltip);
 
 const BreadcrumbsItem = ({
   text,
@@ -16965,7 +16967,7 @@ const BreadcrumbsItem = ({
     ...props,
     children: text
   });
-  return isOverflow ? /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
+  return isOverflow ? /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip$1, {
     text: text,
     direction: 'bottom-center',
     sx: {
@@ -25616,7 +25618,7 @@ exports.TextInput = TextInput$1;
 exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.Toast = Toast;
-exports.Tooltip = Tooltip;
+exports.Tooltip = Tooltip$1;
 exports.UnstyledButton = UnstyledButton;
 exports.View = View;
 exports.lineClamp = lineClamp;

package/esm/core/Tooltip/index.js

@@ -1,4 +1,5 @@
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
+import { forwardRef } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
@@ -9,9 +10,10 @@ const Tooltip = ({
   text,
   className: propClassName,
   sx
-}) => {
+}, ref) => {
   const className = [propClassName, `tooltip-direction-${direction}`].join(' ');
   return /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltip, {
+    ref: ref,
     role: 'tooltip',
     "aria-label": text,
     className: className,
@@ -257,5 +259,6 @@ const BaseTooltip = styled.span`
 
   ${sx}
 `;
+var Tooltip$1 = /*#__PURE__*/forwardRef(Tooltip);
 
-export { Tooltip as default };
+export { Tooltip$1 as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.36",
+  "version": "2.19.37",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "5b4724f00eeef00ec84941d54e5b6f8e3083e941"
+  "gitHead": "73945734bdadf5722fb5450dc467d0d267e88540"
 }