@digigov/ui 0.11.0 → 0.12.2

package/esm/layouts/Basic/Side/index.mdx

@@ -1,71 +0,0 @@
----
-title: Side
-parent: docs/ui/components
----
-
-# Side
-
-import { Side } from '@digigov/ui/layouts/Basic';
-import PropsDoc from '@docs-components/propsDoc';
-import StylesDoc from '@docs-components/stylesDoc';
-
-```jsx live path=layouts/Basic/index.tsx
-
-function Side{
- return (
-    <BasicLayout>
-    <Top>
-        <Header>
-          <GovGRLogo />
-          <HeaderTitle>
-            <ServiceBadge />
-          </HeaderTitle>
-        </Header>
-      </Top>
-    <Content>
-        <Main>
-          <Title size="xl">Main</Title>
-            <Paragraph>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-                Excepteur sint occaecat cupidatat non proident,
-                sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </Paragraph>
-        </Main>
-        <Side>
-          <Title size="md">Side content</Title>
-          <Paragraph>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit,
-                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-                Excepteur sint occaecat cupidatat non proident,
-                sunt in culpa qui officia deserunt mollit anim id est laborum.
-            </Paragraph>
-          </Side>
-      </Content>
-    </BasicLayout>
- )
-}
-export Side
-
-```
-
-<br />
-
-## How it works
-
-The Side component covers the right one-third of the page width.
-Note that the Side component is optional, so there could be occasions that Side is empty.
-
-## API
-
-### Properties
-
-<PropsDoc data={Side.__doc__} />
-
-<br />
-
-### Styles
-
-<StylesDoc data={Side.__doc__} />

package/esm/layouts/Basic/Top/index.js

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

package/esm/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/esm/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/esm/layouts/Basic/index.js

@@ -1,8 +0,0 @@
-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/esm/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/esm/layouts/Basic/index.spec.js

@@ -1,10 +0,0 @@
-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/esm/layouts/Grid/index.js

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

package/esm/layouts/index.js

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

package/esm/locales/el.js

@@ -1,45 +0,0 @@
-export 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 σας επισκεφθείτε την ιστοσελίδα:  '
-  }
-};

package/esm/router/index.js

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

package/esm/test-utils/delay.js

@@ -1,31 +0,0 @@
-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/esm/test-utils/mountWithTheme.js

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

package/esm/themes/govgr.js

@@ -1,79 +0,0 @@
-import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
-export var PORTAL_URL = 'http://34.194.85.187/';
-var linkStyle = {
-  color: '#046ec5',
-  '&:hover': {
-    color: '#4c2c92'
-  },
-  '&:visited': {
-    color: '#4c2c92'
-  },
-  '&:active': {
-    color: '#212529'
-  }
-};
-var theme = createMuiTheme({
-  overrides: {
-    MuiCssBaseline: {
-      '@global': {
-        body: {
-          background: '#fff'
-        },
-        a: linkStyle
-      }
-    },
-    MuiBaseLink: {
-      root: linkStyle
-    },
-    MuiButton: {
-      root: {
-        borderRadius: 4
-      }
-    }
-  },
-  shape: {
-    borderRadius: 8
-  },
-  palette: {
-    primary: {
-      main: '#003476'
-    },
-    secondary: {
-      main: '#046ec5'
-    },
-    success: {
-      main: '#00703c'
-    },
-    error: {
-      main: '#ca2e2e'
-    },
-    warning: {
-      main: '#C25400'
-    },
-    info: {
-      main: '#036ec5'
-    }
-  },
-  typography: {
-    htmlFontSize: 14
-  },
-  header: {
-    logo: {
-      height: 45
-    },
-    border: {
-      width: '100%',
-      height: 8,
-      background: '#046ec5'
-    },
-    height: '75px'
-  },
-  footer: {
-    main: '#eeeeee',
-    link: '#00aeef',
-    contrastText: '#fff'
-  },
-  spacing: 8
-});
-theme = responsiveFontSizes(theme, ['sm', 'md', 'lg']);
-export default theme;