@cleartrip/ct-design-tooltip-v2 1.1.0

package/dist/src/style.d.ts

@@ -0,0 +1,175 @@
+/// <reference types="react" />
+import { Theme } from '@cleartrip/ct-design-tokens';
+import { ITooltipV2BorderSize, ITooltipV2Position } from './type';
+export declare const getTooltipV2BorderSize: (borderSize: `${ITooltipV2BorderSize}`, theme: Theme) => {
+    borderRadius: "4px";
+} | {
+    borderRadius: "6px";
+} | {
+    borderRadius: "8px";
+} | {
+    borderRadius: "16px";
+} | {
+    borderRadius: "32px";
+};
+export declare const getTooltipV2AutoPositionStyle: ({ labelRef, tooltipRef, anchorRef, }: {
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+}) => {
+    left: number;
+    top: number;
+} | {
+    top: number;
+    left?: undefined;
+} | {
+    left?: undefined;
+    top?: undefined;
+};
+export declare const getTooltipV2BottomPosition: ({ labelRef, tooltipRef, anchorRef, }: {
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+}) => {
+    top: number;
+    left: number;
+} | {
+    top?: undefined;
+    left?: undefined;
+};
+export declare const getTooltipV2TopPosition: ({ labelRef, tooltipRef, anchorRef, }: {
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+}) => {
+    top: number;
+    left: number;
+} | {
+    top?: undefined;
+    left?: undefined;
+};
+export declare const getTooltipV2Position: ({ position, labelRef, tooltipRef, anchorRef, theme, }: {
+    position: `${ITooltipV2Position}`;
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+    theme: Theme;
+}) => {
+    left: number;
+    top: number;
+} | {
+    top: number;
+    left?: undefined;
+} | {
+    left?: undefined;
+    top?: undefined;
+} | undefined;
+export declare const getTooltipV2AutoArrowStyles: ({ labelRef, tooltipRef, anchorRef, }: {
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+}) => {
+    top: string;
+    left: number;
+    rotate?: undefined;
+} | {
+    rotate: string;
+    left: number;
+    top: number;
+} | {
+    top?: undefined;
+    left?: undefined;
+    rotate?: undefined;
+};
+export declare const getTooltipV2ArrowStyles: ({ position, labelRef, tooltipRef, anchorRef, theme, }: {
+    position: `${ITooltipV2Position}`;
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+    theme: Theme;
+}) => {
+    top: string;
+    left: number;
+    rotate?: undefined;
+} | {
+    rotate: string;
+    left: number;
+    top: number;
+} | {
+    top?: undefined;
+    left?: undefined;
+    rotate?: undefined;
+} | {
+    rotate: string;
+    top: number;
+    left: string;
+};
+export declare const getTooltipV2Styles: ({ borderSize, position, labelRef, tooltipRef, anchorRef, theme, }: {
+    borderSize: `${ITooltipV2BorderSize}`;
+    position: `${ITooltipV2Position}`;
+    labelRef: React.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
+    anchorRef?: import("react").RefObject<HTMLElement> | undefined;
+    theme: Theme;
+}) => {
+    borderRadius: "4px";
+    left: number;
+    top: number;
+} | {
+    borderRadius: "6px";
+    left: number;
+    top: number;
+} | {
+    borderRadius: "8px";
+    left: number;
+    top: number;
+} | {
+    borderRadius: "16px";
+    left: number;
+    top: number;
+} | {
+    borderRadius: "32px";
+    left: number;
+    top: number;
+} | {
+    borderRadius: "4px";
+    top: number;
+    left?: undefined;
+} | {
+    borderRadius: "6px";
+    top: number;
+    left?: undefined;
+} | {
+    borderRadius: "8px";
+    top: number;
+    left?: undefined;
+} | {
+    borderRadius: "16px";
+    top: number;
+    left?: undefined;
+} | {
+    borderRadius: "32px";
+    top: number;
+    left?: undefined;
+} | {
+    borderRadius: "4px";
+    left?: undefined;
+    top?: undefined;
+} | {
+    borderRadius: "6px";
+    left?: undefined;
+    top?: undefined;
+} | {
+    borderRadius: "8px";
+    left?: undefined;
+    top?: undefined;
+} | {
+    borderRadius: "16px";
+    left?: undefined;
+    top?: undefined;
+} | {
+    borderRadius: "32px";
+    left?: undefined;
+    top?: undefined;
+};
+//# sourceMappingURL=style.d.ts.map

package/dist/src/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/TooltipV2/src/style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAElE,eAAO,MAAM,sBAAsB,eAAgB,GAAG,oBAAoB,EAAE,SAAS,KAAK;;;;;;;;;;CAiCzF,CAAC;AAEF,eAAO,MAAM,6BAA6B;cAK9B,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;;;;;;;;;;CA2C5C,CAAC;AAEF,eAAO,MAAM,0BAA0B;cAK3B,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;;;;;;;CA2B5C,CAAC;AAEF,eAAO,MAAM,uBAAuB;cAKxB,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;;;;;;;CA2B5C,CAAC;AAEF,eAAO,MAAM,oBAAoB;cAOrB,GAAG,kBAAkB,EAAE;cACvB,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;WAEpC,KAAK;;;;;;;;;;aAmDb,CAAC;AAEF,eAAO,MAAM,2BAA2B;cAK5B,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;;;;;;;;;;;;;CA2C5C,CAAC;AAEF,eAAO,MAAM,uBAAuB;cAOxB,GAAG,kBAAkB,EAAE;cACvB,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;WAEpC,KAAK;;;;;;;;;;;;;;;;;CAgDb,CAAC;AAEF,eAAO,MAAM,kBAAkB;gBAQjB,GAAG,oBAAoB,EAAE;cAC3B,GAAG,kBAAkB,EAAE;cACvB,MAAM,SAAS,CAAC,cAAc,CAAC;gBAC7B,MAAM,SAAS,CAAC,cAAc,CAAC;;WAEpC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOb,CAAC"}

package/dist/src/type.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export declare enum HOVER_TYPE {
+    ENTER = "ENTER",
+    LEAVE = "LEAVE"
+}
+export declare enum ITooltipV2BorderSize {
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+export declare enum ITooltipV2Position {
+    AUTO = "auto",
+    LEFT = "left",
+    RIGHT = "right",
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export interface ITooltipV2Props {
+    borderSize?: `${ITooltipV2BorderSize}`;
+    position?: `${ITooltipV2Position}`;
+    children: React.ReactNode;
+    labelContainer: React.ReactNode;
+    width?: string;
+    anchorRef?: React.RefObject<HTMLDivElement>;
+    open?: boolean;
+}
+export interface ITooltipV2Styles {
+    top: number;
+    left?: number;
+    borderRadius: string;
+}
+export interface ITooltipV2ArrowStyles {
+    rotate?: string;
+    top: number;
+    left: number;
+}
+//# sourceMappingURL=type.d.ts.map

package/dist/src/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/TooltipV2/src/type.ts"],"names":[],"mappings":";AAAA,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd"}