@jetshop/ui 5.17.0-alpha.877568c0 → 5.17.0-alpha.89df5ca2

package/Auth/FormFields/CountriesInput.d.ts

@@ -12,5 +12,5 @@ interface CountriesProps {
 /**
  * Maps over the current channel's countries and displays them.
  */
-export declare function CountriesInput({ id, name, onChange, onFocus, countries, ...rest }: CountriesProps): JSX.Element;
+export declare function CountriesInput({ id, name, onChange, onFocus, countries, ...rest }: CountriesProps): React.JSX.Element;
 export {};

package/Auth/LogOut.d.ts

@@ -1,10 +1,10 @@
 import { Customer } from '@jetshop/core/types';
 import { ApolloClient } from 'apollo-client';
-import { ButtonHTMLAttributes } from 'react';
+import React, { ButtonHTMLAttributes } from 'react';
 export interface LogOutProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     updateCustomer: (customer?: Customer) => void;
     client: ApolloClient<any>;
     updateLoggedIn(token?: string): void;
 }
-declare function LogOut(props: LogOutProps): JSX.Element;
+declare function LogOut(props: LogOutProps): React.JSX.Element;
 export default LogOut;

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Product, Route } from '@jetshop/core/types';
 export interface BreadcrumbProps {
     hideLast?: boolean;
@@ -11,4 +11,4 @@ export interface BreadcrumbProps {
 export interface BreadcrumbsProps {
     hideLast: boolean;
 }
-export default function Breadcrumbs(props: BreadcrumbProps): JSX.Element;
+export default function Breadcrumbs(props: BreadcrumbProps): React.JSX.Element;

package/Breakpoints.d.ts

@@ -7,6 +7,6 @@ export type BreakpointHelperProps = {
 export type BreakpointBetweenProps = BreakpointHelperProps & {
     breakpoints: string[];
 };
-export declare const Above: ({ breakpoint, render, children }: BreakpointHelperProps) => JSX.Element;
-export declare function Below({ breakpoint, render, children }: BreakpointHelperProps): JSX.Element;
-export declare function Between({ children, render, breakpoints }: BreakpointBetweenProps): JSX.Element;
+export declare const Above: ({ breakpoint, render, children }: BreakpointHelperProps) => React.JSX.Element;
+export declare function Below({ breakpoint, render, children }: BreakpointHelperProps): React.JSX.Element;
+export declare function Between({ children, render, breakpoints }: BreakpointBetweenProps): React.JSX.Element;

package/Button/Button.js

@@ -40,7 +40,7 @@ const BaseButton = styled('button') `
 const BaseLink = styled('a') `
   ${buttonStyles};
   text-decoration: none;
-  @media (--above.md) {
+  @media (--above-md) {
     max-width: 300px;
   }
 

package/Image/B2BImage.d.ts

@@ -46,5 +46,5 @@ interface ImageProps extends ImageParameters {
     className?: string;
     badges?: React.ReactElement<any>;
 }
-declare function B2BImage({ modifiedDate, ...props }: PropsWithChildren<ImageProps>): JSX.Element;
+declare function B2BImage({ modifiedDate, ...props }: PropsWithChildren<ImageProps>): React.JSX.Element;
 export default B2BImage;

package/Image/Fallback.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 /** Display this if JS is disabled. */
 export declare const Fallback: ({ children }: {
     children: React.ReactElement<{}>;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/Image/FlightImage.d.ts

@@ -48,5 +48,5 @@ interface ImageProps extends ImageParameters {
     className?: string;
     badges?: React.ReactElement<any>;
 }
-declare function FlightImage(props: ImageProps): JSX.Element;
+declare function FlightImage(props: ImageProps): React.JSX.Element;
 export default FlightImage;

package/Loading/NetworkStatusNotifier.d.ts

@@ -1,2 +1,6 @@
+/**
+ * deprecate in favor of @jetshop/core/boot/NetworkStatusNotifier
+ * @deprecated deprecated in favor of @jetshop/core/boot/NetworkStatusNotifier
+ */
 declare const link: import("react-apollo-network-status/dist/src/ApolloLinkNetworkStatus").default, useApolloNetworkStatus: (options?: import("react-apollo-network-status/dist/src/useApolloNetworkStatus").UseApolloNetworkStatusOptions) => import("react-apollo-network-status").NetworkStatus;
 export { link, useApolloNetworkStatus };

package/Loading/NetworkStatusNotifier.js

@@ -1,4 +1,8 @@
 import { createNetworkStatusNotifier } from 'react-apollo-network-status';
+/**
+ * deprecate in favor of @jetshop/core/boot/NetworkStatusNotifier
+ * @deprecated deprecated in favor of @jetshop/core/boot/NetworkStatusNotifier
+ */
 const { link, useApolloNetworkStatus } = createNetworkStatusNotifier();
 export { link, useApolloNetworkStatus };
 //# sourceMappingURL=NetworkStatusNotifier.js.map

package/Loading/NetworkStatusNotifier.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkStatusNotifier.js","sourceRoot":"","sources":["NetworkStatusNotifier.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,2BAA2B,EAAE,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"NetworkStatusNotifier.js","sourceRoot":"","sources":["NetworkStatusNotifier.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;;GAGG;AACH,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,GAAG,2BAA2B,EAAE,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC"}

package/Menu/RecursiveTree.d.ts

@@ -24,5 +24,5 @@ export interface RecursiveTreeRender {
     /** Execute to recursively render subcategories in place */
     renderSubnav: React.ReactNode[];
 }
-declare const _default: React.ComponentClass<Pick<RecursiveTreeProps & RouteChildrenProps<{}, H.LocationState>, keyof RecursiveTreeProps>, any> & import("react-router").WithRouterStatics<React.FC<RecursiveTreeProps & RouteChildrenProps<{}, H.LocationState>>>;
+declare const _default: React.ComponentClass<Pick<RecursiveTreeProps & RouteChildrenProps<{}, unknown>, keyof RecursiveTreeProps>, any> & import("react-router").WithRouterStatics<React.FC<RecursiveTreeProps & RouteChildrenProps<{}, unknown>>>;
 export default _default;

package/Modal/Flyout/FlyoutTarget.d.ts

@@ -5,6 +5,6 @@ export interface FlyoutTargetProps {
     children: (args: Partial<ModalState>) => React.ReactNode;
 }
 export declare class FlyoutTarget extends React.Component<FlyoutTargetProps, any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FlyoutTarget;

package/Modal/ModalProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const ModalProvider: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ModalProvider;

package/Modal/ModalRoot.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ModalRoot: () => JSX.Element;
+import * as React from 'react';
+declare const ModalRoot: () => React.JSX.Element;
 export default ModalRoot;

package/PreOrderDateSelector/PreOrderDateSelector.d.ts

@@ -14,7 +14,7 @@ type PreOrderDatesType = {
     value: string;
     name: string;
 };
-export declare const PreOrderDropdown: ({ values, selectedDate, selectDate }: PreOrderDropdownType) => JSX.Element;
-export declare const PreOrderInput: ({ value, selectDate, callback, className }: PreOrderInputType) => JSX.Element;
+export declare const PreOrderDropdown: ({ values, selectedDate, selectDate }: PreOrderDropdownType) => React.JSX.Element;
+export declare const PreOrderInput: ({ value, selectDate, callback, className }: PreOrderInputType) => React.JSX.Element;
 declare const _default: React.ComponentType<unknown>;
 export default _default;

package/ProductSpecifications/ProductSpecifications.d.ts

@@ -4,5 +4,5 @@ export declare const Table: import("linaria/lib/StyledMeta").StyledMeta & React.
 }>;
 declare const ProductSpecifications: ({ fields, ...rest }: {
     fields: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ProductSpecifications;

package/ScrollRestorationHandler/ScrollRestorationHandler.d.ts

@@ -4,5 +4,5 @@ export type routeType = 'sortOrderChange' | 'filterChange' | 'paginationChange'
 export interface ScrollRestoreProps {
     ignoreForRouteTypes?: routeType[];
 }
-declare const _default: import("react").ComponentClass<Pick<ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, H.LocationState>, "ignoreForRouteTypes">, any> & import("react-router").WithRouterStatics<import("react").FC<ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, H.LocationState>>>;
+declare const _default: import("react").ComponentClass<Pick<ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, "ignoreForRouteTypes">, any> & import("react-router").WithRouterStatics<import("react").FC<ScrollRestoreProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>>;
 export default _default;

package/Search/SearchAutoCompleteContainer.d.ts

@@ -41,5 +41,5 @@ export interface SearchFieldState {
     /** Whether the search field is open */
     isOpen: boolean;
 }
-declare const _default: React.ComponentClass<Pick<SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, H.LocationState>, keyof SearchFieldProps>, any> & import("react-router").WithRouterStatics<(props: SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, H.LocationState>) => JSX.Element>;
+declare const _default: React.ComponentClass<Pick<SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, keyof SearchFieldProps>, any> & import("react-router").WithRouterStatics<(props: SearchFieldProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) => React.JSX.Element>;
 export default _default;

package/Search/SearchPage/PageOf.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PageOf: ({ page, pages }: {
     page: number;
     pages: number;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/Search/SearchPage/SearchMeta.d.ts

@@ -11,6 +11,6 @@ export declare const SearchMetaWrapper: import("linaria/lib/StyledMeta").StyledM
 declare class SearchMeta extends React.PureComponent<ISearchMetaProps & {
     className?: string;
 }, any> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default SearchMeta;

package/Search/SuggestedTerm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Product, Category } from '@jetshop/core/types';
 export interface SuggestedTermProps {
     className?: string;
@@ -12,5 +12,5 @@ interface SuggestedProduct extends SuggestedTermProps {
 interface SuggestedCategory extends SuggestedTermProps {
     item: Category;
 }
-declare const SuggestedTerm: (props: SuggestedProduct | SuggestedCategory) => JSX.Element;
+declare const SuggestedTerm: (props: SuggestedProduct | SuggestedCategory) => React.JSX.Element;
 export default SuggestedTerm;

package/Select/Components.js

@@ -72,7 +72,7 @@ const InnerWrapper = styled('div') `
   border-top: 0;
   overflow-y: auto;
   max-height: 470px;
-  @media (--below.sm) {
+  @media (--below-sm) {
     max-height: 100vh;
   }
   > button:first-child {

package/SortOrder/SortOrderDropdown.d.ts

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

package/Stock/StockStatusContainer.d.ts

@@ -11,6 +11,11 @@ export interface StockStatusContainerProps {
     product: Product;
 }
 declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
 declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
 export default StockStatusContainer;
 export { useStockStatus };

package/Stock/StockStatusContainer.js

@@ -17,6 +17,11 @@ function StockStatusContainer({ product, children }) {
         stockDate
     });
 }
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
 function useStockStatus(product) {
     const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
     if (!stockStatus) {

package/Stock/StockStatusContainer.js.map

@@ -1 +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"}
+{"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;;;;GAIG;AACH,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetshop/ui",
-  "version": "5.17.0-alpha.877568c0",
+  "version": "5.17.0-alpha.89df5ca2",
   "license": "MIT",
   "files": [
     "**/*.js",
@@ -63,5 +63,8 @@
   "peerDependencies": {
     "react": "^16.9.0",
     "react-dom": "^16.9.0"
+  },
+  "resolutions": {
+    "linaria": "2.3.1"
   }
 }