@digigov/ui 1.1.2 → 1.1.4-mobile

package/cjs/navigation/Pagination/__stories__/Default/index.js

@@ -1,70 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
+  Default: () => Default,
+  default: () => Default_default
 });
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@digigov/ui/i18n");
-var _icons = require("@digigov/ui/icons");
-var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
-var _Link = require("@digigov/ui/navigation/Link");
-var _Pagination = require("@digigov/ui/navigation/Pagination");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 21,
-  end: 30,
-  total: 90
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page1"
-}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  currentPage: true
-}, "2"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page3"
-}, "3")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page7"
-}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page8"
-}, "8")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page9"
-}, "9")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "right"
-})))));
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
-  size: "lg"
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 21, end: 30, total: 90 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "2"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 81, end: 90, total: 197 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
+var Default_default = Default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
 });
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 81,
-  end: 90,
-  total: 197
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page1"
-}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page7"
-}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  currentPage: true
-}, "8"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page9"
-}, "9")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page20"
-}, "20")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "right"
-})))));
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
-    t: function t(str) {
-      return str;
-    }
-  }, _ref, _ref2, _ref3);
-};
-var _default = exports["default"] = Default;
+//# sourceMappingURL=Default.js.map

package/cjs/navigation/Pagination/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const Default = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={21} end={30} total={90}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>2</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\" />\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n\n    <SectionBreak size=\"lg\" />\n\n    <Pagination>\n      <PaginationLabel start={81} end={90} total={197}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,GAChD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GAEA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GAExB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,GACjD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/PaginationSmall/index.js

@@ -1,39 +1,46 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PaginationSmall_exports = {};
+__export(PaginationSmall_exports, {
+  PaginationSmall: () => PaginationSmall,
+  default: () => PaginationSmall_default
 });
-exports["default"] = exports.PaginationSmall = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@digigov/ui/i18n");
-var _icons = require("@digigov/ui/icons");
-var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
-var _Link = require("@digigov/ui/navigation/Link");
-var _Pagination = require("@digigov/ui/navigation/Pagination");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 1,
-  end: 10,
-  total: 15
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  active: false
-}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "left"
-}))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  currentPage: true
-}, "1"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page2"
-}, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_icons.ChevronIcon, {
-  direction: "right"
-})))));
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
-  size: "lg"
+module.exports = __toCommonJS(PaginationSmall_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const PaginationSmall = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }));
+var PaginationSmall_default = PaginationSmall;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaginationSmall
 });
-var PaginationSmall = exports.PaginationSmall = function PaginationSmall() {
-  return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
-    t: function t(str) {
-      return str;
-    }
-  }, _ref, _ref2);
-};
-var _default = exports["default"] = PaginationSmall;
+//# sourceMappingURL=PaginationSmall.js.map

package/cjs/navigation/Pagination/__stories__/PaginationSmall.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationSmall.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const PaginationSmall = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n  </I18NProvider>\n);\n\nexport default PaginationSmall;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,kBAAkB,MAC7B,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,CAChC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GAEjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GAEA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,CAC1B;AAGF,IAAO,0BAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js

@@ -1,49 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PaginationWithSmallFont = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactCore = require("@digigov/react-core");
-var _SelectContainer = require("@digigov/ui/form/SelectContainer");
-var _i18n = require("@digigov/ui/i18n");
-var _Link = require("@digigov/ui/navigation/Link");
-var _Pagination = require("@digigov/ui/navigation/Pagination");
-var _SvgIcon = require("@digigov/ui/utils/SvgIcon");
-var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, {
-  size: "sm"
-}, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 1,
-  end: 10,
-  total: 15
-}), /*#__PURE__*/_react["default"].createElement(_reactCore.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "5"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "10"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "15"))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page1"
-}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page7"
-}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  currentPage: true
-}, "8"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page9"
-}, "9")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "#page20"
-}, "20")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
-  direction: "right"
-})))));
-var PaginationWithSmallFont = exports.PaginationWithSmallFont = function PaginationWithSmallFont() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "example"
-  }, /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
-    t: function t(str) {
-      return str;
-    }
-  }, _ref));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-var _default = exports["default"] = PaginationWithSmallFont;
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PaginationWithSmallFont_exports = {};
+__export(PaginationWithSmallFont_exports, {
+  PaginationWithSmallFont: () => PaginationWithSmallFont,
+  default: () => PaginationWithSmallFont_default
+});
+module.exports = __toCommonJS(PaginationWithSmallFont_exports);
+var import_react = __toESM(require("react"));
+var import_LabelContainer = require("@digigov/react-core/LabelContainer");
+var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+var import_SvgIcon = require("@digigov/ui/utils/SvgIcon");
+const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_SvgIcon.ChevronIcon, { direction: "right" })))))));
+var PaginationWithSmallFont_default = PaginationWithSmallFont;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaginationWithSmallFont
+});
+//# sourceMappingURL=PaginationWithSmallFont.js.map

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nimport { ChevronIcon } from '@digigov/ui/utils/SvgIcon';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEP,qBAA4B;AAErB,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,8BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,8BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/WithHook/index.js

@@ -1,60 +1,83 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithHook_exports = {};
+__export(WithHook_exports, {
+  WithHook: () => WithHook,
+  default: () => WithHook_default
 });
-exports["default"] = exports.WithHook = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireDefault(require("@digigov/ui/content/Card"));
-var _Grid = _interopRequireDefault(require("@digigov/ui/layouts/Grid"));
-var _Pagination = require("@digigov/ui/navigation/Pagination");
-var _hooks = _interopRequireDefault(require("@digigov/ui/navigation/Pagination/hooks"));
-var data = [];
-var dataLength = 245;
-for (var i = 0; i < dataLength; i++) {
-  data.push({
-    id: i
-  });
+module.exports = __toCommonJS(WithHook_exports);
+var import_react = __toESM(require("react"));
+var import_Card = __toESM(require("@digigov/ui/content/Card"));
+var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+var import_hooks = __toESM(require("@digigov/ui/navigation/Pagination/hooks"));
+const data = [];
+const dataLength = 245;
+for (let i = 0; i < dataLength; i++) {
+  data.push({ id: i });
 }
-var WithHook = exports.WithHook = function WithHook() {
-  var resultsPerPageOptions = [10, 25, 40];
-  var previousLabel = 'Προηγούμενη';
-  var nextLabel = 'Επόμενη';
-  var _usePagination = (0, _hooks["default"])({
-      total: data.length,
-      resultsPerPageOptions: resultsPerPageOptions,
-      // limitOptions
-      previousLabel: previousLabel,
-      nextLabel: nextLabel
-    }),
-    registerPaginationLabel = _usePagination.registerPaginationLabel,
-    registerPaginationResultsPerPageSelect = _usePagination.registerPaginationResultsPerPageSelect,
-    items = _usePagination.items,
-    offset = _usePagination.offset,
-    limit = _usePagination.limit;
-  var filteredData = data.filter(function (item, index) {
+const WithHook = () => {
+  const resultsPerPageOptions = [10, 25, 40];
+  const previousLabel = "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7";
+  const nextLabel = "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7";
+  const {
+    registerPaginationLabel,
+    registerPaginationResultsPerPageSelect,
+    items,
+    offset,
+    limit
+  } = (0, import_hooks.default)({
+    total: data.length,
+    resultsPerPageOptions,
+    // limitOptions
+    previousLabel,
+    nextLabel
+  });
+  const filteredData = data.filter((item, index) => {
     console.log(item);
     return index > offset && index < offset + limit;
   });
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    spacing: 4,
-    marginBottom: 8
-  }, filteredData.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-      item: true,
-      xs: 4,
-      md: 2,
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
-      variant: "border"
-    }, " ", item.id));
-  })), /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, registerPaginationLabel()), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationResultsPerPageSelect, registerPaginationResultsPerPageSelect(), "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", ' '), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, items.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItemButton, (0, _extends2["default"])({}, item, {
-      key: index
-    }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4, marginBottom: 8 }, filteredData.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " ", item.id));
+  })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { ...registerPaginationLabel() }), /* @__PURE__ */ import_react.default.createElement(
+    import_Pagination.PaginationResultsPerPageSelect,
+    {
+      ...registerPaginationResultsPerPageSelect()
+    },
+    "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1",
+    " "
+  ), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, items.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItemButton, { ...item, key: index });
   }))));
 };
-var _default = exports["default"] = WithHook;
+var WithHook_default = WithHook;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithHook
+});
+//# sourceMappingURL=WithHook.js.map

package/cjs/navigation/Pagination/__stories__/WithHook.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithHook.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationLabel,\n  PaginationResultsPerPageSelect,\n  PaginationListItemButton,\n} from '@digigov/ui/navigation/Pagination';\nimport usePagination from '@digigov/ui/navigation/Pagination/hooks';\n\nconst data: { id: number }[] = [];\nconst dataLength = 245;\nfor (let i = 0; i < dataLength; i++) {\n  data.push({ id: i });\n}\n\nexport const WithHook = () => {\n  const resultsPerPageOptions: number[] = [10, 25, 40];\n  const previousLabel = '\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7';\n  const nextLabel = '\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7';\n  const {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    offset,\n    limit,\n  } = usePagination({\n    total: data.length,\n    resultsPerPageOptions: resultsPerPageOptions, // limitOptions\n    previousLabel: previousLabel,\n    nextLabel: nextLabel,\n  });\n\n  const filteredData = data.filter((item, index) => {\n    console.log(item);\n    return index > offset && index < offset + limit;\n  });\n\n  return (\n    <>\n      <Grid container spacing={4} marginBottom={8}>\n        {filteredData.map((item, index) => {\n          return (\n            <Grid item xs={4} md={2} key={index}>\n              <Card variant=\"border\"> {item.id}</Card>\n            </Grid>\n          );\n        })}\n      </Grid>\n\n      <Pagination>\n        <PaginationLabel {...registerPaginationLabel()}></PaginationLabel>\n        <PaginationResultsPerPageSelect\n          {...registerPaginationResultsPerPageSelect()}\n        >\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1{' '}\n        </PaginationResultsPerPageSelect>\n        <PaginationList>\n          {items.map((item, index) => {\n            return <PaginationListItemButton {...item} key={index} />;\n          })}\n        </PaginationList>\n      </Pagination>\n    </>\n  );\n};\nexport default WithHook;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAiB;AACjB,wBAMO;AACP,mBAA0B;AAE1B,MAAM,OAAyB,CAAC;AAChC,MAAM,aAAa;AACnB,SAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACnC,OAAK,KAAK,EAAE,IAAI,EAAE,CAAC;AACrB;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,wBAAkC,CAAC,IAAI,IAAI,EAAE;AACnD,QAAM,gBAAgB;AACtB,QAAM,YAAY;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,aAAAA,SAAc;AAAA,IAChB,OAAO,KAAK;AAAA,IACZ;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,KAAK,OAAO,CAAC,MAAM,UAAU;AAChD,YAAQ,IAAI,IAAI;AAChB,WAAO,QAAQ,UAAU,QAAQ,SAAS;AAAA,EAC5C,CAAC;AAED,SACE,6BAAAC,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,GAAG,cAAc,KACvC,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,WACE,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC,CACH,GAEA,6BAAAF,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAiB,GAAG,wBAAwB,GAAG,GAChD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,uCAAuC;AAAA;AAAA,IAC5C;AAAA,IACyB;AAAA,EAC1B,GACA,6BAAAA,QAAA,cAAC,wCACE,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,WAAO,6BAAAA,QAAA,cAAC,8CAA0B,GAAG,MAAM,KAAK,OAAO;AAAA,EACzD,CAAC,CACH,CACF,CACF;AAEJ;AACA,IAAO,mBAAQ;",
+  "names": ["usePagination", "React", "Grid", "Card"]
+}