@jetshop/core 5.13.10-0 → 5.14.0-alpha.49df897e

package/components/Filters/utils/updateHistory.test.js

@@ -1,102 +1,102 @@
-import { pushHistory } from './updateHistory';
-
-const searchObj = {
-  something: ['nice', 'else'],
-  list: { color: ['blue'] },
-  page: 50
-};
-const searchStringified =
-  'something[0]=nice&something[1]=else&list[color][0]=blue&page=50';
-
-describe('pushHistory', () => {
-  let historyProp, mockHistoryPush;
-  beforeEach(() => {
-    mockHistoryPush = jest.fn().mockImplementation(val => val);
-
-    historyProp = {
-      history: { push: mockHistoryPush },
-      location: {
-        pathname: '/random-products',
-        hash: '',
-        search: searchObj
-      }
-    };
-  });
-
-  describe('calls history.push', () => {
-    test('once', () => {
-      const {
-        history,
-        location: { pathname, hash, search }
-      } = historyProp;
-      pushHistory({
-        history,
-        pathname,
-        hash,
-        search
-      });
-      expect(mockHistoryPush).toHaveBeenCalledTimes(1);
-    });
-    test('with the search object stringified', () => {
-      const {
-        history,
-        location: { pathname, hash, search }
-      } = historyProp;
-      pushHistory({
-        history,
-        pathname,
-        hash,
-        search
-      });
-
-      expect(mockHistoryPush).toHaveBeenCalledWith(
-        expect.objectContaining({
-          search: searchStringified,
-          pathname: pathname,
-          hash: hash
-        })
-      );
-    });
-    describe('with the page param stripped if `resetPage` passed as true', () => {
-      let pushHistoryOptions;
-      beforeEach(() => {
-        pushHistoryOptions = {
-          history: historyProp.history,
-          pathname: historyProp.location.pathname,
-          hash: historyProp.location.hash,
-          search: historyProp.location.search,
-          resetPage: true
-        };
-      });
-      test('with many params', () => {
-        pushHistory(pushHistoryOptions);
-
-        expect(mockHistoryPush).toHaveBeenCalledWith(
-          expect.objectContaining({
-            search: 'something[0]=nice&something[1]=else&list[color][0]=blue'
-          })
-        );
-      });
-      test('with only page as a param', () => {
-        pushHistoryOptions.search = { page: 20 };
-        pushHistory(pushHistoryOptions);
-
-        expect(mockHistoryPush).toHaveBeenCalledWith(
-          expect.objectContaining({
-            search: ''
-          })
-        );
-      });
-      test('and doesnt fail when page isnt passed', () => {
-        pushHistoryOptions.search = { something: ['nice'] };
-        pushHistory(pushHistoryOptions);
-
-        expect(mockHistoryPush).toHaveBeenCalledWith(
-          expect.objectContaining({
-            search: 'something[0]=nice'
-          })
-        );
-      });
-    });
-  });
-});
+import { pushHistory } from './updateHistory';
+
+const searchObj = {
+  something: ['nice', 'else'],
+  list: { color: ['blue'] },
+  page: 50
+};
+const searchStringified =
+  'something[0]=nice&something[1]=else&list[color][0]=blue&page=50';
+
+describe('pushHistory', () => {
+  let historyProp, mockHistoryPush;
+  beforeEach(() => {
+    mockHistoryPush = jest.fn().mockImplementation(val => val);
+
+    historyProp = {
+      history: { push: mockHistoryPush },
+      location: {
+        pathname: '/random-products',
+        hash: '',
+        search: searchObj
+      }
+    };
+  });
+
+  describe('calls history.push', () => {
+    test('once', () => {
+      const {
+        history,
+        location: { pathname, hash, search }
+      } = historyProp;
+      pushHistory({
+        history,
+        pathname,
+        hash,
+        search
+      });
+      expect(mockHistoryPush).toHaveBeenCalledTimes(1);
+    });
+    test('with the search object stringified', () => {
+      const {
+        history,
+        location: { pathname, hash, search }
+      } = historyProp;
+      pushHistory({
+        history,
+        pathname,
+        hash,
+        search
+      });
+
+      expect(mockHistoryPush).toHaveBeenCalledWith(
+        expect.objectContaining({
+          search: searchStringified,
+          pathname: pathname,
+          hash: hash
+        })
+      );
+    });
+    describe('with the page param stripped if `resetPage` passed as true', () => {
+      let pushHistoryOptions;
+      beforeEach(() => {
+        pushHistoryOptions = {
+          history: historyProp.history,
+          pathname: historyProp.location.pathname,
+          hash: historyProp.location.hash,
+          search: historyProp.location.search,
+          resetPage: true
+        };
+      });
+      test('with many params', () => {
+        pushHistory(pushHistoryOptions);
+
+        expect(mockHistoryPush).toHaveBeenCalledWith(
+          expect.objectContaining({
+            search: 'something[0]=nice&something[1]=else&list[color][0]=blue'
+          })
+        );
+      });
+      test('with only page as a param', () => {
+        pushHistoryOptions.search = { page: 20 };
+        pushHistory(pushHistoryOptions);
+
+        expect(mockHistoryPush).toHaveBeenCalledWith(
+          expect.objectContaining({
+            search: ''
+          })
+        );
+      });
+      test('and doesnt fail when page isnt passed', () => {
+        pushHistoryOptions.search = { something: ['nice'] };
+        pushHistory(pushHistoryOptions);
+
+        expect(mockHistoryPush).toHaveBeenCalledWith(
+          expect.objectContaining({
+            search: 'something[0]=nice'
+          })
+        );
+      });
+    });
+  });
+});

package/components/Fonts/CustomFont.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { primaryFont, secondaryFonts } from './injectFont';
-export declare type CustomFontProps = {
-    primaryFont?: primaryFont;
-    secondaryFonts?: secondaryFonts;
-    /**
-     * A function that returns an injectGlobal call with your @font-face
-     * declarations */
-    injectCss: () => string;
-};
-export default class CustomFont extends React.PureComponent<CustomFontProps, {}> {
-    componentDidMount: () => void;
-    render(): null;
-}
+import * as React from 'react';
+import { primaryFont, secondaryFonts } from './injectFont';
+export declare type CustomFontProps = {
+    primaryFont?: primaryFont;
+    secondaryFonts?: secondaryFonts;
+    /**
+     * A function that returns an injectGlobal call with your @font-face
+     * declarations */
+    injectCss: () => string;
+};
+export default class CustomFont extends React.PureComponent<CustomFontProps, {}> {
+    componentDidMount: () => void;
+    render(): null;
+}

package/components/Fonts/CustomFont.js

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { injectFont } from './injectFont';
-export default class CustomFont extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        // Injects a locally-hosted font
-        this.componentDidMount = () => {
-            const { primaryFont = '', secondaryFonts = [], injectCss } = this.props;
-            injectFont(primaryFont, secondaryFonts);
-            injectCss();
-        };
-    }
-    render() {
-        return null;
-    }
-}
+import * as React from 'react';
+import { injectFont } from './injectFont';
+export default class CustomFont extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        // Injects a locally-hosted font
+        this.componentDidMount = () => {
+            const { primaryFont = '', secondaryFonts = [], injectCss } = this.props;
+            injectFont(primaryFont, secondaryFonts);
+            injectCss();
+        };
+    }
+    render() {
+        return null;
+    }
+}
 //# sourceMappingURL=CustomFont.js.map

package/components/Fonts/GoogleFont.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { primaryFont, secondaryFonts } from './injectFont';
-export declare type GoogleFontProps = {
-    primaryFont?: primaryFont;
-    secondaryFonts?: secondaryFonts;
-};
-export default class GoogleFont extends React.PureComponent<GoogleFontProps, {}> {
-    componentDidMount: () => void;
-    render(): null;
-}
+import * as React from 'react';
+import { primaryFont, secondaryFonts } from './injectFont';
+export declare type GoogleFontProps = {
+    primaryFont?: primaryFont;
+    secondaryFonts?: secondaryFonts;
+};
+export default class GoogleFont extends React.PureComponent<GoogleFontProps, {}> {
+    componentDidMount: () => void;
+    render(): null;
+}

package/components/Fonts/GoogleFont.js

@@ -1,35 +1,35 @@
-import * as React from 'react';
-import { injectFont } from './injectFont';
-export default class GoogleFont extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        // Uses Google's CDN to request the desired font
-        this.componentDidMount = () => {
-            const { primaryFont = '', secondaryFonts = [] } = this.props;
-            handleGoogleFonts([primaryFont, ...secondaryFonts]);
-            injectFont(cleanFontName(primaryFont), secondaryFonts.map(font => cleanFontName(font)));
-        };
-    }
-    render() {
-        return null;
-    }
-}
-function cleanFontName(family) {
-    // Takes a font formatted as `Source+Sans+Pro:400,600&subset=greek-ext`
-    // and returns 'Source Sans Pro'
-    return family
-        .split('&')[0]
-        .split(':')[0]
-        .replace(/\+/gi, ' ');
-}
-function handleGoogleFonts(families) {
-    // import external font stylesheet and store it in session storage to optimise
-    // future loads
-    // Check for document first as this should not run on the server
-    document &&
-        import('store-css').then(module => families.map(family => module.default.css(`https://fonts.googleapis.com/css?family=${family}`, {
-            crossOrigin: 'anonymous',
-            storage: 'session'
-        })));
-}
+import * as React from 'react';
+import { injectFont } from './injectFont';
+export default class GoogleFont extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        // Uses Google's CDN to request the desired font
+        this.componentDidMount = () => {
+            const { primaryFont = '', secondaryFonts = [] } = this.props;
+            handleGoogleFonts([primaryFont, ...secondaryFonts]);
+            injectFont(cleanFontName(primaryFont), secondaryFonts.map(font => cleanFontName(font)));
+        };
+    }
+    render() {
+        return null;
+    }
+}
+function cleanFontName(family) {
+    // Takes a font formatted as `Source+Sans+Pro:400,600&subset=greek-ext`
+    // and returns 'Source Sans Pro'
+    return family
+        .split('&')[0]
+        .split(':')[0]
+        .replace(/\+/gi, ' ');
+}
+function handleGoogleFonts(families) {
+    // import external font stylesheet and store it in session storage to optimise
+    // future loads
+    // Check for document first as this should not run on the server
+    document &&
+        import('store-css').then(module => families.map(family => module.default.css(`https://fonts.googleapis.com/css?family=${family}`, {
+            crossOrigin: 'anonymous',
+            storage: 'session'
+        })));
+}
 //# sourceMappingURL=GoogleFont.js.map

package/components/Fonts/TypekitFont.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import { primaryFont, secondaryFonts } from './injectFont';
-declare type TypekitFontProps = {
-    primaryFont?: primaryFont;
-    secondaryFonts?: secondaryFonts;
-    /**
-     * The embed code ID given by Adobe.
-     * @see https://helpx.adobe.com/fonts/using/embed-codes.html
-     */
-    id: string;
-};
-export default class TypekitFont extends React.PureComponent<TypekitFontProps, {}> {
-    componentDidMount: () => void;
-    render(): null;
-}
-export {};
+import * as React from 'react';
+import { primaryFont, secondaryFonts } from './injectFont';
+declare type TypekitFontProps = {
+    primaryFont?: primaryFont;
+    secondaryFonts?: secondaryFonts;
+    /**
+     * The embed code ID given by Adobe.
+     * @see https://helpx.adobe.com/fonts/using/embed-codes.html
+     */
+    id: string;
+};
+export default class TypekitFont extends React.PureComponent<TypekitFontProps, {}> {
+    componentDidMount: () => void;
+    render(): null;
+}
+export {};

package/components/Fonts/TypekitFont.js

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import { injectFont } from './injectFont';
-function handleTypekitFonts(id) {
-    // Check for document first as this should not run on the server
-    document &&
-        import('store-css').then(module => module.default.css(`https://use.typekit.net/${id}.css`, {
-            crossOrigin: 'anonymous',
-            storage: 'session'
-        }));
-}
-export default class TypekitFont extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        // Uses Google's CDN to request the desired font
-        this.componentDidMount = () => {
-            const { primaryFont = '', secondaryFonts = [], id } = this.props;
-            injectFont(primaryFont, secondaryFonts);
-            handleTypekitFonts(id);
-        };
-    }
-    render() {
-        return null;
-    }
-}
+import * as React from 'react';
+import { injectFont } from './injectFont';
+function handleTypekitFonts(id) {
+    // Check for document first as this should not run on the server
+    document &&
+        import('store-css').then(module => module.default.css(`https://use.typekit.net/${id}.css`, {
+            crossOrigin: 'anonymous',
+            storage: 'session'
+        }));
+}
+export default class TypekitFont extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        // Uses Google's CDN to request the desired font
+        this.componentDidMount = () => {
+            const { primaryFont = '', secondaryFonts = [], id } = this.props;
+            injectFont(primaryFont, secondaryFonts);
+            handleTypekitFonts(id);
+        };
+    }
+    render() {
+        return null;
+    }
+}
 //# sourceMappingURL=TypekitFont.js.map

package/components/Fonts/injectFont.d.ts

@@ -1,11 +1,11 @@
-/**
- * The Primary font used in the app. This will be added to the `body` styles.
- * If you use multiple Font components, only one should use primaryFont. A
- * `font-family-name-ready` class will also be added to the html tag. */
-export declare type primaryFont = string;
-/**
- * An array of secondary fonts used in your app. For each of these fonts, a
- * class will be added to the html element in the form `font-family-name-ready`
- * once the font is loaded and ready to use */
-export declare type secondaryFonts = string[];
-export declare function injectFont(primaryFont?: string, secondaryFonts?: string[]): void;
+/**
+ * The Primary font used in the app. This will be added to the `body` styles.
+ * If you use multiple Font components, only one should use primaryFont. A
+ * `font-family-name-ready` class will also be added to the html tag. */
+export declare type primaryFont = string;
+/**
+ * An array of secondary fonts used in your app. For each of these fonts, a
+ * class will be added to the html element in the form `font-family-name-ready`
+ * once the font is loaded and ready to use */
+export declare type secondaryFonts = string[];
+export declare function injectFont(primaryFont?: string, secondaryFonts?: string[]): void;

package/components/Fonts/injectFont.js

@@ -1,30 +1,30 @@
-import Observer from 'fontfaceobserver';
-function createFontClass(family) {
-    return `${family.replace(/ +/g, '-').toLowerCase()}-ready`;
-}
-export function injectFont(primaryFont, secondaryFonts) {
-    // Add `xxxx-ready` styles to set the primary (body) font
-    if (primaryFont) {
-        // observe body font
-        const primaryFontObserver = new Observer(primaryFont);
-        primaryFontObserver.load().then(() => {
-            const fontClass = createFontClass(primaryFont);
-            document && document.documentElement.classList.add(fontClass);
-        }, () => {
-            console.log(`Font ${primaryFont} not available`);
-        });
-    }
-    // observe any secondary fonts
-    if (secondaryFonts && secondaryFonts.length > 0) {
-        const fonts = secondaryFonts.map(font => new Observer(font));
-        Promise.all(fonts.map(f => f.load())).then(function (e) {
-            e.map((fam) => {
-                const fontClass = createFontClass(fam.family);
-                document && document.documentElement.classList.add(fontClass);
-            });
-        }, () => {
-            console.log('Secondary fonts not available');
-        });
-    }
-}
+import Observer from 'fontfaceobserver';
+function createFontClass(family) {
+    return `${family.replace(/ +/g, '-').toLowerCase()}-ready`;
+}
+export function injectFont(primaryFont, secondaryFonts) {
+    // Add `xxxx-ready` styles to set the primary (body) font
+    if (primaryFont) {
+        // observe body font
+        const primaryFontObserver = new Observer(primaryFont);
+        primaryFontObserver.load().then(() => {
+            const fontClass = createFontClass(primaryFont);
+            document && document.documentElement.classList.add(fontClass);
+        }, () => {
+            console.log(`Font ${primaryFont} not available`);
+        });
+    }
+    // observe any secondary fonts
+    if (secondaryFonts && secondaryFonts.length > 0) {
+        const fonts = secondaryFonts.map(font => new Observer(font));
+        Promise.all(fonts.map(f => f.load())).then(function (e) {
+            e.map((fam) => {
+                const fontClass = createFontClass(fam.family);
+                document && document.documentElement.classList.add(fontClass);
+            });
+        }, () => {
+            console.log('Secondary fonts not available');
+        });
+    }
+}
 //# sourceMappingURL=injectFont.js.map

package/components/Head.d.ts

@@ -1,11 +1,11 @@
-import { StartPage, Category, Product, Page, Route, HtmlHead } from '@jetshop/core/types';
-import { FC } from 'react';
-export interface HeadProps {
-    data: StartPage | Category | Product | Page | {
-        head: HtmlHead;
-        __typename: 'Error';
-    };
-    route?: Route;
-}
-declare const Head: FC<HeadProps>;
-export default Head;
+import { StartPage, Category, Product, Page, Route, HtmlHead } from '@jetshop/core/types';
+import { FC } from 'react';
+export interface HeadProps {
+    data: StartPage | Category | Product | Page | {
+        head: HtmlHead;
+        __typename: 'Error';
+    };
+    route?: Route;
+}
+declare const Head: FC<HeadProps>;
+export default Head;