@bbl-digital/snorre 2.2.30 → 2.2.31

package/esm/core/ListPager/index.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { DotWrapper, PageStyle, Wrapper } from './styles';
+import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const ListPager = ({
+  totalPageCount,
+  currentPage,
+  onFirstClick,
+  onLastClick,
+  onPageClick
+}) => {
+  const theme = useTheme();
+
+  if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
+    return null;
+  }
+
+  const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
+  const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
+  const hasMorePages = getHasMorePages(currentPage, totalPageCount);
+  const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
+
+  const Dots = /*#__PURE__*/_jsx(DotWrapper, {
+    children: "..."
+  });
+
+  let pages = [];
+
+  for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
+    pages.push( /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onPageClick && onPageClick(i + 1),
+      css: PageStyle(currentPage === i + 1, theme.primary),
+      children: i + 1
+    }, i));
+  }
+
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: onFirstClick,
+      children: "F\xF8rste"
+    }), hasPreviousPages && Dots, pages, hasMorePages && Dots, /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount),
+      children: "Siste"
+    })]
+  });
+};
+
+export default ListPager;

package/esm/core/ListPager/styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eava76v1"
+} : {
+  target: "eava76v1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
+} : {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "eava76v0"
+} : {
+  target: "eava76v0",
+  label: "DotWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBhZ2VTdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4sIHByaW1hcnk6IHN0cmluZykgPT4gY3NzYFxuICBjb2xvcjogJHthY3RpdmUgPyBwcmltYXJ5IDogJ2luaXRpYWwnfTtcbiAgJjphY3RpdmUsXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICB9XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogbWluLWNvbnRlbnQ7XG5gXG5cbmV4cG9ydCBjb25zdCBEb3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/utils/pagination.js

@@ -0,0 +1,26 @@
+const getCurrentPage = (take, skip) => {
+  if (skip === undefined || take === undefined || take === 0) return 0;
+  if (skip === 0) return 1;
+  return Math.floor(skip / take + 1);
+};
+
+const getSkippedItems = (pageNumber, take) => {
+  if (pageNumber === undefined || take === undefined) return NaN;
+  return (pageNumber - 1) * take;
+};
+
+const getHasPreviousPages = (currentPage, totalPages) => {
+  return currentPage > 3 && totalPages > 5;
+};
+
+const getHasMorePages = (currentPage, totalPages) => {
+  return currentPage < totalPages - 2 && totalPages > 5;
+};
+
+const getFirstButtonIndex = (currentPage, totalPages) => {
+  if (totalPages <= 5 || currentPage <= 3) return 0;
+  if (totalPages - currentPage <= 2) return totalPages - 5;
+  return currentPage - 3;
+};
+
+export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };

package/lib/core/ListPager/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IProps {
+    /** Amount of pages */
+    totalPageCount?: number;
+    /** Current page number */
+    currentPage?: number;
+    /** CB on first click */
+    onFirstClick?: () => void;
+    /** CB on last click */
+    onLastClick?: (page: number) => void;
+    /** CB on page number click */
+    onPageClick?: (page: number) => void;
+}
+declare const ListPager: React.FC<IProps>;
+export default ListPager;
+//# sourceMappingURL=index.d.ts.map

package/lib/core/ListPager/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,UAAU,MAAM;IACd,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uBAAuB;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkD/B,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/core/ListPager/index.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { useTheme } from '@emotion/react';
+import { DotWrapper, PageStyle, Wrapper } from './styles';
+import { getHasPreviousPages, getHasMorePages, getFirstButtonIndex } from '../../utils/pagination';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const ListPager = ({
+  totalPageCount,
+  currentPage,
+  onFirstClick,
+  onLastClick,
+  onPageClick
+}) => {
+  const theme = useTheme();
+
+  if (!(totalPageCount && totalPageCount > 0 && currentPage)) {
+    return null;
+  }
+
+  const totalButtons = totalPageCount > 5 ? 5 : totalPageCount;
+  const hasPreviousPages = getHasPreviousPages(currentPage, totalPageCount);
+  const hasMorePages = getHasMorePages(currentPage, totalPageCount);
+  const firstButtonIndex = getFirstButtonIndex(currentPage, totalPageCount);
+
+  const Dots = /*#__PURE__*/_jsx(DotWrapper, {
+    children: "..."
+  });
+
+  let pages = [];
+
+  for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
+    pages.push( /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onPageClick && onPageClick(i + 1),
+      css: PageStyle(currentPage === i + 1, theme.primary),
+      children: i + 1
+    }, i));
+  }
+
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: onFirstClick,
+      children: "F\xF8rste"
+    }), hasPreviousPages && Dots, pages, hasMorePages && Dots, /*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => onLastClick && totalPageCount && onLastClick(totalPageCount),
+      children: "Siste"
+    })]
+  });
+};
+
+export default ListPager;

package/lib/core/ListPager/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const PageStyle: (active: boolean, primary: string) => import("@emotion/react").SerializedStyles;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DotWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/ListPager/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/ListPager/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,MAAM,8CAOzD,CAAA;AACD,eAAO,MAAM,OAAO;;;yGAKnB,CAAA;AAED,eAAO,MAAM,UAAU;;;2GAGtB,CAAA"}

package/lib/core/ListPager/styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const PageStyle = (active, primary) => /*#__PURE__*/css("color:", active ? primary : 'initial', ";&:active,&:hover,&:focus{color:", active ? primary : 'initial', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2tFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */");
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eava76v1"
+} : {
+  target: "eava76v1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content"
+} : {
+  name: "1o2oc08",
+  styles: "display:grid;grid-column-gap:1em;grid-auto-flow:column;width:min-content",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgUGFnZVN0eWxlID0gKGFjdGl2ZTogYm9vbGVhbiwgcHJpbWFyeTogc3RyaW5nKSA9PiBjc3NgXG4gIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICAmOmFjdGl2ZSxcbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgY29sb3I6ICR7YWN0aXZlID8gcHJpbWFyeSA6ICdpbml0aWFsJ307XG4gIH1cbmBcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1jb2x1bW4tZ2FwOiAxZW07XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHdpZHRoOiBtaW4tY29udGVudDtcbmBcblxuZXhwb3J0IGNvbnN0IERvdFdyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const DotWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
+  target: "eava76v0"
+} : {
+  target: "eava76v0",
+  label: "DotWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3RQYWdlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9MaXN0UGFnZXIvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBhZ2VTdHlsZSA9IChhY3RpdmU6IGJvb2xlYW4sIHByaW1hcnk6IHN0cmluZykgPT4gY3NzYFxuICBjb2xvcjogJHthY3RpdmUgPyBwcmltYXJ5IDogJ2luaXRpYWwnfTtcbiAgJjphY3RpdmUsXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke2FjdGl2ZSA/IHByaW1hcnkgOiAnaW5pdGlhbCd9O1xuICB9XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtY29sdW1uLWdhcDogMWVtO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICB3aWR0aDogbWluLWNvbnRlbnQ7XG5gXG5cbmV4cG9ydCBjb25zdCBEb3RXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/utils/pagination.d.ts

@@ -0,0 +1,7 @@
+declare const getCurrentPage: (take: number, skip: number) => number;
+declare const getSkippedItems: (pageNumber: number, take: number) => number;
+declare const getHasPreviousPages: (currentPage: number, totalPages: number) => boolean;
+declare const getHasMorePages: (currentPage: number, totalPages: number) => boolean;
+declare const getFirstButtonIndex: (currentPage: number, totalPages: number) => number;
+export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, };
+//# sourceMappingURL=pagination.d.ts.map

package/lib/utils/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/packages/utils/pagination.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc,SAAU,MAAM,QAAQ,MAAM,WAKjD,CAAA;AAED,QAAA,MAAM,eAAe,eAAgB,MAAM,QAAQ,MAAM,WAGxD,CAAA;AAED,QAAA,MAAM,mBAAmB,gBAAiB,MAAM,cAAc,MAAM,YAEnE,CAAA;AAED,QAAA,MAAM,eAAe,gBAAiB,MAAM,cAAc,MAAM,YAE/D,CAAA;AAED,QAAA,MAAM,mBAAmB,gBAAiB,MAAM,cAAc,MAAM,WAInE,CAAA;AAED,OAAO,EACL,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,mBAAmB,GACpB,CAAA"}

package/lib/utils/pagination.js

@@ -0,0 +1,26 @@
+const getCurrentPage = (take, skip) => {
+  if (skip === undefined || take === undefined || take === 0) return 0;
+  if (skip === 0) return 1;
+  return Math.floor(skip / take + 1);
+};
+
+const getSkippedItems = (pageNumber, take) => {
+  if (pageNumber === undefined || take === undefined) return NaN;
+  return (pageNumber - 1) * take;
+};
+
+const getHasPreviousPages = (currentPage, totalPages) => {
+  return currentPage > 3 && totalPages > 5;
+};
+
+const getHasMorePages = (currentPage, totalPages) => {
+  return currentPage < totalPages - 2 && totalPages > 5;
+};
+
+const getFirstButtonIndex = (currentPage, totalPages) => {
+  if (totalPages <= 5 || currentPage <= 3) return 0;
+  if (totalPages - currentPage <= 2) return totalPages - 5;
+  return currentPage - 3;
+};
+
+export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.2.30",
+  "version": "2.2.31",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",