@jetshop/ui 5.13.12-0 → 5.14.0

package/Search/SearchField.d.ts

@@ -1,15 +1,15 @@
-import { DocumentNode } from 'graphql';
-import * as React from 'react';
-export interface SearchFieldProps {
-    initialValue: string;
-    className?: string;
-    placeholder?: string;
-    autocompleteQuery: DocumentNode;
-}
-export interface SearchFieldCompound {
-    Flyout?: React.ReactNode;
-    Wrapper?: React.ReactNode;
-    Cancel?: React.ReactNode;
-}
-declare const SearchField: React.SFC<SearchFieldProps> & SearchFieldCompound;
-export default SearchField;
+import { DocumentNode } from 'graphql';
+import * as React from 'react';
+export interface SearchFieldProps {
+    initialValue: string;
+    className?: string;
+    placeholder?: string;
+    autocompleteQuery: DocumentNode;
+}
+export interface SearchFieldCompound {
+    Flyout?: React.ReactNode;
+    Wrapper?: React.ReactNode;
+    Cancel?: React.ReactNode;
+}
+declare const SearchField: React.SFC<SearchFieldProps> & SearchFieldCompound;
+export default SearchField;

package/Search/SearchField.js

@@ -1,97 +1,97 @@
-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 throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
-import t from '@jetshop/intl';
-import { FlyoutTarget, FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
-import SuggestedTerm from '@jetshop/ui/Search/SuggestedTerm';
-import * as React from 'react';
-import { styled } from 'linaria/react';
-import { css } from 'linaria';
-import SearchAutoCompleteContainer from './SearchAutoCompleteContainer';
-const Wrapper = styled('div') `
-  display: flex;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-`;
-const SearchFieldWrapper = styled('div') `
-  width: 12rem;
-  position: relative;
-  font-size: 16px;
-  font-weight: normal;
-`;
-const Flyout = styled('div') `
-  position: absolute;
-  background: white;
-  z-index: 999;
-  border: 1px solid #e8e8e8;
-  width: 100%;
-  top: 2rem;
-  left: 0;
-`;
-const CancelButton = styled('button') `
-  font-size: 0.875rem;
-  border: 0;
-  background: transparent;
-  color: #878787;
-  margin-left: 1rem;
-`;
-const resultStyles = css `
-  ul + h2 {
-    margin-top: 1em;
-  }
-`;
-const SearchResults = ({ term, result, loading, onClick }) => {
-    const products = result === null || result === void 0 ? void 0 : result.products;
-    const categories = result === null || result === void 0 ? void 0 : result.categories;
-    if (!loading &&
-        (products === null || products === void 0 ? void 0 : products.result.length) === 0 &&
-        (categories === null || categories === void 0 ? void 0 : categories.result.length) === 0) {
-        return null;
-    }
-    return (React.createElement("div", { className: resultStyles },
-        (products === null || products === void 0 ? void 0 : products.result.length) > 0 && (React.createElement(React.Fragment, null,
-            React.createElement("h2", null, t('Products')),
-            React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, products.result.map(item => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item })))))),
-        (categories === null || categories === void 0 ? void 0 : categories.result.length) > 0 && (React.createElement(React.Fragment, null,
-            React.createElement("h2", null, t('Categories')),
-            React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, categories.result.map(item => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item }))))))));
-};
-const SearchField = (_a) => {
-    var { initialValue, className, placeholder = '', autocompleteQuery } = _a, rest = __rest(_a, ["initialValue", "className", "placeholder", "autocompleteQuery"]);
-    throwErrorInDev(!autocompleteQuery, `You forgot to pass 'autocompleteQuery' to SearchField`);
-    return (React.createElement(SearchAutoCompleteContainer, Object.assign({ autocompleteQuery: autocompleteQuery, initialValue: initialValue, focusOnLoad: true }, rest), searchField => (React.createElement(Wrapper, { className: className, "data-flight-searchfield": "" },
-        React.createElement(SearchFieldWrapper, null,
-            React.createElement(FlyoutTrigger, { showCover: false, id: "searchFlyout" }, ({ showTarget, hideTarget }) => (React.createElement(React.Fragment, null,
-                React.createElement("input", Object.assign({ placeholder: placeholder }, searchField.getInputProps({
-                    onFocus: showTarget
-                }), { "data-flight-search-autocomplete-field": "" })),
-                React.createElement(CancelButton, Object.assign({}, searchField.getCancelProps({ onClick: hideTarget }), { "data-flight-searchfield-cancel": true }), t('Cancel'))))),
-            React.createElement(FlyoutTarget, { id: "searchFlyout" }, flyout => {
-                var _a, _b, _c, _d;
-                const hasResults = ((_b = (_a = searchField.result) === null || _a === void 0 ? void 0 : _a.products) === null || _b === void 0 ? void 0 : _b.result.length) > 0 ||
-                    ((_d = (_c = searchField.result) === null || _c === void 0 ? void 0 : _c.categories) === null || _d === void 0 ? void 0 : _d.result.length) > 0;
-                const { loading, isDirty, isOpen } = searchField;
-                const showFlyout = isDirty && !loading && hasResults && isOpen && flyout.isOpen;
-                if (showFlyout) {
-                    return (React.createElement(Flyout, { "data-flight-searchfield-flyout": true },
-                        React.createElement("div", Object.assign({}, searchField.getFlyoutProps()), searchField.isDirty && (React.createElement(React.Fragment, null,
-                            React.createElement(SearchResults, { term: searchField.term, result: searchField.result, onClick: flyout.hideTarget, loading: searchField.loading }))))));
-                }
-                return null;
-            }))))));
-};
-SearchField.Flyout = Flyout;
-SearchField.Wrapper = SearchFieldWrapper;
-SearchField.Cancel = CancelButton;
-export default SearchField;
+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 throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
+import t from '@jetshop/intl';
+import { FlyoutTarget, FlyoutTrigger } from '@jetshop/ui/Modal/Flyout';
+import SuggestedTerm from '@jetshop/ui/Search/SuggestedTerm';
+import * as React from 'react';
+import { styled } from 'linaria/react';
+import { css } from 'linaria';
+import SearchAutoCompleteContainer from './SearchAutoCompleteContainer';
+const Wrapper = styled('div') `
+  display: flex;
+  margin: 0 auto;
+  justify-content: center;
+  align-items: center;
+`;
+const SearchFieldWrapper = styled('div') `
+  width: 12rem;
+  position: relative;
+  font-size: 16px;
+  font-weight: normal;
+`;
+const Flyout = styled('div') `
+  position: absolute;
+  background: white;
+  z-index: 999;
+  border: 1px solid #e8e8e8;
+  width: 100%;
+  top: 2rem;
+  left: 0;
+`;
+const CancelButton = styled('button') `
+  font-size: 0.875rem;
+  border: 0;
+  background: transparent;
+  color: #878787;
+  margin-left: 1rem;
+`;
+const resultStyles = css `
+  ul + h2 {
+    margin-top: 1em;
+  }
+`;
+const SearchResults = ({ term, result, loading, onClick }) => {
+    const products = result === null || result === void 0 ? void 0 : result.products;
+    const categories = result === null || result === void 0 ? void 0 : result.categories;
+    if (!loading &&
+        (products === null || products === void 0 ? void 0 : products.result.length) === 0 &&
+        (categories === null || categories === void 0 ? void 0 : categories.result.length) === 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: resultStyles },
+        (products === null || products === void 0 ? void 0 : products.result.length) > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("h2", null, t('Products')),
+            React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, products.result.map(item => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item })))))),
+        (categories === null || categories === void 0 ? void 0 : categories.result.length) > 0 && (React.createElement(React.Fragment, null,
+            React.createElement("h2", null, t('Categories')),
+            React.createElement("ul", { style: loading ? { opacity: 0.5 } : null }, categories.result.map(item => (React.createElement(SuggestedTerm, { term: term, onClick: onClick, key: item.id, item: item }))))))));
+};
+const SearchField = (_a) => {
+    var { initialValue, className, placeholder = '', autocompleteQuery } = _a, rest = __rest(_a, ["initialValue", "className", "placeholder", "autocompleteQuery"]);
+    throwErrorInDev(!autocompleteQuery, `You forgot to pass 'autocompleteQuery' to SearchField`);
+    return (React.createElement(SearchAutoCompleteContainer, Object.assign({ autocompleteQuery: autocompleteQuery, initialValue: initialValue, focusOnLoad: true }, rest), searchField => (React.createElement(Wrapper, { className: className, "data-flight-searchfield": "" },
+        React.createElement(SearchFieldWrapper, null,
+            React.createElement(FlyoutTrigger, { showCover: false, id: "searchFlyout" }, ({ showTarget, hideTarget }) => (React.createElement(React.Fragment, null,
+                React.createElement("input", Object.assign({ placeholder: placeholder }, searchField.getInputProps({
+                    onFocus: showTarget
+                }), { "data-flight-search-autocomplete-field": "" })),
+                React.createElement(CancelButton, Object.assign({}, searchField.getCancelProps({ onClick: hideTarget }), { "data-flight-searchfield-cancel": true }), t('Cancel'))))),
+            React.createElement(FlyoutTarget, { id: "searchFlyout" }, flyout => {
+                var _a, _b, _c, _d;
+                const hasResults = ((_b = (_a = searchField.result) === null || _a === void 0 ? void 0 : _a.products) === null || _b === void 0 ? void 0 : _b.result.length) > 0 ||
+                    ((_d = (_c = searchField.result) === null || _c === void 0 ? void 0 : _c.categories) === null || _d === void 0 ? void 0 : _d.result.length) > 0;
+                const { loading, isDirty, isOpen } = searchField;
+                const showFlyout = isDirty && !loading && hasResults && isOpen && flyout.isOpen;
+                if (showFlyout) {
+                    return (React.createElement(Flyout, { "data-flight-searchfield-flyout": true },
+                        React.createElement("div", Object.assign({}, searchField.getFlyoutProps()), searchField.isDirty && (React.createElement(React.Fragment, null,
+                            React.createElement(SearchResults, { term: searchField.term, result: searchField.result, onClick: flyout.hideTarget, loading: searchField.loading }))))));
+                }
+                return null;
+            }))))));
+};
+SearchField.Flyout = Flyout;
+SearchField.Wrapper = SearchFieldWrapper;
+SearchField.Cancel = CancelButton;
+export default SearchField;
 //# sourceMappingURL=SearchField.js.map

package/Search/SearchPage/PageOf.d.ts

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

package/Search/SearchPage/PageOf.js

@@ -1,7 +1,7 @@
-import React from 'react';
-export const PageOf = ({ page, pages }) => (React.createElement("div", null,
-    "Page ",
-    page,
-    " of ",
-    pages));
+import React from 'react';
+export const PageOf = ({ page, pages }) => (React.createElement("div", null,
+    "Page ",
+    page,
+    " of ",
+    pages));
 //# sourceMappingURL=PageOf.js.map

package/Search/SearchPage/SearchMeta.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-export interface ISearchMetaProps {
-    total: number;
-    page: number;
-    pages: number;
-    className?: string;
-}
-export declare const SearchMetaWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
-    as?: React.ElementType<any>;
-}>;
-declare class SearchMeta extends React.PureComponent<ISearchMetaProps & {
-    className?: string;
-}, any> {
-    render(): JSX.Element;
-}
-export default SearchMeta;
+import React from 'react';
+export interface ISearchMetaProps {
+    total: number;
+    page: number;
+    pages: number;
+    className?: string;
+}
+export declare const SearchMetaWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType<any>;
+}>;
+declare class SearchMeta extends React.PureComponent<ISearchMetaProps & {
+    className?: string;
+}, any> {
+    render(): JSX.Element;
+}
+export default SearchMeta;

package/Search/SearchPage/SearchMeta.js

@@ -1,20 +1,20 @@
-import React from 'react';
-import { styled } from 'linaria/react';
-import { PageOf } from './PageOf';
-export const SearchMetaWrapper = styled('aside') `
-  display: flex;
-  justify-content: space-between;
-  padding: 1rem 0;
-`;
-class SearchMeta extends React.PureComponent {
-    render() {
-        const { total, page, pages, className = '' } = this.props;
-        return (React.createElement(SearchMetaWrapper, { className: className },
-            React.createElement("header", null,
-                total,
-                " items"),
-            React.createElement(PageOf, { page: page, pages: pages })));
-    }
-}
-export default SearchMeta;
+import React from 'react';
+import { styled } from 'linaria/react';
+import { PageOf } from './PageOf';
+export const SearchMetaWrapper = styled('aside') `
+  display: flex;
+  justify-content: space-between;
+  padding: 1rem 0;
+`;
+class SearchMeta extends React.PureComponent {
+    render() {
+        const { total, page, pages, className = '' } = this.props;
+        return (React.createElement(SearchMetaWrapper, { className: className },
+            React.createElement("header", null,
+                total,
+                " items"),
+            React.createElement(PageOf, { page: page, pages: pages })));
+    }
+}
+export default SearchMeta;
 //# sourceMappingURL=SearchMeta.js.map

package/Search/SearchPage/SearchPageBehaviour.d.ts

@@ -1,19 +1,19 @@
-import { ApolloError } from 'apollo-client';
-import { DocumentNode } from 'graphql';
-import * as React from 'react';
-export interface SearchPageRenderProps {
-    result: {};
-    filters: {};
-    total: number;
-    term: string;
-    loading: boolean;
-    error: ApolloError;
-}
-export interface SearchPageProps {
-    children(props: SearchPageRenderProps): React.ReactElement;
-    /** Query to perform the search */
-    searchQuery: DocumentNode;
-    location: Location;
-}
-declare const SearchPageBehaviour: React.FC<SearchPageProps>;
-export default SearchPageBehaviour;
+import { ApolloError } from 'apollo-client';
+import { DocumentNode } from 'graphql';
+import * as React from 'react';
+export interface SearchPageRenderProps {
+    result: {};
+    filters: {};
+    total: number;
+    term: string;
+    loading: boolean;
+    error: ApolloError;
+}
+export interface SearchPageProps {
+    children(props: SearchPageRenderProps): React.ReactElement;
+    /** Query to perform the search */
+    searchQuery: DocumentNode;
+    location: Location;
+}
+declare const SearchPageBehaviour: React.FC<SearchPageProps>;
+export default SearchPageBehaviour;

package/Search/SearchPage/SearchPageBehaviour.js

@@ -1,67 +1,67 @@
-import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
-import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
-import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
-import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
-import { useFilters } from '@jetshop/core/hooks/Filters/useFilters';
-import qs from 'qs';
-import * as React from 'react';
-import { Query, useQuery } from 'react-apollo';
-const SearchPageBehaviour = props => {
-    var _a;
-    const pagination = usePagination();
-    const { location, searchQuery, children } = props;
-    const { offset, perPage } = React.useContext(PaginationContext);
-    const activeSearchTerm = React.useRef();
-    // Track the previous offset. If it has changed, we're paginating. If it
-    // hasn't, we're just applying filters.
-    const activeOffset = React.useRef(0);
-    const { clearAllFilters } = useFilters();
-    throwErrorInDev(!searchQuery, `You did not pass 'searchQuery' to SearchPageBehaviour`);
-    const activeFilterQuery = useQuery(ActiveFiltersQuery);
-    const searchTerm = React.useMemo(() => qs.parse(location.search, { ignoreQueryPrefix: true }).term, [location]);
-    React.useEffect(() => {
-        if (activeSearchTerm.current && activeSearchTerm.current !== searchTerm) {
-            clearAllFilters();
-        }
-        activeSearchTerm.current = searchTerm;
-    }, [clearAllFilters, searchTerm]);
-    React.useEffect(() => {
-        activeOffset.current = offset;
-    }, [offset]);
-    if (pagination === undefined) {
-        return (React.createElement(PaginationProvider, null,
-            React.createElement(SearchPageBehaviour, Object.assign({}, props))));
-    }
-    // Ideally this component would use the data from usePagination, but due to
-    // how the shouldComponentUpdate method in FilterContainer works it prevents
-    // rendering if we don't do it this way.
-    return searchTerm ? (React.createElement(Query, { variables: {
-            term: searchTerm,
-            first: perPage,
-            limit: perPage,
-            filters: ((_a = activeFilterQuery.data) === null || _a === void 0 ? void 0 : _a.activeFilters) || null,
-            offset: activeOffset.current === offset ? 0 : offset,
-            client: !__IN_SERVER__
-        }, query: searchQuery, fetchPolicy: "cache-and-network" }, (result) => {
-        var _a, _b, _c, _d, _e, _f;
-        const totalResults = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.search) === null || _b === void 0 ? void 0 : _b.products) === null || _c === void 0 ? void 0 : _c.totalResults;
-        const filters = (_f = (_e = (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.search) === null || _e === void 0 ? void 0 : _e.products) === null || _f === void 0 ? void 0 : _f.filters;
-        return (React.createElement(React.Fragment, null, children({
-            result,
-            total: totalResults,
-            filters,
-            term: searchTerm,
-            loading: result.loading,
-            error: result.error
-        })));
-    })) : (children({
-        term: searchTerm,
-        loading: false,
-        error: null,
-        total: 0,
-        result: {},
-        filters: {}
-    }));
-};
-export default SearchPageBehaviour;
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
+import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
+import { useFilters } from '@jetshop/core/hooks/Filters/useFilters';
+import qs from 'qs';
+import * as React from 'react';
+import { Query, useQuery } from 'react-apollo';
+const SearchPageBehaviour = props => {
+    var _a;
+    const pagination = usePagination();
+    const { location, searchQuery, children } = props;
+    const { offset, perPage } = React.useContext(PaginationContext);
+    const activeSearchTerm = React.useRef();
+    // Track the previous offset. If it has changed, we're paginating. If it
+    // hasn't, we're just applying filters.
+    const activeOffset = React.useRef(0);
+    const { clearAllFilters } = useFilters();
+    throwErrorInDev(!searchQuery, `You did not pass 'searchQuery' to SearchPageBehaviour`);
+    const activeFilterQuery = useQuery(ActiveFiltersQuery);
+    const searchTerm = React.useMemo(() => qs.parse(location.search, { ignoreQueryPrefix: true }).term, [location]);
+    React.useEffect(() => {
+        if (activeSearchTerm.current && activeSearchTerm.current !== searchTerm) {
+            clearAllFilters();
+        }
+        activeSearchTerm.current = searchTerm;
+    }, [clearAllFilters, searchTerm]);
+    React.useEffect(() => {
+        activeOffset.current = offset;
+    }, [offset]);
+    if (pagination === undefined) {
+        return (React.createElement(PaginationProvider, null,
+            React.createElement(SearchPageBehaviour, Object.assign({}, props))));
+    }
+    // Ideally this component would use the data from usePagination, but due to
+    // how the shouldComponentUpdate method in FilterContainer works it prevents
+    // rendering if we don't do it this way.
+    return searchTerm ? (React.createElement(Query, { variables: {
+            term: searchTerm,
+            first: perPage,
+            limit: perPage,
+            filters: ((_a = activeFilterQuery.data) === null || _a === void 0 ? void 0 : _a.activeFilters) || null,
+            offset: activeOffset.current === offset ? 0 : offset,
+            client: !__IN_SERVER__
+        }, query: searchQuery, fetchPolicy: "cache-and-network" }, (result) => {
+        var _a, _b, _c, _d, _e, _f;
+        const totalResults = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.search) === null || _b === void 0 ? void 0 : _b.products) === null || _c === void 0 ? void 0 : _c.totalResults;
+        const filters = (_f = (_e = (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.search) === null || _e === void 0 ? void 0 : _e.products) === null || _f === void 0 ? void 0 : _f.filters;
+        return (React.createElement(React.Fragment, null, children({
+            result,
+            total: totalResults,
+            filters,
+            term: searchTerm,
+            loading: result.loading,
+            error: result.error
+        })));
+    })) : (children({
+        term: searchTerm,
+        loading: false,
+        error: null,
+        total: 0,
+        result: {},
+        filters: {}
+    }));
+};
+export default SearchPageBehaviour;
 //# sourceMappingURL=SearchPageBehaviour.js.map

package/Search/SuggestedTerm.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { Product, Category } from '@jetshop/core/types';
-export interface SuggestedTermProps {
-    className?: string;
-    term: string;
-    /** Function to call when a search term is clicked */
-    onClick?: () => void;
-}
-interface SuggestedProduct extends SuggestedTermProps {
-    item: Product;
-}
-interface SuggestedCategory extends SuggestedTermProps {
-    item: Category;
-}
-declare const SuggestedTerm: (props: SuggestedProduct | SuggestedCategory) => JSX.Element;
-export default SuggestedTerm;
+/// <reference types="react" />
+import { Product, Category } from '@jetshop/core/types';
+export interface SuggestedTermProps {
+    className?: string;
+    term: string;
+    /** Function to call when a search term is clicked */
+    onClick?: () => void;
+}
+interface SuggestedProduct extends SuggestedTermProps {
+    item: Product;
+}
+interface SuggestedCategory extends SuggestedTermProps {
+    item: Category;
+}
+declare const SuggestedTerm: (props: SuggestedProduct | SuggestedCategory) => JSX.Element;
+export default SuggestedTerm;

package/Search/SuggestedTerm.js

@@ -1,35 +1,35 @@
-import React from 'react';
-import ProductLink from '@jetshop/ui/ProductLink';
-import CategoryLink from '@jetshop/ui/CategoryLink';
-const SuggestedTerm = (props) => {
-    const { term = '', className = '', onClick = () => null } = props;
-    if (isProduct(props)) {
-        const { item } = props;
-        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "product" }, item.primaryRoute ? (React.createElement(ProductLink, { product: item }, getHighlightedText(item.name, term))) : (item.name)));
-    }
-    else {
-        const { item } = props;
-        const displayText = item.primaryRoute.breadcrumbs.join(' > ');
-        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "category" }, item.primaryRoute ? (React.createElement(CategoryLink, { category: item }, getHighlightedText(displayText, term))) : (item.name)));
-    }
-};
-function isProduct(props) {
-    return props.item.__typename === 'Product';
-}
-function getHighlightedText(text, highlight) {
-    // Split on higlight term and include term into parts, ignore case
-    const parts = text.split(new RegExp(`(${escapeRegExp(highlight).split(' ').join('|')})`, 'gi'));
-    const highlightArray = highlight.split(' ');
-    const toHighlightLower = highlightArray.map((word) => word.toLowerCase());
-    return parts.reduce((prev, curr, index) => {
-        return [
-            ...prev,
-            toHighlightLower.includes(curr.toLowerCase()) ? (React.createElement("strong", { style: { fontWeight: 600 }, key: index }, curr)) : (curr)
-        ];
-    }, []);
-}
-function escapeRegExp(string) {
-    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}
-export default SuggestedTerm;
+import React from 'react';
+import ProductLink from '@jetshop/ui/ProductLink';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+const SuggestedTerm = (props) => {
+    const { term = '', className = '', onClick = () => null } = props;
+    if (isProduct(props)) {
+        const { item } = props;
+        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "product" }, item.primaryRoute ? (React.createElement(ProductLink, { product: item }, getHighlightedText(item.name, term))) : (item.name)));
+    }
+    else {
+        const { item } = props;
+        const displayText = item.primaryRoute.breadcrumbs.join(' > ');
+        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "category" }, item.primaryRoute ? (React.createElement(CategoryLink, { category: item }, getHighlightedText(displayText, term))) : (item.name)));
+    }
+};
+function isProduct(props) {
+    return props.item.__typename === 'Product';
+}
+function getHighlightedText(text, highlight) {
+    // Split on higlight term and include term into parts, ignore case
+    const parts = text.split(new RegExp(`(${escapeRegExp(highlight).split(' ').join('|')})`, 'gi'));
+    const highlightArray = highlight.split(' ');
+    const toHighlightLower = highlightArray.map((word) => word.toLowerCase());
+    return parts.reduce((prev, curr, index) => {
+        return [
+            ...prev,
+            toHighlightLower.includes(curr.toLowerCase()) ? (React.createElement("strong", { style: { fontWeight: 600 }, key: index }, curr)) : (curr)
+        ];
+    }, []);
+}
+function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+export default SuggestedTerm;
 //# sourceMappingURL=SuggestedTerm.js.map

package/Search/index.d.ts

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

package/Search/index.js

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