@tipp/ui 1.6.25 → 1.6.26

package/dist/atoms/ellipsis-tooltip.cjs

@@ -52,45 +52,116 @@ __export(ellipsis_tooltip_exports, {
   EllipsisTooltip: () => EllipsisTooltip
 });
 module.exports = __toCommonJS(ellipsis_tooltip_exports);
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/atoms/tooltip.tsx
-var import_themes = require("@radix-ui/themes");
-
-// src/atoms/typo.tsx
-var import_themes2 = require("@radix-ui/themes");
 var import_react = require("react");
+var import_react_tooltip = require("@radix-ui/react-tooltip");
+var import_react_popover = require("@radix-ui/react-popover");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Typo = (0, import_react.forwardRef)(
+var TouchContext = (0, import_react.createContext)(void 0);
+var useTouch = () => (0, import_react.useContext)(TouchContext);
+function TooltipProvider(_a) {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest(_b, [
+    "children"
+  ]);
+  const [isTouch, setIsTouch] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    setIsTouch(window.matchMedia("(pointer: coarse)").matches);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TouchContext.Provider, { value: isTouch, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.TooltipProvider, __spreadProps(__spreadValues({}, props), { children })) });
+}
+function Tooltip(props) {
+  const isTouch = useTouch();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipProvider, { children: isTouch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_popover.Popover, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.Tooltip, __spreadValues({}, props)) });
+}
+function TooltipTrigger(props) {
+  const isTouch = useTouch();
+  return isTouch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_popover.PopoverTrigger, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.TooltipTrigger, __spreadValues({}, props));
+}
+function TooltipContent(props) {
+  const isTouch = useTouch();
+  return isTouch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_popover.PopoverContent, __spreadValues({}, props)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.TooltipContent, __spreadValues({}, props));
+}
+
+// src/atoms/button.tsx
+var import_react2 = require("react");
+var import_themes = require("@radix-ui/themes");
+var import_clsx = require("clsx");
+
+// src/utils/convert-button-size.ts
+var convertSizeStr = (size) => {
+  switch (size) {
+    case "small":
+      return "1";
+    case "medium":
+      return "2";
+    case "large":
+      return "3";
+    default:
+      return "2";
+  }
+};
+var convertSizeResponse = (size) => {
+  if (typeof size === "string" || typeof size === "undefined") {
+    return convertSizeStr(size);
+  }
+  const radixSize = {};
+  let key = "initial";
+  for (key in size) {
+    radixSize[key] = convertSizeStr(size[key]);
+  }
+  return radixSize;
+};
+var convertSize = (size) => {
+  if (typeof size === "string") {
+    return convertSizeStr(size);
+  }
+  return convertSizeResponse(size);
+};
+
+// src/atoms/button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button = (0, import_react2.forwardRef)(
   (props, ref) => {
-    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
-    const radixSize = (0, import_react.useMemo)(() => {
-      if (size !== void 0)
-        return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle":
-          return "3";
-        case "body":
-        default:
-          return "2";
-      }
-    }, [size, variant]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes2.Text, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
+    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
+    const radixSize = (0, import_react2.useMemo)(() => {
+      return convertSize(size);
+    }, [size]);
+    const radixVariant = (0, import_react2.useMemo)(() => {
+      if (variant === "transparent")
+        return "soft";
+      return variant;
+    }, [variant]);
+    const className = (0, import_react2.useMemo)(() => {
+      return (0, import_clsx.clsx)(props.className, { transparent: variant === "transparent" });
+    }, [props.className, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_themes.Button,
+      __spreadProps(__spreadValues({
+        style,
+        variant: radixVariant
+      }, restProps), {
+        className,
+        ref,
+        size: radixSize
+      })
+    );
   }
 );
-Typo.displayName = "Typo";
+Button.displayName = "Button";
 
 // src/atoms/ellipsis-tooltip.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function EllipsisTooltip(props) {
   const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = (0, import_react2.useRef)(null);
-  const [tooltipDisplay, setTooltipDisplay] = (0, import_react2.useState)(
+  const ref = (0, import_react3.useRef)(null);
+  const [tooltipDisplay, setTooltipDisplay] = (0, import_react3.useState)(
     "none"
   );
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (ref.current) {
       const typo = ref.current;
       const mouseOver = () => {
@@ -105,22 +176,10 @@ function EllipsisTooltip(props) {
       ref.current.addEventListener("mouseleave", mouseOut);
     }
   }, [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_themes.Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { children: "?" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "\uD234\uD301 \uB0B4\uC6A9" }) })
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/atoms/ellipsis-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactElement {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n","export { Tooltip, type TooltipProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactElement => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size !== undefined) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle':\n          return '3';\n        case 'body':\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAAmD;;;ACAnD,oBAA2C;;;ACC3C,IAAAC,iBAAkC;AAClC,mBAA2C;AAwBrC;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAA4B;AAC7C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,sBAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,4CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AFMb,IAAAC,sBAAA;AA9BC,SAAS,gBACd,OACoB;AACpB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,UAAM,sBAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,IAC1C;AAAA,EACF;AAEA,+BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,6CAAC,yBAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["import_react","import_themes","RadixText","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/atoms/ellipsis-tooltip.tsx","../../src/atoms/tooltip.tsx","../../src/atoms/button.tsx","../../src/utils/convert-button-size.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from './tooltip';\nimport { Typo, type TypoProps } from './typo';\nimport { Button } from './button';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactElement {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button>?</Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>툴팁 내용</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n\n  // return (\n  //   // <Tooltip content={children} style={{ display: tooltipDisplay }}>\n  //   //   <Typo\n  //   //     {...rest}\n  //   //     ref={ref}\n  //   //     style={{\n  //   //       width: '100%',\n  //   //       textOverflow: 'ellipsis',\n  //   //       overflow: 'hidden',\n  //   //       WebkitLineClamp: lineClamp,\n\n  //   //       display: '-webkit-box',\n  //   //       WebkitBoxOrient: 'vertical',\n  //   //       wordBreak: 'break-word',\n  //   //       ...style,\n  //   //     }}\n  //   //   >\n  //   //     {children}\n  //   //   </Typo>\n  //   // </Tooltip>\n  // );\n}\n","import { createContext, useContext, useEffect, useState } from 'react';\nimport type {\n  TooltipContentProps,\n  TooltipProps,\n  TooltipTriggerProps,\n  TooltipProviderProps,\n} from '@radix-ui/react-tooltip';\nimport {\n  TooltipProvider as OriginalTooltipProvider,\n  Tooltip as OriginalTooltip,\n  TooltipTrigger as OriginalTooltipTrigger,\n  TooltipContent as OriginalTooltipContent,\n} from '@radix-ui/react-tooltip';\nimport type {\n  PopoverContentProps,\n  PopoverProps,\n  PopoverTriggerProps,\n} from '@radix-ui/react-popover';\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '@radix-ui/react-popover';\n\nconst TouchContext = createContext<boolean | undefined>(undefined);\nconst useTouch = (): boolean | undefined => useContext(TouchContext);\n\nexport function TooltipProvider({\n  children,\n  ...props\n}: TooltipProviderProps): JSX.Element {\n  const [isTouch, setIsTouch] = useState<boolean | undefined>(undefined);\n  useEffect(() => {\n    setIsTouch(window.matchMedia('(pointer: coarse)').matches);\n  }, []);\n  return (\n    <TouchContext.Provider value={isTouch}>\n      <OriginalTooltipProvider {...props}>{children}</OriginalTooltipProvider>\n    </TouchContext.Provider>\n  );\n}\n\nexport function Tooltip(props: TooltipProps & PopoverProps): JSX.Element {\n  const isTouch = useTouch();\n  return (\n    <TooltipProvider>\n      {isTouch ? <Popover {...props} /> : <OriginalTooltip {...props} />}\n    </TooltipProvider>\n  );\n}\n\nexport function TooltipTrigger(\n  props: TooltipTriggerProps & PopoverTriggerProps\n): JSX.Element {\n  const isTouch = useTouch();\n  return isTouch ? (\n    <PopoverTrigger {...props} />\n  ) : (\n    <OriginalTooltipTrigger {...props} />\n  );\n}\n\nexport function TooltipContent(\n  props: TooltipContentProps & PopoverContentProps\n): JSX.Element {\n  const isTouch = useTouch();\n  return isTouch ? (\n    <PopoverContent {...props} />\n  ) : (\n    <OriginalTooltipContent {...props} />\n  );\n}\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactElement => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'soft';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":"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","names":["import_react","OriginalTooltipProvider","OriginalTooltip","OriginalTooltipTrigger","OriginalTooltipContent","import_react","import_jsx_runtime","RadixButton","import_jsx_runtime"]}

package/dist/atoms/ellipsis-tooltip.js

@@ -1,8 +1,9 @@
 import {
   EllipsisTooltip
-} from "../chunk-WKFZ5MMN.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-52MVZ6AN.js";
+} from "../chunk-4DTD3FXF.js";
+import "../chunk-JRPA2S7O.js";
+import "../chunk-Q5AFRGVP.js";
+import "../chunk-LQY4RKWI.js";
 import "../chunk-N552FDTV.js";
 export {
   EllipsisTooltip