@channel.io/bezier-react 1.2.0 → 1.3.0

package/build/src/components/TagBadge/Tag/Tag.js

@@ -1,19 +1,18 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { useMemo } from 'react';
+import e__default, { useMemo } from 'react';
+import { C as l } from '../../../../node_modules/@channel.io/bezier-icons/dist/react/cancel-small.mjs.js';
 import { isEmpty, isNil } from '../../../utils/typeUtils.js';
 import Styled from './Tag.styled.js';
 import TagBadgeSize from '../TagBadgeCommon/constants/TagBadgeSize.js';
 import TagBadgeVariant from '../TagBadgeCommon/constants/TagBadgeVariant.js';
 import { getProperTagBadgeBgColor, getProperTagBadgePadding, getProperTagBadgeRounding, getProperTagBadgeTypo } from '../TagBadgeCommon/utils.js';
-import CancelSmallIcon from '../../Icon/generated/CancelSmall.js';
-import '../../Icon/generated/index.js';
 import { TAG_BADGE_ICON_SIZE, TAG_TEXT_HORIZONTAL_PADDING } from '../TagBadgeCommon/constants/TagBadgeStyle.js';
 import TagBadgeStyled from '../TagBadgeCommon/TagBadge.styled.js';
 import TagBadgeText from '../TagBadgeCommon/TagBadgeText/TagBadgeText.js';
 
 // TODO: 테스트 코드 작성
 const TAG_TEST_ID = 'bezier-react-tag';
-const Tag = React__default.memo(function Tag(_a) {
+const Tag = e__default.memo(function Tag(_a) {
   var {
       size = TagBadgeSize.M,
       variant = TagBadgeVariant.Default,
@@ -28,20 +27,20 @@ const Tag = React__default.memo(function Tag(_a) {
     props = __rest(_a, ["size", "variant", "color", "children", "onDelete", "className", "interpolation", "testId"]);
   const hasChildren = useMemo(() => !isEmpty(children), [children]);
   const bgSemanticName = useMemo(() => givenColor || getProperTagBadgeBgColor(variant), [givenColor, variant]);
-  const CloseIconComponent = useMemo(() => !isNil(onDelete) && React__default.createElement(Styled.CloseIcon, {
-    source: CancelSmallIcon,
+  const CloseIconComponent = useMemo(() => !isNil(onDelete) && e__default.createElement(Styled.CloseIcon, {
+    source: l,
     size: TAG_BADGE_ICON_SIZE,
     color: "txt-black-darker",
     onClick: onDelete
   }), [onDelete]);
-  return React__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
+  return e__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
     className: className,
     interpolation: interpolation,
     "data-testid": testId,
     horizontalPadding: getProperTagBadgePadding(size),
     rounding: getProperTagBadgeRounding(size),
     bgColor: bgSemanticName
-  }), hasChildren && React__default.createElement(TagBadgeText, {
+  }), hasChildren && e__default.createElement(TagBadgeText, {
     horizontalPadding: TAG_TEXT_HORIZONTAL_PADDING,
     typo: getProperTagBadgeTypo(size)
   }, children), CloseIconComponent);

package/build/src/components/TagBadge/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport {\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport { CancelSmallIcon } from '~/src/components/Icon'\nimport {\n  TAG_BADGE_ICON_SIZE,\n  TAG_TEXT_HORIZONTAL_PADDING,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type TagProps from './Tag.types'\n\nimport Styled from './Tag.styled'\n\n// TODO: 테스트 코드 작성\nexport const TAG_TEST_ID = 'bezier-react-tag'\n\nexport const Tag = React.memo(function Tag({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  color: givenColor,\n  children,\n  // Handlers\n  onDelete,\n  className,\n  interpolation,\n  testId = TAG_TEST_ID,\n  ...props\n}: TagProps) {\n  const hasChildren = useMemo(() => !isEmpty(children), [children])\n\n  const bgSemanticName = useMemo(() => (\n    givenColor || getProperTagBadgeBgColor(variant)\n  ), [\n    givenColor,\n    variant,\n  ])\n\n  const CloseIconComponent = useMemo(() => !isNil(onDelete) && (\n    <Styled.CloseIcon\n      source={CancelSmallIcon}\n      size={TAG_BADGE_ICON_SIZE}\n      color=\"txt-black-darker\"\n      onClick={onDelete}\n    />\n  ), [onDelete])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      bgColor={bgSemanticName}\n    >\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={TAG_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n\n      { CloseIconComponent }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["TAG_TEST_ID","Tag","React","memo","_a","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","color","givenColor","children","onDelete","className","interpolation","testId","props","__rest","hasChildren","useMemo","isEmpty","bgSemanticName","getProperTagBadgeBgColor","CloseIconComponent","isNil","Styled","CloseIcon","source","CancelSmallIcon","TAG_BADGE_ICON_SIZE","onClick","createElement","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","TAG_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;;;;AAyBA;AACO,MAAMA,WAAW,GAAG,mBAAkB;AAEtC,MAAMC,GAAG,GAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,GAAG,CAACG,EAWhC,EAAA;EAXgC,IAAA;MACzCC,IAAI,GAAGC,YAAY,CAACC,CAAC;MACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;AACjCC,MAAAA,KAAK,EAAEC,UAAU;MACjBC,QAAQ;AACR;MACAC,QAAQ;MACRC,SAAS;MACTC,aAAa;AACbC,MAAAA,MAAM,GAAGjB,WAAAA;AAEA,KAAA,GAAAI,EAAA;IADNc,KAAK,GAAAC,MAAA,CAAAf,EAAA,EAViC,4FAW1C,CADS,CAAA;AAER,EAAA,MAAMgB,WAAW,GAAGC,OAAO,CAAC,MAAM,CAACC,OAAO,CAACT,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEjE,EAAA,MAAMU,cAAc,GAAGF,OAAO,CAAC,MAC7BT,UAAU,IAAIY,wBAAwB,CAAChB,OAAO,CAC/C,EAAE,CACDI,UAAU,EACVJ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMiB,kBAAkB,GAAGJ,OAAO,CAAC,MAAM,CAACK,KAAK,CAACZ,QAAQ,CAAC,IACvDZ,6BAACyB,MAAM,CAACC,SAAS,EACf;AAAAC,IAAAA,MAAM,EAAEC,eAAe;AACvBzB,IAAAA,IAAI,EAAE0B,mBAAmB;AACzBpB,IAAAA,KAAK,EAAC,kBAAkB;AACxBqB,IAAAA,OAAO,EAAElB,QAAAA;IAEZ,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OACEZ,cAAA,CAAA+B,aAAA,CAACC,cAAc,CAACC,OAAO,EACjBC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAnB,KAAK,EACT;AAAAH,IAAAA,SAAS,EAAEA,SAAS;AACpBC,IAAAA,aAAa,EAAEA,aAAa;AACf,IAAA,aAAA,EAAAC,MAAM;AACnBqB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAAClC,IAAI,CAAC;AACjDmC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACpC,IAAI,CAAC;AACzCqC,IAAAA,OAAO,EAAEnB,cAAAA;GAAc,CAAA,EAErBH,WAAW,IACXlB,cAAA,CAAA+B,aAAA,CAACU,YAAY,EACX;AAAAL,IAAAA,iBAAiB,EAAEM,2BAA2B;IAC9CC,IAAI,EAAEC,qBAAqB,CAACzC,IAAI,CAAA;AAE5B,GAAA,EAAAQ,QAAQ,CAEf,EAECY,kBAAkB,CACG,CAAA;AAE7B,CAAC;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport {\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport {\n  TAG_BADGE_ICON_SIZE,\n  TAG_TEXT_HORIZONTAL_PADDING,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type TagProps from './Tag.types'\n\nimport Styled from './Tag.styled'\n\n// TODO: 테스트 코드 작성\nexport const TAG_TEST_ID = 'bezier-react-tag'\n\nexport const Tag = React.memo(function Tag({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  color: givenColor,\n  children,\n  // Handlers\n  onDelete,\n  className,\n  interpolation,\n  testId = TAG_TEST_ID,\n  ...props\n}: TagProps) {\n  const hasChildren = useMemo(() => !isEmpty(children), [children])\n\n  const bgSemanticName = useMemo(() => (\n    givenColor || getProperTagBadgeBgColor(variant)\n  ), [\n    givenColor,\n    variant,\n  ])\n\n  const CloseIconComponent = useMemo(() => !isNil(onDelete) && (\n    <Styled.CloseIcon\n      source={CancelSmallIcon}\n      size={TAG_BADGE_ICON_SIZE}\n      color=\"txt-black-darker\"\n      onClick={onDelete}\n    />\n  ), [onDelete])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      bgColor={bgSemanticName}\n    >\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={TAG_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n\n      { CloseIconComponent }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["TAG_TEST_ID","Tag","React","memo","_a","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","color","givenColor","children","onDelete","className","interpolation","testId","props","__rest","hasChildren","useMemo","isEmpty","bgSemanticName","getProperTagBadgeBgColor","CloseIconComponent","isNil","Styled","CloseIcon","source","CancelSmallIcon","TAG_BADGE_ICON_SIZE","onClick","createElement","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","TAG_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;;;AA0BA;AACO,MAAMA,WAAW,GAAG,mBAAkB;AAEtC,MAAMC,GAAG,GAAGC,UAAK,CAACC,IAAI,CAAC,SAASF,GAAG,CAACG,EAWhC,EAAA;EAXgC,IAAA;MACzCC,IAAI,GAAGC,YAAY,CAACC,CAAC;MACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;AACjCC,MAAAA,KAAK,EAAEC,UAAU;MACjBC,QAAQ;AACR;MACAC,QAAQ;MACRC,SAAS;MACTC,aAAa;AACbC,MAAAA,MAAM,GAAGjB,WAAAA;AAEA,KAAA,GAAAI,EAAA;IADNc,KAAK,GAAAC,MAAA,CAAAf,EAAA,EAViC,4FAW1C,CADS,CAAA;AAER,EAAA,MAAMgB,WAAW,GAAGC,OAAO,CAAC,MAAM,CAACC,OAAO,CAACT,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEjE,EAAA,MAAMU,cAAc,GAAGF,OAAO,CAAC,MAC7BT,UAAU,IAAIY,wBAAwB,CAAChB,OAAO,CAC/C,EAAE,CACDI,UAAU,EACVJ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMiB,kBAAkB,GAAGJ,OAAO,CAAC,MAAM,CAACK,KAAK,CAACZ,QAAQ,CAAC,IACvDZ,yBAACyB,MAAM,CAACC,SAAS,EACf;AAAAC,IAAAA,MAAM,EAAEC,CAAe;AACvBzB,IAAAA,IAAI,EAAE0B,mBAAmB;AACzBpB,IAAAA,KAAK,EAAC,kBAAkB;AACxBqB,IAAAA,OAAO,EAAElB,QAAAA;IAEZ,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OACEZ,UAAA,CAAA+B,aAAA,CAACC,cAAc,CAACC,OAAO,EACjBC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAnB,KAAK,EACT;AAAAH,IAAAA,SAAS,EAAEA,SAAS;AACpBC,IAAAA,aAAa,EAAEA,aAAa;AACf,IAAA,aAAA,EAAAC,MAAM;AACnBqB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAAClC,IAAI,CAAC;AACjDmC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACpC,IAAI,CAAC;AACzCqC,IAAAA,OAAO,EAAEnB,cAAAA;GAAc,CAAA,EAErBH,WAAW,IACXlB,UAAA,CAAA+B,aAAA,CAACU,YAAY,EACX;AAAAL,IAAAA,iBAAiB,EAAEM,2BAA2B;IAC9CC,IAAI,EAAEC,qBAAqB,CAACzC,IAAI,CAAA;AAE5B,GAAA,EAAAQ,QAAQ,CAEf,EAECY,kBAAkB,CACG,CAAA;AAE7B,CAAC;;;;"}

package/build/src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import e__default from 'react';
 import Text from '../../../Text/Text.js';
 import Styled from './TagBadgeText.styled.js';
 
@@ -10,10 +10,10 @@ function TagBadgeText({
   horizontalPadding,
   children
 }) {
-  return React__default.createElement(Styled.Wrapper, {
+  return e__default.createElement(Styled.Wrapper, {
     "data-testid": testId,
     horizontalPadding: horizontalPadding
-  }, React__default.createElement(Text, {
+  }, e__default.createElement(Text, {
     typo: typo
   }, children));
 }

package/build/src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagBadgeText.js","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/src/components/Text'\n\nimport type TagBadgeTextProps from './TagBadgeText.types'\n\nimport Styled from './TagBadgeText.styled'\n\n// TODO: 테스트 코드 작성\nconst TAG_BADGE_TEXT_TEST_ID = 'bezier-react-avatar-group'\n\nfunction TagBadgeText({\n  testId = TAG_BADGE_TEXT_TEST_ID,\n  typo,\n  horizontalPadding,\n  children,\n}: TagBadgeTextProps) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      horizontalPadding={horizontalPadding}\n    >\n      <Text typo={typo}>\n        { children }\n      </Text>\n    </Styled.Wrapper>\n  )\n}\n\nexport default TagBadgeText\n"],"names":["TAG_BADGE_TEXT_TEST_ID","TagBadgeText","testId","typo","horizontalPadding","children","React","createElement","Styled","Wrapper","Text"],"mappings":";;;;AAQA;AACA,MAAMA,sBAAsB,GAAG,2BAA2B,CAAA;AAE1D,SAASC,YAAY,CAAC;AACpBC,EAAAA,MAAM,GAAGF,sBAAsB;EAC/BG,IAAI;EACJC,iBAAiB;AACjBC,EAAAA,QAAAA;AACkB,CAAA,EAAA;AAClB,EAAA,OACEC,cAAC,CAAAC,aAAA,CAAAC,MAAM,CAACC,OAAO;mBACAP,MAAM;AACnBE,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAiB,GAAA,EAEpCE,cAAC,CAAAC,aAAA,CAAAG,IAAI,EAAC;AAAAP,IAAAA,IAAI,EAAEA,IAAAA;KACRE,QAAQ,CACL,CACQ,CAAA;AAErB;;;;"}
+{"version":3,"file":"TagBadgeText.js","sources":["../../../../../../src/components/TagBadge/TagBadgeCommon/TagBadgeText/TagBadgeText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/src/components/Text'\n\nimport type TagBadgeTextProps from './TagBadgeText.types'\n\nimport Styled from './TagBadgeText.styled'\n\n// TODO: 테스트 코드 작성\nconst TAG_BADGE_TEXT_TEST_ID = 'bezier-react-avatar-group'\n\nfunction TagBadgeText({\n  testId = TAG_BADGE_TEXT_TEST_ID,\n  typo,\n  horizontalPadding,\n  children,\n}: TagBadgeTextProps) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      horizontalPadding={horizontalPadding}\n    >\n      <Text typo={typo}>\n        { children }\n      </Text>\n    </Styled.Wrapper>\n  )\n}\n\nexport default TagBadgeText\n"],"names":["TAG_BADGE_TEXT_TEST_ID","TagBadgeText","testId","typo","horizontalPadding","children","React","createElement","Styled","Wrapper","Text"],"mappings":";;;;AAQA;AACA,MAAMA,sBAAsB,GAAG,2BAA2B,CAAA;AAE1D,SAASC,YAAY,CAAC;AACpBC,EAAAA,MAAM,GAAGF,sBAAsB;EAC/BG,IAAI;EACJC,iBAAiB;AACjBC,EAAAA,QAAAA;AACkB,CAAA,EAAA;AAClB,EAAA,OACEC,UAAC,CAAAC,aAAA,CAAAC,MAAM,CAACC,OAAO;mBACAP,MAAM;AACnBE,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAiB,GAAA,EAEpCE,UAAC,CAAAC,aAAA,CAAAG,IAAI,EAAC;AAAAP,IAAAA,IAAI,EAAEA,IAAAA;KACRE,QAAQ,CACL,CACQ,CAAA;AAErB;;;;"}

package/build/src/components/Text/Text.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { noop } from '../../utils/functionUtils.js';
 import TextView from './Text.styled.js';
 import { Typography } from '../../foundation/Typography.js';
@@ -29,7 +29,7 @@ function Text(_a, forwardedRef) {
     } = _a,
     /** To receive various HTMLElement attributes */
     rest = __rest(_a, ["as", "testId", "bold", "italic", "color", "typo", "truncated", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginVertical", "marginHorizontal", "marginAll", "style", "id", "className", "children", "onClick"]);
-  return React__default.createElement(TextView, Object.assign({}, rest, {
+  return e__default.createElement(TextView, Object.assign({}, rest, {
     as: as,
     id: id,
     style: style,

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type TextProps from './Text.types'\n\nimport TextView from './Text.styled'\n\nexport const TEXT_TEST_ID = 'bezier-react-text'\n\nfunction Text(\n  {\n    as,\n    testId = TEXT_TEST_ID,\n    bold = false,\n    italic = false,\n    color,\n    typo = Typography.Size15,\n    truncated = false,\n    marginTop = 0,\n    marginRight = 0,\n    marginBottom = 0,\n    marginLeft = 0,\n    marginVertical = 0,\n    marginHorizontal = 0,\n    marginAll = 0,\n    style,\n    id,\n    className,\n    children,\n    onClick = noop,\n    /** To receive various HTMLElement attributes */\n    ...rest\n  }: TextProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  return (\n    <TextView\n      {...rest}\n      as={as}\n      id={id}\n      style={style}\n      ref={forwardedRef}\n      className={className}\n      bold={bold}\n      italic={italic}\n      color={color}\n      typo={typo}\n      truncated={truncated}\n      data-testid={testId}\n      margintop={marginTop || marginVertical || marginAll}\n      marginright={marginRight || marginHorizontal || marginAll}\n      marginbottom={marginBottom || marginVertical || marginAll}\n      marginleft={marginLeft || marginHorizontal || marginAll}\n      onClick={onClick}\n    >\n      { children }\n    </TextView>\n  )\n}\n\nexport default forwardRef(Text)\n"],"names":["TEXT_TEST_ID","Text","_a","forwardedRef","as","testId","bold","italic","color","typo","Typography","Size15","truncated","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","marginAll","style","id","className","children","onClick","noop","rest","__rest","React","createElement","TextView","ref","margintop","marginright","marginbottom","marginleft","forwardRef"],"mappings":";;;;;;AAUO,MAAMA,YAAY,GAAG,oBAAmB;AAE/C,SAASC,IAAI,CACXC,EAsBY,EACZC,YAAoC,EAAA;EAvBpC,IAAA;MACEC,EAAE;AACFC,MAAAA,MAAM,GAAGL,YAAY;AACrBM,MAAAA,IAAI,GAAG,KAAK;AACZC,MAAAA,MAAM,GAAG,KAAK;MACdC,KAAK;MACLC,IAAI,GAAGC,UAAU,CAACC,MAAM;AACxBC,MAAAA,SAAS,GAAG,KAAK;AACjBC,MAAAA,SAAS,GAAG,CAAC;AACbC,MAAAA,WAAW,GAAG,CAAC;AACfC,MAAAA,YAAY,GAAG,CAAC;AAChBC,MAAAA,UAAU,GAAG,CAAC;AACdC,MAAAA,cAAc,GAAG,CAAC;AAClBC,MAAAA,gBAAgB,GAAG,CAAC;AACpBC,MAAAA,SAAS,GAAG,CAAC;MACbC,KAAK;MACLC,EAAE;MACFC,SAAS;MACTC,QAAQ;AACRC,MAAAA,OAAO,GAAGC,IAAAA;AAGA,KAAA,GAAAvB,EAAA;AAFV;IACGwB,IAAI,GAAAC,MAAA,CAAAzB,EAAA,EArBT,gOAsBC,CADQ,CAAA;AAIT,EAAA,OACE0B,cAAC,CAAAC,aAAA,CAAAC,QAAQ,oBACHJ,IAAI,EAAA;AACRtB,IAAAA,EAAE,EAAEA,EAAE;AACNiB,IAAAA,EAAE,EAAEA,EAAE;AACND,IAAAA,KAAK,EAAEA,KAAK;AACZW,IAAAA,GAAG,EAAE5B,YAAY;AACjBmB,IAAAA,SAAS,EAAEA,SAAS;AACpBhB,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,KAAK,EAAEA,KAAK;AACZC,IAAAA,IAAI,EAAEA,IAAI;AACVG,IAAAA,SAAS,EAAEA,SAAS;mBACPP,MAAM;AACnB2B,IAAAA,SAAS,EAAEnB,SAAS,IAAII,cAAc,IAAIE,SAAS;AACnDc,IAAAA,WAAW,EAAEnB,WAAW,IAAII,gBAAgB,IAAIC,SAAS;AACzDe,IAAAA,YAAY,EAAEnB,YAAY,IAAIE,cAAc,IAAIE,SAAS;AACzDgB,IAAAA,UAAU,EAAEnB,UAAU,IAAIE,gBAAgB,IAAIC,SAAS;AACvDK,IAAAA,OAAO,EAAEA,OAAAA;MAEPD,QAAQ,CACD,CAAA;AAEf,CAAA;AAEA,aAAea,UAAU,CAACnC,IAAI,CAAC;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Typography } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type TextProps from './Text.types'\n\nimport TextView from './Text.styled'\n\nexport const TEXT_TEST_ID = 'bezier-react-text'\n\nfunction Text(\n  {\n    as,\n    testId = TEXT_TEST_ID,\n    bold = false,\n    italic = false,\n    color,\n    typo = Typography.Size15,\n    truncated = false,\n    marginTop = 0,\n    marginRight = 0,\n    marginBottom = 0,\n    marginLeft = 0,\n    marginVertical = 0,\n    marginHorizontal = 0,\n    marginAll = 0,\n    style,\n    id,\n    className,\n    children,\n    onClick = noop,\n    /** To receive various HTMLElement attributes */\n    ...rest\n  }: TextProps,\n  forwardedRef: React.Ref<HTMLElement>,\n) {\n  return (\n    <TextView\n      {...rest}\n      as={as}\n      id={id}\n      style={style}\n      ref={forwardedRef}\n      className={className}\n      bold={bold}\n      italic={italic}\n      color={color}\n      typo={typo}\n      truncated={truncated}\n      data-testid={testId}\n      margintop={marginTop || marginVertical || marginAll}\n      marginright={marginRight || marginHorizontal || marginAll}\n      marginbottom={marginBottom || marginVertical || marginAll}\n      marginleft={marginLeft || marginHorizontal || marginAll}\n      onClick={onClick}\n    >\n      { children }\n    </TextView>\n  )\n}\n\nexport default forwardRef(Text)\n"],"names":["TEXT_TEST_ID","Text","_a","forwardedRef","as","testId","bold","italic","color","typo","Typography","Size15","truncated","marginTop","marginRight","marginBottom","marginLeft","marginVertical","marginHorizontal","marginAll","style","id","className","children","onClick","noop","rest","__rest","React","createElement","TextView","ref","margintop","marginright","marginbottom","marginleft","forwardRef"],"mappings":";;;;;;AAUO,MAAMA,YAAY,GAAG,oBAAmB;AAE/C,SAASC,IAAI,CACXC,EAsBY,EACZC,YAAoC,EAAA;EAvBpC,IAAA;MACEC,EAAE;AACFC,MAAAA,MAAM,GAAGL,YAAY;AACrBM,MAAAA,IAAI,GAAG,KAAK;AACZC,MAAAA,MAAM,GAAG,KAAK;MACdC,KAAK;MACLC,IAAI,GAAGC,UAAU,CAACC,MAAM;AACxBC,MAAAA,SAAS,GAAG,KAAK;AACjBC,MAAAA,SAAS,GAAG,CAAC;AACbC,MAAAA,WAAW,GAAG,CAAC;AACfC,MAAAA,YAAY,GAAG,CAAC;AAChBC,MAAAA,UAAU,GAAG,CAAC;AACdC,MAAAA,cAAc,GAAG,CAAC;AAClBC,MAAAA,gBAAgB,GAAG,CAAC;AACpBC,MAAAA,SAAS,GAAG,CAAC;MACbC,KAAK;MACLC,EAAE;MACFC,SAAS;MACTC,QAAQ;AACRC,MAAAA,OAAO,GAAGC,IAAAA;AAGA,KAAA,GAAAvB,EAAA;AAFV;IACGwB,IAAI,GAAAC,MAAA,CAAAzB,EAAA,EArBT,gOAsBC,CADQ,CAAA;AAIT,EAAA,OACE0B,UAAC,CAAAC,aAAA,CAAAC,QAAQ,oBACHJ,IAAI,EAAA;AACRtB,IAAAA,EAAE,EAAEA,EAAE;AACNiB,IAAAA,EAAE,EAAEA,EAAE;AACND,IAAAA,KAAK,EAAEA,KAAK;AACZW,IAAAA,GAAG,EAAE5B,YAAY;AACjBmB,IAAAA,SAAS,EAAEA,SAAS;AACpBhB,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,KAAK,EAAEA,KAAK;AACZC,IAAAA,IAAI,EAAEA,IAAI;AACVG,IAAAA,SAAS,EAAEA,SAAS;mBACPP,MAAM;AACnB2B,IAAAA,SAAS,EAAEnB,SAAS,IAAII,cAAc,IAAIE,SAAS;AACnDc,IAAAA,WAAW,EAAEnB,WAAW,IAAII,gBAAgB,IAAIC,SAAS;AACzDe,IAAAA,YAAY,EAAEnB,YAAY,IAAIE,cAAc,IAAIE,SAAS;AACzDgB,IAAAA,UAAU,EAAEnB,UAAU,IAAIE,gBAAgB,IAAIC,SAAS;AACvDK,IAAAA,OAAO,EAAEA,OAAAA;MAEPD,QAAQ,CACD,CAAA;AAEf,CAAA;AAEA,aAAea,UAAU,CAACnC,IAAI,CAAC;;;;"}

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

@@ -1,9 +1,9 @@
 import { type ComponentType, type ReactNode } from 'react';
 import type React from 'react';
+import { type IconName } from '@channel.io/bezier-icons';
 import { type TransitionDuration } from "../../foundation";
 import { type BezierComponentProps, type ContentProps } from "../../types/ComponentProps";
 import { type InjectedInterpolation } from "../../types/Foundation";
-import { type IconName } from "../Icon";
 export declare enum ToastPlacement {
     BottomLeft = "bottomLeft",
     BottomRight = "bottomRight"

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.js","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nimport { type IconName } from '~/src/components/Icon'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  iconName: IconName\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  iconName?: IconName\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  iconName?: IconName\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  iconName: 'info-filled',\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","iconName","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;IAiBYA,eAGX;AAHD,CAAA,UAAYA,cAAc,EAAA;AACxBA,EAAAA,cAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EAHWA,cAAc,KAAdA,cAAc,GAGzB,EAAA,CAAA,CAAA,CAAA;IAEWC,gBAKX;AALD,CAAA,UAAYA,eAAe,EAAA;AACzBA,EAAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALWA,eAAe,KAAfA,eAAe,GAK1B,EAAA,CAAA,CAAA,CAAA;IAEWC,eAKX;AALD,CAAA,UAAYA,cAAc,EAAA;AACxBA,EAAAA,cAAA,CAAA,SAAA,CAAA,GAAA,oBAA8B,CAAA;AAC9BA,EAAAA,cAAA,CAAA,SAAA,CAAA,GAAA,qBAA+B,CAAA;AAC/BA,EAAAA,cAAA,CAAA,OAAA,CAAA,GAAA,kBAA0B,CAAA;AAC1BA,EAAAA,cAAA,CAAA,MAAA,CAAA,GAAA,mBAA0B,CAAA;AAC5B,CAAC,EALWA,cAAc,KAAdA,cAAc,GAKzB,EAAA,CAAA,CAAA,CAAA;IAEWC,YAMX;AAND,CAAA,UAAYA,WAAW,EAAA;AACrBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EANWA,WAAW,KAAXA,WAAW,GAMtB,EAAA,CAAA,CAAA,CAAA;AAmDM,MAAMC,cAAc,GAAiB;AAC1CC,EAAAA,QAAQ,EAAE,aAAa;EACvBC,UAAU,EAAEL,eAAe,CAACM,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;;;;;"}
+{"version":3,"file":"Toast.types.js","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport { type IconName } from '@channel.io/bezier-icons'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  iconName: IconName\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  iconName?: IconName\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  iconName?: IconName\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  iconName: 'info-filled',\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","iconName","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;IAiBYA,eAGX;AAHD,CAAA,UAAYA,cAAc,EAAA;AACxBA,EAAAA,cAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,cAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC7B,CAAC,EAHWA,cAAc,KAAdA,cAAc,GAGzB,EAAA,CAAA,CAAA,CAAA;IAEWC,gBAKX;AALD,CAAA,UAAYA,eAAe,EAAA;AACzBA,EAAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALWA,eAAe,KAAfA,eAAe,GAK1B,EAAA,CAAA,CAAA,CAAA;IAEWC,eAKX;AALD,CAAA,UAAYA,cAAc,EAAA;AACxBA,EAAAA,cAAA,CAAA,SAAA,CAAA,GAAA,oBAA8B,CAAA;AAC9BA,EAAAA,cAAA,CAAA,SAAA,CAAA,GAAA,qBAA+B,CAAA;AAC/BA,EAAAA,cAAA,CAAA,OAAA,CAAA,GAAA,kBAA0B,CAAA;AAC1BA,EAAAA,cAAA,CAAA,MAAA,CAAA,GAAA,mBAA0B,CAAA;AAC5B,CAAC,EALWA,cAAc,KAAdA,cAAc,GAKzB,EAAA,CAAA,CAAA,CAAA;IAEWC,YAMX;AAND,CAAA,UAAYA,WAAW,EAAA;AACrBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,WAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EANWA,WAAW,KAAXA,WAAW,GAMtB,EAAA,CAAA,CAAA,CAAA;AAmDM,MAAMC,cAAc,GAAiB;AAC1CC,EAAAA,QAAQ,EAAE,aAAa;EACvBC,UAAU,EAAEL,eAAe,CAACM,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;;;;;"}

package/build/src/components/Toast/ToastContainer.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
+import e__default from 'react';
 import { Container } from './Toast.styled.js';
 
 const ToastContainer = _a => {
@@ -7,11 +7,11 @@ const ToastContainer = _a => {
       placement
     } = _a,
     props = __rest(_a, ["placement"]);
-  return React__default.createElement(Container, Object.assign({
+  return e__default.createElement(Container, Object.assign({
     placement: placement
   }, props));
 };
-var ToastContainer$1 = React__default.memo(ToastContainer);
+var ToastContainer$1 = e__default.memo(ToastContainer);
 
 export { ToastContainer$1 as default };
 //# sourceMappingURL=ToastContainer.js.map

package/build/src/components/Toast/ToastContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContainer.js","sources":["../../../../src/components/Toast/ToastContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { type ToastContainerProps } from './Toast.types'\n\nimport { Container } from './Toast.styled'\n\nconst ToastContainer = ({\n  placement,\n  ...props\n}: ToastContainerProps) => (\n  <Container\n    placement={placement}\n    {...props}\n  />\n)\n\nexport default React.memo(ToastContainer)\n"],"names":["ToastContainer","_a","placement","props","__rest","React","createElement","Container","Object","assign","memo"],"mappings":";;;;AAMA,MAAMA,cAAc,GAAIC,EAGF,IAAI;EAHF,IAAA;AACtBC,MAAAA,SAAAA;AAEoB,KAAA,GAAAD,EAAA;IADjBE,KAAK,GAAAC,MAAA,CAAAH,EAAA,EAFc,aAGvB,CADS,CAAA;EACiB,OACzBI,cAAC,CAAAC,aAAA,CAAAC,SAAS,EACRC,MAAA,CAAAC,MAAA,CAAA;AAAAP,IAAAA,SAAS,EAAEA,SAAAA;GACP,EAAAC,KAAK,CACT,CAAA,CAAA;CACH,CAAA;AAED,uBAAeE,cAAK,CAACK,IAAI,CAACV,cAAc,CAAC;;;;"}
+{"version":3,"file":"ToastContainer.js","sources":["../../../../src/components/Toast/ToastContainer.tsx"],"sourcesContent":["import React from 'react'\n\nimport { type ToastContainerProps } from './Toast.types'\n\nimport { Container } from './Toast.styled'\n\nconst ToastContainer = ({\n  placement,\n  ...props\n}: ToastContainerProps) => (\n  <Container\n    placement={placement}\n    {...props}\n  />\n)\n\nexport default React.memo(ToastContainer)\n"],"names":["ToastContainer","_a","placement","props","__rest","React","createElement","Container","Object","assign","memo"],"mappings":";;;;AAMA,MAAMA,cAAc,GAAIC,EAGF,IAAI;EAHF,IAAA;AACtBC,MAAAA,SAAAA;AAEoB,KAAA,GAAAD,EAAA;IADjBE,KAAK,GAAAC,MAAA,CAAAH,EAAA,EAFc,aAGvB,CADS,CAAA;EACiB,OACzBI,UAAC,CAAAC,aAAA,CAAAC,SAAS,EACRC,MAAA,CAAAC,MAAA,CAAA;AAAAP,IAAAA,SAAS,EAAEA,SAAAA;GACP,EAAAC,KAAK,CACT,CAAA,CAAA;CACH,CAAA;AAED,uBAAeE,UAAK,CAACK,IAAI,CAACV,cAAc,CAAC;;;;"}

package/build/src/components/Toast/ToastController.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import e__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { window } from '../../utils/domUtils.js';
 import { showedToastTranslateXStyle, initPosition } from './utils.js';
 
@@ -38,7 +38,7 @@ function ToastController(_a) {
     return clearDismissTimer;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoDismiss, version]);
-  return React__default.createElement(ToastElement, Object.assign({
+  return e__default.createElement(ToastElement, Object.assign({
     transitionDuration: transitionDuration,
     placement: placement,
     onDismiss: handleDismiss
@@ -46,7 +46,7 @@ function ToastController(_a) {
     transform: transform
   }));
 }
-var ToastController$1 = React__default.memo(ToastController);
+var ToastController$1 = e__default.memo(ToastController);
 
 export { ToastController$1 as default };
 //# sourceMappingURL=ToastController.js.map

package/build/src/components/Toast/ToastController.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastController.js","sources":["../../../../src/components/Toast/ToastController.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { window } from '~/src/utils/domUtils'\n\nimport { type ToastControllerProps } from './Toast.types'\nimport {\n  initPosition,\n  showedToastTranslateXStyle,\n} from './utils'\n\nfunction ToastController({\n  autoDismissTimeout,\n  transitionDuration,\n  autoDismiss,\n  placement,\n  component: ToastElement,\n  onDismiss,\n  version = 0,\n  ...props\n}: ToastControllerProps) {\n  const [transform, setTransform] = useState(showedToastTranslateXStyle)\n  const dismissTimer = useRef<ReturnType<Window['setTimeout']>>()\n\n  const handleDismiss = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    setTransform(initPosition(placement))\n    dismissTimer.current = window.setTimeout(() => {\n      onDismiss(e)\n    }, transitionDuration)\n  }, [\n    onDismiss,\n    placement,\n    transitionDuration,\n  ])\n\n  const startDismissTimer = useCallback(() => {\n    dismissTimer.current = window.setTimeout(handleDismiss, autoDismissTimeout)\n  }, [\n    autoDismissTimeout,\n    handleDismiss,\n  ])\n\n  const clearDismissTimer = useCallback(() => {\n    if (dismissTimer.current != null) {\n      clearTimeout(dismissTimer.current)\n    }\n  }, [])\n\n  useEffect(function initStartDismissTimer() {\n    clearDismissTimer()\n    if (autoDismiss) {\n      dismissTimer.current = window.setTimeout(startDismissTimer, transitionDuration)\n    }\n    return clearDismissTimer\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    autoDismiss,\n    version,\n  ])\n\n  return (\n    <ToastElement\n      transitionDuration={transitionDuration}\n      placement={placement}\n      onDismiss={handleDismiss}\n      {...props}\n      transform={transform}\n    />\n  )\n}\n\nexport default React.memo(ToastController)\n"],"names":["ToastController","_a","autoDismissTimeout","transitionDuration","autoDismiss","placement","component","ToastElement","onDismiss","version","props","__rest","transform","setTransform","useState","showedToastTranslateXStyle","dismissTimer","useRef","handleDismiss","useCallback","e","initPosition","current","window","setTimeout","startDismissTimer","clearDismissTimer","clearTimeout","useEffect","initStartDismissTimer","React","Object","assign","memo"],"mappings":";;;;;AAeA,SAASA,eAAe,CAACC,EASF,EAAA;MATE;MACvBC,kBAAkB;MAClBC,kBAAkB;MAClBC,WAAW;MACXC,SAAS;AACTC,MAAAA,SAAS,EAAEC,YAAY;MACvBC,SAAS;AACTC,MAAAA,OAAO,GAAG,CAAA;UAEW;IADlBC,KAAK,GAReC,MAAA,CAAAV,EAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,CASxB,CADS,CAAA;EAER,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAACC,0BAA0B,CAAC,CAAA;EACtE,MAAMC,YAAY,GAAGC,MAAM,EAAoC,CAAA;AAE/D,EAAA,MAAMC,aAAa,GAAGC,WAAW,CAAEC,CAAmC,IAAI;AACxEP,IAAAA,YAAY,CAACQ,YAAY,CAAChB,SAAS,CAAC,CAAC,CAAA;AACrCW,IAAAA,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC,MAAK;MAC5ChB,SAAS,CAACY,CAAC,CAAC,CAAA;KACb,EAAEjB,kBAAkB,CAAC,CAAA;GACvB,EAAE,CACDK,SAAS,EACTH,SAAS,EACTF,kBAAkB,CACnB,CAAC,CAAA;AAEF,EAAA,MAAMsB,iBAAiB,GAAGN,WAAW,CAAC,MAAK;IACzCH,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACN,aAAa,EAAEhB,kBAAkB,CAAC,CAAA;AAC7E,GAAC,EAAE,CACDA,kBAAkB,EAClBgB,aAAa,CACd,CAAC,CAAA;AAEF,EAAA,MAAMQ,iBAAiB,GAAGP,WAAW,CAAC,MAAK;AACzC,IAAA,IAAIH,YAAY,CAACM,OAAO,IAAI,IAAI,EAAE;AAChCK,MAAAA,YAAY,CAACX,YAAY,CAACM,OAAO,CAAC,CAAA;AACnC,KAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAENM,SAAS,CAAC,SAASC,qBAAqB,GAAA;AACtCH,IAAAA,iBAAiB,EAAE,CAAA;AACnB,IAAA,IAAItB,WAAW,EAAE;MACfY,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACC,iBAAiB,EAAEtB,kBAAkB,CAAC,CAAA;AAChF,KAAA;AACD,IAAA,OAAOuB,iBAAiB,CAAA;AAC1B;AACA,GAAC,EAAE,CACDtB,WAAW,EACXK,OAAO,CACR,CAAC,CAAA;EAEF,OACEqB,6BAACvB,YAAY,EAAAwB,MAAA,CAAAC,MAAA,CAAA;AACX7B,IAAAA,kBAAkB,EAAEA,kBAAkB;AACtCE,IAAAA,SAAS,EAAEA,SAAS;AACpBG,IAAAA,SAAS,EAAEU,aAAAA;GAAa,EACpBR,KAAK,EAAA;AACTE,IAAAA,SAAS,EAAEA,SAAAA;AACX,GAAA,CAAA,CAAA,CAAA;AAEN,CAAA;AAEA,wBAAekB,cAAK,CAACG,IAAI,CAACjC,eAAe,CAAC;;;;"}
+{"version":3,"file":"ToastController.js","sources":["../../../../src/components/Toast/ToastController.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\n\nimport { window } from '~/src/utils/domUtils'\n\nimport { type ToastControllerProps } from './Toast.types'\nimport {\n  initPosition,\n  showedToastTranslateXStyle,\n} from './utils'\n\nfunction ToastController({\n  autoDismissTimeout,\n  transitionDuration,\n  autoDismiss,\n  placement,\n  component: ToastElement,\n  onDismiss,\n  version = 0,\n  ...props\n}: ToastControllerProps) {\n  const [transform, setTransform] = useState(showedToastTranslateXStyle)\n  const dismissTimer = useRef<ReturnType<Window['setTimeout']>>()\n\n  const handleDismiss = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    setTransform(initPosition(placement))\n    dismissTimer.current = window.setTimeout(() => {\n      onDismiss(e)\n    }, transitionDuration)\n  }, [\n    onDismiss,\n    placement,\n    transitionDuration,\n  ])\n\n  const startDismissTimer = useCallback(() => {\n    dismissTimer.current = window.setTimeout(handleDismiss, autoDismissTimeout)\n  }, [\n    autoDismissTimeout,\n    handleDismiss,\n  ])\n\n  const clearDismissTimer = useCallback(() => {\n    if (dismissTimer.current != null) {\n      clearTimeout(dismissTimer.current)\n    }\n  }, [])\n\n  useEffect(function initStartDismissTimer() {\n    clearDismissTimer()\n    if (autoDismiss) {\n      dismissTimer.current = window.setTimeout(startDismissTimer, transitionDuration)\n    }\n    return clearDismissTimer\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    autoDismiss,\n    version,\n  ])\n\n  return (\n    <ToastElement\n      transitionDuration={transitionDuration}\n      placement={placement}\n      onDismiss={handleDismiss}\n      {...props}\n      transform={transform}\n    />\n  )\n}\n\nexport default React.memo(ToastController)\n"],"names":["ToastController","_a","autoDismissTimeout","transitionDuration","autoDismiss","placement","component","ToastElement","onDismiss","version","props","__rest","transform","setTransform","useState","showedToastTranslateXStyle","dismissTimer","useRef","handleDismiss","useCallback","e","initPosition","current","window","setTimeout","startDismissTimer","clearDismissTimer","clearTimeout","useEffect","initStartDismissTimer","React","Object","assign","memo"],"mappings":";;;;;AAeA,SAASA,eAAe,CAACC,EASF,EAAA;MATE;MACvBC,kBAAkB;MAClBC,kBAAkB;MAClBC,WAAW;MACXC,SAAS;AACTC,MAAAA,SAAS,EAAEC,YAAY;MACvBC,SAAS;AACTC,MAAAA,OAAO,GAAG,CAAA;UAEW;IADlBC,KAAK,GAReC,MAAA,CAAAV,EAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,CASxB,CADS,CAAA;EAER,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAACC,0BAA0B,CAAC,CAAA;EACtE,MAAMC,YAAY,GAAGC,MAAM,EAAoC,CAAA;AAE/D,EAAA,MAAMC,aAAa,GAAGC,WAAW,CAAEC,CAAmC,IAAI;AACxEP,IAAAA,YAAY,CAACQ,YAAY,CAAChB,SAAS,CAAC,CAAC,CAAA;AACrCW,IAAAA,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC,MAAK;MAC5ChB,SAAS,CAACY,CAAC,CAAC,CAAA;KACb,EAAEjB,kBAAkB,CAAC,CAAA;GACvB,EAAE,CACDK,SAAS,EACTH,SAAS,EACTF,kBAAkB,CACnB,CAAC,CAAA;AAEF,EAAA,MAAMsB,iBAAiB,GAAGN,WAAW,CAAC,MAAK;IACzCH,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACN,aAAa,EAAEhB,kBAAkB,CAAC,CAAA;AAC7E,GAAC,EAAE,CACDA,kBAAkB,EAClBgB,aAAa,CACd,CAAC,CAAA;AAEF,EAAA,MAAMQ,iBAAiB,GAAGP,WAAW,CAAC,MAAK;AACzC,IAAA,IAAIH,YAAY,CAACM,OAAO,IAAI,IAAI,EAAE;AAChCK,MAAAA,YAAY,CAACX,YAAY,CAACM,OAAO,CAAC,CAAA;AACnC,KAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAENM,SAAS,CAAC,SAASC,qBAAqB,GAAA;AACtCH,IAAAA,iBAAiB,EAAE,CAAA;AACnB,IAAA,IAAItB,WAAW,EAAE;MACfY,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACC,iBAAiB,EAAEtB,kBAAkB,CAAC,CAAA;AAChF,KAAA;AACD,IAAA,OAAOuB,iBAAiB,CAAA;AAC1B;AACA,GAAC,EAAE,CACDtB,WAAW,EACXK,OAAO,CACR,CAAC,CAAA;EAEF,OACEqB,yBAACvB,YAAY,EAAAwB,MAAA,CAAAC,MAAA,CAAA;AACX7B,IAAAA,kBAAkB,EAAEA,kBAAkB;AACtCE,IAAAA,SAAS,EAAEA,SAAS;AACpBG,IAAAA,SAAS,EAAEU,aAAAA;GAAa,EACpBR,KAAK,EAAA;AACTE,IAAAA,SAAS,EAAEA,SAAAA;AACX,GAAA,CAAA,CAAA,CAAA;AAEN,CAAA;AAEA,wBAAekB,UAAK,CAACG,IAAI,CAACjC,eAAe,CAAC;;;;"}

package/build/src/components/Toast/ToastElement.js

@@ -1,17 +1,16 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useMemo } from 'react';
+import e__default, { forwardRef, useMemo } from 'react';
+import { C as r } from '../../../node_modules/@channel.io/bezier-icons/dist/react/cancel.mjs.js';
 import { isString } from '../../utils/typeUtils.js';
 import Text from '../Text/Text.js';
 import { ToastPreset } from './Toast.types.js';
 import { getToastPreset } from './utils.js';
 import { Element, IconWrapper, Content, EllipsisableContent, NormalContent, ActionContent, Close } from './Toast.styled.js';
 import v4 from '../../../node_modules/uuid/dist/esm-browser/v4.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import { IconSize } from '../Icon/Icon.types.js';
 import { Icon } from '../Icon/Icon.js';
-import CancelIcon from '../Icon/generated/Cancel.js';
-import '../Icon/generated/index.js';
 import { Typography } from '../../foundation/Typography.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
 
 const TOAST_TEST_ID = 'bezier-react-toast';
 const ToastElement = (_a, forwardedRef) => {
@@ -29,9 +28,9 @@ const ToastElement = (_a, forwardedRef) => {
     props = __rest(_a, ["as", "testId", "preset", "content", "appearance", "iconName", "actionContent", "onClick", "onDismiss"]);
   const ToastContentComponent = useMemo(() => {
     if (isString(content)) {
-      return content.split('\n').map(str => React__default.createElement("div", {
+      return content.split('\n').map(str => e__default.createElement("div", {
         key: v4()
-      }, React__default.createElement(Text, {
+      }, e__default.createElement(Text, {
         typo: Typography.Size14
       }, str)));
     }
@@ -41,31 +40,31 @@ const ToastElement = (_a, forwardedRef) => {
     appearance: presetAppearance,
     iconName: presetIconName
   } = useMemo(() => getToastPreset(preset), [preset]);
-  return React__default.createElement(Element, Object.assign({
+  return e__default.createElement(Element, Object.assign({
     ref: forwardedRef,
     "data-testid": testId
-  }, props), React__default.createElement(IconWrapper, {
+  }, props), e__default.createElement(IconWrapper, {
     appearance: appearance !== null && appearance !== void 0 ? appearance : presetAppearance
-  }, React__default.createElement(LegacyIcon, {
+  }, e__default.createElement(LegacyIcon, {
     name: iconName !== null && iconName !== void 0 ? iconName : presetIconName,
     size: IconSize.S
-  })), React__default.createElement(Content, {
+  })), e__default.createElement(Content, {
     actionContent: actionContent,
     onClick: onClick
-  }, React__default.createElement(EllipsisableContent, null, React__default.createElement(Text, {
+  }, e__default.createElement(EllipsisableContent, null, e__default.createElement(Text, {
     typo: Typography.Size14,
     style: {
       height: '18px'
     }
-  }, React__default.createElement(NormalContent, {
+  }, e__default.createElement(NormalContent, {
     "data-testid": `${TOAST_TEST_ID}-content`
-  }, ToastContentComponent), ' ', actionContent && onClick && React__default.createElement(ActionContent, {
+  }, ToastContentComponent), ' ', actionContent && onClick && e__default.createElement(ActionContent, {
     onClick: onClick
-  }, actionContent)))), React__default.createElement(Close, {
+  }, actionContent)))), e__default.createElement(Close, {
     onClick: onDismiss,
     "data-testid": `${TOAST_TEST_ID}-close`
-  }, React__default.createElement(Icon, {
-    source: CancelIcon,
+  }, e__default.createElement(Icon, {
+    source: r,
     size: IconSize.XS
   })));
 };

package/build/src/components/Toast/ToastElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.js","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  CancelIcon,\n  Icon,\n  IconSize,\n  LegacyIcon,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    iconName,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    iconName: presetIconName,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <LegacyIcon\n          name={iconName ?? presetIconName}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","_a","forwardedRef","as","testId","preset","ToastPreset","Default","content","appearance","iconName","actionContent","onClick","onDismiss","props","__rest","ToastContentComponent","useMemo","isString","split","map","str","React","key","uuid","createElement","Text","typo","Typography","Size14","presetAppearance","presetIconName","getToastPreset","Element","Object","assign","ref","IconWrapper","LegacyIcon","name","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","Icon","source","CancelIcon","XS","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ToastElement.js","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { CancelIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    iconName,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    iconName: presetIconName,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <LegacyIcon\n          name={iconName ?? presetIconName}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","_a","forwardedRef","as","testId","preset","ToastPreset","Default","content","appearance","iconName","actionContent","onClick","onDismiss","props","__rest","ToastContentComponent","useMemo","isString","split","map","str","React","key","uuid","createElement","Text","typo","Typography","Size14","presetAppearance","presetIconName","getToastPreset","Element","Object","assign","ref","IconWrapper","LegacyIcon","name","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","Icon","source","CancelIcon","XS","forwardRef"],"mappings":";;;;;;;;;;;;;;AAkCO,MAAMA,aAAa,GAAG,qBAAoB;AAEjD,MAAMC,YAAY,GAAG,CACnBC,EAWa,EACbC,YAAsB,KACpB;EAbF,IAAA;MACEC,EAAE;AACFC,MAAAA,MAAM,GAAGL,aAAa;MACtBM,MAAM,GAAGC,WAAW,CAACC,OAAO;AAC5BC,MAAAA,OAAO,GAAG,EAAE;MACZC,UAAU;MACVC,QAAQ;MACRC,aAAa;MACbC,OAAO;AACPC,MAAAA,SAAAA;AAEW,KAAA,GAAAZ,EAAA;IADRa,KAAK,GAAAC,MAAA,CAAAd,EAAA,EAVV,wGAWC,CADS,CAAA;AAIV,EAAA,MAAMe,qBAAqB,GAAGC,OAAO,CAAC,MAAK;AACzC,IAAA,IAAIC,QAAQ,CAACV,OAAO,CAAC,EAAE;AACrB,MAAA,OAAOA,OAAO,CAACW,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAEC,GAAG,IACjCC;AAAKC,QAAAA,GAAG,EAAEC,EAAI,EAAA;AAAE,OAAA,EACdF,UAAA,CAAAG,aAAA,CAACC,IAAI,EAAA;QACHC,IAAI,EAAEC,UAAU,CAACC,MAAAA;AAAM,OAAA,EAErBR,GAAG,CACA,CAEV,CAAC,CAAA;AACH,KAAA;AACD,IAAA,OAAOb,OAAO,CAAA;AAChB,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAEb,MAAM;AACJC,IAAAA,UAAU,EAAEqB,gBAAgB;AAC5BpB,IAAAA,QAAQ,EAAEqB,cAAAA;AACX,GAAA,GAAGd,OAAO,CAAC,MAAMe,cAAc,CAAC3B,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;EAEnD,OACEiB,UAAC,CAAAG,aAAA,CAAAQ,OAAO,EACNC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAElC,YAAY;AAAA,IAAA,aAAA,EACJE,MAAAA;GAAM,EACfU,KAAK,CAAA,EAETQ,UAAC,CAAAG,aAAA,CAAAY,WAAW,EACV;IAAA5B,UAAU,EAAEA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAVA,UAAU,GAAIqB,gBAAAA;AAAgB,GAAA,EAE1CR,UAAA,CAAAG,aAAA,CAACa,UAAU,EACT;AAAAC,IAAAA,IAAI,EAAE7B,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAR,KAAA,CAAA,GAAAA,QAAQ,GAAIqB,cAAc;IAChCS,IAAI,EAAEC,QAAQ,CAACC,CAAAA;IACf,CACU,EACdpB,UAAC,CAAAG,aAAA,CAAAkB,OAAO;AACNhC,IAAAA,aAAa,EAAEA,aAAa;AAC5BC,IAAAA,OAAO,EAAEA,OAAAA;AAAO,GAAA,EAEhBU,UAAA,CAAAG,aAAA,CAACmB,mBAAmB,EAAA,IAAA,EAClBtB,UAAC,CAAAG,aAAA,CAAAC,IAAI;IACHC,IAAI,EAAEC,UAAU,CAACC,MAAM;AACvBgB,IAAAA,KAAK,EAAE;AACLC,MAAAA,MAAM,EAAE,MAAA;AACT,KAAA;AAAA,GAAA,EAEDxB,UAAA,CAAAG,aAAA,CAACsB,aAAa,EACC;IAAA,aAAA,EAAA,GAAGhD,aAAuB,CAAA,QAAA,CAAA;AAAA,GAAA,EAErCiB,qBAAqB,CACT,EACd,GAAG,EACHL,aAAa,IAAIC,OAAO,IACxBU,UAAA,CAAAG,aAAA,CAACuB,aAAa,EAAC;AAAApC,IAAAA,OAAO,EAAEA,OAAAA;KACpBD,aAAa,CAElB,CACI,CACa,CACd,EACVW,UAAC,CAAAG,aAAA,CAAAwB,KAAK;AACJrC,IAAAA,OAAO,EAAEC,SAAS;IACL,aAAA,EAAA,GAAGd,aAAqB,CAAA,MAAA,CAAA;AAAA,GAAA,EAErCuB,UAAA,CAAAG,aAAA,CAACyB,IAAI,EAAA;AACHC,IAAAA,MAAM,EAAEC,CAAU;IAClBZ,IAAI,EAAEC,QAAQ,CAACY,EAAAA;GAAE,CACjB,CACI,CACA,CAAA;AAEd,CAAC,CAAA;AAED,qBAAeC,UAAU,CAACtD,YAAY,CAAC;;;;"}

package/build/src/components/Toast/ToastProvider.js

@@ -1,4 +1,4 @@
-import React__default, { useCallback } from 'react';
+import e__default, { useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { getRootElement } from '../../utils/domUtils.js';
 import { ToastPlacement } from './Toast.types.js';
@@ -23,7 +23,7 @@ function ToastProvider({
     rightToasts,
     dismiss
   } = toastContextValue;
-  const createContainer = useCallback((placement, toasts) => React__default.createElement(ToastContainer, {
+  const createContainer = useCallback((placement, toasts) => e__default.createElement(ToastContainer, {
     key: placement,
     placement: placement
   }, toasts.map(({
@@ -38,7 +38,7 @@ function ToastProvider({
     onDismiss,
     zIndex,
     version
-  }) => React__default.createElement(ToastController, {
+  }) => e__default.createElement(ToastController, {
     key: id,
     placement: placement,
     autoDismiss: autoDismiss !== null && autoDismiss !== void 0 ? autoDismiss : true,
@@ -56,7 +56,7 @@ function ToastProvider({
     zIndex: zIndex,
     version: version
   }))), [autoDismissTimeout, dismiss]);
-  return React__default.createElement(Provider, {
+  return e__default.createElement(Provider, {
     value: toastContextValue
   }, children, createPortal([createContainer(ToastPlacement.BottomLeft, leftToasts), createContainer(ToastPlacement.BottomRight, rightToasts)], getRootElement()));
 }

package/build/src/components/Toast/ToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        iconName,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          iconName={iconName}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","iconName","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAU,CAAA,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAa,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACQ,CAAA,EAAA;EACnB,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AAAO,GACR,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,KACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EACb;AAAAC,IAAAA,GAAG,EAAEL,SAAS;AACdA,IAAAA,SAAS,EAAEA,SAAAA;KAETC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;GACD,KACCf,cAAC,CAAAC,aAAA,CAAAe,eAAe,EACd;AAAAb,IAAAA,GAAG,EAAES,EAAE;AACPd,IAAAA,SAAS,EAAEA,SAAS;AACpBO,IAAAA,WAAW,EAAEA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAI,IAAI;IAChCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAC;AACxCT,IAAAA,aAAa,EAAEA,aAAa;AAC5BC,IAAAA,OAAO,EAAEA,OAAO;AAChBtB,IAAAA,kBAAkB,EAAEA,kBAAkB;AACtCkB,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,UAAU,EAAEA,UAAU;AACtBF,IAAAA,OAAO,EAAEA,OAAO;AAChBG,IAAAA,QAAQ,EAAEA,QAAQ;AAClBW,IAAAA,SAAS,EAAEC,YAAY;AACvBR,IAAAA,SAAS,EAAE,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAC;IACvCS,SAAS,EAAEC,aAAG,CAAE,CAAA;AAChBT,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,OAAO,EAAEA,OAAAA;GACT,CACH,CAAC,CAEL,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,OACEK,cAAC,CAAAC,aAAA,CAAAf,QAAQ,EAAC;AAAAsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAiB,GAAA,EAC9BD,QAAQ,EACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAAE,CACjB,CACQ,CAAA;AAEf;;;;"}
+{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        iconName,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          iconName={iconName}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","iconName","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAU,CAAA,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAa,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACQ,CAAA,EAAA;EACnB,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AAAO,GACR,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,KACjFC,UAAA,CAAAC,aAAA,CAACC,cAAc,EACb;AAAAC,IAAAA,GAAG,EAAEL,SAAS;AACdA,IAAAA,SAAS,EAAEA,SAAAA;KAETC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;GACD,KACCf,UAAC,CAAAC,aAAA,CAAAe,eAAe,EACd;AAAAb,IAAAA,GAAG,EAAES,EAAE;AACPd,IAAAA,SAAS,EAAEA,SAAS;AACpBO,IAAAA,WAAW,EAAEA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAXA,WAAW,GAAI,IAAI;IAChCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAC;AACxCT,IAAAA,aAAa,EAAEA,aAAa;AAC5BC,IAAAA,OAAO,EAAEA,OAAO;AAChBtB,IAAAA,kBAAkB,EAAEA,kBAAkB;AACtCkB,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,UAAU,EAAEA,UAAU;AACtBF,IAAAA,OAAO,EAAEA,OAAO;AAChBG,IAAAA,QAAQ,EAAEA,QAAQ;AAClBW,IAAAA,SAAS,EAAEC,YAAY;AACvBR,IAAAA,SAAS,EAAE,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAC;IACvCS,SAAS,EAAEC,aAAG,CAAE,CAAA;AAChBT,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,OAAO,EAAEA,OAAAA;GACT,CACH,CAAC,CAEL,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,OACEK,UAAC,CAAAC,aAAA,CAAAf,QAAQ,EAAC;AAAAsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAiB,GAAA,EAC9BD,QAAQ,EACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAAE,CACjB,CACQ,CAAA;AAEf;;;;"}

package/build/src/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import e__default, { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { window } from '../../utils/domUtils.js';
 import { TooltipPosition } from './Tooltip.types.js';
 import TooltipContent from './TooltipContent.js';
@@ -65,7 +65,7 @@ function Tooltip(_a, forwardedRef) {
   }, [delayHide, disabled]);
   const TooltipComponent = useMemo(() => {
     if (!lazy || didMount) {
-      return React__default.createElement(TooltipContent, {
+      return e__default.createElement(TooltipContent, {
         as: as,
         content: content,
         contentClassName: contentClassName,
@@ -86,7 +86,7 @@ function Tooltip(_a, forwardedRef) {
   if (!children) {
     return null;
   }
-  return React__default.createElement(Container, Object.assign({
+  return e__default.createElement(Container, Object.assign({
     ref: tooltipContainerRef,
     "data-testid": testId,
     className: className,
@@ -94,7 +94,7 @@ function Tooltip(_a, forwardedRef) {
     onMouseLeave: handleMouseLeave
   }, otherProps), children, show && TooltipComponent);
 }
-var Tooltip$1 = React__default.memo(forwardRef(Tooltip));
+var Tooltip$1 = e__default.memo(forwardRef(Tooltip));
 
 export { TOOLTIP_CONTENT_TEST_ID, TOOLTIP_TEST_ID, Tooltip$1 as default };
 //# sourceMappingURL=Tooltip.js.map

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

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

package/build/src/components/Tooltip/TooltipContent.js

@@ -1,4 +1,4 @@
-import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import e__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import useEventHandler from '../../hooks/useEventHandler.js';
 import useMergeRefs from '../../hooks/useMergeRefs.js';
@@ -13,14 +13,14 @@ import { Typography } from '../../foundation/Typography.js';
 function getNewLineComponent(strContent) {
   return strContent.split('\n').map((str, index) => {
     if (index === 0) {
-      return React__default.createElement(Text, {
+      return e__default.createElement(Text, {
         key: str,
         typo: Typography.Size14
       }, str);
     }
-    return React__default.createElement(React__default.Fragment, {
+    return e__default.createElement(e__default.Fragment, {
       key: str
-    }, React__default.createElement("br", null), React__default.createElement(Text, {
+    }, e__default.createElement("br", null), e__default.createElement(Text, {
       typo: Typography.Size14
     }, str));
   });
@@ -85,17 +85,17 @@ const TooltipContent = ({
     }
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
-  return ReactDOM.createPortal(React__default.createElement(ContentWrapper, {
+  return ReactDOM.createPortal(e__default.createElement(ContentWrapper, {
     ref: tooltipWrapperRef,
     disabled: disabled || isEmpty(content),
     style: contentWrapperStyle
-  }, React__default.createElement(Content, {
+  }, e__default.createElement(Content, {
     as: as,
     "data-testid": testId,
     className: contentClassName,
     interpolation: contentInterpolation,
     ref: mergedRef
-  }, React__default.createElement(EllipsisableContent, null, ContentComponent))), getRootElement());
+  }, e__default.createElement(EllipsisableContent, null, ContentComponent))), getRootElement());
 };
 var TooltipContent$1 = TooltipContent;