Writing code to convert enum props to string literal

[yangwooseong]

Summary

• 컴포넌트 속성값으로 enum을 주던 것을 string literal로 변경하는 codemod 를 추가합니다.

Description

• 이미 Implement codemod transform which replaces enum usage with string literal #1639 에서 codemod 자체는 만들어졌기 때문에, 변환해야 하는 속성만 추가해주면 될 것 같습니다.

// As-is
import { Button, ButtonStyleVariant, ButtonColorVariant } from '@channel.io/bezier-react'

<Button
  styleVariant={ButtonStyleVariant.Tertiary}
  colorVariant={ButtonColorVariant.MonochromeLight}
/>

// To-be
import { Button } from '@channel.io/bezier-react'

<Button
  styleVariant="tertiary"
  colorVariant="monochromeLight"
/>

• 기존의 codemod 에서 styled-components 에서 스타일링 하고 있는 부분까지 커버가 되는지 확인이 필요합니다.
• 변환해야 하는 속성들은 다음과 같습니다.
• AvatarSize, AvatarGroupEllipsisType
• BannerVariant
• ButtonStyleVariant, ButtonColorVariant
• IconSize
• StatusSize, StatusType
• SegmentedControlSize
• SwitchSize
• TagBadgeSize, TagBadgeVariant
• TextFieldVariant
• TooltipPosition
• (WIP)

References

• Implement codemod transform which replaces enum usage with string literal #1639
• Component enum property rule proposal #1568

[yangwooseong]

enum -> string literal 로 변경하면서 enum value가 number타입인 것을 모두 string으로 변경하자 (EmojiSize.Size16 = '16'이 되도록)