@digigov/ui 0.21.0 → 0.21.3

package/CHANGELOG.md

@@ -1,6 +1,30 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Wed, 08 Jun 2022 12:26:07 GMT and should not be manually modified.
+This log was last generated on Mon, 27 Jun 2022 10:08:07 GMT and should not be manually modified.
+
+## 0.21.3
+Mon, 27 Jun 2022 10:08:07 GMT
+
+### Patches
+
+- Add support for floating Table scroll in Table and Dropdown components
+
+## 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

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/Dropdown/index.d.ts

@@ -7,9 +7,15 @@ export interface DropdownProps extends CoreDropdownProps {
      * Use closeBehaviour to set the way that the Dropdown will close.
      */
     closeBehaviour?: 'clickButton' | 'clickOutside';
+    /**
+     * Use float dropdown to set the dropdown to float over
+     * scroll bars and stay on a static position.
+     * This is mainly used to show actions in a long table.
+     */
+    float?: boolean;
 }
 /**
  * Dropdown component is used for showing more options with a button.
  */
-export declare const Dropdown: ({ closeBehaviour, ...props }: DropdownProps) => React.ReactElement;
+export declare const Dropdown: ({ closeBehaviour, float, ...props }: DropdownProps) => React.ReactElement;
 export default Dropdown;

package/admin/Dropdown/index.js

@@ -47,7 +47,7 @@ Object.keys(_DropdownContent).forEach(function (key) {
     }
   });
 });
-var _excluded = ["closeBehaviour"];
+var _excluded = ["closeBehaviour", "float"];
 
 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); }
 
@@ -59,7 +59,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Dropdown = function Dropdown(_ref) {
   var _ref$closeBehaviour = _ref.closeBehaviour,
       closeBehaviour = _ref$closeBehaviour === void 0 ? 'clickOutside' : _ref$closeBehaviour,
+      _ref$float = _ref["float"],
+      _float = _ref$float === void 0 ? false : _ref$float,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
   var innerRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     var handleClickOutside = function handleClickOutside(event) {
@@ -72,10 +75,35 @@ var Dropdown = function Dropdown(_ref) {
       document.addEventListener('click', handleClickOutside, true);
     }
 
+    var toggleFloat = function toggleFloat() {
+      if (innerRef.current.open) {
+        var rect = innerRef.current.getBoundingClientRect();
+        innerRef.current.style.position = 'static';
+        var top = rect.top + window.pageYOffset;
+        var left = rect.left + window.pageXOffset;
+        innerRef.current.style.top = "".concat(top, "px");
+        innerRef.current.style.left = "".concat(left, "px");
+        innerRef.current.style.position = "absolute";
+        innerRef.current.style.display = "block";
+      } else {
+        innerRef.current.style.top = "0";
+        innerRef.current.style.left = "0";
+        innerRef.current.style.position = "relative";
+      }
+    };
+
+    if (_float) {
+      innerRef.current.addEventListener('toggle', toggleFloat);
+    }
+
     return function () {
       if (closeBehaviour === 'clickOutside') {
         document.removeEventListener('click', handleClickOutside, true);
       }
+
+      if (_float) {
+        innerRef.current.removeEventListener('toggle', toggleFloat);
+      }
     };
   }, []); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore

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,155 @@
+"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: 1,
+  end: 10,
+  total: 15
+}), /*#__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"
+}, "2")), /*#__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"
+}), /*#__PURE__*/_react["default"].createElement(_Pagination["default"], 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, {
+  inactive: true
+}, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+  direction: "left"
+}))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, {
+  currentPage: true
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "/page7"
+}, "2")), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], null, /*#__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/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 };