@digigov/ui 0.24.1 → 0.26.0

package/esm/admin/AutoComplete/index.js

@@ -21,31 +21,7 @@ import AutoCompleteAssistiveHint from '@digigov/react-extensions/admin/AutoCompl
 import { Component } from 'react';
 import Status from '@digigov/ui/admin/AutoComplete/Status';
 import DropdownArrowDown from '@digigov/react-extensions/admin/DropdownArrowDown';
-/* const IS_PREACT = process.env.COMPONENT_LIBRARY === 'PREACT'; */
-
-/* const IS_REACT = process.env.COMPONENT_LIBRARY === 'REACT'; */
-
-var keyCodes = {
-  13: 'enter',
-  27: 'escape',
-  32: 'space',
-  38: 'up',
-  40: 'down'
-};
-
-function isIosDevice() {
-  return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));
-}
-
-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)
-  ;
-}
+import { isIosDevice, keyCodes, isPrintableKeyCode } from '@digigov/ui/admin/AutoComplete/utils';
 
 var AutoComplete = /*#__PURE__*/function (_Component) {
   _inherits(AutoComplete, _Component);
@@ -139,7 +115,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevState) {
+    value: function componentDidUpdate(_, prevState) {
       var focused = this.state.focused;
       var componentLostFocus = focused === null;
       var focusedChanged = prevState.focused !== focused;
@@ -515,7 +491,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           tStatusSelectedOption = _this$props4.tStatusSelectedOption,
           tStatusResults = _this$props4.tStatusResults,
           tAssistiveHint = _this$props4.tAssistiveHint,
-          dropdownArrowFactory = _this$props4.dropdownArrow;
+          DropdownArrow = _this$props4.dropdownArrow;
       var _this$state7 = this.state,
           focused = _this$state7.focused,
           hovered = _this$state7.hovered,
@@ -542,23 +518,6 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var ariaDescribedProp = ariaHint ? {
         'aria-describedby': assistiveHintID
       } : null;
-      var dropdownArrow; // we only need a dropdown arrow if showAllValues is set to a truthy value
-
-      if (showAllValues) {
-        dropdownArrow = dropdownArrowFactory({
-          className: dropdownArrowClassName
-        }); // if the factory returns a string we'll render this as HTML (usage w/o (P)React)
-
-        if (typeof dropdownArrow === 'string') {
-          dropdownArrow = /*#__PURE__*/React.createElement("div", {
-            className: "autocomplete__dropdown-arrow-down-wrapper",
-            dangerouslySetInnerHTML: {
-              __html: dropdownArrow
-            }
-          });
-        }
-      }
-
       return /*#__PURE__*/React.createElement(AutoCompleteWrapper, {
         onKeyDown: this.handleKeyDown,
         cellWidth: cellWidth
@@ -601,7 +560,9 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         role: "combobox",
         required: required,
         value: query
-      })), dropdownArrow, /*#__PURE__*/React.createElement(AutoCompleteResultList, {
+      })), showAllValues && DropdownArrow && /*#__PURE__*/React.createElement(DropdownArrow, {
+        className: dropdownArrowClassName
+      }), /*#__PURE__*/React.createElement(AutoCompleteResultList, {
         displayMenu: displayMenu,
         isVisible: menuIsVisible,
         onMouseLeave: function onMouseLeave() {

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/admin/DropdownArrowDown/index.js

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

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/core/Base/index.js

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

package/esm/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/esm/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/esm/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/esm/core/Form/index.js

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

package/esm/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/esm/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/esm/core/NavList/NavHorizontal.js

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

package/esm/core/NavList/NavHorizontalList.js

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

package/esm/core/NavList/NavHorizontalListItem.js

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

package/esm/core/NavList/NavVertical.js

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

package/esm/core/NavList/NavVerticalItem.js

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

package/esm/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/esm/core/SkipLink/index.js

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

package/esm/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/esm/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);