@jetshop/ui 6.3.9-alpha.1 → 6.5.0

package/Search/index.js.map

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

package/Select/Components.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const SelectContainer: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const ListItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectableListItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const ListTitle: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectItemWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    as?: React.ElementType<any>;
+}>;
+export interface DropdownWrapperProps {
+    isOpen: boolean;
+}
+export declare const Wrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const DropdownWrapper: React.SFC<DropdownWrapperProps>;
+export declare const StyledCarrot: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<React.SVGProps<SVGSVGElement>>;
+export declare const StyledCheck: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<React.SVGProps<SVGSVGElement>>;

package/Select/Components.js

@@ -0,0 +1,91 @@
+import { styled } from 'linaria/react';
+import React from 'react';
+import { ReactComponent as Carrot } from '../svg/Carrot.svg';
+import { ReactComponent as Check } from '../svg/Check.svg';
+export const SelectContainer = styled('div') `
+  width: 100%;
+  position: relative;
+  background-color: #ffffff;
+  margin-bottom: 16px;
+`;
+export const ListItem = styled('button') `
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  height: 54px;
+  display: flex;
+  align-items: center;
+  background-color: #ffffff;
+  border: 1px solid #dedede;
+  position: relative;
+  cursor: pointer;
+  &.disabled {
+    color: #c2c2c2;
+    cursor: not-allowed;
+    :hover {
+      background-color: #ffffff;
+    }
+  }
+`;
+export const SelectableListItem = styled(ListItem) `
+  cursor: pointer;
+  border-width: 1px 0 0 0;
+  :last-of-type {
+    border-bottom: none;
+  }
+  :hover {
+    background-color: #f2f2f2;
+  }
+  &.selected,
+  &.highlighted {
+    background-color: #f2f2f2;
+  }
+  &.disabled {
+    color: #c2c2c2;
+    cursor: not-allowed;
+    :hover {
+      background-color: #ffffff;
+    }
+  }
+`;
+export const ListTitle = styled('h4') ``;
+export const SelectItem = styled('span') `
+  display: block;
+`;
+export const SelectItemWrapper = styled('span') `
+  display: flex;
+  flex-direction: row;
+`;
+// TODO: animate height to auto
+export const Wrapper = styled('div') `
+  position: absolute;
+  height: 0px;
+  z-index: 40;
+  width: 100%;
+  overflow: hidden;
+  &.open {
+    height: auto;
+  }
+`;
+const InnerWrapper = styled('div') `
+  border: 1px solid #dedede;
+  border-top: 0;
+  overflow-y: auto;
+  max-height: 470px;
+  @media (--below-sm) {
+    max-height: 100vh;
+  }
+  > button:first-child {
+    border-top: 0;
+  }
+`;
+export const DropdownWrapper = ({ isOpen, children }) => (React.createElement(Wrapper, { className: isOpen ? 'open' : 'closed' },
+    React.createElement(InnerWrapper, null, children)));
+export const StyledCarrot = styled(Carrot) `
+  transition: transform 200ms;
+  &.open {
+    transform: rotate(-180deg);
+  }
+`;
+export const StyledCheck = styled(Check) ``;
+//# sourceMappingURL=Components.js.map

package/Select/Components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components.js","sourceRoot":"","sources":["Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAK3C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;;;;;;;;;;CAkBvC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoBjD,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEvC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAG9C,CAAC;AAMF,+BAA+B;AAC/B,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;CASnC,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;CAWjC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC/D,MAAM,EACN,QAAQ,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;IAC5C,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CAC/B,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC"}

package/Select/SelectComponents/Quantity.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Quantity: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    as?: import("react").ElementType<any>;
+}>;
+export default Quantity;

package/Select/SelectComponents/Quantity.js

@@ -0,0 +1,8 @@
+import { styled } from 'linaria/react';
+const Quantity = styled('p') `
+  font-size: 1em;
+  margin-left: 4px;
+  color: #878787;
+`;
+export default Quantity;
+//# sourceMappingURL=Quantity.js.map

package/Select/SelectComponents/Quantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity.js","sourceRoot":"","sources":["Quantity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/Select/index.d.ts

@@ -0,0 +1,5 @@
+export interface SelectableItemProps {
+    selected?: boolean;
+    disabled?: boolean;
+    isHighlighted?: boolean;
+}

package/Select/index.js

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

package/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":""}

package/SortOrder/SortOrder.d.ts

@@ -0,0 +1,16 @@
+import { ISortOrderContext } from '@jetshop/core/components/SortOrder/SortOrderContext';
+import { ProductSortOrder } from '@jetshop/core/types';
+import * as React from 'react';
+export interface MappedSortOrder {
+    direction: 'ASCENDING' | 'DESCENDING';
+    value: string;
+    text: string;
+}
+export interface SortOrderProps {
+    sortOrders: ProductSortOrder[];
+    children(sortOrderContext: ISortOrderContext & {
+        mappedSortOrder: MappedSortOrder[];
+    }): React.ReactNode;
+}
+declare const _default: React.ComponentClass<SortOrderProps, any>;
+export default _default;

package/SortOrder/SortOrder.js

@@ -0,0 +1,33 @@
+import { sortTypes, sortValues } from '@jetshop/core/components/SortOrder/SortOrderContainer';
+import SortOrderContext from '@jetshop/core/components/SortOrder/SortOrderContext';
+import ErrorBoundary from '@jetshop/ui/ErrorBoundary/Generic';
+import PassThrough from '@jetshop/ui/ErrorBoundary/PassThrough';
+import * as React from 'react';
+import { withRouter } from 'react-router-dom';
+class SortOrder extends React.PureComponent {
+    render() {
+        // Mutate sort order obj to include asc/desc & appropriate text
+        // eg { text: 'Price low to high', direction: 'ASCENDING' }
+        const mappedSortOrder = this.props.sortOrders.reduce((sorts, curr) => {
+            const mutatedSorts = sortValues[sortTypes[curr.value]].map((type) => {
+                return Object.assign(Object.assign({}, curr), { text: (React.createElement("div", null,
+                        React.createElement(React.Fragment, null,
+                            curr['text'],
+                            " ",
+                            type.text))), direction: type.direction });
+            });
+            return [...sorts, ...mutatedSorts];
+        }, []);
+        return (React.createElement(ErrorBoundary, { component: PassThrough },
+            React.createElement(SortOrderContext.Consumer, null, ({ changeSortOrder, direction, sortOrder }) => {
+                return this.props.children({
+                    changeSortOrder,
+                    direction,
+                    sortOrder,
+                    mappedSortOrder
+                });
+            })));
+    }
+}
+export default withRouter(SortOrder);
+//# sourceMappingURL=SortOrder.js.map

package/SortOrder/SortOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrder.js","sourceRoot":"","sources":["SortOrder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACX,MAAM,uDAAuD,CAAC;AAC/D,OAAO,gBAEN,MAAM,qDAAqD,CAAC;AAE7D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,MAAM,SAAU,SAAQ,KAAK,CAAC,aAG7B;IACQ,MAAM;QACX,+DAA+D;QAC/D,2DAA2D;QAC3D,MAAM,eAAe,GAAsB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CACrE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACd,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClE,uCACK,IAAI,KACP,IAAI,EAAE,CACJ;wBACE;4BACG,IAAI,CAAC,MAAM,CAAC;;4BAAG,IAAI,CAAC,IAAI,CACxB,CACC,CACP,EACD,SAAS,EAAE,IAAI,CAAC,SAAS,IACzB;YACJ,CAAC,CAAC,CAAC;YACH,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,YAAY,CAAC,CAAC;QACrC,CAAC,EACD,EAAE,CACH,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,WAAW;YACnC,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;gBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACzB,eAAe;oBACf,SAAS;oBACT,SAAS;oBACT,eAAe;iBAChB,CAAC,CAAC;YACL,CAAC,CACyB,CACd,CACjB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,UAAU,CAAC,SAAS,CAAmC,CAAC"}

package/SortOrder/SortOrderDropdown.d.ts

@@ -0,0 +1,9 @@
+import { ProductSortOrder } from '@jetshop/core/types';
+import * as React from 'react';
+export interface SortOrderDropdownProps {
+    sortOrders: ProductSortOrder[];
+}
+declare function SortOrderDropdown({ sortOrders }: {
+    sortOrders: ProductSortOrder[];
+}): React.JSX.Element;
+export default SortOrderDropdown;

package/SortOrder/SortOrderDropdown.js

@@ -0,0 +1,25 @@
+import t from '@jetshop/intl';
+import { DropdownMenu, DropdownMenuButton, DropdownMenuItem, DropdownMenuItems } from '@jetshop/ui/DropdownMenu';
+import { StyledCheck } from '@jetshop/ui/Select/Components';
+import SortOrder from '@jetshop/ui/SortOrder/SortOrder';
+import * as React from 'react';
+import logWarningInDev from '../../core/helpers/logWarningInDev';
+// TODO: replace this with a useSortOrder hook (as per useListFilter etc)
+function SortOrderDropdown({ sortOrders }) {
+    logWarningInDev(true, 'This implementation will be removed in flight 6.0. See the example in trend on how to migrate.');
+    return (React.createElement(SortOrder, { sortOrders: sortOrders }, props => (React.createElement(SortMenu, { changeSortOrder: props.changeSortOrder, direction: props.direction, sortOrder: props.sortOrder, mappedSortOrder: props.mappedSortOrder }))));
+}
+// TODO: Move this to the shop
+function SortMenu(props) {
+    const { mappedSortOrder, changeSortOrder, sortOrder, direction } = props;
+    const activeItem = mappedSortOrder.find(item => item.direction === direction && item.value === sortOrder);
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuButton, null, activeItem ? activeItem.text : t('Sort By')),
+        React.createElement(DropdownMenuItems, null, mappedSortOrder.map(sortItem => {
+            return (React.createElement(DropdownMenuItem, { onSelect: () => changeSortOrder(sortItem.value, sortItem.direction), key: sortItem.value },
+                sortItem.text,
+                activeItem === sortItem && React.createElement(StyledCheck, null)));
+        }))));
+}
+export default SortOrderDropdown;
+//# sourceMappingURL=SortOrderDropdown.js.map

package/SortOrder/SortOrderDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrderDropdown.js","sourceRoot":"","sources":["SortOrderDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,SAA8B,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAMjE,yEAAyE;AACzE,SAAS,iBAAiB,CAAC,EAAE,UAAU,EAAsC;IAC3E,eAAe,CACb,IAAI,EACJ,gGAAgG,CACjG,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,UAAU,EAAE,UAAU,IAC9B,KAAK,CAAC,EAAE,CAAC,CACR,oBAAC,QAAQ,IACP,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,CACH,CACS,CACb,CAAC;AACJ,CAAC;AAED,8BAA8B;AAC9B,SAAS,QAAQ,CACf,KAAiE;IAEjE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CACjE,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,kBAAkB,QAChB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CACzB;QACrB,oBAAC,iBAAiB,QACf,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC9B,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,GAAG,EAAE,CACb,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,EAErD,GAAG,EAAE,QAAQ,CAAC,KAAK;gBAElB,QAAQ,CAAC,IAAI;gBACb,UAAU,KAAK,QAAQ,IAAI,oBAAC,WAAW,OAAG,CAC1B,CACpB,CAAC;QACJ,CAAC,CAAC,CACgB,CACP,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/SortOrder/SortOrderList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProductSortOrder } from '@jetshop/core/types';
+export interface SortOrderListProps {
+    sortOrders: ProductSortOrder[];
+}
+declare const SortOrderList: React.SFC<SortOrderListProps>;
+export default SortOrderList;

package/SortOrder/SortOrderList.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import SortOrder from './SortOrder';
+import { ListItem } from '@jetshop/ui/Select/Components';
+import { ReactComponent as Check } from '@jetshop/ui/svg/Check.svg';
+const StyledListItem = styled(ListItem) `
+  padding: 0 1rem;
+`;
+const SortOrderList = ({ sortOrders }) => {
+    return (React.createElement(SortOrder, { sortOrders: sortOrders }, ({ changeSortOrder, direction, sortOrder, mappedSortOrder }) => mappedSortOrder.map(order => (React.createElement(StyledListItem, { type: "button", key: `${order.value}-${order.direction}`, onClick: () => {
+            changeSortOrder(order.value, order.direction);
+        } },
+        order.text,
+        direction === order.direction && sortOrder === order.value && (React.createElement(Check, null)))))));
+};
+export default SortOrderList;
+//# sourceMappingURL=SortOrderList.js.map

package/SortOrder/SortOrderList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrderList.js","sourceRoot":"","sources":["SortOrderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAMpE,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAEtC,CAAC;AAEF,MAAM,aAAa,GAAkC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,oBAAC,SAAS,IAAC,UAAU,EAAE,UAAU,IAC9B,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,EAAE,CAC9D,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC3B,oBAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;QAEA,KAAK,CAAC,IAAI;QACV,SAAS,KAAK,KAAK,CAAC,SAAS,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,IAAI,CAC7D,oBAAC,KAAK,OAAG,CACV,CACc,CAClB,CAAC,CAEM,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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 '@apollo/client';
+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: components, 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,21 @@
+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;
+}
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
+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,45 @@
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
+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;;;;GAIG;AACH,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 {};