sellmate-design-system-react 9.0.0-beta.0 → 9.0.0-beta.10

package/dist/lib/truncated-value-tooltip.d.ts

@@ -0,0 +1,18 @@
+import { type Ref, type ReactNode } from 'react';
+/** 여러 ref 에 같은 노드를 흘려보낸다 — 소비자용 ref 와 측정용 ref 가 같은 `<input>` 을 가리켜야 한다 */
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (node: T | null) => void;
+export interface TruncatedValueTooltip {
+    /** 측정 대상 `<input>` 에 붙일 ref. 소비자 ref 와는 `mergeRefs` 로 합친다 */
+    valueRef: Ref<HTMLInputElement>;
+    /** 측정 대상에 붙일 호버 핸들러 */
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    /** 필드 어디든 함께 렌더한다 (Portal 이라 레이아웃을 차지하지 않는다) */
+    tooltip: ReactNode;
+}
+export declare function useTruncatedValueTooltip({ enabled, text, }: {
+    /** `readOnly` 이고 비활성이 아닐 때만 켠다 */
+    enabled: boolean;
+    /** 툴팁에 표시할 전문. 화면에 보이는 문자열이어야 한다(숫자 필드의 천단위 콤마 포함) */
+    text: string;
+}): TruncatedValueTooltip;