@digigov/ui 1.0.2 → 1.1.1

package/CHANGELOG.md

@@ -1,6 +1,30 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Tue, 19 Dec 2023 15:00:14 GMT and should not be manually modified.
+This log was last generated on Mon, 29 Jan 2024 17:45:11 GMT and should not be manually modified.
+
+## 1.1.1
+Mon, 29 Jan 2024 17:45:11 GMT
+
+_Version update only_
+
+## 1.1.0
+Mon, 29 Jan 2024 10:46:50 GMT
+
+### Minor changes
+
+- add Screen component to programmatically show children based on screen sizes
+- Upgrade typescript to v5
+
+### Patches
+
+- Export Code component
+- Update Footer's storybook examples
+- Fix mutable reference inside useEffect
+
+## 1.0.2
+Thu, 11 Jan 2024 17:11:30 GMT
+
+_Version update only_
 
 ## 1.0.1
 Tue, 19 Dec 2023 15:00:14 GMT

package/api/APIErrors/index.js

@@ -2,22 +2,21 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 export var APIErrors = /*#__PURE__*/function (_React$Component) {
   _inherits(APIErrors, _React$Component);
-  var _super = _createSuper(APIErrors);
   function APIErrors() {
     var _this;
     _classCallCheck(this, APIErrors);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, APIErrors, [].concat(args));
     _this.state = {
       hasError: false,
       error: null
@@ -57,14 +56,13 @@ export default APIErrors;
 */
 export var APIError = /*#__PURE__*/function (_Error) {
   _inherits(APIError, _Error);
-  var _super2 = _createSuper(APIError);
   function APIError(errors, status) {
     var _this2;
     _classCallCheck(this, APIError);
     for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
       args[_key2 - 2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _this2 = _callSuper(this, APIError, [].concat(args));
     _this2.error = null;
     _this2.errors = null;
     _this2.status = 200;

package/app/BannerContainer/BannerContainer.stories.d.ts

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

package/app/Footer/Footer.stories/index.js

@@ -12,5 +12,6 @@ export * from '@digigov/ui/app/Footer/__stories__/FooterWithLogo';
 export * from '@digigov/ui/app/Footer/__stories__/FooterWithLink';
 export * from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';
 export * from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';
+export * from '@digigov/ui/app/Footer/__stories__/FooterWithText';
 export * from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';
 export * from '@digigov/ui/app/Footer/__stories__/YearCopyright';

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

@@ -1,10 +1,10 @@
 declare namespace _default {
-    export const title: string;
-    export const description: string;
-    export const link: string;
-    export const defaultWidth: string;
+    export let title: string;
+    export let description: string;
+    export let link: string;
+    export let defaultWidth: string;
     export { Footer as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/Footer/__stories__/Default";
@@ -12,6 +12,7 @@ export * from "@digigov/ui/app/Footer/__stories__/FooterWithLogo";
 export * from "@digigov/ui/app/Footer/__stories__/FooterWithLink";
 export * from "@digigov/ui/app/Footer/__stories__/DefaultCopyright";
 export * from "@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation";
+export * from "@digigov/ui/app/Footer/__stories__/FooterWithText";
 export * from "@digigov/ui/app/Footer/__stories__/FooterAllInclusive";
 export * from "@digigov/ui/app/Footer/__stories__/YearCopyright";
-import Footer from "@digigov/ui/app/Footer";
+import Footer from '@digigov/ui/app/Footer';

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

@@ -37,7 +37,11 @@ var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
 var _ref3 = /*#__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");
 var _ref4 = /*#__PURE__*/React.createElement(FooterList, {
   layout: "horizontal"
-}, /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")));
+}, /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")));
 var _ref5 = /*#__PURE__*/React.createElement(FooterContentLogos, null, /*#__PURE__*/React.createElement(FooterImage, {
   src: govgrBlueLogo
 }), /*#__PURE__*/React.createElement(FooterImage, {

package/app/Footer/__stories__/FooterWithText/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Footer, FooterContainer, FooterInfo, FooterInfoSection, FooterContent, FooterList, FooterListItem } from '@digigov/ui/app/Footer';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import Link from '@digigov/ui/navigation/Link';
+import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
+var _ref = /*#__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");
+var _ref2 = /*#__PURE__*/React.createElement(FooterList, null, /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD")));
+var _ref3 = /*#__PURE__*/React.createElement(Copyright, null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5 ", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://gsis.gr/dimosia-dioikisi/ked"
+}, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), ' ', "\u03C4\u03B7\u03C2 ", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://www.gsis.gr/"
+}, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), ".");
+var _ref4 = /*#__PURE__*/React.createElement(FooterInfoSection, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null));
+export var FooterWithText = function FooterWithText() {
+  return /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterContainer, null, /*#__PURE__*/React.createElement(FooterInfo, null, /*#__PURE__*/React.createElement(FooterInfoSection, {
+    grow: true,
+    "aria-label": "footer info section"
+  }, /*#__PURE__*/React.createElement(FooterContent, null, _ref, _ref2, _ref3, /*#__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)"))))), _ref4)));
+};
+export default FooterWithText;

package/app/Footer/__stories__/FooterWithText/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/app/Footer/__stories__/FooterWithText/index.js"
+}

package/app/Footer/__stories__/FooterWithText.d.ts

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

package/app/Header/Header.stories.d.ts

@@ -1,12 +1,12 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { Header as component };
-    export const displayName: string;
-    export const description: string;
-    export const link: string;
-    export const defaultWidth: string;
+    export let displayName: string;
+    export let description: string;
+    export let link: string;
+    export let defaultWidth: string;
     export namespace parameters {
-        const layout: string;
+        let layout: string;
     }
 }
 export default _default;
@@ -15,4 +15,4 @@ export * from "@digigov/ui/app/Header/__stories__/WithServiceName";
 export * from "@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo";
 export * from "@digigov/ui/app/Header/__stories__/WithNavigation";
 export * from "@digigov/ui/app/Header/__stories__/WithHeaderNavigation";
-import Header from "@digigov/ui/app/Header/";
+import Header from '@digigov/ui/app/Header/';

package/app/Loader/Loader.stories.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { CircularProgress as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/Loader/__stories__/Default";
-import CircularProgress from "@digigov/ui/app/Loader";
+import CircularProgress from '@digigov/ui/app/Loader';

package/app/Masthead/Masthead.stories.d.ts

@@ -1,13 +1,13 @@
 declare namespace _default {
-    export const title: string;
-    export const description: string;
-    export const link: string;
-    export const defaultWidth: string;
+    export let title: string;
+    export let description: string;
+    export let link: string;
+    export let defaultWidth: string;
     export { Masthead as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/Masthead/__stories__/Default";
 export * from "@digigov/ui/app/Masthead/__stories__/WithLogo";
 export * from "@digigov/ui/app/Masthead/__stories__/WithElements";
-import Masthead from "@digigov/ui/app/Masthead";
+import Masthead from '@digigov/ui/app/Masthead';

package/app/Modal/Modal.stories.d.ts

@@ -1,9 +1,9 @@
 declare namespace _default {
-    export const title: string;
-    export const description: string;
-    export const link: string;
+    export let title: string;
+    export let description: string;
+    export let link: string;
     export { Modal as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/Modal/__stories__/Default";
@@ -11,4 +11,4 @@ export * from "@digigov/ui/app/Modal/__stories__/AlertDialog";
 export * from "@digigov/ui/app/Modal/__stories__/Dense";
 export * from "@digigov/ui/app/Modal/__stories__/WithHooks";
 export * from "@digigov/ui/app/Modal/__stories__/Auto";
-import Modal from "@digigov/ui/app/Modal";
+import Modal from '@digigov/ui/app/Modal';

package/app/Modal/index.js

@@ -32,13 +32,13 @@ export var ModalBase = /*#__PURE__*/React.forwardRef(function ModalBase(_ref2, r
   }, []);
   useKeypress('Escape', onEscape);
   useEffect(function () {
+    var lastModalElementInstance = lastModalElement.current;
     handleFocus();
-    lastModalElement.current.addEventListener('focus', handleFocus);
+    lastModalElementInstance.addEventListener('focus', handleFocus);
     return function () {
-      lastModalElement.current.removeEventListener('focus', handleFocus);
+      lastModalElementInstance.removeEventListener('focus', handleFocus);
     };
   }, [open]);
-  console.log(ref);
   return /*#__PURE__*/React.createElement(ModalContainer, _extends({
     open: open,
     role: "dialog",

package/app/NotFound/NotFound.stories.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { NotFound as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/NotFound/__stories__/Default";
-import NotFound from "@digigov/ui/app/NotFound";
+import NotFound from '@digigov/ui/app/NotFound';

package/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck/index.js

@@ -7,7 +7,7 @@ var DEFAULT_BROWSER_SUPPORT = {
   'Mobile Safari': 10,
   Firefox: 50,
   Opera: 50,
-  IE: false
+  IE: 0
 };
 var browserUpdateLinks = {
   Chrome: 'https://www.google.com/chrome/',
@@ -27,11 +27,12 @@ export function useOutdatedBrowserCheck() {
   var currentBrowserVersion = parseInt(currentBrowser.version);
   var currentBrowserName = currentBrowser.name;
   if (browserNames.indexOf(currentBrowser.name) > -1) {
-    if (browserSupport[currentBrowserName] === false) {
+    // this checks if browser is IE
+    if (browserSupport[currentBrowserName] === 0) {
       return [true, browserUpdateLinks.Chrome];
     } else {
       if (currentBrowserVersion >= browserSupport[currentBrowserName]) {
-        //TODO: check if number
+        // TODO: check if number
         return [false, ''];
       } else {
         return [true, browserUpdateLinks[currentBrowserName]];

package/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck.d.ts

@@ -1,2 +1,2 @@
-export declare function useOutdatedBrowserCheck(browserSupport?: Record<string, number | boolean>): [boolean, string];
+export declare function useOutdatedBrowserCheck(browserSupport?: Record<string, number>): [boolean, string];
 export default useOutdatedBrowserCheck;

package/app/Panel/Panel.stories.d.ts

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

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { PhaseBannerHeader as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/PhaseBannerHeader/__stories__/Default";
-import PhaseBannerHeader from "@digigov/ui/app/PhaseBannerHeader";
+import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';

package/app/QrCodeScanner/QrCodeScanner.stories.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { QrCodeScanner as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/QrCodeScanner/__stories__/Default";
-import QrCodeScanner from "@digigov/ui/app/QrCodeScanner";
+import QrCodeScanner from '@digigov/ui/app/QrCodeScanner';

package/app/QrCodeViewer/QRCode.stories.d.ts

@@ -1,7 +1,7 @@
 declare namespace _default {
-    export const title: string;
+    export let title: string;
     export { QrCodeViewer as component };
-    export const displayName: string;
+    export let displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/app/QrCodeViewer/__stories__/Default";

package/app/QrCodeViewer/qrcodegen/index.js

@@ -963,7 +963,7 @@ var qrcodegen;
 // eslint-disable-next-line @typescript-eslint/no-namespace
 (function (_qrcodegen2) {
   var QrCode;
-  (function (_QrCode, _class) {
+  (function (_QrCode, _Ecc) {
     /*
      * The error correction level in a QR Code symbol. Immutable.
      */
@@ -982,15 +982,15 @@ var qrcodegen;
       this.ordinal = ordinal;
       this.formatBits = formatBits;
     });
-    _class = Ecc;
+    _Ecc = Ecc;
     /*-- Constants --*/
-    Ecc.LOW = new _class(0, 1);
+    Ecc.LOW = new _Ecc(0, 1);
     // The QR Code can tolerate about  7% erroneous codewords
-    Ecc.MEDIUM = new _class(1, 0);
+    Ecc.MEDIUM = new _Ecc(1, 0);
     // The QR Code can tolerate about 15% erroneous codewords
-    Ecc.QUARTILE = new _class(2, 3);
+    Ecc.QUARTILE = new _Ecc(2, 3);
     // The QR Code can tolerate about 25% erroneous codewords
-    Ecc.HIGH = new _class(3, 2);
+    Ecc.HIGH = new _Ecc(3, 2);
     _QrCode.Ecc = Ecc;
   })(QrCode || (QrCode = _qrcodegen2.QrCode || (_qrcodegen2.QrCode = {})));
 })(qrcodegen || (qrcodegen = {}));
@@ -998,7 +998,7 @@ var qrcodegen;
 // eslint-disable-next-line @typescript-eslint/no-namespace
 (function (_qrcodegen3) {
   var QrSegment;
-  (function (_QrSegment, _class2) {
+  (function (_QrSegment, _Mode) {
     /*
      * Describes how a segment's data bits are interpreted. Immutable.
      */
@@ -1030,13 +1030,13 @@ var qrcodegen;
       }]);
       return Mode;
     }();
-    _class2 = Mode;
+    _Mode = Mode;
     /*-- Constants --*/
-    Mode.NUMERIC = new _class2(0x1, [10, 12, 14]);
-    Mode.ALPHANUMERIC = new _class2(0x2, [9, 11, 13]);
-    Mode.BYTE = new _class2(0x4, [8, 16, 16]);
-    Mode.KANJI = new _class2(0x8, [8, 10, 12]);
-    Mode.ECI = new _class2(0x7, [0, 0, 0]);
+    Mode.NUMERIC = new _Mode(0x1, [10, 12, 14]);
+    Mode.ALPHANUMERIC = new _Mode(0x2, [9, 11, 13]);
+    Mode.BYTE = new _Mode(0x4, [8, 16, 16]);
+    Mode.KANJI = new _Mode(0x8, [8, 10, 12]);
+    Mode.ECI = new _Mode(0x7, [0, 0, 0]);
     _QrSegment.Mode = Mode;
   })(QrSegment || (QrSegment = _qrcodegen3.QrSegment || (_qrcodegen3.QrSegment = {})));
 })(qrcodegen || (qrcodegen = {})); // Modification to export for actual use

package/cjs/api/APIErrors/index.js

@@ -9,22 +9,21 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var APIErrors = exports.APIErrors = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(APIErrors, _React$Component);
-  var _super = _createSuper(APIErrors);
   function APIErrors() {
     var _this;
     (0, _classCallCheck2["default"])(this, APIErrors);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, APIErrors, [].concat(args));
     _this.state = {
       hasError: false,
       error: null
@@ -63,14 +62,13 @@ var _default = exports["default"] = APIErrors;
 */
 var APIError = exports.APIError = /*#__PURE__*/function (_Error) {
   (0, _inherits2["default"])(APIError, _Error);
-  var _super2 = _createSuper(APIError);
   function APIError(errors, status) {
     var _this2;
     (0, _classCallCheck2["default"])(this, APIError);
     for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
       args[_key2 - 2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _this2 = _callSuper(this, APIError, [].concat(args));
     _this2.error = null;
     _this2.errors = null;
     _this2.status = 200;

package/cjs/app/Footer/Footer.stories/index.js

@@ -67,6 +67,18 @@ Object.keys(_FooterWithSecondaryNavigation).forEach(function (key) {
     }
   });
 });
+var _FooterWithText = require("@digigov/ui/app/Footer/__stories__/FooterWithText");
+Object.keys(_FooterWithText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FooterWithText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FooterWithText[key];
+    }
+  });
+});
 var _FooterAllInclusive = require("@digigov/ui/app/Footer/__stories__/FooterAllInclusive");
 Object.keys(_FooterAllInclusive).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/cjs/app/Footer/__stories__/FooterAllInclusive/index.js

@@ -44,7 +44,11 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"
 var _ref3 = /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2");
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Footer.FooterList, {
   layout: "horizontal"
-}, /*#__PURE__*/_react["default"].createElement(_Footer.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterLink, null, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Footer.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterLink, null, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")));
+}, /*#__PURE__*/_react["default"].createElement(_Footer.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterLink, {
+  href: "#"
+}, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Footer.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterLink, {
+  href: "#"
+}, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")));
 var _ref5 = /*#__PURE__*/_react["default"].createElement(_Footer.FooterContentLogos, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterImage, {
   src: _govgrLogoBlueBase["default"]
 }), /*#__PURE__*/_react["default"].createElement(_Footer.FooterImage, {

package/cjs/app/Footer/__stories__/FooterWithText/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FooterWithText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Footer = require("@digigov/ui/app/Footer");
+var _Copyright = _interopRequireDefault(require("@digigov/ui/govgr/Footer/Copyright"));
+var _HellenicRepublicLogo = _interopRequireDefault(require("@digigov/ui/govgr/Footer/HellenicRepublicLogo"));
+var _Link = _interopRequireDefault(require("@digigov/ui/navigation/Link"));
+var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/utils/VisuallyHidden"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2");
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Footer.FooterList, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "#"
+}, "\u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD")));
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5 ", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "https://gsis.gr/dimosia-dioikisi/ked"
+}, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), ' ', "\u03C4\u03B7\u03C2 ", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "https://www.gsis.gr/"
+}, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), ".");
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Footer.FooterInfoSection, null, /*#__PURE__*/_react["default"].createElement(_HellenicRepublicLogo["default"], null));
+var FooterWithText = exports.FooterWithText = function FooterWithText() {
+  return /*#__PURE__*/_react["default"].createElement(_Footer.Footer, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterContainer, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterInfo, null, /*#__PURE__*/_react["default"].createElement(_Footer.FooterInfoSection, {
+    grow: true,
+    "aria-label": "footer info section"
+  }, /*#__PURE__*/_react["default"].createElement(_Footer.FooterContent, null, _ref, _ref2, _ref3, /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF ", /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: "https://grnet.gr/",
+    target: "_blank"
+  }, "\u0395\u0394\u03A5\u03A4\u0395", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], 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["default"].createElement(_Link["default"], {
+    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["default"].createElement(_VisuallyHidden["default"], 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)"))))), _ref4)));
+};
+var _default = exports["default"] = FooterWithText;

package/cjs/app/Modal/index.js

@@ -110,13 +110,13 @@ var ModalBase = exports.ModalBase = /*#__PURE__*/_react["default"].forwardRef(fu
   }, []);
   (0, _useKeypress["default"])('Escape', onEscape);
   (0, _react.useEffect)(function () {
+    var lastModalElementInstance = lastModalElement.current;
     handleFocus();
-    lastModalElement.current.addEventListener('focus', handleFocus);
+    lastModalElementInstance.addEventListener('focus', handleFocus);
     return function () {
-      lastModalElement.current.removeEventListener('focus', handleFocus);
+      lastModalElementInstance.removeEventListener('focus', handleFocus);
     };
   }, [open]);
-  console.log(ref);
   return /*#__PURE__*/_react["default"].createElement(_ModalContainer["default"], (0, _extends2["default"])({
     open: open,
     role: "dialog",

package/cjs/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck/index.js

@@ -15,7 +15,7 @@ var DEFAULT_BROWSER_SUPPORT = {
   'Mobile Safari': 10,
   Firefox: 50,
   Opera: 50,
-  IE: false
+  IE: 0
 };
 var browserUpdateLinks = {
   Chrome: 'https://www.google.com/chrome/',
@@ -35,11 +35,12 @@ function useOutdatedBrowserCheck() {
   var currentBrowserVersion = parseInt(currentBrowser.version);
   var currentBrowserName = currentBrowser.name;
   if (browserNames.indexOf(currentBrowser.name) > -1) {
-    if (browserSupport[currentBrowserName] === false) {
+    // this checks if browser is IE
+    if (browserSupport[currentBrowserName] === 0) {
       return [true, browserUpdateLinks.Chrome];
     } else {
       if (currentBrowserVersion >= browserSupport[currentBrowserName]) {
-        //TODO: check if number
+        // TODO: check if number
         return [false, ''];
       } else {
         return [true, browserUpdateLinks[currentBrowserName]];