@digigov/ui 0.12.2 → 0.14.0

package/layouts/Basic/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Layout = _interopRequireDefault(require("@digigov/react-core/Layout"));
+
+var _Top = require("@digigov/ui/layouts/Basic/Top");
+
+Object.keys(_Top).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Top[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Top[key];
+    }
+  });
+});
+
+var _Side = require("@digigov/ui/layouts/Basic/Side");
+
+Object.keys(_Side).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Side[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Side[key];
+    }
+  });
+});
+
+var _Main = require("@digigov/ui/layouts/Basic/Main");
+
+Object.keys(_Main).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Main[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Main[key];
+    }
+  });
+});
+
+var _Content = require("@digigov/ui/layouts/Basic/Content");
+
+Object.keys(_Content).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Content[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Content[key];
+    }
+  });
+});
+
+var _Bottom = require("@digigov/ui/layouts/Basic/Bottom");
+
+Object.keys(_Bottom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Bottom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Bottom[key];
+    }
+  });
+});
+
+var _Masthead = require("@digigov/ui/layouts/Basic/Masthead");
+
+Object.keys(_Masthead).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Masthead[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Masthead[key];
+    }
+  });
+});
+var _default = _Layout["default"];
+exports["default"] = _default;

package/layouts/Basic/index.mdx

@@ -0,0 +1,62 @@
+---
+title: Basic Layout
+parent: docs/ui/components
+---
+
+# BasicLayout
+
+import BasicLayout, {
+  Top,
+  Side,
+  Main,
+  Content,
+  Bottom,
+} from '@digigov/ui/layouts/Basic';
+import StylesDoc from '@docs-components/stylesDoc';
+
+Use the BasicLayout component to create a basic page layout.
+
+```jsx live path=layouts/Basic/index.tsx
+import BasicLayout, { Top, Side, Main , Content, Bottom } from '@digigov/ui/layouts/Basic';
+function CustomLayout (props){
+ return (
+    <BasicLayout>
+      <Top>Header content</Top>
+      <Content>
+        <Main>Main content</Main>
+        <Side>Side content</Side>
+      </Content>
+      <Bottom>Bottom content</Bottom>
+    </BasicLayout>
+ )
+}
+export CustomLayout
+
+```
+
+<br />
+
+## How it works
+
+The BasicLayout component is used in combination with the Top, Side, Main,
+Content and Bottom components.
+
+## API
+
+### Properties
+
+<br />
+
+### Styles
+
+<StylesDoc data={BasicLayout.__doc__} />
+<br />
+<StylesDoc data={Top.__doc__} />
+<br />
+<StylesDoc data={Content.__doc__} />
+<br />
+<StylesDoc data={Main.__doc__} />
+<br />
+<StylesDoc data={Side.__doc__} />
+<br />
+<StylesDoc data={Bottom.__doc__} />

package/layouts/Basic/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/layouts/Basic/index.spec.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _ref = /*#__PURE__*/React.createElement(_Basic["default"], null, /*#__PURE__*/React.createElement(_Basic.Top, null, "Header content"), /*#__PURE__*/React.createElement(_Basic.Content, null, /*#__PURE__*/React.createElement(_Basic.Main, null, "Main content"), /*#__PURE__*/React.createElement(_Basic.Side, null, "Side content")), /*#__PURE__*/React.createElement(_Basic.Bottom, null, "Bottom content"));
+
+it('renders the BasicLayout with Top, Content, Bottom, Main and Side children ', function () {
+  var jsx = _ref;
+  expect((0, _enzyme.mount)(jsx)).toMatchSnapshot();
+});

package/layouts/Grid/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Grid = require("@digigov/react-core/Grid");
+
+Object.keys(_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Grid[key];
+    }
+  });
+});

package/layouts/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  BasicLayout: true
+};
+Object.defineProperty(exports, "BasicLayout", {
+  enumerable: true,
+  get: function get() {
+    return _Basic["default"];
+  }
+});
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+Object.keys(_Basic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Basic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Basic[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/locales/el.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+    form: {
+        label: {
+            day: string;
+            month: string;
+            year: string;
+        };
+        error: {
+            required: string;
+            number: string;
+            positive_number: string;
+            string: string;
+            email: string;
+            afm: string;
+            file_size: string;
+            mobile_phone: string;
+            uuid4: string;
+            date: {
+                invalid: string;
+                earlier_than: string;
+                later_than: string;
+            };
+        };
+    };
+    button: {
+        start: string;
+        login: string;
+        back: string;
+        continue: string;
+        search_ref: string;
+        scan: string;
+        save: string;
+        logout: string;
+        submit: string;
+        delete: string;
+    };
+    footer: {
+        created_by: string;
+        grnet: string;
+        mindigital: string;
+        using: string;
+        open_source: string;
+        creative_commons: string;
+    };
+    notfound: {
+        page_not_found: string;
+        wrong_key_address: string;
+        wrong_cp_address: string;
+        service_contact: string;
+    };
+    outdated: {
+        mobile: string;
+        web: string;
+    };
+    pagination: {
+        show: string;
+        to: string;
+        of: string;
+        results: string;
+    };
+};
+export default _default;

package/locales/el.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  form: {
+    label: {
+      day: 'Ημέρα',
+      month: 'Μήνας',
+      year: 'Έτος'
+    },
+    error: {
+      required: 'Το πεδίο είναι υποχρεωτικό.',
+      number: 'Συμπληρώστε έναν έγκυρο αριθμό',
+      positive_number: 'Συμπληρώστε έναν θετικό αριθμό',
+      string: 'Το πεδίο πρέπει να είναι string',
+      email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
+      afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
+      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο.',
+      mobile_phone: 'Συμπληρώστε έναν έγκυρο αριθμό κινητού τηλεφώνου.',
+      uuid4: 'Ο κωδικός επιβεβαίωσης δεν είναι έγκυρος.',
+      date: {
+        invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
+        earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
+        later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}'
+      }
+    }
+  },
+  button: {
+    start: 'Ξεκινήστε εδώ',
+    login: 'Σύνδεση',
+    back: 'Πίσω',
+    "continue": 'Συνέχεια',
+    search_ref: 'Αναζητήστε',
+    scan: 'Σαρώστε QR Code',
+    save: 'Αποθήκευση',
+    logout: 'Εξοδος',
+    submit: 'Υποβολή',
+    "delete": 'Διαγραφή'
+  },
+  footer: {
+    created_by: 'Υλοποίηση από το',
+    grnet: 'ΕΔΥΤΕ',
+    mindigital: 'Υπουργείο Ψηφιακής Διακυβέρνησης',
+    using: 'με χρήση',
+    open_source: 'Ανοιχτού Λογισμικού',
+    creative_commons: 'Άδεια χρήσης περιεχομένου'
+  },
+  notfound: {
+    page_not_found: 'Η σελίδα δεν βρέθηκε',
+    wrong_key_address: 'Εάν έχετε πληκτρολογήσει τη διεύθυνση της σελίδας, ελέγξτε ότι είναι σωστή.',
+    wrong_cp_address: 'Εάν έχετε επικολλήσει τη διεύθυνση της σελίδας, ελέγξτε ότι έχετε αντιγράψει ολόκληρη τη διεύθυνση.',
+    service_contact: 'Εάν η διεύθυνση της σελίδας είναι σωστή ή έχετε επιλέξει κάποιον σύνδεσμο ή κουμπί, επικοινωνήστε με τη γραμμή εξυπηρέτησης σε περίπτωση που χρειαστείτε βοήθεια.'
+  },
+  outdated: {
+    mobile: 'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είτε δεν υποστηρίζεται είτε είναι μη επικαιροποιημένος. Παρακαλούμε επικαιροποιήστε τον browser σας.',
+    web: 'Η ιστοσελίδα ενδέχεται να μην λειτουργεί σωστά καθώς ο browser σας είναι μη επικαιροποιημένος. Για να επικαιροποιήσετε τον browser σας επισκεφθείτε την ιστοσελίδα:  '
+  },
+  pagination: {
+    show: 'Εμφανίζονται',
+    to: 'έως',
+    of: 'από',
+    results: 'αποτελέσματα'
+  }
+};
+exports["default"] = _default;

package/locales/en.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+    form: {
+        label: {
+            day: string;
+            month: string;
+            year: string;
+        };
+        error: {
+            required: string;
+            number: string;
+            positive_number: string;
+            string: string;
+            email: string;
+            afm: string;
+            file_size: string;
+            mobile_phone: string;
+            uuid4: string;
+            date: {
+                invalid: string;
+                earlier_than: string;
+                later_than: string;
+            };
+        };
+    };
+    button: {
+        start: string;
+        login: string;
+        back: string;
+        continue: string;
+        search_ref: string;
+        scan: string;
+        save: string;
+        logout: string;
+        submit: string;
+        delete: string;
+    };
+    footer: {
+        created_by: string;
+        grnet: string;
+        mindigital: string;
+        using: string;
+        open_source: string;
+        creative_commons: string;
+    };
+    notfound: {
+        page_not_found: string;
+        wrong_key_address: string;
+        wrong_cp_address: string;
+        service_contact: string;
+    };
+    outdated: {
+        mobile: string;
+        web: string;
+    };
+    pagination: {
+        show: string;
+        to: string;
+        of: string;
+        results: string;
+    };
+};
+export default _default;

package/locales/en.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  form: {
+    label: {
+      day: 'Day',
+      month: 'Month',
+      year: 'Year'
+    },
+    error: {
+      required: 'This field is required.',
+      number: 'Please enter a valid number',
+      positive_number: 'Please enter a positive number',
+      string: 'This field must be a string',
+      email: 'Please enter a valid email address (e-mail).',
+      afm: 'The VAT number you entered is incorrect.',
+      file_size: 'File size is larger than allowed.',
+      mobile_phone: 'Fill in a valid mobile phone number.',
+      uuid4: 'Confirmation code is invalid.',
+      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}}'
+      }
+    }
+  },
+  button: {
+    start: 'Start',
+    login: 'Login',
+    back: 'Back',
+    "continue": 'Continue',
+    search_ref: 'Search',
+    scan: 'Scan QR Code',
+    save: 'Save',
+    logout: 'Logout',
+    submit: 'Sumbit',
+    "delete": 'Delete'
+  },
+  footer: {
+    created_by: 'Created by',
+    grnet: 'GRNET',
+    mindigital: 'Ministry of Digital Governance',
+    using: 'using',
+    open_source: 'Open Source Software',
+    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.'
+  },
+  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: '
+  },
+  pagination: {
+    show: 'Showing',
+    to: 'to',
+    of: 'of',
+    results: 'results'
+  }
+};
+exports["default"] = _default;

package/package.json

@@ -1,17 +1,11 @@
 {
   "name": "@digigov/ui",
-  "version": "0.12.2",
+  "version": "0.14.0",
   "description": "@digigov reusable components toolkit",
-  "module": "index.js",
+  "module": "./esm/index.js",
   "publishConfig": {
     "directory": "dist"
   },
-  "scripts": {
-    "lint": "digigov lint",
-    "test": "digigov test",
-    "build": "digigov build --subpackages",
-    "prepublish": "digigov build --subpackages"
-  },
   "dependencies": {
     "google-libphonenumber": "3.2.8",
     "react-qr-reader": "2.2.1",
@@ -24,27 +18,11 @@
     "clsx": "1.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@digigov/react-core": "0.6.1"
-  },
-  "devDependencies": {
-    "@digigov/cli": "0.5.27",
-    "@digigov/cli-lint": "0.5.28",
-    "@digigov/cli-build": "0.7.1",
-    "@digigov/cli-test": "0.6.0",
-    "@testing-library/react": "11.2.1",
-    "@testing-library/react-hooks": "3.4.2",
-    "@types/react-qr-reader": "2.1.2",
-    "typescript": "4.2.3",
-    "@types/node": "14.14.9",
-    "@types/react": "16.9.56",
-    "@types/react-dom": "16.9.9",
-    "@types/enzyme": "3.10.8",
-    "@types/enzyme-adapter-react-16": "1.0.5",
-    "@types/jest": "26.0.15",
-    "enzyme": "3.11.0",
-    "fetch-mock": "9.3.1",
-    "eslint": "7.24.0",
-    "prettier": "2.2.1"
+    "@digigov/react-core": "0.6.5",
+    "@digigov/react-extensions": "0.6.0"
   },
-  "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871"
-}
+  "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
+  "private": false,
+  "main": "./index.js",
+  "typings": "./index.d.ts"
+}

package/router/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type RouterInterface = {
+    children?: React.ReactNode;
+    router?: any;
+};
+export declare const RouterContext: React.Context<RouterInterface>;
+export declare const useRouter: () => RouterInterface;
+export declare const RouterProvider: React.FC<RouterInterface>;
+export default RouterContext;

package/router/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRouter = exports["default"] = exports.RouterProvider = exports.RouterContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var RouterContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.RouterContext = RouterContext;
+
+var useRouter = function useRouter() {
+  return (0, _react.useContext)(RouterContext);
+};
+
+exports.useRouter = useRouter;
+
+var RouterProvider = function RouterProvider(_ref) {
+  var router = _ref.router,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(RouterContext.Provider, {
+    value: {
+      router: router
+    }
+  }, children);
+};
+
+exports.RouterProvider = RouterProvider;
+var _default = RouterContext;
+exports["default"] = _default;

package/router/index.mdx

@@ -0,0 +1,40 @@
+---
+title: RouterProvider
+parent: docs/ui/components
+---
+
+The `@digigov/ui` SDK uses [Nextjs](https://nextjs.org) and its routing solution under the hood. RouterProvider allows app developers to inject the router instance of the app without having to resort to hacky solutions.
+
+## How to use
+
+First you have to import the React component called `RouterProvider` and the Nextjs router hook.
+
+```jsx
+import { RouterProvider } from '@digigov/ui/router';
+import { useRouter } from 'next/router';
+```
+
+Then you can wrap the whole layout of your app and you're good to go.
+
+```jsx
+const Layout = (props) => {
+  const { t } = useTranslation();
+  const router = useRouter();
+  return (
+    <RouterProvider router={router}>
+      <BasicLayout>
+        <Head>
+          <title>{t('app.name')}</title>
+        </Head>
+        <EpathlaTop />
+        <Content direction="row">
+          <Main>{props.children}</Main>
+        </Content>
+        <Bottom>
+          <GovGRFooter />
+        </Bottom>
+      </BasicLayout>
+    </RouterProvider>
+  );
+};
+```

package/test-utils/delay.d.ts

@@ -0,0 +1,2 @@
+export declare function delay(ms: any): Promise<void>;
+export default delay;