@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/Toasters/Toast.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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;
+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; }
 import * as React from 'react';
@@ -13,15 +14,74 @@ import { Button, IconButton } from '../Button';
 import { ComponentSStyling, ComponentTextStyle } from '../styles';
 import { HyperLinkDefaultStyling, HyperLinkInvertedStyling } from '../HyperLink';
 import { SystemIcons } from '../icons';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const LoaderAnimationKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
-const 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, props => props.$duration, ToastColor[ToastColor.BLACK], props => COLORS.getColor('neutral_200', props.theme), props => COLORS.getColor('neutral_800', props.theme), ToastColor[ToastColor.WHITE], props => COLORS.getColor('neutral_400', props.theme), props => COLORS.getColor('white', props.theme), ToastColor[ToastColor.BLUE], props => COLORS.getColor('accent1_200', props.theme), props => COLORS.getColor('accent1_600', props.theme), ToastColor[ToastColor.GREEN], props => COLORS.getColor('correct_200', props.theme), props => COLORS.getColor('correct_500', props.theme), ToastColor[ToastColor.ORANGE], props => COLORS.getColor('warning_200', props.theme), props => COLORS.getColor('warning_500', props.theme), ToastColor[ToastColor.RED], props => COLORS.getColor('critical_200', props.theme), props => COLORS.getColor('critical_500', props.theme));
-export const 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, props => props.animation.$keyframes, props => props.animation.$duration, props => props.animation.$bezier, props => props.animation.$transform, props => props.$withClose ? '0' : '16px', props => props.$withLoader ? '4px' : '0', props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)), HyperLinkInvertedStyling, ToastColor[ToastColor.BLACK], props => COLORS.getColor('neutral_800', props.theme), ToastColor[ToastColor.WHITE], props => COLORS.getColor('white', props.theme), props => COLORS.getColor('black', props.theme), HyperLinkDefaultStyling, ToastColor[ToastColor.BLUE], props => COLORS.getColor('accent1_600', props.theme), ToastColor[ToastColor.GREEN], props => COLORS.getColor('correct_500', props.theme), ToastColor[ToastColor.ORANGE], props => COLORS.getColor('warning_500', props.theme), ToastColor[ToastColor.RED], props => COLORS.getColor('critical_500', props.theme));
-export const 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 const 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"])), props => COLORS.getColor('white', props.theme), ToastColor[ToastColor.WHITE], props => COLORS.getColor('neutral_600', props.theme));
-export const ToastTextContainer = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n"])));
-export const ToastIconContainer = styled.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-right: -8px;\n"])));
-const DEFAULT_OPTIONS = {
+import { jsx as _jsx } from "react/jsx-runtime";
+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);
+});
+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) {
+  return props.animation.$duration;
+}, function (props) {
+  return props.animation.$bezier;
+}, function (props) {
+  return props.animation.$transform;
+}, function (props) {
+  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);
+});
+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 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 = {
   color: ToastColor.BLACK,
   autoClose: true,
   delay: 5000,
@@ -29,54 +89,67 @@ const DEFAULT_OPTIONS = {
   position: ToastPosition.TOPLEFT,
   enterFrom: ToastEntryDirection.TOP
 };
-const Toast = _ref => {
+var Toast = function Toast(_ref) {
   var _opts$enterFrom, _opts$color, _opts$delay;
-  let {
-    content,
-    remove,
-    options = DEFAULT_OPTIONS,
-    testId
-  } = _ref;
+  var content = _ref.content,
+    remove = _ref.remove,
+    _ref$options = _ref.options,
+    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');
-  const styledTheme = useTheme();
-  const removeRef = React.useRef();
+  var styledTheme = useTheme();
+  var removeRef = React.useRef();
   removeRef.current = remove;
-  const elementRef = React.useRef(null);
-  const [shouldRemove, setShouldRemove] = React.useState(false);
-  const [dimensions, setDimensions] = React.useState({
-    width: 0,
-    height: 0
-  });
-  const opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
-  React.useEffect(() => {
+  var elementRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    shouldRemove = _React$useState2[0],
+    setShouldRemove = _React$useState2[1];
+  var _React$useState3 = React.useState({
+      width: 0,
+      height: 0
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    dimensions = _React$useState4[0],
+    setDimensions = _React$useState4[1];
+  var opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
+  React.useEffect(function () {
     if (opts !== null && opts !== void 0 && opts.autoClose) {
       // @ts-ignore
-      const id = setTimeout(() => setShouldRemove(true), opts.delay);
-      return () => clearTimeout(id);
+      var id = setTimeout(function () {
+        return setShouldRemove(true);
+      }, opts.delay);
+      return function () {
+        return clearTimeout(id);
+      };
     }
     return undefined;
   }, []);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (shouldRemove) {
       // @ts-ignore
-      const id = setTimeout(() => removeRef.current(), 200);
-      return () => clearTimeout(id);
+      var id = setTimeout(function () {
+        return removeRef.current();
+      }, 200);
+      return function () {
+        return clearTimeout(id);
+      };
     }
   }, [shouldRemove]);
-  React.useEffect(() => {
+  React.useEffect(function () {
     var _elementRef$current, _elementRef$current2;
     setDimensions({
       height: (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.clientHeight,
       width: (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.clientWidth
     });
   }, []);
-  const animation = animations[shouldRemove ? 'leave' : 'enter'];
-  const direction = animation[(_opts$enterFrom = opts.enterFrom) !== null && _opts$enterFrom !== void 0 ? _opts$enterFrom : ToastEntryDirection.TOP];
-  const fromY = dimensions.height * direction.fromHeight;
-  const toY = dimensions.height * direction.toHeight;
-  const fromX = dimensions.width * direction.fromWidth;
-  const toX = dimensions.width * direction.toWidth;
-  let prop = {
+  var animation = animations[shouldRemove ? 'leave' : 'enter'];
+  var direction = animation[(_opts$enterFrom = opts.enterFrom) !== null && _opts$enterFrom !== void 0 ? _opts$enterFrom : ToastEntryDirection.TOP];
+  var fromY = dimensions.height * direction.fromHeight;
+  var toY = dimensions.height * direction.toHeight;
+  var fromX = dimensions.width * direction.fromWidth;
+  var toX = dimensions.width * direction.toWidth;
+  var prop = {
     $duration: animation.duration,
     $bezier: animation.bezier,
     $transform: "translateY(".concat(toY, ") translateX(").concat(toX, ")"),
@@ -88,11 +161,11 @@ const Toast = _ref => {
       $keyframes: keyframes(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""])))
     });
   }
-  const theme = ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : ToastColor.BLACK];
+  var theme = ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : ToastColor.BLACK];
   if (!shouldRemove) {
-    setTimeout(() => {
+    setTimeout(function () {
       var _elementRef$current3;
-      return elementRef === null || elementRef === void 0 || (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
+      return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
     });
   }
   return /*#__PURE__*/_jsxs(ToastContainer, {
@@ -109,18 +182,20 @@ const Toast = _ref => {
       className: 'description',
       children: content
     }), opts.action && /*#__PURE__*/_jsx(ToastActionButtons, {
-      children: opts.action.map((action, i) => /*#__PURE__*/_jsx(Button, {
-        size: Size.Small,
-        variant: action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary',
-        colorTheme: opts.color !== ToastColor.WHITE ? 'dark' : 'teal',
-        invertFocus: opts.color === ToastColor.BLACK,
-        onClick: () => {
-          setShouldRemove(true);
-          action.handler();
-        },
-        className: 'action',
-        children: action.label
-      }, i))
+      children: opts.action.map(function (action, i) {
+        return /*#__PURE__*/_jsx(Button, {
+          size: Size.Small,
+          variant: action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary',
+          colorTheme: opts.color !== ToastColor.WHITE ? 'dark' : 'teal',
+          invertFocus: opts.color === ToastColor.BLACK,
+          onClick: function onClick() {
+            setShouldRemove(true);
+            action.handler();
+          },
+          className: 'action',
+          children: action.label
+        }, i);
+      })
     }), opts.showCloseButton && /*#__PURE__*/_jsx(ToastCloseButton, {
       className: "close-button ".concat(theme),
       children: /*#__PURE__*/_jsx(IconButton, {
@@ -128,7 +203,9 @@ const Toast = _ref => {
         shape: "circular",
         useTransparentBackground: true,
         invertFocus: opts.color === ToastColor.BLACK,
-        action: event => setShouldRemove(true),
+        action: function action(event) {
+          return setShouldRemove(true);
+        },
         children: /*#__PURE__*/_jsx(SystemIcons.Close, {
           size: "24px",
           color: COLORS.getColor('neutral_600', styledTheme)
@@ -156,62 +233,54 @@ Toast.propTypes = {
   testId: _pt.string
 };
 export default Toast;
-const animations = {
-  enter: {
+var animations = {
+  enter: (_enter = {
     bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',
-    duration: '300ms',
-    [ToastEntryDirection.TOP]: {
-      fromHeight: -1,
-      toHeight: 0,
-      fromWidth: 0,
-      toWidth: 0
-    },
-    [ToastEntryDirection.BOTTOM]: {
-      fromHeight: 1,
-      toHeight: 0,
-      fromWidth: 0,
-      toWidth: 0
-    },
-    [ToastEntryDirection.LEFT]: {
-      fromHeight: 0,
-      toHeight: 0,
-      fromWidth: -1,
-      toWidth: 0
-    },
-    [ToastEntryDirection.RIGHT]: {
-      fromHeight: 0,
-      toHeight: 0,
-      fromWidth: 1,
-      toWidth: 0
-    }
-  },
-  leave: {
+    duration: '300ms'
+  }, _defineProperty(_enter, ToastEntryDirection.TOP, {
+    fromHeight: -1,
+    toHeight: 0,
+    fromWidth: 0,
+    toWidth: 0
+  }), _defineProperty(_enter, ToastEntryDirection.BOTTOM, {
+    fromHeight: 1,
+    toHeight: 0,
+    fromWidth: 0,
+    toWidth: 0
+  }), _defineProperty(_enter, ToastEntryDirection.LEFT, {
+    fromHeight: 0,
+    toHeight: 0,
+    fromWidth: -1,
+    toWidth: 0
+  }), _defineProperty(_enter, ToastEntryDirection.RIGHT, {
+    fromHeight: 0,
+    toHeight: 0,
+    fromWidth: 1,
+    toWidth: 0
+  }), _enter),
+  leave: (_leave = {
     bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',
-    duration: '205ms',
-    [ToastEntryDirection.TOP]: {
-      fromHeight: 0,
-      toHeight: -1,
-      fromWidth: 0,
-      toWidth: 0
-    },
-    [ToastEntryDirection.BOTTOM]: {
-      fromHeight: 0,
-      toHeight: 1,
-      fromWidth: 0,
-      toWidth: 0
-    },
-    [ToastEntryDirection.LEFT]: {
-      fromHeight: 0,
-      toHeight: 0,
-      fromWidth: 0,
-      toWidth: -1
-    },
-    [ToastEntryDirection.RIGHT]: {
-      fromHeight: 0,
-      toHeight: 0,
-      fromWidth: 0,
-      toWidth: 1
-    }
-  }
+    duration: '205ms'
+  }, _defineProperty(_leave, ToastEntryDirection.TOP, {
+    fromHeight: 0,
+    toHeight: -1,
+    fromWidth: 0,
+    toWidth: 0
+  }), _defineProperty(_leave, ToastEntryDirection.BOTTOM, {
+    fromHeight: 0,
+    toHeight: 1,
+    fromWidth: 0,
+    toWidth: 0
+  }), _defineProperty(_leave, ToastEntryDirection.LEFT, {
+    fromHeight: 0,
+    toHeight: 0,
+    fromWidth: 0,
+    toWidth: -1
+  }), _defineProperty(_leave, ToastEntryDirection.RIGHT, {
+    fromHeight: 0,
+    toHeight: 0,
+    fromWidth: 0,
+    toWidth: 1
+  }), _leave)
 };
 //# sourceMappingURL=Toast.js.map

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","$keyframes","$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","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","shouldRemove","setShouldRemove","useState","dimensions","setDimensions","width","height","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","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","BOTTOM","LEFT","RIGHT","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","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","$keyframes","$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","duration","bezier","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":[]}