gatsby-theme-q3 4.5.16 → 4.5.19

package/src/components/AdminPrivateGateway.jsx

@@ -1,37 +1,37 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { navigate } from 'gatsby';
-import { Gatekeeper } from 'q3-admin/lib/containers';
-import IsBrowserReady from './IsBrowserReady';
-
-const AdminPrivateGateway = ({
-  children,
-  GatekeepProps,
-  // for legacy purposes (for now)
-  ...rest
-}) => (
-  <IsBrowserReady>
-    <Gatekeeper
-      navigate={navigate}
-      redirectPathOnPublic="/login"
-      {...rest}
-      {...GatekeepProps}
-    >
-      {children}
-    </Gatekeeper>
-  </IsBrowserReady>
-);
-
-AdminPrivateGateway.defaultProps = {
-  GatekeepProps: {},
-  children: null,
-};
-
-AdminPrivateGateway.propTypes = {
-  GatekeepProps: PropTypes.shape({
-    redirectCheck: PropTypes.func,
-  }),
-  children: PropTypes.node,
-};
-
-export default AdminPrivateGateway;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { navigate } from 'gatsby';
+import { Gatekeeper } from 'q3-admin/lib/containers';
+import IsBrowserReady from './IsBrowserReady';
+
+const AdminPrivateGateway = ({
+  children,
+  GatekeepProps,
+  // for legacy purposes (for now)
+  ...rest
+}) => (
+  <IsBrowserReady>
+    <Gatekeeper
+      navigate={navigate}
+      redirectPathOnPublic="/login"
+      {...rest}
+      {...GatekeepProps}
+    >
+      {children}
+    </Gatekeeper>
+  </IsBrowserReady>
+);
+
+AdminPrivateGateway.defaultProps = {
+  GatekeepProps: {},
+  children: null,
+};
+
+AdminPrivateGateway.propTypes = {
+  GatekeepProps: PropTypes.shape({
+    redirectCheck: PropTypes.func,
+  }),
+  children: PropTypes.node,
+};
+
+export default AdminPrivateGateway;

package/src/components/AdminPublicGateway.jsx

@@ -1,34 +1,34 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { navigate } from 'gatsby';
-import { Gatekeeper } from 'q3-admin/lib/containers';
-import IsBrowserReady from './IsBrowserReady';
-
-const AdminPublicGateway = ({
-  children,
-  GatekeepProps,
-}) => (
-  <IsBrowserReady>
-    <Gatekeeper
-      navigate={navigate}
-      redirectPathOnSession="/app"
-      {...GatekeepProps}
-    >
-      {children}
-    </Gatekeeper>
-  </IsBrowserReady>
-);
-
-AdminPublicGateway.defaultProps = {
-  GatekeepProps: {},
-  children: null,
-};
-
-AdminPublicGateway.propTypes = {
-  GatekeepProps: PropTypes.shape({
-    redirectCheck: PropTypes.func,
-  }),
-  children: PropTypes.node,
-};
-
-export default AdminPublicGateway;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { navigate } from 'gatsby';
+import { Gatekeeper } from 'q3-admin/lib/containers';
+import IsBrowserReady from './IsBrowserReady';
+
+const AdminPublicGateway = ({
+  children,
+  GatekeepProps,
+}) => (
+  <IsBrowserReady>
+    <Gatekeeper
+      navigate={navigate}
+      redirectPathOnSession="/app"
+      {...GatekeepProps}
+    >
+      {children}
+    </Gatekeeper>
+  </IsBrowserReady>
+);
+
+AdminPublicGateway.defaultProps = {
+  GatekeepProps: {},
+  children: null,
+};
+
+AdminPublicGateway.propTypes = {
+  GatekeepProps: PropTypes.shape({
+    redirectCheck: PropTypes.func,
+  }),
+  children: PropTypes.node,
+};
+
+export default AdminPublicGateway;

package/src/components/AdminRouter.jsx

@@ -1,44 +1,44 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Router } from '@reach/router';
-import AdminApp from 'q3-admin';
-import AdminPrivateGateway from './AdminPrivateGateway';
-import useSiteMetaData from './useSiteMetaData';
-
-const AdminRouter = ({ AdminProps, GatekeepProps }) => {
-  const { appDirectory: basepath, logo: logoSrc } =
-    useSiteMetaData();
-
-  return (
-    <AdminPrivateGateway GatekeepProps={GatekeepProps}>
-      <Router basepath={basepath}>
-        <AdminApp
-          {...AdminProps}
-          path="*"
-          AppProps={{
-            directory: basepath,
-            ...AdminProps?.AppProps,
-          }}
-          NavProps={{
-            logoSrc,
-            ...AdminProps?.NavProps,
-          }}
-        />
-      </Router>
-    </AdminPrivateGateway>
-  );
-};
-
-AdminRouter.defaultProps = {
-  AdminProps: {},
-  GatekeepProps: {},
-};
-
-AdminRouter.propTypes = {
-  // eslint-disable-next-line
-  AdminProps: PropTypes.object,
-  // eslint-disable-next-line
-  GatekeepProps: PropTypes.object,
-};
-
-export default AdminRouter;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Router } from '@reach/router';
+import AdminApp from 'q3-admin';
+import AdminPrivateGateway from './AdminPrivateGateway';
+import useSiteMetaData from './useSiteMetaData';
+
+const AdminRouter = ({ AdminProps, GatekeepProps }) => {
+  const { appDirectory: basepath, logo: logoSrc } =
+    useSiteMetaData();
+
+  return (
+    <AdminPrivateGateway GatekeepProps={GatekeepProps}>
+      <Router basepath={basepath}>
+        <AdminApp
+          {...AdminProps}
+          path="*"
+          AppProps={{
+            directory: basepath,
+            ...AdminProps?.AppProps,
+          }}
+          NavProps={{
+            logoSrc,
+            ...AdminProps?.NavProps,
+          }}
+        />
+      </Router>
+    </AdminPrivateGateway>
+  );
+};
+
+AdminRouter.defaultProps = {
+  AdminProps: {},
+  GatekeepProps: {},
+};
+
+AdminRouter.propTypes = {
+  // eslint-disable-next-line
+  AdminProps: PropTypes.object,
+  // eslint-disable-next-line
+  GatekeepProps: PropTypes.object,
+};
+
+export default AdminRouter;

package/src/components/BlogArchiveTemplate.jsx

@@ -1,55 +1,55 @@
-import React from 'react';
-import { get } from 'lodash';
-import { navigate } from '@reach/router';
-import PropTypes from 'prop-types';
-import { News as NewsCard } from 'q3-ui/lib/card';
-import Wrapper from 'q3-ui/lib/wrapper';
-import Grid from '@material-ui/core/Grid';
-import Box from '@material-ui/core/Box';
-import Pagination from '@material-ui/lab/Pagination';
-
-const BlogArchiveTemplate = ({
-  blogs,
-  pageNum,
-  total,
-  dir,
-}) => (
-  <Wrapper backgroundColor="transparent">
-    <Grid container spacing={1}>
-      {blogs.map((blog) => (
-        <NewsCard
-          md={3}
-          title={blog.title}
-          description={get(blog, 'description.description')}
-          imgSrc={get(blog, 'image.fixed.src')}
-          to={blog.to}
-        />
-      ))}
-    </Grid>
-    <Box my={2}>
-      {dir && (
-        <Pagination
-          defaultPage={pageNum + 1}
-          count={total}
-          onChange={(e, num) =>
-            navigate(`/${dir}/${num > 1 ? num : ''}`)
-          }
-        />
-      )}
-    </Box>
-  </Wrapper>
-);
-
-BlogArchiveTemplate.propTypes = {
-  blogs: PropTypes.arrayOf(
-    PropTypes.shape({
-      title: PropTypes.string,
-      description: PropTypes.description,
-    }),
-  ).isRequired,
-  pageNum: PropTypes.number.isRequired,
-  total: PropTypes.number.isRequired,
-  dir: PropTypes.string.isRequired,
-};
-
-export default BlogArchiveTemplate;
+import React from 'react';
+import { get } from 'lodash';
+import { navigate } from '@reach/router';
+import PropTypes from 'prop-types';
+import { News as NewsCard } from 'q3-ui/lib/card';
+import Wrapper from 'q3-ui/lib/wrapper';
+import Grid from '@material-ui/core/Grid';
+import Box from '@material-ui/core/Box';
+import Pagination from '@material-ui/lab/Pagination';
+
+const BlogArchiveTemplate = ({
+  blogs,
+  pageNum,
+  total,
+  dir,
+}) => (
+  <Wrapper backgroundColor="transparent">
+    <Grid container spacing={1}>
+      {blogs.map((blog) => (
+        <NewsCard
+          md={3}
+          title={blog.title}
+          description={get(blog, 'description.description')}
+          imgSrc={get(blog, 'image.fixed.src')}
+          to={blog.to}
+        />
+      ))}
+    </Grid>
+    <Box my={2}>
+      {dir && (
+        <Pagination
+          defaultPage={pageNum + 1}
+          count={total}
+          onChange={(e, num) =>
+            navigate(`/${dir}/${num > 1 ? num : ''}`)
+          }
+        />
+      )}
+    </Box>
+  </Wrapper>
+);
+
+BlogArchiveTemplate.propTypes = {
+  blogs: PropTypes.arrayOf(
+    PropTypes.shape({
+      title: PropTypes.string,
+      description: PropTypes.description,
+    }),
+  ).isRequired,
+  pageNum: PropTypes.number.isRequired,
+  total: PropTypes.number.isRequired,
+  dir: PropTypes.string.isRequired,
+};
+
+export default BlogArchiveTemplate;

package/src/components/BlogTemplate.jsx

@@ -1,104 +1,104 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { get } from 'lodash';
-import { navigate } from '@reach/router';
-import moment from 'moment';
-import Image from 'gatsby-image';
-import Box from '@material-ui/core/Box';
-import Container from '@material-ui/core/Container';
-import Typography from '@material-ui/core/Typography';
-import Grid from '@material-ui/core/Grid';
-import TodayIcon from '@material-ui/icons/Today';
-import Breadcrumbs from 'q3-ui/lib/breadcrumbs';
-import Wrapper from 'q3-ui/lib/wrapper';
-import Pagination from 'q3-ui/lib/pagination';
-import RichText from './RichText';
-import SocialShare from './ShareButton';
-import SearchEngine from './SearchEngine';
-
-const BlogTemplateSharePublication = ({ publishedOn }) => (
-  <Grid container spacing={1}>
-    {publishedOn && (
-      <Grid item>
-        <TodayIcon /> {moment.format('LL')}
-      </Grid>
-    )}
-    <Grid item>
-      <Grid container>
-        <SocialShare platform="Facebook" />
-        <SocialShare platform="Twitter" />
-        <SocialShare platform="LinkedIn" />
-        <SocialShare platform="Email" />
-      </Grid>
-    </Grid>
-  </Grid>
-);
-
-BlogTemplateSharePublication.propTypes = {
-  publishedOn: PropTypes.string,
-};
-
-BlogTemplateSharePublication.defaultProps = {
-  publishedOn: null,
-};
-
-const BlogTemplate = ({ current, prev, next }) => (
-  <Box my={2}>
-    <SearchEngine
-      title={current.title}
-      description={get(current, 'description.description')}
-    />
-    <Wrapper backgroundColor="#FFF">
-      <Container component="article" maxWidth="md">
-        <Breadcrumbs root="/" mode="light" />
-        <Typography variant="h1" gutterBottom>
-          {current.title}
-        </Typography>
-        {current.subtitle && (
-          <Box mb={3}>
-            <Typography variant="body2" gutterBottom>
-              {current.subtitle}
-            </Typography>
-          </Box>
-        )}
-        <BlogTemplateSharePublication
-          publishedOn={current.publishedOn}
-        />
-
-        {current.image && (
-          <Box my={3}>
-            <Image
-              style={{ maxWidth: '100%' }}
-              fixed={current.image.fixed}
-              alt={current.image.title}
-            />
-          </Box>
-        )}
-        <RichText json={get(current, 'body.json')} />
-        <Pagination
-          nextDescription={get(next, 'title')}
-          prevDescription={get(prev, 'title')}
-          onNext={() => navigate(next.to)}
-          onPrev={() => navigate(prev.to)}
-        />
-      </Container>
-    </Wrapper>
-  </Box>
-);
-
-BlogTemplate.propTypes = {
-  current: PropTypes.shape({
-    title: PropTypes.string,
-    subtitle: PropTypes.string,
-    publishedOn: PropTypes.string,
-    image: PropTypes.object,
-  }).isRequired,
-  next: PropTypes.shape({
-    to: PropTypes.string,
-  }).isRequired,
-  prev: PropTypes.shape({
-    to: PropTypes.string,
-  }).isRequired,
-};
-
-export default BlogTemplate;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { get } from 'lodash';
+import { navigate } from '@reach/router';
+import moment from 'moment';
+import Image from 'gatsby-image';
+import Box from '@material-ui/core/Box';
+import Container from '@material-ui/core/Container';
+import Typography from '@material-ui/core/Typography';
+import Grid from '@material-ui/core/Grid';
+import TodayIcon from '@material-ui/icons/Today';
+import Breadcrumbs from 'q3-ui/lib/breadcrumbs';
+import Wrapper from 'q3-ui/lib/wrapper';
+import Pagination from 'q3-ui/lib/pagination';
+import RichText from './RichText';
+import SocialShare from './ShareButton';
+import SearchEngine from './SearchEngine';
+
+const BlogTemplateSharePublication = ({ publishedOn }) => (
+  <Grid container spacing={1}>
+    {publishedOn && (
+      <Grid item>
+        <TodayIcon /> {moment.format('LL')}
+      </Grid>
+    )}
+    <Grid item>
+      <Grid container>
+        <SocialShare platform="Facebook" />
+        <SocialShare platform="Twitter" />
+        <SocialShare platform="LinkedIn" />
+        <SocialShare platform="Email" />
+      </Grid>
+    </Grid>
+  </Grid>
+);
+
+BlogTemplateSharePublication.propTypes = {
+  publishedOn: PropTypes.string,
+};
+
+BlogTemplateSharePublication.defaultProps = {
+  publishedOn: null,
+};
+
+const BlogTemplate = ({ current, prev, next }) => (
+  <Box my={2}>
+    <SearchEngine
+      title={current.title}
+      description={get(current, 'description.description')}
+    />
+    <Wrapper backgroundColor="#FFF">
+      <Container component="article" maxWidth="md">
+        <Breadcrumbs root="/" mode="light" />
+        <Typography variant="h1" gutterBottom>
+          {current.title}
+        </Typography>
+        {current.subtitle && (
+          <Box mb={3}>
+            <Typography variant="body2" gutterBottom>
+              {current.subtitle}
+            </Typography>
+          </Box>
+        )}
+        <BlogTemplateSharePublication
+          publishedOn={current.publishedOn}
+        />
+
+        {current.image && (
+          <Box my={3}>
+            <Image
+              style={{ maxWidth: '100%' }}
+              fixed={current.image.fixed}
+              alt={current.image.title}
+            />
+          </Box>
+        )}
+        <RichText json={get(current, 'body.json')} />
+        <Pagination
+          nextDescription={get(next, 'title')}
+          prevDescription={get(prev, 'title')}
+          onNext={() => navigate(next.to)}
+          onPrev={() => navigate(prev.to)}
+        />
+      </Container>
+    </Wrapper>
+  </Box>
+);
+
+BlogTemplate.propTypes = {
+  current: PropTypes.shape({
+    title: PropTypes.string,
+    subtitle: PropTypes.string,
+    publishedOn: PropTypes.string,
+    image: PropTypes.object,
+  }).isRequired,
+  next: PropTypes.shape({
+    to: PropTypes.string,
+  }).isRequired,
+  prev: PropTypes.shape({
+    to: PropTypes.string,
+  }).isRequired,
+};
+
+export default BlogTemplate;

package/src/components/FormBox.jsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import Box from '@material-ui/core/Box';
-import PropTypes from 'prop-types';
-
-const FormBox = ({ renderBottom, renderTop }) => (
-  <Box
-    component="section"
-    width="100%"
-    maxWidth="650px"
-    p={0.5}
-  >
-    {renderTop}
-    <Box mt={1}>{renderBottom}</Box>
-  </Box>
-);
-
-FormBox.propTypes = {
-  renderBottom: PropTypes.node.isRequired,
-  renderTop: PropTypes.node.isRequired,
-};
-
-export default FormBox;
+import React from 'react';
+import Box from '@material-ui/core/Box';
+import PropTypes from 'prop-types';
+
+const FormBox = ({ renderBottom, renderTop }) => (
+  <Box
+    component="section"
+    width="100%"
+    maxWidth="650px"
+    p={0.5}
+  >
+    {renderTop}
+    <Box mt={1}>{renderBottom}</Box>
+  </Box>
+);
+
+FormBox.propTypes = {
+  renderBottom: PropTypes.node.isRequired,
+  renderTop: PropTypes.node.isRequired,
+};
+
+export default FormBox;

package/src/components/FormBoxContent.jsx

@@ -1,26 +1,26 @@
-import React from 'react';
-import { useTranslation } from 'q3-ui-locale';
-import PropTypes from 'prop-types';
-import Typography from '@material-ui/core/Typography';
-
-const FormBoxContent = ({ title, description }) => {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <Typography component="h1" variant="h2" gutterBottom>
-        {t(`titles:${title}`)}
-      </Typography>
-      <Typography gutterBottom>
-        {t(`descriptions:${description}`)}
-      </Typography>
-    </>
-  );
-};
-
-FormBoxContent.propTypes = {
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string.isRequired,
-};
-
-export default FormBoxContent;
+import React from 'react';
+import { useTranslation } from 'q3-ui-locale';
+import PropTypes from 'prop-types';
+import Typography from '@material-ui/core/Typography';
+
+const FormBoxContent = ({ title, description }) => {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Typography component="h1" variant="h2" gutterBottom>
+        {t(`titles:${title}`)}
+      </Typography>
+      <Typography gutterBottom>
+        {t(`descriptions:${description}`)}
+      </Typography>
+    </>
+  );
+};
+
+FormBoxContent.propTypes = {
+  title: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+};
+
+export default FormBoxContent;