@digigov/ui 0.28.1 → 0.28.3

package/admin/Modal/__stories__/Default.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _Modal = _interopRequireWildcard(require("@digigov/ui/admin/Modal"));
@@ -19,40 +17,26 @@ var _core = require("@digigov/ui/core");
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 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(_Modal.ModalHeading, {
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
+  open: true,
+  "aria-labelledby": "modal-label"
+}, /*#__PURE__*/_react["default"].createElement(_Modal.ModalHeading, {
   id: "modal-label"
-}, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5");
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Modal.ModalContent, null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /*#__PURE__*/_react["default"].createElement(_core.TextInput, {
+}, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_Modal.ModalContent, null, /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /*#__PURE__*/_react["default"].createElement(_core.TextInput, {
   name: "inputext",
   characterWidth: 10
-}))));
-
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE");
+})))), /*#__PURE__*/_react["default"].createElement(_Modal.ModalAction, null, /*#__PURE__*/_react["default"].createElement(_core.Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /*#__PURE__*/_react["default"].createElement(_core.Button, {
+  variant: "link"
+}, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
 
 var Default = function Default() {
-  var _useModal = (0, _Modal.useModal)(),
-      toggleModal = _useModal.toggleModal,
-      modalProps = _useModal.modalProps;
-
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_core.Button, {
-    onClick: function onClick() {
-      return toggleModal();
-    }
-  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/_react["default"].createElement(_Modal["default"], (0, _extends2["default"])({}, modalProps, {
-    "aria-labelledby": "modal-label"
-  }), _ref, _ref2, /*#__PURE__*/_react["default"].createElement(_Modal.ModalAction, null, _ref3, /*#__PURE__*/_react["default"].createElement(_core.Button, {
-    variant: "link",
-    onClick: function onClick() {
-      return toggleModal();
-    }
-  }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
+  return _ref;
 };
 
 exports.Default = Default;

package/admin/Modal/index.d.ts

@@ -1,9 +1,9 @@
-export * from '@digigov/react-extensions/admin/Modal';
+export * from '@digigov/react-extensions/admin/ModalContainer';
 export * from '@digigov/react-extensions/admin/ModalHeading';
 export * from '@digigov/react-extensions/admin/ModalContent';
 export * from '@digigov/react-extensions/admin/ModalAction';
 import React from 'react';
-import { ModalProps as ModalContainerProps } from '@digigov/react-extensions/admin/Modal';
+import { ModalContainerProps } from '@digigov/react-extensions/admin/ModalContainer';
 export interface ModalProps extends ModalContainerProps {
     onEscape?: () => void;
 }

package/admin/Modal/index.js

@@ -20,16 +20,16 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _Modal = _interopRequireWildcard(require("@digigov/react-extensions/admin/Modal"));
+var _ModalContainer = _interopRequireWildcard(require("@digigov/react-extensions/admin/ModalContainer"));
 
-Object.keys(_Modal).forEach(function (key) {
+Object.keys(_ModalContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Modal[key]) return;
+  if (key in exports && exports[key] === _ModalContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Modal[key];
+      return _ModalContainer[key];
     }
   });
 });
@@ -151,7 +151,7 @@ var ModalBase = function ModalBase(_ref) {
       lastModalElement.current.removeEventListener('focus', handleFocus);
     };
   }, [open]);
-  return /*#__PURE__*/_react["default"].createElement(_Modal["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_ModalContainer["default"], (0, _extends2["default"])({
     open: open,
     role: "dialog"
   }, props, {

package/admin/Modal/index.mdx

@@ -9,14 +9,6 @@ import Modal, {ModalHeading, ModalContent, ModalAction} from "@digigov/ui/admin/
 
 ## How to use
 
-### As a Dialog
-
-<Story packageName="@digigov/ui" component="admin/Modal" story="Default.tsx" />
-
-### As an Alert Dialog
-
-<Story packageName="@digigov/ui" component="admin/Modal" story="AlertDialog.tsx" />
-
 
 ## Accessibility
 
@@ -24,3 +16,7 @@ You can read more about the accessibility patterns used in our Modal
 implementation in the ARIA Authoring Practices Guide (APG) at 
 [Dialog](https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/) and 
 [Alert Dialog](https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/) sections.
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Modal" />

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

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

package/admin/Pagination/Pagination.stories.js

@@ -23,8 +23,25 @@ Object.keys(_Default).forEach(function (key) {
     }
   });
 });
+
+var _PaginationSmall = require("./__stories__/PaginationSmall");
+
+Object.keys(_PaginationSmall).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PaginationSmall[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PaginationSmall[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/admin/Pagination',
-  component: _Pagination["default"]
+  description: 'Use the pagination component to let users browse through a long list.',
+  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/pagination',
+  component: _Pagination["default"],
+  displayName: 'Pagination'
 };
 exports["default"] = _default;

package/admin/Pagination/__stories__/Default.js

@@ -138,32 +138,6 @@ var _ref7 = /*#__PURE__*/_react["default"].createElement(_Pagination["default"],
   direction: "right"
 })))));
 
-var _ref8 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-  visible: true,
-  size: "l"
-});
-
-var _ref9 = /*#__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"
-})))));
-
-var _ref10 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-  visible: true,
-  size: "l"
-});
-
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "example"
@@ -171,7 +145,7 @@ var Default = function Default() {
     t: function t(str) {
       return str;
     }
-  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10));
+  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7));
 };
 
 exports.Default = Default;

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

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

package/admin/Pagination/__stories__/PaginationSmall.js

@@ -0,0 +1,61 @@
+"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.PaginationSmall = 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"));
+
+var _app = require("@digigov/ui/app");
+
+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(_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"
+})))));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+  visible: true,
+  size: "l"
+});
+
+var PaginationSmall = function PaginationSmall() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "example"
+  }, /*#__PURE__*/_react["default"].createElement(_app.I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref, _ref2));
+};
+
+exports.PaginationSmall = PaginationSmall;
+var _default = PaginationSmall;
+exports["default"] = _default;

package/admin/Pagination/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaginationLabelProps as CorePaginationLabelProps } from '@digigov/react-extensions/admin/PaginationLabel';
-export interface PaginationLabelProps extends CorePaginationLabelProps {
+import PaginationLabelContainer, { PaginationLabelContainerProps } from '@digigov/react-extensions/admin/PaginationLabelContainer';
+export interface PaginationLabelProps extends PaginationLabelContainerProps {
     /**
      * Use start to set the value of the start point of the results shown.
      */
@@ -21,5 +21,6 @@ export declare const PaginationLabel: React.ForwardRefExoticComponent<Pick<Pagin
 export * from '@digigov/react-extensions/admin/Pagination';
 export * from '@digigov/react-extensions/admin/PaginationList';
 export * from '@digigov/react-extensions/admin/PaginationListItem';
+export { PaginationLabelContainer };
 import Pagination from '@digigov/react-extensions/admin/Pagination';
 export default Pagination;

package/admin/Pagination/index.js

@@ -8,13 +8,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  PaginationLabel: true
+  PaginationLabel: true,
+  PaginationLabelContainer: true
 };
-exports["default"] = exports.PaginationLabel = void 0;
+exports.PaginationLabel = void 0;
+Object.defineProperty(exports, "PaginationLabelContainer", {
+  enumerable: true,
+  get: function get() {
+    return _PaginationLabelContainer["default"];
+  }
+});
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _PaginationLabel = _interopRequireDefault(require("@digigov/react-extensions/admin/PaginationLabel"));
+var _PaginationLabelContainer = _interopRequireDefault(require("@digigov/react-extensions/admin/PaginationLabelContainer"));
 
 var _I18nText = require("@digigov/ui/app/I18nText");
 
@@ -71,7 +79,7 @@ var PaginationLabel = /*#__PURE__*/_react["default"].forwardRef(function Paginat
   var start = _ref.start,
       end = _ref.end,
       total = _ref.total;
-  return /*#__PURE__*/_react["default"].createElement(_PaginationLabel["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_PaginationLabelContainer["default"], {
     ref: ref
   }, /*#__PURE__*/_react["default"].createElement(_I18nText.I18nText, {
     i18nKey: "pagination.label"

package/admin/Pagination/index.mdx

@@ -10,3 +10,7 @@ import Pagination from '@digigov/ui/app/Pagination';
 ## How to use
 
 <Story packageName="@digigov/ui" component="admin/Pagination" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Pagination" />

package/admin/StepNav/StepNav.stories.d.ts

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

package/admin/StepNav/StepNav.stories.js

@@ -27,6 +27,8 @@ Object.keys(_Default).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/admin/StepNav',
-  component: _StepNav["default"]
+  description: 'The step by step navigation pattern presents an end to end journey in logical steps, with links to content that helps users complete each step.',
+  component: _StepNav["default"],
+  displayName: 'StepNav'
 };
 exports["default"] = _default;

package/admin/TaskList/TaskList.stories.d.ts

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

package/admin/TaskList/TaskList.stories.js

@@ -25,6 +25,8 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/admin/TaskList',
-  component: _TaskList["default"]
+  description: 'Only use a task list page for longer transactions involving multiple tasks that users may need to complete over a number of sessions.',
+  component: _TaskList["default"],
+  displayName: 'TaskList'
 };
 exports["default"] = _default;

package/admin/TaskList/__stories__/Default.js

@@ -11,7 +11,7 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactCore = require("@digigov/react-core");
+var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
 
 var _SummaryList = _interopRequireWildcard(require("@digigov/ui/core/SummaryList"));
 
@@ -85,7 +85,7 @@ var Default = function Default() {
 
       return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
         key: key
-      }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, /*#__PURE__*/_react["default"].createElement(_reactCore.Link, null, task.text)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_admin.TaskListItemTag, {
+      }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], null, task.text)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_admin.TaskListItemTag, {
         status: tagColor
       }, task.status)));
     }))));

package/admin/Timeline/Timeline.stories.d.ts

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

package/admin/Timeline/Timeline.stories.js

@@ -25,6 +25,8 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/admin/Timeline',
-  component: _Timeline["default"]
+  description: 'Use this pattern to show a list of entries in the order they happened.',
+  component: _Timeline["default"],
+  displayName: 'Timeline'
 };
 exports["default"] = _default;

package/admin/Timeline/__stories__/Default.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactCore = require("@digigov/react-core");
 
+var _LinkBase = _interopRequireDefault(require("@digigov/react-core/LinkBase"));
+
 var _admin = require("@digigov/ui/admin");
 
 var _Details = _interopRequireWildcard(require("@digigov/ui/core/Details"));
@@ -74,7 +76,7 @@ var Default = function Default() {
         color: button.color || 'secondary'
       }, button.text);
     }), field.links && field.links.map(function (link, index) {
-      return /*#__PURE__*/_react["default"].createElement(_reactCore.Link, {
+      return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], {
         key: index,
         href: link.href
       }, link.text);

package/app/Confirmation/Confirmation.mdx

@@ -10,3 +10,7 @@ import Confirmation from '@digigov/ui/app/Confirmation';
 ## How to use
 
 <Story packageName="@digigov/ui" component="app/Confirmation" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Confirmation" />

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

@@ -1,6 +1,10 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { Confirmation as component };
+    export const displayName: string;
 }
 export default _default;
-export * from "./__stories__/Default";
+export * from "@digigov/ui/app/Confirmation/__stories__/Default";
+import Confirmation from "@digigov/ui/app/Confirmation";

package/app/Confirmation/Confirmation.stories.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _app = _interopRequireDefault(require("@digigov/ui/app"));
+var _Confirmation = _interopRequireDefault(require("@digigov/ui/app/Confirmation"));
 
-var _Default = require("./__stories__/Default");
+var _Default = require("@digigov/ui/app/Confirmation/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -25,6 +25,9 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/app/Confirmation',
-  component: _app["default"]
+  description: 'You should use it in a confirmation page at the end of a transaction.',
+  link: 'https://guide.services.gov.gr/docs/components/confirmation-message',
+  component: _Confirmation["default"],
+  displayName: 'Confirmation'
 };
 exports["default"] = _default;

package/app/Confirmation/index.d.ts

@@ -1,5 +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 };

package/app/Confirmation/index.js

@@ -1,29 +1,58 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ConfirmationBody", {
-  enumerable: true,
-  get: function get() {
-    return _ConfirmationBody["default"];
-  }
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Confirmation = _interopRequireWildcard(require("@digigov/react-core/Confirmation"));
+
+Object.keys(_Confirmation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Confirmation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Confirmation[key];
+    }
+  });
 });
-Object.defineProperty(exports, "ConfirmationTitle", {
-  enumerable: true,
-  get: function get() {
-    return _ConfirmationTitle["default"];
-  }
+
+var _ConfirmationBody = require("@digigov/react-core/ConfirmationBody");
+
+Object.keys(_ConfirmationBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ConfirmationBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ConfirmationBody[key];
+    }
+  });
 });
-exports["default"] = void 0;
 
-var _Confirmation = _interopRequireDefault(require("@digigov/react-core/Confirmation"));
+var _ConfirmationTitle = require("@digigov/react-core/ConfirmationTitle");
+
+Object.keys(_ConfirmationTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ConfirmationTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ConfirmationTitle[key];
+    }
+  });
+});
 
-var _ConfirmationBody = _interopRequireDefault(require("@digigov/react-core/ConfirmationBody"));
+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); }
 
-var _ConfirmationTitle = _interopRequireDefault(require("@digigov/react-core/ConfirmationTitle"));
+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 _default = _Confirmation["default"];
 exports["default"] = _default;

package/app/Footer/Footer.mdx

@@ -28,3 +28,7 @@ import Footer from '@digigov/ui/app/Footer';
 ### All inclusive footer
 
 <Story packageName="@digigov/ui" component="app/Footer" story="FooterAllInclusive.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Footer" />

package/app/Footer/Footer.stories.d.ts

@@ -1,6 +1,10 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
+    export const defaultWidth: string;
     export { Footer as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";
@@ -10,3 +14,4 @@ export * from "./__stories__/DefaultCopyright";
 export * from "./__stories__/FooterWithSecondaryNavigation";
 export * from "./__stories__/FooterAllInclusive";
 export * from "./__stories__/YearCopyright";
+import Footer from "@digigov/ui/app/Footer";

package/app/Footer/Footer.stories.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _app = _interopRequireDefault(require("@digigov/ui/app"));
+var _Footer = _interopRequireDefault(require("@digigov/ui/app/Footer"));
 
 var _Default = require("./__stories__/Default");
 
@@ -111,6 +111,10 @@ Object.keys(_YearCopyright).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/app/Footer',
-  component: _app["default"]
+  description: 'The footer provides copyright, licensing and other information about your service and department.',
+  link: 'https://guide.services.gov.gr/docs/components/footer',
+  defaultWidth: 'l',
+  component: _Footer["default"],
+  displayName: 'Footer'
 };
 exports["default"] = _default;

package/app/Footer/index.d.ts

@@ -13,3 +13,5 @@ export * from '@digigov/react-core/FooterMeta';
 export * from '@digigov/react-core/FooterMetaItem';
 export * from '@digigov/react-core/FooterNavigation';
 export * from '@digigov/react-core/FooterSection';
+import Footer from '@digigov/react-core/Footer';
+export default Footer;