@channel.io/bezier-react 2.6.2 → 3.0.1

package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs

@@ -1,7 +1,8 @@
-import React__default, { memo, forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { memo, forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import { LegacyTooltipContent } from './LegacyTooltipContent.mjs';
 import styles from './LegacyTooltip.module.scss.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useWindow } from '../WindowProvider/WindowProvider.mjs';
 
 const TOOLTIP_TEST_ID = 'bezier-tooltip';
@@ -37,7 +38,7 @@ const LegacyTooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function LegacyT
   const [show, setShow] = useState(false);
   const [didMount, setDidMount] = useState(show);
   const tooltipContainerRef = useRef(null);
-  const timerRef = useRef();
+  const timerRef = useRef(undefined);
   useEffect(function hideTooltipContentWhenDisabled() {
     if (disabled) {
       setShow(false);
@@ -70,7 +71,7 @@ const LegacyTooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function LegacyT
   }, [delayHide, disabled, window]);
   const TooltipComponent = useMemo(() => {
     if (!lazy || didMount) {
-      return /*#__PURE__*/React__default.createElement(LegacyTooltipContent, {
+      return /*#__PURE__*/jsx(LegacyTooltipContent, {
         as: as,
         content: content,
         contentStyle: contentStyle,
@@ -92,13 +93,15 @@ const LegacyTooltip = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function LegacyT
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxs("div", {
     ref: tooltipContainerRef,
     className: classNames(styles.LegacyTooltip, className),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    "data-testid": TOOLTIP_TEST_ID
-  }, otherProps), children, show && TooltipComponent);
+    "data-testid": TOOLTIP_TEST_ID,
+    ...otherProps,
+    children: [children, show && TooltipComponent]
+  });
 }));
 
 export { LegacyTooltip, TOOLTIP_CONTENT_TEST_ID, TOOLTIP_TEST_ID };

package/dist/esm/components/LegacyTooltip/LegacyTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyTooltip.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/**\n * @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n  forwardRef(function LegacyTooltip(\n    {\n      as,\n      contentTestId = TOOLTIP_CONTENT_TEST_ID,\n      className,\n      contentStyle,\n      contentClassName,\n      contentWrapperStyle,\n      contentWrapperClassName,\n      content = null,\n      lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n      placement = 'bottom-center',\n      disabled = false,\n      offset = 4,\n      keepInContainer = false,\n      allowHover = false,\n      delayShow = 0,\n      delayHide = 0,\n      children,\n      ...otherProps\n    }: LegacyTooltipProps,\n    forwardedRef: Ref<any>\n  ) {\n    const { window } = useWindow()\n\n    const [show, setShow] = useState(false)\n    const [didMount, setDidMount] = useState(show)\n\n    const tooltipContainerRef = useRef<HTMLDivElement>(null)\n    const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n    useEffect(\n      function hideTooltipContentWhenDisabled() {\n        if (disabled) {\n          setShow(false)\n        }\n      },\n      [disabled]\n    )\n\n    useEffect(\n      function updateDidMount() {\n        setDidMount((prev) => prev || show)\n      },\n      [show]\n    )\n\n    const handleMouseEnter = useCallback(() => {\n      if (disabled) {\n        return\n      }\n\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n      }\n\n      timerRef.current = window.setTimeout(() => {\n        setShow(true)\n      }, delayShow)\n    }, [delayShow, disabled, window])\n\n    const handleMouseLeave = useCallback(() => {\n      if (disabled) {\n        return\n      }\n\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n      }\n\n      timerRef.current = window.setTimeout(() => {\n        setShow(false)\n      }, delayHide)\n    }, [delayHide, disabled, window])\n\n    const TooltipComponent = useMemo(() => {\n      if (!lazy || didMount) {\n        return (\n          <LegacyTooltipContent\n            as={as}\n            content={content}\n            contentStyle={contentStyle}\n            contentClassName={contentClassName}\n            contentWrapperStyle={contentWrapperStyle}\n            contentWrapperClassName={contentWrapperClassName}\n            disabled={disabled}\n            placement={placement}\n            offset={offset}\n            allowHover={allowHover}\n            keepInContainer={keepInContainer}\n            tooltipContainer={tooltipContainerRef.current}\n            forwardedRef={forwardedRef}\n            data-testid={contentTestId}\n          />\n        )\n      }\n\n      return null\n    }, [\n      lazy,\n      didMount,\n      as,\n      content,\n      contentStyle,\n      contentClassName,\n      contentWrapperStyle,\n      contentWrapperClassName,\n      disabled,\n      placement,\n      offset,\n      allowHover,\n      keepInContainer,\n      forwardedRef,\n      contentTestId,\n    ])\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <div\n        ref={tooltipContainerRef}\n        className={classNames(styles.LegacyTooltip, className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        data-testid={TOOLTIP_TEST_ID}\n        {...otherProps}\n      >\n        {children}\n        {show && TooltipComponent}\n      </div>\n    )\n  })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Object","assign","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}
+{"version":3,"file":"LegacyTooltip.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/**\n * @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n  forwardRef(function LegacyTooltip(\n    {\n      as,\n      contentTestId = TOOLTIP_CONTENT_TEST_ID,\n      className,\n      contentStyle,\n      contentClassName,\n      contentWrapperStyle,\n      contentWrapperClassName,\n      content = null,\n      lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n      placement = 'bottom-center',\n      disabled = false,\n      offset = 4,\n      keepInContainer = false,\n      allowHover = false,\n      delayShow = 0,\n      delayHide = 0,\n      children,\n      ...otherProps\n    }: LegacyTooltipProps,\n    forwardedRef: Ref<any>\n  ) {\n    const { window } = useWindow()\n\n    const [show, setShow] = useState(false)\n    const [didMount, setDidMount] = useState(show)\n\n    const tooltipContainerRef = useRef<HTMLDivElement>(null)\n    const timerRef = useRef<ReturnType<Window['setTimeout']>>(undefined)\n\n    useEffect(\n      function hideTooltipContentWhenDisabled() {\n        if (disabled) {\n          setShow(false)\n        }\n      },\n      [disabled]\n    )\n\n    useEffect(\n      function updateDidMount() {\n        setDidMount((prev) => prev || show)\n      },\n      [show]\n    )\n\n    const handleMouseEnter = useCallback(() => {\n      if (disabled) {\n        return\n      }\n\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n      }\n\n      timerRef.current = window.setTimeout(() => {\n        setShow(true)\n      }, delayShow)\n    }, [delayShow, disabled, window])\n\n    const handleMouseLeave = useCallback(() => {\n      if (disabled) {\n        return\n      }\n\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n      }\n\n      timerRef.current = window.setTimeout(() => {\n        setShow(false)\n      }, delayHide)\n    }, [delayHide, disabled, window])\n\n    const TooltipComponent = useMemo(() => {\n      if (!lazy || didMount) {\n        return (\n          <LegacyTooltipContent\n            as={as}\n            content={content}\n            contentStyle={contentStyle}\n            contentClassName={contentClassName}\n            contentWrapperStyle={contentWrapperStyle}\n            contentWrapperClassName={contentWrapperClassName}\n            disabled={disabled}\n            placement={placement}\n            offset={offset}\n            allowHover={allowHover}\n            keepInContainer={keepInContainer}\n            tooltipContainer={tooltipContainerRef.current}\n            forwardedRef={forwardedRef}\n            data-testid={contentTestId}\n          />\n        )\n      }\n\n      return null\n    }, [\n      lazy,\n      didMount,\n      as,\n      content,\n      contentStyle,\n      contentClassName,\n      contentWrapperStyle,\n      contentWrapperClassName,\n      disabled,\n      placement,\n      offset,\n      allowHover,\n      keepInContainer,\n      forwardedRef,\n      contentTestId,\n    ])\n\n    if (!children) {\n      return null\n    }\n\n    return (\n      <div\n        ref={tooltipContainerRef}\n        className={classNames(styles.LegacyTooltip, className)}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        data-testid={TOOLTIP_TEST_ID}\n        {...otherProps}\n      >\n        {children}\n        {show && TooltipComponent}\n      </div>\n    )\n  })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","undefined","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","_jsx","LegacyTooltipContent","tooltipContainer","_jsxs","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs

@@ -1,11 +1,13 @@
-import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import * as React from 'react';
+import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import ReactDOM__default from 'react-dom';
-import classNames from '../../node_modules/classnames/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import useEventHandler from '../../hooks/useEventHandler.mjs';
 import useMergeRefs from '../../hooks/useMergeRefs.mjs';
 import { isEmpty, isArray, isString } from '../../utils/type.mjs';
 import { getReplacement, getTooltipStyle } from './utils.mjs';
 import styles from './LegacyTooltip.module.scss.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRootElement } from '../WindowProvider/WindowProvider.mjs';
 import { InvertedThemeProvider } from '../ThemeProvider/ThemeProvider.mjs';
 import { Text } from '../Text/Text.mjs';
@@ -13,16 +15,17 @@ import { Text } from '../Text/Text.mjs';
 function getNewLineComponent(strContent) {
   return strContent.split('\n').map((str, index) => {
     if (index === 0) {
-      return /*#__PURE__*/React__default.createElement(Text, {
-        key: str,
-        typo: "14"
+      return /*#__PURE__*/jsx(Text, {
+        typo: "14",
+        children: str
       }, str);
     }
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: str
-    }, /*#__PURE__*/React__default.createElement("br", null), /*#__PURE__*/React__default.createElement(Text, {
-      typo: "14"
-    }, str));
+    return /*#__PURE__*/jsxs(React.Fragment, {
+      children: [/*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx(Text, {
+        typo: "14",
+        children: str
+      })]
+    }, str);
   });
 }
 function getContentComponent(content) {
@@ -92,19 +95,25 @@ const LegacyTooltipContent = ({
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
   const Comp = as !== null && as !== void 0 ? as : 'div';
-  return /*#__PURE__*/ReactDOM__default.createPortal(/*#__PURE__*/React__default.createElement(InvertedThemeProvider, null, /*#__PURE__*/React__default.createElement("div", {
-    style: contentWrapperStyle,
-    className: classNames(styles.LegacyTooltipContentWrapper, (disabled || isEmpty(content)) && styles.disabled, contentWrapperClassName),
-    ref: tooltipWrapperRef
-  }, /*#__PURE__*/React__default.createElement(Comp, Object.assign({
-    style: contentStyle,
-    className: classNames(styles.LegacyTooltipContent, contentClassName),
-    ref: mergedRef
-  }, rest), /*#__PURE__*/React__default.createElement(Text, {
-    color: "txt-black-darkest",
-    truncated: 20,
-    typo: "13"
-  }, ContentComponent)))), rootElement);
+  return /*#__PURE__*/ReactDOM__default.createPortal(/*#__PURE__*/jsx(InvertedThemeProvider, {
+    children: /*#__PURE__*/jsx("div", {
+      style: contentWrapperStyle,
+      className: classNames(styles.LegacyTooltipContentWrapper, (disabled || isEmpty(content)) && styles.disabled, contentWrapperClassName),
+      ref: tooltipWrapperRef,
+      children: /*#__PURE__*/jsx(Comp, {
+        style: contentStyle,
+        className: classNames(styles.LegacyTooltipContent, contentClassName),
+        ref: mergedRef,
+        ...rest,
+        children: /*#__PURE__*/jsx(Text, {
+          color: "txt-black-darkest",
+          truncated: 20,
+          typo: "13",
+          children: ContentComponent
+        })
+      })
+    })
+  }), rootElement);
 };
 
 export { LegacyTooltipContent };

package/dist/esm/components/LegacyTooltip/LegacyTooltipContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyTooltipContent.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n  return strContent.split('\\n').map((str, index) => {\n    if (index === 0) {\n      return (\n        <Text\n          key={str}\n          typo=\"14\"\n        >\n          {str}\n        </Text>\n      )\n    }\n\n    return (\n      <React.Fragment key={str}>\n        <br />\n        <Text typo=\"14\">{str}</Text>\n      </React.Fragment>\n    )\n  })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n  if (isArray(content)) {\n    return content.map((item) => {\n      if (isString(item)) {\n        return getNewLineComponent(item)\n      }\n\n      return item\n    })\n  }\n\n  if (isString(content)) {\n    return getNewLineComponent(content)\n  }\n\n  return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n  as,\n  content,\n  contentStyle,\n  contentClassName,\n  contentWrapperClassName,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = 'bottom-center',\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  forwardedRef,\n  ...rest\n}) => {\n  const rootElement = useRootElement()\n\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n  const [replacement, setReplacement] = useState(placement)\n\n  const handleClickTooltip = useCallback(\n    (event: HTMLElementEventMap['click']) => {\n      event.stopPropagation()\n    },\n    []\n  )\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) {\n      return\n    }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n      rootElement,\n    })\n    setReplacement(newPlacement)\n  }, [rootElement, keepInContainer, placement])\n\n  const ContentComponent = useMemo(\n    () => getContentComponent(content),\n    [content]\n  )\n\n  const contentWrapperStyle = useMemo(() => {\n    if (tooltipContainer) {\n      return {\n        ...givenContentWrapperStyle,\n        ...getTooltipStyle({\n          tooltipContainer,\n          placement: replacement,\n          offset,\n          allowHover,\n        }),\n      }\n    }\n\n    return {}\n  }, [\n    tooltipContainer,\n    givenContentWrapperStyle,\n    replacement,\n    offset,\n    allowHover,\n  ])\n\n  const Comp = as ?? 'div'\n\n  return ReactDOM.createPortal(\n    <InvertedThemeProvider>\n      <div\n        style={contentWrapperStyle}\n        className={classNames(\n          styles.LegacyTooltipContentWrapper,\n          (disabled || isEmpty(content)) && styles.disabled,\n          contentWrapperClassName\n        )}\n        ref={tooltipWrapperRef}\n      >\n        <Comp\n          style={contentStyle}\n          className={classNames(styles.LegacyTooltipContent, contentClassName)}\n          ref={mergedRef}\n          {...rest}\n        >\n          <Text\n            color=\"txt-black-darkest\"\n            truncated={20}\n            typo=\"13\"\n          >\n            {ContentComponent}\n          </Text>\n        </Comp>\n      </div>\n    </InvertedThemeProvider>,\n    rootElement\n  )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","Object","assign","color","truncated"],"mappings":"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"}
+{"version":3,"file":"LegacyTooltipContent.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n  return strContent.split('\\n').map((str, index) => {\n    if (index === 0) {\n      return (\n        <Text\n          key={str}\n          typo=\"14\"\n        >\n          {str}\n        </Text>\n      )\n    }\n\n    return (\n      <React.Fragment key={str}>\n        <br />\n        <Text typo=\"14\">{str}</Text>\n      </React.Fragment>\n    )\n  })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n  if (isArray(content)) {\n    return content.map((item) => {\n      if (isString(item)) {\n        return getNewLineComponent(item)\n      }\n\n      return item\n    })\n  }\n\n  if (isString(content)) {\n    return getNewLineComponent(content)\n  }\n\n  return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n  as,\n  content,\n  contentStyle,\n  contentClassName,\n  contentWrapperClassName,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = 'bottom-center',\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  forwardedRef,\n  ...rest\n}) => {\n  const rootElement = useRootElement()\n\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n  const [replacement, setReplacement] = useState(placement)\n\n  const handleClickTooltip = useCallback(\n    (event: HTMLElementEventMap['click']) => {\n      event.stopPropagation()\n    },\n    []\n  )\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) {\n      return\n    }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n      rootElement,\n    })\n    setReplacement(newPlacement)\n  }, [rootElement, keepInContainer, placement])\n\n  const ContentComponent = useMemo(\n    () => getContentComponent(content),\n    [content]\n  )\n\n  const contentWrapperStyle = useMemo(() => {\n    if (tooltipContainer) {\n      return {\n        ...givenContentWrapperStyle,\n        ...getTooltipStyle({\n          tooltipContainer,\n          placement: replacement,\n          offset,\n          allowHover,\n        }),\n      }\n    }\n\n    return {}\n  }, [\n    tooltipContainer,\n    givenContentWrapperStyle,\n    replacement,\n    offset,\n    allowHover,\n  ])\n\n  const Comp = as ?? 'div'\n\n  return ReactDOM.createPortal(\n    <InvertedThemeProvider>\n      <div\n        style={contentWrapperStyle}\n        className={classNames(\n          styles.LegacyTooltipContentWrapper,\n          (disabled || isEmpty(content)) && styles.disabled,\n          contentWrapperClassName\n        )}\n        ref={tooltipWrapperRef}\n      >\n        <Comp\n          style={contentStyle}\n          className={classNames(styles.LegacyTooltipContent, contentClassName)}\n          ref={mergedRef}\n          {...rest}\n        >\n          <Text\n            color=\"txt-black-darkest\"\n            truncated={20}\n            typo=\"13\"\n          >\n            {ContentComponent}\n          </Text>\n        </Comp>\n      </div>\n    </InvertedThemeProvider>,\n    rootElement\n  )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","_jsx","Text","typo","children","_jsxs","React","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","color","truncated"],"mappings":"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"}

package/dist/esm/components/ListItem/ListItem.mjs

@@ -1,8 +1,9 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef, Fragment } from 'react';
 import { isBezierIcon } from '@channel.io/bezier-icons';
-import classNames from '../../node_modules/classnames/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import { isEmpty, isNil, isString } from '../../utils/type.mjs';
 import styles from './ListItem.module.scss.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon } from '../Icon/Icon.mjs';
 import { Text } from '../Text/Text.mjs';
 
@@ -10,9 +11,9 @@ function renderNewLineComponent(value) {
   return value.split('\n').map((str, index) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
-  React__default.createElement(React__default.Fragment, {
-    key: index
-  }, index !== 0 && /*#__PURE__*/React__default.createElement("br", null), str));
+  jsxs(Fragment, {
+    children: [index !== 0 && /*#__PURE__*/jsx("br", {}), str]
+  }, index));
 }
 const LIST_ITEM_TEST_ID = 'bezier-list-item';
 const ListItem = /*#__PURE__*/forwardRef(function ListItem({
@@ -36,38 +37,48 @@ const ListItem = /*#__PURE__*/forwardRef(function ListItem({
   const isLink = !isEmpty(href);
   const Comp = isLink ? 'a' : as !== null && as !== void 0 ? as : 'div';
   const clickable = isLink || clickableProp || !isNil(onClick);
-  return /*#__PURE__*/React__default.createElement(Comp, Object.assign({}, isLink && {
-    href,
-    draggable: false,
-    target: '_blank',
-    rel: 'noopener noreferrer'
-  }, {
+  return /*#__PURE__*/jsxs(Comp, {
+    ...(isLink && {
+      href,
+      draggable: false,
+      target: '_blank',
+      rel: 'noopener noreferrer'
+    }),
     className: classNames(styles.ListItem, styles[`size-${size}`], styles[`variant-${variant}`], disabled && styles.disabled, focused && styles.focused, active && styles.active, clickable && styles.clickable, className),
     ref: forwardedRef,
     onClick: !disabled ? onClick : undefined,
-    "data-testid": LIST_ITEM_TEST_ID
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ListItemContent
-  }, !isNil(leftContent) && /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ListItemLeftContent
-  }, isBezierIcon(leftContent) ? /*#__PURE__*/React__default.createElement(Icon, {
-    className: styles.ListItemLeftIcon,
-    source: leftContent,
-    size: "s"
-  }) : leftContent), /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ListItemTitle
-  }, isString(content) ? /*#__PURE__*/React__default.createElement(Text, {
-    truncated: true,
-    typo: size === 'l' ? '16' : '14'
-  }, content) : content), description && /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ListItemDescription
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    typo: "12",
-    color: "txt-black-darker",
-    truncated: descriptionMaxLines
-  }, isString(description) ? renderNewLineComponent(description) : description))), rightContent && /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ListItemRightContent
-  }, rightContent));
+    "data-testid": LIST_ITEM_TEST_ID,
+    ...rest,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.ListItemContent,
+      children: [!isNil(leftContent) && /*#__PURE__*/jsx("div", {
+        className: styles.ListItemLeftContent,
+        children: isBezierIcon(leftContent) ? /*#__PURE__*/jsx(Icon, {
+          className: styles.ListItemLeftIcon,
+          source: leftContent,
+          size: "s"
+        }) : leftContent
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.ListItemTitle,
+        children: isString(content) ? /*#__PURE__*/jsx(Text, {
+          truncated: true,
+          typo: size === 'l' ? '16' : '14',
+          children: content
+        }) : content
+      }), description && /*#__PURE__*/jsx("div", {
+        className: styles.ListItemDescription,
+        children: /*#__PURE__*/jsx(Text, {
+          typo: "12",
+          color: "txt-black-darker",
+          truncated: descriptionMaxLines,
+          children: isString(description) ? renderNewLineComponent(description) : description
+        })
+      })]
+    }), rightContent && /*#__PURE__*/jsx("div", {
+      className: styles.ListItemRightContent,
+      children: rightContent
+    })]
+  });
 });
 
 export { LIST_ITEM_TEST_ID, ListItem };

package/dist/esm/components/ListItem/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.mjs","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isEmpty, isNil, isString } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type ListItemProps } from './ListItem.types'\n\nimport styles from './ListItem.module.scss'\n\ntype ListItemRef = HTMLDivElement & HTMLAnchorElement\n\nfunction renderNewLineComponent(value: string) {\n  return value.split('\\n').map((str, index) => (\n    // eslint-disable-next-line react/no-array-index-key\n    <React.Fragment key={index}>\n      {index !== 0 && <br />}\n      {str}\n    </React.Fragment>\n  ))\n}\n\nexport const LIST_ITEM_TEST_ID = 'bezier-list-item'\n\nexport const ListItem = forwardRef<ListItemRef, ListItemProps>(\n  function ListItem(\n    {\n      className,\n      as,\n      variant = 'monochrome',\n      size = 's',\n      content,\n      description,\n      descriptionMaxLines,\n      leftContent,\n      rightContent,\n      active = false,\n      focused = false,\n      disabled = false,\n      clickable: clickableProp = false,\n      href,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const isLink = !isEmpty(href)\n    const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')\n    const clickable = isLink || clickableProp || !isNil(onClick)\n\n    return (\n      <Comp\n        {...(isLink && {\n          href,\n          draggable: false,\n          target: '_blank',\n          rel: 'noopener noreferrer',\n        })}\n        className={classNames(\n          styles.ListItem,\n          styles[`size-${size}`],\n          styles[`variant-${variant}`],\n          disabled && styles.disabled,\n          focused && styles.focused,\n          active && styles.active,\n          clickable && styles.clickable,\n          className\n        )}\n        ref={forwardedRef}\n        onClick={!disabled ? onClick : undefined}\n        data-testid={LIST_ITEM_TEST_ID}\n        {...rest}\n      >\n        <div className={styles.ListItemContent}>\n          {!isNil(leftContent) && (\n            <div className={styles.ListItemLeftContent}>\n              {isBezierIcon(leftContent) ? (\n                <Icon\n                  className={styles.ListItemLeftIcon}\n                  source={leftContent}\n                  size=\"s\"\n                />\n              ) : (\n                leftContent\n              )}\n            </div>\n          )}\n\n          <div className={styles.ListItemTitle}>\n            {isString(content) ? (\n              <Text\n                truncated\n                typo={size === 'l' ? '16' : '14'}\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {description && (\n            <div className={styles.ListItemDescription}>\n              <Text\n                typo=\"12\"\n                color=\"txt-black-darker\"\n                truncated={descriptionMaxLines}\n              >\n                {isString(description)\n                  ? renderNewLineComponent(description)\n                  : description}\n              </Text>\n            </div>\n          )}\n        </div>\n\n        {rightContent && (\n          <div className={styles.ListItemRightContent}>{rightContent}</div>\n        )}\n      </Comp>\n    )\n  }\n)\n"],"names":["renderNewLineComponent","value","split","map","str","index","React","createElement","Fragment","key","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","clickable","clickableProp","href","onClick","rest","forwardedRef","isLink","isEmpty","Comp","isNil","Object","assign","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":";;;;;;;;AAkBA,SAASA,sBAAsBA,CAACC,KAAa,EAAE;AAC7C,EAAA,OAAOA,KAAK,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK;AAAA;AACtC;AACAC,EAAAA,cAAA,CAAAC,aAAA,CAACD,cAAK,CAACE,QAAQ,EAAA;AAACC,IAAAA,GAAG,EAAEJ;AAAM,GAAA,EACxBA,KAAK,KAAK,CAAC,iBAAIC,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAK,CAAC,EACrBH,GACa,CACjB,CAAC;AACJ;AAEO,MAAMM,iBAAiB,GAAG;MAEpBC,QAAQ,gBAAGC,UAAU,CAChC,SAASD,QAAQA,CACf;EACEE,SAAS;EACTC,EAAE;AACFC,EAAAA,OAAO,GAAG,YAAY;AACtBC,EAAAA,IAAI,GAAG,GAAG;EACVC,OAAO;EACPC,WAAW;EACXC,mBAAmB;EACnBC,WAAW;EACXC,YAAY;AACZC,EAAAA,MAAM,GAAG,KAAK;AACdC,EAAAA,OAAO,GAAG,KAAK;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,SAAS,EAAEC,aAAa,GAAG,KAAK;EAChCC,IAAI;EACJC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMC,MAAM,GAAG,CAACC,OAAO,CAACL,IAAI,CAAC;AAC7B,EAAA,MAAMM,IAAI,GAAGF,MAAM,GAAG,GAAG,GAAKjB,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAA,KAAA,CAAA,GAAFA,EAAE,GAAI,KAAgB;EACpD,MAAMW,SAAS,GAAGM,MAAM,IAAIL,aAAa,IAAI,CAACQ,KAAK,CAACN,OAAO,CAAC;EAE5D,oBACEtB,cAAA,CAAAC,aAAA,CAAC0B,IAAI,EAAAE,MAAA,CAAAC,MAAA,CACEL,EAAAA,EAAAA,MAAM,IAAI;IACbJ,IAAI;AACJU,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,GAAG,EAAE;GACN,EAAA;IACD1B,SAAS,EAAE2B,UAAU,CACnBC,MAAM,CAAC9B,QAAQ,EACf8B,MAAM,CAAC,CAAA,KAAA,EAAQzB,IAAI,CAAE,CAAA,CAAC,EACtByB,MAAM,CAAC,WAAW1B,OAAO,CAAA,CAAE,CAAC,EAC5BS,QAAQ,IAAIiB,MAAM,CAACjB,QAAQ,EAC3BD,OAAO,IAAIkB,MAAM,CAAClB,OAAO,EACzBD,MAAM,IAAImB,MAAM,CAACnB,MAAM,EACvBG,SAAS,IAAIgB,MAAM,CAAChB,SAAS,EAC7BZ,SACF,CAAE;AACF6B,IAAAA,GAAG,EAAEZ,YAAa;AAClBF,IAAAA,OAAO,EAAE,CAACJ,QAAQ,GAAGI,OAAO,GAAGe,SAAU;IACzC,aAAajC,EAAAA;AAAkB,GAAA,EAC3BmB,IAAI,CAAA,eAERvB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAE4B,MAAM,CAACG;GACpB,EAAA,CAACV,KAAK,CAACd,WAAW,CAAC,iBAClBd,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAE4B,MAAM,CAACI;GACpBC,EAAAA,YAAY,CAAC1B,WAAW,CAAC,gBACxBd,cAAA,CAAAC,aAAA,CAACwC,IAAI,EAAA;IACHlC,SAAS,EAAE4B,MAAM,CAACO,gBAAiB;AACnCC,IAAAA,MAAM,EAAE7B,WAAY;AACpBJ,IAAAA,IAAI,EAAC;AAAG,GACT,CAAC,GAEFI,WAEC,CACN,eAEDd,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAE4B,MAAM,CAACS;GACpBC,EAAAA,QAAQ,CAAClC,OAAO,CAAC,gBAChBX,cAAA,CAAAC,aAAA,CAAC6C,IAAI,EAAA;IACHC,SAAS,EAAA,IAAA;AACTC,IAAAA,IAAI,EAAEtC,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG;GAE3BC,EAAAA,OACG,CAAC,GAEPA,OAEC,CAAC,EAELC,WAAW,iBACVZ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAE4B,MAAM,CAACc;AAAoB,GAAA,eACzCjD,cAAA,CAAAC,aAAA,CAAC6C,IAAI,EAAA;AACHE,IAAAA,IAAI,EAAC,IAAI;AACTE,IAAAA,KAAK,EAAC,kBAAkB;AACxBH,IAAAA,SAAS,EAAElC;AAAoB,GAAA,EAE9BgC,QAAQ,CAACjC,WAAW,CAAC,GAClBlB,sBAAsB,CAACkB,WAAW,CAAC,GACnCA,WACA,CACH,CAEJ,CAAC,EAELG,YAAY,iBACXf,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAE4B,MAAM,CAACgB;GAAuBpC,EAAAA,YAAkB,CAE9D,CAAC;AAEX,CACF;;;;"}
+{"version":3,"file":"ListItem.mjs","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment, forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isEmpty, isNil, isString } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type ListItemProps } from './ListItem.types'\n\nimport styles from './ListItem.module.scss'\n\ntype ListItemRef = HTMLDivElement & HTMLAnchorElement\n\nfunction renderNewLineComponent(value: string) {\n  return value.split('\\n').map((str, index) => (\n    // eslint-disable-next-line react/no-array-index-key\n    <Fragment key={index}>\n      {index !== 0 && <br />}\n      {str}\n    </Fragment>\n  ))\n}\n\nexport const LIST_ITEM_TEST_ID = 'bezier-list-item'\n\nexport const ListItem = forwardRef<ListItemRef, ListItemProps>(\n  function ListItem(\n    {\n      className,\n      as,\n      variant = 'monochrome',\n      size = 's',\n      content,\n      description,\n      descriptionMaxLines,\n      leftContent,\n      rightContent,\n      active = false,\n      focused = false,\n      disabled = false,\n      clickable: clickableProp = false,\n      href,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const isLink = !isEmpty(href)\n    const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')\n    const clickable = isLink || clickableProp || !isNil(onClick)\n\n    return (\n      <Comp\n        {...(isLink && {\n          href,\n          draggable: false,\n          target: '_blank',\n          rel: 'noopener noreferrer',\n        })}\n        className={classNames(\n          styles.ListItem,\n          styles[`size-${size}`],\n          styles[`variant-${variant}`],\n          disabled && styles.disabled,\n          focused && styles.focused,\n          active && styles.active,\n          clickable && styles.clickable,\n          className\n        )}\n        ref={forwardedRef}\n        onClick={!disabled ? onClick : undefined}\n        data-testid={LIST_ITEM_TEST_ID}\n        {...rest}\n      >\n        <div className={styles.ListItemContent}>\n          {!isNil(leftContent) && (\n            <div className={styles.ListItemLeftContent}>\n              {isBezierIcon(leftContent) ? (\n                <Icon\n                  className={styles.ListItemLeftIcon}\n                  source={leftContent}\n                  size=\"s\"\n                />\n              ) : (\n                leftContent\n              )}\n            </div>\n          )}\n\n          <div className={styles.ListItemTitle}>\n            {isString(content) ? (\n              <Text\n                truncated\n                typo={size === 'l' ? '16' : '14'}\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {description && (\n            <div className={styles.ListItemDescription}>\n              <Text\n                typo=\"12\"\n                color=\"txt-black-darker\"\n                truncated={descriptionMaxLines}\n              >\n                {isString(description)\n                  ? renderNewLineComponent(description)\n                  : description}\n              </Text>\n            </div>\n          )}\n        </div>\n\n        {rightContent && (\n          <div className={styles.ListItemRightContent}>{rightContent}</div>\n        )}\n      </Comp>\n    )\n  }\n)\n"],"names":["renderNewLineComponent","value","split","map","str","index","_jsxs","Fragment","children","_jsx","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","clickable","clickableProp","href","onClick","rest","forwardedRef","isLink","isEmpty","Comp","isNil","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":"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"}