@jetshop/ui 5.13.0 → 5.13.10-0

package/StartPageRenderer/StartPageRenderer.js

@@ -1,52 +1,52 @@
-import Head from '@jetshop/core/components/Head';
-import { ContentRenderer } from '../ContentRenderer';
-import React from 'react';
-function LegacyStartPage({ items, components, ProductGrid }) {
-    if (!items || items.length < 1)
-        return null;
-    const numberOfRows = items[items.length - 1].row;
-    return (React.createElement(React.Fragment, null, [...Array(numberOfRows)].map((_, index) => {
-        const rowNumber = index + 1;
-        const rowItems = items.filter((item) => item.row === rowNumber);
-        if (rowItems[0]) {
-            const firstItem = rowItems[0].item;
-            if (rowItems.length > 0 && firstItem.content) {
-                return rowItems.map(({ item }, itemIndex) => {
-                    if (item.content) {
-                        let content = null;
-                        try {
-                            content = JSON.parse(item.content);
-                        }
-                        catch (error) {
-                            console.warn(`Unable to parse JSON content for ${item.name}`);
-                        }
-                        if (content) {
-                            const Component = components[(content.componentName || item.name).toUpperCase()];
-                            return Component ? (React.createElement(Component, Object.assign({ key: itemIndex }, content, { imageSrc: item.image &&
-                                    item.image.url }))) : null;
-                        }
-                    }
-                });
-            }
-            else if (firstItem.articleNumber) {
-                const products = rowItems.map(({ item }) => item);
-                return React.createElement(ProductGrid, { key: index, products: products });
-            }
-        }
-        else
-            return null;
-    })));
-}
-const StartPageRenderer = ({ result, ProductGrid, startPageComponents: components, LoadingPage }) => {
-    var _a, _b, _c;
-    const data = result === null || result === void 0 ? void 0 : result.data;
-    if (!(data === null || data === void 0 ? void 0 : data.startPage)) {
-        return LoadingPage ? React.createElement(LoadingPage, null) : null;
-    }
-    const items = (_a = data.startPage.data) === null || _a === void 0 ? void 0 : _a.items;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Head, { data: data.startPage, route: (_b = data === null || data === void 0 ? void 0 : data.startPage) === null || _b === void 0 ? void 0 : _b.primaryRoute }),
-        items && (items === null || items === void 0 ? void 0 : items.length) > 0 ? (React.createElement(ContentRenderer, { items: items, components: components })) : (React.createElement(LegacyStartPage, { items: (_c = data.startPage) === null || _c === void 0 ? void 0 : _c.items, components: components, ProductGrid: ProductGrid }))));
-};
-export default StartPageRenderer;
+import Head from '@jetshop/core/components/Head';
+import { ContentRenderer } from '../ContentRenderer';
+import React from 'react';
+function LegacyStartPage({ items, components, ProductGrid }) {
+    if (!items || items.length < 1)
+        return null;
+    const numberOfRows = items[items.length - 1].row;
+    return (React.createElement(React.Fragment, null, [...Array(numberOfRows)].map((_, index) => {
+        const rowNumber = index + 1;
+        const rowItems = items.filter((item) => item.row === rowNumber);
+        if (rowItems[0]) {
+            const firstItem = rowItems[0].item;
+            if (rowItems.length > 0 && firstItem.content) {
+                return rowItems.map(({ item }, itemIndex) => {
+                    if (item.content) {
+                        let content = null;
+                        try {
+                            content = JSON.parse(item.content);
+                        }
+                        catch (error) {
+                            console.warn(`Unable to parse JSON content for ${item.name}`);
+                        }
+                        if (content) {
+                            const Component = components[(content.componentName || item.name).toUpperCase()];
+                            return Component ? (React.createElement(Component, Object.assign({ key: itemIndex }, content, { imageSrc: item.image &&
+                                    item.image.url }))) : null;
+                        }
+                    }
+                });
+            }
+            else if (firstItem.articleNumber) {
+                const products = rowItems.map(({ item }) => item);
+                return React.createElement(ProductGrid, { key: index, products: products });
+            }
+        }
+        else
+            return null;
+    })));
+}
+const StartPageRenderer = ({ result, ProductGrid, startPageComponents: components, LoadingPage }) => {
+    var _a, _b, _c;
+    const data = result === null || result === void 0 ? void 0 : result.data;
+    if (!(data === null || data === void 0 ? void 0 : data.startPage)) {
+        return LoadingPage ? React.createElement(LoadingPage, null) : null;
+    }
+    const items = (_a = data.startPage.data) === null || _a === void 0 ? void 0 : _a.items;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Head, { data: data.startPage, route: (_b = data === null || data === void 0 ? void 0 : data.startPage) === null || _b === void 0 ? void 0 : _b.primaryRoute }),
+        items && (items === null || items === void 0 ? void 0 : items.length) > 0 ? (React.createElement(ContentRenderer, { items: items, components: components })) : (React.createElement(LegacyStartPage, { items: (_c = data.startPage) === null || _c === void 0 ? void 0 : _c.items, components: components, ProductGrid: ProductGrid }))));
+};
+export default StartPageRenderer;
 //# sourceMappingURL=StartPageRenderer.js.map

package/StartPageRenderer/index.d.ts

@@ -1 +1 @@
-export { default } from './StartPageRenderer';
+export { default } from './StartPageRenderer';

package/StartPageRenderer/index.js

@@ -1,2 +1,2 @@
-export { default } from './StartPageRenderer';
+export { default } from './StartPageRenderer';
 //# sourceMappingURL=index.js.map

package/Stock/StockStatusContainer.d.ts

@@ -1,16 +1,16 @@
-import { Maybe, Product, ProductVariant, Scalars } from '@jetshop/core/types';
-import * as React from 'react';
-export interface StockStatusContainerRender {
-    status: Maybe<'inStock' | 'outOfStock' | 'notifyWhenBack'>;
-    text: Maybe<string>;
-    maxOrderQuantity?: number | null;
-    stockDate?: Scalars['DateTime'];
-}
-export interface StockStatusContainerProps {
-    children(args: StockStatusContainerRender): React.ReactNode;
-    product: Product;
-}
-declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
-declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
-export default StockStatusContainer;
-export { useStockStatus };
+import { Maybe, Product, ProductVariant, Scalars } from '@jetshop/core/types';
+import * as React from 'react';
+export interface StockStatusContainerRender {
+    status: Maybe<'inStock' | 'outOfStock' | 'notifyWhenBack'>;
+    text: Maybe<string>;
+    maxOrderQuantity?: number | null;
+    stockDate?: Scalars['DateTime'];
+}
+export interface StockStatusContainerProps {
+    children(args: StockStatusContainerRender): React.ReactNode;
+    product: Product;
+}
+declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
+declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
+export default StockStatusContainer;
+export { useStockStatus };

package/Stock/StockStatusContainer.js

@@ -1,40 +1,40 @@
-function getStatus(statusObject) {
-    return statusObject.buyable
-        ? 'inStock'
-        : statusObject.stockNotificationEnabled
-            ? 'notifyWhenBack'
-            : 'outOfStock';
-}
-function StockStatusContainer({ product, children }) {
-    const { status, text, maxOrderQuantity, stockDate } = useStockStatus(product);
-    if (!status)
-        return null;
-    // Mimic fn-as-child pattern
-    return children({
-        status,
-        text,
-        maxOrderQuantity,
-        stockDate
-    });
-}
-function useStockStatus(product) {
-    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
-    if (!stockStatus) {
-        console.warn('The provided product does not have a stockStatus');
-        return {
-            status: null,
-            text: null,
-            maxOrderQuantity: null,
-            stockDate: null
-        };
-    }
-    return {
-        status: getStatus(stockStatus),
-        text: stockStatus.text || null,
-        maxOrderQuantity: stockStatus.maxOrderQuantity,
-        stockDate: stockStatus.stockDate
-    };
-}
-export default StockStatusContainer;
-export { useStockStatus };
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+function StockStatusContainer({ product, children }) {
+    const { status, text, maxOrderQuantity, stockDate } = useStockStatus(product);
+    if (!status)
+        return null;
+    // Mimic fn-as-child pattern
+    return children({
+        status,
+        text,
+        maxOrderQuantity,
+        stockDate
+    });
+}
+function useStockStatus(product) {
+    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
+    if (!stockStatus) {
+        console.warn('The provided product does not have a stockStatus');
+        return {
+            status: null,
+            text: null,
+            maxOrderQuantity: null,
+            stockDate: null
+        };
+    }
+    return {
+        status: getStatus(stockStatus),
+        text: stockStatus.text || null,
+        maxOrderQuantity: stockStatus.maxOrderQuantity,
+        stockDate: stockStatus.stockDate
+    };
+}
+export default StockStatusContainer;
+export { useStockStatus };
 //# sourceMappingURL=StockStatusContainer.js.map

package/Stock/__tests__/StockStatusContainer.test.js

@@ -1,65 +1,65 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import StockStatusContainer from '../StockStatusContainer';
-import MOCK_PRODUCTS from 'mock-response/product-status';
-
-describe('Stock status container', () => {
-  it('renders child as fn with args', () => {
-    const { renderArg } = setup();
-    expect(renderArg).toMatchSnapshot();
-  });
-  it('renders nothing if a product is not given', () => {
-    const { childrenSpy } = setup({});
-    expect(childrenSpy).not.toBeCalled();
-  });
-  it('renders status as in stock when notify enabled', () => {
-    const { getByText } = setup({
-      product: MOCK_PRODUCTS.inStock.notifyEnabled
-    });
-    expect(getByText('In stock')).toBeInTheDocument();
-  });
-  it('renders status as in stock when notify disabled', () => {
-    const { getByText } = setup({
-      product: MOCK_PRODUCTS.inStock.notifyDisabled
-    });
-    expect(getByText('In stock')).toBeInTheDocument();
-  });
-  it('renders status as out of stock', () => {
-    const { getByText } = setup({
-      product: MOCK_PRODUCTS.outOfStock.notifyDisabled
-    });
-    expect(getByText('Out of stock')).toBeInTheDocument();
-  });
-  it('renders notify form', () => {
-    const { getByText } = setup({
-      product: MOCK_PRODUCTS.outOfStock.notifyEnabled
-    });
-    expect(getByText('Notify form')).toBeInTheDocument();
-  });
-});
-
-function setup(
-  containerProps = { product: MOCK_PRODUCTS.inStock.notifyEnabled }
-) {
-  let renderArg;
-
-  const childrenSpy = jest.fn(controllerArg => {
-    renderArg = controllerArg;
-
-    return (
-      <>
-        {controllerArg.status === 'inStock' && 'In stock'}
-        {controllerArg.status === 'outOfStock' && 'Out of stock'}
-        {controllerArg.status === 'notifyWhenBack' && 'Notify form'}
-      </>
-    );
-  });
-
-  const utils = render(
-    <StockStatusContainer {...containerProps}>
-      {childrenSpy}
-    </StockStatusContainer>
-  );
-
-  return { ...utils, childrenSpy, renderArg };
-}
+import { render } from '@testing-library/react';
+import React from 'react';
+import StockStatusContainer from '../StockStatusContainer';
+import MOCK_PRODUCTS from 'mock-response/product-status';
+
+describe('Stock status container', () => {
+  it('renders child as fn with args', () => {
+    const { renderArg } = setup();
+    expect(renderArg).toMatchSnapshot();
+  });
+  it('renders nothing if a product is not given', () => {
+    const { childrenSpy } = setup({});
+    expect(childrenSpy).not.toBeCalled();
+  });
+  it('renders status as in stock when notify enabled', () => {
+    const { getByText } = setup({
+      product: MOCK_PRODUCTS.inStock.notifyEnabled
+    });
+    expect(getByText('In stock')).toBeInTheDocument();
+  });
+  it('renders status as in stock when notify disabled', () => {
+    const { getByText } = setup({
+      product: MOCK_PRODUCTS.inStock.notifyDisabled
+    });
+    expect(getByText('In stock')).toBeInTheDocument();
+  });
+  it('renders status as out of stock', () => {
+    const { getByText } = setup({
+      product: MOCK_PRODUCTS.outOfStock.notifyDisabled
+    });
+    expect(getByText('Out of stock')).toBeInTheDocument();
+  });
+  it('renders notify form', () => {
+    const { getByText } = setup({
+      product: MOCK_PRODUCTS.outOfStock.notifyEnabled
+    });
+    expect(getByText('Notify form')).toBeInTheDocument();
+  });
+});
+
+function setup(
+  containerProps = { product: MOCK_PRODUCTS.inStock.notifyEnabled }
+) {
+  let renderArg;
+
+  const childrenSpy = jest.fn(controllerArg => {
+    renderArg = controllerArg;
+
+    return (
+      <>
+        {controllerArg.status === 'inStock' && 'In stock'}
+        {controllerArg.status === 'outOfStock' && 'Out of stock'}
+        {controllerArg.status === 'notifyWhenBack' && 'Notify form'}
+      </>
+    );
+  });
+
+  const utils = render(
+    <StockStatusContainer {...containerProps}>
+      {childrenSpy}
+    </StockStatusContainer>
+  );
+
+  return { ...utils, childrenSpy, renderArg };
+}

package/Text/Text.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-declare const Text: React.StatelessComponent<React.HTMLProps<any> & {
-    as?: string;
-}>;
-export declare const Heading: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-    as?: React.ElementType<any>;
-}>;
-export declare const SubHeading: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
-    as?: React.ElementType<any>;
-}>;
-export default Text;
+import React from 'react';
+declare const Text: React.StatelessComponent<React.HTMLProps<any> & {
+    as?: string;
+}>;
+export declare const Heading: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SubHeading: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: React.ElementType<any>;
+}>;
+export default Text;

package/Text/Text.js

@@ -1,22 +1,22 @@
-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 from 'react';
-import { styled } from 'linaria/react';
-const Text = (_a) => {
-    var { as, children } = _a, props = __rest(_a, ["as", "children"]);
-    const Base = styled(as || 'p') ``;
-    return React.createElement(Base, Object.assign({}, props), children);
-};
-export const Heading = styled('h2') ``;
-export const SubHeading = styled('h3') ``;
-export default Text;
+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 from 'react';
+import { styled } from 'linaria/react';
+const Text = (_a) => {
+    var { as, children } = _a, props = __rest(_a, ["as", "children"]);
+    const Base = styled(as || 'p') ``;
+    return React.createElement(Base, Object.assign({}, props), children);
+};
+export const Heading = styled('h2') ``;
+export const SubHeading = styled('h3') ``;
+export default Text;
 //# sourceMappingURL=Text.js.map

package/Text/index.d.ts

@@ -1,3 +1,3 @@
-import Text, { Heading, SubHeading } from './Text';
-export default Text;
-export { Heading, SubHeading };
+import Text, { Heading, SubHeading } from './Text';
+export default Text;
+export { Heading, SubHeading };

package/Text/index.js

@@ -1,4 +1,4 @@
-import Text, { Heading, SubHeading } from './Text';
-export default Text;
-export { Heading, SubHeading };
+import Text, { Heading, SubHeading } from './Text';
+export default Text;
+export { Heading, SubHeading };
 //# sourceMappingURL=index.js.map

package/Theme/createTheme.d.ts

@@ -1,16 +1,16 @@
-import { BreakpointModel } from '../utils/breakpoints';
-interface Theme {
-    default: {
-        breakpoints: BreakpointModel;
-        [key: string]: any;
-    };
-    [key: string]: any;
-}
-export declare function createTheme<T extends Theme, D extends T['default']>(theme: T): {
-    breakpointMap: import("../utils/breakpoints").BreakpointMap<D["breakpoints"], keyof D["breakpoints"]>[];
-    above: { [P in keyof D["breakpoints"]]: string; };
-    below: { [P_1 in keyof D["breakpoints"]]: string; };
-    between: any;
-    only: { [P_2 in keyof D["breakpoints"]]: string; };
-} & D;
-export {};
+import { BreakpointModel } from '../utils/breakpoints';
+interface Theme {
+    default: {
+        breakpoints: BreakpointModel;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+export declare function createTheme<T extends Theme, D extends T['default']>(theme: T): {
+    breakpointMap: import("../utils/breakpoints").BreakpointMap<D["breakpoints"], keyof D["breakpoints"]>[];
+    above: { [P in keyof D["breakpoints"]]: string; };
+    below: { [P_1 in keyof D["breakpoints"]]: string; };
+    between: any;
+    only: { [P_2 in keyof D["breakpoints"]]: string; };
+} & D;
+export {};

package/Theme/createTheme.js

@@ -1,5 +1,5 @@
-import { createBreakpointHelpers } from '../utils/breakpoints';
-export function createTheme(theme) {
-    return Object.assign(Object.assign({}, createBreakpointHelpers(theme.default.breakpoints)), theme.default);
-}
+import { createBreakpointHelpers } from '../utils/breakpoints';
+export function createTheme(theme) {
+    return Object.assign(Object.assign({}, createBreakpointHelpers(theme.default.breakpoints)), theme.default);
+}
 //# sourceMappingURL=createTheme.js.map

package/Theme/cssReset.d.ts

@@ -1 +1 @@
-export {};
+export {};