gatsby-theme-q3 4.5.16 → 4.5.19

package/src/components/ShareButton.jsx

@@ -1,80 +1,80 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Grid from '@material-ui/core/Grid';
-import { browser } from 'q3-ui-helpers';
-import {
-  FacebookShareButton,
-  LinkedinShareButton,
-  TwitterShareButton,
-  EmailShareButton,
-  FacebookIcon,
-  TwitterIcon,
-  LinkedinIcon,
-  EmailIcon,
-} from 'react-share';
-
-const EMAIL = 'Email';
-const FACEBOOK = 'Facebook';
-const LINKEDIN = 'LinkedIn';
-const TWITTER = 'Twitter';
-
-const { isBrowserReady } = browser;
-
-const getPlatformByName = (name) => {
-  switch (name) {
-    case FACEBOOK:
-      return {
-        Button: FacebookShareButton,
-        Icon: FacebookIcon,
-      };
-    case EMAIL:
-      return {
-        Button: EmailShareButton,
-        Icon: EmailIcon,
-      };
-    case TWITTER:
-      return {
-        Button: TwitterShareButton,
-        Icon: TwitterIcon,
-      };
-    case LINKEDIN:
-      return {
-        Button: LinkedinShareButton,
-        Icon: LinkedinIcon,
-      };
-    default:
-      return {
-        Button: () => null,
-        Icon: () => null,
-      };
-  }
-};
-
-const ShareButton = ({ platform }) => {
-  const [url, setUrl] = React.useState();
-
-  React.useEffect(() => {
-    if (isBrowserReady()) setUrl(window.location.href);
-  }, []);
-
-  const { Button, Icon } = getPlatformByName(platform);
-
-  return url ? (
-    <Grid item>
-      <Button url={url} style={{ cursor: 'pointer' }}>
-        <Icon size={32} round />
-      </Button>
-    </Grid>
-  ) : null;
-};
-
-ShareButton.propTypes = {
-  platform: PropTypes.oneOf([
-    FACEBOOK,
-    TWITTER,
-    LINKEDIN,
-    EMAIL,
-  ]).isRequired,
-};
-
-export default ShareButton;
+import React from 'react';
+import PropTypes from 'prop-types';
+import Grid from '@material-ui/core/Grid';
+import { browser } from 'q3-ui-helpers';
+import {
+  FacebookShareButton,
+  LinkedinShareButton,
+  TwitterShareButton,
+  EmailShareButton,
+  FacebookIcon,
+  TwitterIcon,
+  LinkedinIcon,
+  EmailIcon,
+} from 'react-share';
+
+const EMAIL = 'Email';
+const FACEBOOK = 'Facebook';
+const LINKEDIN = 'LinkedIn';
+const TWITTER = 'Twitter';
+
+const { isBrowserReady } = browser;
+
+const getPlatformByName = (name) => {
+  switch (name) {
+    case FACEBOOK:
+      return {
+        Button: FacebookShareButton,
+        Icon: FacebookIcon,
+      };
+    case EMAIL:
+      return {
+        Button: EmailShareButton,
+        Icon: EmailIcon,
+      };
+    case TWITTER:
+      return {
+        Button: TwitterShareButton,
+        Icon: TwitterIcon,
+      };
+    case LINKEDIN:
+      return {
+        Button: LinkedinShareButton,
+        Icon: LinkedinIcon,
+      };
+    default:
+      return {
+        Button: () => null,
+        Icon: () => null,
+      };
+  }
+};
+
+const ShareButton = ({ platform }) => {
+  const [url, setUrl] = React.useState();
+
+  React.useEffect(() => {
+    if (isBrowserReady()) setUrl(window.location.href);
+  }, []);
+
+  const { Button, Icon } = getPlatformByName(platform);
+
+  return url ? (
+    <Grid item>
+      <Button url={url} style={{ cursor: 'pointer' }}>
+        <Icon size={32} round />
+      </Button>
+    </Grid>
+  ) : null;
+};
+
+ShareButton.propTypes = {
+  platform: PropTypes.oneOf([
+    FACEBOOK,
+    TWITTER,
+    LINKEDIN,
+    EMAIL,
+  ]).isRequired,
+};
+
+export default ShareButton;

package/src/components/Wrapper.jsx

@@ -1,14 +1,14 @@
-/* eslint-disable import/no-extraneous-dependencies */
-import React from 'react';
-import PropTypes from 'prop-types';
-import AuthProvider from 'q3-ui-permissions';
-
-const Wrapper = ({ children }) => (
-  <AuthProvider>{children}</AuthProvider>
-);
-
-Wrapper.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export default Wrapper;
+/* eslint-disable import/no-extraneous-dependencies */
+import React from 'react';
+import PropTypes from 'prop-types';
+import AuthProvider from 'q3-ui-permissions';
+
+const Wrapper = ({ children }) => (
+  <AuthProvider>{children}</AuthProvider>
+);
+
+Wrapper.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default Wrapper;

package/src/components/__tests__/SearchEngine.test.jsx

@@ -1,58 +1,58 @@
-import {
-  generateMetaDescriptionOptions,
-  getStartUrl,
-  generateIcons,
-  generateBrand,
-} from '../SearchEngine';
-
-jest.mock('q3-ui-locale', () => ({
-  browser: {
-    isBrowserReady: jest.fn(),
-  },
-}));
-
-const host = 'https://google.ca';
-
-beforeEach(() => {
-  Object.defineProperty(window, 'location', {
-    value: {
-      host,
-    },
-  });
-});
-
-describe('SearchEngine', () => {
-  it('should not render descriptions without content', () => {
-    expect(generateMetaDescriptionOptions().length).toBe(0);
-  });
-
-  it('should render descriptions with content', () => {
-    expect(
-      generateMetaDescriptionOptions('foo').length,
-    ).toBeGreaterThanOrEqual(1);
-  });
-
-  it('should return host', () => {
-    expect(getStartUrl()).toMatch(host);
-  });
-
-  it('should render favicon', () => {
-    expect(
-      generateIcons({
-        favicon: host,
-      }),
-    ).toHaveLength(1);
-  });
-
-  it('should not render favicon', () => {
-    expect(
-      generateIcons({
-        favicon: undefined,
-      }),
-    ).toHaveLength(0);
-  });
-
-  it('should include template literals', () => {
-    expect(generateBrand('3merge')).toMatch('%s | 3merge');
-  });
-});
+import {
+  generateMetaDescriptionOptions,
+  getStartUrl,
+  generateIcons,
+  generateBrand,
+} from '../SearchEngine';
+
+jest.mock('q3-ui-locale', () => ({
+  browser: {
+    isBrowserReady: jest.fn(),
+  },
+}));
+
+const host = 'https://google.ca';
+
+beforeEach(() => {
+  Object.defineProperty(window, 'location', {
+    value: {
+      host,
+    },
+  });
+});
+
+describe('SearchEngine', () => {
+  it('should not render descriptions without content', () => {
+    expect(generateMetaDescriptionOptions().length).toBe(0);
+  });
+
+  it('should render descriptions with content', () => {
+    expect(
+      generateMetaDescriptionOptions('foo').length,
+    ).toBeGreaterThanOrEqual(1);
+  });
+
+  it('should return host', () => {
+    expect(getStartUrl()).toMatch(host);
+  });
+
+  it('should render favicon', () => {
+    expect(
+      generateIcons({
+        favicon: host,
+      }),
+    ).toHaveLength(1);
+  });
+
+  it('should not render favicon', () => {
+    expect(
+      generateIcons({
+        favicon: undefined,
+      }),
+    ).toHaveLength(0);
+  });
+
+  it('should include template literals', () => {
+    expect(generateBrand('3merge')).toMatch('%s | 3merge');
+  });
+});

package/src/components/__tests__/useSiteMetaData.test.js

@@ -1,44 +1,44 @@
-import useSiteMetaData from '../useSiteMetaData';
-
-jest.mock('gatsby', () => ({
-  graphql: jest.fn(),
-  useStaticQuery: jest.fn(),
-}));
-
-jest.mock(
-  'gatsby-theme-q3-mui/src/components/useRunTime',
-  () =>
-    jest.fn().mockReturnValue({
-      foo: 1,
-      bar: null,
-      quuz: 'string',
-      thunk: undefined,
-    }),
-);
-
-describe('useSiteMetaData', () => {
-  it('should overwrite only the nullish and undefined', () => {
-    expect(
-      useSiteMetaData({
-        foo: 2,
-        bar: 2,
-        quuz: 2,
-        thunk: 2,
-      }),
-    ).toEqual({
-      foo: 1,
-      bar: 2,
-      quuz: 'string',
-      thunk: 2,
-    });
-  });
-
-  it('should return without defaults', () => {
-    expect(useSiteMetaData()).toEqual({
-      foo: 1,
-      bar: null,
-      quuz: 'string',
-      thunk: undefined,
-    });
-  });
-});
+import useSiteMetaData from '../useSiteMetaData';
+
+jest.mock('gatsby', () => ({
+  graphql: jest.fn(),
+  useStaticQuery: jest.fn(),
+}));
+
+jest.mock(
+  'gatsby-theme-q3-mui/src/components/useRunTime',
+  () =>
+    jest.fn().mockReturnValue({
+      foo: 1,
+      bar: null,
+      quuz: 'string',
+      thunk: undefined,
+    }),
+);
+
+describe('useSiteMetaData', () => {
+  it('should overwrite only the nullish and undefined', () => {
+    expect(
+      useSiteMetaData({
+        foo: 2,
+        bar: 2,
+        quuz: 2,
+        thunk: 2,
+      }),
+    ).toEqual({
+      foo: 1,
+      bar: 2,
+      quuz: 'string',
+      thunk: 2,
+    });
+  });
+
+  it('should return without defaults', () => {
+    expect(useSiteMetaData()).toEqual({
+      foo: 1,
+      bar: null,
+      quuz: 'string',
+      thunk: undefined,
+    });
+  });
+});

package/src/components/__tests__/withAuthenticate.test.jsx

@@ -1,52 +1,52 @@
-import React from 'react';
-import { useLocation } from '@reach/router';
-import withAuthenticate from '../withAuthenticate';
-import { authenticate } from '../utils';
-import useSiteMetaData from '../useSiteMetaData';
-
-jest.mock('@reach/router', () => ({
-  useLocation: jest.fn(),
-}));
-
-jest.mock('../useSiteMetaData');
-jest.mock('../utils', () => ({
-  authenticate: jest.fn(),
-}));
-
-const runAuthenticate = () => {
-  const Component = () => <div />;
-  const Instance = withAuthenticate(Component);
-
-  global
-    .shallow(<Instance />)
-    .props()
-    .authenticate();
-};
-
-describe('withAuthenticate', () => {
-  it('should redirect to default directory', () => {
-    useSiteMetaData.mockReturnValue({
-      appDirectory: '/app',
-    });
-
-    runAuthenticate();
-    expect(authenticate).toHaveBeenCalledWith(
-      undefined,
-      '/app',
-    );
-  });
-
-  it('should redirect to gatekeeper', () => {
-    useLocation.mockReturnValue({
-      state: {
-        gatekeeper: '/app/users',
-      },
-    });
-
-    runAuthenticate();
-    expect(authenticate).toHaveBeenCalledWith(
-      undefined,
-      '/app/users',
-    );
-  });
-});
+import React from 'react';
+import { useLocation } from '@reach/router';
+import withAuthenticate from '../withAuthenticate';
+import { authenticate } from '../utils';
+import useSiteMetaData from '../useSiteMetaData';
+
+jest.mock('@reach/router', () => ({
+  useLocation: jest.fn(),
+}));
+
+jest.mock('../useSiteMetaData');
+jest.mock('../utils', () => ({
+  authenticate: jest.fn(),
+}));
+
+const runAuthenticate = () => {
+  const Component = () => <div />;
+  const Instance = withAuthenticate(Component);
+
+  global
+    .shallow(<Instance />)
+    .props()
+    .authenticate();
+};
+
+describe('withAuthenticate', () => {
+  it('should redirect to default directory', () => {
+    useSiteMetaData.mockReturnValue({
+      appDirectory: '/app',
+    });
+
+    runAuthenticate();
+    expect(authenticate).toHaveBeenCalledWith(
+      undefined,
+      '/app',
+    );
+  });
+
+  it('should redirect to gatekeeper', () => {
+    useLocation.mockReturnValue({
+      state: {
+        gatekeeper: '/app/users',
+      },
+    });
+
+    runAuthenticate();
+    expect(authenticate).toHaveBeenCalledWith(
+      undefined,
+      '/app/users',
+    );
+  });
+});

package/src/components/__tests__/withSuccessOp.test.jsx

@@ -1,57 +1,57 @@
-import React from 'react';
-import { navigate } from 'gatsby';
-import FormBoxNotice from '../FormBoxNotice';
-import withSuccessOp from '../withSuccessOp';
-
-jest.mock('gatsby', () => ({
-  navigate: jest.fn(),
-  Link: () => <div />,
-}));
-
-const Box = () => <div />;
-const Component = withSuccessOp(Box, 'testing');
-
-describe('withSuccessOp', () => {
-  it('should not render notice', () => {
-    const el = global.shallow(
-      <Component
-        location={{
-          search: '?foo=bar',
-        }}
-      />,
-    );
-
-    expect(el.find(FormBoxNotice).exists()).toBeFalsy();
-  });
-
-  it('should render notice with message', () => {
-    const notice = global
-      .shallow(
-        <Component
-          location={{
-            search: '?op=success',
-          }}
-        />,
-      )
-      .find(FormBoxNotice);
-
-    expect(notice.exists()).toBeTruthy();
-    expect(notice.prop('title')).toMatch('testing');
-  });
-
-  it('should navigate', () => {
-    global
-      .shallow(
-        <Component
-          location={{
-            pathname: 'foo',
-          }}
-        />,
-      )
-      .find(Box)
-      .props()
-      .onSuccess();
-
-    expect(navigate).toHaveBeenCalledWith('foo?op=success');
-  });
-});
+import React from 'react';
+import { navigate } from 'gatsby';
+import FormBoxNotice from '../FormBoxNotice';
+import withSuccessOp from '../withSuccessOp';
+
+jest.mock('gatsby', () => ({
+  navigate: jest.fn(),
+  Link: () => <div />,
+}));
+
+const Box = () => <div />;
+const Component = withSuccessOp(Box, 'testing');
+
+describe('withSuccessOp', () => {
+  it('should not render notice', () => {
+    const el = global.shallow(
+      <Component
+        location={{
+          search: '?foo=bar',
+        }}
+      />,
+    );
+
+    expect(el.find(FormBoxNotice).exists()).toBeFalsy();
+  });
+
+  it('should render notice with message', () => {
+    const notice = global
+      .shallow(
+        <Component
+          location={{
+            search: '?op=success',
+          }}
+        />,
+      )
+      .find(FormBoxNotice);
+
+    expect(notice.exists()).toBeTruthy();
+    expect(notice.prop('title')).toMatch('testing');
+  });
+
+  it('should navigate', () => {
+    global
+      .shallow(
+        <Component
+          location={{
+            pathname: 'foo',
+          }}
+        />,
+      )
+      .find(Box)
+      .props()
+      .onSuccess();
+
+    expect(navigate).toHaveBeenCalledWith('foo?op=success');
+  });
+});

package/src/components/index.js

@@ -1,16 +1,16 @@
-export { default as AdminLoader } from './AdminLoader';
-export { default as AdminPrivateGateway } from './AdminPrivateGateway';
-export { default as AdminPublicGateway } from './AdminPublicGateway';
-export { default as AdminRouter } from './AdminRouter';
-export { default as BlogTemplate } from './BlogTemplate';
-export { default as FormBox } from './FormBox';
-export { default as PageWrapper } from './PageWrapper';
-export { default as PublicTemplate } from './PublicTemplate';
-export { default as Redirect } from './Redirect';
-export { default as RedirectToIndex } from './RedirectToIndex';
-export {
-  default as RichText,
-  renderRichText,
-} from './RichText';
-export { default as SearchEngine } from './SearchEngine';
-export { default as Wrapper } from './Wrapper';
+export { default as AdminLoader } from './AdminLoader';
+export { default as AdminPrivateGateway } from './AdminPrivateGateway';
+export { default as AdminPublicGateway } from './AdminPublicGateway';
+export { default as AdminRouter } from './AdminRouter';
+export { default as BlogTemplate } from './BlogTemplate';
+export { default as FormBox } from './FormBox';
+export { default as PageWrapper } from './PageWrapper';
+export { default as PublicTemplate } from './PublicTemplate';
+export { default as Redirect } from './Redirect';
+export { default as RedirectToIndex } from './RedirectToIndex';
+export {
+  default as RichText,
+  renderRichText,
+} from './RichText';
+export { default as SearchEngine } from './SearchEngine';
+export { default as Wrapper } from './Wrapper';