gatsby-theme-q3 4.5.16 → 4.5.19

package/src/components/FormBoxNotice.jsx

@@ -1,21 +1,21 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import FormBox from './FormBox';
-import FormBoxContent from './FormBoxContent';
-
-const FormBoxNotice = ({ children, ...rest }) => (
-  <FormBox
-    renderTop={<FormBoxContent {...rest} />}
-    renderBottom={children}
-  />
-);
-
-FormBoxNotice.defaultProps = {
-  children: null,
-};
-
-FormBoxNotice.propTypes = {
-  children: PropTypes.node,
-};
-
-export default FormBoxNotice;
+import React from 'react';
+import PropTypes from 'prop-types';
+import FormBox from './FormBox';
+import FormBoxContent from './FormBoxContent';
+
+const FormBoxNotice = ({ children, ...rest }) => (
+  <FormBox
+    renderTop={<FormBoxContent {...rest} />}
+    renderBottom={children}
+  />
+);
+
+FormBoxNotice.defaultProps = {
+  children: null,
+};
+
+FormBoxNotice.propTypes = {
+  children: PropTypes.node,
+};
+
+export default FormBoxNotice;

package/src/components/IsBrowserReady.jsx

@@ -1,13 +1,13 @@
-import PropTypes from 'prop-types';
-import { browser } from 'q3-ui-helpers';
-
-const { isBrowserReady } = browser;
-
-const IsBrowserReady = ({ children }) =>
-  isBrowserReady() ? children : null;
-
-IsBrowserReady.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export default IsBrowserReady;
+import PropTypes from 'prop-types';
+import { browser } from 'q3-ui-helpers';
+
+const { isBrowserReady } = browser;
+
+const IsBrowserReady = ({ children }) =>
+  isBrowserReady() ? children : null;
+
+IsBrowserReady.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default IsBrowserReady;

package/src/components/PageWrapper.jsx

@@ -1,20 +1,20 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import SearchEngine from './SearchEngine';
-
-const PageWrapper = ({ children }) => (
-  <>
-    <SearchEngine />
-    {children}
-  </>
-);
-
-PageWrapper.defaultProps = {
-  children: null,
-};
-
-PageWrapper.propTypes = {
-  children: PropTypes.node,
-};
-
-export default PageWrapper;
+import React from 'react';
+import PropTypes from 'prop-types';
+import SearchEngine from './SearchEngine';
+
+const PageWrapper = ({ children }) => (
+  <>
+    <SearchEngine />
+    {children}
+  </>
+);
+
+PageWrapper.defaultProps = {
+  children: null,
+};
+
+PageWrapper.propTypes = {
+  children: PropTypes.node,
+};
+
+export default PageWrapper;

package/src/components/PublicTemplate.jsx

@@ -1,198 +1,198 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {
-  Box,
-  Paper,
-  Link,
-  Grid,
-  Hidden,
-  makeStyles,
-} from '@material-ui/core';
-import { Alert } from '@material-ui/lab';
-import { Link as ReachLink } from 'gatsby';
-import { useTranslation } from 'q3-ui-locale';
-import { isString } from 'lodash';
-import BackgroundStyle from 'q3-admin/lib/components/BackgroundStyle';
-import AdminPublicGateway from './AdminPublicGateway';
-import useSiteMetaData from './useSiteMetaData';
-
-const useStyle = makeStyles((theme) => ({
-  logo: ({ invertLogo = false }) => {
-    const output = {
-      height: 75,
-      maxHeight: 75,
-      width: 290,
-      display: 'block',
-
-      [theme.breakpoints.down('md')]: {
-        height: 65,
-        maxHeight: 65,
-        width: 250,
-      },
-
-      '& img': {
-        objectFit: 'contain',
-        height: '100%',
-        width: '100%',
-      },
-    };
-
-    if (theme.palette.type === 'dark' && invertLogo)
-      output.filter = 'invert(1) grayscale(100%)';
-
-    return output;
-  },
-  container: {
-    maxWidth: '85vw',
-    width: 850,
-
-    [theme.breakpoints.down('md')]: {
-      width: '100%',
-    },
-
-    [theme.breakpoints.down('sm')]: {
-      width: 'auto',
-    },
-  },
-  photo: ({ photo }) => ({
-    backgroundColor: theme.palette.secondary.light,
-    backgroundImage: isString(photo)
-      ? `url("${String(photo).replace(/\s/gi, '%20')}")`
-      : undefined,
-    backgroundSize: 'cover',
-    backgroundPosition: 'center',
-    backgroundRepeat: 'no-repeat',
-    width: '100%',
-    height: '100%',
-    backgroundBlendMode: 'multiply',
-    minHeight: '55vh',
-  }),
-}));
-
-const Copyright = () => {
-  const { brand } = useSiteMetaData();
-
-  return brand ? (
-    <Box display="inline-block" mx={1}>
-      ©{new Date().getFullYear()} {brand}
-    </Box>
-  ) : null;
-};
-
-// eslint-disable-next-line
-const TextLink = ({ href, text }) => {
-  const { t } = useTranslation('labels');
-
-  return href ? (
-    <Box display="inline-block" mx={1}>
-      <Link href={href} target="_blank">
-        {t(text)}
-      </Link>
-    </Box>
-  ) : null;
-};
-
-const PublicTemplate = ({ children, ...rest }) => {
-  const {
-    brand,
-    cancellation,
-    invertLogo,
-    terms,
-    privacy,
-    logo,
-    photo,
-    publicNotice = null,
-  } = useSiteMetaData({
-    logo: '/logo.png',
-    photo: '/background.jpg',
-  });
-
-  const cls = useStyle({
-    photo,
-    invertLogo,
-  });
-
-  return (
-    <AdminPublicGateway {...rest}>
-      <BackgroundStyle />
-      <Box
-        alignItems="center"
-        component="article"
-        display="flex"
-        flexDirection="column"
-        justifyContent="center"
-        width="100%"
-      >
-        <Box
-          component="header"
-          mt="2vh"
-          mb={1}
-          textAlign="center"
-        >
-          <ReachLink to="/" className={cls.logo}>
-            <img alt={brand} src={logo} />
-          </ReachLink>
-        </Box>
-        {publicNotice && (
-          <Box className={cls.container} mb={1}>
-            <Alert severity="warning">
-              <Box
-                dangerouslySetInnerHTML={{
-                  __html: publicNotice,
-                }}
-              />
-            </Alert>
-          </Box>
-        )}
-        <Paper className={cls.container}>
-          <Grid container spacing={1}>
-            <Hidden smDown>
-              <Grid item xs={6}>
-                <Box className={cls.photo} />
-              </Grid>
-            </Hidden>
-            <Grid item md={6} xs={12}>
-              <Box
-                alignItems="center"
-                height="100%"
-                display="flex"
-                p={2}
-              >
-                {children}
-              </Box>
-            </Grid>
-          </Grid>
-        </Paper>
-        <Box
-          maxWidth="75vw"
-          component="footer"
-          mt={2}
-          textAlign="center"
-        >
-          <small>
-            <Copyright />
-            <TextLink
-              href={terms}
-              text="termsAndConditions"
-            />
-            <TextLink href={privacy} text="privacyPolicy" />
-            <TextLink
-              href={cancellation}
-              text="cancellationPolicy"
-            />
-          </small>
-        </Box>
-      </Box>
-    </AdminPublicGateway>
-  );
-};
-
-PublicTemplate.defaultProps = {
-  children: null,
-};
-
-PublicTemplate.propTypes = {
-  children: PropTypes.node,
-};
-
-export default PublicTemplate;
+import React from 'react';
+import PropTypes from 'prop-types';
+import {
+  Box,
+  Paper,
+  Link,
+  Grid,
+  Hidden,
+  makeStyles,
+} from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import { Link as ReachLink } from 'gatsby';
+import { useTranslation } from 'q3-ui-locale';
+import { isString } from 'lodash';
+import BackgroundStyle from 'q3-admin/lib/components/BackgroundStyle';
+import AdminPublicGateway from './AdminPublicGateway';
+import useSiteMetaData from './useSiteMetaData';
+
+const useStyle = makeStyles((theme) => ({
+  logo: ({ invertLogo = false }) => {
+    const output = {
+      height: 75,
+      maxHeight: 75,
+      width: 290,
+      display: 'block',
+
+      [theme.breakpoints.down('md')]: {
+        height: 65,
+        maxHeight: 65,
+        width: 250,
+      },
+
+      '& img': {
+        objectFit: 'contain',
+        height: '100%',
+        width: '100%',
+      },
+    };
+
+    if (theme.palette.type === 'dark' && invertLogo)
+      output.filter = 'invert(1) grayscale(100%)';
+
+    return output;
+  },
+  container: {
+    maxWidth: '85vw',
+    width: 850,
+
+    [theme.breakpoints.down('md')]: {
+      width: '100%',
+    },
+
+    [theme.breakpoints.down('sm')]: {
+      width: 'auto',
+    },
+  },
+  photo: ({ photo }) => ({
+    backgroundColor: theme.palette.secondary.light,
+    backgroundImage: isString(photo)
+      ? `url("${String(photo).replace(/\s/gi, '%20')}")`
+      : undefined,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+    width: '100%',
+    height: '100%',
+    backgroundBlendMode: 'multiply',
+    minHeight: '55vh',
+  }),
+}));
+
+const Copyright = () => {
+  const { brand } = useSiteMetaData();
+
+  return brand ? (
+    <Box display="inline-block" mx={1}>
+      ©{new Date().getFullYear()} {brand}
+    </Box>
+  ) : null;
+};
+
+// eslint-disable-next-line
+const TextLink = ({ href, text }) => {
+  const { t } = useTranslation('labels');
+
+  return href ? (
+    <Box display="inline-block" mx={1}>
+      <Link href={href} target="_blank">
+        {t(text)}
+      </Link>
+    </Box>
+  ) : null;
+};
+
+const PublicTemplate = ({ children, ...rest }) => {
+  const {
+    brand,
+    cancellation,
+    invertLogo,
+    terms,
+    privacy,
+    logo,
+    photo,
+    publicNotice = null,
+  } = useSiteMetaData({
+    logo: '/logo.png',
+    photo: '/background.jpg',
+  });
+
+  const cls = useStyle({
+    photo,
+    invertLogo,
+  });
+
+  return (
+    <AdminPublicGateway {...rest}>
+      <BackgroundStyle />
+      <Box
+        alignItems="center"
+        component="article"
+        display="flex"
+        flexDirection="column"
+        justifyContent="center"
+        width="100%"
+      >
+        <Box
+          component="header"
+          mt="2vh"
+          mb={1}
+          textAlign="center"
+        >
+          <ReachLink to="/" className={cls.logo}>
+            <img alt={brand} src={logo} />
+          </ReachLink>
+        </Box>
+        {publicNotice && (
+          <Box className={cls.container} mb={1}>
+            <Alert severity="warning">
+              <Box
+                dangerouslySetInnerHTML={{
+                  __html: publicNotice,
+                }}
+              />
+            </Alert>
+          </Box>
+        )}
+        <Paper className={cls.container}>
+          <Grid container spacing={1}>
+            <Hidden smDown>
+              <Grid item xs={6}>
+                <Box className={cls.photo} />
+              </Grid>
+            </Hidden>
+            <Grid item md={6} xs={12}>
+              <Box
+                alignItems="center"
+                height="100%"
+                display="flex"
+                p={2}
+              >
+                {children}
+              </Box>
+            </Grid>
+          </Grid>
+        </Paper>
+        <Box
+          maxWidth="75vw"
+          component="footer"
+          mt={2}
+          textAlign="center"
+        >
+          <small>
+            <Copyright />
+            <TextLink
+              href={terms}
+              text="termsAndConditions"
+            />
+            <TextLink href={privacy} text="privacyPolicy" />
+            <TextLink
+              href={cancellation}
+              text="cancellationPolicy"
+            />
+          </small>
+        </Box>
+      </Box>
+    </AdminPublicGateway>
+  );
+};
+
+PublicTemplate.defaultProps = {
+  children: null,
+};
+
+PublicTemplate.propTypes = {
+  children: PropTypes.node,
+};
+
+export default PublicTemplate;

package/src/components/Redirect.jsx

@@ -1,13 +1,13 @@
-import React from 'react';
-import { navigate } from 'gatsby';
-
-// eslint-disable-next-line
-const Redirect = ({ to }) => {
-  React.useEffect(() => {
-    navigate(to);
-  }, []);
-
-  return null;
-};
-
-export default Redirect;
+import React from 'react';
+import { navigate } from 'gatsby';
+
+// eslint-disable-next-line
+const Redirect = ({ to }) => {
+  React.useEffect(() => {
+    navigate(to);
+  }, []);
+
+  return null;
+};
+
+export default Redirect;

package/src/components/RedirectToIndex.jsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import Redirect from './Redirect';
-import useSiteMetaData from './useSiteMetaData';
-
-const IndexPage = () => (
-  <Redirect to={useSiteMetaData().appDirectory} />
-);
-
-export default IndexPage;
+import React from 'react';
+import Redirect from './Redirect';
+import useSiteMetaData from './useSiteMetaData';
+
+const IndexPage = () => (
+  <Redirect to={useSiteMetaData().appDirectory} />
+);
+
+export default IndexPage;