@entur/menu 4.1.23 → 4.1.25

package/dist/menu.esm.js

@@ -11,8 +11,8 @@ import { IconButton } from '@entur/button';
 
 var BreadcrumbNavigation = function BreadcrumbNavigation(_ref) {
   var _ref$ariaLabel = _ref['aria-label'],
-      ariaLabel = _ref$ariaLabel === void 0 ? 'Brødsmulesti' : _ref$ariaLabel,
-      children = _ref.children;
+    ariaLabel = _ref$ariaLabel === void 0 ? 'Brødsmulesti' : _ref$ariaLabel,
+    children = _ref.children;
   return React.createElement("nav", {
     "aria-label": ariaLabel
   }, React.createElement("ol", {
@@ -25,35 +25,29 @@ var BreadcrumbNavigation = function BreadcrumbNavigation(_ref) {
 };
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
@@ -61,10 +55,9 @@ var _excluded$8 = ["className", "isCurrent", "as"];
 var defaultElement$1 = 'a';
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var className = _ref.className,
-      isCurrent = _ref.isCurrent,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
+    isCurrent = _ref.isCurrent,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var Element = as || defaultElement$1;
   return React.createElement(React.Fragment, null, React.createElement("li", {
     className: classNames('eds-breadcrumb__item', className)
@@ -83,15 +76,13 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
 var _excluded$7 = ["className", "children", "size"];
 var SideNavigation = function SideNavigation(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   if (!children || !React.Children.count(children)) {
     return null;
   }
-
   return React.createElement("ul", _extends({
     className: classNames('eds-side-navigation', {
       'eds-side-navigation--small': size === 'small'
@@ -99,21 +90,18 @@ var SideNavigation = function SideNavigation(_ref) {
   }, rest), children);
 };
 /** This is required to check that the Menu */
-
 SideNavigation.__IS_ENTUR_MENU__ = true;
 
 function useControllableProp(_ref) {
   var prop = _ref.prop,
-      _ref$updater = _ref.updater,
-      updater = _ref$updater === void 0 ? function () {
-    return undefined;
-  } : _ref$updater,
-      defaultValue = _ref.defaultValue;
-
+    _ref$updater = _ref.updater,
+    updater = _ref$updater === void 0 ? function () {
+      return undefined;
+    } : _ref$updater,
+    defaultValue = _ref.defaultValue;
   var _useState = useState(defaultValue),
-      internalState = _useState[0],
-      setInternalState = _useState[1];
-
+    internalState = _useState[0],
+    setInternalState = _useState[1];
   useEffect(function () {
     if (prop !== undefined) {
       setInternalState(prop);
@@ -125,26 +113,24 @@ function useControllableProp(_ref) {
 var _excluded$6 = ["className", "children", "size", "collapsed", "onCollapseToggle", "collapsibleButtonPosition", "openSideMenuAriaLabel", "closeSideMenuAriaLabel"];
 var CollapsibleSideNavigation = function CollapsibleSideNavigation(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      size = _ref.size,
-      collapsible = _ref.collapsed,
-      onCollapseToggle = _ref.onCollapseToggle,
-      _ref$collapsibleButto = _ref.collapsibleButtonPosition,
-      collapsibleButtonPosition = _ref$collapsibleButto === void 0 ? '50%' : _ref$collapsibleButto,
-      _ref$openSideMenuAria = _ref.openSideMenuAriaLabel,
-      openSideMenuAriaLabel = _ref$openSideMenuAria === void 0 ? 'Åpne sidemeny' : _ref$openSideMenuAria,
-      _ref$closeSideMenuAri = _ref.closeSideMenuAriaLabel,
-      closeSideMenuAriaLabel = _ref$closeSideMenuAri === void 0 ? 'Lukk sidemeny' : _ref$closeSideMenuAri,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
+    children = _ref.children,
+    size = _ref.size,
+    collapsible = _ref.collapsed,
+    onCollapseToggle = _ref.onCollapseToggle,
+    _ref$collapsibleButto = _ref.collapsibleButtonPosition,
+    collapsibleButtonPosition = _ref$collapsibleButto === void 0 ? '50%' : _ref$collapsibleButto,
+    _ref$openSideMenuAria = _ref.openSideMenuAriaLabel,
+    openSideMenuAriaLabel = _ref$openSideMenuAria === void 0 ? 'Åpne sidemeny' : _ref$openSideMenuAria,
+    _ref$closeSideMenuAri = _ref.closeSideMenuAriaLabel,
+    closeSideMenuAriaLabel = _ref$closeSideMenuAri === void 0 ? 'Lukk sidemeny' : _ref$closeSideMenuAri,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useControllableProp = useControllableProp({
-    prop: collapsible,
-    defaultValue: false,
-    updater: onCollapseToggle
-  }),
-      collapsedMenu = _useControllableProp[0],
-      setCollapsedMenu = _useControllableProp[1];
-
+      prop: collapsible,
+      defaultValue: false,
+      updater: onCollapseToggle
+    }),
+    collapsedMenu = _useControllableProp[0],
+    setCollapsedMenu = _useControllableProp[1];
   return React.createElement(SideNavigationContext.Provider, {
     value: {
       isCollapsed: collapsedMenu
@@ -174,19 +160,16 @@ var SideNavigationContext = /*#__PURE__*/React.createContext({
 });
 var useSideNavigationContext = function useSideNavigationContext() {
   var context = React.useContext(SideNavigationContext);
-
   if (!context) {
     console.error('Error reading SideNavigationContext. Please contact maintainer of @entur/menu');
   }
-
   return context;
 };
 
 var useShowDelayedLabel = function useShowDelayedLabel(isCollapsed) {
   var _useState = useState(true),
-      showLabel = _useState[0],
-      setShowLabel = _useState[1];
-
+    showLabel = _useState[0],
+    setShowLabel = _useState[1];
   var hideDelay = 50;
   var showDelay = 200;
   useEffect(function () {
@@ -195,13 +178,11 @@ var useShowDelayedLabel = function useShowDelayedLabel(isCollapsed) {
         setShowLabel(false);
       }, hideDelay);
     }
-
     if (!isCollapsed) {
       setTimeout(function () {
         setShowLabel(true);
       }, showDelay);
     }
-
     return function () {
       return undefined;
     };
@@ -210,46 +191,37 @@ var useShowDelayedLabel = function useShowDelayedLabel(isCollapsed) {
 };
 
 var _excluded$5 = ["className", "active", "subMenu", "icon", "children", "as"],
-    _excluded2$1 = ["children"],
-    _excluded3$1 = ["active", "disabled", "children", "forceExpandSubMenus", "as"];
-
+  _excluded2$1 = ["children"],
+  _excluded3$1 = ["active", "disabled", "children", "forceExpandSubMenus", "as"];
 function isActiveRecursively(child) {
   if (!child.props) {
     return false;
   }
-
   if (child.props.active) {
     return true;
   }
-
   if (!child.props.children) {
     return false;
   }
-
   return React.Children.toArray(child.props.children).some(function (child) {
     return isActiveRecursively(child);
   });
 }
-
 var defaultElementBaseItem = 'a';
 var BaseSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      subMenu = _ref.subMenu,
-      icon = _ref.icon,
-      children = _ref.children,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    subMenu = _ref.subMenu,
+    icon = _ref.icon,
+    children = _ref.children,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var Element = as || defaultElementBaseItem;
-
   var _useSideNavigationCon = useSideNavigationContext(),
-      isCollapsed = _useSideNavigationCon.isCollapsed;
-
+    isCollapsed = _useSideNavigationCon.isCollapsed;
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
-      showLabel = _useShowDelayedLabel[0];
-
+    showLabel = _useShowDelayedLabel[0];
   return React.createElement("li", {
     className: classNames('eds-side-navigation__item', className)
   }, React.createElement(Element, _extends({
@@ -263,8 +235,7 @@ var BaseSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref, ref)
 });
 var DisabledSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2$1);
   return React.createElement(BaseSideNavigationItem, _extends({
     as: "button",
     disabled: true,
@@ -275,12 +246,11 @@ var DisabledSideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref2,
 var defaultElementItem = 'a';
 var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var active = _ref3.active,
-      disabled = _ref3.disabled,
-      children = _ref3.children,
-      forceExpandSubMenus = _ref3.forceExpandSubMenus,
-      as = _ref3.as,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
-
+    disabled = _ref3.disabled,
+    children = _ref3.children,
+    forceExpandSubMenus = _ref3.forceExpandSubMenus,
+    as = _ref3.as,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
   var Element = as || defaultElementItem;
   var childrenArray = React.Children.toArray(children);
   var subMenu = childrenArray.find(function (child) {
@@ -289,13 +259,11 @@ var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var label = subMenu ? childrenArray.filter(function (child) {
     return child !== subMenu;
   }) : children;
-
   if (disabled) {
     return React.createElement(DisabledSideNavigationItem, _extends({
       ref: ref
     }, rest), label);
   }
-
   if (!subMenu) {
     return React.createElement(BaseSideNavigationItem, _extends({
       as: Element,
@@ -303,7 +271,6 @@ var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       ref: ref
     }, rest), label);
   }
-
   var isExpanded = forceExpandSubMenus || isActiveRecursively({
     props: {
       children: children,
@@ -322,29 +289,25 @@ var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
 var _excluded$4 = ["defaultOpen", "open", "onToggle", "className", "children", "title", "icon"];
 var SideNavigationGroup = function SideNavigationGroup(_ref) {
   var _ref$defaultOpen = _ref.defaultOpen,
-      defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-      open = _ref.open,
-      onToggle = _ref.onToggle,
-      className = _ref.className,
-      children = _ref.children,
-      title = _ref.title,
-      icon = _ref.icon,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    open = _ref.open,
+    onToggle = _ref.onToggle,
+    className = _ref.className,
+    children = _ref.children,
+    title = _ref.title,
+    icon = _ref.icon,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var _useControllableProp = useControllableProp({
-    prop: open,
-    updater: onToggle,
-    defaultValue: defaultOpen
-  }),
-      isOpen = _useControllableProp[0],
-      setOpen = _useControllableProp[1];
-
+      prop: open,
+      updater: onToggle,
+      defaultValue: defaultOpen
+    }),
+    isOpen = _useControllableProp[0],
+    setOpen = _useControllableProp[1];
   var _useSideNavigationCon = useSideNavigationContext(),
-      isCollapsed = _useSideNavigationCon.isCollapsed;
-
+    isCollapsed = _useSideNavigationCon.isCollapsed;
   var _useShowDelayedLabel = useShowDelayedLabel(isCollapsed),
-      showLabel = _useShowDelayedLabel[0];
-
+    showLabel = _useShowDelayedLabel[0];
   return React.createElement("div", _extends({
     className: classNames('eds-side-navigation-group', className)
   }, rest), React.createElement("button", {
@@ -368,11 +331,10 @@ var _excluded$3 = ["active", "className", "as"];
 var defaultElement = 'a';
 var TopNavigationItem = function TopNavigationItem(_ref) {
   var _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      className = _ref.className,
-      as = _ref.as,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    active = _ref$active === void 0 ? false : _ref$active,
+    className = _ref.className,
+    as = _ref.as,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var Element = as || defaultElement;
   return React.createElement(Element, _extends({
     className: classNames(['eds-top-navigation-item', className, {
@@ -383,12 +345,12 @@ var TopNavigationItem = function TopNavigationItem(_ref) {
 
 var PaginationPage = function PaginationPage(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      selected = _ref.selected,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      ariaLabel = _ref['aria-label'],
-      ariaDescribedby = _ref['aria-describedby'];
+    className = _ref.className,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    ariaLabel = _ref['aria-label'],
+    ariaDescribedby = _ref['aria-describedby'];
   return React.createElement("button", {
     className: classNames('eds-pagination__page', {
       'eds-pagination__page--selected': selected
@@ -406,35 +368,29 @@ var PaginationPage = function PaginationPage(_ref) {
 
 var PaginationInput = function PaginationInput(_ref) {
   var currentPage = _ref.currentPage,
-      pageCount = _ref.pageCount,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? 'Gå til side' : _ref$label,
-      onPageChange = _ref.onPageChange;
-
+    pageCount = _ref.pageCount,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? 'Gå til side' : _ref$label,
+    onPageChange = _ref.onPageChange;
   var _React$useState = React.useState(String(currentPage)),
-      input = _React$useState[0],
-      setInput = _React$useState[1]; // If the currentPage prop changes, we want to reset the input field
-
-
+    input = _React$useState[0],
+    setInput = _React$useState[1];
+  // If the currentPage prop changes, we want to reset the input field
   React.useEffect(function () {
     setInput(String(currentPage));
   }, [currentPage]);
-
   var handleSubmit = function handleSubmit(e) {
     e.preventDefault();
     e.stopPropagation();
     var pageNumber = Number(input);
-
     if (pageNumber === currentPage) {
       return;
     }
-
     if (Number.isNaN(pageNumber)) {
       pageNumber = currentPage;
       setInput(String(currentPage));
       return;
     }
-
     if (pageNumber > pageCount) {
       pageNumber = pageCount;
       setInput(String(pageCount));
@@ -442,14 +398,11 @@ var PaginationInput = function PaginationInput(_ref) {
       pageNumber = 1;
       setInput(String(1));
     }
-
     onPageChange(pageNumber);
   };
-
   var handleChange = function handleChange(e) {
     setInput(e.target.value);
   };
-
   return React.createElement("form", {
     onSubmit: handleSubmit,
     noValidate: true,
@@ -468,16 +421,15 @@ var PaginationInput = function PaginationInput(_ref) {
 };
 
 var _excluded$2 = ["children", "className", "button", "position"],
-    _excluded2 = ["children", "className", "onSelect", "disabled", "as"],
-    _excluded3 = ["children", "as", "className", "onSelect", "disabled"];
+  _excluded2 = ["children", "className", "onSelect", "disabled", "as"],
+  _excluded3 = ["children", "as", "className", "onSelect", "disabled"];
 var OverflowMenu = function OverflowMenu(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      button = _ref.button,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'right' : _ref$position,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    className = _ref.className,
+    button = _ref.button,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'right' : _ref$position,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return React.createElement("div", null, React.createElement(Menu, null, !button ? React.createElement(IconButton, _extends({
     as: MenuButton,
     className: classNames(className, 'eds-overflow-menu__menu-button')
@@ -497,13 +449,12 @@ var OverflowMenu = function OverflowMenu(_ref) {
 };
 var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      className = _ref2.className,
-      onSelect = _ref2.onSelect,
-      disabled = _ref2.disabled,
-      _ref2$as = _ref2.as,
-      as = _ref2$as === void 0 ? 'div' : _ref2$as,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    className = _ref2.className,
+    onSelect = _ref2.onSelect,
+    disabled = _ref2.disabled,
+    _ref2$as = _ref2.as,
+    as = _ref2$as === void 0 ? 'div' : _ref2$as,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return React.createElement(MenuItem, _extends({
     className: classNames('eds-overflow-menu__item', {
       'eds-overflow-menu__item--disabled': disabled
@@ -516,13 +467,12 @@ var OverflowMenuItem = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
 });
 var OverflowMenuLink = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var children = _ref3.children,
-      _ref3$as = _ref3.as,
-      as = _ref3$as === void 0 ? 'a' : _ref3$as,
-      className = _ref3.className,
-      onSelect = _ref3.onSelect,
-      disabled = _ref3.disabled,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+    _ref3$as = _ref3.as,
+    as = _ref3$as === void 0 ? 'a' : _ref3$as,
+    className = _ref3.className,
+    onSelect = _ref3.onSelect,
+    disabled = _ref3.disabled,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return React.createElement(MenuLink, _extends({
     as: as,
     className: classNames('eds-overflow-menu__item', {
@@ -537,44 +487,41 @@ var OverflowMenuLink = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
 var _excluded$1 = ["className", "currentPage", "inputLabel", "onPageChange", "pageCount", "pageLabel", "previousPageLabel", "currentPageLabelForScreenreader", "showInput", "numberOfResults", "resultsPerPage", "resultsPerPageOptions", "onResultsPerPageChange", "showNumberOfResultsLabel", "nextPageLabel", "showingResultsLabel", "hideNextButton", "hidePrevButton"];
 var Pagination = function Pagination(_ref) {
   var className = _ref.className,
-      currentPage = _ref.currentPage,
-      inputLabel = _ref.inputLabel,
-      onPageChange = _ref.onPageChange,
-      pageCount = _ref.pageCount,
-      _ref$pageLabel = _ref.pageLabel,
-      pageLabel = _ref$pageLabel === void 0 ? function (pageNumber) {
-    return "G\xE5 til side " + pageNumber;
-  } : _ref$pageLabel,
-      _ref$previousPageLabe = _ref.previousPageLabel,
-      previousPageLabel = _ref$previousPageLabe === void 0 ? 'Gå til forrige side' : _ref$previousPageLabe,
-      _ref$currentPageLabel = _ref.currentPageLabelForScreenreader,
-      currentPageLabelForScreenreader = _ref$currentPageLabel === void 0 ? 'Nåværende side:' : _ref$currentPageLabel,
-      showInput = _ref.showInput,
-      numberOfResults = _ref.numberOfResults,
-      resultsPerPage = _ref.resultsPerPage,
-      _ref$resultsPerPageOp = _ref.resultsPerPageOptions,
-      resultsPerPageOptions = _ref$resultsPerPageOp === void 0 ? [10, 25, 50] : _ref$resultsPerPageOp,
-      onResultsPerPageChange = _ref.onResultsPerPageChange,
-      _ref$showNumberOfResu = _ref.showNumberOfResultsLabel,
-      showNumberOfResultsLabel = _ref$showNumberOfResu === void 0 ? 'Vis' : _ref$showNumberOfResu,
-      _ref$nextPageLabel = _ref.nextPageLabel,
-      nextPageLabel = _ref$nextPageLabel === void 0 ? 'Gå til neste side' : _ref$nextPageLabel,
-      _ref$showingResultsLa = _ref.showingResultsLabel,
-      showingResultsLabel = _ref$showingResultsLa === void 0 ? function (minPage, maxPage, pageCount) {
-    return "Viser resultat " + minPage + " - " + maxPage + " av " + pageCount;
-  } : _ref$showingResultsLa,
-      _ref$hideNextButton = _ref.hideNextButton,
-      hideNextButton = _ref$hideNextButton === void 0 ? false : _ref$hideNextButton,
-      _ref$hidePrevButton = _ref.hidePrevButton,
-      hidePrevButton = _ref$hidePrevButton === void 0 ? false : _ref$hidePrevButton,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    currentPage = _ref.currentPage,
+    inputLabel = _ref.inputLabel,
+    onPageChange = _ref.onPageChange,
+    pageCount = _ref.pageCount,
+    _ref$pageLabel = _ref.pageLabel,
+    pageLabel = _ref$pageLabel === void 0 ? function (pageNumber) {
+      return "G\xE5 til side " + pageNumber;
+    } : _ref$pageLabel,
+    _ref$previousPageLabe = _ref.previousPageLabel,
+    previousPageLabel = _ref$previousPageLabe === void 0 ? 'Gå til forrige side' : _ref$previousPageLabe,
+    _ref$currentPageLabel = _ref.currentPageLabelForScreenreader,
+    currentPageLabelForScreenreader = _ref$currentPageLabel === void 0 ? 'Nåværende side:' : _ref$currentPageLabel,
+    showInput = _ref.showInput,
+    numberOfResults = _ref.numberOfResults,
+    resultsPerPage = _ref.resultsPerPage,
+    _ref$resultsPerPageOp = _ref.resultsPerPageOptions,
+    resultsPerPageOptions = _ref$resultsPerPageOp === void 0 ? [10, 25, 50] : _ref$resultsPerPageOp,
+    onResultsPerPageChange = _ref.onResultsPerPageChange,
+    _ref$showNumberOfResu = _ref.showNumberOfResultsLabel,
+    showNumberOfResultsLabel = _ref$showNumberOfResu === void 0 ? 'Vis' : _ref$showNumberOfResu,
+    _ref$nextPageLabel = _ref.nextPageLabel,
+    nextPageLabel = _ref$nextPageLabel === void 0 ? 'Gå til neste side' : _ref$nextPageLabel,
+    _ref$showingResultsLa = _ref.showingResultsLabel,
+    showingResultsLabel = _ref$showingResultsLa === void 0 ? function (minPage, maxPage, pageCount) {
+      return "Viser resultat " + minPage + " - " + maxPage + " av " + pageCount;
+    } : _ref$showingResultsLa,
+    _ref$hideNextButton = _ref.hideNextButton,
+    hideNextButton = _ref$hideNextButton === void 0 ? false : _ref$hideNextButton,
+    _ref$hidePrevButton = _ref.hidePrevButton,
+    hidePrevButton = _ref$hidePrevButton === void 0 ? false : _ref$hidePrevButton,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var isContrast = useContrast();
-
   var _useState = useState([]),
-      listedEntries = _useState[0],
-      setListedEntries = _useState[1];
-
+    listedEntries = _useState[0],
+    setListedEntries = _useState[1];
   var paginationId = useRandomId('eds-pagination');
   var isFirstPostSelected = currentPage === 1;
   var isLastPostSelected = currentPage === pageCount;
@@ -583,7 +530,6 @@ var Pagination = function Pagination(_ref) {
   var onlyTrailingEllipsis = !noEllipsis && pageCount - currentPage <= 3;
   useEffect(function () {
     if (pageCount < 1) return;
-
     if (noEllipsis) {
       setListedEntries(Array(pageCount).fill(null).map(function (_, i) {
         return i + 1;
@@ -597,11 +543,9 @@ var Pagination = function Pagination(_ref) {
       setListedEntries([1, '…', currentPage - 1, currentPage, currentPage + 1, '…', pageCount]);
     }
   }, [noEllipsis, onlyLeadingEllipsis, onlyTrailingEllipsis, currentPage, pageCount]);
-
   if (pageCount < 1) {
     return null;
   }
-
   return React.createElement("div", _extends({
     className: classNames('eds-pagination', className)
   }, rest), resultsPerPage && numberOfResults && React.createElement("div", {
@@ -662,7 +606,6 @@ var Pagination = function Pagination(_ref) {
     id: paginationId
   }, currentPageLabelForScreenreader, " ", currentPage));
 };
-
 var Ellipsis = function Ellipsis() {
   return React.createElement("span", {
     className: "eds-pagination__ellipsis",
@@ -673,15 +616,14 @@ var Ellipsis = function Ellipsis() {
 var _excluded = ["className", "onStepClick", "steps", "activeIndex", "interactive", "showStepperIndex"];
 var Stepper = function Stepper(_ref) {
   var className = _ref.className,
-      onStepClick = _ref.onStepClick,
-      steps = _ref.steps,
-      activeIndex = _ref.activeIndex,
-      _ref$interactive = _ref.interactive,
-      interactive = _ref$interactive === void 0 ? false : _ref$interactive,
-      _ref$showStepperIndex = _ref.showStepperIndex,
-      showStepperIndex = _ref$showStepperIndex === void 0 ? true : _ref$showStepperIndex,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onStepClick = _ref.onStepClick,
+    steps = _ref.steps,
+    activeIndex = _ref.activeIndex,
+    _ref$interactive = _ref.interactive,
+    interactive = _ref$interactive === void 0 ? false : _ref$interactive,
+    _ref$showStepperIndex = _ref.showStepperIndex,
+    showStepperIndex = _ref$showStepperIndex === void 0 ? true : _ref$showStepperIndex,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var Element = interactive ? 'button' : 'div';
   return React.createElement("div", _extends({
     className: classNames('eds-stepper', className)