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

package/components/Pagination/PaginationProvider.test.js

@@ -1,282 +1,282 @@
-import * as React from 'react';
-import { render, cleanup, act } from '@testing-library/react';
-import { StaticRouter, MemoryRouter, Route } from 'react-router';
-import { CookiesProvider } from 'react-cookie';
-import PaginationProvider, { usePagination } from './PaginationProvider';
-import PaginationContext from './PaginationContext';
-import Cookies from 'universal-cookie';
-
-jest.mock('../../helpers/logWarningInDev');
-
-afterEach(cleanup);
-
-describe('PaginationProvider', () => {
-  function setup({
-    collect,
-    perPage,
-    location,
-    routerProps,
-    Router = StaticRouter,
-    cookies = new Cookies({}),
-  }) {
-    return render(
-      <CookiesProvider cookies={cookies}>
-        <Router context={{}} location={location} {...routerProps}>
-          <PaginationProvider defaultProductsPerPage={perPage}>
-            <Route
-              render={(routeProps) => (
-                <PaginationContext.Consumer>
-                  {(data) => {
-                    collect(data, routeProps);
-                    return null;
-                  }}
-                </PaginationContext.Consumer>
-              )}
-            />
-          </PaginationProvider>
-        </Router>
-      </CookiesProvider>
-    );
-  }
-
-  beforeEach(() => {
-    // Workaround changes in universal-cookie
-    Object.defineProperty(document, 'cookie', {
-      value: null,
-    });
-  });
-
-  it('defaults to page 1', () => {
-    let page = null;
-
-    setup({
-      collect: ({ currentPage }) => {
-        page = currentPage;
-      },
-    });
-
-    expect(page).toBe(1);
-  });
-
-  it('defaults to 16 products per page', () => {
-    let perPage = null;
-    setup({
-      collect: ({ perPage: contextPerPage }) => {
-        perPage = contextPerPage;
-      },
-    });
-
-    expect(perPage).toBe(16);
-  });
-
-  it('sets currentPage to the page provided in the url', () => {
-    let page = null;
-    setup({
-      collect: ({ currentPage }) => {
-        page = currentPage;
-      },
-      location: {
-        search: '?page=2',
-      },
-    });
-
-    expect(page).toBe(2);
-
-    setup({
-      collect: ({ currentPage }) => {
-        page = currentPage;
-      },
-      location: {
-        search: '?page=11',
-      },
-    });
-
-    expect(page).toBe(11);
-  });
-
-  it('takes a perPage prop that sets the default perPage value', () => {
-    let perPage = null;
-    setup({
-      collect: ({ perPage: contextPerPage }) => {
-        perPage = contextPerPage;
-      },
-      perPage: 4,
-    });
-
-    expect(perPage).toBe(4);
-  });
-
-  it('returns offset based on currentPage and perPage', () => {
-    let offset = null;
-    setup({
-      collect: (context) => {
-        offset = context.offset;
-      },
-    });
-
-    expect(offset).toBe(0);
-
-    setup({
-      collect: (context) => {
-        offset = context.offset;
-      },
-      perPage: 12,
-      location: {
-        search: '?page=2',
-      },
-    });
-
-    expect(offset).toBe(12);
-
-    setup({
-      collect: (context) => {
-        offset = context.offset;
-      },
-      perPage: 20,
-      location: {
-        search: '?page=4',
-      },
-    });
-
-    expect(offset).toBe(60);
-  });
-
-  it('exposes a goToPage function that allows you to change page', () => {
-    let currentPage = null;
-    let goToPage = null;
-    setup({
-      collect: (context) => {
-        currentPage = context.currentPage;
-        goToPage = context.goToPage;
-      },
-    });
-
-    expect(currentPage).toBe(1);
-
-    act(() => {
-      goToPage(4);
-    });
-
-    expect(currentPage).toBe(4);
-  });
-
-  it('updates location when page is changed', () => {
-    let goToPage = null;
-    let currentLocation = null;
-    setup({
-      collect: (context, routeProps) => {
-        goToPage = context.goToPage;
-        currentLocation = routeProps.location;
-      },
-      Router: MemoryRouter,
-      routerProps: {
-        initialEntries: [
-          {
-            search: '?page=1',
-          },
-        ],
-      },
-    });
-
-    expect(currentLocation.search).toBe('?page=1');
-
-    act(() => {
-      goToPage(2);
-    });
-
-    expect(currentLocation.search).toBe('?page=2');
-  });
-
-  it('is overridden by cookie setting if present', () => {
-    let perPage = null;
-    setup({
-      collect: (context) => {
-        perPage = context.perPage;
-      },
-      cookies: new Cookies({
-        perPage: 4,
-      }),
-    });
-
-    expect(perPage).toBe(4);
-  });
-
-  it('provides a function to set products per page cookie', () => {
-    let perPage = null;
-    let setProductsPerPage = null;
-    const cookies = new Cookies();
-
-    setup({
-      collect: (context) => {
-        perPage = context.perPage;
-        setProductsPerPage = context.setProductsPerPage;
-      },
-      cookies,
-    });
-
-    expect(perPage).toBe(16);
-
-    act(() => {
-      setProductsPerPage(4);
-    });
-
-    expect(perPage).toBe(4);
-    expect(cookies.get('perPage')).toBe('4');
-  });
-
-  it('resets page to 1 when we move to a url that does not have page in the querystring', () => {
-    let currentPage = null;
-    let history = null;
-    setup({
-      collect: (context, routeProps) => {
-        currentPage = context.currentPage;
-        history = routeProps.history;
-      },
-      Router: MemoryRouter,
-      routerProps: {
-        initialEntries: [
-          {
-            search: '?page=5',
-          },
-        ],
-      },
-    });
-
-    expect(currentPage).toBe(5);
-
-    act(() => {
-      history.push({
-        search: '',
-      });
-    });
-
-    expect(currentPage).toBe(1);
-  });
-});
-
-describe('usePagination', () => {
-  it('exposes the PaginationContext', () => {
-    const value = {
-      currentPage: null,
-      perPage: null,
-      offset: null,
-      goToPage: () => {},
-      setProductsPerPage: () => {},
-    };
-
-    let result = null;
-
-    const Component = () => {
-      result = usePagination();
-      return null;
-    };
-
-    render(
-      <PaginationContext.Provider value={value}>
-        <Component />
-      </PaginationContext.Provider>
-    );
-
-    expect(result).toBe(value);
-  });
-});
+import * as React from 'react';
+import { render, cleanup, act } from '@testing-library/react';
+import { StaticRouter, MemoryRouter, Route } from 'react-router';
+import { CookiesProvider } from 'react-cookie';
+import PaginationProvider, { usePagination } from './PaginationProvider';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import Cookies from 'universal-cookie';
+
+jest.mock('../../helpers/logWarningInDev');
+
+afterEach(cleanup);
+
+describe('PaginationProvider', () => {
+  function setup({
+    collect,
+    perPage,
+    location,
+    routerProps,
+    Router = StaticRouter,
+    cookies = new Cookies({})
+  }) {
+    return render(
+      <CookiesProvider cookies={cookies}>
+        <Router context={{}} location={location} {...routerProps}>
+          <PaginationProvider defaultProductsPerPage={perPage}>
+            <Route
+              render={(routeProps) => (
+                <PaginationContext.Consumer>
+                  {(data) => {
+                    collect(data, routeProps);
+                    return null;
+                  }}
+                </PaginationContext.Consumer>
+              )}
+            />
+          </PaginationProvider>
+        </Router>
+      </CookiesProvider>
+    );
+  }
+
+  beforeEach(() => {
+    // Workaround changes in universal-cookie
+    Object.defineProperty(document, 'cookie', {
+      value: null
+    });
+  });
+
+  it('defaults to page 1', () => {
+    let page = null;
+
+    setup({
+      collect: ({ currentPage }) => {
+        page = currentPage;
+      }
+    });
+
+    expect(page).toBe(1);
+  });
+
+  it('defaults to 16 products per page', () => {
+    let perPage = null;
+    setup({
+      collect: ({ perPage: contextPerPage }) => {
+        perPage = contextPerPage;
+      }
+    });
+
+    expect(perPage).toBe(16);
+  });
+
+  it('sets currentPage to the page provided in the url', () => {
+    let page = null;
+    setup({
+      collect: ({ currentPage }) => {
+        page = currentPage;
+      },
+      location: {
+        search: '?page=2'
+      }
+    });
+
+    expect(page).toBe(2);
+
+    setup({
+      collect: ({ currentPage }) => {
+        page = currentPage;
+      },
+      location: {
+        search: '?page=11'
+      }
+    });
+
+    expect(page).toBe(11);
+  });
+
+  it('takes a perPage prop that sets the default perPage value', () => {
+    let perPage = null;
+    setup({
+      collect: ({ perPage: contextPerPage }) => {
+        perPage = contextPerPage;
+      },
+      perPage: 4
+    });
+
+    expect(perPage).toBe(4);
+  });
+
+  it('returns offset based on currentPage and perPage', () => {
+    let offset = null;
+    setup({
+      collect: (context) => {
+        offset = context.offset;
+      }
+    });
+
+    expect(offset).toBe(0);
+
+    setup({
+      collect: (context) => {
+        offset = context.offset;
+      },
+      perPage: 12,
+      location: {
+        search: '?page=2'
+      }
+    });
+
+    expect(offset).toBe(12);
+
+    setup({
+      collect: (context) => {
+        offset = context.offset;
+      },
+      perPage: 20,
+      location: {
+        search: '?page=4'
+      }
+    });
+
+    expect(offset).toBe(60);
+  });
+
+  it('exposes a goToPage function that allows you to change page', () => {
+    let currentPage = null;
+    let goToPage = null;
+    setup({
+      collect: (context) => {
+        currentPage = context.currentPage;
+        goToPage = context.goToPage;
+      }
+    });
+
+    expect(currentPage).toBe(1);
+
+    act(() => {
+      goToPage(4);
+    });
+
+    expect(currentPage).toBe(4);
+  });
+
+  it('updates location when page is changed', () => {
+    let goToPage = null;
+    let currentLocation = null;
+    setup({
+      collect: (context, routeProps) => {
+        goToPage = context.goToPage;
+        currentLocation = routeProps.location;
+      },
+      Router: MemoryRouter,
+      routerProps: {
+        initialEntries: [
+          {
+            search: '?page=1'
+          }
+        ]
+      }
+    });
+
+    expect(currentLocation.search).toBe('?page=1');
+
+    act(() => {
+      goToPage(2);
+    });
+
+    expect(currentLocation.search).toBe('?page=2');
+  });
+
+  it('is overridden by cookie setting if present', () => {
+    let perPage = null;
+    setup({
+      collect: (context) => {
+        perPage = context.perPage;
+      },
+      cookies: new Cookies({
+        perPage: 4
+      })
+    });
+
+    expect(perPage).toBe(4);
+  });
+
+  it('provides a function to set products per page cookie', () => {
+    let perPage = null;
+    let setProductsPerPage = null;
+    const cookies = new Cookies();
+
+    setup({
+      collect: (context) => {
+        perPage = context.perPage;
+        setProductsPerPage = context.setProductsPerPage;
+      },
+      cookies
+    });
+
+    expect(perPage).toBe(16);
+
+    act(() => {
+      setProductsPerPage(4);
+    });
+
+    expect(perPage).toBe(4);
+    expect(cookies.get('perPage')).toBe('4');
+  });
+
+  it('resets page to 1 when we move to a url that does not have page in the querystring', () => {
+    let currentPage = null;
+    let history = null;
+    setup({
+      collect: (context, routeProps) => {
+        currentPage = context.currentPage;
+        history = routeProps.history;
+      },
+      Router: MemoryRouter,
+      routerProps: {
+        initialEntries: [
+          {
+            search: '?page=5'
+          }
+        ]
+      }
+    });
+
+    expect(currentPage).toBe(5);
+
+    act(() => {
+      history.push({
+        search: ''
+      });
+    });
+
+    expect(currentPage).toBe(1);
+  });
+});
+
+describe('usePagination', () => {
+  it('exposes the PaginationContext', () => {
+    const value = {
+      currentPage: null,
+      perPage: null,
+      offset: null,
+      goToPage: () => {},
+      setProductsPerPage: () => {}
+    };
+
+    let result = null;
+
+    const Component = () => {
+      result = usePagination();
+      return null;
+    };
+
+    render(
+      <PaginationContext.Provider value={value}>
+        <Component />
+      </PaginationContext.Provider>
+    );
+
+    expect(result).toBe(value);
+  });
+});

package/components/PreviewContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { PreviewHandler } from '../boot/PreviewHandler';
-export interface PreviewState {
-    setPreview: (preview: boolean) => void;
-}
-declare const PreviewContext: React.Context<PreviewState>;
-declare const PreviewProvider: React.FC<{
-    previewHandler: PreviewHandler;
-}>;
-export { PreviewProvider, PreviewContext };
+import React from 'react';
+import { PreviewHandler } from '../boot/PreviewHandler';
+export interface PreviewState {
+    setPreview: (preview: boolean) => void;
+}
+declare const PreviewContext: React.Context<PreviewState>;
+declare const PreviewProvider: React.FC<{
+    previewHandler: PreviewHandler;
+}>;
+export { PreviewProvider, PreviewContext };

package/components/PreviewContext.js

@@ -1,27 +1,27 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { createContext, useMemo } from 'react';
-const initialPreviewState = {
-    setPreview: () => {
-        return null;
-    }
-};
-const PreviewContext = createContext(initialPreviewState);
-const PreviewProvider = function AuthProvider(_a) {
-    var { previewHandler } = _a, props = __rest(_a, ["previewHandler"]);
-    const value = useMemo(() => ({
-        setPreview: previewHandler.setPreview
-    }), [previewHandler.setPreview]);
-    return React.createElement(PreviewContext.Provider, Object.assign({ value: value }, props));
-};
-export { PreviewProvider, PreviewContext };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { createContext, useMemo } from 'react';
+const initialPreviewState = {
+    setPreview: () => {
+        return null;
+    }
+};
+const PreviewContext = createContext(initialPreviewState);
+const PreviewProvider = function AuthProvider(_a) {
+    var { previewHandler } = _a, props = __rest(_a, ["previewHandler"]);
+    const value = useMemo(() => ({
+        setPreview: previewHandler.setPreview
+    }), [previewHandler.setPreview]);
+    return React.createElement(PreviewContext.Provider, Object.assign({ value: value }, props));
+};
+export { PreviewProvider, PreviewContext };
 //# sourceMappingURL=PreviewContext.js.map

package/components/ProductConfigurationProvider/ConfigPrice.gql

@@ -1,22 +1,22 @@
-query configPrice($options: [ProductConfigurationPriceInput!], $id: Int!) {
-  product(id: $id) {
-    id
-    price {
-      incVat
-      exVat
-      vat
-    }
-    configurationPrice(options: $options) {
-      price {
-        incVat
-        exVat
-        vat
-      }
-      previousPrice {
-        incVat
-        exVat
-        vat
-      }
-    }
-  }
-}
+query configPrice($options: [ProductConfigurationPriceInput!], $id: Int!) {
+  product(id: $id) {
+    id
+    price {
+      incVat
+      exVat
+      vat
+    }
+    configurationPrice(options: $options) {
+      price {
+        incVat
+        exVat
+        vat
+      }
+      previousPrice {
+        incVat
+        exVat
+        vat
+      }
+    }
+  }
+}