@digigov/ui 0.12.2 → 0.13.0

package/es/hooks/useDebounce.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import useLatest from '@digigov/ui/hooks/useLatest';
+export var useDebounceCallback = function useDebounceCallback(callback) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var leading = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var storedCallback = useLatest(callback);
+  var timeout = React.useRef();
+  var deps = [wait, leading, storedCallback]; // Cleans up pending timeouts when the deps change
+
+  React.useEffect(function () {
+    return function () {
+      timeout.current && clearTimeout(timeout.current);
+      timeout.current = void 0;
+    };
+  }, deps);
+  return React.useCallback(function () {
+    // eslint-disable-next-line prefer-rest-params
+    var args = arguments;
+    var current = timeout.current; // Calls on leading edge
+
+    if (current === void 0 && leading) {
+      timeout.current = setTimeout(function () {
+        timeout.current = void 0;
+      }, wait); // eslint-disable-next-line prefer-spread
+
+      return storedCallback.current.apply(null, args);
+    } // Clear the timeout every call and start waiting again
+
+
+    current && clearTimeout(current); // Waits for `wait` before invoking the callback
+
+    timeout.current = setTimeout(function () {
+      timeout.current = void 0;
+      storedCallback.current.apply(null, args);
+    }, wait);
+  }, deps);
+};
+export var useDebounce = function useDebounce(initialState, wait, leading) {
+  var state = React.useState(initialState);
+  return [state[0], useDebounceCallback(state[1], wait, leading)];
+};

package/es/hooks/useLatest.js

@@ -0,0 +1,12 @@
+// copied from https://github.com/jaredLunde/react-hook/blob/master/packages/latest/src/index.tsx
+import * as React from 'react';
+
+var useLatest = function useLatest(current) {
+  var storedValue = React.useRef(current);
+  React.useEffect(function () {
+    storedValue.current = current;
+  });
+  return storedValue;
+};
+
+export default useLatest;

package/{src/hooks/useOutdatedBrowserCheck.ts → es/hooks/useOutdatedBrowserCheck.js}

@@ -1,35 +1,34 @@
 import evaluateBrowserVersion from '@digigov/ui/utils/evaluateBrowserVersion';
-
-const DEFAULT_BROWSER_SUPPORT = {
-  Chrome: 57, // Includes Chrome for mobile devices
+var DEFAULT_BROWSER_SUPPORT = {
+  Chrome: 57,
+  // Includes Chrome for mobile devices
   Edge: 39,
   Safari: 10,
   'Mobile Safari': 10,
   Firefox: 50,
   Opera: 50,
-  IE: false,
+  IE: false
 };
-
-const browserUpdateLinks = {
+var browserUpdateLinks = {
   Chrome: 'https://www.google.com/chrome/',
   Edge: 'https://www.microsoft.com/en-us/edge',
   Safari: 'https://www.apple.com/safari/',
   'Mobile Safari': 'https://www.apple.com/safari/',
   Firefox: 'https://www.mozilla.org/en-US/firefox/new/',
-  Opera: 'https://www.opera.com/download',
+  Opera: 'https://www.opera.com/download'
 };
+var browserNames = Object.keys(DEFAULT_BROWSER_SUPPORT);
+export function useOutdatedBrowserCheck() {
+  var browserSupport = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_BROWSER_SUPPORT;
+  var currentBrowser = evaluateBrowserVersion();
 
-const browserNames = Object.keys(DEFAULT_BROWSER_SUPPORT);
-
-export function useOutdatedBrowserCheck(
-  browserSupport: Record<string, number | boolean> = DEFAULT_BROWSER_SUPPORT
-): [boolean, string] {
-  const currentBrowser = evaluateBrowserVersion();
   if (!currentBrowser.version || !currentBrowser.name) {
     return [true, browserUpdateLinks.Chrome];
   }
-  const currentBrowserVersion = parseInt(currentBrowser.version);
-  const currentBrowserName = currentBrowser.name;
+
+  var currentBrowserVersion = parseInt(currentBrowser.version);
+  var currentBrowserName = currentBrowser.name;
+
   if (browserNames.indexOf(currentBrowser.name) > -1) {
     if (browserSupport[currentBrowserName] === false) {
       return [true, browserUpdateLinks.Chrome];
@@ -44,4 +43,4 @@ export function useOutdatedBrowserCheck(
     return [true, browserUpdateLinks.Chrome];
   }
 }
-export default useOutdatedBrowserCheck;
+export default useOutdatedBrowserCheck;

package/es/hooks/useSearch.js

@@ -0,0 +1,25 @@
+import { useMemo } from 'react';
+export function normalizeGreek(text) {
+  text = text.replace(/Ά|Α|ά/g, 'α').replace(/Έ|Ε|έ/g, 'ε').replace(/Ή|Η|ή/g, 'η').replace(/Ί|Ϊ|Ι|ί|ΐ|ϊ/g, 'ι').replace(/Ό|Ο|ό/g, 'ο').replace(/Ύ|Ϋ|Υ|ύ|ΰ|ϋ/g, 'υ').replace(/Ώ|Ω|ώ/g, 'ω').replace(/Σ|ς/g, 'σ');
+  return text;
+}
+export function fullTextSearch(data, search) {
+  if (!search) {
+    return true;
+  }
+
+  var q = normalizeGreek(search.normalize('NFC').replace(/[\u0300-\u036f]/g, '').toLowerCase());
+  var index = Object.keys(data).map(function (k) {
+    return data[k] ? data[k].toString().toLowerCase() : '';
+  }).join('');
+  return normalizeGreek(index.normalize('NFC').replace(/[\u0300-\u036f]/g, '')).includes(q);
+}
+export function useSearch(data, query) {
+  if (!query) return data;
+  return useMemo(function () {
+    return data.filter(function (t) {
+      return fullTextSearch(t, query);
+    });
+  }, [data, query]);
+}
+export default useSearch;

package/es/hooks/useTogglableSections.js

@@ -0,0 +1,96 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/* eslint-disable react-hooks/exhaustive-deps */
+import { useRef, useState, useCallback, useMemo } from 'react';
+export function useTogglableSections(_ref) {
+  var toggleProperty = _ref.toggleProperty,
+      singleOpen = _ref.singleOpen,
+      onToggleProperty = _ref.onToggleProperty,
+      initial = _ref.initial,
+      firstOpen = _ref.firstOpen,
+      ariaNavigation = _ref.ariaNavigation;
+
+  var _useState = useState(initial || {}),
+      _useState2 = _slicedToArray(_useState, 2),
+      opened = _useState2[0],
+      setOpened = _useState2[1];
+
+  var registered = useRef({});
+  var sectionsOrder = useRef([]);
+  var registerRef = useCallback(function (el) {
+    if (!el) return;
+    var key = el.getAttribute('aria-controls');
+    if (registered.current[key]) return;
+    registered.current[key] = el;
+    sectionsOrder.current.push(key);
+
+    if (firstOpen && sectionsOrder.current.length === 1) {
+      setOpened(_defineProperty({}, key, true));
+    }
+  }, []);
+  var toggle = useCallback(function (e) {
+    var key = e.currentTarget.getAttribute('aria-controls');
+    e.preventDefault();
+
+    if (singleOpen) {
+      setOpened(_defineProperty({}, key, true));
+    } else {
+      setOpened(function (prev) {
+        return _extends({}, prev, _defineProperty({}, key, !prev[key]));
+      });
+    }
+  }, []);
+  var onKeyDown = useCallback(function (e) {
+    var key = e.target.getAttribute('aria-controls');
+    var currentIndex = sectionsOrder.current.findIndex(function (k) {
+      return k === key;
+    });
+    var nextKey = sectionsOrder.current[currentIndex + 1];
+    var previousKey = sectionsOrder.current[currentIndex - 1];
+
+    switch (e.key) {
+      case 'ArrowRight':
+      case 'ArrowDown':
+        if (nextKey) {
+          registered.current[nextKey].focus();
+        }
+
+        break;
+
+      case 'ArrowLeft':
+      case 'ArrowUp':
+        if (previousKey) {
+          registered.current[previousKey].focus();
+        }
+
+        break;
+
+      case ' ':
+      case 'Enter':
+        toggle(e);
+        break;
+    }
+  }, []);
+  var register = useCallback(function (key) {
+    var _extends3;
+
+    var isOpen = !!opened[key];
+    return _extends((_extends3 = {
+      ref: registerRef
+    }, _defineProperty(_extends3, toggleProperty, isOpen), _defineProperty(_extends3, onToggleProperty, toggle), _defineProperty(_extends3, 'aria-controls', "".concat(key)), _extends3), ariaNavigation && {
+      onKeyDown: onKeyDown,
+      tabIndex: opened[key] ? 0 : -1
+    });
+  }, [opened]);
+  return useMemo(function () {
+    return {
+      register: register,
+      registered: registered,
+      opened: opened,
+      toggle: toggle,
+      setOpened: setOpened
+    };
+  }, [opened]);
+}

package/es/index.js

@@ -0,0 +1,5 @@
+export * from '@digigov/ui/core';
+export * from '@digigov/ui/layouts';
+export * from '@digigov/ui/typography';
+export * from '@digigov/ui/app';
+export * from '@digigov/ui/govgr';

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

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

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

@@ -0,0 +1,18 @@
+import CoreContainer from '@digigov/react-core/Container';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var Content = withDeprecation(CoreContainer, {
+  name: 'Content',
+  rename: 'Container',
+  props: {
+    maxWidth: {
+      error: true
+    },
+    flex: {
+      error: true
+    },
+    dense: {
+      error: true
+    }
+  }
+});
+export default Content;

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

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

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

@@ -0,0 +1,4 @@
+import Masthead from '@digigov/react-core/Masthead';
+import MastheadBody from '@digigov/react-core/MastheadBody';
+export { Masthead, MastheadBody };
+export default Masthead;

package/{src/layouts/Basic/Side/index.tsx → es/layouts/Basic/Side/index.js}

@@ -1,9 +1,7 @@
 import Aside from '@digigov/react-core/Aside';
 import withDeprecation from '@digigov/ui/utils/withDeprecation';
-
-export const Side = withDeprecation(Aside, {
+export var Side = withDeprecation(Aside, {
   name: 'Side',
-  rename: 'Aside',
+  rename: 'Aside'
 });
-
-export default Side;
+export default Side;

package/{src/layouts/Basic/Top/index.tsx → es/layouts/Basic/Top/index.js}

@@ -1,13 +1,11 @@
 import CoreTop from '@digigov/react-core/Top';
 import withDeprecation from '@digigov/ui/utils/withDeprecation';
-
-export const Top = withDeprecation(CoreTop, {
+export var Top = withDeprecation(CoreTop, {
   name: 'Top',
   props: {
     dense: {
-      error: true,
-    },
-  },
+      error: true
+    }
+  }
 });
-
-export default Top;
+export default Top;

package/es/layouts/Basic/index.js

@@ -0,0 +1,8 @@
+import Layout from '@digigov/react-core/Layout';
+export * from '@digigov/ui/layouts/Basic/Top';
+export * from '@digigov/ui/layouts/Basic/Side';
+export * from '@digigov/ui/layouts/Basic/Main';
+export * from '@digigov/ui/layouts/Basic/Content';
+export * from '@digigov/ui/layouts/Basic/Bottom';
+export * from '@digigov/ui/layouts/Basic/Masthead';
+export default Layout;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { mount } from 'enzyme';
+import BasicLayout, { Top, Side, Main, Content, Bottom } from '@digigov/ui/layouts/Basic';
+
+var _ref = /*#__PURE__*/React.createElement(BasicLayout, null, /*#__PURE__*/React.createElement(Top, null, "Header content"), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, "Main content"), /*#__PURE__*/React.createElement(Side, null, "Side content")), /*#__PURE__*/React.createElement(Bottom, null, "Bottom content"));
+
+it('renders the BasicLayout with Top, Content, Bottom, Main and Side children ', function () {
+  var jsx = _ref;
+  expect(mount(jsx)).toMatchSnapshot();
+});

package/es/layouts/Grid/index.js

@@ -0,0 +1 @@
+export * from '@digigov/react-core/Grid';

package/es/layouts/index.js

@@ -0,0 +1,2 @@
+export * from '@digigov/ui/layouts/Basic';
+export { default as BasicLayout } from '@digigov/ui/layouts/Basic';

package/{src/locales/el.ts → es/locales/el.js}

@@ -3,7 +3,7 @@ export default {
     label: {
       day: 'Ημέρα',
       month: 'Μήνας',
-      year: 'Έτος',
+      year: 'Έτος'
     },
     error: {
       required: 'Το πεδίο είναι υποχρεωτικό.',
@@ -18,21 +18,21 @@ export default {
       date: {
         invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
-        later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
-      },
-    },
+        later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}'
+      }
+    }
   },
   button: {
     start: 'Ξεκινήστε εδώ',
     login: 'Σύνδεση',
     back: 'Πίσω',
-    continue: 'Συνέχεια',
+    "continue": 'Συνέχεια',
     search_ref: 'Αναζητήστε',
     scan: 'Σαρώστε QR Code',
     save: 'Αποθήκευση',
     logout: 'Εξοδος',
     submit: 'Υποβολή',
-    delete: 'Διαγραφή',
+    "delete": 'Διαγραφή'
   },
   footer: {
     created_by: 'Υλοποίηση από το',
@@ -40,21 +40,16 @@ export default {
     mindigital: 'Υπουργείο Ψηφιακής Διακυβέρνησης',
     using: 'με χρήση',
     open_source: 'Ανοιχτού Λογισμικού',
-    creative_commons: 'Άδεια χρήσης περιεχομένου',
+    creative_commons: 'Άδεια χρήσης περιεχομένου'
   },
   notfound: {
     page_not_found: 'Η σελίδα δεν βρέθηκε',
-    wrong_key_address:
-      'Εάν έχετε πληκτρολογήσει τη διεύθυνση της σελίδας, ελέγξτε ότι είναι σωστή.',
-    wrong_cp_address:
-      'Εάν έχετε επικολλήσει τη διεύθυνση της σελίδας, ελέγξτε ότι έχετε αντιγράψει ολόκληρη τη διεύθυνση.',
-    service_contact:
-      'Εάν η διεύθυνση της σελίδας είναι σωστή ή έχετε επιλέξει κάποιον σύνδεσμο ή κουμπί, επικοινωνήστε με τη γραμμή εξυπηρέτησης σε περίπτωση που χρειαστείτε βοήθεια.',
+    wrong_key_address: 'Εάν έχετε πληκτρολογήσει τη διεύθυνση της σελίδας, ελέγξτε ότι είναι σωστή.',
+    wrong_cp_address: 'Εάν έχετε επικολλήσει τη διεύθυνση της σελίδας, ελέγξτε ότι έχετε αντιγράψει ολόκληρη τη διεύθυνση.',
+    service_contact: 'Εάν η διεύθυνση της σελίδας είναι σωστή ή έχετε επιλέξει κάποιον σύνδεσμο ή κουμπί, επικοινωνήστε με τη γραμμή εξυπηρέτησης σε περίπτωση που χρειαστείτε βοήθεια.'
   },
   outdated: {
-    mobile:
-      'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είτε δεν υποστηρίζεται είτε είναι μη επικαιροποιημένος. Παρακαλούμε επικαιροποιήστε τον browser σας.',
-    web:
-      'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είναι μη επικαιροποιημένος. Για να επικαιροποιήσετε τον browser σας επισκεφθείτε την ιστοσελίδα:  ',
-  },
-};
+    mobile: 'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είτε δεν υποστηρίζεται είτε είναι μη επικαιροποιημένος. Παρακαλούμε επικαιροποιήστε τον browser σας.',
+    web: 'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είναι μη επικαιροποιημένος. Για να επικαιροποιήσετε τον browser σας επισκεφθείτε την ιστοσελίδα:  '
+  }
+};

package/{src/locales/en.ts → es/locales/en.js}

@@ -3,7 +3,7 @@ export default {
     label: {
       day: 'Day',
       month: 'Month',
-      year: 'Year',
+      year: 'Year'
     },
     error: {
       required: 'This field is required.',
@@ -18,21 +18,21 @@ export default {
       date: {
         invalid: 'Date must be a real date.',
         earlier_than: 'The date must be earlier than {{maxDate}}.',
-        later_than: 'The date must be later than {{minDate}}',
-      },
-    },
+        later_than: 'The date must be later than {{minDate}}'
+      }
+    }
   },
   button: {
     start: 'Start',
     login: 'Login',
     back: 'Back',
-    continue: 'Continue',
+    "continue": 'Continue',
     search_ref: 'Search',
     scan: 'Scan QR Code',
     save: 'Save',
     logout: 'Logout',
     submit: 'Sumbit',
-    delete: 'Delete',
+    "delete": 'Delete'
   },
   footer: {
     created_by: 'Created by',
@@ -40,20 +40,16 @@ export default {
     mindigital: 'Ministry of Digital Governance',
     using: 'using',
     open_source: 'Open Source Software',
-    creative_commons: 'Creative Commons',
+    creative_commons: 'Creative Commons'
   },
   notfound: {
     page_not_found: 'Page not found',
     wrong_key_address: 'If you typed the web address, check it is correct.',
-    wrong_cp_address:
-      'If you pasted the web address, check you copied the entire address..',
-    service_contact:
-      'If the web address is correct or you selected a link or button, contact the Service Helpline if you need to speak to someone about your tax credits.',
+    wrong_cp_address: 'If you pasted the web address, check you copied the entire address..',
+    service_contact: 'If the web address is correct or you selected a link or button, contact the Service Helpline if you need to speak to someone about your tax credits.'
   },
   outdated: {
-    mobile:
-      'This site may not work properly because your browser is either not supported or outdated. Please update your browser',
-    web:
-      'This site may not work properly because your browser outdated. To update your browser visit: ',
-  },
-};
+    mobile: 'This site may not work properly because your browser is either not supported or outdated. Please update your browser',
+    web: 'This site may not work properly because your browser outdated. To update your browser visit: '
+  }
+};

package/es/router/index.js

@@ -0,0 +1,15 @@
+import React, { createContext, useContext } from 'react';
+export var RouterContext = /*#__PURE__*/createContext({});
+export var useRouter = function useRouter() {
+  return useContext(RouterContext);
+};
+export var RouterProvider = function RouterProvider(_ref) {
+  var router = _ref.router,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(RouterContext.Provider, {
+    value: {
+      router: router
+    }
+  }, children);
+};
+export default RouterContext;

package/es/test-utils/delay.js

@@ -0,0 +1,31 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { act } from '@testing-library/react';
+export function delay(_x) {
+  return _delay.apply(this, arguments);
+}
+
+function _delay() {
+  _delay = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ms) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return act(function () {
+              return new Promise(function (resolve) {
+                return setTimeout(resolve, ms);
+              });
+            });
+
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _delay.apply(this, arguments);
+}
+
+export default delay;

package/es/test-utils/mountWithTheme.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';
+var mockTheme = createMuiTheme({
+  header: {
+    height: '',
+    logo: {
+      component: '',
+      height: ''
+    },
+    border: {
+      width: '',
+      height: '',
+      background: ''
+    }
+  },
+  footer: {
+    link: '',
+    contrastText: '',
+    main: ''
+  }
+});
+
+var mountWithTheme = function mountWithTheme(tree) {
+  return mount( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: mockTheme
+  }, tree)));
+};
+
+export default mountWithTheme;