@channel.io/bezier-react 1.6.1 → 1.7.0

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

@@ -0,0 +1,97 @@
+import React__default, { memo, forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { window } from '../../utils/domUtils.mjs';
+import { LegacyTooltipPosition } from './LegacyTooltip.types.mjs';
+import { LegacyTooltipContent } from './LegacyTooltipContent.mjs';
+import { Container } from './LegacyTooltip.styled.mjs';
+
+const TOOLTIP_TEST_ID = 'bezier-react-tooltip';
+const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content';
+const LegacyTooltip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function LegacyTooltip({
+  as,
+  testId = TOOLTIP_TEST_ID,
+  contentTestId = TOOLTIP_CONTENT_TEST_ID,
+  className,
+  contentClassName,
+  contentInterpolation,
+  contentWrapperStyle,
+  content = null,
+  lazy = false,
+  // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정
+  placement = LegacyTooltipPosition.BottomCenter,
+  disabled = false,
+  offset = 4,
+  keepInContainer = false,
+  allowHover = false,
+  delayShow = 0,
+  delayHide = 0,
+  children,
+  ...otherProps
+}, forwardedRef) {
+  const [show, setShow] = useState(false);
+  const [didMount, setDidMount] = useState(show);
+  const tooltipContainerRef = useRef(null);
+  const timerRef = useRef();
+  useEffect(function hideTooltipContentWhenDisabled() {
+    if (disabled) {
+      setShow(false);
+    }
+  }, [disabled]);
+  useEffect(function updateDidMount() {
+    setDidMount(prev => prev || show);
+  }, [show]);
+  const handleMouseEnter = useCallback(() => {
+    if (disabled) {
+      return;
+    }
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = window.setTimeout(() => {
+      setShow(true);
+    }, delayShow);
+  }, [delayShow, disabled]);
+  const handleMouseLeave = useCallback(() => {
+    if (disabled) {
+      return;
+    }
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+    timerRef.current = window.setTimeout(() => {
+      setShow(false);
+    }, delayHide);
+  }, [delayHide, disabled]);
+  const TooltipComponent = useMemo(() => {
+    if (!lazy || didMount) {
+      return /*#__PURE__*/React__default.createElement(LegacyTooltipContent, {
+        as: as,
+        content: content,
+        contentClassName: contentClassName,
+        contentInterpolation: contentInterpolation,
+        contentWrapperStyle: contentWrapperStyle,
+        disabled: disabled,
+        placement: placement,
+        offset: offset,
+        allowHover: allowHover,
+        keepInContainer: keepInContainer,
+        tooltipContainer: tooltipContainerRef.current,
+        forwardedRef: forwardedRef,
+        testId: contentTestId
+      });
+    }
+    return null;
+  }, [lazy, didMount, as, content, contentClassName, contentInterpolation, contentWrapperStyle, disabled, placement, offset, allowHover, keepInContainer, forwardedRef, contentTestId]);
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(Container, Object.assign({
+    ref: tooltipContainerRef,
+    "data-testid": testId,
+    className: className,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, otherProps), children, show && TooltipComponent);
+}));
+
+export { LegacyTooltip, TOOLTIP_CONTENT_TEST_ID, TOOLTIP_TEST_ID };
+//# sourceMappingURL=LegacyTooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTooltip.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { window } from '~/src/utils/domUtils'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipPosition } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport { Container } from './LegacyTooltip.styled'\n\nexport const TOOLTIP_TEST_ID = 'bezier-react-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-react-tooltip-content'\n\nexport const LegacyTooltip = memo(forwardRef(function LegacyTooltip(\n  {\n    as,\n    testId = TOOLTIP_TEST_ID,\n    contentTestId = TOOLTIP_CONTENT_TEST_ID,\n    className,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\n    content = null,\n    lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n    placement = LegacyTooltipPosition.BottomCenter,\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 [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(function hideTooltipContentWhenDisabled() {\n    if (disabled) {\n      setShow(false)\n    }\n  }, [disabled])\n\n  useEffect(function updateDidMount() {\n    setDidMount((prev) => prev || show)\n  }, [show])\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  }, [\n    delayShow,\n    disabled,\n  ])\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  }, [\n    delayHide,\n    disabled,\n  ])\n\n  const TooltipComponent = useMemo(() => {\n    if (!lazy || didMount) {\n      return (\n        <LegacyTooltipContent\n          as={as}\n          content={content}\n          contentClassName={contentClassName}\n          contentInterpolation={contentInterpolation}\n          contentWrapperStyle={contentWrapperStyle}\n          disabled={disabled}\n          placement={placement}\n          offset={offset}\n          allowHover={allowHover}\n          keepInContainer={keepInContainer}\n          tooltipContainer={tooltipContainerRef.current}\n          forwardedRef={forwardedRef}\n          testId={contentTestId}\n        />\n      )\n    }\n\n    return null\n  }, [\n    lazy,\n    didMount,\n    as,\n    content,\n    contentClassName,\n    contentInterpolation,\n    contentWrapperStyle,\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    <Container\n      ref={tooltipContainerRef}\n      data-testid={testId}\n      className={className}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...otherProps}\n    >\n      { children }\n      { show && TooltipComponent }\n    </Container>\n  )\n}))\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","testId","contentTestId","className","contentClassName","contentInterpolation","contentWrapperStyle","content","lazy","placement","LegacyTooltipPosition","BottomCenter","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","window","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Container","Object","assign","ref","onMouseEnter","onMouseLeave"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { ZIndex } from '../../constants/ZIndex.mjs';
+import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+import { ellipsis } from '../../foundation/Mixins.mjs';
+import { LineHeightAbsoluteNumber } from '../../foundation/Typography.mjs';
+
+const Container = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "LegacyTooltipstyled__Container",
+  componentId: "sc-1fkdobk-0"
+})(["position:relative;"]);
+const ContentWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "LegacyTooltipstyled__ContentWrapper",
+  componentId: "sc-1fkdobk-1"
+})(["position:absolute;top:0;left:0;z-index:", ";", ""], ZIndex.Tooltip, ({
+  disabled
+}) => disabled && FoundationCSS`
+    display: none;
+  `);
+const Content = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "LegacyTooltipstyled__Content",
+  componentId: "sc-1fkdobk-2"
+})(["box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:8px 14px;color:", ";word-break:normal;word-wrap:break-word;", ";", ";", ""], ({
+  foundation
+}) => foundation?.subTheme?.['txt-black-darkest'], ({
+  foundation
+}) => foundation?.elevation?.ev2(true), ({
+  foundation
+}) => foundation?.rounding?.round8, ({
+  interpolation
+}) => interpolation);
+const EllipsisableContent = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "LegacyTooltipstyled__EllipsisableContent",
+  componentId: "sc-1fkdobk-3"
+})(["", ""], ellipsis(20, LineHeightAbsoluteNumber.Lh18));
+
+export { Container, Content, ContentWrapper, EllipsisableContent };
+//# sourceMappingURL=LegacyTooltip.styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTooltip.styled.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.styled.ts"],"sourcesContent":["import {\n  LineHeightAbsoluteNumber,\n  css,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport type { InterpolationProps } from '~/src/types/Foundation'\n\ninterface ContentWrapperProps {\n  disabled: boolean\n}\n\nexport const Container = styled.div`\n  position: relative;\n`\nexport const ContentWrapper = styled.div<ContentWrapperProps>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: ${ZIndex.Tooltip};\n\n  ${({ disabled }) => disabled && css`\n    display: none;\n  `}\n`\n\nexport const Content = styled.div<InterpolationProps>`\n  box-sizing: border-box;\n  width: max-content;\n  max-width: 260px;\n  height: max-content;\n  padding: 8px 14px;\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n  word-break: normal;\n  word-wrap: break-word;\n  ${({ foundation }) => foundation?.elevation?.ev2(true)};\n  ${({ foundation }) => foundation?.rounding?.round8};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const EllipsisableContent = styled.div`\n  ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n`\n"],"names":["Container","styled","div","withConfig","displayName","componentId","ContentWrapper","ZIndex","Tooltip","disabled","css","Content","foundation","subTheme","elevation","ev2","rounding","round8","interpolation","EllipsisableContent","ellipsis","LineHeightAbsoluteNumber","Lh18"],"mappings":";;;;;MAcaA,SAAS,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,gCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAElC,CAAA,CAAA,CAAA,oBAAA,CAAA,EAAA;MACYC,cAAc,gBAAGL,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yCAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAI3BE,MAAM,CAACC,OAAO,EAEvB,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,aAAI,CAAA;AACtC;AACA,EAAA,CAAG,EACF;MAEYC,OAAO,gBAAGV,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oGAAA,EAAA,0CAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAMtB,CAAC;AAAEO,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,GAAG,mBAAmB,CAAC,EAGtE,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEE,SAAS,EAAEC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;AAAEH,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEI,QAAQ,EAAEC,MAAM,EAEhD,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,mBAAmB,gBAAGlB,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACzCe,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,EAAAA,CAAAA,EAAAA,QAAQ,CAAC,EAAE,EAAEC,wBAAwB,CAACC,IAAI,CAAC;;;;"}

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

@@ -0,0 +1,18 @@
+let LegacyTooltipPosition = /*#__PURE__*/function (LegacyTooltipPosition) {
+  LegacyTooltipPosition["TopCenter"] = "topCenter";
+  LegacyTooltipPosition["TopLeft"] = "topLeft";
+  LegacyTooltipPosition["TopRight"] = "topRight";
+  LegacyTooltipPosition["RightCenter"] = "rightCenter";
+  LegacyTooltipPosition["RightTop"] = "rightTop";
+  LegacyTooltipPosition["RightBottom"] = "rightBottom";
+  LegacyTooltipPosition["BottomCenter"] = "bottomCenter";
+  LegacyTooltipPosition["BottomLeft"] = "bottomLeft";
+  LegacyTooltipPosition["BottomRight"] = "bottomRight";
+  LegacyTooltipPosition["LeftCenter"] = "leftCenter";
+  LegacyTooltipPosition["LeftTop"] = "leftTop";
+  LegacyTooltipPosition["LeftBottom"] = "leftBottom";
+  return LegacyTooltipPosition;
+}({});
+
+export { LegacyTooltipPosition };
+//# sourceMappingURL=LegacyTooltip.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTooltip.types.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.types.ts"],"sourcesContent":["import { type Ref } from 'react'\n\nimport {\n  type AdditionalStylableProps,\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n  type RenderConfigProps,\n} from '~/src/types/ComponentProps'\n\ninterface LegacyTooltipOptions {\n  placement?: LegacyTooltipPosition\n  offset?: number\n  keepInContainer?: boolean\n  allowHover?: boolean\n  delayShow?: number\n  delayHide?: number\n  contentTestId?: string\n  lazy?: boolean\n}\n\nexport interface LegacyTooltipProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  ContentProps,\n  DisableProps,\n  AdditionalStylableProps<'content' | 'contentWrapper'>,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps>,\n  LegacyTooltipOptions {\n}\n\nexport interface LegacyTooltipContentProps extends Pick<\nLegacyTooltipOptions,\n'keepInContainer' |\n'placement' |\n'offset' |\n'allowHover'\n>,\n  RenderConfigProps,\n  ContentProps,\n  AdditionalStylableProps<'content' | 'contentWrapper'>,\n  DisableProps {\n  tooltipContainer: HTMLDivElement | null\n  forwardedRef: Ref<HTMLDivElement>\n}\n\nexport interface GetTooltipStyle extends Required<Pick<LegacyTooltipOptions, 'placement' | 'offset' | 'allowHover'>> {\n  tooltipContainer: HTMLDivElement\n}\n\nexport interface GetReplacement extends Required<Pick<LegacyTooltipOptions, 'placement' | 'keepInContainer'>> {\n  tooltip: HTMLDivElement\n}\n\nexport enum LegacyTooltipPosition {\n  TopCenter = 'topCenter',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  RightCenter = 'rightCenter',\n  RightTop = 'rightTop',\n  RightBottom = 'rightBottom',\n  BottomCenter = 'bottomCenter',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  LeftCenter = 'leftCenter',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n}\n"],"names":["LegacyTooltipPosition"],"mappings":"AAuDYA,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAArBA,qBAAqB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAArBA,qBAAqB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAArBA,qBAAqB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAArBA,qBAAqB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAArBA,qBAAqB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAArBA,qBAAqB,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAArBA,qBAAqB,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAArBA,qBAAqB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAArBA,qBAAqB,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAArBA,qBAAqB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAArBA,qBAAqB,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/{Tooltip/TooltipContent.mjs → LegacyTooltip/LegacyTooltipContent.mjs}

@@ -1,13 +1,13 @@
 import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM__default from 'react-dom';
 import useEventHandler from '../../hooks/useEventHandler.mjs';
 import useMergeRefs from '../../hooks/useMergeRefs.mjs';
 import { getRootElement } from '../../utils/domUtils.mjs';
 import { isEmpty, isArray, isString } from '../../utils/typeUtils.mjs';
 import Text from '../Text/Text.mjs';
-import { TooltipPosition } from './Tooltip.types.mjs';
+import { LegacyTooltipPosition } from './LegacyTooltip.types.mjs';
 import { getReplacement, getTooltipStyle } from './utils.mjs';
-import { ContentWrapper, Content, EllipsisableContent } from './Tooltip.styled.mjs';
+import { ContentWrapper, Content, EllipsisableContent } from './LegacyTooltip.styled.mjs';
 import { Typography } from '../../foundation/Typography.mjs';
 
 function getNewLineComponent(strContent) {
@@ -39,7 +39,7 @@ function getContentComponent(content) {
   }
   return content;
 }
-const TooltipContent = ({
+const LegacyTooltipContent = ({
   as,
   content,
   contentClassName,
@@ -47,7 +47,7 @@ const TooltipContent = ({
   contentWrapperStyle: givenContentWrapperStyle,
   disabled = false,
   keepInContainer = false,
-  placement = TooltipPosition.BottomCenter,
+  placement = LegacyTooltipPosition.BottomCenter,
   tooltipContainer,
   offset = 4,
   allowHover = false,
@@ -88,7 +88,7 @@ const TooltipContent = ({
     }
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default.createElement(ContentWrapper, {
+  return /*#__PURE__*/ReactDOM__default.createPortal( /*#__PURE__*/React__default.createElement(ContentWrapper, {
     ref: tooltipWrapperRef,
     disabled: disabled || isEmpty(content),
     style: contentWrapperStyle
@@ -100,7 +100,6 @@ const TooltipContent = ({
     ref: mergedRef
   }, /*#__PURE__*/React__default.createElement(EllipsisableContent, null, ContentComponent))), getRootElement());
 };
-var TooltipContent$1 = TooltipContent;
 
-export { TooltipContent$1 as default };
-//# sourceMappingURL=TooltipContent.mjs.map
+export { LegacyTooltipContent };
+//# sourceMappingURL=LegacyTooltipContent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyTooltipContent.mjs","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport { Typography } from '~/src/foundation'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { getRootElement } from '~/src/utils/domUtils'\nimport {\n  isArray,\n  isEmpty,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type LegacyTooltipContentProps,\n  LegacyTooltipPosition,\n} from './LegacyTooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './LegacyTooltip.styled'\n\nfunction getNewLineComponent(strContent: string) {\n  return (\n    strContent.split('\\n').map((str, index) => {\n      if (index === 0) {\n        return (\n          <Text key={str} typo={Typography.Size14}>\n            { str }\n          </Text>\n        )\n      }\n\n      return (\n        <React.Fragment key={str}>\n          <br />\n          <Text typo={Typography.Size14}>\n            { str }\n          </Text>\n        </React.Fragment>\n      )\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  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = LegacyTooltipPosition.BottomCenter,\n  tooltipContainer,\n  offset = 4,\n  allowHover = false,\n  testId,\n  forwardedRef,\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((event: HTMLElementEventMap['click']) => {\n    event.stopPropagation()\n  }, [])\n\n  useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n  useEffect(() => {\n    if (!tooltipRef.current) { return }\n    const newPlacement = getReplacement({\n      tooltip: tooltipRef.current,\n      keepInContainer,\n      placement,\n    })\n    setReplacement(newPlacement)\n  }, [\n    keepInContainer,\n    placement,\n  ])\n\n  const ContentComponent = useMemo(() => getContentComponent(content), [content])\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  return (\n    ReactDOM.createPortal(\n      <ContentWrapper\n        ref={tooltipWrapperRef}\n        disabled={disabled || isEmpty(content)}\n        style={contentWrapperStyle}\n      >\n        <Content\n          as={as}\n          data-testid={testId}\n          className={contentClassName}\n          interpolation={contentInterpolation}\n          ref={mergedRef}\n        >\n          <EllipsisableContent>\n            { ContentComponent }\n          </EllipsisableContent>\n        </Content>\n      </ContentWrapper>,\n      getRootElement(),\n    )\n  )\n}\n\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","LegacyTooltipPosition","BottomCenter","tooltipContainer","offset","allowHover","testId","forwardedRef","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","ReactDOM","createPortal","ContentWrapper","ref","isEmpty","style","Content","className","interpolation","EllipsisableContent","getRootElement"],"mappings":"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"}

package/dist/esm/components/{Tooltip → LegacyTooltip}/utils.mjs

@@ -1,5 +1,5 @@
 import { getRootElement } from '../../utils/domUtils.mjs';
-import { TooltipPosition } from './Tooltip.types.mjs';
+import { LegacyTooltipPosition } from './LegacyTooltip.types.mjs';
 
 function getReplacement({
   tooltip,
@@ -27,39 +27,39 @@ function getReplacement({
   const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth;
   if (isOverTop) {
     if (isOverLeft) {
-      return TooltipPosition.BottomLeft;
+      return LegacyTooltipPosition.BottomLeft;
     }
     if (isOverRight) {
-      return TooltipPosition.BottomRight;
+      return LegacyTooltipPosition.BottomRight;
     }
-    return TooltipPosition.BottomCenter;
+    return LegacyTooltipPosition.BottomCenter;
   }
   if (isOverBottom) {
     if (isOverLeft) {
-      return TooltipPosition.TopLeft;
+      return LegacyTooltipPosition.TopLeft;
     }
     if (isOverRight) {
-      return TooltipPosition.TopRight;
+      return LegacyTooltipPosition.TopRight;
     }
-    return TooltipPosition.TopCenter;
+    return LegacyTooltipPosition.TopCenter;
   }
   if (isOverLeft) {
     if (isOverTop) {
-      return TooltipPosition.RightTop;
+      return LegacyTooltipPosition.RightTop;
     }
     if (isOverBottom) {
-      return TooltipPosition.RightBottom;
+      return LegacyTooltipPosition.RightBottom;
     }
-    return TooltipPosition.RightCenter;
+    return LegacyTooltipPosition.RightCenter;
   }
   if (isOverRight) {
     if (isOverTop) {
-      return TooltipPosition.LeftTop;
+      return LegacyTooltipPosition.LeftTop;
     }
     if (isOverBottom) {
-      return TooltipPosition.LeftBottom;
+      return LegacyTooltipPosition.LeftBottom;
     }
-    return TooltipPosition.LeftCenter;
+    return LegacyTooltipPosition.LeftCenter;
   }
   return placement;
 }
@@ -85,49 +85,49 @@ function getTooltipStyle({
   let offsetLeft = 0;
   let offsetStyle = {};
   switch (placement) {
-    case TooltipPosition.TopCenter:
-    case TooltipPosition.TopLeft:
-    case TooltipPosition.TopRight:
+    case LegacyTooltipPosition.TopCenter:
+    case LegacyTooltipPosition.TopLeft:
+    case LegacyTooltipPosition.TopRight:
       translateY = -100;
       offsetBottom = offset;
       break;
-    case TooltipPosition.RightCenter:
-    case TooltipPosition.RightTop:
-    case TooltipPosition.RightBottom:
+    case LegacyTooltipPosition.RightCenter:
+    case LegacyTooltipPosition.RightTop:
+    case LegacyTooltipPosition.RightBottom:
       left += containerWidth;
       offsetLeft = offset;
       break;
-    case TooltipPosition.BottomCenter:
-    case TooltipPosition.BottomLeft:
-    case TooltipPosition.BottomRight:
+    case LegacyTooltipPosition.BottomCenter:
+    case LegacyTooltipPosition.BottomLeft:
+    case LegacyTooltipPosition.BottomRight:
       top += containerHeight;
       offsetTop = offset;
       break;
-    case TooltipPosition.LeftCenter:
-    case TooltipPosition.LeftTop:
-    case TooltipPosition.LeftBottom:
+    case LegacyTooltipPosition.LeftCenter:
+    case LegacyTooltipPosition.LeftTop:
+    case LegacyTooltipPosition.LeftBottom:
       translateX = -100;
       offsetRight = offset;
       break;
   }
   switch (placement) {
-    case TooltipPosition.TopCenter:
-    case TooltipPosition.BottomCenter:
+    case LegacyTooltipPosition.TopCenter:
+    case LegacyTooltipPosition.BottomCenter:
       translateX = -50;
       left += containerWidth / 2;
       break;
-    case TooltipPosition.TopRight:
-    case TooltipPosition.BottomRight:
+    case LegacyTooltipPosition.TopRight:
+    case LegacyTooltipPosition.BottomRight:
       translateX = -100;
       left += containerWidth;
       break;
-    case TooltipPosition.RightCenter:
-    case TooltipPosition.LeftCenter:
+    case LegacyTooltipPosition.RightCenter:
+    case LegacyTooltipPosition.LeftCenter:
       translateY = -50;
       top += containerHeight / 2;
       break;
-    case TooltipPosition.RightBottom:
-    case TooltipPosition.LeftBottom:
+    case LegacyTooltipPosition.RightBottom:
+    case LegacyTooltipPosition.LeftBottom:
       translateY = -100;
       top += containerHeight;
       break;

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/LegacyTooltip/utils.ts"],"sourcesContent":["import { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  type GetReplacement,\n  type GetTooltipStyle,\n  LegacyTooltipPosition,\n} from './LegacyTooltip.types'\n\nexport function getReplacement({\n  tooltip,\n  keepInContainer,\n  placement,\n}: GetReplacement): LegacyTooltipPosition {\n  if (!keepInContainer) {\n    return placement\n  }\n\n  const {\n    width: tooltipWidth,\n    height: tooltipHeight,\n    top: tooltipTop,\n    left: tooltipLeft,\n  } = tooltip.getBoundingClientRect()\n\n  const {\n    width: rootWidth,\n    height: rootHeight,\n    top: rootTop,\n    left: rootLeft,\n  } = getRootElement().getBoundingClientRect()\n\n  const isOverTop = tooltipTop < rootTop\n  const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight\n  const isOverLeft = tooltipLeft < rootLeft\n  const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth\n\n  if (isOverTop) {\n    if (isOverLeft) {\n      return LegacyTooltipPosition.BottomLeft\n    }\n    if (isOverRight) {\n      return LegacyTooltipPosition.BottomRight\n    }\n    return LegacyTooltipPosition.BottomCenter\n  }\n\n  if (isOverBottom) {\n    if (isOverLeft) {\n      return LegacyTooltipPosition.TopLeft\n    }\n    if (isOverRight) {\n      return LegacyTooltipPosition.TopRight\n    }\n    return LegacyTooltipPosition.TopCenter\n  }\n\n  if (isOverLeft) {\n    if (isOverTop) {\n      return LegacyTooltipPosition.RightTop\n    }\n    if (isOverBottom) {\n      return LegacyTooltipPosition.RightBottom\n    }\n    return LegacyTooltipPosition.RightCenter\n  }\n\n  if (isOverRight) {\n    if (isOverTop) {\n      return LegacyTooltipPosition.LeftTop\n    }\n    if (isOverBottom) {\n      return LegacyTooltipPosition.LeftBottom\n    }\n    return LegacyTooltipPosition.LeftCenter\n  }\n\n  return placement\n}\n\nexport function getTooltipStyle({\n  tooltipContainer,\n  placement,\n  offset,\n  allowHover,\n}: GetTooltipStyle) {\n  const {\n    top: containerTop,\n    left: containerLeft,\n    width: containerWidth,\n    height: containerHeight,\n  } = tooltipContainer.getBoundingClientRect()\n\n  let top = containerTop\n  let left = containerLeft\n  let translateX = 0\n  let translateY = 0\n\n  let offsetTop = 0\n  let offsetRight = 0\n  let offsetBottom = 0\n  let offsetLeft = 0\n  let offsetStyle = {}\n\n  switch (placement) {\n    case LegacyTooltipPosition.TopCenter:\n    case LegacyTooltipPosition.TopLeft:\n    case LegacyTooltipPosition.TopRight:\n      translateY = -100\n      offsetBottom = offset\n      break\n    case LegacyTooltipPosition.RightCenter:\n    case LegacyTooltipPosition.RightTop:\n    case LegacyTooltipPosition.RightBottom:\n      left += containerWidth\n      offsetLeft = offset\n      break\n    case LegacyTooltipPosition.BottomCenter:\n    case LegacyTooltipPosition.BottomLeft:\n    case LegacyTooltipPosition.BottomRight:\n      top += containerHeight\n      offsetTop = offset\n      break\n    case LegacyTooltipPosition.LeftCenter:\n    case LegacyTooltipPosition.LeftTop:\n    case LegacyTooltipPosition.LeftBottom:\n      translateX = -100\n      offsetRight = offset\n      break\n  }\n\n  switch (placement) {\n    case LegacyTooltipPosition.TopCenter:\n    case LegacyTooltipPosition.BottomCenter:\n      translateX = -50\n      left += (containerWidth / 2)\n      break\n    case LegacyTooltipPosition.TopRight:\n    case LegacyTooltipPosition.BottomRight:\n      translateX = -100\n      left += containerWidth\n      break\n    case LegacyTooltipPosition.RightCenter:\n    case LegacyTooltipPosition.LeftCenter:\n      translateY = -50\n      top += (containerHeight / 2)\n      break\n    case LegacyTooltipPosition.RightBottom:\n    case LegacyTooltipPosition.LeftBottom:\n      translateY = -100\n      top += containerHeight\n      break\n  }\n\n  if (allowHover) {\n    offsetStyle = {\n      paddingTop: offsetTop,\n      paddingRight: offsetRight,\n      paddingBottom: offsetBottom,\n      paddingLeft: offsetLeft,\n    }\n  } else {\n    top += (offsetTop - offsetBottom)\n    left += (offsetLeft - offsetRight)\n  }\n\n  return {\n    position: 'fixed',\n    top,\n    left,\n    transform: `translate(${translateX}%, ${translateY}%)`,\n    ...offsetStyle,\n  }\n}\n"],"names":["getReplacement","tooltip","keepInContainer","placement","width","tooltipWidth","height","tooltipHeight","top","tooltipTop","left","tooltipLeft","getBoundingClientRect","rootWidth","rootHeight","rootTop","rootLeft","getRootElement","isOverTop","isOverBottom","isOverLeft","isOverRight","LegacyTooltipPosition","BottomLeft","BottomRight","BottomCenter","TopLeft","TopRight","TopCenter","RightTop","RightBottom","RightCenter","LeftTop","LeftBottom","LeftCenter","getTooltipStyle","tooltipContainer","offset","allowHover","containerTop","containerLeft","containerWidth","containerHeight","translateX","translateY","offsetTop","offsetRight","offsetBottom","offsetLeft","offsetStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","position","transform"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import disabledOpacity from '../../constants/DisabledOpacity.mjs';
 import { ListItemVariant } from './ListItem.types.mjs';
 import { getStyleOfSize } from './utils.mjs';
-import { TransitionDuration } from '../../foundation/Transition/index.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { css as FoundationCSS, styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
 import { ellipsis } from '../../foundation/Mixins.mjs';
 import { LineHeightAbsoluteNumber } from '../../foundation/Typography.mjs';
+import { TransitionDuration } from '../../foundation/Transition/index.mjs';
 
 const getColorFromColorVariantWithDefaultValue = (variant, defaultValue) => {
   switch (variant) {

package/dist/esm/components/ListMenuTitle/ListMenuTitle.mjs

@@ -1,20 +1,20 @@
-import React__default, { useCallback } from 'react';
+import React__default, { forwardRef, useCallback } from 'react';
 import { noop } from '../../utils/functionUtils.mjs';
 import { isNil } from '../../utils/typeUtils.mjs';
 import { Wrapper, TitleWrapper } from './ListMenuTitle.styled.mjs';
 
 const SIDEBAR_MENU_TITLE_TEST_ID = 'bezier-react-sidebar-menu-title';
-function ListMenuTitle({
+const ListMenuTitle = /*#__PURE__*/forwardRef(function ListMenuTitle({
   as,
   testId = SIDEBAR_MENU_TITLE_TEST_ID,
   content,
   hide = false,
   rightAction = null,
-  onClick = noop,
   onClickAction = noop,
   style,
-  className
-}) {
+  className,
+  ...rest
+}, forwardedRef) {
   const handleClickAction = useCallback(ev => {
     ev.stopPropagation();
     onClickAction();
@@ -22,16 +22,17 @@ function ListMenuTitle({
   if (hide) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement(Wrapper, {
+  return /*#__PURE__*/React__default.createElement(Wrapper, Object.assign({}, rest, {
+    ref: forwardedRef,
     "data-testid": testId,
     as: as,
     style: style,
-    className: className,
-    onClick: onClick
-  }, /*#__PURE__*/React__default.createElement(TitleWrapper, null, content), !isNil(rightAction) && /*#__PURE__*/React__default.createElement("div", {
+    className: className
+  }), /*#__PURE__*/React__default.createElement(TitleWrapper, null, content), !isNil(rightAction) && /*#__PURE__*/React__default.createElement("div", {
     onClick: handleClickAction
   }, rightAction));
-}
+});
+var ListMenuTitle$1 = ListMenuTitle;
 
-export { SIDEBAR_MENU_TITLE_TEST_ID, ListMenuTitle as default };
+export { SIDEBAR_MENU_TITLE_TEST_ID, ListMenuTitle$1 as default };
 //# sourceMappingURL=ListMenuTitle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListMenuTitle.mjs","sources":["../../../../src/components/ListMenuTitle/ListMenuTitle.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport type ListMenuTitleProps from './ListMenuTitle.types'\n\nimport {\n  TitleWrapper,\n  Wrapper,\n} from './ListMenuTitle.styled'\n\nexport const SIDEBAR_MENU_TITLE_TEST_ID = 'bezier-react-sidebar-menu-title'\n\nfunction ListMenuTitle({\n  as,\n  testId = SIDEBAR_MENU_TITLE_TEST_ID,\n  content,\n  hide = false,\n  rightAction = null,\n  onClick = noop,\n  onClickAction = noop,\n  style,\n  className,\n}: ListMenuTitleProps) {\n  const handleClickAction = useCallback((ev: React.MouseEvent<HTMLDivElement>) => {\n    ev.stopPropagation()\n    onClickAction()\n  }, [onClickAction])\n\n  if (hide) {\n    return null\n  }\n\n  return (\n    <Wrapper\n      data-testid={testId}\n      as={as}\n      style={style}\n      className={className}\n      onClick={onClick}\n    >\n      <TitleWrapper>\n        { content }\n      </TitleWrapper>\n      {\n        !isNil(rightAction) && (\n          <div\n            onClick={handleClickAction}\n          >\n            { rightAction }\n          </div>\n        )\n      }\n    </Wrapper>\n  )\n}\n\nexport default ListMenuTitle\n"],"names":["SIDEBAR_MENU_TITLE_TEST_ID","ListMenuTitle","as","testId","content","hide","rightAction","onClick","noop","onClickAction","style","className","handleClickAction","useCallback","ev","stopPropagation","React","createElement","Wrapper","TitleWrapper","isNil"],"mappings":";;;;;AAYO,MAAMA,0BAA0B,GAAG,kCAAiC;AAE3E,SAASC,aAAaA,CAAC;EACrBC,EAAE;AACFC,EAAAA,MAAM,GAAGH,0BAA0B;EACnCI,OAAO;AACPC,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,WAAW,GAAG,IAAI;AAClBC,EAAAA,OAAO,GAAGC,IAAI;AACdC,EAAAA,aAAa,GAAGD,IAAI;EACpBE,KAAK;AACLC,EAAAA,SAAAA;AACkB,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAAEC,EAAoC,IAAK;IAC9EA,EAAE,CAACC,eAAe,EAAE,CAAA;AACpBN,IAAAA,aAAa,EAAE,CAAA;AACjB,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,IAAIJ,IAAI,EAAE;AACR,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,oBACEW,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AACN,IAAA,aAAA,EAAaf,MAAO;AACpBD,IAAAA,EAAE,EAAEA,EAAG;AACPQ,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBJ,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAEjBS,cAAA,CAAAC,aAAA,CAACE,YAAY,QACTf,OACU,CAAC,EAEb,CAACgB,KAAK,CAACd,WAAW,CAAC,iBACjBU,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,IAAAA,OAAO,EAAEK,iBAAAA;GAEPN,EAAAA,WACC,CAGF,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"ListMenuTitle.mjs","sources":["../../../../src/components/ListMenuTitle/ListMenuTitle.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n} from 'react'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport type ListMenuTitleProps from './ListMenuTitle.types'\n\nimport {\n  TitleWrapper,\n  Wrapper,\n} from './ListMenuTitle.styled'\n\nexport const SIDEBAR_MENU_TITLE_TEST_ID = 'bezier-react-sidebar-menu-title'\n\nconst ListMenuTitle = forwardRef<HTMLDivElement, ListMenuTitleProps>(function ListMenuTitle({\n  as,\n  testId = SIDEBAR_MENU_TITLE_TEST_ID,\n  content,\n  hide = false,\n  rightAction = null,\n  onClickAction = noop,\n  style,\n  className,\n  ...rest\n}, forwardedRef) {\n  const handleClickAction = useCallback((ev: React.MouseEvent<HTMLDivElement>) => {\n    ev.stopPropagation()\n    onClickAction()\n  }, [onClickAction])\n\n  if (hide) {\n    return null\n  }\n\n  return (\n    <Wrapper\n      {...rest}\n      ref={forwardedRef}\n      data-testid={testId}\n      as={as}\n      style={style}\n      className={className}\n    >\n      <TitleWrapper>\n        { content }\n      </TitleWrapper>\n      {\n        !isNil(rightAction) && (\n          <div\n            onClick={handleClickAction}\n          >\n            { rightAction }\n          </div>\n        )\n      }\n    </Wrapper>\n  )\n})\n\nexport default ListMenuTitle\n"],"names":["SIDEBAR_MENU_TITLE_TEST_ID","ListMenuTitle","forwardRef","as","testId","content","hide","rightAction","onClickAction","noop","style","className","rest","forwardedRef","handleClickAction","useCallback","ev","stopPropagation","React","createElement","Wrapper","Object","assign","ref","TitleWrapper","isNil","onClick"],"mappings":";;;;;AAeO,MAAMA,0BAA0B,GAAG,kCAAiC;AAE3E,MAAMC,aAAa,gBAAGC,UAAU,CAAqC,SAASD,aAAaA,CAAC;EAC1FE,EAAE;AACFC,EAAAA,MAAM,GAAGJ,0BAA0B;EACnCK,OAAO;AACPC,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,WAAW,GAAG,IAAI;AAClBC,EAAAA,aAAa,GAAGC,IAAI;EACpBC,KAAK;EACLC,SAAS;EACT,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAAEC,EAAoC,IAAK;IAC9EA,EAAE,CAACC,eAAe,EAAE,CAAA;AACpBT,IAAAA,aAAa,EAAE,CAAA;AACjB,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,IAAIF,IAAI,EAAE;AACR,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACEY,cAAA,CAAAC,aAAA,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACFV,IAAI,EAAA;AACRW,IAAAA,GAAG,EAAEV,YAAa;AAClB,IAAA,aAAA,EAAaT,MAAO;AACpBD,IAAAA,EAAE,EAAEA,EAAG;AACPO,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,CAAA,eAErBO,cAAA,CAAAC,aAAA,CAACK,YAAY,QACTnB,OACU,CAAC,EAEb,CAACoB,KAAK,CAAClB,WAAW,CAAC,iBACjBW,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,OAAO,EAAEZ,iBAAAA;GAEPP,EAAAA,WACC,CAGF,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AAEF,sBAAeN,aAAa;;;;"}

package/dist/esm/components/Modals/Modal/Modal.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.mjs","sources":["../../../../../src/components/Modals/Modal/Modal.types.ts"],"sourcesContent":["import {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type SideContentProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ModalTitleSize {\n  L = 'L',\n  M = 'M',\n}\n\ninterface ModalOptions {\n  /**\n   * The controlled open state of the modal.\n   * Must be used in conjunction with `onShow` and `onHide`.\n   */\n  show?: boolean\n\n  /**\n   * The open state of the modal when it is initially rendered.\n   * Use when you **do not need to control** its open state.\n   */\n  defaultShow?: boolean\n\n  /**\n   * Callback function to be called when the modal is opened.\n   * @default noop\n   */\n  onShow?: () => void\n\n  /**\n   * Callback function to be called when the modal is closed.\n   * @default noop\n   */\n  onHide?: () => void\n}\n\ninterface ModalContentOptions {\n  /**\n   * Specify a container element to portal the content into.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n\n  /**\n   * Show close icon button that closes the modal when clicked.\n   * @default false\n   */\n  showCloseIcon?: boolean\n\n  /**\n   * Width of the modal.\n   * @default 'max-content'\n   */\n  width?: React.CSSProperties['width']\n\n  /**\n   * Height of the modal.\n   * @default 'fit-content'\n   */\n  height?: React.CSSProperties['height']\n\n  /**\n   * z-index of the modal content.\n   * Rather than using this option, Please check modal is positioned in the proper stacking context.\n   * @default ZIndex.Modal\n   */\n  zIndex?: React.CSSProperties['zIndex']\n}\n\ninterface ModalHeaderOptions {\n  /**\n   * An accessible title to be announced when the modal is opened.\n   */\n  title: React.ReactNode\n\n  /**\n   * An accessible subtitle to be announced when the modal is opened.\n   */\n  subtitle?: React.ReactNode\n\n  /**\n   * An accessible description to be announced when the modal is opened.\n   */\n  description?: React.ReactNode\n\n  /**\n   * Size of the title\n   * @default ModalTitleSize.L\n   */\n  titleSize?: ModalTitleSize\n\n  /**\n   * Hides content from the screen in an accessible way.\n   * @default false\n   */\n  hidden?: boolean\n}\n\ntype ModalFooterSideContent = React.ReactNode\n\ninterface ModalFooterOptions extends\n  SideContentProps<ModalFooterSideContent, ModalFooterSideContent> {}\n\nexport interface ModalProps extends\n  ChildrenProps,\n  ModalOptions {}\n\nexport interface ModalContentProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  React.HTMLAttributes<HTMLDivElement>,\n  ModalContentOptions {}\n\nexport interface ModalHeaderProps extends\n  BezierComponentProps,\n  Omit<React.HTMLAttributes<HTMLElement>, keyof ModalHeaderOptions>,\n  ModalHeaderOptions {}\n\nexport interface ModalBodyProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface ModalFooterProps extends\n  BezierComponentProps,\n  React.HTMLAttributes<HTMLElement>,\n  ModalFooterOptions {}\n\nexport interface ModalTriggerProps extends\n  ChildrenProps {}\n\nexport interface ModalCloseProps extends\n  ChildrenProps {}\n\nexport interface ModalContentContextValue extends\n  NonNullable<Pick<ModalContentOptions, 'showCloseIcon'>> {}\n"],"names":["ModalTitleSize"],"mappings":"AAMYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"Modal.types.mjs","sources":["../../../../../src/components/Modals/Modal/Modal.types.ts"],"sourcesContent":["import {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type SideContentProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ModalTitleSize {\n  L = 'L',\n  M = 'M',\n}\n\ninterface ModalOptions {\n  /**\n   * The controlled open state of the modal.\n   * Must be used in conjunction with `onShow` and `onHide`.\n   */\n  show?: boolean\n\n  /**\n   * The open state of the modal when it is initially rendered.\n   * Use when you **do not need to control** its open state.\n   */\n  defaultShow?: boolean\n\n  /**\n   * Callback function to be called when the modal is opened.\n   * @default noop\n   */\n  onShow?: () => void\n\n  /**\n   * Callback function to be called when the modal is closed.\n   * @default noop\n   */\n  onHide?: () => void\n}\n\ninterface ModalContentOptions {\n  /**\n   * Specify a container element to portal the content into.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n\n  /**\n   * Show close icon button that closes the modal when clicked.\n   * @default false\n   */\n  showCloseIcon?: boolean\n\n  /**\n   * Width of the modal.\n   * @default 'max-content'\n   */\n  width?: React.CSSProperties['width']\n\n  /**\n   * Height of the modal.\n   * @default 'fit-content'\n   */\n  height?: React.CSSProperties['height']\n\n  /**\n   * z-index of the modal content.\n   * Rather than using this option, Please check modal is positioned in the proper stacking context.\n   * @default ZIndex.Modal\n   */\n  zIndex?: React.CSSProperties['zIndex']\n}\n\ninterface ModalHeaderOptions {\n  /**\n   * An accessible title to be announced when the modal is opened.\n   */\n  title: React.ReactNode\n\n  /**\n   * An accessible subtitle to be announced when the modal is opened.\n   */\n  subtitle?: React.ReactNode\n\n  /**\n   * An accessible description to be announced when the modal is opened.\n   */\n  description?: React.ReactNode\n\n  /**\n   * Size of the title\n   * @default ModalTitleSize.L\n   */\n  titleSize?: ModalTitleSize\n\n  /**\n   * Hides content from the screen in an accessible way.\n   * @default false\n   */\n  hidden?: boolean\n}\n\ntype ModalFooterSideContent = React.ReactNode\n\ninterface ModalFooterOptions extends\n  SideContentProps<ModalFooterSideContent, ModalFooterSideContent> {}\n\nexport interface ModalProps extends\n  ChildrenProps,\n  ModalOptions {}\n\nexport interface ModalContentProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  React.HTMLAttributes<HTMLDivElement>,\n  ModalContentOptions {}\n\nexport interface ModalHeaderProps extends\n  BezierComponentProps,\n  Omit<React.HTMLAttributes<HTMLElement>, keyof ModalHeaderOptions>,\n  ModalHeaderOptions {}\n\nexport interface ModalBodyProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface ModalFooterProps extends\n  BezierComponentProps,\n  React.HTMLAttributes<HTMLElement>,\n  ModalFooterOptions {}\n\nexport interface ModalTriggerProps extends\n  ChildrenProps<React.ReactElement> {}\n\nexport interface ModalCloseProps extends\n  ChildrenProps<React.ReactElement> {}\n\nexport interface ModalContentContextValue extends\n  NonNullable<Pick<ModalContentOptions, 'showCloseIcon'>> {}\n"],"names":["ModalTitleSize"],"mappings":"AAMYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;EAAdA,cAAc,CAAA,GAAA,CAAA,GAAA,GAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs

@@ -1,18 +1,16 @@
-import React__default, { memo, useCallback } from 'react';
+import React__default, { memo, forwardRef, useCallback } from 'react';
 import { ChevronSmallDownIcon, ChevronSmallRightIcon } from '@channel.io/bezier-icons';
 import { noop } from '../../../utils/functionUtils.mjs';
 import { isNil } from '../../../utils/typeUtils.mjs';
 import Text from '../../Text/Text.mjs';
 import { Wrapper, Item, LeftIconWrapper, ChevronWrapper, RightContentWrapper, ChildrenWrapper } from './NavGroup.styled.mjs';
-import LegacyIcon from '../../LegacyIcon/LegacyIcon.mjs';
-import { IconSize } from '../../Icon/Icon.types.mjs';
 import { Icon } from '../../Icon/Icon.mjs';
-import { isIconName } from '../../LegacyIcon/utils.mjs';
+import { IconSize } from '../../Icon/Icon.types.mjs';
 import { Typography } from '../../../foundation/Typography.mjs';
 
 const NAV_GROUP_TEST_ID = 'bezier-react-nav-group';
 const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-react-nav-group-left-icon';
-function NavGroup({
+const NavGroup = /*#__PURE__*/forwardRef(function NavGroup({
   as,
   testId = NAV_GROUP_TEST_ID,
   name,
@@ -25,18 +23,19 @@ function NavGroup({
   leftIcon,
   open,
   active,
-  onClick = noop
-}) {
+  onClick = noop,
+  ...rest
+}, forwardedRef) {
   const handleClickItem = useCallback(e => {
     onClick(e, name);
   }, [name, onClick]);
   const hasChildren = !isNil(children);
   const chevronIconSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon;
-  const showLeftIcon = isIconName(leftIcon);
   const ariaName = `${name}Menu`;
   return /*#__PURE__*/React__default.createElement(Wrapper, {
     role: "none"
-  }, /*#__PURE__*/React__default.createElement(Item, {
+  }, /*#__PURE__*/React__default.createElement(Item, Object.assign({}, rest, {
+    ref: forwardedRef,
     as: as,
     active: active,
     style: style,
@@ -48,9 +47,9 @@ function NavGroup({
     "aria-haspopup": hasChildren,
     "aria-expanded": open,
     "aria-controls": ariaName
-  }, /*#__PURE__*/React__default.createElement(LeftIconWrapper, null, showLeftIcon && /*#__PURE__*/React__default.createElement(LegacyIcon, {
+  }), /*#__PURE__*/React__default.createElement(LeftIconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
     testId: NAV_GROUP_LEFT_ICON_TEST_ID,
-    name: leftIcon,
+    source: leftIcon,
     size: IconSize.S,
     color: active ? 'bgtxt-blue-normal' : 'txt-black-dark'
   })), /*#__PURE__*/React__default.createElement(Text, {
@@ -64,7 +63,7 @@ function NavGroup({
     role: "menu",
     id: ariaName
   }, open && children));
-}
+});
 var NavGroup$1 = /*#__PURE__*/memo(NavGroup);
 
 export { NAV_GROUP_LEFT_ICON_TEST_ID, NAV_GROUP_TEST_ID, NavGroup$1 as default };

package/dist/esm/components/Navigator/NavGroup/NavGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavGroup.mjs","sources":["../../../../../src/components/Navigator/NavGroup/NavGroup.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n} from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n} from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport {\n  LegacyIcon,\n  isIconName,\n} from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type NavGroupProps from './NavGroup.types'\n\nimport {\n  ChevronWrapper,\n  ChildrenWrapper,\n  Item,\n  LeftIconWrapper,\n  RightContentWrapper,\n  Wrapper,\n} from './NavGroup.styled'\n\nexport const NAV_GROUP_TEST_ID = 'bezier-react-nav-group'\nexport const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-react-nav-group-left-icon'\n\nfunction NavGroup({\n  as,\n  testId = NAV_GROUP_TEST_ID,\n  name,\n  style,\n  className,\n  interpolation,\n  children,\n  content,\n  rightContent,\n  leftIcon,\n  open,\n  active,\n  onClick = noop,\n}: NavGroupProps) {\n  const handleClickItem = useCallback((e?: React.MouseEvent) => {\n    onClick(e, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const hasChildren = !isNil(children)\n  const chevronIconSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n  const showLeftIcon = isIconName(leftIcon)\n  const ariaName = `${name}Menu`\n\n  return (\n    <Wrapper role=\"none\">\n      <Item\n        as={as}\n        active={active}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        onClick={handleClickItem}\n        data-testid={testId}\n        role=\"menuitem\"\n        aria-haspopup={hasChildren}\n        aria-expanded={open}\n        aria-controls={ariaName}\n      >\n        <LeftIconWrapper>\n          { showLeftIcon && (\n            <LegacyIcon\n              testId={NAV_GROUP_LEFT_ICON_TEST_ID}\n              name={leftIcon}\n              size={IconSize.S}\n              color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n            />\n          ) }\n        </LeftIconWrapper>\n\n        <Text typo={Typography.Size14} truncated>\n          { content }\n        </Text>\n\n        { hasChildren && (\n          <ChevronWrapper>\n            <Icon\n              source={chevronIconSource}\n              size={IconSize.S}\n              color=\"txt-black-dark\"\n            />\n          </ChevronWrapper>\n        ) }\n\n        { rightContent && (\n          <RightContentWrapper>\n            { rightContent }\n          </RightContentWrapper>\n        ) }\n      </Item>\n\n      { open && (\n        <ChildrenWrapper\n          role=\"menu\"\n          id={ariaName}\n        >\n          { open && children }\n        </ChildrenWrapper>\n      ) }\n    </Wrapper>\n  )\n}\n\nexport default memo(NavGroup)\n"],"names":["NAV_GROUP_TEST_ID","NAV_GROUP_LEFT_ICON_TEST_ID","NavGroup","as","testId","name","style","className","interpolation","children","content","rightContent","leftIcon","open","active","onClick","noop","handleClickItem","useCallback","e","hasChildren","isNil","chevronIconSource","ChevronSmallDownIcon","ChevronSmallRightIcon","showLeftIcon","isIconName","ariaName","React","createElement","Wrapper","role","Item","LeftIconWrapper","LegacyIcon","size","IconSize","S","color","Text","typo","Typography","Size14","truncated","ChevronWrapper","Icon","source","RightContentWrapper","ChildrenWrapper","id","memo"],"mappings":"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"}
+{"version":3,"file":"NavGroup.mjs","sources":["../../../../../src/components/Navigator/NavGroup/NavGroup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n  useCallback,\n} from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n} from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type NavGroupProps from './NavGroup.types'\n\nimport {\n  ChevronWrapper,\n  ChildrenWrapper,\n  Item,\n  LeftIconWrapper,\n  RightContentWrapper,\n  Wrapper,\n} from './NavGroup.styled'\n\nexport const NAV_GROUP_TEST_ID = 'bezier-react-nav-group'\nexport const NAV_GROUP_LEFT_ICON_TEST_ID = 'bezier-react-nav-group-left-icon'\n\nconst NavGroup = forwardRef<HTMLButtonElement, NavGroupProps>(function NavGroup({\n  as,\n  testId = NAV_GROUP_TEST_ID,\n  name,\n  style,\n  className,\n  interpolation,\n  children,\n  content,\n  rightContent,\n  leftIcon,\n  open,\n  active,\n  onClick = noop,\n  ...rest\n}, forwardedRef) {\n  const handleClickItem = useCallback((e?: React.MouseEvent) => {\n    onClick(e, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const hasChildren = !isNil(children)\n  const chevronIconSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n  const ariaName = `${name}Menu`\n\n  return (\n    <Wrapper role=\"none\">\n      <Item\n        {...rest}\n        ref={forwardedRef}\n        as={as}\n        active={active}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        onClick={handleClickItem}\n        data-testid={testId}\n        role=\"menuitem\"\n        aria-haspopup={hasChildren}\n        aria-expanded={open}\n        aria-controls={ariaName}\n      >\n        <LeftIconWrapper>\n          <Icon\n            testId={NAV_GROUP_LEFT_ICON_TEST_ID}\n            source={leftIcon}\n            size={IconSize.S}\n            color={active ? 'bgtxt-blue-normal' : 'txt-black-dark'}\n          />\n        </LeftIconWrapper>\n\n        <Text typo={Typography.Size14} truncated>\n          { content }\n        </Text>\n\n        { hasChildren && (\n          <ChevronWrapper>\n            <Icon\n              source={chevronIconSource}\n              size={IconSize.S}\n              color=\"txt-black-dark\"\n            />\n          </ChevronWrapper>\n        ) }\n\n        { rightContent && (\n          <RightContentWrapper>\n            { rightContent }\n          </RightContentWrapper>\n        ) }\n      </Item>\n\n      { open && (\n        <ChildrenWrapper\n          role=\"menu\"\n          id={ariaName}\n        >\n          { open && children }\n        </ChildrenWrapper>\n      ) }\n    </Wrapper>\n  )\n})\n\nexport default memo(NavGroup)\n"],"names":["NAV_GROUP_TEST_ID","NAV_GROUP_LEFT_ICON_TEST_ID","NavGroup","forwardRef","as","testId","name","style","className","interpolation","children","content","rightContent","leftIcon","open","active","onClick","noop","rest","forwardedRef","handleClickItem","useCallback","e","hasChildren","isNil","chevronIconSource","ChevronSmallDownIcon","ChevronSmallRightIcon","ariaName","React","createElement","Wrapper","role","Item","Object","assign","ref","LeftIconWrapper","Icon","source","size","IconSize","S","color","Text","typo","Typography","Size14","truncated","ChevronWrapper","RightContentWrapper","ChildrenWrapper","id","memo"],"mappings":"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"}