@digigov/ui 0.20.2 → 0.21.2

package/CHANGELOG.md

@@ -1,6 +1,35 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Tue, 24 May 2022 09:13:18 GMT and should not be manually modified.
+This log was last generated on Thu, 23 Jun 2022 11:49:45 GMT and should not be manually modified.
+
+## 0.21.2
+Thu, 23 Jun 2022 11:49:45 GMT
+
+### Patches
+
+- Update changes in digigov/ui
+- export Gridpros from libs ui Grid
+- add scooth scrolling at Tabs when at mobile
+- Add missing locales for footer
+
+## 0.21.1
+Wed, 08 Jun 2022 16:32:57 GMT
+
+### Patches
+
+- Detach @digigov/react-extensions from @digigov/ui, you should install it only if needed to build an Admin page
+
+## 0.21.0
+Wed, 08 Jun 2022 12:26:07 GMT
+
+### Minor changes
+
+- add missing a11y props to commponents
+
+### Patches
+
+- add translation content text for each validation type
+- move PaginationLabel component from core to admin ui path
 
 ## 0.20.2
 Tue, 24 May 2022 09:13:18 GMT

package/admin/CircularProgress/CircularProgress.stories.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    export const title: string;
+    export { CircularProgress as component };
+}
+export default _default;
+export * from "./__stories__/Default";

package/admin/CircularProgress/CircularProgress.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _admin = _interopRequireDefault(require("@digigov/ui/admin"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/CircularProgress',
+  component: _admin["default"]
+};
+exports["default"] = _default;

package/admin/CircularProgress/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/admin/CircularProgress/__stories__/Default.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FullPageBackground = _interopRequireDefault(require("@digigov/ui/admin/FullPageBackground"));
+
+var _LoaderContainer = _interopRequireDefault(require("@digigov/ui/admin/LoaderContainer"));
+
+var _CircularProgress = _interopRequireDefault(require("@digigov/ui/admin/CircularProgress"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FullPageBackground["default"], null, /*#__PURE__*/_react["default"].createElement(_LoaderContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], null)));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/Drawer/Drawer.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Drawer as component };
+}
+export default _default;
+export * from "@digigov/ui/admin/Drawer/__stories__/Default";
+import Drawer from "@digigov/ui/admin/Drawer";

package/admin/Drawer/Drawer.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Drawer = _interopRequireDefault(require("@digigov/ui/admin/Drawer"));
+
+var _Default = require("@digigov/ui/admin/Drawer/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/Drawer',
+  component: _Drawer["default"]
+};
+exports["default"] = _default;

package/admin/Drawer/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/admin/Drawer/__stories__/Default.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Drawer = _interopRequireDefault(require("@digigov/ui/admin/Drawer"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _ui = require("@digigov/ui");
+
+var _admin = require("@digigov/react-extensions/admin/");
+
+var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
+
+var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_reactCore.GovGRLogo, null);
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_reactCore.BurgerIcon, null);
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_admin.AdminTopSection, null);
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_ui.Title, {
+  size: "md"
+}, "Menu");
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_reactCore.List, {
+  spaced: true
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.ListItem, null, "Menu option 1"), /*#__PURE__*/_react["default"].createElement(_reactCore.ListItem, null, "Menu option 2"));
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_admin.AdminMain, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  container: true,
+  spacing: 4
+}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.Card, null, /*#__PURE__*/_react["default"].createElement(_reactCore.CardHeading, null, "This is a Card"), /*#__PURE__*/_react["default"].createElement(_reactCore.CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.Card, null, /*#__PURE__*/_react["default"].createElement(_reactCore.CardHeading, null, "This is a Card"), /*#__PURE__*/_react["default"].createElement(_reactCore.CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.Card, null, /*#__PURE__*/_react["default"].createElement(_reactCore.CardHeading, null, "This is a Card"), /*#__PURE__*/_react["default"].createElement(_reactCore.CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/_react["default"].createElement(_reactCore.Card, null, /*#__PURE__*/_react["default"].createElement(_reactCore.CardHeading, null, "This is a Card"), /*#__PURE__*/_react["default"].createElement(_reactCore.CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))));
+
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null);
+
+var Default = function Default() {
+  function useDrawer() {
+    var _useState = (0, _react.useState)(true),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        open = _useState2[0],
+        setOpen = _useState2[1];
+
+    function toggleDrawer() {
+      setOpen(!open);
+    }
+
+    return [open, toggleDrawer];
+  }
+
+  var _useDrawer = useDrawer(),
+      _useDrawer2 = (0, _slicedToArray2["default"])(_useDrawer, 2),
+      open = _useDrawer2[0],
+      toggleDrawer = _useDrawer2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminLayout, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminHeader, null, /*#__PURE__*/_react["default"].createElement(_admin.AdminHeaderSection, null, _ref, /*#__PURE__*/_react["default"].createElement(_ui.Button, {
+    className: "govgr-drawer__burger-icon",
+    onClick: function onClick() {
+      return toggleDrawer();
+    },
+    color: "secondary"
+  }, _ref2))), /*#__PURE__*/_react["default"].createElement(_admin.AdminContainer, null, _ref3, /*#__PURE__*/_react["default"].createElement(_admin.AdminAside, null, /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
+    direction: "left",
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_admin.DrawerHeading, {
+    onClick: function onClick() {
+      return toggleDrawer();
+    }
+  }, _ref4), _ref5)), _ref6), _ref7));
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

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

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Pagination as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+import Pagination from "@digigov/ui/admin/Pagination";

package/admin/Pagination/Pagination.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Pagination = _interopRequireDefault(require("@digigov/ui/admin/Pagination"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/admin/Pagination',
+  component: _Pagination["default"]
+};
+exports["default"] = _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/admin/Pagination/__stories__/Default.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Pagination = _interopRequireWildcard(require("@digigov/ui/admin/Pagination"));
+
+var _ArrowIcon = _interopRequireDefault(require("@digigov/react-core/ArrowIcon"));
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _Divider = _interopRequireDefault(require("@digigov/ui/core/Divider"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "example"
+}, /*#__PURE__*/_react["default"].createElement(_Pagination["default"], 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["default"], null, /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  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["default"], {
+  href: "/page1"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  currentPage: true
+}, "2"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page3"
+}, "3")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page5"
+}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page6"
+}, "6")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "right"
+}))))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+  visible: true,
+  size: "l"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], 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["default"], null, /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  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["default"], {
+  href: "/page2"
+}, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page3"
+}, "3")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page5"
+}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page6"
+}, "6")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "right"
+}))))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+  visible: true,
+  size: "l"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], 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["default"], null, /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  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["default"], {
+  href: "/page1"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page3"
+}, "3")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page5"
+}, "5")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  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["default"], null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "right"
+}))))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+  visible: true,
+  size: "l"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], 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["default"], null, /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  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["default"], {
+  href: "/page1"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  currentPage: true
+}, "8"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page9"
+}, "9")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page20"
+}, "20")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "right"
+}))))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+  visible: true,
+  size: "l"
+}));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/admin/Pagination/index.d.ts

@@ -1,3 +1,23 @@
+import React from 'react';
+import { PaginationLabelProps as CorePaginationLabelProps } from '@digigov/react-extensions/admin/PaginationLabel';
+export interface PaginationLabelProps extends CorePaginationLabelProps {
+    /**
+     * Use start to set the value of the start point of the results shown.
+     */
+    start: number;
+    /**
+     * Use end to set the value of the end point of the results shown.
+     */
+    end: number;
+    /**
+     * Use total to set the value of the total results.
+     */
+    total: number;
+}
+/**
+ * PaginationLabel component is used for placing the pagination results label.
+ */
+export declare const PaginationLabel: React.ForwardRefExoticComponent<Pick<PaginationLabelProps, "color" | "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "end" | "start" | "total"> & React.RefAttributes<HTMLParagraphElement>>;
 export * from '@digigov/react-extensions/admin/Pagination';
 export * from '@digigov/react-extensions/admin/PaginationList';
 export * from '@digigov/react-extensions/admin/PaginationListItem';

package/admin/Pagination/index.js

@@ -1,12 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
-exports["default"] = void 0;
+var _exportNames = {
+  PaginationLabel: true
+};
+exports["default"] = exports.PaginationLabel = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _PaginationLabel = _interopRequireDefault(require("@digigov/react-extensions/admin/PaginationLabel"));
+
+var _I18nText = require("@digigov/ui/app/I18nText");
 
 var _Pagination = _interopRequireWildcard(require("@digigov/react-extensions/admin/Pagination"));
 
@@ -54,5 +64,20 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+/**
+ * PaginationLabel component is used for placing the pagination results label.
+ */
+var PaginationLabel = /*#__PURE__*/_react["default"].forwardRef(function PaginationLabel(_ref, ref) {
+  var start = _ref.start,
+      end = _ref.end,
+      total = _ref.total;
+  return /*#__PURE__*/_react["default"].createElement(_PaginationLabel["default"], {
+    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."));
+});
+
+exports.PaginationLabel = PaginationLabel;
 var _default = _Pagination["default"];
 exports["default"] = _default;

package/app/Confirmation/Confirmation.stories.d.ts

@@ -0,0 +1,6 @@
+declare namespace _default {
+    export const title: string;
+    export { Confirmation as component };
+}
+export default _default;
+export * from "./__stories__/Default";

package/app/Confirmation/Confirmation.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _app = _interopRequireDefault(require("@digigov/ui/app"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/app/Confirmation',
+  component: _app["default"]
+};
+exports["default"] = _default;

package/app/Confirmation/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/app/Confirmation/__stories__/Default.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Confirmation = _interopRequireWildcard(require("@digigov/ui/app/Confirmation"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Confirmation["default"], null, /*#__PURE__*/_react["default"].createElement(_Confirmation.ConfirmationTitle, null, "\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2"), /*#__PURE__*/_react["default"].createElement(_Confirmation.ConfirmationBody, null, "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 ", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("strong", null, "HDJ2123F")));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/app/Confirmation/index.d.ts

@@ -1,3 +1,5 @@
-export * from '@digigov/react-core/Confirmation';
-export * from '@digigov/react-core/ConfirmationBody';
-export * from '@digigov/react-core/ConfirmationTitle';
+import Confirmation from '@digigov/react-core/Confirmation';
+import ConfirmationBody from '@digigov/react-core/ConfirmationBody';
+import ConfirmationTitle from '@digigov/react-core/ConfirmationTitle';
+export default Confirmation;
+export { ConfirmationBody, ConfirmationTitle };