@entur/alert 0.11.14 → 0.11.16

package/dist/alert.esm.js

@@ -10,26 +10,32 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
@@ -42,30 +48,34 @@ var iconsMap = {
 };
 var BaseAlertBox = function BaseAlertBox(_ref) {
   var children = _ref.children,
-    className = _ref.className,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? false : _ref$closable,
-    _ref$closeButtonLabel = _ref.closeButtonLabel,
-    closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Lukk' : _ref$closeButtonLabel,
-    variant = _ref.variant,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? function () {
-      return {};
-    } : _ref$onClose,
-    size = _ref.size,
-    title = _ref.title,
-    toastIsBeingRemoved = _ref.toastIsBeingRemoved,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+      className = _ref.className,
+      _ref$closable = _ref.closable,
+      closable = _ref$closable === void 0 ? false : _ref$closable,
+      _ref$closeButtonLabel = _ref.closeButtonLabel,
+      closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Lukk' : _ref$closeButtonLabel,
+      variant = _ref.variant,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? function () {
+    return {};
+  } : _ref$onClose,
+      size = _ref.size,
+      title = _ref.title,
+      toastIsBeingRemoved = _ref.toastIsBeingRemoved,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
   var _React$useState = React.useState(false),
-    isClosed = _React$useState[0],
-    setClosed = _React$useState[1];
+      isClosed = _React$useState[0],
+      setClosed = _React$useState[1];
+
   if (isClosed) {
     return null;
   }
+
   var handleClose = function handleClose() {
     setClosed(true);
     onClose();
   };
+
   var Icon = iconsMap[variant];
   return React.createElement("div", _extends({
     className: classNames('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, {
@@ -104,12 +114,13 @@ var ToastAlertBox = function ToastAlertBox(props) {
 var _excluded$2 = ["className", "width", "onClose", "closable", "closeButtonLabel"];
 var SmallAlertBox = function SmallAlertBox(_ref) {
   var className = _ref.className,
-    width = _ref.width,
-    onClose = _ref.onClose,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? false : _ref$closable,
-    closeButtonLabel = _ref.closeButtonLabel,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      width = _ref.width,
+      onClose = _ref.onClose,
+      _ref$closable = _ref.closable,
+      closable = _ref$closable === void 0 ? false : _ref$closable,
+      closeButtonLabel = _ref.closeButtonLabel,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   return React.createElement(BaseAlertBox, _extends({
     className: classNames(className, {
       'eds-alert-box--fit-content': width === 'fit-content'
@@ -124,10 +135,12 @@ var SmallAlertBox = function SmallAlertBox(_ref) {
 
 var EXIT_ANIMATION_TIME = 400;
 var ToastContext = /*#__PURE__*/React.createContext(null);
+
 var toastReducer = function toastReducer(prevToasts, action) {
   switch (action.type) {
     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, {
@@ -135,15 +148,18 @@ var toastReducer = function toastReducer(prevToasts, action) {
         });
         return toast;
       });
+
     case 'REMOVE_TOAST':
       return prevToasts.filter(function (toast) {
         return toast.id !== action.payload;
       });
   }
 };
+
 var createUniqueId = function createUniqueId() {
   return Math.random().toString().substring(2);
 };
+
 var createToast = function createToast(toast, id) {
   if (typeof toast === 'string') {
     return {
@@ -160,20 +176,24 @@ var createToast = function createToast(toast, id) {
     }, toast);
   }
 };
+
 var ToastProvider = function ToastProvider(_ref) {
   var _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 6000 : _ref$delay,
-    children = _ref.children,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'bottom-right' : _ref$position,
-    className = _ref.className,
-    style = _ref.style;
+      delay = _ref$delay === void 0 ? 6000 : _ref$delay,
+      children = _ref.children,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'bottom-right' : _ref$position,
+      className = _ref.className,
+      style = _ref.style;
+
   var _React$useReducer = React.useReducer(toastReducer, []),
-    toasts = _React$useReducer[0],
-    dispatch = _React$useReducer[1];
+      toasts = _React$useReducer[0],
+      dispatch = _React$useReducer[1];
+
   var _React$useState = React.useState(),
-    hoveringId = _React$useState[0],
-    setHovering = _React$useState[1];
+      hoveringId = _React$useState[0],
+      setHovering = _React$useState[1];
+
   var timeoutIdRefs = React.useRef({});
   var removeToast = React.useCallback(function (id) {
     window.clearTimeout(timeoutIdRefs.current[id]);
@@ -208,6 +228,7 @@ var ToastProvider = function ToastProvider(_ref) {
     });
     removeToastWithAnimationAfterDelay(id, delay);
   }, [delay, removeToastWithAnimationAfterDelay]);
+
   var handleMouseEnter = function handleMouseEnter(toast) {
     return function () {
       if (toast.isBeingRemoved) return;
@@ -218,18 +239,21 @@ var ToastProvider = function ToastProvider(_ref) {
       timeoutIdRefs.current = {};
     };
   };
+
   var handleMouseLeave = function handleMouseLeave() {
     setHovering(undefined);
     toasts.forEach(function (toast) {
       removeToastWithAnimationAfterDelay(toast.id, delay);
     });
   };
+
   var handleClose = function handleClose(toastId) {
     return function () {
       removeToast(toastId);
       handleMouseLeave();
     };
   };
+
   var contextValue = React.useMemo(function () {
     return {
       toasts: toasts,
@@ -257,9 +281,11 @@ var ToastProvider = function ToastProvider(_ref) {
 };
 var useToast = function useToast() {
   var context = React.useContext(ToastContext);
+
   if (!context) {
     throw new Error('You need to wrap your component in a ToastProvider component in ' + 'order to use the useToast hook');
   }
+
   var addToast = context.addToast;
   return {
     addToast: addToast
@@ -269,15 +295,18 @@ var useToast = function useToast() {
 var _excluded$1 = ["children", "successHeading", "successMessage", "className"];
 var CopyableText = function CopyableText(_ref) {
   var children = _ref.children,
-    _ref$successHeading = _ref.successHeading,
-    successHeading = _ref$successHeading === void 0 ? 'Kopiert!' : _ref$successHeading,
-    _ref$successMessage = _ref.successMessage,
-    successMessage = _ref$successMessage === void 0 ? 'Innholdet ble kopiert til utklippstavlen.' : _ref$successMessage,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+      _ref$successHeading = _ref.successHeading,
+      successHeading = _ref$successHeading === void 0 ? 'Kopiert!' : _ref$successHeading,
+      _ref$successMessage = _ref.successMessage,
+      successMessage = _ref$successMessage === void 0 ? 'Innholdet ble kopiert til utklippstavlen.' : _ref$successMessage,
+      className = _ref.className,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   var _useToast = useToast(),
-    addToast = _useToast.addToast;
+      addToast = _useToast.addToast;
+
   var buttonRef = React.useRef(null);
+
   var handleClick = function handleClick() {
     buttonRef.current && copy(children, {
       target: buttonRef.current
@@ -286,6 +315,7 @@ var CopyableText = function CopyableText(_ref) {
       content: successMessage
     });
   };
+
   return React.createElement("button", _extends({
     className: 'copyable-text ' + className,
     style: _extends({}, rest.style),
@@ -309,18 +339,21 @@ var BannerExpandableAlertBox = function BannerExpandableAlertBox(props) {
     size: "banner"
   }, props));
 };
+
 var ExpandableAlertBox = function ExpandableAlertBox(_ref) {
   var variant = _ref.variant,
-    title = _ref.title,
-    children = _ref.children,
-    size = _ref.size,
-    className = _ref.className,
-    openLabel = _ref.openLabel,
-    closeLabel = _ref.closeLabel,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      title = _ref.title,
+      children = _ref.children,
+      size = _ref.size,
+      className = _ref.className,
+      openLabel = _ref.openLabel,
+      closeLabel = _ref.closeLabel,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var _React$useState = React.useState(false),
-    open = _React$useState[0],
-    setopen = _React$useState[1];
+      open = _React$useState[0],
+      setopen = _React$useState[1];
+
   return React.createElement(BaseAlertBox, _extends({
     size: size,
     variant: variant,
@@ -338,14 +371,15 @@ var ExpandableAlertBox = function ExpandableAlertBox(_ref) {
     open: open
   }, children));
 };
+
 var ExpandableAlertBoxTitle = function ExpandableAlertBoxTitle(_ref2) {
   var title = _ref2.title,
-    open = _ref2.open,
-    _ref2$openLabel = _ref2.openLabel,
-    openLabel = _ref2$openLabel === void 0 ? 'Les mer' : _ref2$openLabel,
-    _ref2$closeLabel = _ref2.closeLabel,
-    closeLabel = _ref2$closeLabel === void 0 ? 'Lukk' : _ref2$closeLabel,
-    onClick = _ref2.onClick;
+      open = _ref2.open,
+      _ref2$openLabel = _ref2.openLabel,
+      openLabel = _ref2$openLabel === void 0 ? 'Les mer' : _ref2$openLabel,
+      _ref2$closeLabel = _ref2.closeLabel,
+      closeLabel = _ref2$closeLabel === void 0 ? 'Lukk' : _ref2$closeLabel,
+      onClick = _ref2.onClick;
   return React.createElement("div", {
     className: "eds-expandable-alert-box__title"
   }, React.createElement("div", null, title), React.createElement("button", {

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  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  /** Innholdet */\n  children: React.ReactNode;\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 { CopyIcon } 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      <CopyIcon 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> =\n  props => {\n    return <ExpandableAlertBox size=\"small\" {...props} />;\n  };\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> =\n  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","CopyIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,QAAQ,GAAG;EACfC,OAAO,EAAEC,2BAA2B;EACpCC,IAAI,EAAEC,0BAA0B;EAChCC,OAAO,EAAEC,iCAAiC;EAC1CC,KAAK,EAAEC;CACR;AA4BM,IAAMC,YAAY,GAAgC,SAA5CA,YAAY;MACvBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,6BAChBC,gBAAgB;IAAhBA,gBAAgB,sCAAG,MAAM;IACzBC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG;MAAA,OAAO,EAAE;KAAC;IACpBC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,mBAAmB,QAAnBA,mBAAmB;IAChBC,IAAI;EAEP,sBAA8BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAA5CC,QAAQ;IAAEC,SAAS;EAC1B,IAAID,QAAQ,EAAE;IACZ,OAAO,IAAI;;EAEb,IAAME,WAAW,GAAG,SAAdA,WAAW;IACfD,SAAS,CAAC,IAAI,CAAC;IACfR,OAAO,EAAE;GACV;EACD,IAAMU,IAAI,GAAGzB,QAAQ,CAACc,OAAO,CAAC;EAC9B,OACEM;IACET,SAAS,EAAEe,UAAU,CACnB,eAAe,sBACGV,IAAI,sBACJF,OAAO,EACzB;MAAE,sCAAsC,EAAEI;KAAqB,EAC/DP,SAAS;KAEPQ,IAAI,GAEPP,QAAQ,IACPQ;kBACcP,gBAAgB;IAC5BF,SAAS,EAAC,6BAA6B;IACvCgB,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEJ;KAETJ,oBAACS,SAAS,OAAG,CAEhB,EACDT,oBAACK,IAAI;IAACd,SAAS,EAAC;IAAwB,EACxCS;IACET,SAAS,EAAEe,UAAU,CAAC,wBAAwB,EAAE;MAC9C,kCAAkC,EAAE,CAACT,KAAK;MAC1C,qCAAqC,EAAE,CAACP;KACzC;KAEAO,KAAK,IAAIG;IAAKT,SAAS,EAAC;KAAwBM,KAAK,CAAO,EAC5DP,QAAQ,IAAIA,QAAQ,CACjB,CACF;AAEV,CAAC;;IC3EYoB,cAAc,GAAkC,SAAhDA,cAAc,CAAkCC,KAAK;EAAA,OAChEX,oBAACX,YAAY,eAAKsB,KAAK;IAAEf,IAAI,EAAC;KAAW;AAAA;;ICH9BgB,aAAa,GAAiC,SAA9CA,aAAa,CAAiCD,KAAK;EAAA,OAC9DX,oBAACX,YAAY,eAAKsB,KAAK;IAAEf,IAAI,EAAC,OAAO;IAACiB,IAAI,EAAC;KAAW;AAAA;;;ICI3CC,aAAa,GAAiC,SAA9CA,aAAa;EAAA,IACxBvB,SAAS,QAATA,SAAS;IACTwB,KAAK,QAALA,KAAK;IACLpB,OAAO,QAAPA,OAAO;IAAA,qBACPH,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAChBC,gBAAgB,QAAhBA,gBAAgB;IACbM,IAAI;EAAA,OAEPC,oBAACX,YAAY;IACXE,SAAS,EAAEe,UAAU,CAACf,SAAS,EAAE;MAC/B,4BAA4B,EAAEwB,KAAK,KAAK;KACzC;KACGhB,IAAI;IACRJ,OAAO,EAAEA,OAAO;IAChBH,QAAQ,EAAEA,QAAQ;IAClBC,gBAAgB,EAAEA,gBAAgB;IAClCG,IAAI,EAAC;KACL;AAAA;;ACZJ,IAAMoB,mBAAmB,GAAG,GAAG;AAE/B,IAAMC,YAAY,gBAAGjB,KAAK,CAACkB,aAAa,CAA0B,IAAI,CAAC;AAEvE,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAChBC,UAAuB,EACvBC,MAAmB;EAEnB,QAAQA,MAAM,CAACd,IAAI;IACjB,KAAK,WAAW;MACd,QAAQc,MAAM,CAACC,OAAO,SAAKF,UAAU;IACvC,KAAK,qBAAqB;MACxB,OAAOA,UAAU,CAACG,GAAG,CAAC,UAAAC,KAAK;QACzB,IAAIA,KAAK,CAACC,EAAE,KAAKJ,MAAM,CAACC,OAAO,EAC7B,oBAAYE,KAAK;UAAEE,cAAc,EAAE;;QACrC,OAAOF,KAAK;OACb,CAAC;IACJ,KAAK,cAAc;MACjB,OAAOJ,UAAU,CAACO,MAAM,CAAC,UAAAH,KAAK;QAAA,OAAIA,KAAK,CAACC,EAAE,KAAKJ,MAAM,CAACC,OAAO;QAAC;;AAEpE,CAAC;AAED,IAAMM,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAASC,IAAI,CAACC,MAAM,EAAE,CAACC,QAAQ,EAAE,CAACC,SAAS,CAAC,CAAC,CAAC;AAAA;AAElE,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIT,KAAsB,EAAEC,EAAW;EACtD,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO;MAAEC,EAAE,EAAFA,EAAE;MAAES,OAAO,EAAEV,KAAK;MAAE9B,OAAO,EAAE,SAAS;MAAEgC,cAAc,EAAE;KAAO;GACzE,MAAM;IACL;MAASD,EAAE,EAAFA,EAAE;MAAE/B,OAAO,EAAE,SAAS;MAAEgC,cAAc,EAAE;OAAUF,KAAK;;AAEpE,CAAC;IAmBYW,aAAa,GAAiC,SAA9CA,aAAa;wBACxBC,KAAK;IAALA,KAAK,2BAAG,IAAI;IACZ9C,QAAQ,QAARA,QAAQ;IAAA,qBACR+C,QAAQ;IAARA,QAAQ,8BAAG,cAAc;IACzB9C,SAAS,QAATA,SAAS;IACT+C,KAAK,QAALA,KAAK;EAEL,wBAA2BtC,KAAK,CAACuC,UAAU,CAACpB,YAAY,EAAE,EAAE,CAAC;IAAtDqB,MAAM;IAAEC,QAAQ;EACvB,sBAAkCzC,KAAK,CAACC,QAAQ,EAAU;IAAnDyC,UAAU;IAAEC,WAAW;EAC9B,IAAMC,aAAa,GAAG5C,KAAK,CAAC6C,MAAM,CAA4B,EAAE,CAAC;EAEjE,IAAMC,WAAW,GAAG9C,KAAK,CAAC+C,WAAW,CAAC,UAACtB,EAAW;IAChDuB,MAAM,CAACC,YAAY,CAACL,aAAa,CAACM,OAAO,CAACzB,EAAE,CAAC,CAAC;IAC9CgB,QAAQ,CAAC;MAAElC,IAAI,EAAE,cAAc;MAAEe,OAAO,EAAEG;KAAI,CAAC;IAC/C,OAAOmB,aAAa,CAACM,OAAO,CAACzB,EAAE,CAAC;GACjC,EAAE,EAAE,CAAC;EAEN,IAAM0B,iBAAiB,GAAGnD,KAAK,CAAC+C,WAAW,CAAC,UAACtB,EAAW;IACtDuB,MAAM,CAACC,YAAY,CAACL,aAAa,CAACM,OAAO,CAACzB,EAAE,GAAG,WAAW,CAAC,CAAC;IAC5DgB,QAAQ,CAAC;MAAElC,IAAI,EAAE,qBAAqB;MAAEe,OAAO,EAAEG;KAAI,CAAC;IACtD,OAAOmB,aAAa,CAACM,OAAO,CAACzB,EAAE,GAAG,WAAW,CAAC;GAC/C,EAAE,EAAE,CAAC;EAEN,IAAM2B,kCAAkC,GAAGpD,KAAK,CAAC+C,WAAW,CAC1D,UAACtB,EAAW,EAAEW,KAAa;IACzBQ,aAAa,CAACM,OAAO,CAACzB,EAAE,GAAG,WAAW,CAAC,GAAGuB,MAAM,CAACK,UAAU,CACzD;MAAA,OAAMF,iBAAiB,CAAC1B,EAAE,CAAC;OAC3BW,KAAK,GAAGpB,mBAAmB,CAC5B;IACD4B,aAAa,CAACM,OAAO,CAACzB,EAAE,CAAC,GAAGuB,MAAM,CAACK,UAAU,CAC3C;MAAA,OAAMP,WAAW,CAACrB,EAAE,CAAC;OACrBW,KAAK,CACN;GACF,EACD,CAACQ,aAAa,EAAEO,iBAAiB,EAAEL,WAAW,CAAC,CAChD;EAED,IAAMQ,QAAQ,GAAGtD,KAAK,CAAC+C,WAAW,CAChC,UAACvB,KAAsB;IACrB,IAAMC,EAAE,GAAGG,cAAc,EAAE;IAC3B,IAAMN,OAAO,GAAGW,WAAW,CAACT,KAAK,EAAEC,EAAE,CAAC;IACtCgB,QAAQ,CAAC;MAAElC,IAAI,EAAE,WAAW;MAAEe,OAAO,EAAPA;KAAS,CAAC;IACxC8B,kCAAkC,CAAC3B,EAAE,EAAEW,KAAK,CAAC;GAC9C,EACD,CAACA,KAAK,EAAEgB,kCAAkC,CAAC,CAC5C;EAED,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAI/B,KAAgB;IAAA,OAAK;MAC7C,IAAIA,KAAK,CAACE,cAAc,EAAE;MAC1BiB,WAAW,CAACnB,KAAK,CAACC,EAAE,CAAC;MACrB+B,MAAM,CAACC,MAAM,CAACb,aAAa,CAACM,OAAO,CAAC,CAACQ,OAAO,CAAC,UAAAC,SAAS;QACpDX,MAAM,CAACC,YAAY,CAACU,SAAS,CAAC;OAC/B,CAAC;MACFf,aAAa,CAACM,OAAO,GAAG,EAAE;KAC3B;;EAED,IAAMU,gBAAgB,GAAG,SAAnBA,gBAAgB;IACpBjB,WAAW,CAACkB,SAAS,CAAC;IACtBrB,MAAM,CAACkB,OAAO,CAAC,UAAAlC,KAAK;MAClB4B,kCAAkC,CAAC5B,KAAK,CAACC,EAAE,EAAEW,KAAK,CAAC;KACpD,CAAC;GACH;EAED,IAAMhC,WAAW,GAAG,SAAdA,WAAW,CAAI0D,OAAgB;IAAA,OAAK;MACxChB,WAAW,CAACgB,OAAO,CAAC;MACpBF,gBAAgB,EAAE;KACnB;;EAED,IAAMG,YAAY,GAAG/D,KAAK,CAACgE,OAAO,CAChC;IAAA,OAAO;MAAExB,MAAM,EAANA,MAAM;MAAEc,QAAQ,EAARA,QAAQ;MAAER,WAAW,EAAXA;KAAa;GAAC,EACzC,CAACQ,QAAQ,EAAER,WAAW,EAAEN,MAAM,CAAC,CAChC;EAED,OACExC,oBAACiB,YAAY,CAACgD,QAAQ;IAACC,KAAK,EAAEH;KAC3BvB,MAAM,CAAC2B,MAAM,GAAG,CAAC,IAChBnE;IACET,SAAS,EAAEe,UAAU,CACnB,qBAAqB,4BACG+B,QAAQ,EAChC9C,SAAS,CACV;IACD+C,KAAK,EAAEA;KAENE,MAAM,CAAC4B,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC7C,GAAG,CAAC,UAAA8C,WAAW;IAAA,OACjCrE,oBAACY,aAAa;MACZlB,OAAO,EAAE2E,WAAW,CAAC3E,OAAO;MAC5BG,KAAK,EAAEwE,WAAW,CAACxE,KAAK;MACxBF,OAAO,EAAES,WAAW,CAACiE,WAAW,CAAC5C,EAAE,CAAC;MACpC6C,YAAY,EAAEf,gBAAgB,CAACc,WAAW,CAAC;MAC3CE,YAAY,EAAEX,gBAAgB;MAC9BpE,QAAQ,EAAEkD,UAAU,KAAK2B,WAAW,CAAC5C,EAAE;MACvC3B,mBAAmB,EAAEuE,WAAW,CAAC3C,cAAc;MAC/C8C,GAAG,EAAEH,WAAW,CAAC5C;OAEhB4C,WAAW,CAACnC,OAAO,CACN;GACjB,CAAC,CAEL,EACA5C,QAAQ,CACa;AAE5B;IAEamF,QAAQ,GAEjB,SAFSA,QAAQ;EAGnB,IAAMC,OAAO,GAAG1E,KAAK,CAAC2E,UAAU,CAAC1D,YAAY,CAAC;EAC9C,IAAI,CAACyD,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,kEAAkE,GAChE,gCAAgC,CACnC;;EAEH,IAAQtB,QAAQ,GAAKoB,OAAO,CAApBpB,QAAQ;EAChB,OAAO;IACLA,QAAQ,EAARA;GACD;AACH;;;IClLauB,YAAY,GAAG,SAAfA,YAAY;MACvBvF,QAAQ,QAARA,QAAQ;IAAA,2BACRwF,cAAc;IAAdA,cAAc,oCAAG,UAAU;IAAA,2BAC3BC,cAAc;IAAdA,cAAc,oCAAG,2CAA2C;IAC5DxF,SAAS,QAATA,SAAS;IACNQ,IAAI;EAEP,gBAAqB0E,QAAQ,EAAE;IAAvBnB,QAAQ,aAARA,QAAQ;EAChB,IAAM0B,SAAS,GAAGhF,KAAK,CAAC6C,MAAM,CAAoB,IAAI,CAAC;EACvD,IAAMoC,WAAW,GAAG,SAAdA,WAAW;IACfD,SAAS,CAAC9B,OAAO,IACfgC,IAAI,CAAC5F,QAAQ,EAAE;MACb6F,MAAM,EAAEH,SAAS,CAAC9B;KACnB,CAAC,IACFI,QAAQ,CAAC;MAAEzD,KAAK,EAAEiF,cAAc;MAAE5C,OAAO,EAAE6C;KAAgB,CAAC;GAC/D;EACD,OACE/E;IACET,SAAS,EAAE,gBAAgB,GAAGA,SAAS;IACvC+C,KAAK,eAAOvC,IAAI,CAACuC,KAAK,CAAE;IACxB/B,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEyE,WAAW;IACpBG,GAAG,EAAEJ,SAAS;kBACH;KACPjF,IAAI,GAERC,oBAACqF,gBAAgB,QAAE/F,QAAQ,CAAoB,EAC/CU,oBAACsF,QAAQ;IAAC/F,SAAS,EAAC;IAAwB,CACrC;AAEb;;;ICxCagG,uBAAuB,GAClC,SADWA,uBAAuB,CAClC5E,KAAK;EACH,OAAOX,oBAACwF,kBAAkB;IAAC5F,IAAI,EAAC;KAAYe,KAAK,EAAI;AACvD;IAKW8E,wBAAwB,GACnC,SADWA,wBAAwB,CACnC9E,KAAK;EACH,OAAOX,oBAACwF,kBAAkB;IAAC5F,IAAI,EAAC;KAAae,KAAK,EAAI;AACxD;AAsBF,IAAM6E,kBAAkB,GAAsC,SAAxDA,kBAAkB;MACtB9F,OAAO,QAAPA,OAAO;IACPG,KAAK,QAALA,KAAK;IACLP,QAAQ,QAARA,QAAQ;IACRM,IAAI,QAAJA,IAAI;IACJL,SAAS,QAATA,SAAS;IACTmG,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACP5F,IAAI;EAEP,sBAAwBC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAtC2F,IAAI;IAAEC,OAAO;EACpB,OACE7F,oBAACX,YAAY;IACXO,IAAI,EAAEA,IAAI;IACVF,OAAO,EAAEA,OAAO;IAChBH,SAAS,EAAEe,UAAU,CAAC,0BAA0B,EAAEf,SAAS,CAAC;IAC5DM,KAAK,EACHG,oBAAC8F,uBAAuB;MACtBF,IAAI,EAAEA,IAAI;MACV/F,KAAK,EAAEA,KAAK;MACZW,OAAO,EAAE;QAAA,OAAMqF,OAAO,CAAC,CAACD,IAAI,CAAC;;MAC7BF,SAAS,EAAEA,SAAS;MACpBC,UAAU,EAAEA;;KAGZ5F,IAAI,GAERC,oBAAC+F,UAAU;IAACH,IAAI,EAAEA;KAAOtG,QAAQ,CAAc,CAClC;AAEnB,CAAC;AAUD,IAAMwG,uBAAuB,GAA2C,SAAlEA,uBAAuB;MAC3BjG,KAAK,SAALA,KAAK;IACL+F,IAAI,SAAJA,IAAI;IAAA,wBACJF,SAAS;IAATA,SAAS,gCAAG,SAAS;IAAA,yBACrBC,UAAU;IAAVA,UAAU,iCAAG,MAAM;IACnBnF,OAAO,SAAPA,OAAO;EAEP,OACER;IAAKT,SAAS,EAAC;KACbS,iCAAMH,KAAK,CAAO,EAClBG;IACET,SAAS,EAAC,kCAAkC;IAC5CiB,OAAO,EAAEA,OAAO;IAChBD,IAAI,EAAC;KAEJqF,IAAI,GAAGD,UAAU,GAAGD,SAAS,EAC9B1F,oBAACgG,WAAW;IAACJ,IAAI,EAAEA,IAAI;IAAEK,MAAM;IAAG,CAC3B,CACL;AAEV,CAAC;;ACrGDC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC;;;;"}
+{"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  /** Innholdet */\n  children: React.ReactNode;\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 { CopyIcon } 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      <CopyIcon 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> =\n  props => {\n    return <ExpandableAlertBox size=\"small\" {...props} />;\n  };\n\nexport type BannerExpandableAlertBoxProps = ExpandableAlertBoxProps &\n  BannerAlertBoxProps;\n\nexport const BannerExpandableAlertBox: React.FC<BannerExpandableAlertBoxProps> =\n  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","CopyIcon","SmallExpandableAlertBox","ExpandableAlertBox","BannerExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles"],"mappings":"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"}

package/dist/styles.css

@@ -244,6 +244,7 @@
 }
 @media screen and (min-width: 50rem) {
   .eds-toast-container {
+    left: auto;
     left: initial;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/alert",
-  "version": "0.11.14",
+  "version": "0.11.16",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/alert.esm.js",
@@ -17,34 +17,29 @@
     "access": "public"
   },
   "scripts": {
-    "start": "yarn run dts watch --noClean",
-    "build": "yarn run dts build",
-    "test": "yarn run dts test --env=jsdom",
-    "lint": "yarn run dts lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test",
+    "lint": "dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/expand": "^3.3.27",
-    "@entur/icons": "^5.3.0",
-    "@entur/typography": "^1.7.2",
-    "@entur/utils": "^0.4.7",
+    "@entur/expand": "^3.3.29",
+    "@entur/icons": "^5.4.1",
+    "@entur/typography": "^1.7.4",
+    "@entur/utils": "^0.4.9",
     "classnames": "^2.3.1",
     "copy-text-to-clipboard": "2.2"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.4.2",
-    "dts-cli": "^1.1.6",
-    "jest": "^27.0.0",
-    "jest-watch-typeahead": "^2.2.0",
-    "ts-jest": "^27.0.0",
-    "typescript": "^4.8.0"
+    "@entur/tokens": "^3.4.4"
   },
   "volta": {
     "node": "14.17.0",
     "yarn": "1.18.0"
   },
-  "gitHead": "8915b1630bd936740ba9a4a88883f3432948a80e"
+  "gitHead": "de71e205560a699e2dce301e133966dc9348c459"
 }