@entur/alert 0.10.6 → 0.11.2

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.11.2](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.11.1...@entur/alert@0.11.2) (2022-06-24)
+
+**Note:** Version bump only for package @entur/alert
+
+## [0.11.1](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.11.0...@entur/alert@0.11.1) (2022-06-02)
+
+**Note:** Version bump only for package @entur/alert
+
+# [0.11.0](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.6...@entur/alert@0.11.0) (2022-05-13)
+
+### Features
+
+- **toast:** add exit animation for toast alert ([0e29579](https://bitbucket.org/enturas/design-system/commits/0e29579bea29d3b591752dd479e33989d8c8bcf1))
+
 ## [0.10.6](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.5...@entur/alert@0.10.6) (2022-05-04)
 
 **Note:** Version bump only for package @entur/alert

package/dist/alert.cjs.development.js

@@ -49,7 +49,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"];
+var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title", "toastIsBeingRemoved"];
 var iconsMap = {
   success: icons.OutlinedValidationCheckIcon,
   info: icons.OutlinedValidationInfoIcon,
@@ -70,6 +70,7 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   } : _ref$onClose,
       size = _ref.size,
       title = _ref.title,
+      toastIsBeingRemoved = _ref.toastIsBeingRemoved,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _React$useState = React__default["default"].useState(false),
@@ -87,7 +88,9 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
 
   var Icon = iconsMap[variant];
   return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, className)
+    className: classNames__default["default"]('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, {
+      'eds-alert-box--toast--exit-animation': toastIsBeingRemoved
+    }, className)
   }, rest), closable && React__default["default"].createElement("button", {
     "aria-label": closeButtonLabel,
     className: "eds-alert-box__close-button",
@@ -140,6 +143,7 @@ var SmallAlertBox = function SmallAlertBox(_ref) {
   }));
 };
 
+var EXIT_ANIMATION_TIME = 400;
 var ToastContext = /*#__PURE__*/React__default["default"].createContext(null);
 
 var toastReducer = function toastReducer(prevToasts, action) {
@@ -147,6 +151,14 @@ var toastReducer = function toastReducer(prevToasts, action) {
     case 'ADD_TOAST':
       return [action.payload].concat(prevToasts);
 
+    case 'PLAY_EXIT_ANIMATION':
+      return prevToasts.map(function (toast) {
+        if (toast.id === action.payload) return _extends({}, toast, {
+          isBeingRemoved: true
+        });
+        return toast;
+      });
+
     case 'REMOVE_TOAST':
       return prevToasts.filter(function (toast) {
         return toast.id !== action.payload;
@@ -163,12 +175,14 @@ var createToast = function createToast(toast, id) {
     return {
       id: id,
       content: toast,
-      variant: 'success'
+      variant: 'success',
+      isBeingRemoved: false
     };
   } else {
     return _extends({
       id: id,
-      variant: 'success'
+      variant: 'success',
+      isBeingRemoved: false
     }, toast);
   }
 };
@@ -199,6 +213,22 @@ var ToastProvider = function ToastProvider(_ref) {
     });
     delete timeoutIdRefs.current[id];
   }, []);
+  var playExitAnimation = React__default["default"].useCallback(function (id) {
+    window.clearTimeout(timeoutIdRefs.current[id + 'animation']);
+    dispatch({
+      type: 'PLAY_EXIT_ANIMATION',
+      payload: id
+    });
+    delete timeoutIdRefs.current[id + 'animation'];
+  }, []);
+  var removeToastWithAnimationAfterDelay = React__default["default"].useCallback(function (id, delay) {
+    timeoutIdRefs.current[id + 'animation'] = window.setTimeout(function () {
+      return playExitAnimation(id);
+    }, delay - EXIT_ANIMATION_TIME);
+    timeoutIdRefs.current[id] = window.setTimeout(function () {
+      return removeToast(id);
+    }, delay);
+  }, [timeoutIdRefs, playExitAnimation, removeToast]);
   var addToast = React__default["default"].useCallback(function (toast) {
     var id = createUniqueId();
     var payload = createToast(toast, id);
@@ -206,16 +236,15 @@ var ToastProvider = function ToastProvider(_ref) {
       type: 'ADD_TOAST',
       payload: payload
     });
-    timeoutIdRefs.current[id] = window.setTimeout(function () {
-      return removeToast(id);
-    }, delay);
-  }, [delay, removeToast]);
+    removeToastWithAnimationAfterDelay(id, delay);
+  }, [delay, removeToastWithAnimationAfterDelay]);
 
-  var handleMouseEnter = function handleMouseEnter(toastId) {
+  var handleMouseEnter = function handleMouseEnter(toast) {
     return function () {
-      setHovering(toastId);
+      if (toast.isBeingRemoved) return;
+      setHovering(toast.id);
       Object.values(timeoutIdRefs.current).forEach(function (timeoutId) {
-        return window.clearTimeout(timeoutId);
+        window.clearTimeout(timeoutId);
       });
       timeoutIdRefs.current = {};
     };
@@ -224,9 +253,7 @@ var ToastProvider = function ToastProvider(_ref) {
   var handleMouseLeave = function handleMouseLeave() {
     setHovering(undefined);
     toasts.forEach(function (toast) {
-      timeoutIdRefs.current[toast.id] = window.setTimeout(function () {
-        return removeToast(toast.id);
-      }, delay);
+      removeToastWithAnimationAfterDelay(toast.id, delay);
     });
   };
 
@@ -254,9 +281,10 @@ var ToastProvider = function ToastProvider(_ref) {
       variant: toastToShow.variant,
       title: toastToShow.title,
       onClose: handleClose(toastToShow.id),
-      onMouseEnter: handleMouseEnter(toastToShow.id),
+      onMouseEnter: handleMouseEnter(toastToShow),
       onMouseLeave: handleMouseLeave,
       closable: hoveringId === toastToShow.id,
+      toastIsBeingRemoved: toastToShow.isBeingRemoved,
       key: toastToShow.id
     }, toastToShow.content);
   })), children);

package/dist/alert.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs.development.js","sources":["../src/BaseAlertBox.tsx","../src/BannerAlertBox.tsx","../src/ToastAlertBox.tsx","../src/SmallAlertBox.tsx","../src/ToastProvider.tsx","../src/CopyableText.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId };\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success' };\n  } else {\n    return { id, variant: 'success', ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [delay, removeToast],\n  );\n\n  const handleMouseEnter = (toastId: ToastId) => () => {\n    setHovering(toastId);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId =>\n      window.clearTimeout(timeoutId),\n    );\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      timeoutIdRefs.current[toast.id] = window.setTimeout(\n        () => removeToast(toast.id),\n        delay,\n      );\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow.id)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","rest","React","useState","isClosed","setClosed","handleClose","Icon","classNames","type","onClick","CloseIcon","BannerAlertBox","props","ToastAlertBox","role","SmallAlertBox","width","ToastContext","createContext","toastReducer","prevToasts","action","payload","filter","toast","id","createUniqueId","Math","random","toString","substring","createToast","content","ToastProvider","delay","position","style","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","useRef","removeToast","useCallback","window","clearTimeout","current","addToast","setTimeout","handleMouseEnter","toastId","Object","values","forEach","timeoutId","handleMouseLeave","undefined","contextValue","useMemo","Provider","value","length","slice","map","toastToShow","onMouseEnter","onMouseLeave","key","useToast","context","useContext","Error","CopyableText","successHeading","successMessage","buttonRef","handleClick","copy","target","ref","PreformattedText","ReportsIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"alert.cjs.development.js","sources":["../src/BaseAlertBox.tsx","../src/BannerAlertBox.tsx","../src/ToastAlertBox.tsx","../src/SmallAlertBox.tsx","../src/ToastProvider.tsx","../src/CopyableText.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  toastIsBeingRemoved,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        { 'eds-alert-box--toast--exit-animation': toastIsBeingRemoved },\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  isBeingRemoved: boolean;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId }\n  | { type: 'PLAY_EXIT_ANIMATION'; payload: ToastId };\n\nconst EXIT_ANIMATION_TIME = 400;\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'PLAY_EXIT_ANIMATION':\n      return prevToasts.map(toast => {\n        if (toast.id === action.payload)\n          return { ...toast, isBeingRemoved: true };\n        return toast;\n      });\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success', isBeingRemoved: false };\n  } else {\n    return { id, variant: 'success', isBeingRemoved: false, ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const playExitAnimation = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id + 'animation']);\n    dispatch({ type: 'PLAY_EXIT_ANIMATION', payload: id });\n    delete timeoutIdRefs.current[id + 'animation'];\n  }, []);\n\n  const removeToastWithAnimationAfterDelay = React.useCallback(\n    (id: ToastId, delay: number) => {\n      timeoutIdRefs.current[id + 'animation'] = window.setTimeout(\n        () => playExitAnimation(id),\n        delay - EXIT_ANIMATION_TIME,\n      );\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [timeoutIdRefs, playExitAnimation, removeToast],\n  );\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      removeToastWithAnimationAfterDelay(id, delay);\n    },\n    [delay, removeToastWithAnimationAfterDelay],\n  );\n\n  const handleMouseEnter = (toast: ToastType) => () => {\n    if (toast.isBeingRemoved) return;\n    setHovering(toast.id);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId => {\n      window.clearTimeout(timeoutId);\n    });\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      removeToastWithAnimationAfterDelay(toast.id, delay);\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              toastIsBeingRemoved={toastToShow.isBeingRemoved}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","toastIsBeingRemoved","rest","React","useState","isClosed","setClosed","handleClose","Icon","classNames","type","onClick","CloseIcon","BannerAlertBox","props","ToastAlertBox","role","SmallAlertBox","width","EXIT_ANIMATION_TIME","ToastContext","createContext","toastReducer","prevToasts","action","payload","map","toast","id","isBeingRemoved","filter","createUniqueId","Math","random","toString","substring","createToast","content","ToastProvider","delay","position","style","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","useRef","removeToast","useCallback","window","clearTimeout","current","playExitAnimation","removeToastWithAnimationAfterDelay","setTimeout","addToast","handleMouseEnter","Object","values","forEach","timeoutId","handleMouseLeave","undefined","toastId","contextValue","useMemo","Provider","value","length","slice","toastToShow","onMouseEnter","onMouseLeave","key","useToast","context","useContext","Error","CopyableText","successHeading","successMessage","buttonRef","handleClick","copy","target","ref","PreformattedText","ReportsIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":"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"}

package/dist/alert.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("classnames"),a=require("@entur/icons"),l=require("copy-text-to-clipboard"),r=require("@entur/typography"),o=require("@entur/expand/");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t),i=s(n),c=s(l);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},d.apply(this,arguments)}function f(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)t.indexOf(n=r[a])>=0||(l[n]=e[n]);return l}var b=["children","className","closable","closeButtonLabel","variant","onClose","size","title"],m={success:a.OutlinedValidationCheckIcon,info:a.OutlinedValidationInfoIcon,warning:a.OutlinedValidationExclamationIcon,error:a.OutlinedValidationErrorIcon},p=function(e){var t=e.children,n=e.className,l=e.closable,r=void 0!==l&&l,o=e.closeButtonLabel,s=void 0===o?"Lukk":o,c=e.variant,p=e.onClose,v=void 0===p?function(){return{}}:p,x=e.size,E=e.title,y=f(e,b),h=u.default.useState(!1),T=h[1];if(h[0])return null;var _=m[c];return u.default.createElement("div",d({className:i.default("eds-alert-box","eds-alert-box--"+x,"eds-alert-box--"+c,n)},y),r&&u.default.createElement("button",{"aria-label":s,className:"eds-alert-box__close-button",type:"button",onClick:function(){T(!0),v()}},u.default.createElement(a.CloseIcon,null)),u.default.createElement(_,{className:"eds-alert-box__icon"}),u.default.createElement("div",{className:i.default("eds-alert-box__content",{"eds-alert-box__content--no-title":!E,"eds-alert-box__content--no-children":!t})},E&&u.default.createElement("div",{className:"eds-alert-box__title"},E),t&&t))},v=function(e){return u.default.createElement(p,d({},e,{size:"toast",role:"status"}))},x=["className","width","onClose","closable","closeButtonLabel"],E=u.default.createContext(null),y=function(e,t){switch(t.type){case"ADD_TOAST":return[t.payload].concat(e);case"REMOVE_TOAST":return e.filter((function(e){return e.id!==t.payload}))}},h=function(){var e=u.default.useContext(E);if(!e)throw new Error("You need to wrap your component in a ToastProvider component in order to use the useToast hook");return{addToast:e.addToast}},T=["children","successHeading","successMessage","className"],_=["variant","title","children","size","className","openLabel","closeLabel"],N=function(e){var t=e.variant,n=e.title,a=e.children,l=e.size,r=e.className,s=e.openLabel,c=e.closeLabel,b=f(e,_),m=u.default.useState(!1),v=m[0],x=m[1];return u.default.createElement(p,d({size:l,variant:t,className:i.default("eds-expandable-alert-box",r),title:u.default.createElement(w,{open:v,title:n,onClick:function(){return x(!v)},openLabel:s,closeLabel:c})},b),u.default.createElement(o.BaseExpand,{open:v},a))},w=function(e){var t=e.open,n=e.openLabel,a=void 0===n?"Les mer":n,l=e.closeLabel,r=void 0===l?"Lukk":l,s=e.onClick;return u.default.createElement("div",{className:"eds-expandable-alert-box__title"},u.default.createElement("div",null,e.title),u.default.createElement("button",{className:"eds-expandable-alert-box__button",onClick:s,type:"button"},t?r:a,u.default.createElement(o.ExpandArrow,{open:t,inline:!0})))};e.warnAboutMissingStyles("alert","icons"),exports.BannerAlertBox=function(e){return u.default.createElement(p,d({},e,{size:"banner"}))},exports.BannerExpandableAlertBox=function(e){return u.default.createElement(N,d({size:"banner"},e))},exports.CopyableText=function(e){var t=e.children,n=e.successHeading,l=void 0===n?"Kopiert!":n,o=e.successMessage,s=void 0===o?"Innholdet ble kopiert til utklippstavlen.":o,i=e.className,b=f(e,T),m=h().addToast,p=u.default.useRef(null);return u.default.createElement("button",d({className:"copyable-text "+i,style:d({},b.style),type:"button",onClick:function(){p.current&&c.default(t,{target:p.current})&&m({title:l,content:s})},ref:p,"aria-label":"Kopier innhold"},b),u.default.createElement(r.PreformattedText,null,t),u.default.createElement(a.ReportsIcon,{className:"copyable-text__icon"}))},exports.SmallAlertBox=function(e){var t=e.className,n=e.width,a=e.onClose,l=e.closable,r=void 0!==l&&l,o=e.closeButtonLabel,s=f(e,x);return u.default.createElement(p,d({className:i.default(t,{"eds-alert-box--fit-content":"fit-content"===n})},s,{onClose:a,closable:r,closeButtonLabel:o,size:"small"}))},exports.SmallExpandableAlertBox=function(e){return u.default.createElement(N,d({size:"small"},e))},exports.ToastAlertBox=v,exports.ToastProvider=function(e){var t=e.delay,n=void 0===t?6e3:t,a=e.children,l=e.position,r=void 0===l?"bottom-right":l,o=e.className,s=e.style,c=u.default.useReducer(y,[]),f=c[0],b=c[1],m=u.default.useState(),p=m[0],x=m[1],h=u.default.useRef({}),T=u.default.useCallback((function(e){window.clearTimeout(h.current[e]),b({type:"REMOVE_TOAST",payload:e}),delete h.current[e]}),[]),_=u.default.useCallback((function(e){var t=Math.random().toString().substring(2),a=function(e,t){return"string"==typeof e?{id:t,content:e,variant:"success"}:d({id:t,variant:"success"},e)}(e,t);b({type:"ADD_TOAST",payload:a}),h.current[t]=window.setTimeout((function(){return T(t)}),n)}),[n,T]),N=function(e){return function(){x(e),Object.values(h.current).forEach((function(e){return window.clearTimeout(e)})),h.current={}}},w=function(){x(void 0),f.forEach((function(e){h.current[e.id]=window.setTimeout((function(){return T(e.id)}),n)}))},C=u.default.useMemo((function(){return{toasts:f,addToast:_,removeToast:T}}),[_,T,f]);return u.default.createElement(E.Provider,{value:C},f.length>0&&u.default.createElement("div",{className:i.default("eds-toast-container","eds-toast-container--"+r,o),style:s},f.slice(0,3).map((function(e){return u.default.createElement(v,{variant:e.variant,title:e.title,onClose:(t=e.id,function(){T(t),w()}),onMouseEnter:N(e.id),onMouseLeave:w,closable:p===e.id,key:e.id},e.content);var t}))),a)},exports.useToast=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),n=require("classnames"),a=require("@entur/icons"),l=require("copy-text-to-clipboard"),o=require("@entur/typography"),r=require("@entur/expand/");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t),u=i(n),c=i(l);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},d.apply(this,arguments)}function f(e,t){if(null==e)return{};var n,a,l={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(l[n]=e[n]);return l}var m=["children","className","closable","closeButtonLabel","variant","onClose","size","title","toastIsBeingRemoved"],b={success:a.OutlinedValidationCheckIcon,info:a.OutlinedValidationInfoIcon,warning:a.OutlinedValidationExclamationIcon,error:a.OutlinedValidationErrorIcon},p=function(e){var t=e.children,n=e.className,l=e.closable,o=void 0!==l&&l,r=e.closeButtonLabel,i=void 0===r?"Lukk":r,c=e.variant,p=e.onClose,v=void 0===p?function(){return{}}:p,x=e.size,E=e.title,y=e.toastIsBeingRemoved,T=f(e,m),_=s.default.useState(!1),h=_[1];if(_[0])return null;var N=b[c];return s.default.createElement("div",d({className:u.default("eds-alert-box","eds-alert-box--"+x,"eds-alert-box--"+c,{"eds-alert-box--toast--exit-animation":y},n)},T),o&&s.default.createElement("button",{"aria-label":i,className:"eds-alert-box__close-button",type:"button",onClick:function(){h(!0),v()}},s.default.createElement(a.CloseIcon,null)),s.default.createElement(N,{className:"eds-alert-box__icon"}),s.default.createElement("div",{className:u.default("eds-alert-box__content",{"eds-alert-box__content--no-title":!E,"eds-alert-box__content--no-children":!t})},E&&s.default.createElement("div",{className:"eds-alert-box__title"},E),t&&t))},v=function(e){return s.default.createElement(p,d({},e,{size:"toast",role:"status"}))},x=["className","width","onClose","closable","closeButtonLabel"],E=s.default.createContext(null),y=function(e,t){switch(t.type){case"ADD_TOAST":return[t.payload].concat(e);case"PLAY_EXIT_ANIMATION":return e.map((function(e){return e.id===t.payload?d({},e,{isBeingRemoved:!0}):e}));case"REMOVE_TOAST":return e.filter((function(e){return e.id!==t.payload}))}},T=function(){var e=s.default.useContext(E);if(!e)throw new Error("You need to wrap your component in a ToastProvider component in order to use the useToast hook");return{addToast:e.addToast}},_=["children","successHeading","successMessage","className"],h=["variant","title","children","size","className","openLabel","closeLabel"],N=function(e){var t=e.variant,n=e.title,a=e.children,l=e.size,o=e.className,i=e.openLabel,c=e.closeLabel,m=f(e,h),b=s.default.useState(!1),v=b[0],x=b[1];return s.default.createElement(p,d({size:l,variant:t,className:u.default("eds-expandable-alert-box",o),title:s.default.createElement(g,{open:v,title:n,onClick:function(){return x(!v)},openLabel:i,closeLabel:c})},m),s.default.createElement(r.BaseExpand,{open:v},a))},g=function(e){var t=e.open,n=e.openLabel,a=void 0===n?"Les mer":n,l=e.closeLabel,o=void 0===l?"Lukk":l,i=e.onClick;return s.default.createElement("div",{className:"eds-expandable-alert-box__title"},s.default.createElement("div",null,e.title),s.default.createElement("button",{className:"eds-expandable-alert-box__button",onClick:i,type:"button"},t?o:a,s.default.createElement(r.ExpandArrow,{open:t,inline:!0})))};e.warnAboutMissingStyles("alert","icons"),exports.BannerAlertBox=function(e){return s.default.createElement(p,d({},e,{size:"banner"}))},exports.BannerExpandableAlertBox=function(e){return s.default.createElement(N,d({size:"banner"},e))},exports.CopyableText=function(e){var t=e.children,n=e.successHeading,l=void 0===n?"Kopiert!":n,r=e.successMessage,i=void 0===r?"Innholdet ble kopiert til utklippstavlen.":r,u=e.className,m=f(e,_),b=T().addToast,p=s.default.useRef(null);return s.default.createElement("button",d({className:"copyable-text "+u,style:d({},m.style),type:"button",onClick:function(){p.current&&c.default(t,{target:p.current})&&b({title:l,content:i})},ref:p,"aria-label":"Kopier innhold"},m),s.default.createElement(o.PreformattedText,null,t),s.default.createElement(a.ReportsIcon,{className:"copyable-text__icon"}))},exports.SmallAlertBox=function(e){var t=e.className,n=e.width,a=e.onClose,l=e.closable,o=void 0!==l&&l,r=e.closeButtonLabel,i=f(e,x);return s.default.createElement(p,d({className:u.default(t,{"eds-alert-box--fit-content":"fit-content"===n})},i,{onClose:a,closable:o,closeButtonLabel:r,size:"small"}))},exports.SmallExpandableAlertBox=function(e){return s.default.createElement(N,d({size:"small"},e))},exports.ToastAlertBox=v,exports.ToastProvider=function(e){var t=e.delay,n=void 0===t?6e3:t,a=e.children,l=e.position,o=void 0===l?"bottom-right":l,r=e.className,i=e.style,c=s.default.useReducer(y,[]),f=c[0],m=c[1],b=s.default.useState(),p=b[0],x=b[1],T=s.default.useRef({}),_=s.default.useCallback((function(e){window.clearTimeout(T.current[e]),m({type:"REMOVE_TOAST",payload:e}),delete T.current[e]}),[]),h=s.default.useCallback((function(e){window.clearTimeout(T.current[e+"animation"]),m({type:"PLAY_EXIT_ANIMATION",payload:e}),delete T.current[e+"animation"]}),[]),N=s.default.useCallback((function(e,t){T.current[e+"animation"]=window.setTimeout((function(){return h(e)}),t-400),T.current[e]=window.setTimeout((function(){return _(e)}),t)}),[T,h,_]),g=s.default.useCallback((function(e){var t=Math.random().toString().substring(2),a=function(e,t){return"string"==typeof e?{id:t,content:e,variant:"success",isBeingRemoved:!1}:d({id:t,variant:"success",isBeingRemoved:!1},e)}(e,t);m({type:"ADD_TOAST",payload:a}),N(t,n)}),[n,N]),B=function(){x(void 0),f.forEach((function(e){N(e.id,n)}))},w=s.default.useMemo((function(){return{toasts:f,addToast:g,removeToast:_}}),[g,_,f]);return s.default.createElement(E.Provider,{value:w},f.length>0&&s.default.createElement("div",{className:u.default("eds-toast-container","eds-toast-container--"+o,r),style:i},f.slice(0,3).map((function(e){return s.default.createElement(v,{variant:e.variant,title:e.title,onClose:(n=e.id,function(){_(n),B()}),onMouseEnter:(t=e,function(){t.isBeingRemoved||(x(t.id),Object.values(T.current).forEach((function(e){window.clearTimeout(e)})),T.current={})}),onMouseLeave:B,closable:p===e.id,toastIsBeingRemoved:e.isBeingRemoved,key:e.id},e.content);var t,n}))),a)},exports.useToast=T;
 //# sourceMappingURL=alert.cjs.production.min.js.map

package/dist/alert.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs.production.min.js","sources":["../src/BaseAlertBox.tsx","../src/ToastAlertBox.tsx","../src/ToastProvider.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx","../src/BannerAlertBox.tsx","../src/CopyableText.tsx","../src/SmallAlertBox.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId };\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success' };\n  } else {\n    return { id, variant: 'success', ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [delay, removeToast],\n  );\n\n  const handleMouseEnter = (toastId: ToastId) => () => {\n    setHovering(toastId);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId =>\n      window.clearTimeout(timeoutId),\n    );\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      timeoutIdRefs.current[toast.id] = window.setTimeout(\n        () => removeToast(toast.id),\n        delay,\n      );\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow.id)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","rest","React","useState","setClosed","Icon","classNames","type","onClick","CloseIcon","ToastAlertBox","props","role","ToastContext","createContext","toastReducer","prevToasts","action","payload","filter","toast","id","useToast","context","useContext","Error","addToast","ExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles","successHeading","successMessage","buttonRef","useRef","style","current","copy","target","content","ref","PreformattedText","ReportsIcon","width","delay","position","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","removeToast","useCallback","window","clearTimeout","Math","random","toString","substring","createToast","setTimeout","handleMouseEnter","toastId","Object","values","forEach","timeoutId","handleMouseLeave","undefined","contextValue","useMemo","Provider","value","length","slice","map","toastToShow","onMouseEnter","onMouseLeave","key"],"mappings":"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"}
+{"version":3,"file":"alert.cjs.production.min.js","sources":["../src/BaseAlertBox.tsx","../src/ToastAlertBox.tsx","../src/ToastProvider.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx","../src/BannerAlertBox.tsx","../src/CopyableText.tsx","../src/SmallAlertBox.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  toastIsBeingRemoved,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        { 'eds-alert-box--toast--exit-animation': toastIsBeingRemoved },\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  isBeingRemoved: boolean;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId }\n  | { type: 'PLAY_EXIT_ANIMATION'; payload: ToastId };\n\nconst EXIT_ANIMATION_TIME = 400;\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'PLAY_EXIT_ANIMATION':\n      return prevToasts.map(toast => {\n        if (toast.id === action.payload)\n          return { ...toast, isBeingRemoved: true };\n        return toast;\n      });\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success', isBeingRemoved: false };\n  } else {\n    return { id, variant: 'success', isBeingRemoved: false, ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const playExitAnimation = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id + 'animation']);\n    dispatch({ type: 'PLAY_EXIT_ANIMATION', payload: id });\n    delete timeoutIdRefs.current[id + 'animation'];\n  }, []);\n\n  const removeToastWithAnimationAfterDelay = React.useCallback(\n    (id: ToastId, delay: number) => {\n      timeoutIdRefs.current[id + 'animation'] = window.setTimeout(\n        () => playExitAnimation(id),\n        delay - EXIT_ANIMATION_TIME,\n      );\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [timeoutIdRefs, playExitAnimation, removeToast],\n  );\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      removeToastWithAnimationAfterDelay(id, delay);\n    },\n    [delay, removeToastWithAnimationAfterDelay],\n  );\n\n  const handleMouseEnter = (toast: ToastType) => () => {\n    if (toast.isBeingRemoved) return;\n    setHovering(toast.id);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId => {\n      window.clearTimeout(timeoutId);\n    });\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      removeToastWithAnimationAfterDelay(toast.id, delay);\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              toastIsBeingRemoved={toastToShow.isBeingRemoved}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","toastIsBeingRemoved","rest","React","useState","setClosed","Icon","classNames","type","onClick","CloseIcon","ToastAlertBox","props","role","ToastContext","createContext","toastReducer","prevToasts","action","payload","map","toast","id","isBeingRemoved","filter","useToast","context","useContext","Error","addToast","ExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles","successHeading","successMessage","buttonRef","useRef","style","current","copy","target","content","ref","PreformattedText","ReportsIcon","width","delay","position","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","removeToast","useCallback","window","clearTimeout","playExitAnimation","removeToastWithAnimationAfterDelay","setTimeout","Math","random","toString","substring","createToast","handleMouseLeave","undefined","forEach","contextValue","useMemo","Provider","value","length","slice","toastToShow","toastId","onMouseEnter","Object","values","timeoutId","onMouseLeave","key"],"mappings":"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"}

package/dist/alert.esm.js

@@ -39,7 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"];
+var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title", "toastIsBeingRemoved"];
 var iconsMap = {
   success: OutlinedValidationCheckIcon,
   info: OutlinedValidationInfoIcon,
@@ -60,6 +60,7 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   } : _ref$onClose,
       size = _ref.size,
       title = _ref.title,
+      toastIsBeingRemoved = _ref.toastIsBeingRemoved,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _React$useState = React.useState(false),
@@ -77,7 +78,9 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
 
   var Icon = iconsMap[variant];
   return React.createElement("div", _extends({
-    className: classNames('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, className)
+    className: classNames('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, {
+      'eds-alert-box--toast--exit-animation': toastIsBeingRemoved
+    }, className)
   }, rest), closable && React.createElement("button", {
     "aria-label": closeButtonLabel,
     className: "eds-alert-box__close-button",
@@ -130,6 +133,7 @@ var SmallAlertBox = function SmallAlertBox(_ref) {
   }));
 };
 
+var EXIT_ANIMATION_TIME = 400;
 var ToastContext = /*#__PURE__*/React.createContext(null);
 
 var toastReducer = function toastReducer(prevToasts, action) {
@@ -137,6 +141,14 @@ var toastReducer = function toastReducer(prevToasts, action) {
     case 'ADD_TOAST':
       return [action.payload].concat(prevToasts);
 
+    case 'PLAY_EXIT_ANIMATION':
+      return prevToasts.map(function (toast) {
+        if (toast.id === action.payload) return _extends({}, toast, {
+          isBeingRemoved: true
+        });
+        return toast;
+      });
+
     case 'REMOVE_TOAST':
       return prevToasts.filter(function (toast) {
         return toast.id !== action.payload;
@@ -153,12 +165,14 @@ var createToast = function createToast(toast, id) {
     return {
       id: id,
       content: toast,
-      variant: 'success'
+      variant: 'success',
+      isBeingRemoved: false
     };
   } else {
     return _extends({
       id: id,
-      variant: 'success'
+      variant: 'success',
+      isBeingRemoved: false
     }, toast);
   }
 };
@@ -189,6 +203,22 @@ var ToastProvider = function ToastProvider(_ref) {
     });
     delete timeoutIdRefs.current[id];
   }, []);
+  var playExitAnimation = React.useCallback(function (id) {
+    window.clearTimeout(timeoutIdRefs.current[id + 'animation']);
+    dispatch({
+      type: 'PLAY_EXIT_ANIMATION',
+      payload: id
+    });
+    delete timeoutIdRefs.current[id + 'animation'];
+  }, []);
+  var removeToastWithAnimationAfterDelay = React.useCallback(function (id, delay) {
+    timeoutIdRefs.current[id + 'animation'] = window.setTimeout(function () {
+      return playExitAnimation(id);
+    }, delay - EXIT_ANIMATION_TIME);
+    timeoutIdRefs.current[id] = window.setTimeout(function () {
+      return removeToast(id);
+    }, delay);
+  }, [timeoutIdRefs, playExitAnimation, removeToast]);
   var addToast = React.useCallback(function (toast) {
     var id = createUniqueId();
     var payload = createToast(toast, id);
@@ -196,16 +226,15 @@ var ToastProvider = function ToastProvider(_ref) {
       type: 'ADD_TOAST',
       payload: payload
     });
-    timeoutIdRefs.current[id] = window.setTimeout(function () {
-      return removeToast(id);
-    }, delay);
-  }, [delay, removeToast]);
+    removeToastWithAnimationAfterDelay(id, delay);
+  }, [delay, removeToastWithAnimationAfterDelay]);
 
-  var handleMouseEnter = function handleMouseEnter(toastId) {
+  var handleMouseEnter = function handleMouseEnter(toast) {
     return function () {
-      setHovering(toastId);
+      if (toast.isBeingRemoved) return;
+      setHovering(toast.id);
       Object.values(timeoutIdRefs.current).forEach(function (timeoutId) {
-        return window.clearTimeout(timeoutId);
+        window.clearTimeout(timeoutId);
       });
       timeoutIdRefs.current = {};
     };
@@ -214,9 +243,7 @@ var ToastProvider = function ToastProvider(_ref) {
   var handleMouseLeave = function handleMouseLeave() {
     setHovering(undefined);
     toasts.forEach(function (toast) {
-      timeoutIdRefs.current[toast.id] = window.setTimeout(function () {
-        return removeToast(toast.id);
-      }, delay);
+      removeToastWithAnimationAfterDelay(toast.id, delay);
     });
   };
 
@@ -244,9 +271,10 @@ var ToastProvider = function ToastProvider(_ref) {
       variant: toastToShow.variant,
       title: toastToShow.title,
       onClose: handleClose(toastToShow.id),
-      onMouseEnter: handleMouseEnter(toastToShow.id),
+      onMouseEnter: handleMouseEnter(toastToShow),
       onMouseLeave: handleMouseLeave,
       closable: hoveringId === toastToShow.id,
+      toastIsBeingRemoved: toastToShow.isBeingRemoved,
       key: toastToShow.id
     }, toastToShow.content);
   })), children);

package/dist/alert.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.esm.js","sources":["../src/BaseAlertBox.tsx","../src/BannerAlertBox.tsx","../src/ToastAlertBox.tsx","../src/SmallAlertBox.tsx","../src/ToastProvider.tsx","../src/CopyableText.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId };\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success' };\n  } else {\n    return { id, variant: 'success', ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [delay, removeToast],\n  );\n\n  const handleMouseEnter = (toastId: ToastId) => () => {\n    setHovering(toastId);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId =>\n      window.clearTimeout(timeoutId),\n    );\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      timeoutIdRefs.current[toast.id] = window.setTimeout(\n        () => removeToast(toast.id),\n        delay,\n      );\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow.id)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","rest","React","useState","isClosed","setClosed","handleClose","Icon","classNames","type","onClick","CloseIcon","BannerAlertBox","props","ToastAlertBox","role","SmallAlertBox","width","ToastContext","createContext","toastReducer","prevToasts","action","payload","filter","toast","id","createUniqueId","Math","random","toString","substring","createToast","content","ToastProvider","delay","position","style","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","useRef","removeToast","useCallback","window","clearTimeout","current","addToast","setTimeout","handleMouseEnter","toastId","Object","values","forEach","timeoutId","handleMouseLeave","undefined","contextValue","useMemo","Provider","value","length","slice","map","toastToShow","onMouseEnter","onMouseLeave","key","useToast","context","useContext","Error","CopyableText","successHeading","successMessage","buttonRef","handleClick","copy","target","ref","PreformattedText","ReportsIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":"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"}
+{"version":3,"file":"alert.esm.js","sources":["../src/BaseAlertBox.tsx","../src/BannerAlertBox.tsx","../src/ToastAlertBox.tsx","../src/SmallAlertBox.tsx","../src/ToastProvider.tsx","../src/CopyableText.tsx","../src/ExpandableAlertBox.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport {\n  CloseIcon,\n  OutlinedValidationCheckIcon,\n  OutlinedValidationExclamationIcon,\n  OutlinedValidationInfoIcon,\n  OutlinedValidationErrorIcon,\n} from '@entur/icons';\nimport './styles.scss';\n\nconst iconsMap = {\n  success: OutlinedValidationCheckIcon,\n  info: OutlinedValidationInfoIcon,\n  warning: OutlinedValidationExclamationIcon,\n  error: OutlinedValidationErrorIcon,\n};\n\ntype BaseAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises\n   * @default \"Lukk\"\n   */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen\n   * @default () => {}\n   */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: React.ReactNode;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Typen boks (internt bruk) */\n  size: 'banner' | 'toast' | 'small';\n  [key: string]: any;\n};\n\nexport const BaseAlertBox: React.FC<BaseAlertBoxProps> = ({\n  children,\n  className,\n  closable = false,\n  closeButtonLabel = 'Lukk',\n  variant,\n  onClose = () => ({}),\n  size,\n  title,\n  toastIsBeingRemoved,\n  ...rest\n}) => {\n  const [isClosed, setClosed] = React.useState(false);\n  if (isClosed) {\n    return null;\n  }\n  const handleClose = () => {\n    setClosed(true);\n    onClose();\n  };\n  const Icon = iconsMap[variant];\n  return (\n    <div\n      className={classNames(\n        'eds-alert-box',\n        `eds-alert-box--${size}`,\n        `eds-alert-box--${variant}`,\n        { 'eds-alert-box--toast--exit-animation': toastIsBeingRemoved },\n        className,\n      )}\n      {...rest}\n    >\n      {closable && (\n        <button\n          aria-label={closeButtonLabel}\n          className=\"eds-alert-box__close-button\"\n          type=\"button\"\n          onClick={handleClose}\n        >\n          <CloseIcon />\n        </button>\n      )}\n      <Icon className=\"eds-alert-box__icon\" />\n      <div\n        className={classNames('eds-alert-box__content', {\n          'eds-alert-box__content--no-title': !title,\n          'eds-alert-box__content--no-children': !children,\n        })}\n      >\n        {title && <div className=\"eds-alert-box__title\">{title}</div>}\n        {children && children}\n      </div>\n    </div>\n  );\n};\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type BannerAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const BannerAlertBox: React.FC<BannerAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"banner\" />\n);\n","import React from 'react';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type ToastAlertBoxProps = {\n  /** Innholdet i toasten */\n  children?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne */\n  closable?: boolean;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Farge og uttrykk på toasten */\n  variant: 'success' | 'info';\n  [key: string]: any;\n};\n\nexport const ToastAlertBox: React.FC<ToastAlertBoxProps> = props => (\n  <BaseAlertBox {...props} size=\"toast\" role=\"status\" />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { BaseAlertBox } from './BaseAlertBox';\n\nexport type SmallAlertBoxProps = {\n  /** Innholdet i alert-boksen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Skjermleser-label for lukkeknappen, om den vises */\n  closeButtonLabel?: string;\n  /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne\n   * @default false\n   */\n  closable?: boolean;\n  /** Callback som kalles når man lukker boksen */\n  onClose?: () => void;\n  /** Tittel på boksen - oppsummer virkning */\n  title?: string;\n  /** Bredden på boksen - fullbredde eller tilpasset innholdet */\n  width?: 'fluid' | 'fit-content';\n  /** Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  [key: string]: any;\n};\n\nexport const SmallAlertBox: React.FC<SmallAlertBoxProps> = ({\n  className,\n  width,\n  onClose,\n  closable = false,\n  closeButtonLabel,\n  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    onClose={onClose}\n    closable={closable}\n    closeButtonLabel={closeButtonLabel}\n    size=\"small\"\n  />\n);\n","import React from 'react';\nimport { ToastAlertBox } from './ToastAlertBox';\nimport classNames from 'classnames';\n\ntype ToastId = string;\n\ntype ToastVariants = 'success' | 'info';\n\ntype ToastType = {\n  title?: string;\n  content: React.ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  isBeingRemoved: boolean;\n};\n\ntype ToastContextType = {\n  addToast: (payload: AddToastPayload) => void;\n  removeToast: (id: ToastId) => void;\n  toasts: ToastType[];\n};\n\ntype AddToastPayload =\n  | { title?: string; content: React.ReactNode; variant?: ToastVariants }\n  | string;\n\ntype ToastAction =\n  | { type: 'ADD_TOAST'; payload: ToastType }\n  | { type: 'REMOVE_TOAST'; payload: ToastId }\n  | { type: 'PLAY_EXIT_ANIMATION'; payload: ToastId };\n\nconst EXIT_ANIMATION_TIME = 400;\n\nconst ToastContext = React.createContext<ToastContextType | null>(null);\n\nconst toastReducer = (\n  prevToasts: ToastType[],\n  action: ToastAction,\n): ToastType[] => {\n  switch (action.type) {\n    case 'ADD_TOAST':\n      return [action.payload, ...prevToasts];\n    case 'PLAY_EXIT_ANIMATION':\n      return prevToasts.map(toast => {\n        if (toast.id === action.payload)\n          return { ...toast, isBeingRemoved: true };\n        return toast;\n      });\n    case 'REMOVE_TOAST':\n      return prevToasts.filter(toast => toast.id !== action.payload);\n  }\n};\n\nconst createUniqueId = () => Math.random().toString().substring(2);\n\nconst createToast = (toast: AddToastPayload, id: ToastId): ToastType => {\n  if (typeof toast === 'string') {\n    return { id, content: toast, variant: 'success', isBeingRemoved: false };\n  } else {\n    return { id, variant: 'success', isBeingRemoved: false, ...toast };\n  }\n};\n\nexport type ToastProviderProps = {\n  /** Antall millisekunder før toasts forsvinner av seg selv\n   * @default 6000\n   */\n  delay?: number;\n  /** Plasseringen av toasts\n   * @default \"bottom-right\"\n   */\n  position?: 'bottom-right' | 'top-right';\n  /** Ekstra klassenavn til ToastProvider-wrapperen */\n  className?: string;\n  /** Ekstra styling som sendes til ToastProvider-wrapperen */\n  style?: React.CSSProperties;\n};\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({\n  delay = 6000,\n  children,\n  position = 'bottom-right',\n  className,\n  style,\n}) => {\n  const [toasts, dispatch] = React.useReducer(toastReducer, []);\n  const [hoveringId, setHovering] = React.useState<string>();\n  const timeoutIdRefs = React.useRef<{ [key: string]: number }>({});\n\n  const removeToast = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id]);\n    dispatch({ type: 'REMOVE_TOAST', payload: id });\n    delete timeoutIdRefs.current[id];\n  }, []);\n\n  const playExitAnimation = React.useCallback((id: ToastId) => {\n    window.clearTimeout(timeoutIdRefs.current[id + 'animation']);\n    dispatch({ type: 'PLAY_EXIT_ANIMATION', payload: id });\n    delete timeoutIdRefs.current[id + 'animation'];\n  }, []);\n\n  const removeToastWithAnimationAfterDelay = React.useCallback(\n    (id: ToastId, delay: number) => {\n      timeoutIdRefs.current[id + 'animation'] = window.setTimeout(\n        () => playExitAnimation(id),\n        delay - EXIT_ANIMATION_TIME,\n      );\n      timeoutIdRefs.current[id] = window.setTimeout(\n        () => removeToast(id),\n        delay,\n      );\n    },\n    [timeoutIdRefs, playExitAnimation, removeToast],\n  );\n\n  const addToast = React.useCallback(\n    (toast: AddToastPayload) => {\n      const id = createUniqueId();\n      const payload = createToast(toast, id);\n      dispatch({ type: 'ADD_TOAST', payload });\n      removeToastWithAnimationAfterDelay(id, delay);\n    },\n    [delay, removeToastWithAnimationAfterDelay],\n  );\n\n  const handleMouseEnter = (toast: ToastType) => () => {\n    if (toast.isBeingRemoved) return;\n    setHovering(toast.id);\n    Object.values(timeoutIdRefs.current).forEach(timeoutId => {\n      window.clearTimeout(timeoutId);\n    });\n    timeoutIdRefs.current = {};\n  };\n\n  const handleMouseLeave = () => {\n    setHovering(undefined);\n    toasts.forEach(toast => {\n      removeToastWithAnimationAfterDelay(toast.id, delay);\n    });\n  };\n\n  const handleClose = (toastId: ToastId) => () => {\n    removeToast(toastId);\n    handleMouseLeave();\n  };\n\n  const contextValue = React.useMemo(\n    () => ({ toasts, addToast, removeToast }),\n    [addToast, removeToast, toasts],\n  );\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {toasts.length > 0 && (\n        <div\n          className={classNames(\n            'eds-toast-container',\n            `eds-toast-container--${position}`,\n            className,\n          )}\n          style={style}\n        >\n          {toasts.slice(0, 3).map(toastToShow => (\n            <ToastAlertBox\n              variant={toastToShow.variant}\n              title={toastToShow.title}\n              onClose={handleClose(toastToShow.id)}\n              onMouseEnter={handleMouseEnter(toastToShow)}\n              onMouseLeave={handleMouseLeave}\n              closable={hoveringId === toastToShow.id}\n              toastIsBeingRemoved={toastToShow.isBeingRemoved}\n              key={toastToShow.id}\n            >\n              {toastToShow.content}\n            </ToastAlertBox>\n          ))}\n        </div>\n      )}\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast: () => {\n  addToast: (payload: AddToastPayload) => void;\n} = () => {\n  const context = React.useContext(ToastContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your component in a ToastProvider component in ' +\n        'order to use the useToast hook',\n    );\n  }\n  const { addToast } = context;\n  return {\n    addToast,\n  };\n};\n","import React from 'react';\n\nimport copy from 'copy-text-to-clipboard';\n\nimport { useToast } from './ToastProvider';\nimport { ReportsIcon } from '@entur/icons';\nimport { PreformattedText } from '@entur/typography';\n\nimport './CopyableText.scss';\n\nexport type CopyableTextProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekstinnhold som vises og kopieres */\n  children: string;\n  /** Overskrift i toast-varselet */\n  successHeading?: string;\n  /** Bekreftelsesmelding i toast-varselet */\n  successMessage?: string;\n} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\nexport const CopyableText = ({\n  children,\n  successHeading = 'Kopiert!',\n  successMessage = 'Innholdet ble kopiert til utklippstavlen.',\n  className,\n  ...rest\n}: CopyableTextProps): JSX.Element => {\n  const { addToast } = useToast();\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const handleClick = () => {\n    buttonRef.current &&\n      copy(children, {\n        target: buttonRef.current,\n      }) &&\n      addToast({ title: successHeading, content: successMessage });\n  };\n  return (\n    <button\n      className={'copyable-text ' + className}\n      style={{ ...rest.style }}\n      type=\"button\"\n      onClick={handleClick}\n      ref={buttonRef}\n      aria-label=\"Kopier innhold\"\n      {...rest}\n    >\n      <PreformattedText>{children}</PreformattedText>\n      <ReportsIcon className=\"copyable-text__icon\" />\n    </button>\n  );\n};\n","import { BaseExpand, ExpandArrow } from '@entur/expand/';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { BannerAlertBoxProps } from './BannerAlertBox';\nimport { BaseAlertBox } from './BaseAlertBox';\nimport './ExpandableAlertBox.scss';\nimport { SmallAlertBoxProps } from './SmallAlertBox';\n\nexport type SmallExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  SmallAlertBoxProps;\n\nexport const SmallExpandableAlertBox: React.FC<SmallExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"small\" {...props} />;\n};\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> = props => {\n  return <ExpandableAlertBox size=\"banner\" {...props} />;\n};\n\ntype ExpandableAlertBoxProps = {\n  /**Farge og uttrykk på alert-boksen */\n  variant: 'success' | 'info' | 'warning' | 'error';\n  /** Tittelen til ExpandableAlertBox */\n  title: React.ReactNode;\n  /**Innhold som vises ved ekspandering */\n  children: React.ReactNode;\n  /**Ekstra klassenavn */\n  className?: string;\n  /** Tekst som vises på ekspanderingsknappen før åpning\n   * @default \"Les mer\"\n   */\n  openLabel?: string;\n  /** Tekst som vises på ekspanderingsknappen når den er åpnet\n   * @default \"Lukk\"\n   */\n  closeLabel?: string;\n  [key: string]: any;\n};\n\nconst ExpandableAlertBox: React.FC<ExpandableAlertBoxProps> = ({\n  variant,\n  title,\n  children,\n  size,\n  className,\n  openLabel,\n  closeLabel,\n  ...rest\n}) => {\n  const [open, setopen] = React.useState(false);\n  return (\n    <BaseAlertBox\n      size={size}\n      variant={variant}\n      className={classNames('eds-expandable-alert-box', className)}\n      title={\n        <ExpandableAlertBoxTitle\n          open={open}\n          title={title}\n          onClick={() => setopen(!open)}\n          openLabel={openLabel}\n          closeLabel={closeLabel}\n        />\n      }\n      {...rest}\n    >\n      <BaseExpand open={open}>{children}</BaseExpand>\n    </BaseAlertBox>\n  );\n};\n\ntype ExpandableAlertBoxTitleProps = {\n  title: React.ReactNode;\n  open: boolean;\n  openLabel?: string;\n  closeLabel?: string;\n  onClick: (e: React.MouseEvent) => void;\n};\n\nconst ExpandableAlertBoxTitle: React.FC<ExpandableAlertBoxTitleProps> = ({\n  title,\n  open,\n  openLabel = 'Les mer',\n  closeLabel = 'Lukk',\n  onClick,\n}) => {\n  return (\n    <div className=\"eds-expandable-alert-box__title\">\n      <div>{title}</div>\n      <button\n        className=\"eds-expandable-alert-box__button\"\n        onClick={onClick}\n        type=\"button\"\n      >\n        {open ? closeLabel : openLabel}\n        <ExpandArrow open={open} inline />\n      </button>\n    </div>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('alert', 'icons');\n\nexport { BannerAlertBox } from './BannerAlertBox';\nexport { ToastAlertBox } from './ToastAlertBox';\nexport { SmallAlertBox } from './SmallAlertBox';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport { CopyableText } from './CopyableText';\nexport * from './ExpandableAlertBox';\n"],"names":["iconsMap","success","OutlinedValidationCheckIcon","info","OutlinedValidationInfoIcon","warning","OutlinedValidationExclamationIcon","error","OutlinedValidationErrorIcon","BaseAlertBox","children","className","closable","closeButtonLabel","variant","onClose","size","title","toastIsBeingRemoved","rest","React","useState","isClosed","setClosed","handleClose","Icon","classNames","type","onClick","CloseIcon","BannerAlertBox","props","ToastAlertBox","role","SmallAlertBox","width","EXIT_ANIMATION_TIME","ToastContext","createContext","toastReducer","prevToasts","action","payload","map","toast","id","isBeingRemoved","filter","createUniqueId","Math","random","toString","substring","createToast","content","ToastProvider","delay","position","style","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","useRef","removeToast","useCallback","window","clearTimeout","current","playExitAnimation","removeToastWithAnimationAfterDelay","setTimeout","addToast","handleMouseEnter","Object","values","forEach","timeoutId","handleMouseLeave","undefined","toastId","contextValue","useMemo","Provider","value","length","slice","toastToShow","onMouseEnter","onMouseLeave","key","useToast","context","useContext","Error","CopyableText","successHeading","successMessage","buttonRef","handleClick","copy","target","ref","PreformattedText","ReportsIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -122,6 +122,10 @@
     width: fit-content;
   }
 }
+.eds-alert-box--toast--exit-animation {
+  -webkit-animation: 0.5s ease-in-out 0s 1 bounceOutRight;
+          animation: 0.5s ease-in-out 0s 1 bounceOutRight;
+}
 .eds-alert-box--small {
   font-size: 0.875rem;
 }
@@ -295,4 +299,24 @@
   to {
     transform: translate3d(0, 0, 0);
   }
+}
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/alert",
-  "version": "0.10.6",
+  "version": "0.11.2",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/alert.esm.js",
@@ -27,9 +27,9 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/expand": "^3.3.12",
-    "@entur/icons": "^4.1.2",
-    "@entur/typography": "^1.6.12",
+    "@entur/expand": "^3.3.15",
+    "@entur/icons": "^4.2.0",
+    "@entur/typography": "^1.6.14",
     "@entur/utils": "^0.4.3",
     "classnames": "^2.3.1",
     "copy-text-to-clipboard": "2.2"
@@ -41,5 +41,5 @@
     "node": "14.17.0",
     "yarn": "1.18.0"
   },
-  "gitHead": "0fba0071ad9dc75cc68b72b846f5bab78be12449"
+  "gitHead": "974289b6579ade4460d12aa877a89e454c983d48"
 }