@redsift/popovers 11.9.4 → 12.0.0-muiv6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CONTRIBUTING.md +1 -5
- package/_internal/DialogContentActions.js +14 -10
- package/_internal/DialogContentActions.js.map +1 -1
- package/_internal/DialogContentBody.js +19 -14
- package/_internal/DialogContentBody.js.map +1 -1
- package/_internal/DialogContentHeader.js +17 -5
- package/_internal/DialogContentHeader.js.map +1 -1
- package/_internal/Toast2.js +12 -6
- package/_internal/Toast2.js.map +1 -1
- package/_internal/ToggletipContent.js +7 -3
- package/_internal/ToggletipContent.js.map +1 -1
- package/_internal/ToggletipTrigger.js +4 -4
- package/_internal/ToggletipTrigger.js.map +1 -1
- package/_internal/types.js +7 -3
- package/_internal/types.js.map +1 -1
- package/_internal/useToast.js.map +1 -1
- package/index.d.ts +120 -120
- package/package.json +5 -6
package/_internal/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../src/components/tooltip-content/styles.ts","../../src/components/tooltip-content/TooltipContent.tsx","../../src/components/tooltip/types.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Theme, baseContainer } from '@redsift/design-system';\nimport { TooltipPlacement } from '../tooltip';\nimport { StyledTooltipContentProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledTooltipContent = styled.div<StyledTooltipContentProps>`\n ${baseContainer}\n ${({ $theme }) => css`\n color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});\n `}\n\n align-items: center;\n border-radius: 4px;\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);\n display: flex;\n filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n font-family: var(--redsift-typography-tooltip-font-family);\n font-size: var(--redsift-typography-tooltip-font-size);\n font-weight: var(--redsift-typography-tooltip-font-weight);\n line-height: var(--redsift-typography-tooltip-line-height);\n max-width: calc(100vw - 48px);\n padding: 4px 8px;\n z-index: var(--redsift-layout-z-index-tooltip);\n\n .redsift-tooltip-content__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: ${({ $theme }) =>\n $theme === Theme.dark ? css`var(--redsift-color-neutral-black)` : css`var(--redsift-color-neutral-white)`};\n border-style: solid;\n }\n\n ${({ $placement }) => {\n switch ($placement) {\n case TooltipPlacement['right-start']:\n return css`\n border-bottom-left-radius: 0;\n `;\n case TooltipPlacement['right-end']:\n return css`\n border-top-left-radius: 0;\n `;\n case TooltipPlacement['left-start']:\n return css`\n border-bottom-right-radius: 0;\n `;\n case TooltipPlacement['left-end']:\n return css`\n border-top-right-radius: 0;\n `;\n default:\n return css``;\n }\n }}\n\n ${({ $placement }) => {\n switch ($placement) {\n case TooltipPlacement.left:\n case TooltipPlacement['left-end']:\n case TooltipPlacement['left-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 0 6px 6px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n }\n `;\n case TooltipPlacement.top:\n case TooltipPlacement['top-end']:\n case TooltipPlacement['top-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 6px 0;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n }\n `;\n case TooltipPlacement.right:\n case TooltipPlacement['right-end']:\n case TooltipPlacement['right-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 6px 6px 0;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n }\n `;\n case TooltipPlacement.bottom:\n case TooltipPlacement['bottom-end']:\n case TooltipPlacement['bottom-start']:\n default:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 0 6px 6px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n }\n `;\n }\n }}\n`;\n","import React, { forwardRef, useContext } from 'react';\nimport { useMergeRefs, FloatingPortal } from '@floating-ui/react';\n\nimport { AppContainerContext, Comp, useTheme } from '@redsift/design-system';\nimport { TooltipContentProps } from './types';\nimport { TooltipPlacement, useTooltipContext } from '../tooltip';\nimport { StyledTooltipContent } from './styles';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'TooltipContent';\nconst CLASSNAME = 'redsift-tooltip-content';\n\n/**\n * The TooltipContent component.\n */\nexport const TooltipContent: Comp<TooltipContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { children, className, style, theme: propsTheme } = props;\n const appContainerState = useContext(AppContainerContext);\n const {\n getFloatingProps,\n isOpen,\n placement,\n refs,\n strategy,\n x,\n y,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n } = useTooltipContext();\n const theme = useTheme ? useTheme(propsTheme) : undefined;\n const popoverRef = useMergeRefs([refs.setFloating, ref]);\n\n const { arrowRef } = useTooltipContext();\n\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n return (\n <FloatingPortal root={appContainerState?.appContainerRef.current}>\n {isOpen && (\n <StyledTooltipContent\n className={classNames(TooltipContent.className, className)}\n ref={popoverRef}\n $theme={theme!}\n {...getFloatingProps(props)}\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n visibility: x == null ? 'hidden' : 'visible',\n ...style,\n }}\n $placement={placement as TooltipPlacement}\n >\n <div\n ref={arrowRef}\n className={`${TooltipContent.className}__arrow`}\n style={{\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n [staticSide!]: '-6px',\n }}\n />\n <div className={`${TooltipContent.className}__inner`}>{children}</div>\n </StyledTooltipContent>\n )}\n </FloatingPortal>\n );\n});\nTooltipContent.className = CLASSNAME;\nTooltipContent.displayName = COMPONENT_NAME;\n","import { ReactNode } from 'react';\nimport { ButtonColor, Theme, ValueOf } from '@redsift/design-system';\nimport { useTooltip } from './useTooltip';\n\n/**\n * Context props.\n */\nexport type TooltipState =\n | (ReturnType<typeof useTooltip> & {\n /** Class name to append to the trigger. */\n readonly triggerClassName?: string;\n })\n | null;\n\n/**\n * Component variant.\n */\nexport const TooltipPlacement = {\n top: 'top',\n right: 'right',\n bottom: 'bottom',\n left: 'left',\n 'top-start': 'top-start',\n 'top-end': 'top-end',\n 'right-start': 'right-start',\n 'right-end': 'right-end',\n 'bottom-start': 'bottom-start',\n 'bottom-end': 'bottom-end',\n 'left-start': 'left-start',\n 'left-end': 'left-end',\n} as const;\nexport type TooltipPlacement = ValueOf<typeof TooltipPlacement>;\n\n/**\n * Component props.\n */\nexport interface TooltipProps {\n /** Button color that will be forward to the trigger. */\n color?: ButtonColor;\n /** Children. Can only be TooltipTrigger and TooltilContent. */\n children: ReactNode;\n /**\n * Default open status.\n * Used for uncontrolled version.\n */\n defaultOpen?: boolean;\n /** Delay time (in ms) for the tooltip to show up. */\n delay?: number;\n /** Default placement of the tooltip. */\n placement?: TooltipPlacement | 'client-point';\n /**\n * Whether the component is opened or not.\n * Used for controlled version.\n */\n isOpen?: boolean;\n /** Space between trigger and content (in pixels). */\n offset?: number;\n /** Method to handle component change. */\n onOpen?: (open: boolean) => void;\n /** Id to the tooltip content. */\n tooltipId?: string;\n /** Theme. */\n theme?: Theme;\n /** Class name to append to the trigger. */\n triggerClassName?: string;\n}\n\nexport type StyledTooltipProps = TooltipProps;\n"],"names":["StyledTooltipContent","styled","div","baseContainer","_ref","$theme","css","Theme","dark","_ref2","_ref3","$placement","TooltipPlacement","_ref4","left","top","right","bottom","COMPONENT_NAME","CLASSNAME","TooltipContent","forwardRef","props","ref","children","className","style","theme","propsTheme","appContainerState","useContext","AppContainerContext","getFloatingProps","isOpen","placement","refs","strategy","x","y","middlewareData","arrow","arrowX","arrowY","useTooltipContext","useTheme","undefined","popoverRef","useMergeRefs","setFloating","arrowRef","staticSide","split","React","createElement","FloatingPortal","root","appContainerRef","current","_extends","classNames","_objectSpread","position","visibility","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../src/components/tooltip-content/styles.ts","../../src/components/tooltip-content/TooltipContent.tsx","../../src/components/tooltip/types.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Theme, baseContainer } from '@redsift/design-system';\nimport { TooltipPlacement } from '../tooltip';\nimport { StyledTooltipContentProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledTooltipContent = styled.div<StyledTooltipContentProps>`\n ${baseContainer}\n ${({ $theme }) => css`\n color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});\n `}\n\n align-items: center;\n border-radius: 4px;\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);\n display: flex;\n filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n font-family: var(--redsift-typography-tooltip-font-family);\n font-size: var(--redsift-typography-tooltip-font-size);\n font-weight: var(--redsift-typography-tooltip-font-weight);\n line-height: var(--redsift-typography-tooltip-line-height);\n max-width: calc(100vw - 48px);\n padding: 4px 8px;\n z-index: var(--redsift-layout-z-index-tooltip);\n\n .redsift-tooltip-content__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: ${({ $theme }) =>\n $theme === Theme.dark ? css`var(--redsift-color-neutral-black)` : css`var(--redsift-color-neutral-white)`};\n border-style: solid;\n }\n\n ${({ $placement }) => {\n switch ($placement) {\n case TooltipPlacement['right-start']:\n return css`\n border-bottom-left-radius: 0;\n `;\n case TooltipPlacement['right-end']:\n return css`\n border-top-left-radius: 0;\n `;\n case TooltipPlacement['left-start']:\n return css`\n border-bottom-right-radius: 0;\n `;\n case TooltipPlacement['left-end']:\n return css`\n border-top-right-radius: 0;\n `;\n default:\n return css``;\n }\n }}\n\n ${({ $placement }) => {\n switch ($placement) {\n case TooltipPlacement.left:\n case TooltipPlacement['left-end']:\n case TooltipPlacement['left-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 0 6px 6px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: transparent;\n }\n `;\n case TooltipPlacement.top:\n case TooltipPlacement['top-end']:\n case TooltipPlacement['top-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 6px 0;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n }\n `;\n case TooltipPlacement.right:\n case TooltipPlacement['right-end']:\n case TooltipPlacement['right-start']:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 6px 6px 6px 0;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n }\n `;\n case TooltipPlacement.bottom:\n case TooltipPlacement['bottom-end']:\n case TooltipPlacement['bottom-start']:\n default:\n return css`\n .redsift-tooltip-content__arrow {\n border-width: 0 6px 6px;\n border-top-color: transparent;\n border-right-color: transparent;\n border-left-color: transparent;\n }\n `;\n }\n }}\n`;\n","import React, { forwardRef, useContext } from 'react';\nimport { useMergeRefs, FloatingPortal } from '@floating-ui/react';\n\nimport { AppContainerContext, Comp, getContainerStylingTransientProps, useTheme } from '@redsift/design-system';\nimport { TooltipContentProps } from './types';\nimport { TooltipPlacement, useTooltipContext } from '../tooltip';\nimport { StyledTooltipContent } from './styles';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'TooltipContent';\nconst CLASSNAME = 'redsift-tooltip-content';\n\n/**\n * The TooltipContent component.\n */\nexport const TooltipContent: Comp<TooltipContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { transientProps, otherProps } = getContainerStylingTransientProps(props);\n\n const { children, className, style, theme: propsTheme } = otherProps;\n const appContainerState = useContext(AppContainerContext);\n const {\n getFloatingProps,\n isOpen,\n placement,\n refs,\n strategy,\n x,\n y,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n } = useTooltipContext();\n const theme = useTheme ? useTheme(propsTheme) : undefined;\n const popoverRef = useMergeRefs([refs.setFloating, ref]);\n\n const { arrowRef } = useTooltipContext();\n\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n return (\n <FloatingPortal root={appContainerState?.appContainerRef.current}>\n {isOpen && (\n <StyledTooltipContent\n className={classNames(TooltipContent.className, className)}\n ref={popoverRef}\n $theme={theme!}\n {...getFloatingProps(otherProps)}\n {...transientProps}\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n visibility: x == null ? 'hidden' : 'visible',\n ...style,\n }}\n $placement={placement as TooltipPlacement}\n >\n <div\n ref={arrowRef}\n className={`${TooltipContent.className}__arrow`}\n style={{\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n [staticSide!]: '-6px',\n }}\n />\n <div className={`${TooltipContent.className}__inner`}>{children}</div>\n </StyledTooltipContent>\n )}\n </FloatingPortal>\n );\n});\nTooltipContent.className = CLASSNAME;\nTooltipContent.displayName = COMPONENT_NAME;\n","import { ReactNode } from 'react';\nimport { ButtonColor, Theme, ValueOf } from '@redsift/design-system';\nimport { useTooltip } from './useTooltip';\n\n/**\n * Context props.\n */\nexport type TooltipState =\n | (ReturnType<typeof useTooltip> & {\n /** Class name to append to the trigger. */\n readonly triggerClassName?: string;\n })\n | null;\n\n/**\n * Component variant.\n */\nexport const TooltipPlacement = {\n top: 'top',\n right: 'right',\n bottom: 'bottom',\n left: 'left',\n 'top-start': 'top-start',\n 'top-end': 'top-end',\n 'right-start': 'right-start',\n 'right-end': 'right-end',\n 'bottom-start': 'bottom-start',\n 'bottom-end': 'bottom-end',\n 'left-start': 'left-start',\n 'left-end': 'left-end',\n} as const;\nexport type TooltipPlacement = ValueOf<typeof TooltipPlacement>;\n\n/**\n * Component props.\n */\nexport interface TooltipProps {\n /** Button color that will be forward to the trigger. */\n color?: ButtonColor;\n /** Children. Can only be TooltipTrigger and TooltilContent. */\n children: ReactNode;\n /**\n * Default open status.\n * Used for uncontrolled version.\n */\n defaultOpen?: boolean;\n /** Delay time (in ms) for the tooltip to show up. */\n delay?: number;\n /** Default placement of the tooltip. */\n placement?: TooltipPlacement | 'client-point';\n /**\n * Whether the component is opened or not.\n * Used for controlled version.\n */\n isOpen?: boolean;\n /** Space between trigger and content (in pixels). */\n offset?: number;\n /** Method to handle component change. */\n onOpen?: (open: boolean) => void;\n /** Id to the tooltip content. */\n tooltipId?: string;\n /** Theme. */\n theme?: Theme;\n /** Class name to append to the trigger. */\n triggerClassName?: string;\n}\n\nexport type StyledTooltipProps = TooltipProps;\n"],"names":["StyledTooltipContent","styled","div","baseContainer","_ref","$theme","css","Theme","dark","_ref2","_ref3","$placement","TooltipPlacement","_ref4","left","top","right","bottom","COMPONENT_NAME","CLASSNAME","TooltipContent","forwardRef","props","ref","transientProps","otherProps","getContainerStylingTransientProps","children","className","style","theme","propsTheme","appContainerState","useContext","AppContainerContext","getFloatingProps","isOpen","placement","refs","strategy","x","y","middlewareData","arrow","arrowX","arrowY","useTooltipContext","useTheme","undefined","popoverRef","useMergeRefs","setFloating","arrowRef","staticSide","split","React","createElement","FloatingPortal","root","appContainerRef","current","_extends","classNames","_objectSpread","position","visibility","displayName"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.js","sources":["../../src/components/toast-container/styles.ts","../../src/components/toast-container/ToastContainer.tsx","../../src/components/toast-container/useToast.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ToastContainer } from 'react-toastify';\nimport { StyledToastContainerProps } from './types';\n\nexport const ReactToastify = styled.div`\n :root {\n --toastify-color-light: #fff;\n --toastify-color-dark: #121212;\n --toastify-color-info: #3498db;\n --toastify-color-success: #07bc0c;\n --toastify-color-warning: #f1c40f;\n --toastify-color-error: #e74c3c;\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n --toastify-toast-width: 320px;\n --toastify-toast-background: #fff;\n --toastify-toast-min-height: 64px;\n --toastify-toast-max-height: 800px;\n --toastify-font-family: sans-serif;\n --toastify-z-index: 9999;\n --toastify-text-color-light: #757575;\n --toastify-text-color-dark: #fff;\n --toastify-text-color-info: #fff;\n --toastify-text-color-success: #fff;\n --toastify-text-color-warning: #fff;\n --toastify-text-color-error: #fff;\n --toastify-spinner-color: #616161;\n --toastify-spinner-color-empty-area: #e0e0e0;\n --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n --toastify-color-progress-dark: #bb86fc;\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n }\n\n .Toastify__toast-container {\n z-index: var(--toastify-z-index);\n -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);\n position: fixed;\n padding: 4px;\n width: var(--toastify-toast-width);\n box-sizing: border-box;\n color: #fff;\n }\n .Toastify__toast-container--top-left {\n top: 1em;\n left: 1em;\n }\n .Toastify__toast-container--top-center {\n top: 1em;\n left: 50%;\n transform: translateX(-50%);\n }\n .Toastify__toast-container--top-right {\n top: 1em;\n right: 1em;\n }\n .Toastify__toast-container--bottom-left {\n bottom: 1em;\n left: 1em;\n }\n .Toastify__toast-container--bottom-center {\n bottom: 1em;\n left: 50%;\n transform: translateX(-50%);\n }\n .Toastify__toast-container--bottom-right {\n bottom: 1em;\n right: 1em;\n }\n\n @media only screen and (max-width: 480px) {\n .Toastify__toast-container {\n width: 100vw;\n padding: 0;\n left: 0;\n margin: 0;\n }\n .Toastify__toast-container--top-left,\n .Toastify__toast-container--top-center,\n .Toastify__toast-container--top-right {\n top: 0;\n transform: translateX(0);\n }\n .Toastify__toast-container--bottom-left,\n .Toastify__toast-container--bottom-center,\n .Toastify__toast-container--bottom-right {\n bottom: 0;\n transform: translateX(0);\n }\n .Toastify__toast-container--rtl {\n right: 0;\n left: initial;\n }\n }\n .Toastify__toast {\n position: relative;\n min-height: var(--toastify-toast-min-height);\n box-sizing: border-box;\n margin-bottom: 1rem;\n padding: 8px;\n border-radius: 4px;\n box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n max-height: var(--toastify-toast-max-height);\n overflow: hidden;\n font-family: var(--toastify-font-family);\n cursor: default;\n direction: ltr;\n /* webkit only issue #791 */\n z-index: 0;\n }\n .Toastify__toast--rtl {\n direction: rtl;\n }\n .Toastify__toast--close-on-click {\n cursor: pointer;\n }\n .Toastify__toast-body {\n margin: auto 0;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n padding: 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n }\n .Toastify__toast-body > div:last-child {\n word-break: break-word;\n -ms-flex: 1;\n flex: 1;\n }\n .Toastify__toast-icon {\n -webkit-margin-end: 10px;\n margin-inline-end: 10px;\n width: 20px;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -ms-flexbox;\n display: flex;\n }\n\n .Toastify--animate {\n animation-fill-mode: both;\n animation-duration: 0.7s;\n }\n\n .Toastify--animate-icon {\n animation-fill-mode: both;\n animation-duration: 0.3s;\n }\n\n @media only screen and (max-width: 480px) {\n .Toastify__toast {\n margin-bottom: 0;\n border-radius: 0;\n }\n }\n .Toastify__toast-theme--dark {\n background: var(--toastify-color-dark);\n color: var(--toastify-text-color-dark);\n }\n .Toastify__toast-theme--light {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n }\n .Toastify__toast-theme--colored.Toastify__toast--default {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n }\n .Toastify__toast-theme--colored.Toastify__toast--info {\n color: var(--toastify-text-color-info);\n background: var(--toastify-color-info);\n }\n .Toastify__toast-theme--colored.Toastify__toast--success {\n color: var(--toastify-text-color-success);\n background: var(--toastify-color-success);\n }\n .Toastify__toast-theme--colored.Toastify__toast--warning {\n color: var(--toastify-text-color-warning);\n background: var(--toastify-color-warning);\n }\n .Toastify__toast-theme--colored.Toastify__toast--error {\n color: var(--toastify-text-color-error);\n background: var(--toastify-color-error);\n }\n\n .Toastify__progress-bar-theme--light {\n background: var(--toastify-color-progress-light);\n }\n .Toastify__progress-bar-theme--dark {\n background: var(--toastify-color-progress-dark);\n }\n .Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n }\n .Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n }\n .Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n }\n .Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-transparent);\n }\n\n .Toastify__close-button {\n color: #fff;\n background: transparent;\n outline: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.7;\n transition: 0.3s ease;\n -ms-flex-item-align: start;\n align-self: flex-start;\n }\n .Toastify__close-button--light {\n color: #000;\n opacity: 0.3;\n }\n .Toastify__close-button > svg {\n fill: currentColor;\n height: 16px;\n width: 14px;\n }\n .Toastify__close-button:hover,\n .Toastify__close-button:focus {\n opacity: 1;\n }\n\n @keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n }\n .Toastify__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n z-index: var(--toastify-z-index);\n opacity: 0.7;\n transform-origin: left;\n }\n .Toastify__progress-bar--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n }\n .Toastify__progress-bar--controlled {\n transition: transform 0.2s;\n }\n .Toastify__progress-bar--rtl {\n right: 0;\n left: initial;\n transform-origin: right;\n }\n\n .Toastify__spinner {\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: var(--toastify-spinner-color-empty-area);\n border-right-color: var(--toastify-spinner-color);\n animation: Toastify__spin 0.65s linear infinite;\n }\n\n @keyframes Toastify__bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n }\n @keyframes Toastify__bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n }\n @keyframes Toastify__bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, -10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, 20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n }\n @keyframes Toastify__bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, 10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n }\n .Toastify__bounce-enter--top-left,\n .Toastify__bounce-enter--bottom-left {\n animation-name: Toastify__bounceInLeft;\n }\n .Toastify__bounce-enter--top-right,\n .Toastify__bounce-enter--bottom-right {\n animation-name: Toastify__bounceInRight;\n }\n .Toastify__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n }\n .Toastify__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n }\n\n .Toastify__bounce-exit--top-left,\n .Toastify__bounce-exit--bottom-left {\n animation-name: Toastify__bounceOutLeft;\n }\n .Toastify__bounce-exit--top-right,\n .Toastify__bounce-exit--bottom-right {\n animation-name: Toastify__bounceOutRight;\n }\n .Toastify__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n }\n .Toastify__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n }\n\n @keyframes Toastify__zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes Toastify__zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n .Toastify__zoom-enter {\n animation-name: Toastify__zoomIn;\n }\n\n .Toastify__zoom-exit {\n animation-name: Toastify__zoomOut;\n }\n\n @keyframes Toastify__flipIn {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes Toastify__flipOut {\n from {\n transform: perspective(400px);\n }\n 30% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n }\n .Toastify__flip-enter {\n animation-name: Toastify__flipIn;\n }\n\n .Toastify__flip-exit {\n animation-name: Toastify__flipOut;\n }\n\n @keyframes Toastify__slideInRight {\n from {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInLeft {\n from {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInDown {\n from {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideOutRight {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, 0, 0);\n }\n }\n @keyframes Toastify__slideOutLeft {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, 0, 0);\n }\n }\n @keyframes Toastify__slideOutDown {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n }\n @keyframes Toastify__slideOutUp {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n }\n .Toastify__slide-enter--top-left,\n .Toastify__slide-enter--bottom-left {\n animation-name: Toastify__slideInLeft;\n }\n .Toastify__slide-enter--top-right,\n .Toastify__slide-enter--bottom-right {\n animation-name: Toastify__slideInRight;\n }\n .Toastify__slide-enter--top-center {\n animation-name: Toastify__slideInDown;\n }\n .Toastify__slide-enter--bottom-center {\n animation-name: Toastify__slideInUp;\n }\n\n .Toastify__slide-exit--top-left,\n .Toastify__slide-exit--bottom-left {\n animation-name: Toastify__slideOutLeft;\n }\n .Toastify__slide-exit--top-right,\n .Toastify__slide-exit--bottom-right {\n animation-name: Toastify__slideOutRight;\n }\n .Toastify__slide-exit--top-center {\n animation-name: Toastify__slideOutUp;\n }\n .Toastify__slide-exit--bottom-center {\n animation-name: Toastify__slideOutDown;\n }\n\n @keyframes Toastify__spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n`;\n\n/**\n * Component style.\n */\nexport const StyledToastContainer = styled(ToastContainer)<StyledToastContainerProps>`\n --toastify-color-light: var(--redsift-color-neutral-white);\n --toastify-color-dark: var(--redsift-color-neutral-black);\n --toastify-color-info: var(--redsift-color-notifications-info-primary);\n --toastify-color-success: var(--redsift-color-notifications-success-primary);\n --toastify-color-warning: var(--redsift-color-notifications-warning-primary);\n --toastify-color-error: var(--redsift-color-notifications-error-primary);\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n --toastify-toast-width: 'fit-content';\n --toastify-toast-background: var(--redsift-color-neutral-white);\n --toastify-toast-min-height: 58px;\n --toastify-toast-max-height: 800px;\n --toastify-font-family: sans-serif;\n --toastify-z-index: var(--redsift-layout-z-index-tooltip);\n --toastify-text-color-light: var(--redsift-color-neutral-black);\n --toastify-text-color-dark: var(--redsift-color-neutral-white);\n --toastify-text-color-info: var(--redsift-color-neutral-white);\n --toastify-text-color-success: var(--redsift-color-neutral-white);\n --toastify-text-color-warning: var(--redsift-color-neutral-white);\n --toastify-text-color-error: var(--redsift-color-neutral-white);\n --toastify-spinner-color: var(--redsift-color-neutral-x-dark-grey);\n --toastify-spinner-color-empty-area: var(--redsift-color-neutral-light-grey);\n --toastify-color-progress-light: var(--redsift-color-neutral-x-dark-grey);\n --toastify-color-progress-dark: var(--redsift-color-neutral-x-light-grey);\n --toastify-color-progress-default: var(--redsift-color-primary-n);\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n\n min-width: 350px;\n max-width: 600px;\n\n .Toastify__toast {\n box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px rgb(0 0 0 / 14%), 0px 1px 10px rgb(0 0 0 / 12%);\n padding: 0;\n }\n\n .Toastify__toast-body {\n padding: 0;\n }\n\n .Toastify__toast-theme--colored.Toastify__toast--default {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--info {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--success {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--warning {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--error {\n background: none;\n }\n\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n background: var(--toastify-color-progress-default);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport { Slide } from 'react-toastify';\n\nimport { Comp } from '@redsift/design-system';\nimport { ReactToastify, StyledToastContainer } from './styles';\nimport { ToastContainerProps } from './types';\n\nconst COMPONENT_NAME = 'ToastContainer';\nconst CLASSNAME = 'redsift-toast-container';\n\n/**\n * The ToastContainer component.\n */\nexport const ToastContainer: Comp<ToastContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n autoClose = 5000,\n closeOnClick = false,\n draggable = true,\n pauseOnFocusLoss = true,\n pauseOnHover = true,\n placement = 'top-right',\n ...forwardedProps\n } = props;\n\n return (\n <ReactToastify>\n <StyledToastContainer\n autoClose={autoClose}\n closeOnClick={closeOnClick}\n draggable={draggable}\n pauseOnFocusLoss={pauseOnFocusLoss}\n pauseOnHover={pauseOnHover}\n {...forwardedProps}\n className={ToastContainer.className}\n closeButton={false}\n icon={false}\n newestOnTop={placement!.includes('bottom')}\n position={placement}\n ref={ref as RefObject<HTMLDivElement>}\n theme=\"colored\"\n transition={Slide}\n />\n </ReactToastify>\n );\n});\nToastContainer.className = CLASSNAME;\nToastContainer.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport { toast } from 'react-toastify';\nimport { Toast } from '../toast';\nimport { useToastProps, useToastReturnType } from './types';\n\nconst notify: useToastReturnType['notify'] = (\n { content, closeButton, placement, title, variant = 'info', ...options },\n props\n) => {\n return toast(\n <Toast title={title} variant={variant} closeButton={closeButton} {...props}>\n {content}\n </Toast>,\n {\n type: variant === 'loading' ? 'default' : variant,\n ...(placement && { position: placement }),\n ...options,\n }\n );\n};\n\nconst update: useToastReturnType['update'] = (\n id,\n { content, closeButton, placement, title, variant = 'info', ...options },\n props\n) => {\n toast.update(id, {\n render: ({ closeToast }) => (\n <Toast\n title={title}\n variant={variant}\n closeButton={closeButton}\n closeToast={closeToast}\n {...props}\n >\n {content}\n </Toast>\n ),\n type: variant === 'loading' ? 'default' : variant,\n ...(placement && { position: placement }),\n ...options,\n });\n};\n\nconst promise: useToastReturnType['promise'] = (\n promise,\n { pending, success, error },\n { closeButton, placement, ...options } = {},\n props\n) => {\n toast.promise(promise, {\n pending: {\n render: ({ closeToast }) => (\n <Toast\n closeButton={closeButton}\n title={pending.title}\n variant=\"loading\"\n closeToast={closeToast}\n {...props}\n >\n {pending.content}\n </Toast>\n ),\n type: 'default',\n ...(placement && { position: placement }),\n ...options,\n },\n success: {\n render: ({ closeToast }) => (\n <Toast\n closeButton={closeButton}\n title={success.title}\n variant=\"success\"\n closeToast={closeToast}\n {...props}\n >\n {success.content}\n </Toast>\n ),\n type: 'success',\n ...(placement && { position: placement }),\n ...options,\n },\n error: {\n render: ({ closeToast }) => (\n <Toast\n closeButton={closeButton}\n title={error.title}\n variant=\"error\"\n closeToast={closeToast}\n {...props}\n >\n {error.content}\n </Toast>\n ),\n type: 'error',\n ...(placement && { position: placement }),\n ...options,\n },\n });\n};\n\nexport const useToast: useToastProps = () => {\n return {\n notify: notify,\n clearWaitingQueue: toast.clearWaitingQueue,\n dismiss: toast.dismiss,\n done: toast.done,\n error: (options, props) => {\n return notify({ variant: 'error', ...options }, props);\n },\n info: (options, props) => {\n return notify({ variant: 'info', ...options }, props);\n },\n isActive: toast.isActive,\n loading: (options, props) => {\n return notify({ variant: 'loading', ...options }, props);\n },\n promise: promise,\n success: (options, props) => {\n return notify({ variant: 'success', ...options }, props);\n },\n update: update,\n warning: (options, props) => {\n return notify({ variant: 'warning', ...options }, props);\n },\n };\n};\n"],"names":["ReactToastify","styled","div","StyledToastContainer","ToastContainer","COMPONENT_NAME","CLASSNAME","forwardRef","props","ref","autoClose","closeOnClick","draggable","pauseOnFocusLoss","pauseOnHover","placement","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","closeButton","icon","newestOnTop","includes","position","theme","transition","Slide","displayName","notify","_ref","content","title","variant","options","toast","Toast","_objectSpread","type","update","id","_ref2","_excluded2","render","_ref3","closeToast","promise","_ref5","pending","success","error","_ref4","arguments","length","undefined","_excluded3","_ref6","_ref7","_ref8","useToast","clearWaitingQueue","dismiss","done","info","isActive","loading","warning"],"mappings":";;;;;;AAIO,MAAMA,aAAa,GAAGC,MAAM,CAACC,GAAI,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;;AAED;AACA;AACA;AACO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,gBAAc,CAA6B,CAAA;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A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"}
|
|
1
|
+
{"version":3,"file":"useToast.js","sources":["../../src/components/toast-container/styles.ts","../../src/components/toast-container/ToastContainer.tsx","../../src/components/toast-container/useToast.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { ToastContainer } from 'react-toastify';\nimport { StyledToastContainerProps } from './types';\n\nexport const ReactToastify = styled.div`\n :root {\n --toastify-color-light: #fff;\n --toastify-color-dark: #121212;\n --toastify-color-info: #3498db;\n --toastify-color-success: #07bc0c;\n --toastify-color-warning: #f1c40f;\n --toastify-color-error: #e74c3c;\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n --toastify-toast-width: 320px;\n --toastify-toast-background: #fff;\n --toastify-toast-min-height: 64px;\n --toastify-toast-max-height: 800px;\n --toastify-font-family: sans-serif;\n --toastify-z-index: 9999;\n --toastify-text-color-light: #757575;\n --toastify-text-color-dark: #fff;\n --toastify-text-color-info: #fff;\n --toastify-text-color-success: #fff;\n --toastify-text-color-warning: #fff;\n --toastify-text-color-error: #fff;\n --toastify-spinner-color: #616161;\n --toastify-spinner-color-empty-area: #e0e0e0;\n --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n --toastify-color-progress-dark: #bb86fc;\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n }\n\n .Toastify__toast-container {\n z-index: var(--toastify-z-index);\n -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);\n position: fixed;\n padding: 4px;\n width: var(--toastify-toast-width);\n box-sizing: border-box;\n color: #fff;\n }\n .Toastify__toast-container--top-left {\n top: 1em;\n left: 1em;\n }\n .Toastify__toast-container--top-center {\n top: 1em;\n left: 50%;\n transform: translateX(-50%);\n }\n .Toastify__toast-container--top-right {\n top: 1em;\n right: 1em;\n }\n .Toastify__toast-container--bottom-left {\n bottom: 1em;\n left: 1em;\n }\n .Toastify__toast-container--bottom-center {\n bottom: 1em;\n left: 50%;\n transform: translateX(-50%);\n }\n .Toastify__toast-container--bottom-right {\n bottom: 1em;\n right: 1em;\n }\n\n @media only screen and (max-width: 480px) {\n .Toastify__toast-container {\n width: 100vw;\n padding: 0;\n left: 0;\n margin: 0;\n }\n .Toastify__toast-container--top-left,\n .Toastify__toast-container--top-center,\n .Toastify__toast-container--top-right {\n top: 0;\n transform: translateX(0);\n }\n .Toastify__toast-container--bottom-left,\n .Toastify__toast-container--bottom-center,\n .Toastify__toast-container--bottom-right {\n bottom: 0;\n transform: translateX(0);\n }\n .Toastify__toast-container--rtl {\n right: 0;\n left: initial;\n }\n }\n .Toastify__toast {\n position: relative;\n min-height: var(--toastify-toast-min-height);\n box-sizing: border-box;\n margin-bottom: 1rem;\n padding: 8px;\n border-radius: 4px;\n box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: justify;\n justify-content: space-between;\n max-height: var(--toastify-toast-max-height);\n overflow: hidden;\n font-family: var(--toastify-font-family);\n cursor: default;\n direction: ltr;\n /* webkit only issue #791 */\n z-index: 0;\n }\n .Toastify__toast--rtl {\n direction: rtl;\n }\n .Toastify__toast--close-on-click {\n cursor: pointer;\n }\n .Toastify__toast-body {\n margin: auto 0;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n padding: 6px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n }\n .Toastify__toast-body > div:last-child {\n word-break: break-word;\n -ms-flex: 1;\n flex: 1;\n }\n .Toastify__toast-icon {\n -webkit-margin-end: 10px;\n margin-inline-end: 10px;\n width: 20px;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n display: -ms-flexbox;\n display: flex;\n }\n\n .Toastify--animate {\n animation-fill-mode: both;\n animation-duration: 0.7s;\n }\n\n .Toastify--animate-icon {\n animation-fill-mode: both;\n animation-duration: 0.3s;\n }\n\n @media only screen and (max-width: 480px) {\n .Toastify__toast {\n margin-bottom: 0;\n border-radius: 0;\n }\n }\n .Toastify__toast-theme--dark {\n background: var(--toastify-color-dark);\n color: var(--toastify-text-color-dark);\n }\n .Toastify__toast-theme--light {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n }\n .Toastify__toast-theme--colored.Toastify__toast--default {\n background: var(--toastify-color-light);\n color: var(--toastify-text-color-light);\n }\n .Toastify__toast-theme--colored.Toastify__toast--info {\n color: var(--toastify-text-color-info);\n background: var(--toastify-color-info);\n }\n .Toastify__toast-theme--colored.Toastify__toast--success {\n color: var(--toastify-text-color-success);\n background: var(--toastify-color-success);\n }\n .Toastify__toast-theme--colored.Toastify__toast--warning {\n color: var(--toastify-text-color-warning);\n background: var(--toastify-color-warning);\n }\n .Toastify__toast-theme--colored.Toastify__toast--error {\n color: var(--toastify-text-color-error);\n background: var(--toastify-color-error);\n }\n\n .Toastify__progress-bar-theme--light {\n background: var(--toastify-color-progress-light);\n }\n .Toastify__progress-bar-theme--dark {\n background: var(--toastify-color-progress-dark);\n }\n .Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n }\n .Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n }\n .Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n }\n .Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-transparent);\n }\n\n .Toastify__close-button {\n color: #fff;\n background: transparent;\n outline: none;\n border: none;\n padding: 0;\n cursor: pointer;\n opacity: 0.7;\n transition: 0.3s ease;\n -ms-flex-item-align: start;\n align-self: flex-start;\n }\n .Toastify__close-button--light {\n color: #000;\n opacity: 0.3;\n }\n .Toastify__close-button > svg {\n fill: currentColor;\n height: 16px;\n width: 14px;\n }\n .Toastify__close-button:hover,\n .Toastify__close-button:focus {\n opacity: 1;\n }\n\n @keyframes Toastify__trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n }\n .Toastify__progress-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n z-index: var(--toastify-z-index);\n opacity: 0.7;\n transform-origin: left;\n }\n .Toastify__progress-bar--animated {\n animation: Toastify__trackProgress linear 1 forwards;\n }\n .Toastify__progress-bar--controlled {\n transition: transform 0.2s;\n }\n .Toastify__progress-bar--rtl {\n right: 0;\n left: initial;\n transform-origin: right;\n }\n\n .Toastify__spinner {\n width: 20px;\n height: 20px;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100%;\n border-color: var(--toastify-spinner-color-empty-area);\n border-right-color: var(--toastify-spinner-color);\n animation: Toastify__spin 0.65s linear infinite;\n }\n\n @keyframes Toastify__bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(-25px, 0, 0);\n }\n 75% {\n transform: translate3d(10px, 0, 0);\n }\n 90% {\n transform: translate3d(-5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutRight {\n 20% {\n opacity: 1;\n transform: translate3d(-20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(2000px, 0, 0);\n }\n }\n @keyframes Toastify__bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(-3000px, 0, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(25px, 0, 0);\n }\n 75% {\n transform: translate3d(-10px, 0, 0);\n }\n 90% {\n transform: translate3d(5px, 0, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutLeft {\n 20% {\n opacity: 1;\n transform: translate3d(20px, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-2000px, 0, 0);\n }\n }\n @keyframes Toastify__bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n from {\n opacity: 0;\n transform: translate3d(0, 3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n 75% {\n transform: translate3d(0, 10px, 0);\n }\n 90% {\n transform: translate3d(0, -5px, 0);\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__bounceOutUp {\n 20% {\n transform: translate3d(0, -10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, 20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -2000px, 0);\n }\n }\n @keyframes Toastify__bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: translate3d(0, -3000px, 0);\n }\n 60% {\n opacity: 1;\n transform: translate3d(0, 25px, 0);\n }\n 75% {\n transform: translate3d(0, -10px, 0);\n }\n 90% {\n transform: translate3d(0, 5px, 0);\n }\n to {\n transform: none;\n }\n }\n @keyframes Toastify__bounceOutDown {\n 20% {\n transform: translate3d(0, 10px, 0);\n }\n 40%,\n 45% {\n opacity: 1;\n transform: translate3d(0, -20px, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 2000px, 0);\n }\n }\n .Toastify__bounce-enter--top-left,\n .Toastify__bounce-enter--bottom-left {\n animation-name: Toastify__bounceInLeft;\n }\n .Toastify__bounce-enter--top-right,\n .Toastify__bounce-enter--bottom-right {\n animation-name: Toastify__bounceInRight;\n }\n .Toastify__bounce-enter--top-center {\n animation-name: Toastify__bounceInDown;\n }\n .Toastify__bounce-enter--bottom-center {\n animation-name: Toastify__bounceInUp;\n }\n\n .Toastify__bounce-exit--top-left,\n .Toastify__bounce-exit--bottom-left {\n animation-name: Toastify__bounceOutLeft;\n }\n .Toastify__bounce-exit--top-right,\n .Toastify__bounce-exit--bottom-right {\n animation-name: Toastify__bounceOutRight;\n }\n .Toastify__bounce-exit--top-center {\n animation-name: Toastify__bounceOutUp;\n }\n .Toastify__bounce-exit--bottom-center {\n animation-name: Toastify__bounceOutDown;\n }\n\n @keyframes Toastify__zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes Toastify__zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n .Toastify__zoom-enter {\n animation-name: Toastify__zoomIn;\n }\n\n .Toastify__zoom-exit {\n animation-name: Toastify__zoomOut;\n }\n\n @keyframes Toastify__flipIn {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes Toastify__flipOut {\n from {\n transform: perspective(400px);\n }\n 30% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n }\n .Toastify__flip-enter {\n animation-name: Toastify__flipIn;\n }\n\n .Toastify__flip-exit {\n animation-name: Toastify__flipOut;\n }\n\n @keyframes Toastify__slideInRight {\n from {\n transform: translate3d(110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInLeft {\n from {\n transform: translate3d(-110%, 0, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInUp {\n from {\n transform: translate3d(0, 110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideInDown {\n from {\n transform: translate3d(0, -110%, 0);\n visibility: visible;\n }\n to {\n transform: translate3d(0, 0, 0);\n }\n }\n @keyframes Toastify__slideOutRight {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(110%, 0, 0);\n }\n }\n @keyframes Toastify__slideOutLeft {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(-110%, 0, 0);\n }\n }\n @keyframes Toastify__slideOutDown {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, 500px, 0);\n }\n }\n @keyframes Toastify__slideOutUp {\n from {\n transform: translate3d(0, 0, 0);\n }\n to {\n visibility: hidden;\n transform: translate3d(0, -500px, 0);\n }\n }\n .Toastify__slide-enter--top-left,\n .Toastify__slide-enter--bottom-left {\n animation-name: Toastify__slideInLeft;\n }\n .Toastify__slide-enter--top-right,\n .Toastify__slide-enter--bottom-right {\n animation-name: Toastify__slideInRight;\n }\n .Toastify__slide-enter--top-center {\n animation-name: Toastify__slideInDown;\n }\n .Toastify__slide-enter--bottom-center {\n animation-name: Toastify__slideInUp;\n }\n\n .Toastify__slide-exit--top-left,\n .Toastify__slide-exit--bottom-left {\n animation-name: Toastify__slideOutLeft;\n }\n .Toastify__slide-exit--top-right,\n .Toastify__slide-exit--bottom-right {\n animation-name: Toastify__slideOutRight;\n }\n .Toastify__slide-exit--top-center {\n animation-name: Toastify__slideOutUp;\n }\n .Toastify__slide-exit--bottom-center {\n animation-name: Toastify__slideOutDown;\n }\n\n @keyframes Toastify__spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n`;\n\n/**\n * Component style.\n */\nexport const StyledToastContainer = styled(ToastContainer)<StyledToastContainerProps>`\n --toastify-color-light: var(--redsift-color-neutral-white);\n --toastify-color-dark: var(--redsift-color-neutral-black);\n --toastify-color-info: var(--redsift-color-notifications-info-primary);\n --toastify-color-success: var(--redsift-color-notifications-success-primary);\n --toastify-color-warning: var(--redsift-color-notifications-warning-primary);\n --toastify-color-error: var(--redsift-color-notifications-error-primary);\n --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n --toastify-icon-color-info: var(--toastify-color-info);\n --toastify-icon-color-success: var(--toastify-color-success);\n --toastify-icon-color-warning: var(--toastify-color-warning);\n --toastify-icon-color-error: var(--toastify-color-error);\n --toastify-toast-width: 'fit-content';\n --toastify-toast-background: var(--redsift-color-neutral-white);\n --toastify-toast-min-height: 58px;\n --toastify-toast-max-height: 800px;\n --toastify-font-family: sans-serif;\n --toastify-z-index: var(--redsift-layout-z-index-tooltip);\n --toastify-text-color-light: var(--redsift-color-neutral-black);\n --toastify-text-color-dark: var(--redsift-color-neutral-white);\n --toastify-text-color-info: var(--redsift-color-neutral-white);\n --toastify-text-color-success: var(--redsift-color-neutral-white);\n --toastify-text-color-warning: var(--redsift-color-neutral-white);\n --toastify-text-color-error: var(--redsift-color-neutral-white);\n --toastify-spinner-color: var(--redsift-color-neutral-x-dark-grey);\n --toastify-spinner-color-empty-area: var(--redsift-color-neutral-light-grey);\n --toastify-color-progress-light: var(--redsift-color-neutral-x-dark-grey);\n --toastify-color-progress-dark: var(--redsift-color-neutral-x-light-grey);\n --toastify-color-progress-default: var(--redsift-color-primary-n);\n --toastify-color-progress-info: var(--toastify-color-info);\n --toastify-color-progress-success: var(--toastify-color-success);\n --toastify-color-progress-warning: var(--toastify-color-warning);\n --toastify-color-progress-error: var(--toastify-color-error);\n\n min-width: 350px;\n max-width: 600px;\n\n .Toastify__toast {\n box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px rgb(0 0 0 / 14%), 0px 1px 10px rgb(0 0 0 / 12%);\n padding: 0;\n }\n\n .Toastify__toast-body {\n padding: 0;\n }\n\n .Toastify__toast-theme--colored.Toastify__toast--default {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--info {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--success {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--warning {\n background: none;\n }\n .Toastify__toast-theme--colored.Toastify__toast--error {\n background: none;\n }\n\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {\n background: var(--toastify-color-progress-default);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info {\n background: var(--toastify-color-progress-info);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success {\n background: var(--toastify-color-progress-success);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {\n background: var(--toastify-color-progress-warning);\n }\n .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n background: var(--toastify-color-progress-error);\n }\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport { Slide } from 'react-toastify';\n\nimport { Comp } from '@redsift/design-system';\nimport { ReactToastify, StyledToastContainer } from './styles';\nimport { ToastContainerProps } from './types';\n\nconst COMPONENT_NAME = 'ToastContainer';\nconst CLASSNAME = 'redsift-toast-container';\n\n/**\n * The ToastContainer component.\n */\nexport const ToastContainer: Comp<ToastContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n autoClose = 5000,\n closeOnClick = false,\n draggable = true,\n pauseOnFocusLoss = true,\n pauseOnHover = true,\n placement = 'top-right',\n ...forwardedProps\n } = props;\n\n return (\n <ReactToastify>\n <StyledToastContainer\n autoClose={autoClose}\n closeOnClick={closeOnClick}\n draggable={draggable}\n pauseOnFocusLoss={pauseOnFocusLoss}\n pauseOnHover={pauseOnHover}\n {...forwardedProps}\n className={ToastContainer.className}\n closeButton={false}\n icon={false}\n newestOnTop={placement!.includes('bottom')}\n position={placement}\n ref={ref as RefObject<HTMLDivElement>}\n theme=\"colored\"\n transition={Slide}\n />\n </ReactToastify>\n );\n});\nToastContainer.className = CLASSNAME;\nToastContainer.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport { toast } from 'react-toastify';\nimport { Toast } from '../toast';\nimport { useToastProps, useToastReturnType } from './types';\n\nconst notify: useToastReturnType['notify'] = (\n { content, closeButton, placement, title, variant = 'info', ...options },\n props\n) => {\n return toast(\n <Toast title={title} variant={variant} closeButton={closeButton} {...props}>\n {content}\n </Toast>,\n {\n type: variant === 'loading' ? 'default' : variant,\n ...(placement && { position: placement }),\n ...options,\n }\n );\n};\n\nconst update: useToastReturnType['update'] = (\n id,\n { content, closeButton, placement, title, variant = 'info', ...options },\n props\n) => {\n toast.update(id, {\n render: ({ closeToast }) => (\n <Toast title={title} variant={variant} closeButton={closeButton} closeToast={closeToast} {...props}>\n {content}\n </Toast>\n ),\n type: variant === 'loading' ? 'default' : variant,\n ...(placement && { position: placement }),\n ...options,\n });\n};\n\nconst promise: useToastReturnType['promise'] = (\n promise,\n { pending, success, error },\n { closeButton, placement, ...options } = {},\n props\n) => {\n toast.promise(promise, {\n pending: {\n render: ({ closeToast }) => (\n <Toast closeButton={closeButton} title={pending.title} variant=\"loading\" closeToast={closeToast} {...props}>\n {pending.content}\n </Toast>\n ),\n type: 'default',\n ...(placement && { position: placement }),\n ...options,\n },\n success: {\n render: ({ closeToast }) => (\n <Toast closeButton={closeButton} title={success.title} variant=\"success\" closeToast={closeToast} {...props}>\n {success.content}\n </Toast>\n ),\n type: 'success',\n ...(placement && { position: placement }),\n ...options,\n },\n error: {\n render: ({ closeToast }) => (\n <Toast closeButton={closeButton} title={error.title} variant=\"error\" closeToast={closeToast} {...props}>\n {error.content}\n </Toast>\n ),\n type: 'error',\n ...(placement && { position: placement }),\n ...options,\n },\n });\n};\n\nexport const useToast: useToastProps = () => {\n return {\n notify: notify,\n clearWaitingQueue: toast.clearWaitingQueue,\n dismiss: toast.dismiss,\n done: toast.done,\n error: (options, props) => {\n return notify({ variant: 'error', ...options }, props);\n },\n info: (options, props) => {\n return notify({ variant: 'info', ...options }, props);\n },\n isActive: toast.isActive,\n loading: (options, props) => {\n return notify({ variant: 'loading', ...options }, props);\n },\n promise: promise,\n success: (options, props) => {\n return notify({ variant: 'success', ...options }, props);\n },\n update: update,\n warning: (options, props) => {\n return notify({ variant: 'warning', ...options }, props);\n },\n };\n};\n"],"names":["ReactToastify","styled","div","StyledToastContainer","ToastContainer","COMPONENT_NAME","CLASSNAME","forwardRef","props","ref","autoClose","closeOnClick","draggable","pauseOnFocusLoss","pauseOnHover","placement","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","closeButton","icon","newestOnTop","includes","position","theme","transition","Slide","displayName","notify","_ref","content","title","variant","options","toast","Toast","_objectSpread","type","update","id","_ref2","_excluded2","render","_ref3","closeToast","promise","_ref5","pending","success","error","_ref4","arguments","length","undefined","_excluded3","_ref6","_ref7","_ref8","useToast","clearWaitingQueue","dismiss","done","info","isActive","loading","warning"],"mappings":";;;;;;AAIO,MAAMA,aAAa,GAAGC,MAAM,CAACC,GAAI,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;;AAED;AACA;AACA;AACO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,gBAAc,CAA6B,CAAA;AACtF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A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"}
|