@entur-partner/common 4.0.3 → 4.0.7

package/dist/common.cjs.development.js

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var cx = require('classnames');
 var typography = require('@entur/typography');
 var icons = require('@entur/icons');
 var button = require('@entur/button');
@@ -18,6 +15,11 @@ var modal = require('@entur/modal');
 var reactRouterDom = require('react-router-dom');
 var menu = require('@entur/menu');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -39,7 +41,17 @@ function _extends() {
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -57,6 +69,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$f = ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"];
 function responsiveProp(prefix, prop) {
   if (Array.isArray(prop)) {
     var classes = [];
@@ -96,7 +109,7 @@ var Box = function Box(_ref) {
       flexDirection = _ref.flexDirection,
       flexWrap = _ref.flexWrap,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
   var classes = [];
   var resolvedPaddingTop = paddingTop || paddingY || padding;
@@ -124,8 +137,8 @@ var Box = function Box(_ref) {
   background && classes.push("eps-bg-" + background);
   flexDirection && classes.push.apply(classes, responsiveProp('eps-flex-', flexDirection));
   flexWrap && classes.push.apply(classes, responsiveProp('eps-flex-wrap-', flexWrap));
-  var classList = cx(classes, className);
-  return React__default.createElement(Component, Object.assign({
+  var classList = cx__default["default"](classes, className);
+  return React__default["default"].createElement(Component, _extends({
     className: classList
   }, rest), children);
 };
@@ -137,15 +150,15 @@ var Stack = function Stack(_ref) {
   var stackItems = React.Children.toArray(children);
 
   if (stackItems.length <= 1) {
-    return React__default.createElement(React__default.Fragment, null, stackItems);
+    return React__default["default"].createElement(React__default["default"].Fragment, null, stackItems);
   }
 
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: className
   }, stackItems.map(function (child, index) {
-    return index === stackItems.length - 1 ? React__default.createElement("div", {
+    return index === stackItems.length - 1 ? React__default["default"].createElement("div", {
       key: index
-    }, child) : React__default.createElement(Box, {
+    }, child) : React__default["default"].createElement(Box, {
       paddingBottom: space,
       key: index
     }, child);
@@ -154,35 +167,36 @@ var Stack = function Stack(_ref) {
 
 var ActionBarLeft = function ActionBarLeft(_ref) {
   var children = _ref.children;
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "eps-action-bar-left"
   }, children);
 };
 
 var ActionBarRight = function ActionBarRight(_ref2) {
   var children = _ref2.children;
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: "eps-action-bar-right"
   }, children);
 };
 
 var ActionBar = function ActionBar(_ref3) {
   var children = _ref3.children;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
     className: "eps-action-bar-padding"
-  }), React__default.createElement("div", {
+  }), React__default["default"].createElement("div", {
     className: "eps-action-bar"
   }, children));
 };
 
+var _excluded$e = ["children", "className"];
 var LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
-  return React__default.createElement(typography.Link, Object.assign({}, rest, {
+  return React__default["default"].createElement(typography.Link, _extends({}, rest, {
     as: "button",
-    className: cx('eps-link-button', className)
+    className: cx__default["default"]('eps-link-button', className)
   }), children);
 };
 
@@ -209,35 +223,36 @@ var FeatureToggle = function FeatureToggle(_ref) {
   var feature = useFeatureToggle(flag);
 
   if (feature) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
   }
 
   return null;
 };
 
+var _excluded$d = ["title"];
 var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
   var title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
-  return React__default.createElement("svg", Object.assign({
+  return React__default["default"].createElement("svg", _extends({
     width: 257,
     height: 37,
     viewBox: "0 0 257 37"
-  }, rest), React__default.createElement("title", null, title), React__default.createElement("g", {
+  }, rest), React__default["default"].createElement("title", null, title), React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, React__default.createElement("path", {
+  }, React__default["default"].createElement("path", {
     fill: "#FFF",
     d: "M0 .231V25.72h18.745v-4.318H4.869v-6.163h12.31v-4.318H4.87V4.55h13.876V.231z"
-  }), React__default.createElement("path", {
+  }), React__default["default"].createElement("path", {
     fill: "#FF5959",
     d: "M0 36.408h45.253v-4.32H0z"
-  }), React__default.createElement("path", {
+  }), React__default["default"].createElement("path", {
     fill: "#FFF",
     d: "M40.384.231v15.425L23.656.231h-.521V25.72h4.869V10.573L44.732 25.72h.521V.23zM69.25 15.238h-7.267v21.17h-4.87v-21.17H49.81V10.92h19.44zM83.863 36.86c-1.646 0-3.142-.255-4.486-.765-1.345-.51-2.493-1.23-3.443-2.159-.95-.928-1.687-2.054-2.208-3.378-.522-1.323-.783-2.797-.783-4.422V10.92h4.869v15.216c0 1.277.209 2.333.626 3.169.417.836.933 1.497 1.548 1.985a5.346 5.346 0 001.982 1.01c.707.186 1.339.278 1.895.278.557 0 1.188-.092 1.896-.279a5.35 5.35 0 001.982-1.01c.614-.487 1.13-1.148 1.548-1.984.417-.836.625-1.892.625-3.169V10.92h4.87v15.216c0 1.625-.256 3.1-.766 4.422-.51 1.324-1.24 2.45-2.19 3.378-.952.929-2.1 1.648-3.444 2.159-1.344.51-2.851.766-4.52.766M104.21 24.047h5.546c1.016 0 1.854-.127 2.513-.383.658-.255 1.179-.592 1.56-1.01.381-.418.641-.888.78-1.41.138-.522.208-1.05.208-1.584 0-.627-.099-1.207-.295-1.741a3.718 3.718 0 00-.901-1.393c-.405-.394-.924-.708-1.56-.94-.636-.232-1.404-.348-2.305-.348h-5.546v8.81zm0 4.248v8.113h-4.87V10.92h11.567c1.3 0 2.49.215 3.57.644 1.08.43 2.004 1.033 2.77 1.81a8.287 8.287 0 011.794 2.787c.43 1.079.645 2.257.645 3.534 0 .952-.128 1.874-.383 2.768-.256.894-.61 1.7-1.063 2.42a7.32 7.32 0 01-1.672 1.863 5.929 5.929 0 01-2.178 1.096l6.339 8.566h-5.808l-5.893-8.113h-4.818z"
-  }), React__default.createElement("g", {
+  }), React__default["default"].createElement("g", {
     fill: "#FF5959"
-  }, React__default.createElement("path", {
+  }, React__default["default"].createElement("path", {
     d: "M141.051 23.448h5.628c4.185 0 5.989-1.984 5.989-4.942 0-2.742-1.515-4.618-5.989-4.618h-5.628v9.56zm0 3.067v9.776h-3.571V10.75h9.632c6.674 0 9.127 3.211 9.127 7.54 0 4.979-3.102 8.226-9.2 8.226h-5.988zM169.695 28.715c-1.371-.288-2.958-.505-4.401-.505-2.85 0-4.041 1.263-4.041 3.139s1.407 2.706 3.463 2.706c2.49 0 4.979-1.443 4.979-4.221v-1.119zm-4.293-2.958c1.551 0 3.174.253 4.293.469v-.83c0-2.525-1.154-3.896-4.33-3.896-2.164 0-3.824.866-4.942 2.092l-2.02-2.272c1.732-1.66 3.644-2.598 7.07-2.598 5.052 0 7.469 1.876 7.469 7.215v10.354h-3.211V34.02h-.108c-1.082 1.767-3.211 2.705-5.592 2.705-3.32 0-6.241-1.66-6.241-5.303 0-3.103 1.912-5.664 7.612-5.664zM178.965 19.191h3.211v2.886h.108c.938-1.984 2.922-3.355 5.231-3.355.47 0 .938.036 1.335.144l-.144 3.14a6.77 6.77 0 00-1.552-.181c-3.246 0-4.798 2.633-4.798 5.483v8.983h-3.39v-17.1zM199.961 36.291h-1.912c-4.004 0-5.988-.938-5.988-5.772v-8.55h-2.778V19.19h2.778v-4.654h3.355v4.654h4.473v2.778h-4.473v7.973c0 3.427 1.587 3.535 3.319 3.535h1.226v2.814zM219.767 36.291h-3.391V26.84c0-2.778-1.083-5.375-4.257-5.375-3.14 0-5.268 2.597-5.268 6.169v8.658h-3.391v-17.1h3.32v2.814h.143c.794-1.623 3.067-3.283 5.99-3.283 4.941 0 6.854 3.644 6.854 8.081v9.488zM227.847 26.262h10.57c0-2.597-2.272-4.726-5.087-4.726-2.922 0-5.014 1.948-5.483 4.726zm-.036 2.453c.397 3.355 2.633 5.195 5.844 5.195 2.778 0 4.618-1.623 5.484-2.67l2.164 1.804c-1.37 1.913-4.365 3.716-8.045 3.716-4.942 0-8.73-3.535-8.73-8.55 0-5.195 3.752-9.488 8.983-9.488 5.303 0 8.009 4.365 8.009 8.19 0 .649-.036 1.226-.072 1.803H227.81zM246.245 19.191h3.21v2.886h.109c.938-1.984 2.922-3.355 5.231-3.355.469 0 .938.036 1.335.144l-.145 3.14a6.77 6.77 0 00-1.551-.181c-3.247 0-4.798 2.633-4.798 5.483v8.983h-3.391v-17.1z"
   }))));
 };
@@ -246,10 +261,10 @@ var EnturPartnerLogo = function EnturPartnerLogo(_ref2) {
       Component = _ref2$as === void 0 ? 'nav' : _ref2$as,
       className = _ref2.className,
       altText = _ref2.altText;
-  var classList = cx(['eps-logo-wrapper', className]);
-  return React__default.createElement(Component, {
+  var classList = cx__default["default"](['eps-logo-wrapper', className]);
+  return React__default["default"].createElement(Component, {
     className: classList
-  }, React__default.createElement(EnturPartnerLogoSvg, {
+  }, React__default["default"].createElement(EnturPartnerLogoSvg, {
     title: altText,
     className: "logo"
   }));
@@ -260,8 +275,8 @@ var Menu = function Menu(_ref) {
       Component = _ref$as === void 0 ? 'nav' : _ref$as,
       className = _ref.className,
       children = _ref.children;
-  var classList = cx(['eds-contrast', 'eps-menu', className]);
-  return React__default.createElement(Component, {
+  var classList = cx__default["default"](['eds-contrast', 'eps-menu', className]);
+  return React__default["default"].createElement(Component, {
     className: classList
   }, children);
 };
@@ -271,12 +286,13 @@ var Content = function Content(_ref) {
       Component = _ref$as === void 0 ? 'main' : _ref$as,
       className = _ref.className,
       children = _ref.children;
-  var classList = cx(['eps-content', className]);
-  return React__default.createElement(Component, {
+  var classList = cx__default["default"](['eps-content', className]);
+  return React__default["default"].createElement(Component, {
     className: classList
   }, children);
 };
 
+var _excluded$c = ["className", "children", "userName", "open", "onOpenChange"];
 var UserMenu = function UserMenu(_ref) {
   var className = _ref.className,
       messages = _ref.messages,
@@ -285,66 +301,66 @@ var UserMenu = function UserMenu(_ref) {
       onShowGdprDialog = _ref.onShowGdprDialog,
       userName = _ref.userName,
       language = _ref.language;
-  var triggerClassList = cx(['eps-user-menu__trigger-button', className]);
+  var triggerClassList = cx__default["default"](['eps-user-menu__trigger-button', className]);
 
   var _useState = React.useState(false),
       open = _useState[0],
       setOpen = _useState[1];
 
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     id: "eps-user-menu"
-  }, React__default.createElement(CustomOverflowMenu, {
+  }, React__default["default"].createElement(CustomOverflowMenu, {
     open: open,
     onOpenChange: setOpen,
     className: triggerClassList,
     userName: userName
-  }, React__default.createElement("div", {
+  }, React__default["default"].createElement("div", {
     id: "eps-overflow-menu"
-  }, React__default.createElement(CustomOverflowMenuItem, {
+  }, React__default["default"].createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onShowGdprDialog();
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default.createElement("span", {
+  }, React__default["default"].createElement("span", {
     "aria-hidden": true
-  }, React__default.createElement(icons.PrivacyIcon, {
+  }, React__default["default"].createElement(icons.PrivacyIcon, {
     size: "1rem",
     inline: true
-  })), messages.termsAndConditions), language === 'en' ? React__default.createElement(CustomOverflowMenuItem, {
+  })), messages.termsAndConditions), language === 'en' ? React__default["default"].createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLanguageChange('nb');
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default.createElement("span", {
+  }, React__default["default"].createElement("span", {
     "aria-hidden": true,
     className: "eps-overflow-menu__icon-margin"
-  }, React__default.createElement(icons.NorwayIcon, {
+  }, React__default["default"].createElement(icons.NorwayIcon, {
     size: "1rem",
     inline: true
-  })), messages.switchLanguage) : React__default.createElement(CustomOverflowMenuItem, {
+  })), messages.switchLanguage) : React__default["default"].createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLanguageChange('en');
       setOpen(false);
     },
     className: "eps-overflow-menu__item"
-  }, React__default.createElement("span", {
+  }, React__default["default"].createElement("span", {
     "aria-hidden": true,
     className: "eps-overflow-menu__icon-margin"
-  }, React__default.createElement(icons.UKIcon, {
+  }, React__default["default"].createElement(icons.UKIcon, {
     size: "1rem",
     inline: true
-  })), messages.switchLanguage), React__default.createElement(CustomOverflowMenuItem, {
+  })), messages.switchLanguage), React__default["default"].createElement(CustomOverflowMenuItem, {
     onClick: function onClick() {
       onLogout();
       setOpen(false);
     },
     "data-testid": "user-menu-logout",
     className: "eps-overflow-menu__item"
-  }, React__default.createElement("span", {
+  }, React__default["default"].createElement("span", {
     "aria-hidden": true
-  }, React__default.createElement(icons.UploadIcon, {
+  }, React__default["default"].createElement(icons.UploadIcon, {
     size: "1rem",
     inline: true,
     style: {
@@ -359,18 +375,18 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
       userName = _ref2.userName,
       open = _ref2.open,
       onOpenChange = _ref2.onOpenChange,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["className", "children", "userName", "open", "onOpenChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
 
-  var overflowItemsClasses = cx('eps-overflow-menu__group', {
+  var overflowItemsClasses = cx__default["default"]('eps-overflow-menu__group', {
     'eps-overflow-menu__group--open': open
   });
-  var overflowContentRef = React__default.useRef(null);
-  var overflowMenuTriggerRef = React__default.useRef(null);
+  var overflowContentRef = React__default["default"].useRef(null);
+  var overflowMenuTriggerRef = React__default["default"].useRef(null);
   useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
     return onOpenChange(false);
   });
-  return React__default.createElement("div", null, React__default.createElement(button.SecondaryButton, Object.assign({
-    className: cx('eps-overflow-menu__button', className),
+  return React__default["default"].createElement("div", null, React__default["default"].createElement(button.SecondaryButton, _extends({
+    className: cx__default["default"]('eps-overflow-menu__button', className),
     onClick: function onClick() {
       return onOpenChange(open ? false : true);
     },
@@ -378,20 +394,20 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
     role: "button",
     "aria-expanded": open,
     ref: overflowMenuTriggerRef
-  }, rest), React__default.createElement("div", {
+  }, rest), React__default["default"].createElement("div", {
     className: "eps-overflow-menu__button-contents"
-  }, React__default.createElement("span", {
+  }, React__default["default"].createElement("span", {
     className: "eds-overflow-menu__user-icon"
-  }, React__default.createElement(icons.UserIcon, {
+  }, React__default["default"].createElement(icons.UserIcon, {
     inline: true
-  })), React__default.createElement(typography.Heading6, {
+  })), React__default["default"].createElement(typography.Heading6, {
     margin: "none",
     as: "span"
-  }, userName), React__default.createElement("span", {
+  }, userName), React__default["default"].createElement("span", {
     className: "eps-arrow-icon"
-  }, React__default.createElement(icons.DownArrowIcon, {
+  }, React__default["default"].createElement(icons.DownArrowIcon, {
     inline: true
-  })))), open && React__default.createElement("div", {
+  })))), open && React__default["default"].createElement("div", {
     className: overflowItemsClasses,
     role: "menu",
     ref: overflowContentRef
@@ -399,8 +415,8 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
 };
 
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
-  return React__default.createElement("button", Object.assign({
-    className: cx(props.className, 'eps-overflow-menu__item'),
+  return React__default["default"].createElement("button", _extends({
+    className: cx__default["default"](props.className, 'eps-overflow-menu__item'),
     role: "menuitem"
   }, props));
 };
@@ -430,7 +446,7 @@ function elementContainsEventTarget(element, event) {
 }
 
 function useOutsideClick(ref, buttonRef, handler) {
-  React__default.useEffect(function () {
+  React__default["default"].useEffect(function () {
     var listener = function listener(event) {
       if (elementContainsEventTarget(ref.current, event) || elementContainsEventTarget(buttonRef.current, event)) {
         return;
@@ -448,17 +464,18 @@ function useOutsideClick(ref, buttonRef, handler) {
   }, [ref, buttonRef, handler]);
 }
 
+var _excluded$b = ["label", "organisations", "onChange", "selectedOrganisationId"];
 var OrganisationDropDown = function OrganisationDropDown(_ref) {
   var label = _ref.label,
       organisations = _ref.organisations,
       handleChange = _ref.onChange,
       selectedOrganisationId = _ref.selectedOrganisationId,
-      rest = _objectWithoutPropertiesLoose(_ref, ["label", "organisations", "onChange", "selectedOrganisationId"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   var selectedOrganisation = organisations.find(function (org) {
     return org.id === selectedOrganisationId;
   });
-  return React__default.createElement(dropdown.Dropdown, Object.assign({
+  return React__default["default"].createElement(dropdown.Dropdown, _extends({
     label: label,
     searchable: true,
     clearable: true,
@@ -483,6 +500,7 @@ var OrganisationDropDown = function OrganisationDropDown(_ref) {
   }, rest));
 };
 
+/*global EventListener WindowEventHandlers*/
 function useEventListener(eventName, handler, element) {
   if (element === void 0) {
     element = window;
@@ -507,17 +525,18 @@ function useEventListener(eventName, handler, element) {
   }, [eventName, element]);
 }
 
+var _excluded$a = ["language", "options", "className", "onChange"];
 var LanguageSelect = function LanguageSelect(_ref) {
   var language = _ref.language,
       options = _ref.options,
       className = _ref.className,
       _onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["language", "options", "className", "onChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
-  var classNames = cx('eps-language-select', className);
-  return React__default.createElement("div", Object.assign({}, rest, {
+  var classNames = cx__default["default"]('eps-language-select', className);
+  return React__default["default"].createElement("div", _extends({}, rest, {
     className: classNames
-  }), React__default.createElement(form.SegmentedControl, {
+  }), React__default["default"].createElement(form.SegmentedControl, {
     onChange: function onChange(language) {
       util.assertIsDefined(language);
 
@@ -525,15 +544,16 @@ var LanguageSelect = function LanguageSelect(_ref) {
     },
     selectedValue: language
   }, options.map(function (option) {
-    return React__default.createElement(form.SegmentedChoice, {
+    return React__default["default"].createElement(form.SegmentedChoice, {
       key: option.value,
       value: option.value
-    }, option.label, option.required && React__default.createElement("span", {
+    }, option.label, option.required && React__default["default"].createElement("span", {
       className: "asterisk-margin"
     }, '*'));
   })));
 };
 
+var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
 var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   var title = _ref.title,
       InputComponent = _ref.inputComponent,
@@ -543,7 +563,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
       name = _ref.name,
       variant = _ref.variant,
       feedback = _ref.feedback,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   var handleOnChange = function handleOnChange(language, value) {
     var changes = _extends({}, values);
@@ -557,7 +577,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
     onChange(changes);
   };
 
-  return React__default.createElement(expand.ExpandablePanel, {
+  return React__default["default"].createElement(expand.ExpandablePanel, {
     title: title,
     defaultOpen: true,
     contentStyle: {
@@ -565,13 +585,13 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
       marginTop: '16px',
       marginBottom: '16px'
     }
-  }, React__default.createElement(Stack, {
+  }, React__default["default"].createElement(Stack, {
     space: "medium"
   }, languages.map(function (_ref2) {
     var langKey = _ref2.value,
         label = _ref2.label,
         required = _ref2.required;
-    return React__default.createElement(InputComponent, Object.assign({
+    return React__default["default"].createElement(InputComponent, _extends({
       "data-testid": "multi-lang-input-" + name + "-" + langKey,
       key: title + langKey,
       label: required ? label + '*' : label,
@@ -586,6 +606,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   })));
 };
 
+var _excluded$8 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
 /**
  * @deprecated use ExpandableMultiLanguageInput
  */
@@ -605,13 +626,13 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
       label = _ref$label === void 0 ? '' : _ref$label,
       _ref$onBlur = _ref.onBlur,
       onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   var _useState = React.useState(defaultLanguage),
       language = _useState[0],
       setLanguage = _useState[1];
 
-  var classNames = cx('multi-language-input', className);
+  var classNames = cx__default["default"]('multi-language-input', className);
   var currentValue = values[language];
 
   var handleOnBlur = function handleOnBlur(e) {
@@ -640,20 +661,20 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
     onChange(changes);
   };
 
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: classNames,
     tabIndex: 0,
     onBlur: handleOnBlur,
     "data-testid": "multi-lang-input-" + name
-  }, React__default.createElement(Stack, {
+  }, React__default["default"].createElement(Stack, {
     space: "extraSmall"
-  }, React__default.createElement(LanguageSelect, {
+  }, React__default["default"].createElement(LanguageSelect, {
     language: language,
     options: languages,
     onChange: function onChange(lang) {
       return handleLanguageChange(lang);
     }
-  }), React__default.createElement(InputComponent, Object.assign({
+  }), React__default["default"].createElement(InputComponent, _extends({
     label: label,
     variant: alertLevel,
     feedback: alertLabel,
@@ -666,15 +687,16 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   }, rest))));
 };
 
+var _excluded$7 = ["children", "className"];
 var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
-  return React__default.createElement(button.Button, Object.assign({
+  return React__default["default"].createElement(button.Button, _extends({
     variant: "primary"
   }, rest, {
-    className: cx('eps-unbutton', className)
+    className: cx__default["default"]('eps-unbutton', className)
   }), children);
 };
 
@@ -704,6 +726,10 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
   var _proto = ErrorBoundary.prototype;
 
   _proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
+    var _this$props$handleErr, _this$props;
+
+    // React always logs in development
+    (_this$props$handleErr = (_this$props = this.props).handleError) == null ? void 0 : _this$props$handleErr.call(_this$props, error, errorInfo);
   };
 
   _proto.render = function render() {
@@ -735,55 +761,59 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
   return ErrorBoundary;
 }(React.Component);
 
+var _excluded$6 = ["date", "locale", "as", "hideTime"];
 var FormatDateTime = function FormatDateTime(_ref) {
   var date = _ref.date,
       locale = _ref.locale,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'main' : _ref$as,
       hideTime = _ref.hideTime,
-      rest = _objectWithoutPropertiesLoose(_ref, ["date", "locale", "as", "hideTime"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
-  return React__default.createElement(Component, Object.assign({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
+  return React__default["default"].createElement(Component, _extends({}, rest), hideTime ? util.localeDate(date, locale) : util.localeDateTime(date, locale));
 };
 
+var _excluded$5 = ["amount", "as"];
 var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
   var amount = _ref.amount,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["amount", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var parsedAmount = Number(amount) || 0;
   var formattedAmount = new Intl.NumberFormat('nb-NO', {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   }).format(parsedAmount);
-  return React__default.createElement(Component, Object.assign({}, rest), formattedAmount);
+  return React__default["default"].createElement(Component, _extends({}, rest), formattedAmount);
 };
 
+var _excluded$4 = ["items", "locale", "className"];
 var AuditInfo = function AuditInfo(_ref) {
   var items = _ref.items,
       locale = _ref.locale,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["items", "locale", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
-  var classNames = cx('ep-audit-info', className);
-  return React__default.createElement("div", Object.assign({
+  var classNames = cx__default["default"]('ep-audit-info', className);
+  return React__default["default"].createElement("div", _extends({
     className: classNames
   }, rest), items.map(function (_ref2, i) {
     var label = _ref2.label,
         value = _ref2.value;
-    return React__default.createElement(Stack, {
+    return React__default["default"].createElement(Stack, {
       space: "small",
       key: i
-    }, React__default.createElement("div", {
+    }, React__default["default"].createElement("div", {
       className: "ep-audit-info-label"
-    }, label), React__default.createElement("div", null, util.isDate(value) || util.isDateString(value) ? React__default.createElement(FormatDateTime, {
+    }, label), React__default["default"].createElement("div", null, util.isDate(value) || util.isDateString(value) ? React__default["default"].createElement(FormatDateTime, {
       date: value,
       locale: locale
-    }) : React__default.createElement("span", null, value)));
+    }) : React__default["default"].createElement("span", null, value)));
   }));
 };
 
+var _excluded$3 = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
 var ConfirmModal = function ConfirmModal(_ref) {
   var _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -796,29 +826,30 @@ var ConfirmModal = function ConfirmModal(_ref) {
       messages = _ref.messages,
       onClose = _ref.onClose,
       onDismiss = _ref.onDismiss,
-      rest = _objectWithoutPropertiesLoose(_ref, ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var childrenToRender = children ? children : message;
   var handleDismiss = onClose ? onClose : onDismiss;
-  return React__default.createElement(modal.Modal, Object.assign({
+  return React__default["default"].createElement(modal.Modal, _extends({
     size: size,
     open: isOpen,
     onDismiss: handleDismiss
-  }, rest), util.isString(childrenToRender) ? React__default.createElement(typography.Paragraph, null, childrenToRender) : React__default.createElement(Box, {
+  }, rest), util.isString(childrenToRender) ? React__default["default"].createElement(typography.Paragraph, null, childrenToRender) : React__default["default"].createElement(Box, {
     paddingBottom: "medium"
-  }, childrenToRender), React__default.createElement(button.ButtonGroup, null, onConfirm ? React__default.createElement(React__default.Fragment, null, React__default.createElement(button.SecondaryButton, {
+  }, childrenToRender), React__default["default"].createElement(button.ButtonGroup, null, onConfirm ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(button.SecondaryButton, {
     onClick: handleDismiss,
     "data-testid": "cancel-modal-button"
-  }, messages.cancel), React__default.createElement(button.PrimaryButton, {
+  }, messages.cancel), React__default["default"].createElement(button.PrimaryButton, {
     onClick: onConfirm,
     "data-testid": "confirm-modal-button"
   }, messages.confirm)) : buttons));
 };
 
+var _excluded$2 = ["children", "shouldBlockNavigation"];
 var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
   var children = _ref.children,
       shouldBlockNavigation = _ref.shouldBlockNavigation,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "shouldBlockNavigation"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
   var history = reactRouterDom.useHistory();
 
@@ -848,9 +879,9 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
     history.push(lastLocation.pathname);
   };
 
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(reactRouterDom.Prompt, {
+  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(reactRouterDom.Prompt, {
     message: allowNavigation
-  }), React__default.createElement(ConfirmModal, Object.assign({
+  }), React__default["default"].createElement(ConfirmModal, _extends({
     onDismiss: closeModal,
     open: status === 'BLOCKED',
     onConfirm: handleConfirm
@@ -863,7 +894,7 @@ var Pager = function Pager(_ref) {
       _onPageChange = _ref.onPageChange,
       currentPage = _ref.currentPage;
   var pageCount = Math.ceil(collectionSize / pageSize);
-  return React__default.createElement(menu.Pagination, {
+  return React__default["default"].createElement(menu.Pagination, {
     pageCount: pageCount,
     currentPage: currentPage,
     onPageChange: function onPageChange(page) {
@@ -880,18 +911,18 @@ var StatusLabel = function StatusLabel(_ref) {
       aggressiveInactive = _ref.aggressiveInactive,
       showBullet = _ref.showBullet,
       center = _ref.center;
-  var bulletClassNames = cx('eps-status-label__bullet', {
+  var bulletClassNames = cx__default["default"]('eps-status-label__bullet', {
     active: active,
     aggressive: aggressiveInactive
   });
-  var statusLabelClassNames = cx('eps-status-label', {
+  var statusLabelClassNames = cx__default["default"]('eps-status-label', {
     center: center
   });
-  return React__default.createElement("div", {
+  return React__default["default"].createElement("div", {
     className: statusLabelClassNames
-  }, showBullet && React__default.createElement("div", {
+  }, showBullet && React__default["default"].createElement("div", {
     className: bulletClassNames
-  }), React__default.createElement("div", null, label));
+  }), React__default["default"].createElement("div", null, label));
 };
 
 /**
@@ -912,18 +943,19 @@ var PermissionCheck = function PermissionCheck(_ref) {
   var allIsAllowed = util.hasAllPermissions(all, permissions);
   var oneOfIsAllowed = util.hasOneOfPermissions(oneOf, permissions);
   var allowed = allIsAllowed && oneOfIsAllowed;
-  return React__default.createElement(React__default.Fragment, null, allowed ? children : fallback);
+  return React__default["default"].createElement(React__default["default"].Fragment, null, allowed ? children : fallback);
 };
 
+var _excluded$1 = ["children", "actualPermissions", "all", "oneOf", "onReject"];
 var PermissionCheckedRoute = function PermissionCheckedRoute(_ref) {
   var children = _ref.children,
       actualPermissions = _ref.actualPermissions,
       all = _ref.all,
       oneOf = _ref.oneOf,
       onReject = _ref.onReject,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "actualPermissions", "all", "oneOf", "onReject"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
-  var redirect = React__default.createElement(reactRouterDom.Redirect, {
+  var redirect = React__default["default"].createElement(reactRouterDom.Redirect, {
     to: {
       pathname: '/unauthorized',
       state: {
@@ -931,12 +963,12 @@ var PermissionCheckedRoute = function PermissionCheckedRoute(_ref) {
       }
     }
   });
-  return React__default.createElement(PermissionCheck, {
+  return React__default["default"].createElement(PermissionCheck, {
     permissions: actualPermissions,
     all: all,
     oneOf: oneOf,
     fallback: onReject ? onReject : redirect
-  }, React__default.createElement(reactRouterDom.Route, Object.assign({}, props), children));
+  }, React__default["default"].createElement(reactRouterDom.Route, _extends({}, props), children));
 };
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -966,13 +998,13 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     var isLast = i === breadcrumbs.length - 1;
 
     if (isLast) {
-      return React__default.createElement(menu.BreadcrumbItem, {
+      return React__default["default"].createElement(menu.BreadcrumbItem, {
         key: path,
         as: 'span'
       }, title);
     }
 
-    return React__default.createElement(menu.BreadcrumbItem, {
+    return React__default["default"].createElement(menu.BreadcrumbItem, {
       key: path,
       as: reactRouterDom.Link,
       to: path
@@ -980,18 +1012,19 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   });
 
   if (prependBreadcrumbItem) {
-    return React__default.createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
+    return React__default["default"].createElement(menu.BreadcrumbNavigation, null, [prependBreadcrumbItem].concat(breadcrumbElements));
   }
 
-  return React__default.createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
+  return React__default["default"].createElement(menu.BreadcrumbNavigation, null, breadcrumbElements);
 };
 
 var Link = function Link(props) {
-  return React__default.createElement(typography.Link, Object.assign({}, props, {
+  return React__default["default"].createElement(typography.Link, _extends({}, props, {
     as: reactRouterDom.Link
   }), props.children);
 };
 
+var _excluded = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
 var Text = function Text(_ref) {
   var _ref$as = _ref.as,
       component = _ref$as === void 0 ? 'span' : _ref$as,
@@ -1001,14 +1034,14 @@ var Text = function Text(_ref) {
       lineHeight = _ref.lineHeight,
       fontWeight = _ref.fontWeight,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var classes = [];
   fontSize && classes.push.apply(classes, responsiveProp('eps-font-size-', fontSize));
   lineHeight && classes.push.apply(classes, responsiveProp('eps-line-height-', lineHeight));
   fontWeight && classes.push('eps-font-weight-' + fontWeight);
-  var classList = cx(classes, className);
-  return React__default.createElement(Box, Object.assign({
+  var classList = cx__default["default"](classes, className);
+  return React__default["default"].createElement(Box, _extends({
     as: component,
     color: color,
     className: classList