@channel.io/bezier-react 1.5.0 → 1.6.0

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

@@ -0,0 +1,27 @@
+import { ellipsis } from '../../foundation/Mixins.mjs';
+import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+
+function getMargin({
+  margintop,
+  marginright,
+  marginbottom,
+  marginleft
+}) {
+  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`;
+}
+const Text = /*#__PURE__*/FoundationStyled.span.withConfig({
+  displayName: "Textstyled__Text",
+  componentId: "sc-1u7b1ni-0"
+})(["", ";", " ", ";margin:", ";font-style:", ";font-weight:", ";color:", ";", ""], props => props.typo, props => props.truncated && FoundationCSS`
+    display: block;
+    ${ellipsis()}
+  `, props => props.interpolation, getMargin, props => props.italic ? 'italic' : 'normal', props => props.bold ? 'bold' : 'normal', ({
+  foundation,
+  color
+}) => color && foundation?.theme?.[color] || 'inherit', ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('color'));
+var TextView = Text;
+
+export { TextView as default };
+//# sourceMappingURL=Text.styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.styled.mjs","sources":["../../../../src/components/Text/Text.styled.ts"],"sourcesContent":["import {\n  css,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { type ColorProps } from '~/src/types/ComponentProps'\n\nimport type TextProps from './Text.types'\n\ninterface TextStyledProps extends ColorProps {\n  margintop: number\n  marginright: number\n  marginbottom: number\n  marginleft: number\n}\n\nfunction getMargin({\n  margintop,\n  marginright,\n  marginbottom,\n  marginleft,\n}: TextStyledProps): string {\n  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`\n}\n\nconst Text = styled.span<TextProps & TextStyledProps>`\n  ${props => props.typo};\n  ${props => props.truncated && css`\n    display: block;\n    ${ellipsis()}\n  `}\n  ${props => props.interpolation};\n  margin: ${getMargin};\n  font-style: ${props => (props.italic ? 'italic' : 'normal')};\n  font-weight: ${props => (props.bold ? 'bold' : 'normal')};\n  color: ${({ foundation, color }) => (color && foundation?.theme?.[color]) || 'inherit'};\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('color')}\n`\n\nexport default Text\n"],"names":["getMargin","margintop","marginright","marginbottom","marginleft","Text","styled","span","withConfig","displayName","componentId","props","typo","truncated","css","ellipsis","interpolation","italic","bold","foundation","color","theme","transition","getTransitionsCSS"],"mappings":";;;AAiBA,SAASA,SAASA,CAAC;EACjBC,SAAS;EACTC,WAAW;EACXC,YAAY;AACZC,EAAAA,UAAAA;AACe,CAAC,EAAU;EAC1B,OAAQ,CAAA,EAAEH,SAAU,CAAKC,GAAAA,EAAAA,WAAY,MAAKC,YAAa,CAAA,GAAA,EAAKC,UAAW,CAAG,EAAA,CAAA,CAAA;AAC5E,CAAA;AAEA,MAAMC,IAAI,gBAAGC,gBAAM,CAACC,IAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,UAAA,EAAA,cAAA,EAAA,eAAA,EAAA,SAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EACpBC,KAAK,IAAIA,KAAK,CAACC,IAAI,EACnBD,KAAK,IAAIA,KAAK,CAACE,SAAS,IAAIC,aAAI,CAAA;AACpC;AACA,IAAMC,EAAAA,QAAQ,EAAG,CAAA;AACjB,EAAA,CAAG,EACCJ,KAAK,IAAIA,KAAK,CAACK,aAAa,EACpBhB,SAAS,EACLW,KAAK,IAAKA,KAAK,CAACM,MAAM,GAAG,QAAQ,GAAG,QAAS,EAC5CN,KAAK,IAAKA,KAAK,CAACO,IAAI,GAAG,MAAM,GAAG,QAAS,EAC/C,CAAC;EAAEC,UAAU;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAMA,KAAK,IAAID,UAAU,EAAEE,KAAK,GAAGD,KAAK,CAAC,IAAK,SAAS,EAEpF,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,UAAU,EAAEC,iBAAiB,CAAC,OAAO,CAAC,CACzE,CAAA;AAED,eAAelB,IAAI;;;;"}

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

@@ -0,0 +1,87 @@
+import { ZIndex } from '../../constants/ZIndex.mjs';
+import { ToastPlacement } from './Toast.types.mjs';
+import { getPlacement, initPosition, showedToastTranslateXStyle, getIconColor } from './utils.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+import { Transition } from '../../foundation/Transition/index.mjs';
+import { ellipsis } from '../../foundation/Mixins.mjs';
+import { LineHeightAbsoluteNumber } from '../../foundation/Typography.mjs';
+
+const Container = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__Container",
+  componentId: "sc-1pq9f26-0"
+})(["position:absolute;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;max-height:100vh;padding:16px;overflow:hidden;pointer-events:none;", ""], ({
+  placement
+}) => getPlacement(placement));
+const Element = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__Element",
+  componentId: "sc-1pq9f26-1"
+})(["@keyframes ToastAnimationLeft{from{", "}to{", "}}@keyframes ToastAnimationRight{from{", "}to{", "}}position:relative;z-index:", ";display:flex;align-items:flex-start;width:288px;padding:16px;margin-top:6px;", " ", ";pointer-events:auto;background-color:", ";transition:", ";animation:", ";", ""], initPosition(ToastPlacement.BottomLeft), showedToastTranslateXStyle, initPosition(ToastPlacement.BottomRight), showedToastTranslateXStyle, ({
+  zIndex
+}) => zIndex ?? ZIndex.Toast, ({
+  foundation
+}) => foundation?.rounding?.round12, ({
+  foundation
+}) => foundation?.elevation.ev3(true), ({
+  foundation
+}) => foundation?.subTheme?.['bg-grey-lighter'], ({
+  foundation,
+  transitionDuration
+}) => foundation?.transition.getTransitionsCSS('transform', transitionDuration), ({
+  transitionDuration,
+  placement
+}) => `
+    ${transitionDuration}ms
+    ${Transition.TransitionEasing}
+    0s
+    1
+    ${placement === ToastPlacement.BottomLeft ? 'ToastAnimationLeft' : 'ToastAnimationRight'}
+  `, ({
+  transform
+}) => transform);
+const IconWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__IconWrapper",
+  componentId: "sc-1pq9f26-2"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:24px;color:", ";"], ({
+  foundation,
+  appearance
+}) => foundation?.subTheme?.[getIconColor(appearance)]);
+const getEllipsisColor = (actionContent, onClick, foundation) => actionContent && onClick ? foundation?.subTheme?.['bgtxt-cobalt-normal'] : foundation?.subTheme?.['txt-black-darkest'];
+const Content = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__Content",
+  componentId: "sc-1pq9f26-3"
+})(["display:flex;flex:1;margin:3px 6px;overflow:hidden;color:", ";"], ({
+  actionContent,
+  onClick,
+  foundation
+}) => getEllipsisColor(actionContent, onClick, foundation));
+const EllipsisableContent = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__EllipsisableContent",
+  componentId: "sc-1pq9f26-4"
+})(["display:flex;flex:1;", ";overflow:visible;word-break:break-word;"], ellipsis(5, LineHeightAbsoluteNumber.Lh18));
+const NormalContent = /*#__PURE__*/FoundationStyled.span.withConfig({
+  displayName: "Toaststyled__NormalContent",
+  componentId: "sc-1pq9f26-5"
+})(["color:", ";"], ({
+  foundation
+}) => foundation?.subTheme?.['txt-black-darkest']);
+const ActionContent = /*#__PURE__*/FoundationStyled.span.withConfig({
+  displayName: "Toaststyled__ActionContent",
+  componentId: "sc-1pq9f26-6"
+})(["color:", ";cursor:pointer;&:hover{text-decoration:underline;}"], ({
+  foundation
+}) => foundation?.subTheme?.['bgtxt-cobalt-normal']);
+const Close = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "Toaststyled__Close",
+  componentId: "sc-1pq9f26-7"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;margin-left:auto;color:", ";cursor:pointer;background-color:", ";border-radius:12px;&:hover{color:", ";background-color:", ";}"], ({
+  foundation
+}) => foundation?.subTheme?.['txt-black-darker'], ({
+  foundation
+}) => foundation?.subTheme?.['bg-black-lighter'], ({
+  foundation
+}) => foundation?.subTheme?.['txt-black-darkest'], ({
+  foundation
+}) => foundation?.subTheme?.['bg-black-light']);
+
+export { ActionContent, Close, Container, Content, Element, EllipsisableContent, IconWrapper, NormalContent };
+//# sourceMappingURL=Toast.styled.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styled.mjs","sources":["../../../../src/components/Toast/Toast.styled.ts"],"sourcesContent":["import {\n  type Foundation,\n  LineHeightAbsoluteNumber,\n  Transition,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport type ToastElementProps from './Toast.types'\nimport {\n  type ToastAppearance,\n  type ToastContainerProps,\n} from './Toast.types'\nimport { ToastPlacement } from './Toast.types'\nimport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n} from './utils'\n\ninterface IconProps {\n  appearance: ToastAppearance\n}\n\nexport const Container = styled.div<ToastContainerProps>`\n  position: absolute;\n  bottom: 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  max-height: 100vh;\n  padding: 16px;\n  overflow: hidden;\n  pointer-events: none;\n  ${({ placement }) => getPlacement(placement)}\n`\n\ninterface StyledToastProps extends Pick<ToastElementProps,\n| 'transform'\n| 'transitionDuration'\n| 'placement'\n| 'zIndex'\n>{}\n\nexport const Element = styled.div<StyledToastProps>`\n  @keyframes ToastAnimationLeft {\n    from {\n      ${initPosition(ToastPlacement.BottomLeft)}\n    }\n\n    to {\n      ${showedToastTranslateXStyle}\n    }\n  }\n\n  @keyframes ToastAnimationRight {\n    from {\n      ${initPosition(ToastPlacement.BottomRight)}\n    }\n\n    to {\n      ${showedToastTranslateXStyle}\n    }\n  }\n\n  position: relative;\n  z-index: ${({ zIndex }) => zIndex ?? ZIndex.Toast};\n  display: flex;\n  align-items: flex-start;\n  width: 288px;\n  padding: 16px;\n  margin-top: 6px;\n  ${({ foundation }) => foundation?.rounding?.round12}\n  ${({ foundation }) => foundation?.elevation.ev3(true)};\n  pointer-events: auto;\n  background-color: ${({ foundation }) => foundation?.subTheme?.['bg-grey-lighter']};\n  transition: ${({ foundation, transitionDuration }) =>\n    foundation?.transition.getTransitionsCSS('transform', transitionDuration)};\n  animation: ${({ transitionDuration, placement }) => `\n    ${transitionDuration}ms\n    ${Transition.TransitionEasing}\n    0s\n    1\n    ${placement === ToastPlacement.BottomLeft ? 'ToastAnimationLeft' : 'ToastAnimationRight'}\n  `};\n  ${({ transform }) => transform}\n`\n\nexport const IconWrapper = styled.div<IconProps>`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 24px;\n  color: ${({ foundation, appearance }) => foundation?.subTheme?.[getIconColor(appearance)]};\n`\n\nconst getEllipsisColor = (\n  actionContent: string | undefined,\n  onClick: Function | undefined,\n  foundation: Foundation | undefined,\n) => (\n  (actionContent && onClick)\n    ? foundation?.subTheme?.['bgtxt-cobalt-normal']\n    : foundation?.subTheme?.['txt-black-darkest']\n)\n\nexport const Content = styled.div<Pick<ToastElementProps, 'actionContent' | 'onClick'>>`\n  display: flex;\n  flex: 1;\n  margin: 3px 6px;\n  overflow: hidden;\n  color: ${({ actionContent, onClick, foundation }) => getEllipsisColor(actionContent, onClick, foundation)};\n`\n\nexport const EllipsisableContent = styled.div`\n  display: flex;\n  flex: 1;\n  ${ellipsis(5, LineHeightAbsoluteNumber.Lh18)};\n\n  overflow: visible;\n  word-break: break-word;\n`\n\nexport const NormalContent = styled.span`\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n`\n\nexport const ActionContent = styled.span`\n  color: ${({ foundation }) => foundation?.subTheme?.['bgtxt-cobalt-normal']};\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nexport const Close = styled.div`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  margin-left: auto;\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darker']};\n  cursor: pointer;\n  background-color: ${({ foundation }) => foundation?.subTheme?.['bg-black-lighter']};\n  border-radius: 12px;\n\n  &:hover {\n    color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n    background-color: ${({ foundation }) => foundation?.subTheme?.['bg-black-light']};\n  }\n`\n"],"names":["Container","styled","div","withConfig","displayName","componentId","placement","getPlacement","Element","initPosition","ToastPlacement","BottomLeft","showedToastTranslateXStyle","BottomRight","zIndex","ZIndex","Toast","foundation","rounding","round12","elevation","ev3","subTheme","transitionDuration","transition","getTransitionsCSS","Transition","TransitionEasing","transform","IconWrapper","appearance","getIconColor","getEllipsisColor","actionContent","onClick","Content","EllipsisableContent","ellipsis","LineHeightAbsoluteNumber","Lh18","NormalContent","span","ActionContent","Close"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import { noop } from '../../utils/functionUtils.mjs';
+
+let ToastPlacement = /*#__PURE__*/function (ToastPlacement) {
+  ToastPlacement["BottomLeft"] = "bottomLeft";
+  ToastPlacement["BottomRight"] = "bottomRight";
+  return ToastPlacement;
+}({});
+let ToastAppearance = /*#__PURE__*/function (ToastAppearance) {
+  ToastAppearance["Success"] = "success";
+  ToastAppearance["Warning"] = "warning";
+  ToastAppearance["Error"] = "error";
+  ToastAppearance["Info"] = "info";
+  return ToastAppearance;
+}({});
+let ToastIconColor = /*#__PURE__*/function (ToastIconColor) {
+  ToastIconColor["Success"] = "bgtxt-green-normal";
+  ToastIconColor["Warning"] = "bgtxt-orange-normal";
+  ToastIconColor["Error"] = "bgtxt-red-normal";
+  ToastIconColor["Info"] = "txt-black-darkest";
+  return ToastIconColor;
+}({});
+let ToastPreset = /*#__PURE__*/function (ToastPreset) {
+  ToastPreset["Default"] = "Default";
+  ToastPreset["Success"] = "Success";
+  ToastPreset["Error"] = "Error";
+  ToastPreset["Offline"] = "Offline";
+  ToastPreset["Online"] = "Online";
+  return ToastPreset;
+}({});
+const defaultOptions = {
+  iconName: 'info-filled',
+  appearance: ToastAppearance.Info,
+  autoDismiss: false,
+  onDismiss: noop,
+  rightSide: false
+};
+
+export { ToastAppearance, ToastIconColor, ToastPlacement, ToastPreset, defaultOptions };
+//# sourceMappingURL=Toast.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.mjs","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":";;AAiBYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAdA,cAAc,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKdC,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOfC,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,oBAAA,CAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,qBAAA,CAAA;EAAdA,cAAc,CAAA,OAAA,CAAA,GAAA,kBAAA,CAAA;EAAdA,cAAc,CAAA,MAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOdC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAyDhB,MAAMC,cAA4B,GAAG;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;AACb;;;;"}

package/dist/esm/components/Toast/ToastContainer.mjs

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { Container } from './Toast.styled.mjs';
+
+const ToastContainer = ({
+  placement,
+  ...props
+}) => /*#__PURE__*/React__default.createElement(Container, Object.assign({
+  placement: placement
+}, props));
+var ToastContainer$1 = /*#__PURE__*/React__default.memo(ToastContainer);
+
+export { ToastContainer$1 as default };
+//# sourceMappingURL=ToastContainer.mjs.map

package/dist/esm/components/Toast/ToastContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.mjs","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","placement","props","React","createElement","Container","Object","assign","memo"],"mappings":";;;AAMA,MAAMA,cAAc,GAAGA,CAAC;EACtBC,SAAS;EACT,GAAGC,KAAAA;AACgB,CAAC,kBACpBC,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACRN,EAAAA,SAAS,EAAEA,SAAAA;AAAU,CACjBC,EAAAA,KAAK,CACV,CACF,CAAA;AAED,uBAAA,aAAeC,cAAK,CAACK,IAAI,CAACR,cAAc,CAAC;;;;"}

package/dist/esm/components/Toast/ToastContext.mjs

@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+import { noop } from '../../utils/functionUtils.mjs';
+
+const ToastContext = /*#__PURE__*/createContext({
+  add: () => '',
+  update: () => '',
+  remove: noop,
+  removeAll: noop,
+  leftToasts: [],
+  rightToasts: []
+});
+var ToastContext$1 = ToastContext;
+
+export { ToastContext$1 as default };
+//# sourceMappingURL=ToastContext.mjs.map

package/dist/esm/components/Toast/ToastContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.mjs","sources":["../../../../src/components/Toast/ToastContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport { type ToastContextType } from './Toast.types'\n\nconst ToastContext = createContext<ToastContextType>({\n  add: () => '',\n  update: () => '',\n  remove: noop,\n  removeAll: noop,\n  leftToasts: [],\n  rightToasts: [],\n})\n\nexport default ToastContext\n"],"names":["ToastContext","createContext","add","update","remove","noop","removeAll","leftToasts","rightToasts"],"mappings":";;;AAMA,MAAMA,YAAY,gBAAGC,aAAa,CAAmB;EACnDC,GAAG,EAAEA,MAAM,EAAE;EACbC,MAAM,EAAEA,MAAM,EAAE;AAChBC,EAAAA,MAAM,EAAEC,IAAI;AACZC,EAAAA,SAAS,EAAED,IAAI;AACfE,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,WAAW,EAAE,EAAA;AACf,CAAC,CAAC,CAAA;AAEF,qBAAeR,YAAY;;;;"}

package/dist/esm/components/Toast/ToastController.mjs

@@ -0,0 +1,50 @@
+import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import { window } from '../../utils/domUtils.mjs';
+import { showedToastTranslateXStyle, initPosition } from './utils.mjs';
+
+function ToastController({
+  autoDismissTimeout,
+  transitionDuration,
+  autoDismiss,
+  placement,
+  component: ToastElement,
+  onDismiss,
+  version = 0,
+  ...props
+}) {
+  const [transform, setTransform] = useState(showedToastTranslateXStyle);
+  const dismissTimer = useRef();
+  const handleDismiss = useCallback(e => {
+    setTransform(initPosition(placement));
+    dismissTimer.current = window.setTimeout(() => {
+      onDismiss(e);
+    }, transitionDuration);
+  }, [onDismiss, placement, transitionDuration]);
+  const startDismissTimer = useCallback(() => {
+    dismissTimer.current = window.setTimeout(handleDismiss, autoDismissTimeout);
+  }, [autoDismissTimeout, handleDismiss]);
+  const clearDismissTimer = useCallback(() => {
+    if (dismissTimer.current != null) {
+      clearTimeout(dismissTimer.current);
+    }
+  }, []);
+  useEffect(function initStartDismissTimer() {
+    clearDismissTimer();
+    if (autoDismiss) {
+      dismissTimer.current = window.setTimeout(startDismissTimer, transitionDuration);
+    }
+    return clearDismissTimer;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoDismiss, version]);
+  return /*#__PURE__*/React__default.createElement(ToastElement, Object.assign({
+    transitionDuration: transitionDuration,
+    placement: placement,
+    onDismiss: handleDismiss
+  }, props, {
+    transform: transform
+  }));
+}
+var ToastController$1 = /*#__PURE__*/React__default.memo(ToastController);
+
+export { ToastController$1 as default };
+//# sourceMappingURL=ToastController.mjs.map

package/dist/esm/components/Toast/ToastController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastController.mjs","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","autoDismissTimeout","transitionDuration","autoDismiss","placement","component","ToastElement","onDismiss","version","props","transform","setTransform","useState","showedToastTranslateXStyle","dismissTimer","useRef","handleDismiss","useCallback","e","initPosition","current","window","setTimeout","startDismissTimer","clearDismissTimer","clearTimeout","useEffect","initStartDismissTimer","React","createElement","Object","assign","memo"],"mappings":";;;;AAeA,SAASA,eAAeA,CAAC;EACvBC,kBAAkB;EAClBC,kBAAkB;EAClBC,WAAW;EACXC,SAAS;AACTC,EAAAA,SAAS,EAAEC,YAAY;EACvBC,SAAS;AACTC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,KAAAA;AACiB,CAAC,EAAE;EACvB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAACC,0BAA0B,CAAC,CAAA;AACtE,EAAA,MAAMC,YAAY,GAAGC,MAAM,EAAoC,CAAA;AAE/D,EAAA,MAAMC,aAAa,GAAGC,WAAW,CAAEC,CAAmC,IAAK;AACzEP,IAAAA,YAAY,CAACQ,YAAY,CAACf,SAAS,CAAC,CAAC,CAAA;AACrCU,IAAAA,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC,MAAM;MAC7Cf,SAAS,CAACW,CAAC,CAAC,CAAA;KACb,EAAEhB,kBAAkB,CAAC,CAAA;GACvB,EAAE,CACDK,SAAS,EACTH,SAAS,EACTF,kBAAkB,CACnB,CAAC,CAAA;AAEF,EAAA,MAAMqB,iBAAiB,GAAGN,WAAW,CAAC,MAAM;IAC1CH,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACN,aAAa,EAAEf,kBAAkB,CAAC,CAAA;AAC7E,GAAC,EAAE,CACDA,kBAAkB,EAClBe,aAAa,CACd,CAAC,CAAA;AAEF,EAAA,MAAMQ,iBAAiB,GAAGP,WAAW,CAAC,MAAM;AAC1C,IAAA,IAAIH,YAAY,CAACM,OAAO,IAAI,IAAI,EAAE;AAChCK,MAAAA,YAAY,CAACX,YAAY,CAACM,OAAO,CAAC,CAAA;AACpC,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAENM,EAAAA,SAAS,CAAC,SAASC,qBAAqBA,GAAG;AACzCH,IAAAA,iBAAiB,EAAE,CAAA;AACnB,IAAA,IAAIrB,WAAW,EAAE;MACfW,YAAY,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACC,iBAAiB,EAAErB,kBAAkB,CAAC,CAAA;AACjF,KAAA;AACA,IAAA,OAAOsB,iBAAiB,CAAA;AAC1B;AACA,GAAC,EAAE,CACDrB,WAAW,EACXK,OAAO,CACR,CAAC,CAAA;EAEF,oBACEoB,cAAA,CAAAC,aAAA,CAACvB,YAAY,EAAAwB,MAAA,CAAAC,MAAA,CAAA;AACX7B,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCE,IAAAA,SAAS,EAAEA,SAAU;AACrBG,IAAAA,SAAS,EAAES,aAAAA;AAAc,GAAA,EACrBP,KAAK,EAAA;AACTC,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,CACtB,CAAC,CAAA;AAEN,CAAA;AAEA,wBAAA,aAAekB,cAAK,CAACI,IAAI,CAAChC,eAAe,CAAC;;;;"}

package/dist/esm/components/Toast/ToastElement.mjs

@@ -0,0 +1,72 @@
+import React__default, { forwardRef, useMemo } from 'react';
+import { CancelIcon } from '@channel.io/bezier-icons';
+import { isString } from '../../utils/typeUtils.mjs';
+import Text from '../Text/Text.mjs';
+import { ToastPreset } from './Toast.types.mjs';
+import { getToastPreset } from './utils.mjs';
+import { Element, IconWrapper, Content, EllipsisableContent, NormalContent, ActionContent, Close } from './Toast.styled.mjs';
+import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.mjs';
+import { IconSize } from '../Icon/Icon.types.mjs';
+import { Icon } from '../Icon/Icon.mjs';
+import { Typography } from '../../foundation/Typography.mjs';
+
+const TOAST_TEST_ID = 'bezier-react-toast';
+const ToastElement = ({
+  as,
+  testId = TOAST_TEST_ID,
+  preset = ToastPreset.Default,
+  content = '',
+  appearance,
+  iconName,
+  actionContent,
+  onClick,
+  onDismiss,
+  ...props
+}, forwardedRef) => {
+  const ToastContentComponent = useMemo(() => {
+    if (isString(content)) {
+      return content.split('\n').map(str => /*#__PURE__*/React__default.createElement("div", {
+        key: v4()
+      }, /*#__PURE__*/React__default.createElement(Text, {
+        typo: Typography.Size14
+      }, str)));
+    }
+    return content;
+  }, [content]);
+  const {
+    appearance: presetAppearance,
+    iconName: presetIconName
+  } = useMemo(() => getToastPreset(preset), [preset]);
+  return /*#__PURE__*/React__default.createElement(Element, Object.assign({
+    ref: forwardedRef,
+    "data-testid": testId
+  }, props), /*#__PURE__*/React__default.createElement(IconWrapper, {
+    appearance: appearance ?? presetAppearance
+  }, /*#__PURE__*/React__default.createElement(LegacyIcon, {
+    name: iconName ?? presetIconName,
+    size: IconSize.S
+  })), /*#__PURE__*/React__default.createElement(Content, {
+    actionContent: actionContent,
+    onClick: onClick
+  }, /*#__PURE__*/React__default.createElement(EllipsisableContent, null, /*#__PURE__*/React__default.createElement(Text, {
+    typo: Typography.Size14,
+    style: {
+      height: '18px'
+    }
+  }, /*#__PURE__*/React__default.createElement(NormalContent, {
+    "data-testid": `${TOAST_TEST_ID}-content`
+  }, ToastContentComponent), ' ', actionContent && onClick && /*#__PURE__*/React__default.createElement(ActionContent, {
+    onClick: onClick
+  }, actionContent)))), /*#__PURE__*/React__default.createElement(Close, {
+    onClick: onDismiss,
+    "data-testid": `${TOAST_TEST_ID}-close`
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    source: CancelIcon,
+    size: IconSize.XS
+  })));
+};
+var ToastElement$1 = /*#__PURE__*/forwardRef(ToastElement);
+
+export { TOAST_TEST_ID, ToastElement$1 as default };
+//# sourceMappingURL=ToastElement.mjs.map

package/dist/esm/components/Toast/ToastElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastElement.mjs","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","as","testId","preset","ToastPreset","Default","content","appearance","iconName","actionContent","onClick","onDismiss","props","forwardedRef","ToastContentComponent","useMemo","isString","split","map","str","React","createElement","key","uuid","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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"}

package/dist/esm/components/Toast/ToastProvider.mjs

@@ -0,0 +1,65 @@
+import React__default, { useCallback } from 'react';
+import { createPortal } from 'react-dom';
+import { getRootElement } from '../../utils/domUtils.mjs';
+import { ToastPlacement } from './Toast.types.mjs';
+import ToastContainer from './ToastContainer.mjs';
+import ToastContext from './ToastContext.mjs';
+import ToastController from './ToastController.mjs';
+import ToastElement from './ToastElement.mjs';
+import useToastContextValues from './useToastContextValues.mjs';
+import { TransitionDuration } from '../../foundation/Transition/index.mjs';
+import { css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+
+const {
+  Provider
+} = ToastContext;
+function ToastProvider({
+  autoDismissTimeout = 3000,
+  children = []
+}) {
+  const toastContextValue = useToastContextValues();
+  const {
+    leftToasts,
+    rightToasts,
+    dismiss
+  } = toastContextValue;
+  const createContainer = useCallback((placement, toasts) => /*#__PURE__*/React__default.createElement(ToastContainer, {
+    key: placement,
+    placement: placement
+  }, toasts.map(({
+    autoDismiss,
+    content,
+    preset,
+    appearance,
+    iconName,
+    actionContent,
+    onClick,
+    id,
+    onDismiss,
+    zIndex,
+    version
+  }) => /*#__PURE__*/React__default.createElement(ToastController, {
+    key: id,
+    placement: placement,
+    autoDismiss: autoDismiss ?? true,
+    transitionDuration: TransitionDuration.M,
+    actionContent: actionContent,
+    onClick: onClick,
+    autoDismissTimeout: autoDismissTimeout,
+    preset: preset,
+    appearance: appearance,
+    content: content,
+    iconName: iconName,
+    component: ToastElement,
+    onDismiss: () => dismiss(id, onDismiss),
+    transform: FoundationCSS([""]),
+    zIndex: zIndex,
+    version: version
+  }))), [autoDismissTimeout, dismiss]);
+  return /*#__PURE__*/React__default.createElement(Provider, {
+    value: toastContextValue
+  }, children, /*#__PURE__*/createPortal([createContainer(ToastPlacement.BottomLeft, leftToasts), createContainer(ToastPlacement.BottomRight, rightToasts)], getRootElement()));
+}
+
+export { ToastProvider as default };
+//# sourceMappingURL=ToastProvider.mjs.map

package/dist/esm/components/Toast/ToastProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.mjs","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;AAAS,CAAC,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,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;AACF,GAAC,kBACCf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,SAAS,EAAEC,YAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,aAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,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,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}

package/dist/esm/components/Toast/ToastService.mjs

@@ -0,0 +1,74 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defaultOptions } from './Toast.types.mjs';
+import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
+
+/* ToastService를 사용하는 이유
+Notion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c
+*/
+
+class ToastService {
+  constructor() {
+    _defineProperty(this, "toasts", []);
+    _defineProperty(this, "getToasts", () => this.toasts);
+    _defineProperty(this, "setToasts", newToasts => {
+      this.toasts = newToasts;
+    });
+    _defineProperty(this, "has", toastId => {
+      if (!this.toasts.length) {
+        return false;
+      }
+      return this.toasts.reduce((flag, toast) => toast.id === toastId ? true : flag, false);
+    });
+    _defineProperty(this, "add", (content, options = defaultOptions) => {
+      const newId = v4();
+      if (this.has(newId)) {
+        return '';
+      }
+      const newToast = {
+        id: newId,
+        content,
+        version: 0,
+        ...options
+      };
+      const newToasts = [...this.toasts, newToast];
+      this.setToasts(newToasts);
+      return newId;
+    });
+    _defineProperty(this, "update", (toastId, content, options = {}) => {
+      if (!this.has(toastId)) {
+        return '';
+      }
+      const newToasts = this.toasts.map(toast => {
+        if (toast.id === toastId) {
+          return {
+            ...toast,
+            ...options,
+            version: toast?.version != null ? toast.version + 1 : 0,
+            content
+          };
+        }
+        return toast;
+      });
+      this.setToasts(newToasts);
+      return toastId;
+    });
+    _defineProperty(this, "remove", id => {
+      if (!this.has(id)) {
+        return false;
+      }
+      const newToasts = this.toasts.filter(toast => toast.id !== id);
+      this.setToasts(newToasts);
+      return true; // remove success
+    });
+    _defineProperty(this, "removeAll", () => {
+      if (!this.toasts.length) {
+        return;
+      }
+      this.setToasts([]);
+    });
+  }
+}
+var ToastService$1 = ToastService;
+
+export { ToastService$1 as default };
+//# sourceMappingURL=ToastService.mjs.map

package/dist/esm/components/Toast/ToastService.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastService.mjs","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n  defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["ToastService","constructor","_defineProperty","toasts","newToasts","toastId","length","reduce","flag","toast","id","content","options","defaultOptions","newId","uuid","has","newToast","version","setToasts","map","filter"],"mappings":"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"}

package/dist/esm/components/Toast/useToast.mjs

@@ -0,0 +1,20 @@
+import { useContext } from 'react';
+import ToastContext from './ToastContext.mjs';
+
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw Error('ToastProvider가 필요합니다.');
+  }
+  return {
+    addToast: context.add,
+    updateToast: context.update,
+    removeToast: context.remove,
+    removeAllToasts: context.removeAll,
+    leftToasts: context.leftToasts,
+    rightToasts: context.rightToasts
+  };
+}
+
+export { useToast as default };
+//# sourceMappingURL=useToast.mjs.map

package/dist/esm/components/Toast/useToast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.mjs","sources":["../../../../src/components/Toast/useToast.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport ToastContext from './ToastContext'\n\nexport default function useToast() {\n  const context = useContext(ToastContext)\n\n  if (!context) {\n    throw Error('ToastProvider가 필요합니다.')\n  }\n\n  return {\n    addToast: context.add,\n    updateToast: context.update,\n    removeToast: context.remove,\n    removeAllToasts: context.removeAll,\n    leftToasts: context.leftToasts,\n    rightToasts: context.rightToasts,\n  }\n}\n"],"names":["useToast","context","useContext","ToastContext","Error","addToast","add","updateToast","update","removeToast","remove","removeAllToasts","removeAll","leftToasts","rightToasts"],"mappings":";;;AAIe,SAASA,QAAQA,GAAG;AACjC,EAAA,MAAMC,OAAO,GAAGC,UAAU,CAACC,YAAY,CAAC,CAAA;EAExC,IAAI,CAACF,OAAO,EAAE;IACZ,MAAMG,KAAK,CAAC,uBAAuB,CAAC,CAAA;AACtC,GAAA;EAEA,OAAO;IACLC,QAAQ,EAAEJ,OAAO,CAACK,GAAG;IACrBC,WAAW,EAAEN,OAAO,CAACO,MAAM;IAC3BC,WAAW,EAAER,OAAO,CAACS,MAAM;IAC3BC,eAAe,EAAEV,OAAO,CAACW,SAAS;IAClCC,UAAU,EAAEZ,OAAO,CAACY,UAAU;IAC9BC,WAAW,EAAEb,OAAO,CAACa,WAAAA;GACtB,CAAA;AACH;;;;"}