@digigov/ui 0.24.1 → 0.26.0

package/es/admin/AutoComplete/utils.js

@@ -1,6 +1,19 @@
-export default function suggest(query, syncResults) {
-  var results = ['Afghanistan', 'Akrotiri', 'Albania', 'Algeria', 'American Samoa', 'Andorra', 'Angola', 'Anguilla', 'Antarctica', 'Antigua and Barbuda', 'Argentina', 'Armenia', 'Aruba', 'Ashmore and Cartier Islands', 'Australia', 'Austria', 'Azerbaijan', 'Bahamas, The', 'Bahrain', 'Bangladesh', 'Barbados', 'Bassas da India', 'Belarus', 'Belgium', 'Belize', 'Benin', 'Bermuda', 'Bhutan', 'Bolivia', 'Bosnia and Herzegovina', 'Botswana', 'Bouvet Island', 'Brazil', 'British Indian Ocean Territory', 'British Virgin Islands', 'Brunei', 'Bulgaria', 'Burkina Faso', 'Burma', 'Burundi', 'Cambodia', 'Cameroon', 'Canada', 'Cape Verde', 'Cayman Islands', 'Central African Republic', 'Chad', 'Chile', 'China', 'Christmas Island', 'Clipperton Island', 'Cocos (Keeling) Islands', 'Colombia', 'Comoros', 'Congo', 'Cook Islands', 'Coral Sea Islands', 'Costa Rica', "Cote d'Ivoire", 'Croatia', 'Cuba', 'Cyprus', 'Czech Republic', 'Denmark', 'Dhekelia', 'Djibouti', 'Dominica', 'Dominican Republic', 'Ecuador', 'Egypt', 'El Salvador', 'Equatorial Guinea', 'Eritrea', 'Estonia', 'Ethiopia', 'Europa Island', 'Falkland Islands', 'Faroe Islands', 'Fiji', 'Finland', 'France', 'French Guiana', 'French Polynesia', 'French Southern and Antarctic Lands', 'Gabon', 'Gambia,', 'Gaza Strip', 'Georgia', 'Germany', 'Ghana', 'Gibraltar', 'Glorioso Islands', 'Greece', 'Greenland', 'Grenada', 'Guadeloupe', 'Guam', 'Guatemala', 'Guernsey', 'Guinea', 'Guinea-Bissau', 'Guyana', 'Haiti', 'Heard Island and McDonald Islands', 'Holy See (Vatican City)', 'Honduras', 'Hong Kong', 'Hungary', 'Iceland', 'India', 'Indonesia', 'Iran', 'Iraq', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Jamaica', 'Jan Mayen', 'Japan', 'Jersey', 'Jordan', 'Juan de Nova Island', 'Kazakhstan', 'Kenya', 'Kiribati', 'Korea, North', 'Korea, South', 'Kuwait', 'Kyrgyzstan', 'Laos', 'Latvia', 'Lebanon', 'Lesotho', 'Liberia', 'Libya', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Macau', 'Macedonia', 'Madagascar', 'Malawi', 'Malaysia', 'Maldives', 'Mali', 'Malta', 'Marshall Islands', 'Martinique', 'Mauritania', 'Mauritius', 'Mayotte', 'Mexico', 'Micronesia, Federated States of', 'Moldova', 'Monaco', 'Mongolia', 'Montserrat', 'Morocco', 'Mozambique', 'Namibia', 'Nauru', 'Navassa Island', 'Nepal', 'Netherlands', 'Netherlands Antilles', 'New Caledonia', 'New Zealand', 'Nicaragua', 'Niger', 'Nigeria', 'Niue', 'Norfolk Island', 'Northern Mariana Islands', 'Norway', 'Oman', 'Pakistan', 'Palau', 'Panama', 'Papua New Guinea', 'Paracel Islands', 'Paraguay', 'Peru', 'Philippines', 'Pitcairn Islands', 'Poland', 'Portugal', 'Puerto Rico', 'Qatar', 'Reunion', 'Romania', 'Russia', 'Rwanda', 'Saint Helena', 'Saint Kitts and Nevis', 'Saint Lucia', 'Saint Pierre and Miquelon', 'Saint Vincent and the Grenadines', 'Samoa', 'San Marino', 'Sao Tome and Principe', 'Saudi Arabia', 'Senegal', 'Serbia and Montenegro', 'Seychelles', 'Sierra Leone', 'Singapore', 'Slovakia', 'Slovenia', 'Solomon Islands', 'Somalia', 'South Africa', 'South Georgia and the South Sandwich Islands', 'Spain', 'Spratly Islands', 'Sri Lanka', 'Sudan', 'Suriname', 'Svalbard', 'Swaziland', 'Sweden', 'Switzerland', 'Syria', 'Taiwan', 'Tajikistan', 'Tanzania', 'Thailand', 'Timor-Leste', 'Togo', 'Tokelau', 'Tonga', 'Trinidad and Tobago', 'Tromelin Island', 'Tunisia', 'Turkey', 'Turkmenistan', 'Turks and Caicos Islands', 'Tuvalu', 'Uganda', 'Ukraine', 'United Arab Emirates', 'United Kingdom', 'United States', 'Uruguay', 'Uzbekistan', 'Vanuatu', 'Venezuela', 'Vietnam', 'Virgin Islands', 'Wake Island', 'Wallis and Futuna', 'West Bank', 'Western Sahara', 'Yemen', 'Zambia', 'Zimbabwe'];
-  syncResults(query ? results.filter(function (result) {
-    return result.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-  }) : []);
+export var keyCodes = {
+  13: 'enter',
+  27: 'escape',
+  32: 'space',
+  38: 'up',
+  40: 'down'
+};
+export function isIosDevice() {
+  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
+}
+export function isPrintableKeyCode(keyCode) {
+  return keyCode > 47 && keyCode < 58 || // number keys
+  keyCode === 32 || keyCode === 8 || // spacebar or backspace
+  keyCode > 64 && keyCode < 91 || // letter keys
+  keyCode > 95 && keyCode < 112 || // numpad keys
+  keyCode > 185 && keyCode < 193 || // ;=,-./` (in order)
+  keyCode > 218 && keyCode < 223 // [\]' (in order)
+  ;
 }

package/es/admin/Chip/index.js

@@ -1,5 +1,7 @@
 export * from '@digigov/react-extensions/admin/Chip';
 export * from '@digigov/react-extensions/admin/ChipHeading';
 export * from '@digigov/react-extensions/admin/ChipSection';
+export * from '@digigov/react-extensions/admin/ChipSectionHorizontal';
+export * from '@digigov/react-extensions/admin/ChipSectionWrapper';
 import Chip from '@digigov/react-extensions/admin/Chip';
 export default Chip;

package/es/admin/CopyToClipboard/index.js

@@ -43,4 +43,5 @@ export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipbo
     role: "tooltip"
   }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));
 });
-export default CopyToClipboard;
+export default CopyToClipboard;
+export { CopyToClipboardContainer, CopyToClipboardMessage };

package/es/admin/Drawer/Drawer.stories.js

@@ -1,6 +1,3 @@
-import Drawer from '@digigov/ui/admin/Drawer';
 export default {
-  title: 'Digigov UI/admin/Drawer',
-  component: Drawer
-};
-export * from '@digigov/ui/admin/Drawer/__stories__/Default';
+  title: 'Digigov UI/admin/Drawer'
+}; // export * from '@digigov/ui/admin/Drawer/__stories__/Default';

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

@@ -9,6 +9,19 @@ import { Card, CardHeading, CardText } from '@digigov/react-core';
 import Grid from '@digigov/react-core/Grid';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
 
+function useDrawer() {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  function toggleDrawer() {
+    setOpen(!open);
+  }
+
+  return [open, toggleDrawer];
+}
+
 var _ref = /*#__PURE__*/React.createElement(GovGRLogo, null);
 
 var _ref2 = /*#__PURE__*/React.createElement(BurgerIcon, null);
@@ -47,19 +60,6 @@ var _ref6 = /*#__PURE__*/React.createElement(AdminMain, null, /*#__PURE__*/React
 var _ref7 = /*#__PURE__*/React.createElement(GovGRFooter, null);
 
 export var Default = function Default() {
-  function useDrawer() {
-    var _useState = useState(true),
-        _useState2 = _slicedToArray(_useState, 2),
-        open = _useState2[0],
-        setOpen = _useState2[1];
-
-    function toggleDrawer() {
-      setOpen(!open);
-    }
-
-    return [open, toggleDrawer];
-  }
-
   var _useDrawer = useDrawer(),
       _useDrawer2 = _slicedToArray(_useDrawer, 2),
       open = _useDrawer2[0],

package/es/admin/Drawer/index.js

@@ -1,3 +1,4 @@
 export * from '@digigov/react-extensions/admin/Drawer';
+export * from '@digigov/react-extensions/admin/DrawerHeading';
 import Drawer from '@digigov/react-extensions/admin/Drawer';
 export default Drawer;

package/es/admin/Dropdown/index.js

@@ -35,24 +35,31 @@ export var Dropdown = function Dropdown(_ref) {
       var parentElement = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.parentElement;
 
       if (innerRef.current.open) {
+        var _innerRef$current2;
+
         tbody.style.position = 'static';
-        var rect = parentElement.getBoundingClientRect();
+        var rect = (_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.getBoundingClientRect();
+        var parentRect = parentElement.getBoundingClientRect();
         innerRef.current.style.position = 'static'; // arbitrary spacing of 12 pixels because CSS
 
-        var top = rect.top + window.pageYOffset + 12;
+        var top = rect.top + window.pageYOffset;
         var left = rect.left + window.pageXOffset;
-        parentElement.style.top = "".concat(top, "px");
-        parentElement.style.left = "".concat(left, "px");
-        parentElement.style.position = "absolute";
-        parentElement.style.display = "block";
-        parentElement.style.background = 'white';
+        parentElement.style.height = "".concat(parentRect.height, "px");
+        parentElement.style.width = "".concat(parentRect.width, "px");
+        innerRef.current.style.top = "".concat(top, "px");
+        innerRef.current.style.left = "".concat(left, "px");
+        innerRef.current.style.position = "absolute";
+        innerRef.current.style.display = "block";
+        innerRef.current.style.background = 'white';
       } else {
         tbody.style.position = 'relative';
-        parentElement.style.top = "0";
-        parentElement.style.left = "0";
-        parentElement.style.position = "relative";
-        parentElement.style.display = "table-cell";
-        parentElement.style.background = 'transparent';
+        parentElement.style.height = '';
+        parentElement.style.width = '';
+        innerRef.current.style.top = "0";
+        innerRef.current.style.left = "0";
+        innerRef.current.style.position = "relative";
+        innerRef.current.style.display = "table-cell";
+        innerRef.current.style.background = 'transparent';
       }
     };
 

package/es/admin/DropdownArrowDown/index.js

@@ -0,0 +1,3 @@
+import DropdownArrowDown from '@digigov/react-extensions/admin/DropdownArrowDown';
+export default DropdownArrowDown;
+export { DropdownArrowDown };

package/es/admin/StepNav/StepNav.stories.js

@@ -0,0 +1,7 @@
+/* eslint-disable digigov/no-relative-imports */
+import StepNav from '@digigov/ui/admin/StepNav';
+export default {
+  title: 'Digigov UI/admin/StepNav',
+  component: StepNav
+};
+export * from './__stories__/Default';

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

@@ -0,0 +1,97 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import StepNav, { StepNavCircleΝumber, StepNavControls, StepNavList, StepNavListItem, StepNavAccordionOpened, StepNavAccordionClosed, StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText } from '@digigov/ui/admin/StepNav';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import List, { ListItem } from '@digigov/ui/core/List';
+import Link from '@digigov/ui/core/Link';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Button from '@digigov/ui/core/Button';
+var data = [{
+  title: 'Title-1',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-2',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-3',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}, {
+  title: 'Title-4',
+  description: 'Some description here',
+  link: 'A link to navigate'
+}];
+
+var _ref = /*#__PURE__*/React.createElement(StepNavCircleΝumber, {
+  border: false
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step"), "and");
+
+var _ref2 = /*#__PURE__*/React.createElement(VisuallyHidden, null, "Step");
+
+var _ref3 = /*#__PURE__*/React.createElement(StepNavAccordionOpened, null, "\u0391\u03C0\u03CC\u03BA\u03C1\u03C5\u03C8\u03B7");
+
+var _ref4 = /*#__PURE__*/React.createElement(StepNavAccordionClosed, null, "\u0395\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7");
+
+export var Default = function Default() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      SetOpen = _useState2[1];
+
+  var _useState3 = useState([false, false, false, false]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      openItem = _useState4[0],
+      setOpenItem = _useState4[1];
+
+  useEffect(function () {
+    var stateArray = [];
+
+    if (open === false) {
+      openItem.map(function () {
+        stateArray.push(false);
+      });
+      setOpenItem(stateArray);
+    } else {
+      openItem.map(function () {
+        stateArray.push(true);
+      });
+      setOpenItem(stateArray);
+    }
+  }, [open]);
+
+  function openCloseItem(index) {
+    var statusOpenItem = _toConsumableArray(openItem);
+
+    statusOpenItem[index] = !statusOpenItem[index];
+    setOpenItem(statusOpenItem);
+  }
+
+  function openCloseAll() {
+    SetOpen(!open);
+  }
+
+  return /*#__PURE__*/React.createElement(StepNav, null, /*#__PURE__*/React.createElement(StepNavControls, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: function onClick() {
+      openCloseAll();
+    }
+  }, open === false ? 'Εμφάνιση όλων' : 'Απόκρυψη όλων')), /*#__PURE__*/React.createElement(StepNavList, null, data && data.map(function (dt, index) {
+    return /*#__PURE__*/React.createElement(StepNavListItem, {
+      key: index
+    }, /*#__PURE__*/React.createElement(StepNavAccordion, {
+      open: open
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummary, {
+      onClick: function onClick() {
+        openCloseItem(index);
+      }
+    }, /*#__PURE__*/React.createElement(StepNavAccordionSummaryHeading, {
+      "aria-controls": "content1"
+    }, index === 2 ? _ref : /*#__PURE__*/React.createElement(StepNavCircleΝumber, null, _ref2, index + 1), /*#__PURE__*/React.createElement(StepNavAccordionHeadingTitle, null, /*#__PURE__*/React.createElement(StepNavAccordionHeadingText, null, dt.title), openItem[index] === true ? _ref3 : _ref4))), /*#__PURE__*/React.createElement(StepNavAccordionContent, {
+      id: "content1"
+    }, /*#__PURE__*/React.createElement(Paragraph, null, dt.description), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, dt.link))))));
+  })));
+};
+export default Default;

package/es/admin/StepNav/index.js

@@ -0,0 +1,15 @@
+import StepNavCircleΝumber from '@digigov/react-extensions/admin/StepNavCircleΝumber';
+import StepNav from '@digigov/react-extensions/admin/StepNav';
+import StepNavControls from '@digigov/react-extensions/admin/StepNavControls';
+import StepNavList from '@digigov/react-extensions/admin/StepNavList';
+import StepNavListItem from '@digigov/react-extensions/admin/StepNavListItem';
+import StepNavAccordion from '@digigov/react-extensions/admin/StepNavAccordion';
+import StepNavAccordionContent from '@digigov/react-extensions/admin/StepNavAccordionContent';
+import StepNavAccordionSummary from '@digigov/react-extensions/admin/StepNavAccordionSummary';
+import StepNavAccordionOpened from '@digigov/react-extensions/admin/StepNavAccordionOpened';
+import StepNavAccordionClosed from '@digigov/react-extensions/admin/StepNavAccordionClosed';
+import StepNavAccordionSummaryHeading from '@digigov/react-extensions/admin/StepNavAccordionSummaryHeading';
+import StepNavAccordionHeadingTitle from '@digigov/react-extensions/admin/StepNavAccordionHeadingTitle';
+import StepNavAccordionHeadingText from '@digigov/react-extensions/admin/StepNavAccordionHeadingText';
+export { StepNavAccordion, StepNavAccordionContent, StepNavAccordionSummary, StepNavAccordionSummaryHeading, StepNavAccordionHeadingTitle, StepNavAccordionHeadingText, StepNavCircleΝumber, StepNavAccordionOpened, StepNavAccordionClosed, StepNav, StepNavControls, StepNavList, StepNavListItem };
+export default StepNav;

package/es/admin/index.js

@@ -1,4 +1,5 @@
 export * from '@digigov/ui/admin/Dropdown';
+export * from '@digigov/ui/admin/DropdownArrowDown';
 export * from '@digigov/ui/admin/Chip';
 export * from '@digigov/ui/admin/CopyToClipboard';
 export * from '@digigov/ui/admin/FillableText';
@@ -16,4 +17,5 @@ export * from '@digigov/ui/admin/SearchSection';
 export * from '@digigov/ui/admin/FilterSection';
 export * from '@digigov/ui/admin/AutoComplete';
 export * from '@digigov/ui/admin/Timeline';
-export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/TaskList';
+export * from '@digigov/ui/admin/StepNav';

package/es/app/Footer/Footer.stories.js

@@ -7,5 +7,6 @@ export default {
 export * from './__stories__/Default';
 export * from './__stories__/FooterWithLogo';
 export * from './__stories__/FooterWithLink';
+export * from './__stories__/DefaultCopyright';
 export * from './__stories__/FooterWithSecondaryNavigation';
 export * from './__stories__/FooterAllInclusive';

package/es/app/Footer/__stories__/DefaultCopyright.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import Footer from '@digigov/ui/govgr/Footer';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterInlineList, FooterInlineListItem, FooterLink, VisuallyHidden } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
+  grow: true
+}, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var DefaultCopyright = function DefaultCopyright() {
+  return _ref;
+};
+export default DefaultCopyright;

package/es/app/Footer/__stories__/FooterAllInclusive.js

@@ -16,13 +16,16 @@ var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.cre
   src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
 }), /*#__PURE__*/React.createElement(FooterImage, {
   src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
-})), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+})), /*#__PURE__*/React.createElement(Copyright, null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://grnet.gr/",
   target: "_blank"
 }, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://mindigital.gr/",
   target: "_blank"
-}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://www.minedu.gov.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
 
 export var FooterAllInclusive = function FooterAllInclusive() {
   return _ref;

package/es/app/Footer/__stories__/FooterWithLink.js

@@ -9,7 +9,7 @@ var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.cre
   grow: true
 }, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
   href: "#"
-}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
   href: "https://grnet.gr/",
   target: "_blank"
 }, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {

package/es/app/i18n.js

@@ -3,11 +3,25 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["t", "children"];
 import React from 'react';
 import el from '@digigov/ui/locales/el';
-export var defaultTranslate = function defaultTranslate(key) {
+export var defaultTranslate = function defaultTranslate(key, context) {
   try {
     if (key.split('.').length > 0) {
       return key.split('.').reduce(function (locale, path) {
-        return locale[path] ? locale[path] : key;
+        if (locale[path]) {
+          if (typeof locale[path] === 'string' && context) {
+            var nextLocale = locale[path];
+            var matches = locale[path].match(/\{{(\w+)\}}/g) || [];
+            matches.forEach(function (match) {
+              var variable = match.replaceAll(/{|}/g, '');
+              nextLocale = nextLocale.replace(match, context[variable]);
+            });
+            return nextLocale;
+          }
+
+          return locale[path];
+        } else {
+          return key;
+        }
       }, el);
     } else if (el[key]) {
       return el[key];

package/es/core/Base/index.js

@@ -0,0 +1,3 @@
+import Base from '@digigov/react-core/Base';
+export default Base;
+export { Base };

package/es/core/Button/__stories__/GroupingButtons.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button, { ButtonGroup } from '@digigov/ui/core/Button';
 /**
- * My deescrition is the best description that was described 
+ * My deescrition is the best description that was described
  */
 
 var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /*#__PURE__*/React.createElement(Button, {

package/es/core/Checkboxes/__stories__/NoneAnswerWithError.js

@@ -28,7 +28,7 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   value: "none"
 }, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));
 
-export var NoneAnswer = function NoneAnswer() {
+export var NoneAnswerWithError = function NoneAnswerWithError() {
   return _ref;
 };
-export default NoneAnswer;
+export default NoneAnswerWithError;

package/es/core/FileUpload/__stories__/WithErrorMessage.js

@@ -11,7 +11,7 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   size: "m"
 }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/React.createElement(FileUpload, null)));
 
-export var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
+export var WithErrorMessage = function WithErrorMessage() {
   return _ref;
 };
-export default WithErrorMessageForSingleField;
+export default WithErrorMessage;

package/es/core/Form/index.js

@@ -0,0 +1,3 @@
+import Form from '@digigov/react-core/Form';
+export { Form };
+export default Form;

package/es/core/Label/index.js

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/Label';
+export * from '@digigov/react-core/LabelTitle';
+import Label from '@digigov/react-core/Label';
+export default Label;

package/es/core/Link/index.js

@@ -24,4 +24,5 @@ var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
     href: href
   }, props), children);
 });
-export default Link;
+export default Link;
+export { Link };

package/es/core/NavList/NavHorizontal.js

@@ -0,0 +1,3 @@
+import NavHorizontal from '@digigov/react-core/NavHorizontal';
+export { NavHorizontal };
+export default NavHorizontal;

package/es/core/NavList/NavHorizontalList.js

@@ -0,0 +1,3 @@
+import NavHorizontalList from '@digigov/react-core/NavHorizontalList';
+export { NavHorizontalList };
+export default NavHorizontalList;

package/es/core/NavList/NavHorizontalListItem.js

@@ -0,0 +1,3 @@
+import NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
+export { NavHorizontalListItem };
+export default NavHorizontalListItem;

package/es/core/NavList/NavVertical.js

@@ -0,0 +1,3 @@
+import NavVertical from '@digigov/react-core/NavVertical';
+export { NavVertical };
+export default NavVertical;

package/es/core/NavList/NavVerticalItem.js

@@ -0,0 +1,3 @@
+import NavVerticalItem from '@digigov/react-core/NavVerticalItem';
+export { NavVerticalItem };
+export default NavVerticalItem;

package/es/core/NavList/index.js

@@ -2,4 +2,9 @@ export { NavList as default } from '@digigov/ui/core/NavList/NavList';
 export * from '@digigov/ui/core/NavList/NavList';
 export * from '@digigov/ui/core/NavList/NavListItem';
 export * from '@digigov/ui/core/NavList/NavListSubMenu';
-export * from '@digigov/ui/core/NavList/NavListContext';
+export * from '@digigov/ui/core/NavList/NavListContext';
+export * from '@digigov/ui/core/NavList/NavHorizontal';
+export * from '@digigov/ui/core/NavList/NavHorizontalList';
+export * from '@digigov/ui/core/NavList/NavHorizontalListItem';
+export * from '@digigov/ui/core/NavList/NavVertical';
+export * from '@digigov/ui/core/NavList/NavVerticalItem';

package/es/core/SkipLink/index.js

@@ -0,0 +1,3 @@
+import SkipLink from '@digigov/react-core/SkipLink';
+export default SkipLink;
+export { SkipLink };

package/es/core/SummaryList/SummaryList.stories.js

@@ -6,4 +6,5 @@ export default {
 };
 export * from './__stories__/Default';
 export * from './__stories__/WithActions';
-export * from './__stories__/WithoutBorders';
+export * from './__stories__/WithoutBorders';
+export * from './__stories__/WithKeyAndAction';

package/es/core/SummaryList/__stories__/Default.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Link from '@digigov/ui/core/Link';
 
-var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "6941234567")));
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "6941234567")));
 
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);

package/es/core/SummaryList/__stories__/WithKeyAndAction.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey } from '@digigov/ui/core/SummaryList';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Link from '@digigov/ui/core/Link';
+import { ButtonGroup, Button } from '@digigov/ui/core';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+  variant: "link"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/React.createElement(Button, {
+  variant: "link"
+}, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE ", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"))))));
+
+export var WithKeyAndAction = function WithKeyAndAction() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+};
+export default WithKeyAndAction;

package/es/core/SvgIcon/index.js

@@ -2,6 +2,7 @@ export * from '@digigov/react-core/SvgIcon';
 export * from '@digigov/react-core/ArrowIcon';
 export * from '@digigov/react-core/CaretIcon';
 export * from '@digigov/react-core/UncheckIcon';
+export * from '@digigov/react-core/CheckIcon';
 export * from '@digigov/react-core/CloseIcon';
 export * from '@digigov/react-core/MoreVertIcon';
 export * from '@digigov/react-core/BurgerIcon';

package/es/core/index.js

@@ -1,5 +1,6 @@
 export { default as Button } from '@digigov/ui/core/Button';
 export * from '@digigov/ui/core/BackLink';
+export * from '@digigov/ui/core/Base';
 export * from '@digigov/ui/core/Button';
 export * from '@digigov/ui/core/Accordion';
 export * from '@digigov/ui/core/Blockquote';
@@ -10,8 +11,11 @@ export * from '@digigov/ui/core/Details';
 export * from '@digigov/ui/core/Divider';
 export * from '@digigov/ui/core/ErrorSummary';
 export * from '@digigov/ui/core/FileUpload';
+export * from '@digigov/ui/core/Form';
 export * from '@digigov/ui/core/Hidden';
+export * from '@digigov/ui/core/Label';
 export * from '@digigov/ui/core/Link';
+export * from '@digigov/ui/core/SkipLink';
 export * from '@digigov/ui/core/List';
 export * from '@digigov/ui/core/NavList';
 export * from '@digigov/ui/core/NavList';

package/es/govgr/Footer/Copyright.js

@@ -12,7 +12,8 @@ export var Copyright = function Copyright(_ref) {
   var _ref$copyright = _ref.copyright,
       copyright = _ref$copyright === void 0 ? getCopyright() : _ref$copyright,
       createdBy = _ref.createdBy,
-      minDigitalCopyright = _ref.minDigitalCopyright;
+      minDigitalCopyright = _ref.minDigitalCopyright,
+      children = _ref.children;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -24,7 +25,7 @@ export var Copyright = function Copyright(_ref) {
     url: 'https://grnet.gr',
     label: t('footer.grnet')
   };
-  return /*#__PURE__*/React.createElement(CoreCopyright, null, copyright, ' - ', createdBy || /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React.createElement(CoreCopyright, null, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, copyright, ' - ', createdBy || /*#__PURE__*/React.createElement(React.Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/React.createElement(Link, {
     href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -32,6 +33,6 @@ export var Copyright = function Copyright(_ref) {
     href: "https://mathe.ellak.gr/",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.open_source')))));
+  }, t('footer.open_source'))))));
 };
 export default Copyright;

package/es/layouts/Basic/Content/index.js

@@ -1,4 +1,5 @@
 import CoreContainer from '@digigov/react-core/Container';
+import Container from '@digigov/react-core/Container';
 import withDeprecation from '@digigov/ui/utils/withDeprecation';
 export var Content = withDeprecation(CoreContainer, {
   name: 'Content',
@@ -15,4 +16,5 @@ export var Content = withDeprecation(CoreContainer, {
     }
   }
 });
-export default Content;
+export default Content;
+export { Container };

package/es/layouts/Basic/Side/index.js

@@ -4,4 +4,5 @@ export var Side = withDeprecation(Aside, {
   name: 'Side',
   rename: 'Aside'
 });
-export default Side;
+export default Side;
+export { Aside };