@jetshop/ui 5.13.12-0 → 5.14.0

package/Select/Components.d.ts

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

@@ -1,91 +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) ``;
+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/SelectComponents/Quantity.d.ts

@@ -1,5 +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;
+/// <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

@@ -1,8 +1,8 @@
-import { styled } from 'linaria/react';
-const Quantity = styled('p') `
-  font-size: 1em;
-  margin-left: 4px;
-  color: #878787;
-`;
-export default Quantity;
+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/index.d.ts

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

package/Select/index.js

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

package/SortOrder/SortOrder.d.ts

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

@@ -1,32 +1,32 @@
-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,
-                        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);
+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,
+                        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/SortOrderDropdown.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { ProductSortOrder } from '@jetshop/core/types';
-export interface SortOrderDropdownProps {
-    sortOrders: ProductSortOrder[];
-}
-declare function SortOrderDropdown({ sortOrders }: {
-    sortOrders: ProductSortOrder[];
-}): JSX.Element;
-export default SortOrderDropdown;
+/// <reference types="react" />
+import { ProductSortOrder } from '@jetshop/core/types';
+export interface SortOrderDropdownProps {
+    sortOrders: ProductSortOrder[];
+}
+declare function SortOrderDropdown({ sortOrders }: {
+    sortOrders: ProductSortOrder[];
+}): JSX.Element;
+export default SortOrderDropdown;

package/SortOrder/SortOrderDropdown.js

@@ -1,25 +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;
+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/SortOrderList.d.ts

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

@@ -1,17 +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;
+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/StartPageRenderer/StartPageRenderer.d.ts

@@ -1,17 +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: components, LoadingPage }: StartPageProviderProps) => JSX.Element;
-export default StartPageRenderer;
+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: components, LoadingPage }: StartPageProviderProps) => JSX.Element;
+export default StartPageRenderer;