@digigov/ui 0.12.2 → 0.13.0

package/esm/utils/evaluateBrowserVersion.js

@@ -0,0 +1,201 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+//copied from https://github.com/faisalman/ua-parser-js/blob/master/src/ua-parser.js
+var EMPTY = '',
+    UNKNOWN = '?',
+    FUNC_TYPE = 'function',
+    UNDEF_TYPE = 'undefined',
+    OBJ_TYPE = 'object',
+    STR_TYPE = 'string',
+    NAME = 'name',
+    VERSION = 'version';
+var BROWSER = 'Browser',
+    CHROME = 'Chrome',
+    FIREFOX = 'Firefox',
+    OPERA = 'Opera';
+var oldSafariMap = {
+  '1.0': '/8',
+  '1.2': '/1',
+  '1.3': '/3',
+  '2.0': '/412',
+  '2.0.2': '/416',
+  '2.0.3': '/417',
+  '2.0.4': '/419',
+  '?': '/'
+};
+
+function strMapper(str, map) {
+  for (var i in map) {
+    // check if current value is array
+    if (_typeof(map[i]) === OBJ_TYPE && map[i].length > 0) {
+      for (var j = 0; j < map[i].length; j++) {
+        if (map[i][j].includes(str)) {
+          return i === UNKNOWN ? undefined : i;
+        }
+      }
+    } else if (map[i].includes(str)) {
+      return i === UNKNOWN ? undefined : i;
+    }
+  }
+
+  return str;
+}
+
+function majorize(version) {
+  return _typeof(version) === STR_TYPE ? version.replace(/[^\d.]/g, EMPTY).split('.')[0] : undefined;
+}
+
+function rgxMapper(browser, ua, arrays) {
+  var i = 0,
+      j,
+      k,
+      p,
+      q,
+      matches,
+      match; // loop through all regexes maps
+
+  while (i < arrays.length && !matches) {
+    var regex = arrays[i],
+        // even sequence (0,2,4,..)
+    props = arrays[i + 1]; // odd sequence (1,3,5,..)
+
+    j = k = 0; // try matching uastring with regexes
+
+    while (j < regex.length && !matches) {
+      matches = regex[j++].exec(ua);
+
+      if (matches) {
+        for (p = 0; p < props.length; p++) {
+          match = matches[++k];
+          q = props[p]; // check if given property is actually array
+
+          if (_typeof(q) === OBJ_TYPE && q.length > 0) {
+            if (q.length == 2) {
+              if (_typeof(q[1]) == FUNC_TYPE) {
+                // assign modified match
+                browser[q[0]] = q[1].call(browser, match);
+              } else {
+                // assign given value, ignore regex match
+                browser[q[0]] = q[1];
+              }
+            } else if (q.length == 3) {
+              // check whether function or regex
+              if (_typeof(q[1]) === FUNC_TYPE && !(q[1].exec && q[1].test)) {
+                // call function (usually string mapper)
+                browser[q[0]] = match ? q[1].call(browser, match, q[2]) : undefined;
+              } else {
+                // sanitize match using given regex
+                browser[q[0]] = match ? match.replace(q[1], q[2]) : undefined;
+              }
+            } else if (q.length == 4) {
+              browser[q[0]] = match ? q[3].call(browser, match.replace(q[1], q[2])) : undefined;
+            }
+          } else {
+            browser[q] = match ? match : undefined;
+          }
+        }
+      }
+    }
+
+    i += 2;
+  }
+}
+
+var browserRegexes = [[/\b(?:crmo|crios)\/([\w.]+)/i // Chrome for Android/iOS
+], [VERSION, [NAME, 'Chrome']], [/edg(?:e|ios|a)?\/([\w.]+)/i // Microsoft Edge
+], [VERSION, [NAME, 'Edge']], [// Presto based
+/(opera mini)\/([-\w.]+)/i, // Opera Mini
+/(opera [mobiletab]{3,6})\b.+version\/([-\w.]+)/i, // Opera Mobi/Tablet
+/(opera)(?:.+version\/|[/ ]+)([\w.]+)/i // Opera
+], [NAME, VERSION], [/opios[/ ]+([\w.]+)/i // Opera mini on iphone >= 8.0
+], [VERSION, [NAME, OPERA + ' Mini']], [/\bopr\/([\w.]+)/i // Opera Webkit
+], [VERSION, [NAME, OPERA]], [// Mixed
+/(kindle)\/([\w.]+)/i, // Kindle
+/(lunascape|maxthon|netfront|jasmine|blazer)[/ ]?([\w.]*)/i, // Lunascape/Maxthon/Netfront/Jasmine/Blazer
+// Trident based
+/(avant |iemobile|slim)(?:browser)?[/ ]?([\w.]*)/i, // Avant/IEMobile/SlimBrowser
+/(ba?idubrowser)[/ ]?([\w.]+)/i, // Baidu Browser
+/(?:ms|\()(ie) ([\w.]+)/i, // Internet Explorer
+// Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon
+/(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\/([-\w.]+)/i, // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ
+/(weibo)__([\d.]+)/i // Weibo
+], [NAME, VERSION], [/(?:\buc? ?browser|(?:juc.+)ucweb)[/ ]?([\w.]+)/i // UCBrowser
+], [VERSION, [NAME, 'UC' + BROWSER]], [/\bqbcore\/([\w.]+)/i // WeChat Desktop for Windows Built-in Browser
+], [VERSION, [NAME, 'WeChat(Win) Desktop']], [/micromessenger\/([\w.]+)/i // WeChat
+], [VERSION, [NAME, 'WeChat']], [/konqueror\/([\w.]+)/i // Konqueror
+], [VERSION, [NAME, 'Konqueror']], [/trident.+rv[: ]([\w.]{1,9})\b.+like gecko/i // IE11
+], [VERSION, [NAME, 'IE']], [/yabrowser\/([\w.]+)/i // Yandex
+], [VERSION, [NAME, 'Yandex']], [/(avast|avg)\/([\w.]+)/i // Avast/AVG Secure Browser
+], [[NAME, /(.+)/, '$1 Secure ' + BROWSER], VERSION], [/\bfocus\/([\w.]+)/i // Firefox Focus
+], [VERSION, [NAME, FIREFOX + ' Focus']], [/\bopt\/([\w.]+)/i // Opera Touch
+], [VERSION, [NAME, OPERA + ' Touch']], [/coc_coc\w+\/([\w.]+)/i // Coc Coc Browser
+], [VERSION, [NAME, 'Coc Coc']], [/dolfin\/([\w.]+)/i // Dolphin
+], [VERSION, [NAME, 'Dolphin']], [/coast\/([\w.]+)/i // Opera Coast
+], [VERSION, [NAME, OPERA + ' Coast']], [/miuibrowser\/([\w.]+)/i // MIUI Browser
+], [VERSION, [NAME, 'MIUI ' + BROWSER]], [/fxios\/([-\w.]+)/i // Firefox for iOS
+], [VERSION, [NAME, FIREFOX]], [/\bqihu|(qi?ho?o?|360)browser/i // 360
+], [[NAME, '360 ' + BROWSER]], [/(oculus|samsung|sailfish)browser\/([\w.]+)/i], [[NAME, /(.+)/, '$1 ' + BROWSER], VERSION], [// Oculus/Samsung/Sailfish Browser
+/(comodo_dragon)\/([\w.]+)/i // Comodo Dragon
+], [[NAME, /_/g, ' '], VERSION], [/(electron)\/([\w.]+) safari/i, // Electron-based App
+/(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w.]+))/i, // Tesla
+/m?(qqbrowser|baiduboxapp|2345Explorer)[/ ]?([\w.]+)/i // QQBrowser/Baidu App/2345 Browser
+], [NAME, VERSION], [/(metasr)[/ ]?([\w.]+)/i, // SouGouBrowser
+/(lbbrowser)/i // LieBao Browser
+], [NAME], [// WebView
+/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w.]+);)/i // Facebook App for iOS & Android
+], [[NAME, 'Facebook'], VERSION], [/safari (line)\/([\w.]+)/i, // Line App for iOS
+/\b(line)\/([\w.]+)\/iab/i, // Line App for Android
+/(chromium|instagram)[/ ]([-\w.]+)/i // Chromium/Instagram
+], [NAME, VERSION], [/\bgsa\/([\w.]+) .*safari\//i // Google Search Appliance on iOS
+], [VERSION, [NAME, 'GSA']], [/headlesschrome(?:\/([\w.]+)| )/i // Chrome Headless
+], [VERSION, [NAME, CHROME + ' Headless']], [/ wv\).+(chrome)\/([\w.]+)/i // Chrome WebView
+], [[NAME, CHROME + ' WebView'], VERSION], [/droid.+ version\/([\w.]+)\b.+(?:mobile safari|safari)/i // Android Browser
+], [VERSION, [NAME, 'Android ' + BROWSER]], [/(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w.]+)/i // Chrome/OmniWeb/Arora/Tizen/Nokia
+], [NAME, VERSION], [/version\/([\w.]+) .*mobile\/\w+ (safari)/i // Mobile Safari
+], [VERSION, [NAME, 'Mobile Safari']], [/version\/([\w.]+) .*(mobile ?safari|safari)/i // Safari & Safari Mobile
+], [VERSION, NAME], [/webkit.+?(mobile ?safari|safari)(\/[\w.]+)/i // Safari < 3.0
+], [NAME, [VERSION, strMapper, oldSafariMap]], [/(webkit|khtml)\/([\w.]+)/i], [NAME, VERSION], [// Gecko based
+/(navigator|netscape\d?)\/([-\w.]+)/i // Netscape
+], [[NAME, 'Netscape'], VERSION], [/mobile vr; rv:([\w.]+)\).+firefox/i // Firefox Reality
+], [VERSION, [NAME, FIREFOX + ' Reality']], [/ekiohf.+(flow)\/([\w.]+)/i, // Flow
+/(swiftfox)/i, // Swiftfox
+/(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[/ ]?([\w.+]+)/i, // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar
+/(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w.]+)$/i, // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix
+/(firefox)\/([\w.]+)/i, // Other Firefox-based
+/(mozilla)\/([\w.]+) .+rv:.+gecko\/\d+/i, // Mozilla
+// Other
+/(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[. ]?browser)[-/ ]?v?([\w.]+)/i, // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser
+/(links) \(([\w.]+)/i // Links
+], [NAME, VERSION]];
+
+var _ua = (typeof window === "undefined" ? "undefined" : _typeof(window)) !== UNDEF_TYPE && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : EMPTY;
+
+export function evaluateBrowserVersion() {
+  var browser = {
+    name: '',
+    version: ''
+  };
+  rgxMapper(browser, _ua, browserRegexes);
+  browser.version = majorize(browser.version);
+  return browser;
+}
+export var isMobile = {
+  Android: function Android() {
+    return navigator.userAgent.match(/Android/i);
+  },
+  BlackBerry: function BlackBerry() {
+    return navigator.userAgent.match(/BlackBerry/i);
+  },
+  iOS: function iOS() {
+    return navigator.userAgent.match(/iPhone|iPad|iPod/i);
+  },
+  Opera: function Opera() {
+    return navigator.userAgent.match(/Opera Mini/i);
+  },
+  Windows: function Windows() {
+    return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
+  },
+  any: function any() {
+    return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows();
+  }
+};
+export default evaluateBrowserVersion;

package/esm/utils/withDeprecation.js

@@ -0,0 +1,103 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+
+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 React from 'react';
+
+var DigigovError = /*#__PURE__*/function (_Error) {
+  _inherits(DigigovError, _Error);
+
+  var _super = _createSuper(DigigovError);
+
+  function DigigovError(message) {
+    var _this;
+
+    _classCallCheck(this, DigigovError);
+
+    _this = _super.call(this, message); // (1)
+
+    _this.name = 'DigigovError'; // (2)
+
+    return _this;
+  }
+
+  return _createClass(DigigovError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+var loggedDeprecations = new Set();
+
+var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
+  var error = _ref.error,
+      warning = _ref.warning;
+
+  if (warning === true) {
+    console.warn("\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+  } else if (typeof warning === 'string') {
+    console.warn(warning);
+  }
+
+  if (error === true) {
+    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
+  } else if (typeof error === 'string') {
+    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+  }
+};
+
+export default function withDeprecation(Component, deprecations) {
+  var _Component$render;
+
+  var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
+
+  if (loggedDeprecations.has(componentName)) {
+    return Component;
+  } else {
+    loggedDeprecations.add(componentName);
+  } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      console.warn("\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+    }
+
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach(function (propName) {
+        var _deprecations$props, _propDeprecation$valu;
+
+        var value = props[propName];
+
+        if (!value) {
+          return;
+        }
+
+        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
+          var _propDeprecation$valu2;
+
+          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        }
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
+          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        }
+      });
+    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+
+
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+}

package/form/inputs/Input/index.mdx

@@ -0,0 +1,10 @@
+---
+title: Input
+parent: docs/ui/components
+---
+
+## Example
+
+```jsx live path=form/inputs/Input/index.tsx
+<input type="text" />
+```

package/govgr/Footer/Copyright.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CopyrightProps {
+    copyright?: string;
+    createdBy?: React.ReactNode;
+    minDigitalCopyright?: boolean;
+}
+export declare const Copyright: React.FC<CopyrightProps>;
+export default Copyright;

package/govgr/Footer/Copyright.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Copyright = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Copyright = _interopRequireDefault(require("@digigov/react-core/Copyright"));
+
+var _app = require("@digigov/ui/app");
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var getCopyright = function getCopyright() {
+  var year = new Date().getFullYear();
+  return "\xA9 Copyright ".concat(year);
+};
+
+var Copyright = function Copyright(_ref) {
+  var _ref$copyright = _ref.copyright,
+      copyright = _ref$copyright === void 0 ? getCopyright() : _ref$copyright,
+      createdBy = _ref.createdBy,
+      minDigitalCopyright = _ref.minDigitalCopyright;
+
+  var _useTranslation = (0, _app.useTranslation)(),
+      t = _useTranslation.t;
+
+  var copyrightInfo = minDigitalCopyright ? {
+    url: 'https://mindigital.gr',
+    label: t('footer.mindigital')
+  } : {
+    url: 'https://grnet.gr',
+    label: t('footer.grnet')
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, copyright, ' - ', createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: copyrightInfo.url,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.using'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    href: "https://mathe.ellak.gr/",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, t('footer.open_source')))));
+};
+
+exports.Copyright = Copyright;
+var _default = Copyright;
+exports["default"] = _default;

package/{src/govgr/Footer/HellenicRepublicLogo.tsx → govgr/Footer/HellenicRepublicLogo.d.ts}

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

package/govgr/Footer/HellenicRepublicLogo.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HellenicRepublicLogo", {
+  enumerable: true,
+  get: function get() {
+    return _HellenicRepublicLogo["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _HellenicRepublicLogo = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo"));
+
+var _default = _HellenicRepublicLogo["default"];
+exports["default"] = _default;

package/govgr/Footer/LicenseCCSA.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const LicenseCCSA: React.FC;
+export default LicenseCCSA;

package/govgr/Footer/LicenseCCSA.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LicenseCCSA = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NormalText = _interopRequireDefault(require("@digigov/react-core/NormalText"));
+
+var _app = require("@digigov/ui/app");
+
+var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  href: "https://creativecommons.org/licenses/by-sa/4.0/deed.el",
+  target: "_blank",
+  rel: "noopener noreferrer"
+}, "CC-BY-SA");
+
+var LicenseCCSA = function LicenseCCSA() {
+  var _useTranslation = (0, _app.useTranslation)(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.creative_commons'), ' ', _ref, ' '));
+};
+
+exports.LicenseCCSA = LicenseCCSA;
+var _default = LicenseCCSA;
+exports["default"] = _default;

package/govgr/Footer/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FooterProps } from '@digigov/react-core/Footer';
+export interface GovGRFooterProps extends FooterProps {
+    copyright?: React.ReactNode;
+    minDigitalCopyright?: boolean;
+    license?: string;
+    openSource?: string;
+    children?: React.ReactNode;
+    createdBy?: React.ReactNode;
+    className?: string;
+}
+export declare const GovGRFooter: React.FC<GovGRFooterProps>;
+export default GovGRFooter;

package/govgr/Footer/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GovGRFooter = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Copyright = _interopRequireDefault(require("@digigov/ui/govgr/Footer/Copyright"));
+
+var _HellenicRepublicLogo = _interopRequireDefault(require("@digigov/ui/govgr/Footer/HellenicRepublicLogo"));
+
+var _Footer = _interopRequireDefault(require("@digigov/react-core/Footer"));
+
+var _FooterContainer = _interopRequireDefault(require("@digigov/react-core/FooterContainer"));
+
+var _FooterMeta = _interopRequireDefault(require("@digigov/react-core/FooterMeta"));
+
+var _FooterMetaItem = _interopRequireDefault(require("@digigov/react-core/FooterMetaItem"));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_FooterMetaItem["default"], null, /*#__PURE__*/_react["default"].createElement(_HellenicRepublicLogo["default"], null));
+
+var GovGRFooter = function GovGRFooter(_ref) {
+  var copyright = _ref.copyright,
+      children = _ref.children,
+      createdBy = _ref.createdBy,
+      minDigitalCopyright = _ref.minDigitalCopyright;
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_FooterContainer["default"], null, children || /*#__PURE__*/_react["default"].createElement(_FooterMeta["default"], null, /*#__PURE__*/_react["default"].createElement(_FooterMetaItem["default"], null, copyright ? copyright : /*#__PURE__*/_react["default"].createElement(_Copyright["default"], {
+    createdBy: createdBy,
+    minDigitalCopyright: minDigitalCopyright
+  })), _ref2)));
+};
+
+exports.GovGRFooter = GovGRFooter;
+var _default = GovGRFooter;
+exports["default"] = _default;

package/govgr/Footer/index.mdx

@@ -0,0 +1,97 @@
+---
+title: Footer
+parent: docs/ui/components
+---
+
+## Default Footer
+
+### How to import
+
+```jsx
+import Bottom from '@digigov/ui/layouts/Basic';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
+```
+
+### Example
+
+```jsx live
+<Bottom>
+  <GovGRFooter />
+</Bottom>
+```
+
+## Customizable Footer
+
+### How to import
+
+```jsx
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
+```
+
+### Example
+
+```jsx live
+<Bottom>
+  <GovGRFooter>
+    <div>Custom info 1</div>
+    <Copyright />
+    <div>Custom info 2</div>
+    <LicenseCCSA />
+    <div>Custom info 3</div>
+  </GovGRFooter>
+</Bottom>
+```
+
+## Using custom grid
+
+### How to import
+
+```jsx
+import Grid from '@material-ui/core/Grid';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+```
+
+### Example using custom Grid with composable components
+
+```jsx
+<Bottom>
+  <GovGRFooter>
+    <Grid item xs={12} sm={8}>
+      <Copyright />
+      <LicenseCCSA />
+    </Grid>
+    <Grid item xs={12} sm={4}>
+      <HellenicRepublicLogo />
+    </Grid>
+  </GovGRFooter>
+</Bottom>
+```
+
+## Asking users for feedback
+
+### How to import
+
+```jsx
+import { Feedback } from '@digigov/ui/govgr/Footer';
+```
+
+### Example for user feedback
+
+```jsx live
+<Bottom>
+  <Feedback />
+  <GovGRFooter />
+</Bottom>
+```
+
+### Example for reporting bugs
+
+```jsx live
+<Bottom>
+  <Feedback reportBugs />
+  <GovGRFooter />
+</Bottom>
+```