@channel.io/bezier-react 1.6.1 → 1.7.0

package/src/components/Tooltip/Tooltip.types.ts

@@ -1,58 +1,15 @@
-import { type Ref } from 'react'
+import { type BezierIcon } from '@channel.io/bezier-icons'
 
 import {
-  type AdditionalStylableProps,
   type BezierComponentProps,
   type ChildrenProps,
   type ContentProps,
   type DisableProps,
-  type RenderConfigProps,
 } from '~/src/types/ComponentProps'
 
-interface TooltipOptions {
-  placement?: TooltipPosition
-  offset?: number
-  keepInContainer?: boolean
-  allowHover?: boolean
-  delayShow?: number
-  delayHide?: number
-  contentTestId?: string
-  lazy?: boolean
-}
-
-export default interface TooltipProps extends
-  BezierComponentProps,
-  ChildrenProps,
-  ContentProps,
-  DisableProps,
-  AdditionalStylableProps<'content' | 'contentWrapper'>,
-  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps>,
-  TooltipOptions {
-}
-
-export interface TooltipContentProps extends Pick<
-TooltipOptions,
-'keepInContainer' |
-'placement' |
-'offset' |
-'allowHover'
->,
-  RenderConfigProps,
-  ContentProps,
-  AdditionalStylableProps<'content' | 'contentWrapper'>,
-  DisableProps {
-  tooltipContainer: HTMLDivElement | null
-  forwardedRef: Ref<HTMLDivElement>
-}
-
-export interface GetTooltipStyle extends Required<Pick<TooltipOptions, 'placement' | 'offset' | 'allowHover'>> {
-  tooltipContainer: HTMLDivElement
-}
-
-export interface GetReplacement extends Required<Pick<TooltipOptions, 'placement' | 'keepInContainer'>> {
-  tooltip: HTMLDivElement
-}
-
+/**
+ * An enumeration that determines the position of `Tooltip`.
+ */
 export enum TooltipPosition {
   TopCenter = 'topCenter',
   TopLeft = 'topLeft',
@@ -67,3 +24,110 @@ export enum TooltipPosition {
   LeftTop = 'leftTop',
   LeftBottom = 'leftBottom',
 }
+
+interface TooltipProviderOptions {
+  /**
+   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
+   * @default false
+   */
+  allowHover?: boolean
+  /**
+   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.
+   * @default 0
+   */
+  delayShow?: number
+  /**
+   * The delay from when the mouse leaves a tooltip content until the tooltip hides.
+   * @default 0
+   */
+  delayHide?: number
+  /**
+   * How much time a user has to enter another trigger without incurring a delay again.
+   * @default 0
+   */
+  skipDelayShow?: number
+}
+
+interface TooltipOptions {
+  /**
+   * The open state of the tooltip when it is initially rendered.
+   */
+  defaultShow?: boolean
+  /**
+   * An element that sits below the tooltip content.
+   */
+  description?: React.ReactNode
+  /**
+   * A decorative icon that sits right of the tooltip content.
+   */
+  icon?: BezierIcon
+  /**
+   * Options to determine the location from the trigger.
+   * @default TooltipPosition.BottomCenter
+   */
+  placement?: TooltipPosition
+  /**
+   * The distance in pixels from the trigger.
+   * @default 4
+   */
+  offset?: number
+  /**
+   * Specify a container element to portal the content into.
+   * @default document.body
+   */
+  container?: HTMLElement | null
+  /**
+   * When `true`, overrides the `position` of the tooltip
+   * to prevent collisions with boundary edges.
+   * @default true
+   */
+  keepInContainer?: boolean
+  /**
+   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.
+   * Inherits from the nearest `TooltipProvider`.
+   * @default false
+   */
+  allowHover?: boolean
+  /**
+   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.
+   * Inherits from the nearest `TooltipProvider`.
+   * @default 0
+   */
+  delayShow?: number
+  /**
+   * The delay from when the mouse leaves a tooltip content until the tooltip hides.
+   * Inherits from the nearest `TooltipProvider`.
+   * @default 0
+   */
+  delayHide?: number
+  /**
+   * Callback function to be called when the tooltip is opened.
+   */
+  onShow?: () => void
+  /**
+   * Callback function to be called when the tooltip is closed.
+   */
+  onHide?: () => void
+  /**
+   * Event handler called when the escape key is down.
+   * It can be prevented by calling `event.preventDefault`.
+   */
+  onEscapeKeyDown?: (event: KeyboardEvent) => void
+  /**
+   * Event handler called when a pointer event occurs outside the bounds of the component.
+   * It can be prevented by calling `event.preventDefault`.
+   */
+  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void
+}
+
+export interface TooltipProviderProps extends
+  ChildrenProps,
+  TooltipProviderOptions {}
+
+export interface TooltipProps extends
+  BezierComponentProps,
+  ChildrenProps<React.ReactElement>,
+  ContentProps,
+  DisableProps,
+  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,
+  TooltipOptions {}

package/src/components/Tooltip/index.ts

@@ -1,12 +1,12 @@
-import Tooltip from './Tooltip'
-import { TooltipPosition } from './Tooltip.types'
-import type TooltipProps from './Tooltip.types'
+export {
+  Tooltip,
+  TooltipProvider,
+} from './Tooltip'
+
+export { TooltipPosition } from './Tooltip.types'
 
 export type {
   TooltipProps,
-}
+  TooltipProviderProps,
+} from './Tooltip.types'
 
-export {
-  Tooltip,
-  TooltipPosition,
-}

package/src/components/VisuallyHidden/VisuallyHidden.types.ts

@@ -1,4 +1,4 @@
 import { type ChildrenProps } from '~/src/types/ComponentProps'
 
 export interface VisuallyHiddenProps extends
-  ChildrenProps {}
+  ChildrenProps<React.ReactElement> {}

package/src/foundation/FoundationStyledComponent.tsx

@@ -26,6 +26,7 @@ import styled, {
   type StyledComponentInnerAttrs,
   type StyledComponentInnerComponent,
   type StyledComponentInnerOtherProps,
+  type StyledInterface,
   type ThemedStyledFunction,
   type ThemedStyledProps,
   css as baseCSS,
@@ -36,6 +37,21 @@ import styled, {
 import { type Foundation } from './Foundation'
 import domElements from './utils/domElements'
 
+/**
+ * When interpreting the `.mjs` extension in the Next.js environment,
+ * default imported `styled` function are not interpreted correctly.
+ *
+ * We add `.default` to cover situation where the module is interpreted in CJS.
+ *
+ * This is code that can be removed when the major version of `styled-components` is updated (v6)
+ * and `styled` functions are changed to named import.
+ *
+ * @see https://github.com/rollup/rollup/issues/4438
+ * @see https://github.com/styled-components/styled-components/issues/115
+ */
+// @ts-expect-error
+const safetyStyledInNextJs = (styled.default ?? styled) as StyledInterface
+
 const FoundationContext = createContext<Foundation | null>(null)
 
 interface FoundationProviderProps {
@@ -105,7 +121,7 @@ function templateFunctionGenerator(BaseComponentGenerator: ThemedStyledFunction<
 
 /* eslint-disable-next-line func-names */ /* @ts-ignore */
 const FoundationStyled: FoundationStyledInterface = (tag) => {
-  const tagTemplate = styled(tag)
+  const tagTemplate = safetyStyledInNextJs(tag)
   return templateFunctionGenerator(tagTemplate)
 };
 

package/src/index.ts

@@ -56,6 +56,7 @@ export * from '~/src/components/AlphaSmoothCornersBox'
 
 export * from '~/src/components/LegacyIcon'
 export * from '~/src/components/LegacyRadio'
+export * from '~/src/components/LegacyTooltip'
 export * from '~/src/components/LegacySegmentedControl'
 
 /* Hooks for Component */

package/src/providers/BezierProvider.tsx

@@ -9,6 +9,8 @@ import {
   type ThemeVarsAdditionalType,
 } from '~/src/foundation'
 
+import { TooltipProvider } from '~/src/components/Tooltip'
+
 interface BezierProviderProps {
   foundation: Foundation & GlobalStyleProp
   children: React.ReactNode
@@ -22,12 +24,14 @@ function BezierProvider({
 }: BezierProviderProps) {
   return (
     <FoundationProvider foundation={foundation}>
-      <GlobalStyle foundation={foundation} />
-      <ThemeVars
-        foundation={foundation}
-        scope={themeVarsScope}
-      />
-      { children }
+      <TooltipProvider>
+        <GlobalStyle foundation={foundation} />
+        <ThemeVars
+          foundation={foundation}
+          scope={themeVarsScope}
+        />
+        { children }
+      </TooltipProvider>
     </FoundationProvider>
   )
 }

package/dist/cjs/components/Tooltip/TooltipContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../../src/components/Tooltip/TooltipContent.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 TooltipContentProps,\n  TooltipPosition,\n} from './Tooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './Tooltip.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\nconst TooltipContent: React.FC<TooltipContentProps> = ({\n  as,\n  content,\n  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = TooltipPosition.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\nexport default TooltipContent\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","TooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","TooltipPosition","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/cjs/components/Tooltip/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Tooltip/utils.ts"],"sourcesContent":["import { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  type GetReplacement,\n  type GetTooltipStyle,\n  TooltipPosition,\n} from './Tooltip.types'\n\nexport function getReplacement({\n  tooltip,\n  keepInContainer,\n  placement,\n}: GetReplacement): TooltipPosition {\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 TooltipPosition.BottomLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.BottomRight\n    }\n    return TooltipPosition.BottomCenter\n  }\n\n  if (isOverBottom) {\n    if (isOverLeft) {\n      return TooltipPosition.TopLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.TopRight\n    }\n    return TooltipPosition.TopCenter\n  }\n\n  if (isOverLeft) {\n    if (isOverTop) {\n      return TooltipPosition.RightTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.RightBottom\n    }\n    return TooltipPosition.RightCenter\n  }\n\n  if (isOverRight) {\n    if (isOverTop) {\n      return TooltipPosition.LeftTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.LeftBottom\n    }\n    return TooltipPosition.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 TooltipPosition.TopCenter:\n    case TooltipPosition.TopLeft:\n    case TooltipPosition.TopRight:\n      translateY = -100\n      offsetBottom = offset\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.RightTop:\n    case TooltipPosition.RightBottom:\n      left += containerWidth\n      offsetLeft = offset\n      break\n    case TooltipPosition.BottomCenter:\n    case TooltipPosition.BottomLeft:\n    case TooltipPosition.BottomRight:\n      top += containerHeight\n      offsetTop = offset\n      break\n    case TooltipPosition.LeftCenter:\n    case TooltipPosition.LeftTop:\n    case TooltipPosition.LeftBottom:\n      translateX = -100\n      offsetRight = offset\n      break\n  }\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.BottomCenter:\n      translateX = -50\n      left += (containerWidth / 2)\n      break\n    case TooltipPosition.TopRight:\n    case TooltipPosition.BottomRight:\n      translateX = -100\n      left += containerWidth\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.LeftCenter:\n      translateY = -50\n      top += (containerHeight / 2)\n      break\n    case TooltipPosition.RightBottom:\n    case TooltipPosition.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","TooltipPosition","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/Tooltip/TooltipContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipContent.mjs","sources":["../../../../src/components/Tooltip/TooltipContent.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 TooltipContentProps,\n  TooltipPosition,\n} from './Tooltip.types'\nimport {\n  getReplacement,\n  getTooltipStyle,\n} from './utils'\n\nimport {\n  Content,\n  ContentWrapper,\n  EllipsisableContent,\n} from './Tooltip.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\nconst TooltipContent: React.FC<TooltipContentProps> = ({\n  as,\n  content,\n  contentClassName,\n  contentInterpolation,\n  contentWrapperStyle: givenContentWrapperStyle,\n  disabled = false,\n  keepInContainer = false,\n  placement = TooltipPosition.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\nexport default TooltipContent\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Typography","Size14","Fragment","getContentComponent","content","isArray","item","isString","TooltipContent","as","contentClassName","contentInterpolation","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","TooltipPosition","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":";;;;;;;;;;;;AAsCA,SAASA,mBAAmBA,CAACC,UAAkB,EAAE;AAC/C,EAAA,OACEA,UAAU,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IACzC,IAAIA,KAAK,KAAK,CAAC,EAAE;AACf,MAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AAACC,QAAAA,GAAG,EAAEL,GAAI;QAACM,IAAI,EAAEC,UAAU,CAACC,MAAAA;AAAO,OAAA,EACpCR,GACE,CAAC,CAAA;AAEX,KAAA;AAEA,IAAA,oBACEE,cAAA,CAAAC,aAAA,CAACD,cAAK,CAACO,QAAQ,EAAA;AAACJ,MAAAA,GAAG,EAAEL,GAAAA;KACnBE,eAAAA,cAAA,CAAAC,aAAA,CAAK,IAAA,EAAA,IAAA,CAAC,eACND,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;MAACE,IAAI,EAAEC,UAAU,CAACC,MAAAA;KACnBR,EAAAA,GACE,CACQ,CAAC,CAAA;AAErB,GAAC,CAAC,CAAA;AAEN,CAAA;AAEA,SAASU,mBAAmBA,CAACC,OAAyB,EAAE;AACtD,EAAA,IAAIC,OAAO,CAACD,OAAO,CAAC,EAAE;AACpB,IAAA,OAAOA,OAAO,CAACZ,GAAG,CAACc,IAAI,IAAI;AACzB,MAAA,IAAIC,QAAQ,CAACD,IAAI,CAAC,EAAE;QAClB,OAAOjB,mBAAmB,CAACiB,IAAI,CAAC,CAAA;AAClC,OAAA;AAEA,MAAA,OAAOA,IAAI,CAAA;AACb,KAAC,CAAC,CAAA;AACJ,GAAA;AAEA,EAAA,IAAIC,QAAQ,CAACH,OAAO,CAAC,EAAE;IACrB,OAAOf,mBAAmB,CAACe,OAAO,CAAC,CAAA;AACrC,GAAA;AAEA,EAAA,OAAOA,OAAO,CAAA;AAChB,CAAA;AAEA,MAAMI,cAA6C,GAAGA,CAAC;EACrDC,EAAE;EACFL,OAAO;EACPM,gBAAgB;EAChBC,oBAAoB;AACpBC,EAAAA,mBAAmB,EAAEC,wBAAwB;AAC7CC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,eAAe,GAAG,KAAK;EACvBC,SAAS,GAAGC,eAAe,CAACC,YAAY;EACxCC,gBAAgB;AAChBC,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,UAAU,GAAG,KAAK;EAClBC,MAAM;AACNC,EAAAA,YAAAA;AACF,CAAC,KAAK;AACJ,EAAA,MAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,MAAMC,iBAAiB,GAAGD,MAAM,CAAiB,IAAI,CAAC,CAAA;AACtD,EAAA,MAAME,SAAS,GAAGC,YAAY,CAAiBJ,UAAU,EAAED,YAAY,CAAC,CAAA;EACxE,MAAM,CAACM,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAACf,SAAS,CAAC,CAAA;AAEzD,EAAA,MAAMgB,kBAAkB,GAAGC,WAAW,CAAEC,KAAmC,IAAK;IAC9EA,KAAK,CAACC,eAAe,EAAE,CAAA;GACxB,EAAE,EAAE,CAAC,CAAA;EAENC,eAAe,CAACZ,UAAU,CAACa,OAAO,EAAE,OAAO,EAAEL,kBAAkB,CAAC,CAAA;AAEhEM,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACd,UAAU,CAACa,OAAO,EAAE;AAAE,MAAA,OAAA;AAAO,KAAA;IAClC,MAAME,YAAY,GAAGC,cAAc,CAAC;MAClCC,OAAO,EAAEjB,UAAU,CAACa,OAAO;MAC3BtB,eAAe;AACfC,MAAAA,SAAAA;AACF,KAAC,CAAC,CAAA;IACFc,cAAc,CAACS,YAAY,CAAC,CAAA;AAC9B,GAAC,EAAE,CACDxB,eAAe,EACfC,SAAS,CACV,CAAC,CAAA;AAEF,EAAA,MAAM0B,gBAAgB,GAAGC,OAAO,CAAC,MAAMxC,mBAAmB,CAACC,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAE/E,EAAA,MAAMQ,mBAAmB,GAAG+B,OAAO,CAAC,MAAM;AACxC,IAAA,IAAIxB,gBAAgB,EAAE;MACpB,OAAO;AACL,QAAA,GAAGN,wBAAwB;AAC3B,QAAA,GAAG+B,eAAe,CAAC;UACjBzB,gBAAgB;AAChBH,UAAAA,SAAS,EAAEa,WAAW;UACtBT,MAAM;AACNC,UAAAA,UAAAA;SACD,CAAA;OACF,CAAA;AACH,KAAA;AAEA,IAAA,OAAO,EAAE,CAAA;AACX,GAAC,EAAE,CACDF,gBAAgB,EAChBN,wBAAwB,EACxBgB,WAAW,EACXT,MAAM,EACNC,UAAU,CACX,CAAC,CAAA;EAEF,oBACEwB,QAAQ,CAACC,YAAY,eACnBnD,cAAA,CAAAC,aAAA,CAACmD,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEtB,iBAAkB;AACvBZ,IAAAA,QAAQ,EAAEA,QAAQ,IAAImC,OAAO,CAAC7C,OAAO,CAAE;AACvC8C,IAAAA,KAAK,EAAEtC,mBAAAA;AAAoB,GAAA,eAE3BjB,cAAA,CAAAC,aAAA,CAACuD,OAAO,EAAA;AACN1C,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaa,MAAO;AACpB8B,IAAAA,SAAS,EAAE1C,gBAAiB;AAC5B2C,IAAAA,aAAa,EAAE1C,oBAAqB;AACpCqC,IAAAA,GAAG,EAAErB,SAAAA;AAAU,GAAA,eAEfhC,cAAA,CAAAC,aAAA,CAAC0D,mBAAmB,EAChBZ,IAAAA,EAAAA,gBACiB,CACd,CACK,CAAC,EACjBa,cAAc,EAChB,CAAC,CAAA;AAEL,CAAC,CAAA;AAED,uBAAe/C,cAAc;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Tooltip/utils.ts"],"sourcesContent":["import { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  type GetReplacement,\n  type GetTooltipStyle,\n  TooltipPosition,\n} from './Tooltip.types'\n\nexport function getReplacement({\n  tooltip,\n  keepInContainer,\n  placement,\n}: GetReplacement): TooltipPosition {\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 TooltipPosition.BottomLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.BottomRight\n    }\n    return TooltipPosition.BottomCenter\n  }\n\n  if (isOverBottom) {\n    if (isOverLeft) {\n      return TooltipPosition.TopLeft\n    }\n    if (isOverRight) {\n      return TooltipPosition.TopRight\n    }\n    return TooltipPosition.TopCenter\n  }\n\n  if (isOverLeft) {\n    if (isOverTop) {\n      return TooltipPosition.RightTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.RightBottom\n    }\n    return TooltipPosition.RightCenter\n  }\n\n  if (isOverRight) {\n    if (isOverTop) {\n      return TooltipPosition.LeftTop\n    }\n    if (isOverBottom) {\n      return TooltipPosition.LeftBottom\n    }\n    return TooltipPosition.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 TooltipPosition.TopCenter:\n    case TooltipPosition.TopLeft:\n    case TooltipPosition.TopRight:\n      translateY = -100\n      offsetBottom = offset\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.RightTop:\n    case TooltipPosition.RightBottom:\n      left += containerWidth\n      offsetLeft = offset\n      break\n    case TooltipPosition.BottomCenter:\n    case TooltipPosition.BottomLeft:\n    case TooltipPosition.BottomRight:\n      top += containerHeight\n      offsetTop = offset\n      break\n    case TooltipPosition.LeftCenter:\n    case TooltipPosition.LeftTop:\n    case TooltipPosition.LeftBottom:\n      translateX = -100\n      offsetRight = offset\n      break\n  }\n\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n    case TooltipPosition.BottomCenter:\n      translateX = -50\n      left += (containerWidth / 2)\n      break\n    case TooltipPosition.TopRight:\n    case TooltipPosition.BottomRight:\n      translateX = -100\n      left += containerWidth\n      break\n    case TooltipPosition.RightCenter:\n    case TooltipPosition.LeftCenter:\n      translateY = -50\n      top += (containerHeight / 2)\n      break\n    case TooltipPosition.RightBottom:\n    case TooltipPosition.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","TooltipPosition","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/types/components/Tooltip/TooltipContent.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type TooltipContentProps } from './Tooltip.types';
-declare const TooltipContent: React.FC<TooltipContentProps>;
-export default TooltipContent;
-//# sourceMappingURL=TooltipContent.d.ts.map

package/dist/types/components/Tooltip/TooltipContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/TooltipContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAiBd,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAA;AAqDxB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqFjD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/types/components/Tooltip/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,eAAe,EAChB,MAAM,iBAAiB,CAAA;AAExB,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,eAAe,EACf,SAAS,GACV,EAAE,cAAc,GAAG,eAAe,CAiElC;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,GACX,EAAE,eAAe;;;;;EAwFjB"}