@digigov/ui 0.35.1 → 0.35.2

package/CHANGELOG.md

@@ -1,6 +1,13 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Fri, 16 Jun 2023 12:10:30 GMT and should not be manually modified.
+This log was last generated on Mon, 19 Jun 2023 11:39:00 GMT and should not be manually modified.
+
+## 0.35.2
+Mon, 19 Jun 2023 11:39:00 GMT
+
+### Patches
+
+- Remove dot from label text
 
 ## 0.35.0
 Fri, 16 Jun 2023 12:10:30 GMT

package/admin/Pagination/Pagination.stories.d.ts

@@ -7,5 +7,7 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/admin/Pagination/__stories__/Default";
+export * from "@digigov/ui/admin/Pagination/__stories__/WithInactiveValues";
+export * from "@digigov/ui/admin/Pagination/__stories__/WithResultsPerPage";
 export * from "@digigov/ui/admin/Pagination/__stories__/PaginationSmall";
 import Pagination from "@digigov/ui/admin/Pagination";

package/admin/Pagination/Pagination.stories.js

@@ -24,6 +24,34 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _WithInactiveValues = require("@digigov/ui/admin/Pagination/__stories__/WithInactiveValues");
+
+Object.keys(_WithInactiveValues).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithInactiveValues[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithInactiveValues[key];
+    }
+  });
+});
+
+var _WithResultsPerPage = require("@digigov/ui/admin/Pagination/__stories__/WithResultsPerPage");
+
+Object.keys(_WithResultsPerPage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithResultsPerPage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithResultsPerPage[key];
+    }
+  });
+});
+
 var _PaginationSmall = require("@digigov/ui/admin/Pagination/__stories__/PaginationSmall");
 
 Object.keys(_PaginationSmall).forEach(function (key) {

package/admin/Pagination/__stories__/Default.js

@@ -26,19 +26,19 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination,
 }), /*#__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.ArrowIcon, {
   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"
+  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"
+  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: "/page5"
+  href: "#page5"
 }, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "/page6"
+  href: "#page6"
 }, "6")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "/page7"
+  href: "#page7"
 }, "7")), /*#__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.ArrowIcon, {
   direction: "right"
 })))));
@@ -48,83 +48,25 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBr
 });
 
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 10,
-  end: 20,
-  total: 10000
-}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  inactive: true
-}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__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, {
-  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: "/page5"
-}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "/page6"
-}, "6")), /*#__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, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
-  direction: "right"
-})))));
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
-  size: "l"
-});
-
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
-  start: 10,
-  end: 20,
-  total: 10000
-}), /*#__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.ArrowIcon, {
-  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, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "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: "/page5"
-}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "/page6"
-}, "6")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  currentPage: true
-}, "7"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
-  inactive: true
-}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
-  direction: "right"
-})))));
-
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
-  size: "l"
-});
-
-var _ref7 = /*#__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, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
   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"
+  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"
-}, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  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"
+  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"
+  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.ArrowIcon, {
   direction: "right"
 })))));
@@ -136,7 +78,7 @@ var Default = function Default() {
     t: function t(str) {
       return str;
     }
-  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7));
+  }, _ref, _ref2, _ref3));
 };
 
 exports.Default = Default;

package/admin/Pagination/__stories__/PaginationSmall.js

@@ -30,7 +30,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination,
 }))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
   currentPage: true
 }, "1"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
-  href: "/page7"
+  href: "#page2"
 }, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
   direction: "right"
 })))));

package/admin/Pagination/__stories__/WithInactiveValues.d.ts

@@ -0,0 +1,2 @@
+export declare const WithInactiveValues: () => JSX.Element;
+export default WithInactiveValues;

package/admin/Pagination/__stories__/WithInactiveValues.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithInactiveValues = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Pagination = require("@digigov/ui/admin/Pagination");
+
+var _SvgIcon = require("@digigov/ui/core/SvgIcon");
+
+var _Link = require("@digigov/ui/core/Link");
+
+var _SectionBreak = require("@digigov/ui/core/SectionBreak");
+
+var _i18n = require("@digigov/ui/app/i18n");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  inactive: true
+}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__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, {
+  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: "#page5"
+}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page6"
+}, "6")), /*#__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, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
+  direction: "right"
+})))));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  size: "l"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Pagination.Pagination, null, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__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.ArrowIcon, {
+  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, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "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: "#page5"
+}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page6"
+}, "6")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  currentPage: true
+}, "7"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  inactive: true
+}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ArrowIcon, {
+  direction: "right"
+})))));
+
+var WithInactiveValues = function WithInactiveValues() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "example"
+  }, /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref, _ref2, _ref3));
+};
+
+exports.WithInactiveValues = WithInactiveValues;
+var _default = WithInactiveValues;
+exports["default"] = _default;

package/admin/Pagination/__stories__/WithResultsPerPage.d.ts

@@ -0,0 +1,2 @@
+export declare const WithResultsPerPage: () => JSX.Element;
+export default WithResultsPerPage;

package/admin/Pagination/__stories__/WithResultsPerPage.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithResultsPerPage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Pagination = require("@digigov/ui/admin/Pagination");
+
+var _SelectContainer = require("@digigov/ui/core/SelectContainer");
+
+var _SvgIcon = require("@digigov/ui/core/SvgIcon");
+
+var _Link = require("@digigov/ui/core/Link");
+
+var _i18n = require("@digigov/ui/app/i18n");
+
+var _reactCore = require("@digigov/react-core");
+
+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(_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.ArrowIcon, {
+  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: "#page2"
+}, "2")), /*#__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.ArrowIcon, {
+  direction: "right"
+})))));
+
+var WithResultsPerPage = function WithResultsPerPage() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "example"
+  }, /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref));
+};
+
+exports.WithResultsPerPage = WithResultsPerPage;
+var _default = WithResultsPerPage;
+exports["default"] = _default;

package/admin/Pagination/index.js

@@ -83,7 +83,7 @@ var PaginationLabel = /*#__PURE__*/_react["default"].forwardRef(function Paginat
     ref: ref
   }, /*#__PURE__*/_react["default"].createElement(_I18nText.I18nText, {
     i18nKey: "pagination.label"
-  }, "Showing ", /*#__PURE__*/_react["default"].createElement("b", null, start), " to ", /*#__PURE__*/_react["default"].createElement("b", null, end), " of ", /*#__PURE__*/_react["default"].createElement("b", null, total), " results."));
+  }, "Showing ", /*#__PURE__*/_react["default"].createElement("b", null, start), " to ", /*#__PURE__*/_react["default"].createElement("b", null, end), " of ", /*#__PURE__*/_react["default"].createElement("b", null, total), " results"));
 });
 
 exports.PaginationLabel = PaginationLabel;

package/admin/Pagination/index.mdx

@@ -11,6 +11,14 @@ import Pagination from '@digigov/ui/app/Pagination';
 
 <Story packageName="@digigov/ui" component="admin/Pagination" story="Default.tsx" />
 
+## With inactive values
+
+<Story packageName="@digigov/ui" component="admin/Pagination" story="WithInactiveValues.tsx" />
+
+## With results per page
+
+<Story packageName="@digigov/ui" component="admin/Pagination" story="WithResultsPerPage.tsx" />
+
 ## API
 
 <PropTypes packageName="@digigov/ui" component="Pagination" />

package/es/admin/Pagination/Pagination.stories.js

@@ -7,4 +7,6 @@ export default {
   displayName: 'Pagination'
 };
 export * from '@digigov/ui/admin/Pagination/__stories__/Default';
+export * from '@digigov/ui/admin/Pagination/__stories__/WithInactiveValues';
+export * from '@digigov/ui/admin/Pagination/__stories__/WithResultsPerPage';
 export * from '@digigov/ui/admin/Pagination/__stories__/PaginationSmall';

package/es/admin/Pagination/__stories__/Default.js

@@ -12,19 +12,19 @@ var _ref = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React
 }), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
   direction: "left"
 }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page1"
+  href: "#page1"
 }, "1")), /*#__PURE__*/React.createElement(PaginationListItem, {
   currentPage: true
 }, "2"), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page3"
+  href: "#page3"
 }, "3")), /*#__PURE__*/React.createElement(PaginationListItem, {
   variant: "dots"
 }), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page5"
+  href: "#page5"
 }, "5")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page6"
+  href: "#page6"
 }, "6")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page7"
+  href: "#page7"
 }, "7")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
   direction: "right"
 })))));
@@ -34,83 +34,25 @@ var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React.createElement(PaginationLabel, {
-  start: 10,
-  end: 20,
-  total: 10000
-}), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, {
-  inactive: true
-}, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, {
-  currentPage: true
-}, "1"), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page2"
-}, "2")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page3"
-}, "3")), /*#__PURE__*/React.createElement(PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page5"
-}, "5")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page6"
-}, "6")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page7"
-}, "7")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
-  direction: "right"
-})))));
-
-var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, {
-  size: "l"
-});
-
-var _ref5 = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React.createElement(PaginationLabel, {
-  start: 10,
-  end: 20,
-  total: 10000
-}), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
-  direction: "left"
-}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page1"
-}, "1")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "2")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page3"
-}, "3")), /*#__PURE__*/React.createElement(PaginationListItem, {
-  variant: "dots"
-}), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page5"
-}, "5")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page6"
-}, "6")), /*#__PURE__*/React.createElement(PaginationListItem, {
-  currentPage: true
-}, "7"), /*#__PURE__*/React.createElement(PaginationListItem, {
-  inactive: true
-}, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
-  direction: "right"
-})))));
-
-var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, {
-  size: "l"
-});
-
-var _ref7 = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React.createElement(PaginationLabel, {
   start: 1,
   end: 10,
   total: 15
 }), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
   direction: "left"
 }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page1"
+  href: "#page1"
 }, "1")), /*#__PURE__*/React.createElement(PaginationListItem, {
   variant: "dots"
 }), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page7"
-}, "2")), /*#__PURE__*/React.createElement(PaginationListItem, {
+  href: "#page7"
+}, "7")), /*#__PURE__*/React.createElement(PaginationListItem, {
   currentPage: true
 }, "8"), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page9"
+  href: "#page9"
 }, "9")), /*#__PURE__*/React.createElement(PaginationListItem, {
   variant: "dots"
 }), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page20"
+  href: "#page20"
 }, "20")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
   direction: "right"
 })))));
@@ -122,6 +64,6 @@ export var Default = function Default() {
     t: function t(str) {
       return str;
     }
-  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7));
+  }, _ref, _ref2, _ref3));
 };
 export default Default;

package/es/admin/Pagination/__stories__/PaginationSmall.js

@@ -16,7 +16,7 @@ var _ref = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React
 }))), /*#__PURE__*/React.createElement(PaginationListItem, {
   currentPage: true
 }, "1"), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
-  href: "/page7"
+  href: "#page2"
 }, "2")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
   direction: "right"
 })))));

package/es/admin/Pagination/__stories__/WithInactiveValues.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { Pagination, PaginationList, PaginationListItem, PaginationLabel } from '@digigov/ui/admin/Pagination';
+import { ArrowIcon } from '@digigov/ui/core/SvgIcon';
+import { Link } from '@digigov/ui/core/Link';
+import { SectionBreak } from '@digigov/ui/core/SectionBreak';
+import { I18NProvider } from '@digigov/ui/app/i18n';
+
+var _ref = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React.createElement(PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, {
+  inactive: true
+}, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, {
+  currentPage: true
+}, "1"), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page2"
+}, "2")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page3"
+}, "3")), /*#__PURE__*/React.createElement(PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page5"
+}, "5")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page6"
+}, "6")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page7"
+}, "7")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "right"
+})))));
+
+var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
+  size: "l"
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Pagination, null, /*#__PURE__*/React.createElement(PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__PURE__*/React.createElement(PaginationList, null, /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page1"
+}, "1")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, null, "2")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page3"
+}, "3")), /*#__PURE__*/React.createElement(PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page5"
+}, "5")), /*#__PURE__*/React.createElement(PaginationListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#page6"
+}, "6")), /*#__PURE__*/React.createElement(PaginationListItem, {
+  currentPage: true
+}, "7"), /*#__PURE__*/React.createElement(PaginationListItem, {
+  inactive: true
+}, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "right"
+})))));
+
+export var WithInactiveValues = function WithInactiveValues() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "example"
+  }, /*#__PURE__*/React.createElement(I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref, _ref2, _ref3));
+};
+export default WithInactiveValues;