@laerdal/life-react-components 3.5.2 → 3.5.3

package/dist/Toasters/Toast.js

@@ -3,10 +3,10 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _enter, _leave;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
-import styled, { keyframes, useTheme } from 'styled-components';
+import styled, { keyframes } from 'styled-components';
 import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
 import { BOXSHADOWS, COLORS } from '../styles';
 import { Size } from '../types';
@@ -19,31 +19,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var LoaderAnimationKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
 var Loader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ", " ", "ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n"])), LoaderAnimationKeyframes, function (props) {
   return props.duration;
-}, ToastColor[ToastColor.BLACK], function (props) {
-  return COLORS.getColor('neutral_200', props.theme);
-}, function (props) {
-  return COLORS.getColor('neutral_800', props.theme);
-}, ToastColor[ToastColor.WHITE], function (props) {
-  return COLORS.getColor('neutral_400', props.theme);
-}, function (props) {
-  return COLORS.getColor('white', props.theme);
-}, ToastColor[ToastColor.BLUE], function (props) {
-  return COLORS.getColor('accent1_200', props.theme);
-}, function (props) {
-  return COLORS.getColor('accent1_600', props.theme);
-}, ToastColor[ToastColor.GREEN], function (props) {
-  return COLORS.getColor('correct_200', props.theme);
-}, function (props) {
-  return COLORS.getColor('correct_500', props.theme);
-}, ToastColor[ToastColor.ORANGE], function (props) {
-  return COLORS.getColor('warning_200', props.theme);
-}, function (props) {
-  return COLORS.getColor('warning_500', props.theme);
-}, ToastColor[ToastColor.RED], function (props) {
-  return COLORS.getColor('critical_200', props.theme);
-}, function (props) {
-  return COLORS.getColor('critical_500', props.theme);
-});
+}, ToastColor[ToastColor.BLACK], COLORS.neutral_200, COLORS.neutral_800, ToastColor[ToastColor.WHITE], COLORS.neutral_400, COLORS.white, ToastColor[ToastColor.BLUE], COLORS.accent1_200, COLORS.accent1_600, ToastColor[ToastColor.GREEN], COLORS.correct_200, COLORS.correct_500, ToastColor[ToastColor.ORANGE], COLORS.warning_200, COLORS.warning_500, ToastColor[ToastColor.RED], COLORS.critical_200, COLORS.critical_500);
 export var ToastContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n  border-radius: 4px;\n\n  animation: ", " ", " ", ";\n  transform: ", ";\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ", " ", " 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ", "\n\n  & a {\n    display: inline;\n    ", "\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n    color: ", ";\n\n    & a {\n      ", "\n    }\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n"])), BOXSHADOWS.BOXSHADOW_L2, function (props) {
   return props.animation.keyframes;
 }, function (props) {
@@ -56,29 +32,9 @@ export var ToastContainer = styled.div(_templateObject3 || (_templateObject3 = _
   return props.withClose ? '0' : '16px';
 }, function (props) {
   return props.withLoader ? '4px' : '0';
-}, function (props) {
-  return ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme));
-}, HyperLinkInvertedStyling, ToastColor[ToastColor.BLACK], function (props) {
-  return COLORS.getColor('neutral_800', props.theme);
-}, ToastColor[ToastColor.WHITE], function (props) {
-  return COLORS.getColor('white', props.theme);
-}, function (props) {
-  return COLORS.getColor('black', props.theme);
-}, HyperLinkDefaultStyling, ToastColor[ToastColor.BLUE], function (props) {
-  return COLORS.getColor('accent1_600', props.theme);
-}, ToastColor[ToastColor.GREEN], function (props) {
-  return COLORS.getColor('correct_500', props.theme);
-}, ToastColor[ToastColor.ORANGE], function (props) {
-  return COLORS.getColor('warning_500', props.theme);
-}, ToastColor[ToastColor.RED], function (props) {
-  return COLORS.getColor('critical_500', props.theme);
-});
+}, ComponentSStyling(ComponentTextStyle.Regular, COLORS.white), HyperLinkInvertedStyling, ToastColor[ToastColor.BLACK], COLORS.neutral_800, ToastColor[ToastColor.WHITE], COLORS.white, COLORS.black, HyperLinkDefaultStyling, ToastColor[ToastColor.BLUE], COLORS.accent1_600, ToastColor[ToastColor.GREEN], COLORS.correct_500, ToastColor[ToastColor.ORANGE], COLORS.warning_500, ToastColor[ToastColor.RED], COLORS.critical_500);
 export var ToastActionButtons = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n"])));
-export var ToastCloseButton = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ", " !important;\n  }\n\n  &.", " {\n    button svg path {\n      fill: ", " !important;\n    }\n  }\n"])), function (props) {
-  return COLORS.getColor('white', props.theme);
-}, ToastColor[ToastColor.WHITE], function (props) {
-  return COLORS.getColor('neutral_600', props.theme);
-});
+export var ToastCloseButton = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ", " !important;\n  }\n\n  &.", " {\n    button svg path {\n      fill: ", " !important;\n    }\n  }\n"])), COLORS.white, ToastColor[ToastColor.WHITE], COLORS.neutral_600);
 export var ToastTextContainer = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n"])));
 export var ToastIconContainer = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: -8px;\n"])));
 var DEFAULT_OPTIONS = {
@@ -97,7 +53,6 @@ var Toast = function Toast(_ref) {
     options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
     testId = _ref.testId;
   if (!remove) throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');
-  var styledTheme = useTheme();
   var removeRef = React.useRef();
   removeRef.current = remove;
   var elementRef = React.useRef(null);
@@ -208,7 +163,7 @@ var Toast = function Toast(_ref) {
         },
         children: /*#__PURE__*/_jsx(SystemIcons.Close, {
           size: "24px",
-          color: COLORS.getColor('neutral_600', styledTheme)
+          color: COLORS.neutral_600
         })
       })
     }), !!opts.autoClose && /*#__PURE__*/_jsx(Loader, {

package/dist/Toasters/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["React","styled","keyframes","useTheme","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","jsx","_jsx","jsxs","_jsxs","LoaderAnimationKeyframes","_templateObject","_taggedTemplateLiteral","Loader","div","_templateObject2","props","duration","BLACK","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","_templateObject3","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","Regular","ToastActionButtons","_templateObject4","ToastCloseButton","_templateObject5","ToastTextContainer","span","_templateObject6","ToastIconContainer","_templateObject7","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","concat","_templateObject8","_templateObject9","_elementRef$current3","focus","ref","className","tabIndex","children","icon","action","map","i","size","Small","variant","type","SECONDARY","colorTheme","invertFocus","onClick","handler","label","shape","useTransparentBackground","event","Close","propTypes","_pt","any","isRequired","bool","number","arrayOf","string","func","node","enter","_enter","_defineProperty","BOTTOM","LEFT","RIGHT","leave","_leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('accent1_200', props.theme)} 50%, ${props => COLORS.getColor('accent1_600', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('correct_200', props.theme)} 50%, ${props => COLORS.getColor('correct_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('warning_200', props.theme)} 50%, ${props => COLORS.getColor('warning_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('critical_200', props.theme)} 50%, ${props => COLORS.getColor('critical_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\r\n  transform: ${(props) => props.animation.transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.getColor('warning_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.getColor('white', props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    duration: animation.duration,\r\n    bezier: animation.bezier,\r\n    transform: `translateY(${toY}) translateX(${toX})`,\r\n    keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.js","names":["React","styled","keyframes","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","LoaderAnimationKeyframes","Loader","div","props","duration","BLACK","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","ToastContainer","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","Regular","black","ToastActionButtons","ToastCloseButton","neutral_600","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","content","remove","options","testId","Error","removeRef","useRef","current","elementRef","useState","shouldRemove","setShouldRemove","width","height","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","theme","focus","icon","action","map","i","Small","type","SECONDARY","handler","label","event","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\r\n  transform: ${(props) => props.animation.transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${COLORS.neutral_800};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${COLORS.white};\r\n    color: ${COLORS.black};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${COLORS.accent1_600};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${COLORS.correct_500};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${COLORS.warning_500};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${COLORS.critical_500};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${COLORS.white} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${COLORS.neutral_600} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  color?: ToastColor;\r\n  autoClose?: boolean;\r\n  delay?: number;\r\n  showCloseButton?: boolean;\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  position: ToastPosition;\r\n  enterFrom?: ToastEntryDirection;\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    duration: animation.duration,\r\n    bezier: animation.bezier,\r\n    transform: `translateY(${toY}) translateX(${toX})`,\r\n    keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.neutral_600} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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"}

package/dist/Toasters/ToastContext.cjs

@@ -19,29 +19,29 @@ var _types = require("../types");
 var _zIndexes = require("../styles/z-indexes");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /*export const ToastContext = React.createContext<ToasterValueProps>(null);*/
 
 var ToastContext = /*#__PURE__*/React.createContext({});
 exports.ToastContext = ToastContext;
-var ToastBucket = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: fixed;\n  z-index: ", ";\n  display: flex;\n  flex-direction: column-reverse;\n"])), _zIndexes.Z_INDEXES.toast);
-var ToastBucketTopLeft = (0, _styledComponents["default"])(ToastBucket)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 16px;\n  left: 5%;\n"])));
-var ToastBucketTopMiddle = (0, _styledComponents["default"])(ToastBucket)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
-var ToastBucketTopRight = (0, _styledComponents["default"])(ToastBucket)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  top: 16px;\n  right: 5%;\n"])));
-var ToastBucketBottomLeft = (0, _styledComponents["default"])(ToastBucket)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  bottom: 16px;\n  left: 5%;\n"])));
-var ToastBucketBottomMiddle = (0, _styledComponents["default"])(ToastBucket)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
-var ToastBucketBottomRight = (0, _styledComponents["default"])(ToastBucket)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  bottom: 16px;\n  right: 5%;\n"])));
+var ToastBucket = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  z-index: ", ";\n  display: flex;\n  flex-direction: column-reverse;\n"])), _zIndexes.Z_INDEXES.toast);
+var ToastBucketTopLeft = (0, _styledComponents.default)(ToastBucket)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  top: 16px;\n  left: 5%;\n"])));
+var ToastBucketTopMiddle = (0, _styledComponents.default)(ToastBucket)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
+var ToastBucketTopRight = (0, _styledComponents.default)(ToastBucket)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  top: 16px;\n  right: 5%;\n"])));
+var ToastBucketBottomLeft = (0, _styledComponents.default)(ToastBucket)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  bottom: 16px;\n  left: 5%;\n"])));
+var ToastBucketBottomMiddle = (0, _styledComponents.default)(ToastBucket)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
+var ToastBucketBottomRight = (0, _styledComponents.default)(ToastBucket)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  bottom: 16px;\n  right: 5%;\n"])));
 var ToastProvider = function ToastProvider(_ref) {
   var children = _ref.children;
   var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     toasts = _React$useState2[0],
     setToasts = _React$useState2[1];
   var add = function add(content, options) {
     var id = (0, _functions.createUUID)();
     setToasts(function (prev) {
-      return [].concat((0, _toConsumableArray2["default"])(prev), [{
+      return [].concat((0, _toConsumableArray2.default)(prev), [{
         id: id,
         content: content,
         options: options
@@ -70,7 +70,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.TOPLEFT;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -82,7 +82,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.TOPMIDDLE;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -94,7 +94,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.TOPRIGHT;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -106,7 +106,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.BOTTOMLEFT;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -118,7 +118,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.BOTTOMMIDDLE;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -130,7 +130,7 @@ var ToastProvider = function ToastProvider(_ref) {
       children: toasts.filter(function (t) {
         return t.options.position === _types.ToastPosition.BOTTOMRIGHT;
       }).map(function (t) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast["default"], {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
           content: t.content,
           remove: function remove() {
             return _remove(t.id);
@@ -143,7 +143,7 @@ var ToastProvider = function ToastProvider(_ref) {
 };
 exports.ToastProvider = ToastProvider;
 ToastProvider.propTypes = {
-  children: _propTypes["default"].any
+  children: _propTypes.default.any
 };
 function useToast() {
   var _React$useContext = React.useContext(ToastContext),

package/dist/Toasters/ToastContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_functions","_Toast","_types","_zIndexes","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToastContext","createContext","exports","ToastBucket","styled","div","_taggedTemplateLiteral2","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","toasts","setToasts","add","content","options","id","createUUID","prev","concat","_toConsumableArray2","remove","filter","functions","useMemo","addToast","removeToast","jsxs","Provider","value","jsx","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","propTypes","_propTypes","any","useToast","_React$useContext","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport type ToastProviderProps = {\r\n  children?: any;\r\n};\r\n\r\nexport interface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n    return id;\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast, removeToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n    removeToast\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa9C;;AAEO,IAAMW,YAAY,gBAAGrC,KAAK,CAACsC,aAAa,CAAC,CAAC,CAAsB,CAAC;AAACC,OAAA,CAAAF,YAAA,GAAAA,YAAA;AAEzE,IAAMG,WAAW,GAAGC,4BAAM,CAACC,GAAG,CAAAhC,eAAA,KAAAA,eAAA,OAAAiC,uBAAA,kHAEjBC,mBAAS,CAACC,KAAK,CAG3B;AAED,IAAMC,kBAAkB,GAAG,IAAAL,4BAAM,EAACD,WAAW,CAAC,CAAA7B,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,iDAG7C;AAED,IAAMI,oBAAoB,GAAG,IAAAN,4BAAM,EAACD,WAAW,CAAC,CAAA5B,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,kFAI/C;AAED,IAAMK,mBAAmB,GAAG,IAAAP,4BAAM,EAACD,WAAW,CAAC,CAAA3B,gBAAA,KAAAA,gBAAA,OAAA8B,uBAAA,kDAG9C;AAED,IAAMM,qBAAqB,GAAG,IAAAR,4BAAM,EAACD,WAAW,CAAC,CAAA1B,gBAAA,KAAAA,gBAAA,OAAA6B,uBAAA,oDAGhD;AAED,IAAMO,uBAAuB,GAAG,IAAAT,4BAAM,EAACD,WAAW,CAAC,CAAAzB,gBAAA,KAAAA,gBAAA,OAAA4B,uBAAA,qFAIlD;AAED,IAAMQ,sBAAsB,GAAG,IAAAV,4BAAM,EAACD,WAAW,CAAC,CAAAxB,gBAAA,KAAAA,gBAAA,OAAA2B,uBAAA,qDAGjD;AAEM,IAAMS,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACpE,IAAAC,eAAA,GAA4BvD,KAAK,CAACwD,QAAQ,CAAU,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAhDI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EAExB,IAAMI,GAAG,GAAG,SAANA,GAAGA,CAAIC,OAAY,EAAEC,OAAqB,EAAK;IACnD,IAAMC,EAAE,GAAG,IAAAC,qBAAU,EAAC,CAAC;IACvBL,SAAS,CAAC,UAAAM,IAAI;MAAA,UAAAC,MAAA,KAAAC,mBAAA,aAAQF,IAAI,IAAE;QAAEF,EAAE,EAAFA,EAAE;QAAEF,OAAO,EAAPA,OAAO;QAAEC,OAAO,EAAPA;MAAQ,CAAC;IAAA,CAAC,CAAC;IACtD,OAAOC,EAAE;EACX,CAAC;EAED,IAAMK,OAAM,GAAG,SAATA,MAAMA,CAAIL,EAAU;IAAA,OAAKJ,SAAS,CAACD,MAAM,CAACW,MAAM,CAAC,UAAAjD,CAAC;MAAA,OAAIA,CAAC,CAAC2C,EAAE,KAAKA,EAAE;IAAA,EAAC,CAAC;EAAA;EAEzE,IAAMO,SAAS,GAAGvE,KAAK,CAACwE,OAAO,CAAC,YAAM;IACpC,OAAO;MAAEC,QAAQ,EAAEZ,GAAG;MAAEa,WAAW,EAAEL;IAAO,CAAC;EAC/C,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,oBACE,IAAAlD,WAAA,CAAAkE,IAAA,EAACtC,YAAY,CAACuC,QAAQ;IAACC,KAAK,EAAE;MAAElB,MAAM,EAANA,MAAM;MAAEc,QAAQ,EAAEZ,GAAG;MAAEa,WAAW,EAAEL;IAAO,CAAE;IAAAf,QAAA,gBAC3E,IAAA7C,WAAA,CAAAqE,GAAA,EAAChC,kBAAkB;MAAAQ,QAAA,EAChBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACC,OAAO;MAAA,EAAC,CACzDC,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACc,CAAC,eACrB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC/B,oBAAoB;MAAAO,QAAA,EAClBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACG,SAAS;MAAA,EAAC,CAC3DD,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACgB,CAAC,eACvB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC9B,mBAAmB;MAAAM,QAAA,EACjBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACI,QAAQ;MAAA,EAAC,CAC1DF,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACe,CAAC,eACtB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC7B,qBAAqB;MAAAK,QAAA,EACnBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACK,UAAU;MAAA,EAAC,CAC5DH,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACiB,CAAC,eACxB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC5B,uBAAuB;MAAAI,QAAA,EACrBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACM,YAAY;MAAA,EAAC,CAC9DJ,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACmB,CAAC,eAC1B,IAAAvD,WAAA,CAAAqE,GAAA,EAAC3B,sBAAsB;MAAAG,QAAA,EACpBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACO,WAAW;MAAA,EAAC,CAC7DL,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACkB,CAAC,EACxBV,QAAQ;EAAA,CACY,CAAC;AAE5B,CAAC;AAACf,OAAA,CAAAa,aAAA,GAAAA,aAAA;AAAAA,aAAA,CAAAoC,SAAA;EAnHAlC,QAAQ,EAAAmC,UAAA,YAAAC;AAAA;AAqHH,SAASC,QAAQA,CAAA,EAAG;EACzB,IAAAC,iBAAA,GAAkC5F,KAAK,CAAC6F,UAAU,CAACxD,YAAY,CAAC;IAAxDoC,QAAQ,GAAAmB,iBAAA,CAARnB,QAAQ;IAAEC,WAAW,GAAAkB,iBAAA,CAAXlB,WAAW;EAC7B,OAAO;IACLD,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAXA;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport type ToastProviderProps = {\r\n  children?: any;\r\n};\r\n\r\nexport interface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n    return id;\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast, removeToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n    removeToast\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAa9C;;AAEO,IAAMA,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAsB;AAAC;AAEzE,IAAMC,WAAW,GAAGC,yBAAM,CAACC,GAAG,iLAEjBC,mBAAS,CAACC,KAAK,CAG3B;AAED,IAAMC,kBAAkB,GAAG,IAAAJ,yBAAM,EAACD,WAAW,CAAC,kHAG7C;AAED,IAAMM,oBAAoB,GAAG,IAAAL,yBAAM,EAACD,WAAW,CAAC,mJAI/C;AAED,IAAMO,mBAAmB,GAAG,IAAAN,yBAAM,EAACD,WAAW,CAAC,mHAG9C;AAED,IAAMQ,qBAAqB,GAAG,IAAAP,yBAAM,EAACD,WAAW,CAAC,qHAGhD;AAED,IAAMS,uBAAuB,GAAG,IAAAR,yBAAM,EAACD,WAAW,CAAC,sJAIlD;AAED,IAAMU,sBAAsB,GAAG,IAAAT,yBAAM,EAACD,WAAW,CAAC,sHAGjD;AAEM,IAAMW,aAA2C,GAAG,SAA9CA,aAA2C,OAAyC;EAAA,IAAnCC,QAAQ,QAARA,QAAQ;EACpE,sBAA4Bd,KAAK,CAACe,QAAQ,CAAU,EAAE,CAAC;IAAA;IAAhDC,MAAM;IAAEC,SAAS;EAExB,IAAMC,GAAG,GAAG,SAANA,GAAG,CAAIC,OAAY,EAAEC,OAAqB,EAAK;IACnD,IAAMC,EAAE,GAAG,IAAAC,qBAAU,GAAE;IACvBL,SAAS,CAAC,UAAAM,IAAI;MAAA,kDAAQA,IAAI,IAAE;QAAEF,EAAE,EAAFA,EAAE;QAAEF,OAAO,EAAPA,OAAO;QAAEC,OAAO,EAAPA;MAAQ,CAAC;IAAA,CAAC,CAAC;IACtD,OAAOC,EAAE;EACX,CAAC;EAED,IAAMG,OAAM,GAAG,SAATA,MAAM,CAAIH,EAAU;IAAA,OAAKJ,SAAS,CAACD,MAAM,CAACS,MAAM,CAAC,UAAAC,CAAC;MAAA,OAAIA,CAAC,CAACL,EAAE,KAAKA,EAAE;IAAA,EAAC,CAAC;EAAA;EAEzE,IAAMM,SAAS,GAAG3B,KAAK,CAAC4B,OAAO,CAAC,YAAM;IACpC,OAAO;MAAEC,QAAQ,EAAEX,GAAG;MAAEY,WAAW,EAAEN;IAAO,CAAC;EAC/C,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,oBACE,sBAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAANA,MAAM;MAAEa,QAAQ,EAAEX,GAAG;MAAEY,WAAW,EAAEN;IAAO,CAAE;IAAA,wBAC3E,qBAAC,kBAAkB;MAAA,UAChBR,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACC,OAAO;MAAA,EAAC,CACzDC,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACe,eACrB,qBAAC,oBAAoB;MAAA,UAClBL,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACG,SAAS;MAAA,EAAC,CAC3DD,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACiB,eACvB,qBAAC,mBAAmB;MAAA,UACjBL,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACI,QAAQ;MAAA,EAAC,CAC1DF,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACgB,eACtB,qBAAC,qBAAqB;MAAA,UACnBL,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACK,UAAU;MAAA,EAAC,CAC5DH,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACkB,eACxB,qBAAC,uBAAuB;MAAA,UACrBL,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACM,YAAY;MAAA,EAAC,CAC9DJ,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACoB,eAC1B,qBAAC,sBAAsB;MAAA,UACpBL,MAAM,CACJS,MAAM,CAAC,UAAAC,CAAC;QAAA,OAAIA,CAAC,CAACN,OAAO,CAACW,QAAQ,KAAKC,oBAAa,CAACO,WAAW;MAAA,EAAC,CAC7DL,GAAG,CAAC,UAAAR,CAAC;QAAA,oBACJ,qBAAC,cAAK;UAAY,OAAO,EAAEA,CAAC,CAACP,OAAQ;UAAC,MAAM,EAAE;YAAA,OAAMK,OAAM,CAACE,CAAC,CAACL,EAAE,CAAC;UAAA,CAAC;UAAC,OAAO,EAAEK,CAAC,CAACN;QAAQ,GAAzEM,CAAC,CAACL,EAAE,CAAwE;MAAA,CACzF;IAAC,EACmB,EACxBP,QAAQ;EAAA,EACa;AAE5B,CAAC;AAAC;AAAA;EAnHAA,QAAQ;AAAA;AAqHH,SAAS0B,QAAQ,GAAG;EACzB,wBAAkCxC,KAAK,CAACyC,UAAU,CAAC1C,YAAY,CAAC;IAAxD8B,QAAQ,qBAARA,QAAQ;IAAEC,WAAW,qBAAXA,WAAW;EAC7B,OAAO;IACLD,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAXA;EACF,CAAC;AACH"}

package/dist/Toasters/ToastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","jsx","_jsx","jsxs","_jsxs","ToastContext","createContext","ToastBucket","div","_templateObject","_taggedTemplateLiteral","toast","ToastBucketTopLeft","_templateObject2","ToastBucketTopMiddle","_templateObject3","ToastBucketTopRight","_templateObject4","ToastBucketBottomLeft","_templateObject5","ToastBucketBottomMiddle","_templateObject6","ToastBucketBottomRight","_templateObject7","ToastProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray","toasts","setToasts","add","content","options","id","prev","concat","_toConsumableArray","remove","filter","t","functions","useMemo","addToast","removeToast","Provider","value","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","propTypes","_pt","any","useToast","_React$useContext","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport type ToastProviderProps = {\r\n  children?: any;\r\n};\r\n\r\nexport interface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n    return id;\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast, removeToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n    removeToast\r\n  };\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport type ToastProviderProps = {\r\n  children?: any;\r\n};\r\n\r\nexport interface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n    return id;\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast, removeToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n    removeToast\r\n  };\r\n}\r\n"],"mappings":"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"}

package/dist/Toasters/index.cjs

@@ -13,7 +13,7 @@ var _exportNames = {
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function get() {
-    return _Toast["default"];
+    return _Toast.default;
   }
 });
 Object.defineProperty(exports, "ToastContext", {
@@ -47,6 +47,6 @@ Object.keys(_Toast).forEach(function (key) {
   });
 });
 var _ToastContext = require("./ToastContext");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.cjs.map

package/dist/Toasters/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Toast","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ToastContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,aAAA,GAAAb,OAAA;AAAuE,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAGA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAFA;AAAuE;AAAA"}

package/dist/Toasters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Toast","ToastProvider","useToast","ToastContext"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAC3B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,gBAAgB;AAEtE,cAAc,SAAS;AACvB,SAASH,KAAK,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Toast","ToastProvider","useToast","ToastContext"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAC3B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,gBAAgB;AAEtE,cAAc,SAAS;AACvB,SAASH,KAAK,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,YAAY"}

package/dist/Toggles/ToggleButton.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ToggleButton = void 0;
+exports.default = exports.ToggleButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -18,16 +18,10 @@ var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "active", "onChange", "disabled", "defaultState", "activeState", "className"];
 var _templateObject;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  ", " {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ", " {\n      background: ", ";\n    }\n  }\n\n  &.active:not(.state-change) {\n    ", ":after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ", ";\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ", ":after {\n      background: ", ";\n    }\n  }\n"])), _Iconbutton.IconButtonContentStyles, _Iconbutton.IconButtonContentStyles, function (props) {
-  return _styles.COLORS.getColor('white', props.theme);
-}, _Iconbutton.IconButtonContentStyles, function (props) {
-  return _styles.COLORS.getColor('primary_500', props.theme);
-}, _Iconbutton.IconButtonContentStyles, function (props) {
-  return _styles.COLORS.getColor('neutral_300', props.theme);
-});
-var ToggleButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ", " {\n      background: ", ";\n    }\n  }\n\n  &.active:not(.state-change) {\n    ", ":after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ", ";\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ", ":after {\n      background: ", ";\n    }\n  }\n"])), _Iconbutton.IconButtonContentStyles, _Iconbutton.IconButtonContentStyles, _styles.COLORS.white, _Iconbutton.IconButtonContentStyles, _styles.COLORS.primary_500, _Iconbutton.IconButtonContentStyles, _styles.COLORS.neutral_300);
+var ToggleButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _activeState$color, _activeState$icon;
   var id = _ref.id,
     active = _ref.active,
@@ -36,12 +30,12 @@ var ToggleButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref
     defaultState = _ref.defaultState,
     activeState = _ref.activeState,
     className = _ref.className,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _React$useState = _react["default"].useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isActive = _React$useState2[0],
     setIsActive = _React$useState2[1];
-  _react["default"].useEffect(function () {
+  _react.default.useEffect(function () {
     return setIsActive(active);
   }, [active]);
   var cls = "".concat(className || '', " ").concat(isActive ? 'active' : '', " ").concat(activeState ? 'state-change' : '', " ").concat(disabled ? 'disabled' : '');
@@ -69,18 +63,18 @@ var ToggleButton = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref
 });
 exports.ToggleButton = ToggleButton;
 ToggleButton.propTypes = {
-  active: _propTypes["default"].bool.isRequired,
-  onChange: _propTypes["default"].func,
-  disabled: _propTypes["default"].bool,
-  defaultState: _propTypes["default"].shape({
-    icon: _propTypes["default"].node.isRequired,
-    color: _propTypes["default"].string
+  active: _propTypes.default.bool.isRequired,
+  onChange: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  defaultState: _propTypes.default.shape({
+    icon: _propTypes.default.node.isRequired,
+    color: _propTypes.default.string
   }).isRequired,
-  activeState: _propTypes["default"].shape({
-    icon: _propTypes["default"].node.isRequired,
-    color: _propTypes["default"].string
+  activeState: _propTypes.default.shape({
+    icon: _propTypes.default.node.isRequired,
+    color: _propTypes.default.string
   })
 };
 var _default = ToggleButton;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ToggleButton.cjs.map