@searchspring/snap-preact-components 0.28.0 → 0.30.1

package/dist/esm/components/Organisms/Results/Results.js

@@ -1,9 +1,12 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { observer } from 'mobx-react-lite';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
+import { ContentType } from '@searchspring/snap-store-mobx';
 import { InlineBanner } from '../../Atoms/Merchandising/InlineBanner';
 import { Result } from '../../Molecules/Result';
-import { Layout, BannerType } from '../../../types';
+import { Layout } from '../../../types';
 import { defined } from '../../../utilities';
 import { useTheme, CacheProvider } from '../../../providers';
 import { useDisplaySettings } from '../../../hooks/useDisplaySettings';
@@ -84,7 +87,7 @@ export const Results = observer((properties) => {
                 disableStyles,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
         inlineBanner: {
             // default props
@@ -96,15 +99,12 @@ export const Results = observer((properties) => {
                 disableStyles,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
-    let results;
-    if (props?.columns > 0 && props?.rows > 0) {
-        results = props.results.slice(0, props.columns * props.rows);
-    }
-    else {
-        results = props.results;
+    let results = props.results;
+    if (props?.columns && props?.rows && props.columns > 0 && props.rows > 0) {
+        results = props.results?.slice(0, props.columns * props.rows);
     }
     const styling = {};
     if (!disableStyles) {
@@ -116,10 +116,10 @@ export const Results = observer((properties) => {
     return results?.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__results', `ss__results-${props.layout}`, className) }, results.map((result) => (() => {
             switch (result.type) {
-                case BannerType.BANNER:
-                    return jsx(InlineBanner, { key: result.uid, ...subProps.inlineBanner, banner: result, layout: props.layout });
+                case ContentType.BANNER:
+                    return jsx(InlineBanner, { ...subProps.inlineBanner, key: result.id, banner: result, layout: props.layout });
                 default:
-                    return jsx(Result, { key: result.uid, ...subProps.result, result: result, layout: props.layout, controller: controller });
+                    return (jsx(Result, { key: result.id, ...subProps.result, result: result, layout: props.layout, controller: controller }));
             }
-        })())))) : null;
+        })())))) : (jsx(Fragment, null));
 });

package/dist/esm/components/Organisms/Results/Results.stories.d.ts

@@ -2,6 +2,7 @@
 import { h } from 'preact';
 import { ResultsProp } from './Results';
 import { Layout } from '../../../types';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: ResultsProp) => JSX.Element) & {
@@ -171,6 +172,24 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Grid: any;
-export declare const List: any;
+export declare const Grid: {
+    (args: ResultsProp, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
+export declare const List: {
+    (args: ResultsProp, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=Results.stories.d.ts.map

package/dist/esm/components/Organisms/Results/Results.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Results.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAW,WAAW,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIxC,wBAkHE;AAQF,eAAO,MAAM,IAAI,KAAwB,CAAC;AAc1C,eAAO,MAAM,IAAI,KAAwB,CAAC"}
+{"version":3,"file":"Results.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAW,WAAW,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAkHE;AAIF,eAAO,MAAM,IAAI;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;CAE3G,CAAC;AAWF,eAAO,MAAM,IAAI;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;CAE3G,CAAC"}

package/dist/esm/components/Organisms/Results/Results.stories.js

@@ -113,10 +113,9 @@ export default {
     },
 };
 const snapInstance = Snapify.search({ id: 'Results', globals: { siteId: '8uyt2m' } });
-const GridTemplate = (args, { loaded: { controller } }) => {
+export const Grid = (args, { loaded: { controller } }) => {
     return h(Results, { ...args, controller: controller, results: controller?.store?.results });
 };
-export const Grid = GridTemplate.bind({});
 Grid.loaders = [
     async () => {
         await snapInstance.search();
@@ -125,10 +124,9 @@ Grid.loaders = [
         };
     },
 ];
-const ListTemplate = (args, { loaded: { controller } }) => {
+export const List = (args, { loaded: { controller } }) => {
     return h(Results, { ...args, controller: controller, results: controller?.store?.results, layout: Layout.LIST });
 };
-export const List = ListTemplate.bind({});
 List.loaders = [
     async () => {
         await snapInstance.search();

package/dist/esm/hooks/useClickOutside.d.ts

@@ -1,2 +1,4 @@
-export declare function useClickOutside<T extends HTMLElement>(callback: (e: Event) => void): preact.RefObject<T>;
+/// <reference types="react" />
+import { MutableRef } from 'preact/hooks';
+export declare function useClickOutside(callback: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void): MutableRef<HTMLElement | undefined>;
 //# sourceMappingURL=useClickOutside.d.ts.map

package/dist/esm/hooks/useClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAmBxG"}
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":";AACA,OAAO,EAAqB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE7D,wBAAgB,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,GAAG,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAoBxI"}

package/dist/esm/hooks/useDisplaySettings.d.ts

@@ -1,3 +1,3 @@
 import { BreakpointsProps, BreakpointsEntry } from '../types';
-export declare function useDisplaySettings(breakpointsObj: BreakpointsProps): BreakpointsEntry;
+export declare function useDisplaySettings(breakpointsObj: BreakpointsProps): BreakpointsEntry | undefined;
 //# sourceMappingURL=useDisplaySettings.d.ts.map

package/dist/esm/hooks/useDisplaySettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisplaySettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDisplaySettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,gBAAgB,GAAG,gBAAgB,CAoBrF"}
+{"version":3,"file":"useDisplaySettings.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDisplaySettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,gBAAgB,GAAG,gBAAgB,GAAG,SAAS,CAoBjG"}

package/dist/esm/hooks/useDisplaySettings.js

@@ -21,7 +21,8 @@ const getDisplaySettings = (breakpoints) => {
     let breakpointsSettings;
     const currentScreenWidth = window.innerWidth;
     const sortedList = Object.keys(breakpoints)
-        ?.sort((a, b) => parseInt(a) - parseInt(b))
+        .map((str) => +str)
+        .sort((a, b) => a - b)
         .map((vp) => ({ [vp]: breakpoints[vp] }));
     if (sortedList.length) {
         //loop through and find the desired breakpoints setting
@@ -45,12 +46,13 @@ const getDisplaySettings = (breakpoints) => {
         }
         return breakpointsSettings;
     }
+    return breakpointsSettings;
 };
 const debounce = (func, timeout = 200) => {
     let timer;
     return (...args) => {
         clearTimeout(timer);
-        timer = setTimeout(() => {
+        timer = window.setTimeout(() => {
             func.apply(this, args);
         }, timeout);
     };

package/dist/esm/hooks/useIntersection.d.ts

@@ -1,2 +1,3 @@
-export declare const useIntersection: (ref: any, rootMargin?: string, fireOnce?: boolean) => boolean;
+import { MutableRef } from 'preact/hooks';
+export declare const useIntersection: (ref: MutableRef<HTMLElement | null>, rootMargin?: string, fireOnce?: boolean) => boolean;
 //# sourceMappingURL=useIntersection.d.ts.map

package/dist/esm/hooks/useIntersection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersection.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersection.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,gEAyB3B,CAAC"}
+{"version":3,"file":"useIntersection.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/D,eAAO,MAAM,eAAe,QAAS,WAAW,WAAW,GAAG,IAAI,CAAC,qDAyBlE,CAAC"}

package/dist/esm/mocks/searchResponse.d.ts

@@ -12,6 +12,7 @@ export declare const gridFacetMock: {
         label: string;
         type: string;
         value: string;
+        custom: string;
     }[];
 };
 export declare const listFacetMock: {
@@ -72,6 +73,13 @@ export declare const hierarchyFacetFilteredMock: {
     multiple: string;
     hierarchyDelimiter: string;
     values: ({
+        history: boolean;
+        value: null;
+        filtered: boolean;
+        label: string;
+        level: number;
+        count?: undefined;
+    } | {
         history: boolean;
         value: string;
         filtered: boolean;
@@ -165,6 +173,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type: string;
+        custom: string;
     } | {
         id: string;
         mappings: {
@@ -219,6 +229,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -273,6 +285,64 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
+    } | {
+        id: string;
+        mappings: {
+            core: {
+                uid: string;
+                price: number;
+                msrp: number;
+                url: string;
+                thumbnailImageUrl: string;
+                imageUrl: string;
+                name: string;
+                sku: string;
+                brand: string;
+            };
+        };
+        attributes: {
+            intellisuggestData: string;
+            intellisuggestSignature: string;
+            ss_insights_quadrant: string;
+            gross_margin: string;
+            ss_product_type: string;
+            keywords: string[];
+            color: string[];
+            multi_colors: string;
+            description: string;
+            title: string;
+            ss_clicks: string;
+            color_family: string[];
+            sales_rank: string;
+            ss_sale_price: string;
+            ss_category_hierarchy: string[];
+            on_sale: string;
+            sale_price: string;
+            condition: string;
+            product_type: string[];
+            size: string[];
+            material: string;
+            days_since_published: string;
+            size_dress: string[];
+            quantity_available: string;
+            popularity: string;
+            product_type_unigram: string;
+            id: string;
+            dress_length_name?: undefined;
+            saturation?: undefined;
+            brightness?: undefined;
+            dress_length?: undefined;
+            season?: undefined;
+            collection?: undefined;
+            pattern?: undefined;
+            black_friday?: undefined;
+            holiday_styles?: undefined;
+            ss_regular_price?: undefined;
+        };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -327,6 +397,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -381,6 +453,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -435,6 +509,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -489,6 +565,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -543,6 +621,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -597,6 +677,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -651,6 +733,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -705,6 +789,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -759,6 +845,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -813,6 +901,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -867,6 +957,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -921,6 +1013,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -975,6 +1069,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1029,6 +1125,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1083,6 +1181,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1137,6 +1237,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1191,6 +1293,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1245,6 +1349,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1299,6 +1405,8 @@ export declare const searchResponse: {
             black_friday?: undefined;
             holiday_styles?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     })[];
     facets: ({
         field: string;

package/dist/esm/mocks/searchResponse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchResponse.d.ts","sourceRoot":"","sources":["../../../src/mocks/searchResponse.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAyEzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAkCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CA2M9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;CAgJtC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6zE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAwG7B,CAAC"}
+{"version":3,"file":"searchResponse.d.ts","sourceRoot":"","sources":["../../../src/mocks/searchResponse.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAkFzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAkCzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;CA4E5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CA2M9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJtC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+zE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAwG7B,CAAC"}

package/dist/esm/mocks/searchResponse.js

@@ -13,6 +13,7 @@ export const gridFacetMock = {
             label: '5',
             type: 'value',
             value: '5',
+            custom: '',
         },
         {
             filtered: false,
@@ -20,6 +21,7 @@ export const gridFacetMock = {
             label: '6',
             type: 'value',
             value: '6',
+            custom: '',
         },
         {
             filtered: true,
@@ -27,6 +29,7 @@ export const gridFacetMock = {
             label: '7',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -34,6 +37,7 @@ export const gridFacetMock = {
             label: '8',
             type: 'value',
             value: '8',
+            custom: '',
         },
         {
             filtered: true,
@@ -41,6 +45,7 @@ export const gridFacetMock = {
             label: '7.5',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -48,6 +53,7 @@ export const gridFacetMock = {
             label: '8.5',
             type: 'value',
             value: '8',
+            custom: '',
         },
         {
             filtered: false,
@@ -55,6 +61,7 @@ export const gridFacetMock = {
             label: 'L',
             type: 'value',
             value: '6',
+            custom: '',
         },
         {
             filtered: false,
@@ -62,6 +69,7 @@ export const gridFacetMock = {
             label: 'XL',
             type: 'value',
             value: '7',
+            custom: '',
         },
         {
             filtered: false,
@@ -69,6 +77,7 @@ export const gridFacetMock = {
             label: 'ONE SIZE',
             type: 'value',
             value: '8',
+            custom: '',
         },
     ],
 };
@@ -618,6 +627,8 @@ export const searchResponse = {
                 product_type_unigram: 'dress',
                 id: 'd68bd8da07b9e98b3509412d3aa03feb',
             },
+            type: '',
+            custom: '',
         },
         {
             id: '174328',

package/dist/esm/providers/controller.d.ts

@@ -1,8 +1,9 @@
-import preact from 'preact';
+import { h, ComponentChildren, ComponentType } from 'preact';
+import type { AbstractController } from '@searchspring/snap-controller';
 export declare const ControllerProvider: ({ children, controller }: {
-    children: any;
-    controller: any;
-}) => preact.JSX.Element;
-export declare const useController: () => any;
-export declare const withController: (Component: any) => (props: any) => preact.JSX.Element;
+    children: ComponentChildren;
+    controller: AbstractController;
+}) => h.JSX.Element;
+export declare const useController: () => AbstractController | null;
+export declare function withController<C extends ComponentType>(Component: C): C;
 //# sourceMappingURL=controller.d.ts.map

package/dist/esm/providers/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,kBAAkB;;;wBAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,WAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,wDAE1B,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAiB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,eAAO,MAAM,kBAAkB;cAA0C,iBAAiB;gBAAc,kBAAkB;mBAEzH,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAsC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAKvE"}

package/dist/esm/providers/controller.js

@@ -5,6 +5,8 @@ export const ControllerProvider = ({ children, controller }) => {
     return h(ControllerContext.Provider, { value: controller }, children);
 };
 export const useController = () => useContext(ControllerContext);
-export const withController = (Component) => (props) => {
-    return h(Component, { controller: useController(), ...props });
-};
+export function withController(Component) {
+    return ((props) => (
+    // additional props must come after controller prop
+    h(Component, { controller: useController(), ...props })));
+}

package/dist/esm/providers/store.d.ts

@@ -1,8 +1,9 @@
-import preact from 'preact';
+import { h, ComponentChildren, ComponentType } from 'preact';
+import type { AbstractStore } from '@searchspring/snap-store-mobx';
 export declare const StoreProvider: ({ children, store }: {
-    children: any;
-    store: any;
-}) => preact.JSX.Element;
-export declare const useStore: () => any;
-export declare const withStore: (Component: any) => (props: any) => preact.JSX.Element;
+    children: ComponentChildren;
+    store: AbstractStore;
+}) => h.JSX.Element;
+export declare const useStore: () => AbstractStore | null;
+export declare function withStore<C extends ComponentType>(Component: C): C;
 //# sourceMappingURL=store.d.ts.map

package/dist/esm/providers/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,aAAa;;;wBAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAiC,CAAC;AAEvD,eAAO,MAAM,SAAS,wDAErB,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAiB,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,eAAO,MAAM,aAAa;cAAqC,iBAAiB;WAAS,aAAa;mBAErG,CAAC;AAEF,eAAO,MAAM,QAAQ,4BAAiC,CAAC;AAEvD,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAKlE"}

package/dist/esm/providers/store.js

@@ -5,6 +5,8 @@ export const StoreProvider = ({ children, store }) => {
     return h(StoreContext.Provider, { value: store }, children);
 };
 export const useStore = () => useContext(StoreContext);
-export const withStore = (Component) => (props) => {
-    return h(Component, { store: useStore(), ...props });
-};
+export function withStore(Component) {
+    return ((props) => (
+    // additional props must come after store prop
+    h(Component, { store: useStore(), ...props })));
+}

package/dist/esm/providers/theme.d.ts

@@ -1,4 +1,13 @@
-export { ThemeProvider, useTheme, withTheme } from '@emotion/react';
+/// <reference types="react" />
+export { useTheme, withTheme } from '@emotion/react';
+interface ThemeProviderProps {
+    theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
+    children?: any;
+}
+interface ThemeProvider {
+    (props: ThemeProviderProps): React.ReactElement;
+}
+export declare const ThemeProvider: ThemeProvider;
 export declare const defaultTheme: Theme;
 export interface Theme {
     colors?: {

package/dist/esm/providers/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/providers/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACN,SAAS,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/providers/theme.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAErD,UAAU,kBAAkB;IAC3B,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,GAAG,CAAC;CACf;AACD,UAAU,aAAa;IACtB,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC;CAChD;AACD,eAAO,MAAM,aAAa,EAAE,aAA4B,CAAC;AAEzD,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AACF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACN,SAAS,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/esm/providers/theme.js

@@ -1,4 +1,6 @@
-export { ThemeProvider, useTheme, withTheme } from '@emotion/react';
+import { ThemeProvider as EmotionTheme } from '@emotion/react';
+export { useTheme, withTheme } from '@emotion/react';
+export const ThemeProvider = EmotionTheme;
 export const defaultTheme = {
     colors: {
         primary: '#3A23AD',

package/dist/esm/setupTests.js

@@ -1 +1,2 @@
+"use strict";
 require('@testing-library/jest-dom/extend-expect');