@channel.io/bezier-react 1.15.1 → 1.17.0

package/dist/cjs/components/Forms/Inputs/TextArea/TextArea.styled.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var reactTextareaAutosize_browser_esm = require('../../../../node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js');
+var reactTextareaAutosize_esm = require('../../../../node_modules/react-textarea-autosize/dist/react-textarea-autosize.esm.js');
 var DisabledOpacity = require('../../../../constants/DisabledOpacity.js');
 var mixins = require('../mixins.js');
 var Mixins = require('../../../../foundation/Mixins.js');
@@ -28,7 +28,7 @@ const Wrapper = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({
 }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow']), ({
   interpolation
 }) => interpolation);
-const TextAreaAutoSizeBase = /*#__PURE__*/FoundationStyledComponent.styled(reactTextareaAutosize_browser_esm.default).withConfig({
+const TextAreaAutoSizeBase = /*#__PURE__*/FoundationStyledComponent.styled(reactTextareaAutosize_esm.default).withConfig({
   displayName: "TextAreastyled__TextAreaAutoSizeBase",
   componentId: "sc-14a5gh6-1"
 })(["box-sizing:border-box;width:100%;padding:8px 12px;margin:0;cursor:", ";resize:none;background:none;border:none;outline:none;", " ", " ", " ", " &::placeholder{", "}", ""], ({

package/dist/cjs/components/Forms/Inputs/TextArea/TextArea.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextArea/TextArea.styled.ts"],"sourcesContent":["import TextareaAutosize from 'react-textarea-autosize'\n\nimport {\n  type SemanticNames,\n  Typography,\n  hideScrollbars,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n  inputPlaceholderStyle,\n  inputTextStyle,\n  inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\n\ninterface WrapperProps extends InterpolationProps {\n  focused: boolean\n  hasError?: boolean\n  bgColor: SemanticNames\n  disabled: boolean\n}\n\nconst Wrapper = styled.div<WrapperProps>`\n  ${inputWrapperStyle};\n\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n  opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n  ${({ focused }) => focused && focusedInputWrapperStyle}\n\n  ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n  ${({ foundation }) => foundation?.rounding.round8}\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])};\n\n  ${({ interpolation }) => interpolation}\n`\n\ninterface TextAreaAutoSizeBaseProps extends InterpolationProps {\n  disabled: boolean\n  readOnly: boolean\n}\n\nconst TextAreaAutoSizeBase = styled(TextareaAutosize)<TextAreaAutoSizeBaseProps>`\n  box-sizing: border-box;\n  width: 100%;\n  padding: 8px 12px;\n  margin: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n  resize: none;\n  background: none;\n  border: none;\n  outline: none;\n\n  ${hideScrollbars()}\n\n  ${Typography.Size14}\n\n  ${inputTextStyle}\n\n  ${inputPlaceholderStyle}\n\n  &::placeholder {\n    ${Typography.Size14}\n  }\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  Wrapper,\n  TextAreaAutoSizeBase,\n}\n"],"names":["Wrapper","styled","div","withConfig","displayName","componentId","inputWrapperStyle","foundation","bgColor","theme","disabled","DisabledOpacity","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","rounding","round8","transition","getTransitionsCSS","interpolation","TextAreaAutoSizeBase","TextareaAutosize","hideScrollbars","Typography","Size14","inputTextStyle","inputPlaceholderStyle"],"mappings":";;;;;;;;;;;AA2BA,MAAMA,OAAO,gBAAGC,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtBC,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,0EAAAA,EAAAA,WAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,EAAAA,CAAAA,EAAAA,wBAAiB,EAKC,CAAC;EAAEC,UAAU;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAKD,UAAU,EAAEE,KAAK,GAAGD,OAAO,CAAC,EAClE,CAAC;AAAEE,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,uBAAe,EAEtD,CAAC;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAKA,OAAO,IAAIC,+BAAwB,EAEpD,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,+BAAwB,EAEtD,CAAC;AAAER,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAES,QAAQ,CAACC,MAAM,EAE/C,CAAC;AAAEV,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEW,UAAU,EAAEC,iBAAiB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAE7F,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CACvC,CAAA;AAOD,MAAMC,oBAAoB,gBAAGpB,gCAAM,CAACqB,yCAAgB,CAAC,CAAAnB,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oEAAA,EAAA,wDAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAKzC,CAAC;AAAEK,EAAAA,QAAAA;AAAS,CAAC,KAAMA,QAAQ,GAAG,aAAa,GAAG,MAAO,EAM7Da,qBAAc,EAAE,EAEhBC,qBAAU,CAACC,MAAM,EAEjBC,qBAAc,EAEdC,4BAAqB,EAGnBH,qBAAU,CAACC,MAAM,EAGnB,CAAC;AAAEL,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CACvC,CAAA;AAED,aAAe;EACbpB,OAAO;AACPqB,EAAAA,oBAAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"TextArea.styled.js","sources":["../../../../../../src/components/Forms/Inputs/TextArea/TextArea.styled.ts"],"sourcesContent":["import TextareaAutosize from 'react-textarea-autosize'\n\nimport {\n  type SemanticNames,\n  Typography,\n  hideScrollbars,\n  styled,\n} from '~/src/foundation'\n\nimport DisabledOpacity from '~/src/constants/DisabledOpacity'\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport {\n  erroredInputWrapperStyle,\n  focusedInputWrapperStyle,\n  inputPlaceholderStyle,\n  inputTextStyle,\n  inputWrapperStyle,\n} from '~/src/components/Forms/Inputs/mixins'\n\ninterface WrapperProps extends InterpolationProps {\n  focused: boolean\n  hasError?: boolean\n  bgColor: SemanticNames\n  disabled: boolean\n}\n\nconst Wrapper = styled.div<WrapperProps>`\n  ${inputWrapperStyle};\n\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  background-color: ${({ foundation, bgColor }) => foundation?.theme?.[bgColor]};\n  opacity: ${({ disabled }) => disabled && DisabledOpacity};\n\n  ${({ focused }) => focused && focusedInputWrapperStyle}\n\n  ${({ hasError }) => hasError && erroredInputWrapperStyle}\n\n  ${({ foundation }) => foundation?.rounding.round8}\n\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS(['border-color', 'box-shadow'])};\n\n  ${({ interpolation }) => interpolation}\n`\n\ninterface TextAreaAutoSizeBaseProps extends InterpolationProps {\n  disabled: boolean\n  readOnly: boolean\n}\n\nconst TextAreaAutoSizeBase = styled(TextareaAutosize)<TextAreaAutoSizeBaseProps>`\n  box-sizing: border-box;\n  width: 100%;\n  padding: 8px 12px;\n  margin: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n  resize: none;\n  background: none;\n  border: none;\n  outline: none;\n\n  ${hideScrollbars()}\n\n  ${Typography.Size14}\n\n  ${inputTextStyle}\n\n  ${inputPlaceholderStyle}\n\n  &::placeholder {\n    ${Typography.Size14}\n  }\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  Wrapper,\n  TextAreaAutoSizeBase,\n}\n"],"names":["Wrapper","styled","div","withConfig","displayName","componentId","inputWrapperStyle","foundation","bgColor","theme","disabled","DisabledOpacity","focused","focusedInputWrapperStyle","hasError","erroredInputWrapperStyle","rounding","round8","transition","getTransitionsCSS","interpolation","TextAreaAutoSizeBase","TextareaAutosize","hideScrollbars","Typography","Size14","inputTextStyle","inputPlaceholderStyle"],"mappings":";;;;;;;;;;;AA2BA,MAAMA,OAAO,gBAAGC,gCAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACtBC,CAAAA,CAAAA,CAAAA,EAAAA,EAAAA,0EAAAA,EAAAA,WAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,EAAAA,CAAAA,EAAAA,wBAAiB,EAKC,CAAC;EAAEC,UAAU;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAKD,UAAU,EAAEE,KAAK,GAAGD,OAAO,CAAC,EAClE,CAAC;AAAEE,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,uBAAe,EAEtD,CAAC;AAAEC,EAAAA,OAAAA;AAAQ,CAAC,KAAKA,OAAO,IAAIC,+BAAwB,EAEpD,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,KAAKA,QAAQ,IAAIC,+BAAwB,EAEtD,CAAC;AAAER,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAES,QAAQ,CAACC,MAAM,EAE/C,CAAC;AAAEV,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEW,UAAU,EAAEC,iBAAiB,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAE7F,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CACvC,CAAA;AAOD,MAAMC,oBAAoB,gBAAGpB,gCAAM,CAACqB,iCAAgB,CAAC,CAAAnB,UAAA,CAAA;EAAAC,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oEAAA,EAAA,wDAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAKzC,CAAC;AAAEK,EAAAA,QAAAA;AAAS,CAAC,KAAMA,QAAQ,GAAG,aAAa,GAAG,MAAO,EAM7Da,qBAAc,EAAE,EAEhBC,qBAAU,CAACC,MAAM,EAEjBC,qBAAc,EAEdC,4BAAqB,EAGnBH,qBAAU,CAACC,MAAM,EAGnB,CAAC;AAAEL,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,CACvC,CAAA;AAED,aAAe;EACbpB,OAAO;AACPqB,EAAAA,oBAAAA;AACF,CAAC;;;;"}

package/dist/cjs/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 {\n  type BezierIcon,\n  InfoFilledIcon,\n} 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  icon: BezierIcon\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  icon?: BezierIcon\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  icon?: BezierIcon\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  icon: InfoFilledIcon,\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","icon","InfoFilledIcon","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;;;;AAoBYA,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,IAAI,EAAEC,0BAAc;EACpBC,UAAU,EAAEN,eAAe,CAACO,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,kBAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;;;;;"}
+{"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 {\n  type BezierIcon,\n  InfoFilledIcon,\n} 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  icon: BezierIcon\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  icon?: BezierIcon\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  container?: HTMLElement | null\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  icon?: BezierIcon\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  icon: InfoFilledIcon,\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","icon","InfoFilledIcon","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;;;;AAoBYA,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;AA0DhB,MAAMC,cAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAEC,0BAAc;EACpBC,UAAU,EAAEN,eAAe,CAACO,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,kBAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;;;;;"}

package/dist/cjs/components/Toast/ToastProvider.js

@@ -17,6 +17,7 @@ var FoundationStyledComponent = require('../../foundation/FoundationStyledCompon
 
 function ToastProvider({
   autoDismissTimeout = 3000,
+  container: givenContainer,
   children = []
 }) {
   const isMounted = useIsMounted.default();
@@ -26,6 +27,7 @@ function ToastProvider({
     rightToasts,
     dismiss
   } = toastContextValue;
+  const container = givenContainer ?? domUtils.getRootElement();
   const createContainer = React.useCallback((placement, toasts) => /*#__PURE__*/React.createElement(ToastContainer.default, {
     key: placement,
     placement: placement
@@ -61,7 +63,7 @@ function ToastProvider({
   }))), [autoDismissTimeout, dismiss]);
   return /*#__PURE__*/React.createElement(ToastContext.ToastContextProvider, {
     value: toastContextValue
-  }, children, isMounted && /*#__PURE__*/ReactDOM.createPortal([createContainer(Toast_types.ToastPlacement.BottomLeft, leftToasts), createContainer(Toast_types.ToastPlacement.BottomRight, rightToasts)], domUtils.getRootElement()));
+  }, children, isMounted && /*#__PURE__*/ReactDOM.createPortal([createContainer(Toast_types.ToastPlacement.BottomLeft, leftToasts), createContainer(Toast_types.ToastPlacement.BottomRight, rightToasts)], container));
 }
 
 exports.default = ToastProvider;

package/dist/cjs/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 useIsMounted from '~/src/hooks/useIsMounted'\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 { ToastContextProvider } from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const isMounted = useIsMounted()\n\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        icon,\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          icon={icon}\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    <ToastContextProvider value={toastContextValue}>\n      { children }\n      { isMounted && createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </ToastContextProvider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["ToastProvider","autoDismissTimeout","children","isMounted","useIsMounted","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","ToastContextProvider","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAASA,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,SAAS,GAAGC,oBAAY,EAAE,CAAA;AAEhC,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,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,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBxB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCoB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAI,CAAE,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD5B,kBAAkB,EAClBQ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACuB,iCAAoB,EAAA;AAACC,IAAAA,KAAK,EAAElC,iBAAAA;AAAkB,GAAA,EAC3CH,QAAQ,EACRC,SAAS,iBAAIqC,qBAAY,CACzB,CACE9B,eAAe,CAAC+B,0BAAc,CAACC,UAAU,EAAEnC,UAAU,CAAC,EACtDG,eAAe,CAAC+B,0BAAc,CAACE,WAAW,EAAEnC,WAAW,CAAC,CACzD,EACDoC,uBAAc,EAChB,CACoB,CAAC,CAAA;AAE3B;;;;"}
+{"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 useIsMounted from '~/src/hooks/useIsMounted'\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 { ToastContextProvider } from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  container: givenContainer,\n  children = [],\n}: ToastProviderProps) {\n  const isMounted = useIsMounted()\n\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n  const container = givenContainer ?? getRootElement()\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        icon,\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          icon={icon}\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    <ToastContextProvider value={toastContextValue}>\n      { children }\n      { isMounted && createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        container,\n      ) }\n    </ToastContextProvider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["ToastProvider","autoDismissTimeout","container","givenContainer","children","isMounted","useIsMounted","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","getRootElement","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","ToastContextProvider","value","createPortal","ToastPlacement","BottomLeft","BottomRight"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,SAASA,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,SAAS,EAAEC,cAAc;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,SAAS,GAAGC,oBAAY,EAAE,CAAA;AAEhC,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AACrB,EAAA,MAAML,SAAS,GAAGC,cAAc,IAAIS,uBAAc,EAAE,CAAA;AAEpD,EAAA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,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,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjB3B,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCuB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMnB,OAAO,CAACkB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAI,CAAE,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD/B,kBAAkB,EAClBU,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEM,KAAA,CAAAC,aAAA,CAACuB,iCAAoB,EAAA;AAACC,IAAAA,KAAK,EAAEnC,iBAAAA;AAAkB,GAAA,EAC3CH,QAAQ,EACRC,SAAS,iBAAIsC,qBAAY,CACzB,CACE9B,eAAe,CAAC+B,0BAAc,CAACC,UAAU,EAAEpC,UAAU,CAAC,EACtDI,eAAe,CAAC+B,0BAAc,CAACE,WAAW,EAAEpC,WAAW,CAAC,CACzD,EACDR,SACF,CACoB,CAAC,CAAA;AAE3B;;;;"}