@entur/alert 0.8.3 → 0.10.1

package/CHANGELOG.md

@@ -3,6 +3,32 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.10.1](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.0...@entur/alert@0.10.1) (2022-02-09)
+
+**Note:** Version bump only for package @entur/alert
+
+# [0.10.0](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.9.1...@entur/alert@0.10.0) (2022-01-21)
+
+### Features
+
+- **copyable text:** add new CopyableText component ([b793604](https://bitbucket.org/enturas/design-system/commits/b7936040b0fe054e061af4d6a0b56279b3e6ed1c))
+
+## [0.9.1](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.9.0...@entur/alert@0.9.1) (2021-11-17)
+
+### Bug Fixes
+
+- **smallalertbox:** fix closable prop warning ([7808494](https://bitbucket.org/enturas/design-system/commits/780849470227e2e1edf847b3d58c1b81b5b70c1c))
+
+# [0.9.0](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.8.3...@entur/alert@0.9.0) (2021-10-18)
+
+### Bug Fixes
+
+- **alert box:** adjust close button focus styling ([b163918](https://bitbucket.org/enturas/design-system/commits/b1639187829e5f8d8ae971ea68f80ad0d7115c88))
+
+### Features
+
+- **smallalertbox:** add closable prop ([f07bba6](https://bitbucket.org/enturas/design-system/commits/f07bba67ecb0829cd13f81ddb425771129efda33))
+
 ## [0.8.3](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.8.2...@entur/alert@0.8.3) (2021-09-23)
 
 ### Bug Fixes

package/dist/CopyableText.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './CopyableText.scss';
+export declare type CopyableTextProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Tekstinnhold som vises og kopieres */
+    children: string;
+    /** Overskrift i toast-varselet */
+    successHeading?: string;
+    /** Bekreftelsesmelding i toast-varselet */
+    successMessage?: string;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+export declare const CopyableText: ({ children, successHeading, successMessage, className, ...rest }: CopyableTextProps) => JSX.Element;

package/dist/SmallAlertBox.d.ts

@@ -6,6 +6,10 @@ export declare type SmallAlertBoxProps = {
     className?: string;
     /** Skjermleser-label for lukkeknappen, om den vises */
     closeButtonLabel?: string;
+    /** Om denne er true, vil boksen få en lukkeknapp i høyre hjørne
+     * @default false
+     */
+    closable?: boolean;
     /** Callback som kalles når man lukker boksen */
     onClose?: () => void;
     /** Tittel på boksen - oppsummer virkning */

package/dist/alert.cjs.development.js

@@ -2,14 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var utils = require('@entur/utils');
-var React = _interopDefault(require('react'));
-var classNames = _interopDefault(require('classnames'));
+var React = require('react');
+var classNames = require('classnames');
 var icons = require('@entur/icons');
+var copy = require('copy-text-to-clipboard');
+var typography = require('@entur/typography');
 var _ = require('@entur/expand/');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -43,6 +49,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"];
 var iconsMap = {
   success: icons.OutlinedValidationCheckIcon,
   info: icons.OutlinedValidationInfoIcon,
@@ -63,9 +70,9 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   } : _ref$onClose,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  var _React$useState = React.useState(false),
+  var _React$useState = React__default["default"].useState(false),
       isClosed = _React$useState[0],
       setClosed = _React$useState[1];
 
@@ -79,54 +86,61 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   };
 
   var Icon = iconsMap[variant];
-  return React.createElement("div", Object.assign({
-    className: classNames('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, className)
-  }, rest), closable && React.createElement("button", {
+  return React__default["default"].createElement("div", _extends({
+    className: classNames__default["default"]('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, className)
+  }, rest), closable && React__default["default"].createElement("button", {
     "aria-label": closeButtonLabel,
     className: "eds-alert-box__close-button",
     type: "button",
     onClick: handleClose
-  }, React.createElement(icons.CloseIcon, null)), React.createElement(Icon, {
+  }, React__default["default"].createElement(icons.CloseIcon, null)), React__default["default"].createElement(Icon, {
     className: "eds-alert-box__icon"
-  }), React.createElement("div", {
-    className: classNames('eds-alert-box__content', {
+  }), React__default["default"].createElement("div", {
+    className: classNames__default["default"]('eds-alert-box__content', {
       'eds-alert-box__content--no-title': !title,
       'eds-alert-box__content--no-children': !children
     })
-  }, title && React.createElement("div", {
+  }, title && React__default["default"].createElement("div", {
     className: "eds-alert-box__title"
   }, title), children && children));
 };
 
 var BannerAlertBox = function BannerAlertBox(props) {
-  return React.createElement(BaseAlertBox, Object.assign({}, props, {
+  return React__default["default"].createElement(BaseAlertBox, _extends({}, props, {
     size: "banner"
   }));
 };
 
 var ToastAlertBox = function ToastAlertBox(props) {
-  return React.createElement(BaseAlertBox, Object.assign({}, props, {
+  return React__default["default"].createElement(BaseAlertBox, _extends({}, props, {
     size: "toast",
     role: "status"
   }));
 };
 
+var _excluded$2 = ["className", "width", "onClose", "closable", "closeButtonLabel"];
 var SmallAlertBox = function SmallAlertBox(_ref) {
   var className = _ref.className,
       width = _ref.width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "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, Object.assign({
-    className: classNames(className, {
+  return React__default["default"].createElement(BaseAlertBox, _extends({
+    className: classNames__default["default"](className, {
       'eds-alert-box--fit-content': width === 'fit-content'
     })
   }, rest, {
-    closable: false,
+    onClose: onClose,
+    closable: closable,
+    closeButtonLabel: closeButtonLabel,
     size: "small"
   }));
 };
 
-var ToastContext = /*#__PURE__*/React.createContext(null);
+var ToastContext = /*#__PURE__*/React__default["default"].createContext(null);
 
 var toastReducer = function toastReducer(prevToasts, action) {
   switch (action.type) {
@@ -168,16 +182,16 @@ var ToastProvider = function ToastProvider(_ref) {
       className = _ref.className,
       style = _ref.style;
 
-  var _React$useReducer = React.useReducer(toastReducer, []),
+  var _React$useReducer = React__default["default"].useReducer(toastReducer, []),
       toasts = _React$useReducer[0],
       dispatch = _React$useReducer[1];
 
-  var _React$useState = React.useState(),
+  var _React$useState = React__default["default"].useState(),
       hoveringId = _React$useState[0],
       setHovering = _React$useState[1];
 
-  var timeoutIdRefs = React.useRef({});
-  var removeToast = React.useCallback(function (id) {
+  var timeoutIdRefs = React__default["default"].useRef({});
+  var removeToast = React__default["default"].useCallback(function (id) {
     window.clearTimeout(timeoutIdRefs.current[id]);
     dispatch({
       type: 'REMOVE_TOAST',
@@ -185,7 +199,7 @@ var ToastProvider = function ToastProvider(_ref) {
     });
     delete timeoutIdRefs.current[id];
   }, []);
-  var addToast = React.useCallback(function (toast) {
+  var addToast = React__default["default"].useCallback(function (toast) {
     var id = createUniqueId();
     var payload = createToast(toast, id);
     dispatch({
@@ -223,20 +237,20 @@ var ToastProvider = function ToastProvider(_ref) {
     };
   };
 
-  var contextValue = React.useMemo(function () {
+  var contextValue = React__default["default"].useMemo(function () {
     return {
       toasts: toasts,
       addToast: addToast,
       removeToast: removeToast
     };
   }, [addToast, removeToast, toasts]);
-  return React.createElement(ToastContext.Provider, {
+  return React__default["default"].createElement(ToastContext.Provider, {
     value: contextValue
-  }, toasts.length > 0 && React.createElement("div", {
-    className: classNames('eds-toast-container', "eds-toast-container--" + position, className),
+  }, toasts.length > 0 && React__default["default"].createElement("div", {
+    className: classNames__default["default"]('eds-toast-container', "eds-toast-container--" + position, className),
     style: style
   }, toasts.slice(0, 3).map(function (toastToShow) {
-    return React.createElement(ToastAlertBox, {
+    return React__default["default"].createElement(ToastAlertBox, {
       variant: toastToShow.variant,
       title: toastToShow.title,
       onClose: handleClose(toastToShow.id),
@@ -248,7 +262,7 @@ var ToastProvider = function ToastProvider(_ref) {
   })), children);
 };
 var useToast = function useToast() {
-  var context = React.useContext(ToastContext);
+  var context = React__default["default"].useContext(ToastContext);
 
   if (!context) {
     throw new Error('You need to wrap your component in a ToastProvider component in ' + 'order to use the useToast hook');
@@ -260,13 +274,50 @@ 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);
+
+  var _useToast = useToast(),
+      addToast = _useToast.addToast;
+
+  var buttonRef = React__default["default"].useRef(null);
+
+  var handleClick = function handleClick() {
+    buttonRef.current && copy__default["default"](children, {
+      target: buttonRef.current
+    }) && addToast({
+      title: successHeading,
+      content: successMessage
+    });
+  };
+
+  return React__default["default"].createElement("button", _extends({
+    className: 'copyable-text ' + className,
+    style: _extends({}, rest.style),
+    type: "button",
+    onClick: handleClick,
+    ref: buttonRef,
+    "aria-label": "Kopier innhold"
+  }, rest), React__default["default"].createElement(typography.PreformattedText, null, children), React__default["default"].createElement(icons.ReportsIcon, {
+    className: "copyable-text__icon"
+  }));
+};
+
+var _excluded = ["variant", "title", "children", "size", "className", "openLabel", "closeLabel"];
 var SmallExpandableAlertBox = function SmallExpandableAlertBox(props) {
-  return React.createElement(ExpandableAlertBox, Object.assign({
+  return React__default["default"].createElement(ExpandableAlertBox, _extends({
     size: "small"
   }, props));
 };
 var BannerExpandableAlertBox = function BannerExpandableAlertBox(props) {
-  return React.createElement(ExpandableAlertBox, Object.assign({
+  return React__default["default"].createElement(ExpandableAlertBox, _extends({
     size: "banner"
   }, props));
 };
@@ -279,17 +330,17 @@ var ExpandableAlertBox = function ExpandableAlertBox(_ref) {
       className = _ref.className,
       openLabel = _ref.openLabel,
       closeLabel = _ref.closeLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, ["variant", "title", "children", "size", "className", "openLabel", "closeLabel"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var _React$useState = React.useState(false),
+  var _React$useState = React__default["default"].useState(false),
       open = _React$useState[0],
       setopen = _React$useState[1];
 
-  return React.createElement(BaseAlertBox, Object.assign({
+  return React__default["default"].createElement(BaseAlertBox, _extends({
     size: size,
     variant: variant,
-    className: classNames('eds-expandable-alert-box', className),
-    title: React.createElement(ExpandableAlertBoxTitle, {
+    className: classNames__default["default"]('eds-expandable-alert-box', className),
+    title: React__default["default"].createElement(ExpandableAlertBoxTitle, {
       open: open,
       title: title,
       onClick: function onClick() {
@@ -298,7 +349,7 @@ var ExpandableAlertBox = function ExpandableAlertBox(_ref) {
       openLabel: openLabel,
       closeLabel: closeLabel
     })
-  }, rest), React.createElement(_.BaseExpand, {
+  }, rest), React__default["default"].createElement(_.BaseExpand, {
     open: open
   }, children));
 };
@@ -311,13 +362,13 @@ var ExpandableAlertBoxTitle = function ExpandableAlertBoxTitle(_ref2) {
       _ref2$closeLabel = _ref2.closeLabel,
       closeLabel = _ref2$closeLabel === void 0 ? 'Lukk' : _ref2$closeLabel,
       onClick = _ref2.onClick;
-  return React.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "eds-expandable-alert-box__title"
-  }, React.createElement("div", null, title), React.createElement("button", {
+  }, React__default["default"].createElement("div", null, title), React__default["default"].createElement("button", {
     className: "eds-expandable-alert-box__button",
     onClick: onClick,
     type: "button"
-  }, open ? closeLabel : openLabel, React.createElement(_.ExpandArrow, {
+  }, open ? closeLabel : openLabel, React__default["default"].createElement(_.ExpandArrow, {
     open: open,
     inline: true
   })));
@@ -327,6 +378,7 @@ utils.warnAboutMissingStyles('alert', 'icons');
 
 exports.BannerAlertBox = BannerAlertBox;
 exports.BannerExpandableAlertBox = BannerExpandableAlertBox;
+exports.CopyableText = CopyableText;
 exports.SmallAlertBox = SmallAlertBox;
 exports.SmallExpandableAlertBox = SmallExpandableAlertBox;
 exports.ToastAlertBox = ToastAlertBox;

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/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  /** 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  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    closable={false}\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 { 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 * 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","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  ...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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"}

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

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@entur/utils"),n=e(require("react")),a=e(require("classnames")),r=require("@entur/icons"),o=require("@entur/expand/");function l(){return(l=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}).apply(this,arguments)}function i(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(r[n]=e[n]);return r}var s={success:r.OutlinedValidationCheckIcon,info:r.OutlinedValidationInfoIcon,warning:r.OutlinedValidationExclamationIcon,error:r.OutlinedValidationErrorIcon},c=function(e){var t=e.children,o=e.className,l=e.closable,c=void 0!==l&&l,u=e.closeButtonLabel,d=void 0===u?"Lukk":u,b=e.variant,m=e.onClose,f=void 0===m?function(){return{}}:m,p=e.size,v=e.title,x=i(e,["children","className","closable","closeButtonLabel","variant","onClose","size","title"]),E=n.useState(!1),O=E[1];if(E[0])return null;var h=s[b];return n.createElement("div",Object.assign({className:a("eds-alert-box","eds-alert-box--"+p,"eds-alert-box--"+b,o)},x),c&&n.createElement("button",{"aria-label":d,className:"eds-alert-box__close-button",type:"button",onClick:function(){O(!0),f()}},n.createElement(r.CloseIcon,null)),n.createElement(h,{className:"eds-alert-box__icon"}),n.createElement("div",{className:a("eds-alert-box__content",{"eds-alert-box__content--no-title":!v,"eds-alert-box__content--no-children":!t})},v&&n.createElement("div",{className:"eds-alert-box__title"},v),t&&t))},u=function(e){return n.createElement(c,Object.assign({},e,{size:"toast",role:"status"}))},d=n.createContext(null),b=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}))}},m=function(e){var t=e.variant,r=e.title,l=e.children,s=e.size,u=e.className,d=e.openLabel,b=e.closeLabel,m=i(e,["variant","title","children","size","className","openLabel","closeLabel"]),p=n.useState(!1),v=p[0],x=p[1];return n.createElement(c,Object.assign({size:s,variant:t,className:a("eds-expandable-alert-box",u),title:n.createElement(f,{open:v,title:r,onClick:function(){return x(!v)},openLabel:d,closeLabel:b})},m),n.createElement(o.BaseExpand,{open:v},l))},f=function(e){var t=e.open,a=e.openLabel,r=void 0===a?"Les mer":a,l=e.closeLabel,i=void 0===l?"Lukk":l,s=e.onClick;return n.createElement("div",{className:"eds-expandable-alert-box__title"},n.createElement("div",null,e.title),n.createElement("button",{className:"eds-expandable-alert-box__button",onClick:s,type:"button"},t?i:r,n.createElement(o.ExpandArrow,{open:t,inline:!0})))};t.warnAboutMissingStyles("alert","icons"),exports.BannerAlertBox=function(e){return n.createElement(c,Object.assign({},e,{size:"banner"}))},exports.BannerExpandableAlertBox=function(e){return n.createElement(m,Object.assign({size:"banner"},e))},exports.SmallAlertBox=function(e){var t=e.className,r=e.width,o=i(e,["className","width"]);return n.createElement(c,Object.assign({className:a(t,{"eds-alert-box--fit-content":"fit-content"===r})},o,{closable:!1,size:"small"}))},exports.SmallExpandableAlertBox=function(e){return n.createElement(m,Object.assign({size:"small"},e))},exports.ToastAlertBox=u,exports.ToastProvider=function(e){var t=e.delay,r=void 0===t?6e3:t,o=e.children,i=e.position,s=void 0===i?"bottom-right":i,c=e.className,m=e.style,f=n.useReducer(b,[]),p=f[0],v=f[1],x=n.useState(),E=x[0],O=x[1],h=n.useRef({}),y=n.useCallback((function(e){window.clearTimeout(h.current[e]),v({type:"REMOVE_TOAST",payload:e}),delete h.current[e]}),[]),_=n.useCallback((function(e){var t=Math.random().toString().substring(2),n=function(e,t){return"string"==typeof e?{id:t,content:e,variant:"success"}:l({id:t,variant:"success"},e)}(e,t);v({type:"ADD_TOAST",payload:n}),h.current[t]=window.setTimeout((function(){return y(t)}),r)}),[r,y]),T=function(e){return function(){O(e),Object.values(h.current).forEach((function(e){return window.clearTimeout(e)})),h.current={}}},w=function(){O(void 0),p.forEach((function(e){h.current[e.id]=window.setTimeout((function(){return y(e.id)}),r)}))},g=n.useMemo((function(){return{toasts:p,addToast:_,removeToast:y}}),[_,y,p]);return n.createElement(d.Provider,{value:g},p.length>0&&n.createElement("div",{className:a("eds-toast-container","eds-toast-container--"+s,c),style:m},p.slice(0,3).map((function(e){return n.createElement(u,{variant:e.variant,title:e.title,onClose:(t=e.id,function(){y(t),w()}),onMouseEnter:T(e.id),onMouseLeave:w,closable:E===e.id,key:e.id},e.content);var t}))),o)},exports.useToast=function(){var e=n.useContext(d);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}};
+"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;
 //# 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/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 * 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';\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  /** 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  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    closable={false}\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","ExpandableAlertBox","openLabel","closeLabel","open","setopen","ExpandableAlertBoxTitle","BaseExpand","ExpandArrow","inline","warnAboutMissingStyles","width","delay","position","style","useReducer","toasts","dispatch","hoveringId","setHovering","timeoutIdRefs","useRef","removeToast","useCallback","window","clearTimeout","current","addToast","Math","random","toString","substring","content","createToast","setTimeout","handleMouseEnter","toastId","Object","values","forEach","timeoutId","handleMouseLeave","undefined","contextValue","useMemo","Provider","value","length","slice","map","toastToShow","onMouseEnter","onMouseLeave","key","context","useContext","Error"],"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  ...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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"}

package/dist/alert.esm.js

@@ -1,7 +1,9 @@
 import { warnAboutMissingStyles } from '@entur/utils';
 import React from 'react';
 import classNames from 'classnames';
-import { CloseIcon, OutlinedValidationCheckIcon, OutlinedValidationInfoIcon, OutlinedValidationExclamationIcon, OutlinedValidationErrorIcon } from '@entur/icons';
+import { CloseIcon, OutlinedValidationCheckIcon, OutlinedValidationInfoIcon, OutlinedValidationExclamationIcon, OutlinedValidationErrorIcon, ReportsIcon } from '@entur/icons';
+import copy from 'copy-text-to-clipboard';
+import { PreformattedText } from '@entur/typography';
 import { BaseExpand, ExpandArrow } from '@entur/expand/';
 
 function _extends() {
@@ -37,6 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$3 = ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"];
 var iconsMap = {
   success: OutlinedValidationCheckIcon,
   info: OutlinedValidationInfoIcon,
@@ -57,7 +60,7 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   } : _ref$onClose,
       size = _ref.size,
       title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className", "closable", "closeButtonLabel", "variant", "onClose", "size", "title"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var _React$useState = React.useState(false),
       isClosed = _React$useState[0],
@@ -73,7 +76,7 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
   };
 
   var Icon = iconsMap[variant];
-  return React.createElement("div", Object.assign({
+  return React.createElement("div", _extends({
     className: classNames('eds-alert-box', "eds-alert-box--" + size, "eds-alert-box--" + variant, className)
   }, rest), closable && React.createElement("button", {
     "aria-label": closeButtonLabel,
@@ -93,29 +96,36 @@ var BaseAlertBox = function BaseAlertBox(_ref) {
 };
 
 var BannerAlertBox = function BannerAlertBox(props) {
-  return React.createElement(BaseAlertBox, Object.assign({}, props, {
+  return React.createElement(BaseAlertBox, _extends({}, props, {
     size: "banner"
   }));
 };
 
 var ToastAlertBox = function ToastAlertBox(props) {
-  return React.createElement(BaseAlertBox, Object.assign({}, props, {
+  return React.createElement(BaseAlertBox, _extends({}, props, {
     size: "toast",
     role: "status"
   }));
 };
 
+var _excluded$2 = ["className", "width", "onClose", "closable", "closeButtonLabel"];
 var SmallAlertBox = function SmallAlertBox(_ref) {
   var className = _ref.className,
       width = _ref.width,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "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, Object.assign({
+  return React.createElement(BaseAlertBox, _extends({
     className: classNames(className, {
       'eds-alert-box--fit-content': width === 'fit-content'
     })
   }, rest, {
-    closable: false,
+    onClose: onClose,
+    closable: closable,
+    closeButtonLabel: closeButtonLabel,
     size: "small"
   }));
 };
@@ -254,13 +264,50 @@ 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);
+
+  var _useToast = useToast(),
+      addToast = _useToast.addToast;
+
+  var buttonRef = React.useRef(null);
+
+  var handleClick = function handleClick() {
+    buttonRef.current && copy(children, {
+      target: buttonRef.current
+    }) && addToast({
+      title: successHeading,
+      content: successMessage
+    });
+  };
+
+  return React.createElement("button", _extends({
+    className: 'copyable-text ' + className,
+    style: _extends({}, rest.style),
+    type: "button",
+    onClick: handleClick,
+    ref: buttonRef,
+    "aria-label": "Kopier innhold"
+  }, rest), React.createElement(PreformattedText, null, children), React.createElement(ReportsIcon, {
+    className: "copyable-text__icon"
+  }));
+};
+
+var _excluded = ["variant", "title", "children", "size", "className", "openLabel", "closeLabel"];
 var SmallExpandableAlertBox = function SmallExpandableAlertBox(props) {
-  return React.createElement(ExpandableAlertBox, Object.assign({
+  return React.createElement(ExpandableAlertBox, _extends({
     size: "small"
   }, props));
 };
 var BannerExpandableAlertBox = function BannerExpandableAlertBox(props) {
-  return React.createElement(ExpandableAlertBox, Object.assign({
+  return React.createElement(ExpandableAlertBox, _extends({
     size: "banner"
   }, props));
 };
@@ -273,13 +320,13 @@ var ExpandableAlertBox = function ExpandableAlertBox(_ref) {
       className = _ref.className,
       openLabel = _ref.openLabel,
       closeLabel = _ref.closeLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, ["variant", "title", "children", "size", "className", "openLabel", "closeLabel"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       open = _React$useState[0],
       setopen = _React$useState[1];
 
-  return React.createElement(BaseAlertBox, Object.assign({
+  return React.createElement(BaseAlertBox, _extends({
     size: size,
     variant: variant,
     className: classNames('eds-expandable-alert-box', className),
@@ -319,5 +366,5 @@ var ExpandableAlertBoxTitle = function ExpandableAlertBoxTitle(_ref2) {
 
 warnAboutMissingStyles('alert', 'icons');
 
-export { BannerAlertBox, BannerExpandableAlertBox, SmallAlertBox, SmallExpandableAlertBox, ToastAlertBox, ToastProvider, useToast };
+export { BannerAlertBox, BannerExpandableAlertBox, CopyableText, SmallAlertBox, SmallExpandableAlertBox, ToastAlertBox, ToastProvider, useToast };
 //# sourceMappingURL=alert.esm.js.map

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/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  /** 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  ...rest\n}) => (\n  <BaseAlertBox\n    className={classNames(className, {\n      'eds-alert-box--fit-content': width === 'fit-content',\n    })}\n    {...rest}\n    closable={false}\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 { 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 * 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","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  ...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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"}

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export { BannerAlertBox } from './BannerAlertBox';
 export { ToastAlertBox } from './ToastAlertBox';
 export { SmallAlertBox } from './SmallAlertBox';
 export { ToastProvider, useToast } from './ToastProvider';
+export { CopyableText } from './CopyableText';
 export * from './ExpandableAlertBox';

package/dist/styles.css

@@ -2,6 +2,45 @@
   --eds-alert: 1;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.copyable-text {
+  appearance: none;
+  background: none;
+  border: 0;
+  border-radius: 0;
+  color: inherit;
+  cursor: pointer;
+  display: block;
+  font-size: inherit;
+  padding: 0;
+  position: relative;
+  margin: 0 0 1rem 0;
+  text-align: left;
+  width: 100%;
+}
+.copyable-text > * {
+  margin: 0;
+}
+.copyable-text:focus {
+  outline-offset: 0.125rem;
+  outline: none;
+  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+}
+.eds-contrast .copyable-text:focus {
+  box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
+}
+
+.copyable-text__icon {
+  display: none;
+  position: absolute;
+  right: 1.5rem;
+  top: 1rem;
+  bottom: 1rem;
+}
+.copyable-text:hover .copyable-text__icon, .copyable-text:focus .copyable-text__icon {
+  display: block;
+  color: #181c56;
+}/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-expandable-alert-box .eds-alert-box__content {
@@ -151,6 +190,8 @@
   color: #181c56;
   cursor: pointer;
   font-size: 1rem;
+  height: 1.5rem;
+  width: 1.5rem;
   padding: 0;
   position: absolute;
   right: 1rem;
@@ -158,14 +199,15 @@
 }
 .eds-alert-box__close-button:focus {
   outline-offset: 0.125rem;
-  outline: none;
-  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
+  outline: 2px solid #181c56;
 }
 @media screen and (min-width: 50rem) {
   .eds-alert-box__close-button {
     font-size: 1.5rem;
     right: 1.5rem;
     top: 1.5rem;
+    height: 1.5rem;
+    width: 1.5rem;
   }
   .eds-alert-box--toast .eds-alert-box__close-button {
     right: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/alert",
-  "version": "0.8.3",
+  "version": "0.10.1",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/alert.esm.js",
@@ -17,23 +17,29 @@
     "access": "public"
   },
   "scripts": {
-    "start": "tsdx watch --noClean",
-    "build": "tsdx build",
-    "test": "tsdx test --env=jsdom",
-    "lint": "tsdx lint"
+    "start": "dts watch --noClean",
+    "build": "dts build",
+    "test": "dts test --env=jsdom",
+    "lint": "dts lint"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/expand": "^3.3.5",
-    "@entur/icons": "^3.3.0",
-    "@entur/utils": "^0.4.2",
-    "classnames": "^2.3.1"
+    "@entur/expand": "^3.3.7",
+    "@entur/icons": "^3.4.1",
+    "@entur/typography": "^1.6.11",
+    "@entur/utils": "^0.4.3",
+    "classnames": "^2.3.1",
+    "copy-text-to-clipboard": "2.2"
   },
   "devDependencies": {
-    "@entur/tokens": "^3.2.1"
+    "@entur/tokens": "^3.3.1"
   },
-  "gitHead": "d3611d9b3374c6aafc0b95b9ebac011f7b1a7785"
+  "volta": {
+    "node": "14.17.0",
+    "yarn": "1.18.0"
+  },
+  "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
 }