@dnb/eufemia 10.2.0 → 10.3.0

package/es/components/pagination/Pagination.js

@@ -1,17 +1,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _InfinityScroller;
-
 const _excluded = ["align", "children", "className", "class", "disabled", "skeleton", "tagName", "page_count", "current_page", "startup_page", "mode", "hide_progress_indicator", "use_load_button", "currentPage"],
-      _excluded2 = ["children"],
-      _excluded3 = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -102,54 +97,44 @@ export default class Pagination extends React.PureComponent {
       internalContent: this.props.children
     }, this.props), React.createElement(PaginationInstance, this.props));
   }
-
 }
-
 _defineProperty(Pagination, "defaultProps", paginationDefaultProps);
-
 process.env.NODE_ENV !== "production" ? Pagination.propTypes = _objectSpread({}, paginationPropTypes) : void 0;
-
 class PaginationInstance extends React.PureComponent {
   constructor(props) {
     super(props);
     this._contentRef = React.createRef();
   }
-
   render() {
     const props = extendPropsWithContextInClassComponent(this.props, paginationDefaultProps, this.context.getTranslation(this.props).Pagination, this.context.Pagination);
-
     const {
-      align,
-      children,
-      className,
-      class: _className,
-      disabled: _disabled,
-      skeleton: _skeleton,
-      tagName: _tagName,
-      page_count: _page_count,
-      current_page: _current_page,
-      startup_page: _startup_page,
-      mode: _mode,
-      hide_progress_indicator: _hide_progress_indicator,
-      use_load_button: _use_load_button,
-      currentPage: _currentPage
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        align,
+        children,
+        className,
+        class: _className,
+        disabled: _disabled,
+        skeleton: _skeleton,
+        tagName: _tagName,
+        page_count: _page_count,
+        current_page: _current_page,
+        startup_page: _startup_page,
+        mode: _mode,
+        hide_progress_indicator: _hide_progress_indicator,
+        use_load_button: _use_load_button,
+        currentPage: _currentPage
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     const {
       currentPage,
       items,
       fallback_element,
       indicator_element
     } = this.context.pagination;
-
     if (this.context.pagination.mode === 'pagination') {
       var _items$find;
-
       const mainParams = _objectSpread({
         className: classnames('dnb-pagination', createSpacingClasses(props), className, _className, align && `dnb-pagination--${align}`)
       }, attributes);
-
       validateDOMAttributes(props, mainParams);
       const content = (_items$find = items.find(({
         pageNumber
@@ -162,42 +147,32 @@ class PaginationInstance extends React.PureComponent {
         indicator_element: indicator_element || fallback_element
       })));
     }
-
     return _InfinityScroller || (_InfinityScroller = React.createElement(InfinityScroller, null));
   }
-
 }
-
 _defineProperty(PaginationInstance, "defaultProps", paginationDefaultProps);
-
 _defineProperty(PaginationInstance, "contextType", PaginationContext);
-
 process.env.NODE_ENV !== "production" ? PaginationInstance.propTypes = _objectSpread({}, paginationPropTypes) : void 0;
 export class InfinityMarker extends React.PureComponent {
   render() {
     const _this$props = this.props,
-          {
-      children
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded2);
-
+      {
+        children
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded2);
     return React.createElement(PaginationProvider, _extends({
       useMarkerOnly: true,
       tagName: "dnb-infinity-marker"
     }, props), React.createElement(InfinityScroller, props, children));
   }
-
 }
-
 _defineProperty(InfinityMarker, "defaultProps", paginationDefaultProps);
-
 process.env.NODE_ENV !== "production" ? InfinityMarker.propTypes = _objectSpread({}, paginationPropTypes) : void 0;
 const PaginationContent = React.forwardRef((_ref, ref) => {
   let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded3);
-
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded3);
   return React.createElement("div", _extends({
     className: "dnb-pagination__content dnb-no-focus",
     tabIndex: "-1"
@@ -218,15 +193,10 @@ export const Bar = props => React.createElement(Pagination, _extends({
 export const createPagination = (initProps = {}) => {
   const store = React.createRef({});
   const rerender = React.createRef(null);
-
   const _setContent = React.createRef(null);
-
   const _resetContent = React.createRef(null);
-
   const _resetInfinity = React.createRef(null);
-
   const _endInfinity = React.createRef(null);
-
   const setContent = (pageNumber, content) => {
     if (pageNumber > 0) {
       store.current = _objectSpread(_objectSpread({}, store.current), {
@@ -236,19 +206,15 @@ export const createPagination = (initProps = {}) => {
       rerender.current && rerender.current(store);
     }
   };
-
   const resetContent = () => {
     _resetContent.current && _resetContent.current();
   };
-
   const resetInfinity = () => {
     _resetInfinity.current && _resetInfinity.current();
   };
-
   const endInfinity = () => {
     _endInfinity.current && _endInfinity.current();
   };
-
   const args = props => _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, initProps), props)), {}, {
     store,
     rerender,
@@ -257,15 +223,12 @@ export const createPagination = (initProps = {}) => {
     reset_pagination_handler: fn => _resetInfinity.current = fn,
     end_infinity_handler: fn => _endInfinity.current = fn
   });
-
   const Pagination = props => React.createElement(PaginationWrapper, _extends({
     tagName: "dnb-pagination"
   }, args(props)));
-
   const InfinityMarker = props => React.createElement(InfinityMarkerWrapper, _extends({
     tagName: InfinityMarkerWrapper === null || InfinityMarkerWrapper === void 0 ? void 0 : InfinityMarkerWrapper.tagName
   }, args(props)));
-
   return {
     Pagination,
     InfinityMarker,
@@ -274,4 +237,5 @@ export const createPagination = (initProps = {}) => {
     resetInfinity,
     endInfinity
   };
-};
+};
+//# sourceMappingURL=Pagination.js.map

package/es/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","class","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_className","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: PropTypes.string,\n\n  ...spacingPropTypes,\n\n  class: PropTypes.string,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  class: null,\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n      class: _className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className,\n          _className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n"],"mappings":"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"}

package/es/components/pagination/PaginationBar.d.ts

@@ -5,7 +5,7 @@
 import React from 'react';
 import { LocaleProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
-export declare type PaginationBarProps = {
+export type PaginationBarProps = {
     /**
      * The title used in every button shown in the bar. Defaults to Side %s.
      */
@@ -32,7 +32,7 @@ export declare type PaginationBarProps = {
     children?: React.ReactNode | (() => React.ReactNode);
     skeleton: SkeletonShow;
 };
-export declare type PaginationBarAllProps = PaginationBarProps & LocaleProps & React.HTMLProps<HTMLElement>;
+export type PaginationBarAllProps = PaginationBarProps & LocaleProps & React.HTMLProps<HTMLElement>;
 declare const PaginationBar: (localProps: PaginationBarAllProps) => JSX.Element;
 export declare const useResizeObserver: (element: any) => string;
 export default PaginationBar;

package/es/components/pagination/PaginationBar.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useRef, useEffect, useState } from 'react';
 import { dispatchCustomElementEvent, extendPropsWithContext } from '../../shared/component-helper';
 import { calculatePagination, getDotsAriaLabel } from './PaginationCalculation';
@@ -20,7 +17,6 @@ const defaultProps = {
   contentRef: null,
   children: null
 };
-
 const PaginationBar = localProps => {
   const context = useContext(PaginationContext);
   const props = extendPropsWithContext(localProps, defaultProps, context.pagination);
@@ -30,7 +26,6 @@ const PaginationBar = localProps => {
     disabled,
     skeleton
   } = props;
-
   const focusPage = () => {
     const {
       onPageUpdate,
@@ -43,7 +38,6 @@ const PaginationBar = localProps => {
       } catch (e) {}
     });
   };
-
   const keepPageHeight = () => {
     try {
       const elem = props.contentRef.current;
@@ -51,7 +45,6 @@ const PaginationBar = localProps => {
       elem.style.height = `${pageHeight / 16}rem`;
       elem.style.minHeight = elem.style.height;
     } catch (e) {}
-
     const {
       onPageUpdate
     } = props;
@@ -63,7 +56,6 @@ const PaginationBar = localProps => {
       } catch (e) {}
     });
   };
-
   const setPage = (currentPage, event = null) => {
     keepPageHeight();
     const {
@@ -80,15 +72,12 @@ const PaginationBar = localProps => {
       event
     }));
   };
-
   const setPrevPage = () => {
     setPage(props.currentPage - 1);
   };
-
   const setNextPage = () => {
     setPage(props.currentPage + 1);
   };
-
   const clickHandler = ({
     pageNumber,
     event
@@ -96,7 +85,6 @@ const PaginationBar = localProps => {
     setPage(pageNumber, event);
     focusPage();
   };
-
   const {
     getTranslation
   } = useContext(Context);
@@ -187,14 +175,12 @@ const PaginationBar = localProps => {
     "aria-live": "assertive"
   }, button_title.replace('%s', String(currentPage))));
 };
-
 export const useResizeObserver = element => {
   const [currentSize, setSize] = useState('large');
   const resizeObserver = useRef(null);
   useEffect(() => {
     try {
       var _resizeObserver$curre;
-
       const handleSizeChange = width => {
         if (width <= getSizeInPx('small') && currentSize !== 'small') {
           setSize('small');
@@ -208,31 +194,25 @@ export const useResizeObserver = element => {
           setSize('xx-large');
         }
       };
-
       resizeObserver.current = new ResizeObserver(entries => {
         handleSizeChange(entries[0].contentRect.width);
       });
       (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.observe(element.current);
       handleSizeChange(element.current.clientWidth);
     } catch (e) {}
-
     return () => {
       var _resizeObserver$curre2;
-
       (_resizeObserver$curre2 = resizeObserver.current) === null || _resizeObserver$curre2 === void 0 ? void 0 : _resizeObserver$curre2.disconnect();
     };
   }, [element]);
   return currentSize;
 };
-
 const getSizeInPx = size => {
   const styleSize = styleProperties[`--layout-${size}`];
-
   if (styleSize.includes('em')) {
     return parseFloat(styleSize.replace(/(rem|em)$/, '')) * 16;
   }
-
   return parseFloat(styleSize.replace(/(px)$/, ''));
 };
-
-export default PaginationBar;
+export default PaginationBar;
+//# sourceMappingURL=PaginationBar.js.map

package/es/components/pagination/PaginationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationBar.js","names":["React","useContext","useRef","useEffect","useState","dispatchCustomElementEvent","extendPropsWithContext","calculatePagination","getDotsAriaLabel","PaginationContext","Context","Button","IconPrimary","styleProperties","defaultProps","button_title","prev_title","next_title","more_pages","contentRef","children","PaginationBar","localProps","context","props","pagination","currentPage","pageCount","disabled","skeleton","focusPage","onPageUpdate","elem","current","focus","e","keepPageHeight","pageHeight","offsetHeight","style","height","minHeight","setPage","event","setState","setContextState","updatePageContent","_objectSpread","pageNumber","setPrevPage","setNextPage","clickHandler","getTranslation","Pagination","prevIsDisabled","nextIsDisabled","paginationBarRef","currentScreenSize","useResizeObserver","pageNumberGroups","createElement","ref","className","key","variant","icon","icon_position","text","on_click","title","map","String","replace","slice","numbersList","idx","Fragment","role","size","length","element","currentSize","setSize","resizeObserver","_resizeObserver$curre","handleSizeChange","width","getSizeInPx","ResizeObserver","entries","contentRect","observe","clientWidth","_resizeObserver$curre2","disconnect","styleSize","includes","parseFloat"],"sources":["../../../../src/components/pagination/PaginationBar.tsx"],"sourcesContent":["/**\n * Web Pagination Component\n *\n */\n\nimport React, { useContext, useRef, useEffect, useState } from 'react'\nimport classnames from 'classnames'\nimport {\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\n\nimport {\n  calculatePagination,\n  getDotsAriaLabel,\n} from './PaginationCalculation'\nimport PaginationContext from './PaginationContext'\nimport Context from '../../shared/Context'\nimport Button from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport styleProperties from '../../style/themes/theme-ui/properties'\nimport { LocaleProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\n\nexport type PaginationBarProps = {\n  /**\n   * The title used in every button shown in the bar. Defaults to Side %s.\n   */\n  button_title?: string\n\n  /**\n   *  The title used in the previous page button. Defaults to Forrige side.\n   */\n  prev_title?: string\n\n  /**\n   *  The title used in the next page button. Defaults to Neste side.\n   */\n  next_title?: string\n\n  /**\n   * The title used in the dots. Relevant for screen-readers. Defaults to %s flere sider.\n   */\n  more_pages?: string\n\n  /**\n   * Reference to the parent component. Used to contain height between updates.\n   */\n  contentRef?: React.RefObject<HTMLElement>\n\n  /**\n   *  the given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.\n   */\n  children?: React.ReactNode | (() => React.ReactNode)\n\n  skeleton: SkeletonShow\n}\n\nexport type PaginationBarAllProps = PaginationBarProps &\n  LocaleProps &\n  React.HTMLProps<HTMLElement>\n\ntype PaginationBarContext = {\n  currentPage: number\n  pageCount: number\n  disabled: boolean\n  onPageUpdate: (cb: () => void) => void\n  setState: (state: { currentPage: number }) => void\n  updatePageContent: (currentPage: number) => void\n}\n\nconst defaultProps = {\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  contentRef: null,\n  children: null,\n}\n\nconst PaginationBar = (localProps: PaginationBarAllProps) => {\n  const context = useContext(PaginationContext)\n\n  const props = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context.pagination\n  ) as PaginationBarProps & PaginationBarContext\n\n  const { currentPage, pageCount, disabled, skeleton } = props\n\n  // because of accessibility\n  const focusPage = () => {\n    const { onPageUpdate, contentRef } = props\n\n    onPageUpdate(() => {\n      try {\n        const elem = contentRef.current\n        elem.focus()\n      } catch (e) {\n        //\n      }\n    })\n  }\n\n  const keepPageHeight = () => {\n    try {\n      const elem = props.contentRef.current\n      const pageHeight = elem.offsetHeight\n      elem.style.height = `${pageHeight / 16}rem`\n      elem.style.minHeight = elem.style.height // because of the \"min-height: inherit;\" in &__indicator\n    } catch (e) {\n      //\n    }\n\n    const { onPageUpdate } = props\n\n    onPageUpdate(() => {\n      try {\n        const elem = props.contentRef.current\n        elem.style.height = 'auto'\n        elem.style.minHeight = elem.style.height\n      } catch (e) {\n        //\n      }\n    })\n  }\n\n  const setPage = (currentPage: number, event = null) => {\n    keepPageHeight()\n\n    const { setState: setContextState, updatePageContent } = props\n    setContextState({\n      currentPage,\n    })\n    updatePageContent(currentPage)\n\n    dispatchCustomElementEvent(props, 'on_change', {\n      pageNumber: currentPage,\n      ...props,\n      event,\n    })\n  }\n\n  const setPrevPage = () => {\n    setPage(props.currentPage - 1)\n  }\n  const setNextPage = () => {\n    setPage(props.currentPage + 1)\n  }\n\n  const clickHandler = ({ pageNumber, event }) => {\n    setPage(pageNumber, event)\n    focusPage()\n  }\n\n  const { getTranslation } = useContext(Context)\n  const { button_title, prev_title, next_title, more_pages } =\n    extendPropsWithContext(\n      props,\n      defaultProps,\n      getTranslation(props as LocaleProps).Pagination\n    )\n\n  const prevIsDisabled = currentPage > -1 ? currentPage === 1 : true\n  const nextIsDisabled =\n    currentPage > -1 ? currentPage === pageCount || pageCount === 0 : true\n\n  const paginationBarRef = useRef(null)\n  const currentScreenSize = useResizeObserver(paginationBarRef)\n\n  const pageNumberGroups = calculatePagination(\n    pageCount,\n    currentPage,\n    currentScreenSize === 'small'\n  )\n\n  return (\n    <div\n      ref={paginationBarRef}\n      className={classnames(\n        'dnb-pagination__bar',\n        pageCount >= 8 && 'dnb-pagination--many-pages'\n      )}\n    >\n      <div className=\"dnb-pagination__bar__wrapper\">\n        <div className=\"dnb-pagination__bar__skip\">\n          <Button\n            key=\"left-arrow\"\n            disabled={disabled || prevIsDisabled}\n            skeleton={skeleton}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            text={prev_title}\n            on_click={setPrevPage}\n            title={prevIsDisabled ? null : prev_title}\n          />\n\n          <Button\n            key=\"right-arrow\"\n            disabled={disabled || nextIsDisabled}\n            skeleton={skeleton}\n            variant=\"tertiary\"\n            icon=\"chevron_right\"\n            icon_position=\"right\"\n            text={next_title}\n            on_click={setNextPage}\n            title={nextIsDisabled ? null : next_title}\n          />\n        </div>\n\n        <div className=\"dnb-pagination__bar__inner\">\n          {(pageNumberGroups?.[0] || []).map((pageNumber) => (\n            <Button\n              key={pageNumber}\n              className=\"dnb-pagination__button\"\n              text={String(pageNumber)}\n              aria-label={button_title.replace('%s', String(pageNumber))}\n              variant={\n                pageNumber === currentPage ? 'primary' : 'secondary'\n              }\n              disabled={disabled}\n              skeleton={skeleton}\n              aria-current={pageNumber === currentPage ? 'page' : null}\n              on_click={(event) => clickHandler({ pageNumber, event })}\n            />\n          ))}\n\n          {pageNumberGroups.slice(1).map((numbersList, idx) => (\n            <React.Fragment key={idx}>\n              <IconPrimary\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                aria-hidden={false}\n                title={getDotsAriaLabel({\n                  more_pages,\n                  numbersList,\n                  pageNumberGroups,\n                })}\n                className=\"dnb-pagination__dots\"\n                icon=\"more\"\n                size=\"medium\"\n              />\n\n              {numbersList.map((pageNumber) => {\n                return (\n                  <Button\n                    key={(pageNumber || 0) + idx}\n                    className={classnames(\n                      'dnb-pagination__button',\n                      String(pageNumber).length > 3\n                        ? 'dnb-pagination__button--large-number'\n                        : null\n                    )}\n                    text={String(pageNumber)}\n                    aria-label={button_title.replace(\n                      '%s',\n                      String(pageNumber)\n                    )}\n                    variant={\n                      pageNumber === currentPage ? 'primary' : 'secondary'\n                    }\n                    disabled={disabled}\n                    skeleton={skeleton}\n                    aria-current={\n                      pageNumber === currentPage ? 'page' : null\n                    }\n                    on_click={(event) =>\n                      clickHandler({ pageNumber, event })\n                    }\n                  />\n                )\n              })}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n\n      <span className=\"dnb-sr-only\" aria-live=\"assertive\">\n        {button_title.replace('%s', String(currentPage))}\n      </span>\n    </div>\n  )\n}\n\nexport const useResizeObserver = (element) => {\n  const [currentSize, setSize] = useState('large')\n  const resizeObserver = useRef(null)\n\n  useEffect(() => {\n    try {\n      const handleSizeChange = (width) => {\n        if (width <= getSizeInPx('small') && currentSize !== 'small') {\n          setSize('small')\n        } else if (\n          width <= getSizeInPx('medium') &&\n          currentSize !== 'medium'\n        ) {\n          setSize('medium')\n        } else if (\n          width <= getSizeInPx('large') &&\n          currentSize !== 'large'\n        ) {\n          setSize('large')\n        } else if (\n          width <= getSizeInPx('x-large') &&\n          currentSize !== 'x-large'\n        ) {\n          setSize('x-large')\n        } else if (\n          width <= getSizeInPx('xx-large') &&\n          currentSize !== 'xx-large'\n        ) {\n          setSize('xx-large')\n        }\n      }\n      resizeObserver.current = new ResizeObserver((entries) => {\n        handleSizeChange(entries[0].contentRect.width)\n      })\n\n      resizeObserver.current?.observe(element.current)\n      handleSizeChange(element.current.clientWidth)\n    } catch (e) {\n      //\n    }\n\n    return () => {\n      resizeObserver.current?.disconnect()\n    }\n  }, [element]) // eslint-disable-line\n\n  return currentSize\n}\n\nconst getSizeInPx = (size) => {\n  const styleSize = styleProperties[`--layout-${size}`]\n\n  if (styleSize.includes('em')) {\n    return parseFloat(styleSize.replace(/(rem|em)$/, '')) * 16\n  }\n\n  return parseFloat(styleSize.replace(/(px)$/, ''))\n}\n\nexport default PaginationBar\n"],"mappings":"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"}

package/es/components/pagination/PaginationCalculation.js

@@ -8,7 +8,6 @@ export const calculatePagination = (pageCount, currentPage, isSmallScreen) => {
   const currentAtEnd = currentPage + EDGE_WIDTH > LAST_BUTTON;
   let middleStart;
   let middleEnd;
-
   if (currentAtStart) {
     middleStart = 2;
     middleEnd = EDGE_WIDTH;
@@ -19,43 +18,32 @@ export const calculatePagination = (pageCount, currentPage, isSmallScreen) => {
     middleStart = isSmallScreen ? currentPage : currentPage - MIDDLE_WIDTH;
     middleEnd = currentPage + MIDDLE_WIDTH;
   }
-
   if (middleEnd > LAST_BUTTON - 1) {
     middleEnd = LAST_BUTTON - 1;
   }
-
   if (middleStart < FIRST_BUTTON + 1) {
     middleStart = FIRST_BUTTON + 1;
   }
-
   const middleArray = [];
-
   if (middleStart === 2) {
     middleArray.push(FIRST_BUTTON);
   }
-
   for (let i = middleStart; i <= middleEnd; i++) {
     middleArray.push(i);
   }
-
   if (middleEnd === LAST_BUTTON - 1) {
     middleArray.push(LAST_BUTTON);
   }
-
   const pages = [];
-
   if (middleStart !== 2) {
     pages.push([FIRST_BUTTON]);
   }
-
   if (typeof LAST_BUTTON !== 'undefined') {
     pages.push(middleArray);
-
     if (middleEnd !== LAST_BUTTON - 1) {
       pages.push([LAST_BUTTON]);
     }
   }
-
   return pages;
 };
 export const getDotsAriaLabel = ({
@@ -64,7 +52,6 @@ export const getDotsAriaLabel = ({
   pageNumberGroups: pGroups
 }) => {
   let count = 0;
-
   try {
     if (nList.length === 1) {
       count = nList[0] - (pGroups.length === 2 ? pGroups[0][pGroups[0].length - 1] : pGroups[1][pGroups[1].length - 1]);
@@ -72,6 +59,6 @@ export const getDotsAriaLabel = ({
       count = nList[0] - pGroups[0][0] - 1;
     }
   } catch (e) {}
-
   return count > 0 ? more_pages.replace('%s', count.toString()) : null;
-};
+};
+//# sourceMappingURL=PaginationCalculation.js.map

package/es/components/pagination/PaginationCalculation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationCalculation.js","names":["calculatePagination","pageCount","currentPage","isSmallScreen","MIDDLE_WIDTH","EDGE_WIDTH","FIRST_BUTTON","LAST_BUTTON","currentAtStart","currentAtEnd","middleStart","middleEnd","middleArray","push","i","pages","getDotsAriaLabel","more_pages","numbersList","nList","pageNumberGroups","pGroups","count","length","e","replace","toString"],"sources":["../../../../src/components/pagination/PaginationCalculation.ts"],"sourcesContent":["/**\n * Pagination Calculate\n *\n */\n\nexport const calculatePagination = (\n  pageCount: number,\n  currentPage: number,\n  isSmallScreen?: boolean\n): Array<Array<number>> => {\n  if (pageCount === 1) return [[1]]\n  // Number of buttons on each side of the current button when it's not at the start nor at the end of the pagination\n  const MIDDLE_WIDTH = isSmallScreen ? 1 : 3\n  // Number of buttons at the start/end when the current button is at the start or at the end of the pagination\n  const EDGE_WIDTH = isSmallScreen ? 4 : 9\n  const FIRST_BUTTON = 1\n  const LAST_BUTTON = pageCount\n\n  const currentAtStart = currentPage - EDGE_WIDTH + 1 < FIRST_BUTTON\n  const currentAtEnd = currentPage + EDGE_WIDTH > LAST_BUTTON\n  let middleStart: number\n  let middleEnd: number\n\n  // Set the bounds of the pagination\n  if (currentAtStart) {\n    middleStart = 2\n    middleEnd = EDGE_WIDTH\n  } else if (currentAtEnd) {\n    middleStart = LAST_BUTTON + 1 - EDGE_WIDTH\n    middleEnd = LAST_BUTTON - 1\n  } else {\n    middleStart = isSmallScreen ? currentPage : currentPage - MIDDLE_WIDTH\n    middleEnd = currentPage + MIDDLE_WIDTH\n  }\n\n  if (middleEnd > LAST_BUTTON - 1) {\n    middleEnd = LAST_BUTTON - 1\n  }\n  if (middleStart < FIRST_BUTTON + 1) {\n    middleStart = FIRST_BUTTON + 1\n  }\n\n  // Merge the middlearray with first or last button if it is at the start/end of the pagination\n  const middleArray = []\n  if (middleStart === 2) {\n    middleArray.push(FIRST_BUTTON)\n  }\n  for (let i = middleStart; i <= middleEnd; i++) {\n    middleArray.push(i)\n  }\n  if (middleEnd === LAST_BUTTON - 1) {\n    middleArray.push(LAST_BUTTON)\n  }\n\n  // Put the button groups in a two-dimensional array, each representing a group between dots (...)\n  const pages = []\n  if (middleStart !== 2) {\n    pages.push([FIRST_BUTTON])\n  }\n  if (typeof LAST_BUTTON !== 'undefined') {\n    pages.push(middleArray)\n    if (middleEnd !== LAST_BUTTON - 1) {\n      pages.push([LAST_BUTTON])\n    }\n  }\n\n  return pages\n}\n\nexport const getDotsAriaLabel = ({\n  more_pages,\n  numbersList: nList,\n  pageNumberGroups: pGroups,\n}: {\n  more_pages: string\n  numbersList: Array<number>\n  pageNumberGroups: Array<Array<number>>\n}) => {\n  let count = 0\n\n  try {\n    if (nList.length === 1) {\n      count =\n        nList[0] -\n        (pGroups.length === 2\n          ? pGroups[0][pGroups[0].length - 1]\n          : pGroups[1][pGroups[1].length - 1])\n    } else if (nList.length > 1) {\n      count = nList[0] - pGroups[0][0] - 1\n    }\n  } catch (e) {\n    //\n  }\n\n  return count > 0 ? more_pages.replace('%s', count.toString()) : null\n}\n"],"mappings":"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"}

package/es/components/pagination/PaginationContext.d.ts

@@ -2,4 +2,4 @@ export default Context;
 declare const Context: React.Context<{
     pagination: {};
 }>;
-import React from "react";
+import React from 'react';

package/es/components/pagination/PaginationContext.js

@@ -2,4 +2,5 @@ import React from 'react';
 const Context = React.createContext({
   pagination: {}
 });
-export default Context;
+export default Context;
+//# sourceMappingURL=PaginationContext.js.map

package/es/components/pagination/PaginationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContext.js","names":["React","Context","createContext","pagination"],"sources":["../../../../src/components/pagination/PaginationContext.js"],"sourcesContent":["/**\n * Web Pagination Context\n *\n */\n\nimport React from 'react'\n\nconst Context = React.createContext({ pagination: {} })\n\nexport default Context\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,OAAO,GAAGD,KAAK,CAACE,aAAa,CAAC;EAAEC,UAAU,EAAE,CAAC;AAAE,CAAC,CAAC;AAEvD,eAAeF,OAAO"}