@entur/menu 4.1.19 → 4.1.21

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", {
@@ -28,26 +28,32 @@ function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
+
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
+
     return target;
   };
+
   return _extends.apply(this, arguments);
 }
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
+
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
+
   return target;
 }
 
@@ -55,9 +61,10 @@ 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)
@@ -76,13 +83,15 @@ 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'
@@ -90,18 +99,21 @@ 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);
@@ -113,24 +125,26 @@ 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
@@ -160,16 +174,19 @@ 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 () {
@@ -178,11 +195,13 @@ var useShowDelayedLabel = function useShowDelayedLabel(isCollapsed) {
         setShowLabel(false);
       }, hideDelay);
     }
+
     if (!isCollapsed) {
       setTimeout(function () {
         setShowLabel(true);
       }, showDelay);
     }
+
     return function () {
       return undefined;
     };
@@ -191,37 +210,46 @@ 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({
@@ -235,7 +263,8 @@ 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,
@@ -246,11 +275,12 @@ 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) {
@@ -259,11 +289,13 @@ 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,
@@ -271,6 +303,7 @@ var SideNavigationItem = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       ref: ref
     }, rest), label);
   }
+
   var isExpanded = forceExpandSubMenus || isActiveRecursively({
     props: {
       children: children,
@@ -289,25 +322,29 @@ 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", {
@@ -331,10 +368,11 @@ 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, {
@@ -345,12 +383,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
@@ -368,29 +406,35 @@ 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));
@@ -398,11 +442,14 @@ 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,
@@ -421,15 +468,16 @@ 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')
@@ -449,12 +497,13 @@ 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
@@ -467,12 +516,13 @@ 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', {
@@ -487,41 +537,44 @@ 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;
@@ -530,6 +583,7 @@ 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;
@@ -543,9 +597,11 @@ 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", {
@@ -606,6 +662,7 @@ var Pagination = function Pagination(_ref) {
     id: paginationId
   }, currentPageLabelForScreenreader, " ", currentPage));
 };
+
 var Ellipsis = function Ellipsis() {
   return React.createElement("span", {
     className: "eds-pagination__ellipsis",
@@ -616,14 +673,15 @@ 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)
@@ -656,7 +714,7 @@ var Stepper = function Stepper(_ref) {
       }, {
         'eds-stepper__item__label--active': isActive
       })
-    }, showStepperIndex && i + 1 + '. ' + step));
+    }, showStepperIndex && i + 1 + '.', " ", step));
   }));
 };