@channel.io/bezier-react 1.2.0 → 1.3.0

package/build/src/components/OutlineItem/OutlineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.js","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n  IconSize,\n  isBezierIcon,\n  isIconName,\n} from '~/src/components/Icon'\n\nimport type OutlineItemProps from './OutlineItem.types'\nimport { OutlineItemContext } from './OutlineItemContext'\nimport useOutlineItemContext from './useOutlineItemContext'\n\nimport {\n  ChevronWrapper,\n  ContentWrapper,\n  GroupItemWrapper,\n  LeftContentWrapper,\n  StyledIcon,\n  StyledLegacyIcon,\n} from './OutlineItem.styled'\n\nconst LIST_GROUP_PADDING_LEFT = 16\n\nexport const OUTLINE_ITEM_TEST_ID = 'bezier-react-outline-item'\nexport const OUTLINE_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-outline-item-left-icon'\n\nfunction OutlineItem(\n  {\n    as,\n    testId = OUTLINE_ITEM_TEST_ID,\n    leftIconTestId = OUTLINE_ITEM_LEFT_ICON_TEST_ID,\n    style,\n    className,\n    interpolation,\n    contentClassName,\n    contentInterpolation,\n    iconClassName,\n    iconInterpolation,\n    paddingLeft: givenPaddingLeft,\n    open = false,\n    active: givenActive,\n    focused = false,\n    leftContent,\n    leftIcon,\n    leftIconColor,\n    disableChevron = false,\n    disableIconActive = false,\n    name,\n    href,\n    content = null,\n    rightContent = null,\n    hide = false,\n    onOpen = noop,\n    onClickArrow = noop,\n    /* OptionMenuHost Props */\n    selectedOutlineItemIndex = null,\n    onChangeOption = noop,\n    /* HTMLAttribute props */\n    onClick: givenOnClick = noop,\n    children,\n  }: OutlineItemProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  const [currentOutlineItemIndex, setCurrentOutlineItemIndex] = useState<number | null>(selectedOutlineItemIndex)\n\n  useEffect(() => {\n    const childs = React.Children.toArray(children)\n    if (isNil(selectedOutlineItemIndex)\n      || (selectedOutlineItemIndex < childs.length && selectedOutlineItemIndex < 0)) {\n      setCurrentOutlineItemIndex(null)\n      return\n    }\n\n    const element = childs[selectedOutlineItemIndex]\n\n    if (React.isValidElement(element) && isNil(element.props.children)) {\n      if (element.props.href) { return }\n\n      setCurrentOutlineItemIndex(selectedOutlineItemIndex)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedOutlineItemIndex])\n\n  useEffect(() => {\n    if (open) {\n      onOpen(name)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const handleClickItem = useCallback((\n    itemIndex: number,\n    optionKey: string,\n  ) => {\n    onChangeOption(name, optionKey, itemIndex)\n  }, [\n    name,\n    onChangeOption,\n  ])\n\n  const handleClickIcon = useCallback((event?: React.MouseEvent<SVGSVGElement>) => {\n    if (onClickArrow) {\n      event?.stopPropagation()\n      onClickArrow(name)\n    }\n  }, [\n    name,\n    onClickArrow,\n  ])\n\n  const context = useOutlineItemContext({\n    paddingLeft: givenPaddingLeft,\n    active: givenActive,\n    onClick: givenOnClick,\n  }, LIST_GROUP_PADDING_LEFT)\n  const { paddingLeft, active, onClick } = context\n\n  const handleClickGroup = useCallback((event?: React.MouseEvent) => {\n    onClick(event, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const chevronComponent = useMemo(() => {\n    if (disableChevron) {\n      return null\n    }\n\n    const chevronSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n    const showChevron = !isNil(children)\n\n    return (\n      <ChevronWrapper>\n        { showChevron && (\n          <StyledIcon\n            source={chevronSource}\n            size={IconSize.XS}\n            onClick={handleClickIcon}\n            color=\"txt-black-darker\"\n          />\n        ) }\n      </ChevronWrapper>\n    )\n  }, [\n    children,\n    disableChevron,\n    handleClickIcon,\n    open,\n  ])\n\n  const leftComponent = useMemo(() => {\n    if (!isNil(leftContent)) {\n      return (\n        <LeftContentWrapper>\n          { leftContent }\n        </LeftContentWrapper>\n      )\n    }\n\n    if (isIconName(leftIcon)) {\n      return (\n        <LeftContentWrapper>\n          <StyledLegacyIcon\n            testId={leftIconTestId}\n            className={iconClassName}\n            interpolation={iconInterpolation}\n            name={leftIcon}\n            size={IconSize.S}\n            active={active}\n            disableIconActive={disableIconActive}\n            color={leftIconColor}\n          />\n        </LeftContentWrapper>\n      )\n    }\n\n    if (isBezierIcon(leftIcon)) {\n      return (\n        <LeftContentWrapper>\n          <StyledIcon\n            testId={leftIconTestId}\n            className={iconClassName}\n            interpolation={iconInterpolation}\n            source={leftIcon}\n            size={IconSize.S}\n            active={active}\n            disableIconActive={disableIconActive}\n            color={leftIconColor}\n          />\n        </LeftContentWrapper>\n      )\n    }\n\n    return null\n  }, [\n    active,\n    disableIconActive,\n    iconClassName,\n    iconInterpolation,\n    leftContent,\n    leftIcon,\n    leftIconColor,\n    leftIconTestId,\n  ])\n\n  const ContentComponent = useMemo(() => (\n    <>\n      { chevronComponent }\n      { leftComponent }\n      <ContentWrapper\n        className={contentClassName}\n        interpolation={contentInterpolation}\n      >\n        { content }\n      </ContentWrapper>\n      { rightContent }\n    </>\n  ),\n  [\n    chevronComponent,\n    leftComponent,\n    contentClassName,\n    contentInterpolation,\n    content,\n    rightContent,\n  ])\n\n  const Items = useMemo(() => (\n    React.Children.map(children, (element, index) => {\n      if (!React.isValidElement(element)) {\n        return element\n      }\n\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      const passedContext = {\n        ...context,\n        active: currentOutlineItemIndex === index,\n        onClick: () => handleClickItem(index, element.props.optionKey),\n      }\n\n      return (\n        <OutlineItemContext.Provider value={passedContext}>\n          { element }\n        </OutlineItemContext.Provider>\n      )\n    })\n  ), [\n    children,\n    context,\n    currentOutlineItemIndex,\n    handleClickItem,\n  ])\n\n  if (hide) { return null }\n\n  if (!isNil(href)) {\n    return (\n      <>\n        <GroupItemWrapper\n          ref={forwardedRef as React.Ref<HTMLAnchorElement>}\n          as=\"a\"\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={style}\n          className={className}\n          interpolation={interpolation}\n          active={false}\n          focused={focused}\n          currentOutlineItemIndex={currentOutlineItemIndex}\n          paddingLeft={paddingLeft}\n          onClick={handleClickGroup}\n          data-testid={testId}\n          data-active-index={currentOutlineItemIndex}\n        >\n          { ContentComponent }\n        </GroupItemWrapper>\n        { open && (\n          Items\n        ) }\n      </>\n    )\n  }\n\n  return (\n    <>\n      <GroupItemWrapper\n        as={as}\n        ref={forwardedRef}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        active={active}\n        focused={focused}\n        currentOutlineItemIndex={currentOutlineItemIndex}\n        paddingLeft={paddingLeft}\n        onClick={handleClickGroup}\n        data-testid={testId}\n        data-active-index={currentOutlineItemIndex}\n      >\n        { ContentComponent }\n      </GroupItemWrapper>\n      { open && (\n        Items\n      ) }\n    </>\n  )\n}\n\nexport default forwardRef(OutlineItem)\n"],"names":["LIST_GROUP_PADDING_LEFT","OUTLINE_ITEM_TEST_ID","OUTLINE_ITEM_LEFT_ICON_TEST_ID","OutlineItem","as","testId","leftIconTestId","style","className","interpolation","contentClassName","contentInterpolation","iconClassName","iconInterpolation","paddingLeft","givenPaddingLeft","open","active","givenActive","focused","leftContent","leftIcon","leftIconColor","disableChevron","disableIconActive","name","href","content","rightContent","hide","onOpen","noop","onClickArrow","selectedOutlineItemIndex","onChangeOption","onClick","givenOnClick","children","forwardedRef","currentOutlineItemIndex","setCurrentOutlineItemIndex","useState","useEffect","childs","React","Children","toArray","isNil","length","element","isValidElement","props","handleClickItem","useCallback","itemIndex","optionKey","handleClickIcon","event","stopPropagation","context","useOutlineItemContext","handleClickGroup","chevronComponent","useMemo","chevronSource","ChevronSmallDownIcon","ChevronSmallRightIcon","showChevron","createElement","ChevronWrapper","StyledIcon","source","size","IconSize","XS","color","leftComponent","LeftContentWrapper","isIconName","StyledLegacyIcon","S","isBezierIcon","ContentComponent","Fragment","ContentWrapper","Items","map","index","passedContext","Object","assign","OutlineItemContext","Provider","value","GroupItemWrapper","ref","target","rel","forwardRef"],"mappings":"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"}
+{"version":3,"file":"OutlineItem.js","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  ChevronSmallDownIcon,\n  ChevronSmallRightIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport { isIconName } from '~/src/components/LegacyIcon'\n\nimport type OutlineItemProps from './OutlineItem.types'\nimport { OutlineItemContext } from './OutlineItemContext'\nimport useOutlineItemContext from './useOutlineItemContext'\n\nimport {\n  ChevronWrapper,\n  ContentWrapper,\n  GroupItemWrapper,\n  LeftContentWrapper,\n  StyledIcon,\n  StyledLegacyIcon,\n} from './OutlineItem.styled'\n\nconst LIST_GROUP_PADDING_LEFT = 16\n\nexport const OUTLINE_ITEM_TEST_ID = 'bezier-react-outline-item'\nexport const OUTLINE_ITEM_LEFT_ICON_TEST_ID = 'bezier-react-outline-item-left-icon'\n\nfunction OutlineItem(\n  {\n    as,\n    testId = OUTLINE_ITEM_TEST_ID,\n    leftIconTestId = OUTLINE_ITEM_LEFT_ICON_TEST_ID,\n    style,\n    className,\n    interpolation,\n    contentClassName,\n    contentInterpolation,\n    iconClassName,\n    iconInterpolation,\n    paddingLeft: givenPaddingLeft,\n    open = false,\n    active: givenActive,\n    focused = false,\n    leftContent,\n    leftIcon,\n    leftIconColor,\n    disableChevron = false,\n    disableIconActive = false,\n    name,\n    href,\n    content = null,\n    rightContent = null,\n    hide = false,\n    onOpen = noop,\n    onClickArrow = noop,\n    /* OptionMenuHost Props */\n    selectedOutlineItemIndex = null,\n    onChangeOption = noop,\n    /* HTMLAttribute props */\n    onClick: givenOnClick = noop,\n    children,\n  }: OutlineItemProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  const [currentOutlineItemIndex, setCurrentOutlineItemIndex] = useState<number | null>(selectedOutlineItemIndex)\n\n  useEffect(() => {\n    const childs = React.Children.toArray(children)\n    if (isNil(selectedOutlineItemIndex)\n      || (selectedOutlineItemIndex < childs.length && selectedOutlineItemIndex < 0)) {\n      setCurrentOutlineItemIndex(null)\n      return\n    }\n\n    const element = childs[selectedOutlineItemIndex]\n\n    if (React.isValidElement(element) && isNil(element.props.children)) {\n      if (element.props.href) { return }\n\n      setCurrentOutlineItemIndex(selectedOutlineItemIndex)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedOutlineItemIndex])\n\n  useEffect(() => {\n    if (open) {\n      onOpen(name)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  const handleClickItem = useCallback((\n    itemIndex: number,\n    optionKey: string,\n  ) => {\n    onChangeOption(name, optionKey, itemIndex)\n  }, [\n    name,\n    onChangeOption,\n  ])\n\n  const handleClickIcon = useCallback((event?: React.MouseEvent<SVGSVGElement>) => {\n    if (onClickArrow) {\n      event?.stopPropagation()\n      onClickArrow(name)\n    }\n  }, [\n    name,\n    onClickArrow,\n  ])\n\n  const context = useOutlineItemContext({\n    paddingLeft: givenPaddingLeft,\n    active: givenActive,\n    onClick: givenOnClick,\n  }, LIST_GROUP_PADDING_LEFT)\n  const { paddingLeft, active, onClick } = context\n\n  const handleClickGroup = useCallback((event?: React.MouseEvent) => {\n    onClick(event, name)\n  }, [\n    name,\n    onClick,\n  ])\n\n  const chevronComponent = useMemo(() => {\n    if (disableChevron) {\n      return null\n    }\n\n    const chevronSource = open ? ChevronSmallDownIcon : ChevronSmallRightIcon\n    const showChevron = !isNil(children)\n\n    return (\n      <ChevronWrapper>\n        { showChevron && (\n          <StyledIcon\n            source={chevronSource}\n            size={IconSize.XS}\n            onClick={handleClickIcon}\n            color=\"txt-black-darker\"\n          />\n        ) }\n      </ChevronWrapper>\n    )\n  }, [\n    children,\n    disableChevron,\n    handleClickIcon,\n    open,\n  ])\n\n  const leftComponent = useMemo(() => {\n    if (!isNil(leftContent)) {\n      return (\n        <LeftContentWrapper>\n          { leftContent }\n        </LeftContentWrapper>\n      )\n    }\n\n    if (isIconName(leftIcon)) {\n      return (\n        <LeftContentWrapper>\n          <StyledLegacyIcon\n            testId={leftIconTestId}\n            className={iconClassName}\n            interpolation={iconInterpolation}\n            name={leftIcon}\n            size={IconSize.S}\n            active={active}\n            disableIconActive={disableIconActive}\n            color={leftIconColor}\n          />\n        </LeftContentWrapper>\n      )\n    }\n\n    if (isBezierIcon(leftIcon)) {\n      return (\n        <LeftContentWrapper>\n          <StyledIcon\n            testId={leftIconTestId}\n            className={iconClassName}\n            interpolation={iconInterpolation}\n            source={leftIcon}\n            size={IconSize.S}\n            active={active}\n            disableIconActive={disableIconActive}\n            color={leftIconColor}\n          />\n        </LeftContentWrapper>\n      )\n    }\n\n    return null\n  }, [\n    active,\n    disableIconActive,\n    iconClassName,\n    iconInterpolation,\n    leftContent,\n    leftIcon,\n    leftIconColor,\n    leftIconTestId,\n  ])\n\n  const ContentComponent = useMemo(() => (\n    <>\n      { chevronComponent }\n      { leftComponent }\n      <ContentWrapper\n        className={contentClassName}\n        interpolation={contentInterpolation}\n      >\n        { content }\n      </ContentWrapper>\n      { rightContent }\n    </>\n  ),\n  [\n    chevronComponent,\n    leftComponent,\n    contentClassName,\n    contentInterpolation,\n    content,\n    rightContent,\n  ])\n\n  const Items = useMemo(() => (\n    React.Children.map(children, (element, index) => {\n      if (!React.isValidElement(element)) {\n        return element\n      }\n\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      const passedContext = {\n        ...context,\n        active: currentOutlineItemIndex === index,\n        onClick: () => handleClickItem(index, element.props.optionKey),\n      }\n\n      return (\n        <OutlineItemContext.Provider value={passedContext}>\n          { element }\n        </OutlineItemContext.Provider>\n      )\n    })\n  ), [\n    children,\n    context,\n    currentOutlineItemIndex,\n    handleClickItem,\n  ])\n\n  if (hide) { return null }\n\n  if (!isNil(href)) {\n    return (\n      <>\n        <GroupItemWrapper\n          ref={forwardedRef as React.Ref<HTMLAnchorElement>}\n          as=\"a\"\n          href={href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={style}\n          className={className}\n          interpolation={interpolation}\n          active={false}\n          focused={focused}\n          currentOutlineItemIndex={currentOutlineItemIndex}\n          paddingLeft={paddingLeft}\n          onClick={handleClickGroup}\n          data-testid={testId}\n          data-active-index={currentOutlineItemIndex}\n        >\n          { ContentComponent }\n        </GroupItemWrapper>\n        { open && (\n          Items\n        ) }\n      </>\n    )\n  }\n\n  return (\n    <>\n      <GroupItemWrapper\n        as={as}\n        ref={forwardedRef}\n        style={style}\n        className={className}\n        interpolation={interpolation}\n        active={active}\n        focused={focused}\n        currentOutlineItemIndex={currentOutlineItemIndex}\n        paddingLeft={paddingLeft}\n        onClick={handleClickGroup}\n        data-testid={testId}\n        data-active-index={currentOutlineItemIndex}\n      >\n        { ContentComponent }\n      </GroupItemWrapper>\n      { open && (\n        Items\n      ) }\n    </>\n  )\n}\n\nexport default forwardRef(OutlineItem)\n"],"names":["LIST_GROUP_PADDING_LEFT","OUTLINE_ITEM_TEST_ID","OUTLINE_ITEM_LEFT_ICON_TEST_ID","OutlineItem","as","testId","leftIconTestId","style","className","interpolation","contentClassName","contentInterpolation","iconClassName","iconInterpolation","paddingLeft","givenPaddingLeft","open","active","givenActive","focused","leftContent","leftIcon","leftIconColor","disableChevron","disableIconActive","name","href","content","rightContent","hide","onOpen","noop","onClickArrow","selectedOutlineItemIndex","onChangeOption","onClick","givenOnClick","children","forwardedRef","currentOutlineItemIndex","setCurrentOutlineItemIndex","useState","useEffect","childs","React","Children","toArray","isNil","length","element","isValidElement","props","handleClickItem","useCallback","itemIndex","optionKey","handleClickIcon","event","stopPropagation","context","useOutlineItemContext","handleClickGroup","chevronComponent","useMemo","chevronSource","ChevronSmallDownIcon","ChevronSmallRightIcon","showChevron","createElement","ChevronWrapper","StyledIcon","source","size","IconSize","XS","color","leftComponent","LeftContentWrapper","isIconName","StyledLegacyIcon","S","isBezierIcon","ContentComponent","Fragment","ContentWrapper","Items","map","index","passedContext","Object","assign","OutlineItemContext","Provider","value","GroupItemWrapper","ref","target","rel","forwardRef"],"mappings":"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"}

package/build/src/components/OutlineItem/OutlineItem.styled.d.ts

@@ -19,7 +19,7 @@ export declare const LeftContentWrapper: import("styled-components").StyledCompo
 }, never>;
 interface StyledIconProps extends InterpolationProps, ColorProps {
 }
-export declare const StyledLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/Icon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
+export declare const StyledLegacyIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
     foundation?: import("~/src/foundation").Foundation | undefined;
 } & StyledIconProps & Pick<OutlineItemProps, "active" | "disableIconActive">, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("~/src/components/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>>, import("~/src/foundation").Foundation, {

package/build/src/components/OutlineItem/OutlineItem.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.styled.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,UAAU,EAAE,mCAAkC;AAC5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,+BAA8B;AAQhE,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAA;AAEvD,UAAU,YAAa,SAAQ,kBAAkB;IAC/C,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACxC;AAmBD,eAAO,MAAM,gBAAgB;;wBAkB5B,CAAA;AAED,eAAO,MAAM,cAAc;;SAM1B,CAAA;AAED,eAAO,MAAM,kBAAkB;;SAI9B,CAAA;AAED,UAAU,eAAgB,SAAQ,kBAAkB,EAAE,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB;;oFAO5B,CAAA;AAED,eAAO,MAAM,UAAU;;oFAOtB,CAAA;AAED,eAAO,MAAM,cAAc;;8BAM1B,CAAA"}
+{"version":3,"file":"OutlineItem.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.styled.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,UAAU,EAAE,mCAAkC;AAC5D,OAAO,EAAE,KAAK,kBAAkB,EAAE,+BAA8B;AAMhE,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAA;AAEvD,UAAU,YAAa,SAAQ,kBAAkB;IAC/C,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACxC;AAmBD,eAAO,MAAM,gBAAgB;;wBAkB5B,CAAA;AAED,eAAO,MAAM,cAAc;;SAM1B,CAAA;AAED,eAAO,MAAM,kBAAkB;;SAI9B,CAAA;AAED,UAAU,eAAgB,SAAQ,kBAAkB,EAAE,UAAU;CAAG;AAEnE,eAAO,MAAM,gBAAgB;;oFAO5B,CAAA;AAED,eAAO,MAAM,UAAU;;oFAOtB,CAAA;AAED,eAAO,MAAM,cAAc;;8BAM1B,CAAA"}

package/build/src/components/OutlineItem/OutlineItem.styled.js

@@ -1,7 +1,7 @@
 import { isNil } from '../../utils/typeUtils.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import { Icon } from '../Icon/Icon.js';
 import { css as FoundationCSS, styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
 import { ellipsis } from '../../foundation/Mixins.js';
 
 const FocusedItemStyle = FoundationCSS`

package/build/src/components/OutlineItem/OutlineItem.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.styled.js","sources":["../../../../src/components/OutlineItem/OutlineItem.styled.ts"],"sourcesContent":["import {\n  css,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { type ColorProps } from '~/src/types/ComponentProps'\nimport { type InterpolationProps } from '~/src/types/Foundation'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  LegacyIcon,\n} from '~/src/components/Icon'\n\nimport type OutlineItemProps from './OutlineItem.types'\n\ninterface WrapperProps extends InterpolationProps {\n  active: boolean\n  focused: boolean\n  paddingLeft: number\n  currentOutlineItemIndex?: number | null\n}\n\nconst FocusedItemStyle = css<WrapperProps>`\n  background-color: ${props => (isNil(props.currentOutlineItemIndex) && props.foundation?.theme?.['bg-black-lighter'])};\n`\n\nconst ActiveItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-lightest']};\n`\n\nconst NonActiveItemStyle = css<WrapperProps>`\n  ${({ focused }) => focused && FocusedItemStyle}\n\n  &:hover {\n    ${FocusedItemStyle}\n  }\n`\n\nexport const GroupItemWrapper = styled.div<WrapperProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n  padding: 0 6px;\n  padding-left: ${({ paddingLeft }) => `${paddingLeft}px`};\n  font-size: 14px;\n  font-weight: normal;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: 6px;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'color'])};\n\n  ${({ active }) => (active ? ActiveItemStyle : NonActiveItemStyle)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const ChevronWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 100%;\n`\n\nexport const LeftContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n`\n\ninterface StyledIconProps extends InterpolationProps, ColorProps {}\n\nexport const StyledLegacyIcon = styled(LegacyIcon)<StyledIconProps & Pick<OutlineItemProps, 'active' | 'disableIconActive'>>`\n  color: ${props => {\n    if (!props.disableIconActive && props.active) { return props.foundation?.theme['bgtxt-blue-normal'] }\n    return props.foundation?.theme?.[props.color || 'txt-black-dark']\n  }};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const StyledIcon = styled(Icon)<StyledIconProps & Pick<OutlineItemProps, 'active' | 'disableIconActive'>>`\n  color: ${props => {\n    if (!props.disableIconActive && props.active) { return props.foundation?.theme['bgtxt-blue-normal'] }\n    return props.foundation?.theme?.[props.color || 'txt-black-dark']\n  }};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const ContentWrapper = styled.div<InterpolationProps>`\n  flex: 1;\n\n  ${ellipsis()}\n\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["FocusedItemStyle","css","props","_a","_b","isNil","currentOutlineItemIndex","foundation","theme","ActiveItemStyle","NonActiveItemStyle","focused","GroupItemWrapper","styled","div","paddingLeft","transition","getTransitionsCSS","active","interpolation","ChevronWrapper","LeftContentWrapper","StyledLegacyIcon","LegacyIcon","disableIconActive","_c","color","StyledIcon","Icon","ContentWrapper","ellipsis"],"mappings":"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"}
+{"version":3,"file":"OutlineItem.styled.js","sources":["../../../../src/components/OutlineItem/OutlineItem.styled.ts"],"sourcesContent":["import {\n  css,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { type ColorProps } from '~/src/types/ComponentProps'\nimport { type InterpolationProps } from '~/src/types/Foundation'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\n\nimport type OutlineItemProps from './OutlineItem.types'\n\ninterface WrapperProps extends InterpolationProps {\n  active: boolean\n  focused: boolean\n  paddingLeft: number\n  currentOutlineItemIndex?: number | null\n}\n\nconst FocusedItemStyle = css<WrapperProps>`\n  background-color: ${props => (isNil(props.currentOutlineItemIndex) && props.foundation?.theme?.['bg-black-lighter'])};\n`\n\nconst ActiveItemStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n  background-color: ${({ foundation }) => foundation?.theme?.['bgtxt-blue-lightest']};\n`\n\nconst NonActiveItemStyle = css<WrapperProps>`\n  ${({ focused }) => focused && FocusedItemStyle}\n\n  &:hover {\n    ${FocusedItemStyle}\n  }\n`\n\nexport const GroupItemWrapper = styled.div<WrapperProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n  padding: 0 6px;\n  padding-left: ${({ paddingLeft }) => `${paddingLeft}px`};\n  font-size: 14px;\n  font-weight: normal;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n  text-decoration: none;\n  cursor: pointer;\n  border-radius: 6px;\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['background-color', 'color'])};\n\n  ${({ active }) => (active ? ActiveItemStyle : NonActiveItemStyle)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const ChevronWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 100%;\n`\n\nexport const LeftContentWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n`\n\ninterface StyledIconProps extends InterpolationProps, ColorProps {}\n\nexport const StyledLegacyIcon = styled(LegacyIcon)<StyledIconProps & Pick<OutlineItemProps, 'active' | 'disableIconActive'>>`\n  color: ${props => {\n    if (!props.disableIconActive && props.active) { return props.foundation?.theme['bgtxt-blue-normal'] }\n    return props.foundation?.theme?.[props.color || 'txt-black-dark']\n  }};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const StyledIcon = styled(Icon)<StyledIconProps & Pick<OutlineItemProps, 'active' | 'disableIconActive'>>`\n  color: ${props => {\n    if (!props.disableIconActive && props.active) { return props.foundation?.theme['bgtxt-blue-normal'] }\n    return props.foundation?.theme?.[props.color || 'txt-black-dark']\n  }};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const ContentWrapper = styled.div<InterpolationProps>`\n  flex: 1;\n\n  ${ellipsis()}\n\n  ${({ interpolation }) => interpolation}\n`\n"],"names":["FocusedItemStyle","css","props","_a","_b","isNil","currentOutlineItemIndex","foundation","theme","ActiveItemStyle","NonActiveItemStyle","focused","GroupItemWrapper","styled","div","paddingLeft","transition","getTransitionsCSS","active","interpolation","ChevronWrapper","LeftContentWrapper","StyledLegacyIcon","LegacyIcon","disableIconActive","_c","color","StyledIcon","Icon","ContentWrapper","ellipsis"],"mappings":"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"}

package/build/src/components/OutlineItem/OutlineItem.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { type BezierIcon, type IconName } from '@channel.io/bezier-icons';
 import type { ActivatableProps, AdditionalColorProps, AdditionalStylableProps, AdditionalTestIdProps, BezierComponentProps, ChildrenProps, ContentProps, LinkProps, OptionItemProps, SideContentProps } from "../../types/ComponentProps";
-import { type BezierIcon, type IconName } from "../Icon";
 export declare enum ChevronIconType {
     Normal = "chevron",
     Small = "chevron-small"

package/build/src/components/OutlineItem/OutlineItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,SAAS,EACT,eAAe,EACf,gBAAgB,EACjB,mCAAkC;AAEnC,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,gBAA6B;AAE9B,oBAAY,eAAe;IACzB,MAAM,YAAY;IAClB,KAAK,kBAAkB;CACxB;AAED,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnF;AAED,MAAM,CAAC,OAAO,WAAW,gBAAiB,SACxC,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,uBAAuB,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,EAC5C,oBAAoB,CAAC,UAAU,CAAC,EAChC,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAChC,eAAe,EACf,kBAAkB;CAAG"}
+{"version":3,"file":"OutlineItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,SAAS,EACT,eAAe,EACf,gBAAgB,EACjB,mCAAkC;AAEnC,oBAAY,eAAe;IACzB,MAAM,YAAY;IAClB,KAAK,kBAAkB;CACxB;AAED,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAEtC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnF;AAED,MAAM,CAAC,OAAO,WAAW,gBAAiB,SACxC,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,uBAAuB,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,EAC5C,oBAAoB,CAAC,UAAU,CAAC,EAChC,qBAAqB,CAAC,UAAU,CAAC,EACjC,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAChC,eAAe,EACf,kBAAkB;CAAG"}

package/build/src/components/OutlineItem/OutlineItem.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.types.js","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"sourcesContent":["import type {\n  ActivatableProps,\n  AdditionalColorProps,\n  AdditionalStylableProps,\n  AdditionalTestIdProps,\n  BezierComponentProps,\n  ChildrenProps,\n  ContentProps,\n  LinkProps,\n  OptionItemProps,\n  SideContentProps,\n} from '~/src/types/ComponentProps'\n\nimport {\n  type BezierIcon,\n  type IconName,\n} from '~/src/components/Icon'\n\nexport enum ChevronIconType {\n  Normal = 'chevron',\n  Small = 'chevron-small',\n}\n\ninterface OutlineItemOptions {\n  open?: boolean\n  active?: boolean\n  focused?: boolean\n  leftIcon?: IconName | BezierIcon\n  hide?: boolean\n  disableIconActive?: boolean\n  disableChevron?: boolean\n  paddingLeft?: number\n  name?: string\n  onOpen?: (name?: string) => void\n  onClick?: (e?: React.MouseEvent, name?: string) => void\n  onClickArrow?: (name?: string) => void\n  /* OptionItemHost for Sidebar Menu - nullable selectedOutlineItemIndex */\n  selectedOutlineItemIndex?: number | null\n  onChangeOption?: (name?: string, optionKey?: string, optionIndex?: number) => void\n}\n\nexport default interface OutlineItemProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  LinkProps,\n  ContentProps,\n  SideContentProps,\n  AdditionalStylableProps<['content', 'icon']>,\n  AdditionalColorProps<'leftIcon'>,\n  AdditionalTestIdProps<'leftIcon'>,\n  Pick<ActivatableProps, 'active'>,\n  OptionItemProps,\n  OutlineItemOptions {}\n"],"names":["ChevronIconType"],"mappings":"IAkBYA,gBAGX;AAHD,CAAA,UAAYA,eAAe,EAAA;AACzBA,EAAAA,eAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClBA,EAAAA,eAAA,CAAA,OAAA,CAAA,GAAA,eAAuB,CAAA;AACzB,CAAC,EAHWA,eAAe,KAAfA,eAAe,GAG1B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"OutlineItem.types.js","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"sourcesContent":["import {\n  type BezierIcon,\n  type IconName,\n} from '@channel.io/bezier-icons'\n\nimport type {\n  ActivatableProps,\n  AdditionalColorProps,\n  AdditionalStylableProps,\n  AdditionalTestIdProps,\n  BezierComponentProps,\n  ChildrenProps,\n  ContentProps,\n  LinkProps,\n  OptionItemProps,\n  SideContentProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ChevronIconType {\n  Normal = 'chevron',\n  Small = 'chevron-small',\n}\n\ninterface OutlineItemOptions {\n  open?: boolean\n  active?: boolean\n  focused?: boolean\n  leftIcon?: IconName | BezierIcon\n  hide?: boolean\n  disableIconActive?: boolean\n  disableChevron?: boolean\n  paddingLeft?: number\n  name?: string\n  onOpen?: (name?: string) => void\n  onClick?: (e?: React.MouseEvent, name?: string) => void\n  onClickArrow?: (name?: string) => void\n  /* OptionItemHost for Sidebar Menu - nullable selectedOutlineItemIndex */\n  selectedOutlineItemIndex?: number | null\n  onChangeOption?: (name?: string, optionKey?: string, optionIndex?: number) => void\n}\n\nexport default interface OutlineItemProps extends\n  BezierComponentProps,\n  ChildrenProps,\n  LinkProps,\n  ContentProps,\n  SideContentProps,\n  AdditionalStylableProps<['content', 'icon']>,\n  AdditionalColorProps<'leftIcon'>,\n  AdditionalTestIdProps<'leftIcon'>,\n  Pick<ActivatableProps, 'active'>,\n  OptionItemProps,\n  OutlineItemOptions {}\n"],"names":["ChevronIconType"],"mappings":"IAkBYA,gBAGX;AAHD,CAAA,UAAYA,eAAe,EAAA;AACzBA,EAAAA,eAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClBA,EAAAA,eAAA,CAAA,OAAA,CAAA,GAAA,eAAuB,CAAA;AACzB,CAAC,EAHWA,eAAe,KAAfA,eAAe,GAG1B,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Overlay/Overlay.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useRef, useReducer, useCallback, useLayoutEffect, useMemo, useEffect } from 'react';
+import e__default, { forwardRef, useState, useRef, useReducer, useCallback, useLayoutEffect, useMemo, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import useEventHandler from '../../hooks/useEventHandler.js';
 import useMergeRefs from '../../hooks/useMergeRefs.js';
@@ -125,7 +125,7 @@ function Overlay(_a, forwardedRef) {
   useEventHandler(document, 'click', handleHideOverlay, show, true);
   useEventHandler(document, 'keydown', handleKeydown, show);
   useEventHandler(containerRef.current, 'wheel', handleBlockMouseWheel, show);
-  const Content = useMemo(() => React__default.createElement(Overlay$2, Object.assign({
+  const Content = useMemo(() => e__default.createElement(Overlay$2, Object.assign({
     as: as,
     ref: mergedRef,
     className: className,
@@ -148,13 +148,13 @@ function Overlay(_a, forwardedRef) {
     if (container) {
       return Content;
     }
-    return React__default.createElement(DefaultContainer, {
+    return e__default.createElement(DefaultContainer, {
       ref: containerRef,
       className: containerClassName,
       show: show,
       style: containerStyle,
       "data-testid": containerTestId
-    }, React__default.createElement(DefaultWrapper, {
+    }, e__default.createElement(DefaultWrapper, {
       "data-testid": wrapperTestId
     }, Content));
   }, [container, containerClassName, show, containerStyle, containerTestId, wrapperTestId, Content]);

package/build/src/components/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport {\n  document,\n  getRootElement,\n  window,\n} from '~/src/utils/domUtils'\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type OverlayProps from './Overlay.types'\nimport {\n  type ContainerRectAttr,\n  type TargetRectAttr,\n} from './Overlay.types'\nimport { OverlayPosition } from './Overlay.types'\n\nimport * as Styled from './Overlay.styled'\n\nexport const CONTAINER_TEST_ID = 'bezier-react-container'\nexport const WRAPPER_TEST_ID = 'bezier-react-wrapper'\nexport const OVERLAY_TEST_ID = 'bezier-react-overlay'\nexport const ESCAPE_KEY = 'Escape'\n\nfunction Overlay(\n  {\n    as,\n    containerTestId = CONTAINER_TEST_ID,\n    wrapperTestId = WRAPPER_TEST_ID,\n    testId = OVERLAY_TEST_ID,\n    show = false,\n    className = '',\n    style,\n    containerClassName = '',\n    containerStyle,\n    container,\n    target,\n    position = OverlayPosition.LeftCenter,\n    marginX = 0,\n    marginY = 0,\n    keepInContainer = false,\n    withTransition = false,\n    enableClickOutside = false,\n    children,\n    onHide = noop,\n    onTransitionEnd = noop,\n    ...rest\n  }: OverlayProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  // NOTE: DOM render 가 필요한지 여부를 결정하는 state\n  const [shouldRender, setShouldRender] = useState(false)\n  // NOTE: 화면에 실제 표현해야 하는지 여부를 결정하는 state\n  const [shouldShow, setShouldShow] = useState(false)\n  const containerRect = useRef<ContainerRectAttr | null>(null)\n  const targetRect = useRef<TargetRectAttr | null>(null)\n\n  const [dummy, forceUpdate] = useReducer(x => !x, true)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(overlayRef, forwardedRef)\n\n  const handleOverlayForceUpdate = useCallback(() => {\n    forceUpdate()\n  }, [])\n\n  const handleContainerRect = useCallback(() => {\n    const containerElement = container || getRootElement()\n\n    const {\n      width: containerWidth,\n      height: containerHeight,\n      top: containerTop,\n      left: containerLeft,\n    } = containerElement.getBoundingClientRect()\n\n    containerRect.current = {\n      containerWidth,\n      containerHeight,\n      containerTop,\n      containerLeft,\n      scrollTop: container ? container.scrollTop : 0,\n      scrollLeft: container ? container.scrollLeft : 0,\n    }\n  }, [container])\n\n  useLayoutEffect(function initContainerRect() {\n    if (show) {\n      handleContainerRect()\n    }\n  }, [\n    show,\n    handleContainerRect,\n  ])\n\n  const handleTargetRect = useCallback(() => {\n    if (!target) {\n      return\n    }\n    const {\n      width: targetWidth,\n      height: targetHeight,\n      top: targetTop,\n      left: targetLeft,\n    } = target.getBoundingClientRect()\n    const { clientTop, clientLeft } = target\n\n    targetRect.current = {\n      targetWidth,\n      targetHeight,\n      targetTop,\n      targetLeft,\n      clientTop,\n      clientLeft,\n    }\n  }, [target])\n\n  useLayoutEffect(function initTargetRect() {\n    if (show) {\n      handleTargetRect()\n    }\n  }, [\n    show,\n    handleTargetRect,\n  ])\n\n  const handleTransitionEnd = useCallback<React.TransitionEventHandler<HTMLDivElement>>((event) => {\n    onTransitionEnd(event)\n    if (!show) {\n      setShouldRender(false)\n    }\n  }, [\n    show,\n    onTransitionEnd,\n  ])\n\n  const handleBlockMouseWheel = useCallback((event: HTMLElementEventMap['wheel']) => {\n    event.stopPropagation()\n  }, [])\n\n  const handleHideOverlay = useCallback((event: any) => {\n    if (!event.target?.closest(Styled.Overlay)) {\n      onHide()\n\n      if (!enableClickOutside) {\n        event.stopPropagation()\n      }\n    }\n  }, [\n    enableClickOutside,\n    onHide,\n  ])\n\n  const handleKeydown = useCallback((event: HTMLElementEventMap['keyup']) => {\n    if (event.key === ESCAPE_KEY) {\n      onHide()\n    }\n  }, [onHide])\n\n  useEventHandler(document, 'click', handleHideOverlay, show, true)\n  useEventHandler(document, 'keydown', handleKeydown, show)\n  useEventHandler(containerRef.current, 'wheel', handleBlockMouseWheel, show)\n\n  const Content = useMemo(() => (\n    <Styled.Overlay\n      as={as}\n      ref={mergedRef}\n      className={className}\n      show={shouldShow}\n      withTransition={withTransition}\n      style={style}\n      data-testid={testId}\n      containerRect={containerRect.current}\n      targetRect={targetRect.current}\n      overlay={overlayRef.current}\n      position={position}\n      marginX={marginX}\n      marginY={marginY}\n      keepInContainer={keepInContainer}\n      onTransitionEnd={handleTransitionEnd}\n      {...rest}\n    >\n      { children }\n    </Styled.Overlay>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [\n    as,\n    children,\n    className,\n    containerRect,\n    handleTransitionEnd,\n    keepInContainer,\n    marginX,\n    marginY,\n    mergedRef,\n    position,\n    shouldShow,\n    style,\n    targetRect,\n    testId,\n    withTransition,\n    dummy,\n  ])\n\n  const overlay = useMemo(() => {\n    if (container) {\n      return Content\n    }\n\n    return (\n      <Styled.DefaultContainer\n        ref={containerRef}\n        className={containerClassName}\n        show={show}\n        style={containerStyle}\n        data-testid={containerTestId}\n      >\n        <Styled.DefaultWrapper data-testid={wrapperTestId}>\n          { Content }\n        </Styled.DefaultWrapper>\n      </Styled.DefaultContainer>\n    )\n  }, [\n    container,\n    containerClassName,\n    show,\n    containerStyle,\n    containerTestId,\n    wrapperTestId,\n    Content,\n  ])\n\n  useEffect(() => {\n    handleOverlayForceUpdate()\n  }, [\n    children,\n    handleOverlayForceUpdate,\n  ])\n\n  /**\n   * Case 1: show === true\n   * show -> shouldRender -> shouldShow\n   * shouldRender 를 true 로 설정하고, 직후에 shouldShow 를 true 로 설정하여 transition 유발\n   *\n   * Case 2: show === false\n   * show -> shouldShow -> (...) -> shouldRender\n   * shouldShow 를 false 로 설정하고, shouldRender 는 transition 필요 여부에 따라 다르게 결정함\n   *    Case 2-1: withTransition === true\n   *    shouldShow -> onTransitionEnd -> shouldRender\n   *    onTransitionEnd handler 를 이용해 transition 이 끝난 다음 shouldRender 를 false 로 설정\n   *    Case 2-2: withTransition === false\n   *    shouldShow && shouldRender\n   *    transition 을 기다릴 필요가 없으므로 바로 shouldRender 를 false 로 설정\n   */\n  useEffect(() => {\n    if (show) {\n      if (shouldRender) {\n        window.requestAnimationFrame(() => setShouldShow(true))\n      } else {\n        window.requestAnimationFrame(() => setShouldRender(true))\n      }\n    }\n\n    if (!show) {\n      window.requestAnimationFrame(() => setShouldShow(false))\n\n      if (!withTransition) {\n        window.requestAnimationFrame(() => setShouldRender(false))\n      }\n    }\n  }, [\n    show,\n    withTransition,\n    shouldRender,\n    shouldShow,\n  ])\n\n  if (!shouldRender) { return null }\n\n  return ReactDOM.createPortal(\n    overlay,\n    container || getRootElement(),\n  )\n}\n\nexport default forwardRef(Overlay)\n"],"names":["CONTAINER_TEST_ID","WRAPPER_TEST_ID","OVERLAY_TEST_ID","ESCAPE_KEY","Overlay","_a","forwardedRef","as","containerTestId","wrapperTestId","testId","show","className","style","containerClassName","containerStyle","container","target","position","OverlayPosition","LeftCenter","marginX","marginY","keepInContainer","withTransition","enableClickOutside","children","onHide","noop","onTransitionEnd","rest","__rest","shouldRender","setShouldRender","useState","shouldShow","setShouldShow","containerRect","useRef","targetRect","dummy","forceUpdate","useReducer","x","containerRef","overlayRef","mergedRef","useMergeRefs","handleOverlayForceUpdate","useCallback","handleContainerRect","containerElement","getRootElement","width","containerWidth","height","containerHeight","top","containerTop","left","containerLeft","getBoundingClientRect","current","scrollTop","scrollLeft","useLayoutEffect","initContainerRect","handleTargetRect","targetWidth","targetHeight","targetTop","targetLeft","clientTop","clientLeft","initTargetRect","handleTransitionEnd","event","handleBlockMouseWheel","stopPropagation","handleHideOverlay","closest","Styled","handleKeydown","key","useEventHandler","document","Content","useMemo","React","createElement","Object","assign","ref","overlay","useEffect","window","requestAnimationFrame","ReactDOM","createPortal","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\n\nimport ReactDOM from 'react-dom'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport {\n  document,\n  getRootElement,\n  window,\n} from '~/src/utils/domUtils'\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type OverlayProps from './Overlay.types'\nimport {\n  type ContainerRectAttr,\n  type TargetRectAttr,\n} from './Overlay.types'\nimport { OverlayPosition } from './Overlay.types'\n\nimport * as Styled from './Overlay.styled'\n\nexport const CONTAINER_TEST_ID = 'bezier-react-container'\nexport const WRAPPER_TEST_ID = 'bezier-react-wrapper'\nexport const OVERLAY_TEST_ID = 'bezier-react-overlay'\nexport const ESCAPE_KEY = 'Escape'\n\nfunction Overlay(\n  {\n    as,\n    containerTestId = CONTAINER_TEST_ID,\n    wrapperTestId = WRAPPER_TEST_ID,\n    testId = OVERLAY_TEST_ID,\n    show = false,\n    className = '',\n    style,\n    containerClassName = '',\n    containerStyle,\n    container,\n    target,\n    position = OverlayPosition.LeftCenter,\n    marginX = 0,\n    marginY = 0,\n    keepInContainer = false,\n    withTransition = false,\n    enableClickOutside = false,\n    children,\n    onHide = noop,\n    onTransitionEnd = noop,\n    ...rest\n  }: OverlayProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  // NOTE: DOM render 가 필요한지 여부를 결정하는 state\n  const [shouldRender, setShouldRender] = useState(false)\n  // NOTE: 화면에 실제 표현해야 하는지 여부를 결정하는 state\n  const [shouldShow, setShouldShow] = useState(false)\n  const containerRect = useRef<ContainerRectAttr | null>(null)\n  const targetRect = useRef<TargetRectAttr | null>(null)\n\n  const [dummy, forceUpdate] = useReducer(x => !x, true)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const mergedRef = useMergeRefs<HTMLDivElement>(overlayRef, forwardedRef)\n\n  const handleOverlayForceUpdate = useCallback(() => {\n    forceUpdate()\n  }, [])\n\n  const handleContainerRect = useCallback(() => {\n    const containerElement = container || getRootElement()\n\n    const {\n      width: containerWidth,\n      height: containerHeight,\n      top: containerTop,\n      left: containerLeft,\n    } = containerElement.getBoundingClientRect()\n\n    containerRect.current = {\n      containerWidth,\n      containerHeight,\n      containerTop,\n      containerLeft,\n      scrollTop: container ? container.scrollTop : 0,\n      scrollLeft: container ? container.scrollLeft : 0,\n    }\n  }, [container])\n\n  useLayoutEffect(function initContainerRect() {\n    if (show) {\n      handleContainerRect()\n    }\n  }, [\n    show,\n    handleContainerRect,\n  ])\n\n  const handleTargetRect = useCallback(() => {\n    if (!target) {\n      return\n    }\n    const {\n      width: targetWidth,\n      height: targetHeight,\n      top: targetTop,\n      left: targetLeft,\n    } = target.getBoundingClientRect()\n    const { clientTop, clientLeft } = target\n\n    targetRect.current = {\n      targetWidth,\n      targetHeight,\n      targetTop,\n      targetLeft,\n      clientTop,\n      clientLeft,\n    }\n  }, [target])\n\n  useLayoutEffect(function initTargetRect() {\n    if (show) {\n      handleTargetRect()\n    }\n  }, [\n    show,\n    handleTargetRect,\n  ])\n\n  const handleTransitionEnd = useCallback<React.TransitionEventHandler<HTMLDivElement>>((event) => {\n    onTransitionEnd(event)\n    if (!show) {\n      setShouldRender(false)\n    }\n  }, [\n    show,\n    onTransitionEnd,\n  ])\n\n  const handleBlockMouseWheel = useCallback((event: HTMLElementEventMap['wheel']) => {\n    event.stopPropagation()\n  }, [])\n\n  const handleHideOverlay = useCallback((event: any) => {\n    if (!event.target?.closest(Styled.Overlay)) {\n      onHide()\n\n      if (!enableClickOutside) {\n        event.stopPropagation()\n      }\n    }\n  }, [\n    enableClickOutside,\n    onHide,\n  ])\n\n  const handleKeydown = useCallback((event: HTMLElementEventMap['keyup']) => {\n    if (event.key === ESCAPE_KEY) {\n      onHide()\n    }\n  }, [onHide])\n\n  useEventHandler(document, 'click', handleHideOverlay, show, true)\n  useEventHandler(document, 'keydown', handleKeydown, show)\n  useEventHandler(containerRef.current, 'wheel', handleBlockMouseWheel, show)\n\n  const Content = useMemo(() => (\n    <Styled.Overlay\n      as={as}\n      ref={mergedRef}\n      className={className}\n      show={shouldShow}\n      withTransition={withTransition}\n      style={style}\n      data-testid={testId}\n      containerRect={containerRect.current}\n      targetRect={targetRect.current}\n      overlay={overlayRef.current}\n      position={position}\n      marginX={marginX}\n      marginY={marginY}\n      keepInContainer={keepInContainer}\n      onTransitionEnd={handleTransitionEnd}\n      {...rest}\n    >\n      { children }\n    </Styled.Overlay>\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [\n    as,\n    children,\n    className,\n    containerRect,\n    handleTransitionEnd,\n    keepInContainer,\n    marginX,\n    marginY,\n    mergedRef,\n    position,\n    shouldShow,\n    style,\n    targetRect,\n    testId,\n    withTransition,\n    dummy,\n  ])\n\n  const overlay = useMemo(() => {\n    if (container) {\n      return Content\n    }\n\n    return (\n      <Styled.DefaultContainer\n        ref={containerRef}\n        className={containerClassName}\n        show={show}\n        style={containerStyle}\n        data-testid={containerTestId}\n      >\n        <Styled.DefaultWrapper data-testid={wrapperTestId}>\n          { Content }\n        </Styled.DefaultWrapper>\n      </Styled.DefaultContainer>\n    )\n  }, [\n    container,\n    containerClassName,\n    show,\n    containerStyle,\n    containerTestId,\n    wrapperTestId,\n    Content,\n  ])\n\n  useEffect(() => {\n    handleOverlayForceUpdate()\n  }, [\n    children,\n    handleOverlayForceUpdate,\n  ])\n\n  /**\n   * Case 1: show === true\n   * show -> shouldRender -> shouldShow\n   * shouldRender 를 true 로 설정하고, 직후에 shouldShow 를 true 로 설정하여 transition 유발\n   *\n   * Case 2: show === false\n   * show -> shouldShow -> (...) -> shouldRender\n   * shouldShow 를 false 로 설정하고, shouldRender 는 transition 필요 여부에 따라 다르게 결정함\n   *    Case 2-1: withTransition === true\n   *    shouldShow -> onTransitionEnd -> shouldRender\n   *    onTransitionEnd handler 를 이용해 transition 이 끝난 다음 shouldRender 를 false 로 설정\n   *    Case 2-2: withTransition === false\n   *    shouldShow && shouldRender\n   *    transition 을 기다릴 필요가 없으므로 바로 shouldRender 를 false 로 설정\n   */\n  useEffect(() => {\n    if (show) {\n      if (shouldRender) {\n        window.requestAnimationFrame(() => setShouldShow(true))\n      } else {\n        window.requestAnimationFrame(() => setShouldRender(true))\n      }\n    }\n\n    if (!show) {\n      window.requestAnimationFrame(() => setShouldShow(false))\n\n      if (!withTransition) {\n        window.requestAnimationFrame(() => setShouldRender(false))\n      }\n    }\n  }, [\n    show,\n    withTransition,\n    shouldRender,\n    shouldShow,\n  ])\n\n  if (!shouldRender) { return null }\n\n  return ReactDOM.createPortal(\n    overlay,\n    container || getRootElement(),\n  )\n}\n\nexport default forwardRef(Overlay)\n"],"names":["CONTAINER_TEST_ID","WRAPPER_TEST_ID","OVERLAY_TEST_ID","ESCAPE_KEY","Overlay","_a","forwardedRef","as","containerTestId","wrapperTestId","testId","show","className","style","containerClassName","containerStyle","container","target","position","OverlayPosition","LeftCenter","marginX","marginY","keepInContainer","withTransition","enableClickOutside","children","onHide","noop","onTransitionEnd","rest","__rest","shouldRender","setShouldRender","useState","shouldShow","setShouldShow","containerRect","useRef","targetRect","dummy","forceUpdate","useReducer","x","containerRef","overlayRef","mergedRef","useMergeRefs","handleOverlayForceUpdate","useCallback","handleContainerRect","containerElement","getRootElement","width","containerWidth","height","containerHeight","top","containerTop","left","containerLeft","getBoundingClientRect","current","scrollTop","scrollLeft","useLayoutEffect","initContainerRect","handleTargetRect","targetWidth","targetHeight","targetTop","targetLeft","clientTop","clientLeft","initTargetRect","handleTransitionEnd","event","handleBlockMouseWheel","stopPropagation","handleHideOverlay","closest","Styled","handleKeydown","key","useEventHandler","document","Content","useMemo","React","createElement","Object","assign","ref","overlay","useEffect","window","requestAnimationFrame","ReactDOM","createPortal","forwardRef"],"mappings":"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"}

package/build/src/components/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { memo, forwardRef } from 'react';
+import e__default, { memo, forwardRef } from 'react';
 import { clamp } from '../../utils/numberUtils.js';
 import { ProgressBarSize, ProgressBarVariant } from './ProgressBar.types.js';
 import { StyledProgressBarWrapper, StyledProgressBarActive } from './ProgressBar.styled.js';
@@ -18,7 +18,7 @@ const ProgressBar = memo(forwardRef(function ProgressBar(_a, forwardedRef) {
     } = _a,
     rest = __rest(_a, ["size", "variant", "width", "value", "activeClassName", "activeInterpolation", "activeStyle", "activeTestId"]);
   const clampedValue = clamp(value, 0, 1);
-  return React__default.createElement(StyledProgressBarWrapper, Object.assign({
+  return e__default.createElement(StyledProgressBarWrapper, Object.assign({
     ref: forwardedRef,
     size: size,
     width: width,
@@ -26,7 +26,7 @@ const ProgressBar = memo(forwardRef(function ProgressBar(_a, forwardedRef) {
     "aria-valuemin": "0",
     "aria-valuemax": "1",
     "aria-valuenow": clampedValue
-  }, rest), React__default.createElement(StyledProgressBarActive, {
+  }, rest), e__default.createElement(StyledProgressBarActive, {
     variant: variant,
     value: clampedValue,
     className: activeClassName,

package/build/src/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n} from 'react'\n\nimport { clamp } from '~/src/utils/numberUtils'\n\nimport type ProgressBarProps from './ProgressBar.types'\nimport {\n  ProgressBarSize,\n  ProgressBarVariant,\n} from './ProgressBar.types'\n\nimport {\n  StyledProgressBarActive,\n  StyledProgressBarWrapper,\n} from './ProgressBar.styled'\n\nexport const PROGRESS_BAR_ACTIVE_TEST_ID = 'bezier-react-progress-bar-active'\n\nexport const ProgressBar = memo(forwardRef(function ProgressBar(\n  {\n    size = ProgressBarSize.M,\n    variant = ProgressBarVariant.Green,\n    width = 36,\n    value = 0,\n    activeClassName,\n    activeInterpolation,\n    activeStyle,\n    activeTestId = PROGRESS_BAR_ACTIVE_TEST_ID,\n    ...rest\n  }: ProgressBarProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const clampedValue = clamp(value, 0, 1)\n\n  return (\n    <StyledProgressBarWrapper\n      ref={forwardedRef}\n      size={size}\n      width={width}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"1\"\n      aria-valuenow={clampedValue}\n      {...rest}\n    >\n      <StyledProgressBarActive\n        variant={variant}\n        value={clampedValue}\n        className={activeClassName}\n        interpolation={activeInterpolation}\n        style={activeStyle}\n        data-testid={activeTestId}\n      />\n    </StyledProgressBarWrapper>\n  )\n}))\n"],"names":["PROGRESS_BAR_ACTIVE_TEST_ID","ProgressBar","memo","forwardRef","_a","forwardedRef","size","ProgressBarSize","M","variant","ProgressBarVariant","Green","width","value","activeClassName","activeInterpolation","activeStyle","activeTestId","rest","__rest","clampedValue","clamp","React","createElement","StyledProgressBarWrapper","Object","assign","ref","role","StyledProgressBarActive","className","interpolation","style"],"mappings":";;;;;;AAmBO,MAAMA,2BAA2B,GAAG,mCAAkC;AAEhEC,MAAAA,WAAW,GAAGC,IAAI,CAACC,UAAU,CAAC,SAASF,WAAW,CAC7DG,EAUmB,EACnBC,YAAiC,EAAA;EAXjC,IAAA;MACEC,IAAI,GAAGC,eAAe,CAACC,CAAC;MACxBC,OAAO,GAAGC,kBAAkB,CAACC,KAAK;AAClCC,MAAAA,KAAK,GAAG,EAAE;AACVC,MAAAA,KAAK,GAAG,CAAC;MACTC,eAAe;MACfC,mBAAmB;MACnBC,WAAW;AACXC,MAAAA,YAAY,GAAGjB,2BAAAA;AAEE,KAAA,GAAAI,EAAA;IADdc,IAAI,GAAAC,MAAA,CAAAf,EAAA,EATT,8GAUC,CADQ,CAAA;EAIT,MAAMgB,YAAY,GAAGC,KAAK,CAACR,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;EAEvC,OACES,cAAC,CAAAC,aAAA,CAAAC,wBAAwB,EACvBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAEtB,YAAY;AACjBC,IAAAA,IAAI,EAAEA,IAAI;AACVM,IAAAA,KAAK,EAAEA,KAAK;AACZgB,IAAAA,IAAI,EAAC,aAAa;AAAA,IAAA,eAAA,EACJ,GAAG;AAAA,IAAA,eAAA,EACH,GAAG;AAAA,IAAA,eAAA,EACFR,YAAAA;GAAY,EACvBF,IAAI,CAAA,EAERI,cAAC,CAAAC,aAAA,CAAAM,uBAAuB,EACtB;AAAApB,IAAAA,OAAO,EAAEA,OAAO;AAChBI,IAAAA,KAAK,EAAEO,YAAY;AACnBU,IAAAA,SAAS,EAAEhB,eAAe;AAC1BiB,IAAAA,aAAa,EAAEhB,mBAAmB;AAClCiB,IAAAA,KAAK,EAAEhB,WAAW;AAAA,IAAA,aAAA,EACLC,YAAAA;AAAY,GAAA,CACzB,CACuB,CAAA;AAE/B,CAAC,CAAC;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n} from 'react'\n\nimport { clamp } from '~/src/utils/numberUtils'\n\nimport type ProgressBarProps from './ProgressBar.types'\nimport {\n  ProgressBarSize,\n  ProgressBarVariant,\n} from './ProgressBar.types'\n\nimport {\n  StyledProgressBarActive,\n  StyledProgressBarWrapper,\n} from './ProgressBar.styled'\n\nexport const PROGRESS_BAR_ACTIVE_TEST_ID = 'bezier-react-progress-bar-active'\n\nexport const ProgressBar = memo(forwardRef(function ProgressBar(\n  {\n    size = ProgressBarSize.M,\n    variant = ProgressBarVariant.Green,\n    width = 36,\n    value = 0,\n    activeClassName,\n    activeInterpolation,\n    activeStyle,\n    activeTestId = PROGRESS_BAR_ACTIVE_TEST_ID,\n    ...rest\n  }: ProgressBarProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const clampedValue = clamp(value, 0, 1)\n\n  return (\n    <StyledProgressBarWrapper\n      ref={forwardedRef}\n      size={size}\n      width={width}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"1\"\n      aria-valuenow={clampedValue}\n      {...rest}\n    >\n      <StyledProgressBarActive\n        variant={variant}\n        value={clampedValue}\n        className={activeClassName}\n        interpolation={activeInterpolation}\n        style={activeStyle}\n        data-testid={activeTestId}\n      />\n    </StyledProgressBarWrapper>\n  )\n}))\n"],"names":["PROGRESS_BAR_ACTIVE_TEST_ID","ProgressBar","memo","forwardRef","_a","forwardedRef","size","ProgressBarSize","M","variant","ProgressBarVariant","Green","width","value","activeClassName","activeInterpolation","activeStyle","activeTestId","rest","__rest","clampedValue","clamp","React","createElement","StyledProgressBarWrapper","Object","assign","ref","role","StyledProgressBarActive","className","interpolation","style"],"mappings":";;;;;;AAmBO,MAAMA,2BAA2B,GAAG,mCAAkC;AAEhEC,MAAAA,WAAW,GAAGC,IAAI,CAACC,UAAU,CAAC,SAASF,WAAW,CAC7DG,EAUmB,EACnBC,YAAiC,EAAA;EAXjC,IAAA;MACEC,IAAI,GAAGC,eAAe,CAACC,CAAC;MACxBC,OAAO,GAAGC,kBAAkB,CAACC,KAAK;AAClCC,MAAAA,KAAK,GAAG,EAAE;AACVC,MAAAA,KAAK,GAAG,CAAC;MACTC,eAAe;MACfC,mBAAmB;MACnBC,WAAW;AACXC,MAAAA,YAAY,GAAGjB,2BAAAA;AAEE,KAAA,GAAAI,EAAA;IADdc,IAAI,GAAAC,MAAA,CAAAf,EAAA,EATT,8GAUC,CADQ,CAAA;EAIT,MAAMgB,YAAY,GAAGC,KAAK,CAACR,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;EAEvC,OACES,UAAC,CAAAC,aAAA,CAAAC,wBAAwB,EACvBC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAEtB,YAAY;AACjBC,IAAAA,IAAI,EAAEA,IAAI;AACVM,IAAAA,KAAK,EAAEA,KAAK;AACZgB,IAAAA,IAAI,EAAC,aAAa;AAAA,IAAA,eAAA,EACJ,GAAG;AAAA,IAAA,eAAA,EACH,GAAG;AAAA,IAAA,eAAA,EACFR,YAAAA;GAAY,EACvBF,IAAI,CAAA,EAERI,UAAC,CAAAC,aAAA,CAAAM,uBAAuB,EACtB;AAAApB,IAAAA,OAAO,EAAEA,OAAO;AAChBI,IAAAA,KAAK,EAAEO,YAAY;AACnBU,IAAAA,SAAS,EAAEhB,eAAe;AAC1BiB,IAAAA,aAAa,EAAEhB,mBAAmB;AAClCiB,IAAAA,KAAK,EAAEhB,WAAW;AAAA,IAAA,aAAA,EACLC,YAAAA;AAAY,GAAA,CACzB,CACuB,CAAA;AAE/B,CAAC,CAAC;;;;"}

package/build/src/components/SectionLabel/SectionLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"names":[],"mappings":";AA+BA,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AAIzD,eAAO,MAAM,qBAAqB,+BAA+B,CAAA;AACjE,eAAO,MAAM,6BAA6B,uCAAuC,CAAA;AACjF,eAAO,MAAM,kCAAkC,4CAA4C,CAAA;AAC3F,eAAO,MAAM,mCAAmC,6CAA6C,CAAA;AAC7F,eAAO,MAAM,kCAAkC,4CAA4C,CAAA;AAyC3F,iBAAS,YAAY,CAAC,EACpB,OAAO,EAAE,YAAY,EACrB,IAAW,EACX,OAAe,EACf,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,EAC3B,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,iBAAiB,eAsHnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"names":[],"mappings":";AA6BA,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAA;AAIzD,eAAO,MAAM,qBAAqB,+BAA+B,CAAA;AACjE,eAAO,MAAM,6BAA6B,uCAAuC,CAAA;AACjF,eAAO,MAAM,kCAAkC,4CAA4C,CAAA;AAC3F,eAAO,MAAM,mCAAmC,6CAA6C,CAAA;AAC7F,eAAO,MAAM,kCAAkC,4CAA4C,CAAA;AAyC3F,iBAAS,YAAY,CAAC,EACpB,OAAO,EAAE,YAAY,EACrB,IAAW,EACX,OAAe,EACf,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,EACvB,2BAA2B,EAC3B,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,iBAAiB,eAsHnB;AAED,eAAe,YAAY,CAAA"}

package/build/src/components/SectionLabel/SectionLabel.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { useMemo, useCallback } from 'react';
+import e__default, { useMemo, useCallback } from 'react';
 import { isString, isNumber, isNil, isEmpty, isArray } from '../../utils/typeUtils.js';
 import { Button } from '../Button/Button.js';
 import { ButtonSize, ButtonStyleVariant, ButtonColorVariant } from '../Button/Button.types.js';
@@ -7,9 +7,9 @@ import Tooltip from '../Tooltip/Tooltip.js';
 import Styled from './SectionLabel.styled.js';
 import { IconSize } from '../Icon/Icon.types.js';
 import v4 from '../../../node_modules/uuid/dist/esm-browser/v4.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import Divider from '../Divider/Divider.js';
 import { Typography } from '../../foundation/Typography.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
 
 const SECTION_LABEL_TEST_ID = 'bezier-react-section-label';
 const SECTION_LABEL_TEST_CONTENT_ID = 'bezier-react-section-label-content';
@@ -18,7 +18,7 @@ const SECTION_LABEL_TEST_RIGHT_CONTENT_ID = 'bezier-react-section-label-right-co
 const SECTION_LABEL_TEST_HELP_CONTENT_ID = 'bezier-react-section-label-help-content';
 function renderSectionLabelActionItem(props, key) {
   if (!('icon' in props)) {
-    return React__default.cloneElement(props, {
+    return e__default.cloneElement(props, {
       key
     });
   }
@@ -32,17 +32,17 @@ function renderSectionLabelActionItem(props, key) {
      * NOTE: backward compatibility를 위해 iconColor attribute를 지원하지만,
      * iconColor를 사용할 경우 ButtonColorVariant와 일치하지 않기 때문에 Icon을 사용합니다.
      */
-    return React__default.createElement(Styled.RightItemWrapper, {
+    return e__default.createElement(Styled.RightItemWrapper, {
       key: key,
       clickable: !isNil(onClick),
       onClick: onClick
-    }, React__default.createElement(LegacyIcon, {
+    }, e__default.createElement(LegacyIcon, {
       name: icon,
       size: IconSize.XS,
       color: iconColor
     }));
   }
-  return React__default.createElement(Button, {
+  return e__default.createElement(Button, {
     key: key,
     size: ButtonSize.XS,
     styleVariant: ButtonStyleVariant.Tertiary,
@@ -71,17 +71,17 @@ function SectionLabel(_a) {
       rightWrapperInterpolation
     } = _a,
     props = __rest(_a, ["content", "open", "divider", "help", "leftContent", "rightContent", "onClick", "children", "wrapperClassName", "wrapperInterpolation", "contentWrapperClassName", "contentWrapperInterpolation", "leftWrapperClassName", "leftWrapperInterpolation", "rightWrapperClassName", "rightWrapperInterpolation"]);
-  const content = useMemo(() => React__default.createElement(Styled.ContentWrapper, {
+  const content = useMemo(() => e__default.createElement(Styled.ContentWrapper, {
     className: contentWrapperClassName,
     interpolation: contentWrapperInterpolation,
     "data-testid": SECTION_LABEL_TEST_CONTENT_ID
-  }, isString(givenContent) || isNumber(givenContent) ? React__default.createElement(Styled.ContentText, {
+  }, isString(givenContent) || isNumber(givenContent) ? e__default.createElement(Styled.ContentText, {
     bold: true,
     typo: Typography.Size13
   }, givenContent) : givenContent), [givenContent, contentWrapperClassName, contentWrapperInterpolation]);
   const renderLeftItem = useCallback(item => {
     var _a;
-    return 'icon' in item ? React__default.createElement(Styled.LeftIcon, {
+    return 'icon' in item ? e__default.createElement(Styled.LeftIcon, {
       name: item.icon,
       size: IconSize.S,
       color: (_a = item.iconColor) !== null && _a !== void 0 ? _a : 'txt-black-dark',
@@ -95,7 +95,7 @@ function SectionLabel(_a) {
     }
     const item = renderLeftItem(leftContent);
     const show = !isNil(item);
-    return show && React__default.createElement(Styled.LeftContentWrapper, {
+    return show && e__default.createElement(Styled.LeftContentWrapper, {
       className: leftWrapperClassName,
       interpolation: leftWrapperInterpolation,
       "data-testid": SECTION_LABEL_TEST_LEFT_CONTENT_ID
@@ -106,7 +106,7 @@ function SectionLabel(_a) {
       return null;
     }
     const items = isArray(rightContent) ? rightContent.map(item => renderSectionLabelActionItem(item, v4())) : renderSectionLabelActionItem(rightContent);
-    return React__default.createElement(Styled.RightContentWrapper, {
+    return e__default.createElement(Styled.RightContentWrapper, {
       className: rightWrapperClassName,
       interpolation: rightWrapperInterpolation,
       "data-testid": SECTION_LABEL_TEST_RIGHT_CONTENT_ID
@@ -114,27 +114,27 @@ function SectionLabel(_a) {
   }, [rightContent, rightWrapperClassName, rightWrapperInterpolation]);
   const helpContent = useMemo(() => {
     var _a, _b;
-    return !isNil(help) && React__default.createElement(Tooltip, {
+    return !isNil(help) && e__default.createElement(Tooltip, {
       content: help.tooltipContent,
       allowHover: true
-    }, React__default.createElement(Styled.HelpIconWrapper, {
+    }, e__default.createElement(Styled.HelpIconWrapper, {
       "data-testid": SECTION_LABEL_TEST_HELP_CONTENT_ID
-    }, React__default.createElement(LegacyIcon, {
+    }, e__default.createElement(LegacyIcon, {
       name: (_a = help.icon) !== null && _a !== void 0 ? _a : 'help-filled',
       size: IconSize.XS,
       color: (_b = help.iconColor) !== null && _b !== void 0 ? _b : 'txt-black-dark'
     })));
   }, [help]);
-  return React__default.createElement("div", {
+  return e__default.createElement("div", {
     "data-testid": SECTION_LABEL_TEST_ID
-  }, divider && React__default.createElement(Divider, {
+  }, divider && e__default.createElement(Divider, {
     orientation: "horizontal"
-  }), React__default.createElement(Styled.Wrapper, Object.assign({
+  }), e__default.createElement(Styled.Wrapper, Object.assign({
     className: wrapperClassName,
     clickable: !isNil(onClick),
     onClick: onClick,
     interpolation: wrapperInterpolation
-  }, props), leftComponent, content, helpContent, rightComponent), children && React__default.createElement(Styled.ChildrenWrapper, {
+  }, props), leftComponent, content, helpContent, rightComponent), children && e__default.createElement(Styled.ChildrenWrapper, {
     show: open
   }, children));
 }

package/build/src/components/SectionLabel/SectionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport {\n  Button,\n  ButtonColorVariant,\n  ButtonSize,\n  ButtonStyleVariant,\n} from '~/src/components/Button'\nimport { Divider } from '~/src/components/Divider'\nimport {\n  IconSize,\n  LegacyIcon,\n} from '~/src/components/Icon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport { type SectionLabelItemProps } from './SectionLabel.types'\nimport type SectionLabelProps from './SectionLabel.types'\n\nimport Styled from './SectionLabel.styled'\n\nexport const SECTION_LABEL_TEST_ID = 'bezier-react-section-label'\nexport const SECTION_LABEL_TEST_CONTENT_ID = 'bezier-react-section-label-content'\nexport const SECTION_LABEL_TEST_LEFT_CONTENT_ID = 'bezier-react-section-label-left-content'\nexport const SECTION_LABEL_TEST_RIGHT_CONTENT_ID = 'bezier-react-section-label-right-content'\nexport const SECTION_LABEL_TEST_HELP_CONTENT_ID = 'bezier-react-section-label-help-content'\n\nfunction renderSectionLabelActionItem(props: SectionLabelItemProps, key?: string): React.ReactElement {\n  if (!('icon' in props)) {\n    return React.cloneElement(props, { key })\n  }\n\n  const { icon, iconColor, onClick } = props\n\n  if (!isNil(iconColor)) {\n    /*\n     * NOTE: backward compatibility를 위해 iconColor attribute를 지원하지만,\n     * iconColor를 사용할 경우 ButtonColorVariant와 일치하지 않기 때문에 Icon을 사용합니다.\n     */\n    return (\n      <Styled.RightItemWrapper\n        key={key}\n        clickable={!isNil(onClick)}\n        onClick={onClick}\n      >\n        <LegacyIcon\n          name={icon}\n          size={IconSize.XS}\n          color={iconColor}\n        />\n      </Styled.RightItemWrapper>\n    )\n  }\n\n  return (\n    <Button\n      key={key}\n      size={ButtonSize.XS}\n      styleVariant={ButtonStyleVariant.Tertiary}\n      colorVariant={ButtonColorVariant.Monochrome}\n      leftContent={icon}\n      onClick={onClick}\n    />\n  )\n}\n\nfunction SectionLabel({\n  content: givenContent,\n  open = true,\n  divider = false,\n  help,\n  leftContent,\n  rightContent,\n  onClick,\n  children,\n  wrapperClassName,\n  wrapperInterpolation,\n  contentWrapperClassName,\n  contentWrapperInterpolation,\n  leftWrapperClassName,\n  leftWrapperInterpolation,\n  rightWrapperClassName,\n  rightWrapperInterpolation,\n  ...props\n}: SectionLabelProps) {\n  const content = useMemo(() => (\n    <Styled.ContentWrapper\n      className={contentWrapperClassName}\n      interpolation={contentWrapperInterpolation}\n      data-testid={SECTION_LABEL_TEST_CONTENT_ID}\n    >\n      { isString(givenContent) || isNumber(givenContent)\n        ? (\n          <Styled.ContentText bold typo={Typography.Size13}>\n            { givenContent }\n          </Styled.ContentText>\n        ) : givenContent }\n    </Styled.ContentWrapper>\n  ), [\n    givenContent,\n    contentWrapperClassName,\n    contentWrapperInterpolation,\n  ])\n\n  const renderLeftItem = useCallback((item: SectionLabelItemProps) => (\n    'icon' in item\n      ? (\n        <Styled.LeftIcon\n          name={item.icon}\n          size={IconSize.S}\n          color={item.iconColor ?? 'txt-black-dark'}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        />\n      ) : item\n  ), [])\n\n  const leftComponent = useMemo(() => {\n    if (isNil(leftContent)) {\n      return null\n    }\n\n    const item = renderLeftItem(leftContent)\n    const show = !isNil(item)\n\n    return show && (\n      <Styled.LeftContentWrapper\n        className={leftWrapperClassName}\n        interpolation={leftWrapperInterpolation}\n        data-testid={SECTION_LABEL_TEST_LEFT_CONTENT_ID}\n      >\n        { item }\n      </Styled.LeftContentWrapper>\n    )\n  }, [\n    leftContent,\n    leftWrapperClassName,\n    leftWrapperInterpolation,\n    renderLeftItem,\n  ])\n\n  const rightComponent = useMemo(() => {\n    if (isNil(rightContent) || isEmpty(rightContent)) {\n      return null\n    }\n\n    const items = isArray(rightContent)\n      ? rightContent.map((item) => renderSectionLabelActionItem(item, uuid()))\n      : renderSectionLabelActionItem(rightContent)\n\n    return (\n      <Styled.RightContentWrapper\n        className={rightWrapperClassName}\n        interpolation={rightWrapperInterpolation}\n        data-testid={SECTION_LABEL_TEST_RIGHT_CONTENT_ID}\n      >\n        { items }\n      </Styled.RightContentWrapper>\n    )\n  }, [\n    rightContent,\n    rightWrapperClassName,\n    rightWrapperInterpolation,\n  ])\n\n  const helpContent = useMemo(() => !isNil(help) && (\n    <Tooltip\n      content={help.tooltipContent}\n      allowHover\n    >\n      <Styled.HelpIconWrapper data-testid={SECTION_LABEL_TEST_HELP_CONTENT_ID}>\n        <LegacyIcon\n          name={help.icon ?? 'help-filled'}\n          size={IconSize.XS}\n          color={help.iconColor ?? 'txt-black-dark'}\n        />\n      </Styled.HelpIconWrapper>\n    </Tooltip>\n  ), [help])\n\n  return (\n    <div data-testid={SECTION_LABEL_TEST_ID}>\n      { divider && <Divider orientation=\"horizontal\" /> }\n      <Styled.Wrapper\n        className={wrapperClassName}\n        clickable={!isNil(onClick)}\n        onClick={onClick}\n        interpolation={wrapperInterpolation}\n        {...props}\n      >\n        { leftComponent }\n        { content }\n        { helpContent }\n        { rightComponent }\n      </Styled.Wrapper>\n      { children && (\n        <Styled.ChildrenWrapper show={open}>\n          { children }\n        </Styled.ChildrenWrapper>\n      ) }\n    </div>\n  )\n}\n\nexport default SectionLabel\n"],"names":["SECTION_LABEL_TEST_ID","SECTION_LABEL_TEST_CONTENT_ID","SECTION_LABEL_TEST_LEFT_CONTENT_ID","SECTION_LABEL_TEST_RIGHT_CONTENT_ID","SECTION_LABEL_TEST_HELP_CONTENT_ID","renderSectionLabelActionItem","props","key","React","cloneElement","icon","iconColor","onClick","isNil","Styled","RightItemWrapper","clickable","createElement","LegacyIcon","name","size","IconSize","XS","color","Button","ButtonSize","styleVariant","ButtonStyleVariant","Tertiary","colorVariant","ButtonColorVariant","Monochrome","leftContent","SectionLabel","_a","content","givenContent","open","divider","help","rightContent","children","wrapperClassName","wrapperInterpolation","contentWrapperClassName","contentWrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","__rest","useMemo","ContentWrapper","className","interpolation","isString","isNumber","ContentText","bold","typo","Typography","Size13","renderLeftItem","useCallback","item","LeftIcon","S","leftComponent","show","LeftContentWrapper","rightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","helpContent","Tooltip","tooltipContent","allowHover","HelpIconWrapper","_b","Divider","orientation","Wrapper","Object","assign","ChildrenWrapper"],"mappings":";;;;;;;;;;;;;AAmCO,MAAMA,qBAAqB,GAAG,6BAA4B;AAC1D,MAAMC,6BAA6B,GAAG,qCAAoC;AAC1E,MAAMC,kCAAkC,GAAG,0CAAyC;AACpF,MAAMC,mCAAmC,GAAG,2CAA0C;AACtF,MAAMC,kCAAkC,GAAG,0CAAyC;AAE3F,SAASC,4BAA4B,CAACC,KAA4B,EAAEC,GAAY,EAAA;AAC9E,EAAA,IAAI,EAAE,MAAM,IAAID,KAAK,CAAC,EAAE;AACtB,IAAA,OAAOE,cAAK,CAACC,YAAY,CAACH,KAAK,EAAE;AAAEC,MAAAA,GAAAA;AAAK,KAAA,CAAC,CAAA;AAC1C,GAAA;EAED,MAAM;IAAEG,IAAI;IAAEC,SAAS;AAAEC,IAAAA,OAAAA;AAAO,GAAE,GAAGN,KAAK,CAAA;AAE1C,EAAA,IAAI,CAACO,KAAK,CAACF,SAAS,CAAC,EAAE;AACrB;;;AAGG;AACH,IAAA,OACEH,6BAACM,MAAM,CAACC,gBAAgB,EACtB;AAAAR,MAAAA,GAAG,EAAEA,GAAG;AACRS,MAAAA,SAAS,EAAE,CAACH,KAAK,CAACD,OAAO,CAAC;AAC1BA,MAAAA,OAAO,EAAEA,OAAAA;AAAO,KAAA,EAEhBJ,cAAA,CAAAS,aAAA,CAACC,UAAU,EACT;AAAAC,MAAAA,IAAI,EAAET,IAAI;MACVU,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,MAAAA,KAAK,EAAEZ,SAAAA;AACP,KAAA,CAAA,CACsB,CAAA;AAE7B,GAAA;AAED,EAAA,OACEH,cAAA,CAAAS,aAAA,CAACO,MAAM,EAAA;AACLjB,IAAAA,GAAG,EAAEA,GAAG;IACRa,IAAI,EAAEK,UAAU,CAACH,EAAE;IACnBI,YAAY,EAAEC,kBAAkB,CAACC,QAAQ;IACzCC,YAAY,EAAEC,kBAAkB,CAACC,UAAU;AAC3CC,IAAAA,WAAW,EAAEtB,IAAI;AACjBE,IAAAA,OAAO,EAAEA,OAAAA;AAAO,GAAA,CAChB,CAAA;AAEN,CAAA;AAEA,SAASqB,YAAY,CAACC,EAkBF,EAAA;EAlBE,IAAA;AACpBC,MAAAA,OAAO,EAAEC,YAAY;AACrBC,MAAAA,IAAI,GAAG,IAAI;AACXC,MAAAA,OAAO,GAAG,KAAK;MACfC,IAAI;MACJP,WAAW;MACXQ,YAAY;MACZ5B,OAAO;MACP6B,QAAQ;MACRC,gBAAgB;MAChBC,oBAAoB;MACpBC,uBAAuB;MACvBC,2BAA2B;MAC3BC,oBAAoB;MACpBC,wBAAwB;MACxBC,qBAAqB;AACrBC,MAAAA,yBAAAA;AAAyB,KAAA,GAAAf,EAEP;AADf5B,IAAAA,KAAK,GAAA4C,MAAA,CAAAhB,EAAA,EAjBY,4SAkBrB,CADS,CAAA;AAER,EAAA,MAAMC,OAAO,GAAGgB,OAAO,CAAC,MACtB3C,cAAC,CAAAS,aAAA,CAAAH,MAAM,CAACsC,cAAc;AACpBC,IAAAA,SAAS,EAAET,uBAAuB;AAClCU,IAAAA,aAAa,EAAET,2BAA2B;AAAA,IAAA,aAAA,EAC7B5C,6BAAAA;AAEX,GAAA,EAAAsD,QAAQ,CAACnB,YAAY,CAAC,IAAIoB,QAAQ,CAACpB,YAAY,CAAC,GAE9C5B,cAAA,CAAAS,aAAA,CAACH,MAAM,CAAC2C,WAAW,EAAC;AAAAC,IAAAA,IAAI,EAAC,IAAA;IAAAC,IAAI,EAAEC,UAAU,CAACC,MAAAA;AAAM,GAAA,EAC5CzB,YAAY,CACK,GACnBA,YAAY,CAErB,EAAE,CACDA,YAAY,EACZQ,uBAAuB,EACvBC,2BAA2B,CAC5B,CAAC,CAAA;AAEF,EAAA,MAAMiB,cAAc,GAAGC,WAAW,CAAEC,IAA2B,IAAI;;IAAC,OAClE,MAAM,IAAIA,IAAI,GAEVxD,cAAC,CAAAS,aAAA,CAAAH,MAAM,CAACmD,QAAQ,EAAA;MACd9C,IAAI,EAAE6C,IAAI,CAACtD,IAAI;MACfU,IAAI,EAAEC,QAAQ,CAAC6C,CAAC;AAChB3C,MAAAA,KAAK,EAAE,CAAAW,EAAA,GAAA8B,IAAI,CAACrD,SAAS,mCAAI,gBAAgB;AACzCK,MAAAA,SAAS,EAAE,CAACH,KAAK,CAACmD,IAAI,CAACpD,OAAO,CAAC;MAC/BA,OAAO,EAAEoD,IAAI,CAACpD,OAAAA;KACd,CAAA,GACAoD,IAAI,CAAA;GACX,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMG,aAAa,GAAGhB,OAAO,CAAC,MAAK;AACjC,IAAA,IAAItC,KAAK,CAACmB,WAAW,CAAC,EAAE;AACtB,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;AAED,IAAA,MAAMgC,IAAI,GAAGF,cAAc,CAAC9B,WAAW,CAAC,CAAA;AACxC,IAAA,MAAMoC,IAAI,GAAG,CAACvD,KAAK,CAACmD,IAAI,CAAC,CAAA;IAEzB,OAAOI,IAAI,IACT5D,cAAA,CAAAS,aAAA,CAACH,MAAM,CAACuD,kBAAkB;AACxBhB,MAAAA,SAAS,EAAEP,oBAAoB;AAC/BQ,MAAAA,aAAa,EAAEP,wBAAwB;AAAA,MAAA,aAAA,EAC1B7C,kCAAAA;KAEX,EAAA8D,IAAI,CAET,CAAA;GACF,EAAE,CACDhC,WAAW,EACXc,oBAAoB,EACpBC,wBAAwB,EACxBe,cAAc,CACf,CAAC,CAAA;AAEF,EAAA,MAAMQ,cAAc,GAAGnB,OAAO,CAAC,MAAK;IAClC,IAAItC,KAAK,CAAC2B,YAAY,CAAC,IAAI+B,OAAO,CAAC/B,YAAY,CAAC,EAAE;AAChD,MAAA,OAAO,IAAI,CAAA;AACZ,KAAA;IAED,MAAMgC,KAAK,GAAGC,OAAO,CAACjC,YAAY,CAAC,GAC/BA,YAAY,CAACkC,GAAG,CAAEV,IAAI,IAAK3D,4BAA4B,CAAC2D,IAAI,EAAEW,EAAI,EAAE,CAAC,CAAC,GACtEtE,4BAA4B,CAACmC,YAAY,CAAC,CAAA;AAE9C,IAAA,OACEhC,cAAC,CAAAS,aAAA,CAAAH,MAAM,CAAC8D,mBAAmB,EAAA;AACzBvB,MAAAA,SAAS,EAAEL,qBAAqB;AAChCM,MAAAA,aAAa,EAAEL,yBAAyB;AAC3B,MAAA,aAAA,EAAA9C,mCAAAA;OAEXqE,KAAK,CACoB,CAAA;GAEhC,EAAE,CACDhC,YAAY,EACZQ,qBAAqB,EACrBC,yBAAyB,CAC1B,CAAC,CAAA;AAEF,EAAA,MAAM4B,WAAW,GAAG1B,OAAO,CAAC,MAAK;;IAAC,OAAA,CAACtC,KAAK,CAAC0B,IAAI,CAAC,IAC5C/B,cAAA,CAAAS,aAAA,CAAC6D,OAAO,EAAA;MACN3C,OAAO,EAAEI,IAAI,CAACwC,cAAc;AAC5BC,MAAAA,UAAU,EAAA,IAAA;KAAA,EAEVxE,cAAA,CAAAS,aAAA,CAACH,MAAM,CAACmE,eAAe,EAAA;AAAA,MAAA,aAAA,EAAc7E,kCAAAA;AAAkC,KAAA,EACrEI,cAAA,CAAAS,aAAA,CAACC,UAAU,EAAA;AACTC,MAAAA,IAAI,EAAE,CAAAe,EAAA,GAAAK,IAAI,CAAC7B,IAAI,MAAI,IAAA,IAAAwB,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAA,aAAa;MAChCd,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,MAAAA,KAAK,EAAE,CAAA2D,EAAA,GAAA3C,IAAI,CAAC5B,SAAS,MAAA,IAAA,IAAAuE,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAI,gBAAA;KAAgB,CACzC,CACqB,CAE5B,CAAA;AAAA,GAAA,EAAE,CAAC3C,IAAI,CAAC,CAAC,CAAA;AAEV,EAAA,OACE/B;mBAAkBR,qBAAAA;GAAqB,EACnCsC,OAAO,IAAI9B,cAAC,CAAAS,aAAA,CAAAkE,OAAO;AAACC,IAAAA,WAAW,EAAC,YAAA;AAAe,GAAA,CAAA,EACjD5E,cAAC,CAAAS,aAAA,CAAAH,MAAM,CAACuE,OAAO,EACbC,MAAA,CAAAC,MAAA,CAAA;AAAAlC,IAAAA,SAAS,EAAEX,gBAAgB;AAC3B1B,IAAAA,SAAS,EAAE,CAACH,KAAK,CAACD,OAAO,CAAC;AAC1BA,IAAAA,OAAO,EAAEA,OAAO;AAChB0C,IAAAA,aAAa,EAAEX,oBAAAA;GAAoB,EAC/BrC,KAAK,CAAA,EAEP6D,aAAa,EACbhC,OAAO,EACP0C,WAAW,EACXP,cAAc,CACD,EACf7B,QAAQ,IACRjC,cAAA,CAAAS,aAAA,CAACH,MAAM,CAAC0E,eAAe,EAAC;AAAApB,IAAAA,IAAI,EAAE/B,IAAAA;KAC1BI,QAAQ,CAEb,CACG,CAAA;AAEV;;;;"}
+{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isString,\n} from '~/src/utils/typeUtils'\n\nimport {\n  Button,\n  ButtonColorVariant,\n  ButtonSize,\n  ButtonStyleVariant,\n} from '~/src/components/Button'\nimport { Divider } from '~/src/components/Divider'\nimport { IconSize } from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nimport { type SectionLabelItemProps } from './SectionLabel.types'\nimport type SectionLabelProps from './SectionLabel.types'\n\nimport Styled from './SectionLabel.styled'\n\nexport const SECTION_LABEL_TEST_ID = 'bezier-react-section-label'\nexport const SECTION_LABEL_TEST_CONTENT_ID = 'bezier-react-section-label-content'\nexport const SECTION_LABEL_TEST_LEFT_CONTENT_ID = 'bezier-react-section-label-left-content'\nexport const SECTION_LABEL_TEST_RIGHT_CONTENT_ID = 'bezier-react-section-label-right-content'\nexport const SECTION_LABEL_TEST_HELP_CONTENT_ID = 'bezier-react-section-label-help-content'\n\nfunction renderSectionLabelActionItem(props: SectionLabelItemProps, key?: string): React.ReactElement {\n  if (!('icon' in props)) {\n    return React.cloneElement(props, { key })\n  }\n\n  const { icon, iconColor, onClick } = props\n\n  if (!isNil(iconColor)) {\n    /*\n     * NOTE: backward compatibility를 위해 iconColor attribute를 지원하지만,\n     * iconColor를 사용할 경우 ButtonColorVariant와 일치하지 않기 때문에 Icon을 사용합니다.\n     */\n    return (\n      <Styled.RightItemWrapper\n        key={key}\n        clickable={!isNil(onClick)}\n        onClick={onClick}\n      >\n        <LegacyIcon\n          name={icon}\n          size={IconSize.XS}\n          color={iconColor}\n        />\n      </Styled.RightItemWrapper>\n    )\n  }\n\n  return (\n    <Button\n      key={key}\n      size={ButtonSize.XS}\n      styleVariant={ButtonStyleVariant.Tertiary}\n      colorVariant={ButtonColorVariant.Monochrome}\n      leftContent={icon}\n      onClick={onClick}\n    />\n  )\n}\n\nfunction SectionLabel({\n  content: givenContent,\n  open = true,\n  divider = false,\n  help,\n  leftContent,\n  rightContent,\n  onClick,\n  children,\n  wrapperClassName,\n  wrapperInterpolation,\n  contentWrapperClassName,\n  contentWrapperInterpolation,\n  leftWrapperClassName,\n  leftWrapperInterpolation,\n  rightWrapperClassName,\n  rightWrapperInterpolation,\n  ...props\n}: SectionLabelProps) {\n  const content = useMemo(() => (\n    <Styled.ContentWrapper\n      className={contentWrapperClassName}\n      interpolation={contentWrapperInterpolation}\n      data-testid={SECTION_LABEL_TEST_CONTENT_ID}\n    >\n      { isString(givenContent) || isNumber(givenContent)\n        ? (\n          <Styled.ContentText bold typo={Typography.Size13}>\n            { givenContent }\n          </Styled.ContentText>\n        ) : givenContent }\n    </Styled.ContentWrapper>\n  ), [\n    givenContent,\n    contentWrapperClassName,\n    contentWrapperInterpolation,\n  ])\n\n  const renderLeftItem = useCallback((item: SectionLabelItemProps) => (\n    'icon' in item\n      ? (\n        <Styled.LeftIcon\n          name={item.icon}\n          size={IconSize.S}\n          color={item.iconColor ?? 'txt-black-dark'}\n          clickable={!isNil(item.onClick)}\n          onClick={item.onClick}\n        />\n      ) : item\n  ), [])\n\n  const leftComponent = useMemo(() => {\n    if (isNil(leftContent)) {\n      return null\n    }\n\n    const item = renderLeftItem(leftContent)\n    const show = !isNil(item)\n\n    return show && (\n      <Styled.LeftContentWrapper\n        className={leftWrapperClassName}\n        interpolation={leftWrapperInterpolation}\n        data-testid={SECTION_LABEL_TEST_LEFT_CONTENT_ID}\n      >\n        { item }\n      </Styled.LeftContentWrapper>\n    )\n  }, [\n    leftContent,\n    leftWrapperClassName,\n    leftWrapperInterpolation,\n    renderLeftItem,\n  ])\n\n  const rightComponent = useMemo(() => {\n    if (isNil(rightContent) || isEmpty(rightContent)) {\n      return null\n    }\n\n    const items = isArray(rightContent)\n      ? rightContent.map((item) => renderSectionLabelActionItem(item, uuid()))\n      : renderSectionLabelActionItem(rightContent)\n\n    return (\n      <Styled.RightContentWrapper\n        className={rightWrapperClassName}\n        interpolation={rightWrapperInterpolation}\n        data-testid={SECTION_LABEL_TEST_RIGHT_CONTENT_ID}\n      >\n        { items }\n      </Styled.RightContentWrapper>\n    )\n  }, [\n    rightContent,\n    rightWrapperClassName,\n    rightWrapperInterpolation,\n  ])\n\n  const helpContent = useMemo(() => !isNil(help) && (\n    <Tooltip\n      content={help.tooltipContent}\n      allowHover\n    >\n      <Styled.HelpIconWrapper data-testid={SECTION_LABEL_TEST_HELP_CONTENT_ID}>\n        <LegacyIcon\n          name={help.icon ?? 'help-filled'}\n          size={IconSize.XS}\n          color={help.iconColor ?? 'txt-black-dark'}\n        />\n      </Styled.HelpIconWrapper>\n    </Tooltip>\n  ), [help])\n\n  return (\n    <div data-testid={SECTION_LABEL_TEST_ID}>\n      { divider && <Divider orientation=\"horizontal\" /> }\n      <Styled.Wrapper\n        className={wrapperClassName}\n        clickable={!isNil(onClick)}\n        onClick={onClick}\n        interpolation={wrapperInterpolation}\n        {...props}\n      >\n        { leftComponent }\n        { content }\n        { helpContent }\n        { rightComponent }\n      </Styled.Wrapper>\n      { children && (\n        <Styled.ChildrenWrapper show={open}>\n          { children }\n        </Styled.ChildrenWrapper>\n      ) }\n    </div>\n  )\n}\n\nexport default SectionLabel\n"],"names":["SECTION_LABEL_TEST_ID","SECTION_LABEL_TEST_CONTENT_ID","SECTION_LABEL_TEST_LEFT_CONTENT_ID","SECTION_LABEL_TEST_RIGHT_CONTENT_ID","SECTION_LABEL_TEST_HELP_CONTENT_ID","renderSectionLabelActionItem","props","key","React","cloneElement","icon","iconColor","onClick","isNil","Styled","RightItemWrapper","clickable","createElement","LegacyIcon","name","size","IconSize","XS","color","Button","ButtonSize","styleVariant","ButtonStyleVariant","Tertiary","colorVariant","ButtonColorVariant","Monochrome","leftContent","SectionLabel","_a","content","givenContent","open","divider","help","rightContent","children","wrapperClassName","wrapperInterpolation","contentWrapperClassName","contentWrapperInterpolation","leftWrapperClassName","leftWrapperInterpolation","rightWrapperClassName","rightWrapperInterpolation","__rest","useMemo","ContentWrapper","className","interpolation","isString","isNumber","ContentText","bold","typo","Typography","Size13","renderLeftItem","useCallback","item","LeftIcon","S","leftComponent","show","LeftContentWrapper","rightComponent","isEmpty","items","isArray","map","uuid","RightContentWrapper","helpContent","Tooltip","tooltipContent","allowHover","HelpIconWrapper","_b","Divider","orientation","Wrapper","Object","assign","ChildrenWrapper"],"mappings":"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"}

package/build/src/components/SectionLabel/SectionLabel.styled.d.ts

@@ -4,7 +4,7 @@ interface ClickableElementProps {
     clickable: boolean;
 }
 declare const _default: {
-    LeftIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/Icon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
+    LeftIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     } & ClickableElementProps, never>;
     LeftContentWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {

package/build/src/components/SectionLabel/SectionLabel.styled.js

@@ -1,6 +1,6 @@
 import Text from '../Text/Text.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
 
 function clickableElementStyle(clickable) {
   return clickable && `

package/build/src/components/SectionLabel/SectionLabel.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.styled.js","sources":["../../../../src/components/SectionLabel/SectionLabel.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { LegacyIcon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\ninterface ClickableElementProps {\n  clickable: boolean\n}\n\nfunction clickableElementStyle(clickable: boolean): string | false {\n  return clickable && `\n  cursor: pointer;\n  `\n}\n\nconst LeftIcon = styled(LegacyIcon)<ClickableElementProps>`\n  ${({ clickable }) => clickableElementStyle(clickable)}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ContentText = styled(Text)`\n  overflow: hidden;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n\nconst ContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  overflow: hidden;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst HelpIconWrapper = styled.div`\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  margin: 0 6px 0 auto;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${({ clickable }) => clickableElementStyle(clickable)}\n`\n\nconst ChildrenWrapper = styled.div<{ show: boolean }>`\n  display: ${({ show }) => (show ? 'unset' : 'none')};\n`\n\nconst Wrapper = styled.div<ClickableElementProps & InterpolationProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n\n  ${({ clickable }) => clickableElementStyle(clickable)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  LeftIcon,\n  LeftContentWrapper,\n  ContentText,\n  ContentWrapper,\n  HelpIconWrapper,\n  RightContentWrapper,\n  RightItemWrapper,\n  ChildrenWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","clickable","LeftIcon","styled","LegacyIcon","LeftContentWrapper","div","interpolation","ContentText","Text","foundation","_a","theme","ContentWrapper","HelpIconWrapper","RightContentWrapper","RightItemWrapper","ChildrenWrapper","show","Wrapper"],"mappings":";;;;AAWA,SAASA,qBAAqB,CAACC,SAAkB,EAAA;AAC/C,EAAA,OAAOA,SAAS,IAAI,CAAA;;EAEnB,CAAA,CAAA;AACH,CAAA;AAEA,MAAMC,QAAQ,GAAGC,gBAAM,CAACC,UAAU,CAAwB,CAAA;IACtD,CAAC;AAAEH,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;CACtD,CAAA;AAED,MAAMI,kBAAkB,GAAGF,gBAAM,CAACG,GAAuB,CAAA;;;;;AAKrD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMC,WAAW,GAAGL,gBAAM,CAACM,IAAI,CAAC,CAAA;;AAErB,SAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;;;CAGnE,CAAA;AAED,MAAMC,cAAc,GAAGV,gBAAM,CAACG,GAAuB,CAAA;;;;;;AAMjD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMO,eAAe,GAAGX,gBAAM,CAACG,GAAG,CAAA;;;;CAIjC,CAAA;AAED,MAAMS,mBAAmB,GAAGZ,gBAAM,CAACG,GAAuB,CAAA;;;;;;AAMtD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMS,gBAAgB,GAAGb,gBAAM,CAACG,GAA0B,CAAA;;;;;;;IAOtD,CAAC;AAAEL,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;CACtD,CAAA;AAED,MAAMgB,eAAe,GAAGd,gBAAM,CAACG,GAAsB,CAAA;AACxC,WAAA,EAAA,CAAC;AAAEY,EAAAA,IAAAA;AAAI,CAAE,KAAMA,IAAI,GAAG,OAAO,GAAG,MAAO,CAAA;CACnD,CAAA;AAED,MAAMC,OAAO,GAAGhB,gBAAM,CAACG,GAA+C,CAAA;;;;;IAKlE,CAAC;AAAEL,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;;AAEnD,EAAA,EAAA,CAAC;AAAEM,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,aAAe;EACbL,QAAQ;EACRG,kBAAkB;EAClBG,WAAW;EACXK,cAAc;EACdC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,eAAe;AACfE,EAAAA,OAAAA;CACD;;;;"}
+{"version":3,"file":"SectionLabel.styled.js","sources":["../../../../src/components/SectionLabel/SectionLabel.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\ninterface ClickableElementProps {\n  clickable: boolean\n}\n\nfunction clickableElementStyle(clickable: boolean): string | false {\n  return clickable && `\n  cursor: pointer;\n  `\n}\n\nconst LeftIcon = styled(LegacyIcon)<ClickableElementProps>`\n  ${({ clickable }) => clickableElementStyle(clickable)}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ContentText = styled(Text)`\n  overflow: hidden;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n\nconst ContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  overflow: hidden;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst HelpIconWrapper = styled.div`\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  margin: 0 6px 0 auto;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div<ClickableElementProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${({ clickable }) => clickableElementStyle(clickable)}\n`\n\nconst ChildrenWrapper = styled.div<{ show: boolean }>`\n  display: ${({ show }) => (show ? 'unset' : 'none')};\n`\n\nconst Wrapper = styled.div<ClickableElementProps & InterpolationProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n\n  ${({ clickable }) => clickableElementStyle(clickable)}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  LeftIcon,\n  LeftContentWrapper,\n  ContentText,\n  ContentWrapper,\n  HelpIconWrapper,\n  RightContentWrapper,\n  RightItemWrapper,\n  ChildrenWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","clickable","LeftIcon","styled","LegacyIcon","LeftContentWrapper","div","interpolation","ContentText","Text","foundation","_a","theme","ContentWrapper","HelpIconWrapper","RightContentWrapper","RightItemWrapper","ChildrenWrapper","show","Wrapper"],"mappings":";;;;AAWA,SAASA,qBAAqB,CAACC,SAAkB,EAAA;AAC/C,EAAA,OAAOA,SAAS,IAAI,CAAA;;EAEnB,CAAA,CAAA;AACH,CAAA;AAEA,MAAMC,QAAQ,GAAGC,gBAAM,CAACC,UAAU,CAAwB,CAAA;IACtD,CAAC;AAAEH,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;CACtD,CAAA;AAED,MAAMI,kBAAkB,GAAGF,gBAAM,CAACG,GAAuB,CAAA;;;;;AAKrD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMC,WAAW,GAAGL,gBAAM,CAACM,IAAI,CAAC,CAAA;;AAErB,SAAA,EAAA,CAAC;AAAEC,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAD,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEE,KAAK,0CAAG,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;;;CAGnE,CAAA;AAED,MAAMC,cAAc,GAAGV,gBAAM,CAACG,GAAuB,CAAA;;;;;;AAMjD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMO,eAAe,GAAGX,gBAAM,CAACG,GAAG,CAAA;;;;CAIjC,CAAA;AAED,MAAMS,mBAAmB,GAAGZ,gBAAM,CAACG,GAAuB,CAAA;;;;;;AAMtD,EAAA,EAAA,CAAC;AAAEC,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,MAAMS,gBAAgB,GAAGb,gBAAM,CAACG,GAA0B,CAAA;;;;;;;IAOtD,CAAC;AAAEL,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;CACtD,CAAA;AAED,MAAMgB,eAAe,GAAGd,gBAAM,CAACG,GAAsB,CAAA;AACxC,WAAA,EAAA,CAAC;AAAEY,EAAAA,IAAAA;AAAI,CAAE,KAAMA,IAAI,GAAG,OAAO,GAAG,MAAO,CAAA;CACnD,CAAA;AAED,MAAMC,OAAO,GAAGhB,gBAAM,CAACG,GAA+C,CAAA;;;;;IAKlE,CAAC;AAAEL,EAAAA,SAAAA;AAAW,CAAA,KAAKD,qBAAqB,CAACC,SAAS,CAAC,CAAA;;AAEnD,EAAA,EAAA,CAAC;AAAEM,EAAAA,aAAAA;AAAa,CAAE,KAAKA,aAAa,CAAA;CACvC,CAAA;AAED,aAAe;EACbL,QAAQ;EACRG,kBAAkB;EAClBG,WAAW;EACXK,cAAc;EACdC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,eAAe;AACfE,EAAAA,OAAAA;CACD;;;;"}

package/build/src/components/SectionLabel/SectionLabel.types.d.ts

@@ -1,6 +1,7 @@
 import type React from 'react';
+import { type IconName } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, AdditionalStylableProps, BezierComponentProps, ChildrenProps, ContentProps, SideContentProps } from "../../types/ComponentProps";
-import type { IconName, IconSize } from "../Icon";
+import type { IconSize } from "../Icon";
 interface IconInfo extends AdditionalColorProps<'icon'> {
     icon: IconName;
 }

package/build/src/components/SectionLabel/SectionLabel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,gBAAgB,EACjB,mCAAkC;AAEnC,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACT,gBAA6B;AAE9B,UAAU,QAAS,SAAQ,oBAAoB,CAAC,MAAM,CAAC;IACrD,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,UAAU,qBAAsB,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACvD,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,GAAG;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAEvB,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,qBAAqB,CAAA;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC;AAED,MAAM,CAAC,OAAO,WAAW,iBAAkB,SACzC,oBAAoB,EACpB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EACrD,YAAY,EACZ,aAAa,EACb,gBAAgB,CAAC,qBAAqB,EAAE,qBAAqB,GAAG,qBAAqB,EAAE,CAAC,EACxF,uBAAuB,CAAC,CAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EACrF,mBAAmB;CAAG"}
+{"version":3,"file":"SectionLabel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,gBAAgB,EACjB,mCAAkC;AAEnC,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAA6B;AAErD,UAAU,QAAS,SAAQ,oBAAoB,CAAC,MAAM,CAAC;IACrD,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,UAAU,qBAAsB,SAAQ,OAAO,CAAC,QAAQ,CAAC;IACvD,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;CAChC;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,GAAG;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAEvB,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,qBAAqB,CAAA;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC;AAED,MAAM,CAAC,OAAO,WAAW,iBAAkB,SACzC,oBAAoB,EACpB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EACrD,YAAY,EACZ,aAAa,EACb,gBAAgB,CAAC,qBAAqB,EAAE,qBAAqB,GAAG,qBAAqB,EAAE,CAAC,EACxF,uBAAuB,CAAC,CAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EACrF,mBAAmB;CAAG"}