@jetshop/ui 5.17.0-alpha.f7018eb5 → 5.17.0

package/StartPageRenderer/StartPageRenderer.d.ts

@@ -0,0 +1,17 @@
+import { Product, StartPage } from '@jetshop/core/types';
+import { Components } from '../ContentRenderer';
+import React from 'react';
+import { QueryResult } from 'react-apollo';
+declare type ProductGrid = React.FC<{
+    products: Product[];
+}>;
+export interface StartPageProviderProps {
+    result: QueryResult<{
+        startPage: StartPage;
+    }, any>;
+    LoadingPage?: React.FC<any>;
+    ProductGrid?: ProductGrid;
+    startPageComponents: Components;
+}
+declare const StartPageRenderer: ({ result, ProductGrid, startPageComponents, LoadingPage }: StartPageProviderProps) => JSX.Element;
+export default StartPageRenderer;

package/StartPageRenderer/StartPageRenderer.js

@@ -0,0 +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;
+//# sourceMappingURL=StartPageRenderer.js.map

package/StartPageRenderer/StartPageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageRenderer.js","sourceRoot":"","sources":["StartPageRenderer.tsx"],"names":[],"mappings":"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"}

package/StartPageRenderer/index.d.ts

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

package/StartPageRenderer/index.js

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

package/StartPageRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/Stock/StockStatusContainer.d.ts

@@ -0,0 +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 };

package/Stock/StockStatusContainer.js

@@ -0,0 +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 };
+//# sourceMappingURL=StockStatusContainer.js.map

package/Stock/StockStatusContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"AAoBA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,QAAQ,EACkB;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,4BAA4B;IAC5B,OAAO,QAAQ,CAAC;QACd,MAAM;QACN,IAAI;QACJ,gBAAgB;QAChB,SAAS;KACV,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CACrB,OAAiC;IAEjC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/Text/Text.d.ts

@@ -0,0 +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;

package/Text/Text.js

@@ -0,0 +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;
+//# sourceMappingURL=Text.js.map

package/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,IAAI,GAEL,CAAC,EAA+B,EAAE,EAAE;QAAnC,EAAE,EAAE,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAAxB,kBAA0B,CAAF;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,IAAI,GAAG,CAAC,CAAA,EAAE,CAAC;IACjC,OAAO,oBAAC,IAAI,oBAAK,KAAK,GAAG,QAAQ,CAAQ,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AAEzC,eAAe,IAAI,CAAC"}

package/Text/index.d.ts

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

package/Text/index.js

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

package/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACnD,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/Theme/createTheme.d.ts

@@ -0,0 +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 {};

package/Theme/createTheme.js

@@ -0,0 +1,5 @@
+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/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","sourceRoot":"","sources":["createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,sBAAsB,CAAC;AAUhF,MAAM,UAAU,WAAW,CAA0C,KAAQ;IAC3E,uCACK,uBAAuB,CAAC,KAAK,CAAC,OAAO,CAAC,WAA+B,CAAC,GACrE,KAAK,CAAC,OAAa,EACvB;AACJ,CAAC"}

package/Theme/cssReset.d.ts

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

package/Theme/cssReset.js

@@ -0,0 +1,160 @@
+import { css } from 'linaria';
+css `
+  :global() {
+    html,
+    body,
+    div,
+    span,
+    applet,
+    object,
+    iframe,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p,
+    blockquote,
+    pre,
+    a,
+    abbr,
+    acronym,
+    address,
+    big,
+    cite,
+    code,
+    del,
+    dfn,
+    em,
+    img,
+    ins,
+    kbd,
+    q,
+    s,
+    samp,
+    small,
+    strike,
+    strong,
+    sub,
+    sup,
+    tt,
+    var,
+    b,
+    u,
+    i,
+    center,
+    dl,
+    dt,
+    dd,
+    ol,
+    ul,
+    li,
+    fieldset,
+    form,
+    label,
+    legend,
+    table,
+    caption,
+    tbody,
+    tfoot,
+    thead,
+    tr,
+    th,
+    td,
+    article,
+    aside,
+    canvas,
+    details,
+    embed,
+    figure,
+    figcaption,
+    footer,
+    header,
+    hgroup,
+    menu,
+    nav,
+    output,
+    ruby,
+    section,
+    summary,
+    time,
+    mark,
+    audio,
+    video,
+    button {
+      margin: 0;
+      padding: 0;
+      border: 0;
+      font-size: 100%;
+      font: inherit;
+      vertical-align: baseline;
+    }
+    /* HTML5 display-role reset for older browsers */
+    article,
+    aside,
+    details,
+    figcaption,
+    figure,
+    footer,
+    header,
+    hgroup,
+    menu,
+    nav,
+    section {
+      display: block;
+    }
+    body {
+      line-height: 1;
+      overflow-x: hidden;
+    }
+    ol,
+    ul {
+      list-style: none;
+    }
+    blockquote,
+    q {
+      quotes: none;
+    }
+    blockquote:before,
+    blockquote:after,
+    q:before,
+    q:after {
+      content: '';
+      content: none;
+    }
+    table {
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+    html,
+    body {
+      height: 100%;
+      font-family: '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"',
+        '"Roboto"', '"Oxygen"', '"Ubuntu"', '"Cantarell"', '"Fira Sans"',
+        '"Droid Sans"', '"Helvetica Neue"', 'sans-serif';
+    }
+    html,
+    body,
+    #root {
+      min-height: 100%;
+    }
+    #root {
+      display: flex;
+      flex-direction: column;
+    }
+    button {
+      cursor: pointer;
+    }
+    input {
+      -webkit-appearance: none;
+    }
+    .ReactModal__Body--open {
+      overflow: hidden;
+    }
+    .ReactModal__Overlay--after-open {
+      overflow: scroll;
+    }
+  }
+`;
+//# sourceMappingURL=cssReset.js.map

package/Theme/cssReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssReset.js","sourceRoot":"","sources":["cssReset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9B,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JF,CAAC"}

package/Theme/normalizeCss.d.ts

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