@digigov/ui 0.11.0 → 0.12.2

package/layouts/Basic/Top/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Top = void 0;
-
-var _Top = _interopRequireDefault(require("@digigov/react-core/Top"));
-
-var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
-
-var Top = (0, _withDeprecation["default"])(_Top["default"], {
-  name: 'Top',
-  props: {
-    dense: {
-      error: true
-    }
-  }
-});
-exports.Top = Top;
-var _default = Top;
-exports["default"] = _default;

package/layouts/Basic/Top/index.mdx

@@ -1,74 +0,0 @@
----
-title: Top
-parent: docs/ui/components
----
-
-# Top
-
-import { Top } from '@digigov/ui/layouts/Basic';
-import PropsDoc from '@docs-components/propsDoc';
-import StylesDoc from '@docs-components/stylesDoc';
-
-### Example without bottom margin
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/Logo';
-
-
-function Top{
- return (
-      <Top dense>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <ServiceBadge />
-          </HeaderTitle>
-        </Header>
-     </Top>
- )
-}
-export Top
-
-```
-
-### Example with bottom margin
-
-```jsx live path=layouts/Basic/index.tsx
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
-import GovGRLogo from '@digigov/ui/govgr/Logo';
-
-
-function Top{
- return (
-      <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <ServiceBadge />
-          </HeaderTitle>
-        </Header>
-     </Top>
- )
-}
-export Top
-
-```
-
-<br />
-
-## How it works
-
-The Top component is used to group the Header components.
-
-## API
-
-### Properties
-
-<PropsDoc data={Top.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Top.__doc__} />

package/layouts/Basic/__snapshots__/index.spec.tsx.snap

@@ -1,54 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the BasicLayout with Top, Content, Bottom, Main and Side children  1`] = `
-<ForwardRef(Layout)>
-  <div
-    className="govgr-layout-wrapper__full-height govgr-layout-wrapper"
-  >
-    <withDeprecationComponent>
-      <ForwardRef(Top)>
-        <div
-          className="govgr-top"
-        >
-          Header content
-        </div>
-      </ForwardRef(Top)>
-    </withDeprecationComponent>
-    <withDeprecationComponent>
-      <ForwardRef(Container)>
-        <div
-          className="govgr-width-container"
-        >
-          <div
-            className="govgr-main-wrapper"
-          >
-            <ForwardRef(Main)>
-              <main
-                className="govgr-grid-column-two-thirds"
-              >
-                Main content
-              </main>
-            </ForwardRef(Main)>
-            <withDeprecationComponent>
-              <ForwardRef(Aside)>
-                <aside
-                  className="govgr-grid-column-one-third"
-                >
-                  Side content
-                </aside>
-              </ForwardRef(Aside)>
-            </withDeprecationComponent>
-          </div>
-        </div>
-      </ForwardRef(Container)>
-    </withDeprecationComponent>
-    <ForwardRef(Bottom)>
-      <div
-        className="govgr-bottom"
-      >
-        Bottom content
-      </div>
-    </ForwardRef(Bottom)>
-  </div>
-</ForwardRef(Layout)>
-`;

package/layouts/Basic/index.js

@@ -1,97 +0,0 @@
-"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

@@ -1,62 +0,0 @@
----
-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

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

package/layouts/Basic/index.spec.js

@@ -1,20 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-"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

@@ -1,34 +0,0 @@
-"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

@@ -1,46 +0,0 @@
-declare const _default: {
-    form: {
-        error: {
-            required: string;
-            number: string;
-            positive_number: string;
-            string: string;
-            email: string;
-            afm: string;
-            file_size: string;
-            mobile_phone: string;
-            uuid4: 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;
-    };
-};
-export default _default;

package/locales/el.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  form: {
-    error: {
-      required: 'Το πεδίο είναι υποχρεωτικό.',
-      number: 'Συμπληρώστε έναν έγκυρο αριθμό',
-      positive_number: 'Συμπληρώστε έναν θετικό αριθμό',
-      string: 'Το πεδίο πρέπει να είναι string',
-      email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
-      afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
-      file_size: 'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο.',
-      mobile_phone: 'Συμπληρώστε έναν έγκυρο αριθμό κινητού τηλεφώνου.',
-      uuid4: 'Ο κωδικός επιβεβαίωσης δεν είναι έγκυρος.'
-    }
-  },
-  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 σας επισκεφθείτε την ιστοσελίδα:  '
-  }
-};
-exports["default"] = _default;

package/locales/en.d.ts

@@ -1,46 +0,0 @@
-declare const _default: {
-    form: {
-        error: {
-            required: string;
-            number: string;
-            positive_number: string;
-            string: string;
-            email: string;
-            afm: string;
-            file_size: string;
-            mobile_phone: string;
-            uuid4: 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;
-    };
-};
-export default _default;

package/locales/en.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = {
-  form: {
-    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.'
-    }
-  },
-  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: '
-  }
-};
-exports["default"] = _default;

package/router/index.d.ts

@@ -1,9 +0,0 @@
-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

@@ -1,37 +0,0 @@
-"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

@@ -1,40 +0,0 @@
----
-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>
-  );
-};
-```