@searchspring/snap-preact-components 0.28.0 → 0.29.0

package/dist/cjs/components/Organisms/Recommendation/Recommendation.js

@@ -26,6 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Recommendation = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var hooks_1 = require("preact/hooks");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -41,9 +43,9 @@ var CSS = {
     recommendation: function (_a) {
         var vertical = _a.vertical;
         return (0, react_1.css)({
-            height: vertical ? '100%' : null,
+            height: vertical ? '100%' : undefined,
             '.ss__result__image-wrapper': {
-                height: vertical ? '85%' : null,
+                height: vertical ? '85%' : undefined,
             },
         });
     },
@@ -66,9 +68,9 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
         throw new Error("<Recommendation> Component requires 'controller' prop with an instance of RecommendationController");
     }
     var resultsToRender = results || ((_d = controller.store) === null || _d === void 0 ? void 0 : _d.results);
-    if (children && children.length !== resultsToRender.length) {
+    if (Array.isArray(children) && children.length !== resultsToRender.length) {
         controller.log.error("<Recommendation> Component received invalid number of children. Must match length of 'results' prop or 'controller.store.results'");
-        return;
+        return (0, react_1.jsx)(preact_1.Fragment, null);
     }
     var subProps = {
         carousel: __assign(__assign(__assign({ 
@@ -78,14 +80,14 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
             vertical: vertical,
         })), { 
             // component theme overrides
-            theme: props.theme }),
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
         result: __assign(__assign(__assign({ 
             // default props
             className: 'ss__recommendation__result' }, (_f = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _f === void 0 ? void 0 : _f.result), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
-            theme: props.theme }),
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
     };
     var rootComponentRef = (0, hooks_1.useRef)(null);
     var _h = (0, hooks_1.useState)([0, 0]), initialIndexes = _h[0], setInitialIndexes = _h[1];
@@ -119,7 +121,7 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
     else if (style) {
         styling.css = [style];
     }
-    return ((children || (resultsToRender === null || resultsToRender === void 0 ? void 0 : resultsToRender.length)) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+    return children || (resultsToRender === null || resultsToRender === void 0 ? void 0 : resultsToRender.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({ ref: rootComponentRef }, styling, { className: (0, classnames_1.default)('ss__recommendation', className) }),
             title && (0, react_1.jsx)("h3", { className: "ss__recommendation__title" }, title),
             (0, react_1.jsx)(Carousel_1.Carousel, __assign({ onInit: function (swiper) {
@@ -137,7 +139,7 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
                     if (!Number.isNaN(clickedIndex)) {
                         controller.track.product.click(e, resultsToRender[clickedIndex]);
                     }
-                }, loop: loop, pagination: pagination, breakpoints: breakpoints }, subProps.carousel, additionalProps, displaySettings), children
+                }, loop: loop, pagination: pagination, breakpoints: breakpoints }, subProps.carousel, additionalProps, displaySettings), Array.isArray(children) && children.length
                 ? children.map(function (child) { return child; })
-                : resultsToRender.map(function (result) { return (0, react_1.jsx)(Result_1.Result, __assign({ controller: controller, result: result }, subProps.result)); }))))));
+                : resultsToRender.map(function (result) { return (0, react_1.jsx)(Result_1.Result, __assign({}, subProps.result, { controller: controller, result: result })); }))))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { RecommendationProps } from './Recommendation';
+import type { RecommendationController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Recommendation").RecommendationProps) => JSX.Element) & {
+    component: ((properties: RecommendationProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -206,13 +208,13 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    (props: any, { loaded: { controller } }: {
+    (props: RecommendationProps, { loaded: { controller } }: {
         loaded: {
-            controller: any;
+            controller: RecommendationController;
         };
     }): h.JSX.Element;
     loaders: (() => Promise<{
-        controller: import("@searchspring/snap-controller").RecommendationController;
+        controller: RecommendationController;
     }>)[];
 };
 //# sourceMappingURL=Recommendation.stories.d.ts.map

package/dist/cjs/components/Organisms/Recommendation/Recommendation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAU3B,wBAmIE;AAGF,eAAO,MAAM,OAAO;;;;;;;;;CAEnB,CAAC"}
+{"version":3,"file":"Recommendation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAkBpE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAmIE;AAIF,eAAO,MAAM,OAAO;YAAW,mBAAmB;;wBAAsD,wBAAwB;;;;;;CAE/H,CAAC"}

package/dist/cjs/components/Organisms/Results/Results.d.ts

@@ -1,11 +1,11 @@
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
-import type { ResultStore } from '@searchspring/snap-store-mobx';
+import type { SearchResultStore } from '@searchspring/snap-store-mobx';
 import { ComponentProps, LayoutType, BreakpointsProps } from '../../../types';
 export declare const Results: ((properties: ResultsProp) => JSX.Element) & {
     displayName: string;
 };
 export interface ResultsProp extends ComponentProps {
-    results?: ResultStore;
+    results?: SearchResultStore;
     columns?: number;
     rows?: number;
     gapSize?: string;

package/dist/cjs/components/Organisms/Results/Results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAIjE,OAAO,EAAE,cAAc,EAAU,UAAU,EAAc,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAuClG,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CAmGpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Results/Results.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACxH,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,+BAA+B,CAAC;AAIxF,OAAO,EAAE,cAAc,EAAU,UAAU,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAuClG,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CA2GpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;CAClF"}

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

@@ -15,9 +15,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Results = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var mobx_react_lite_1 = require("mobx-react-lite");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
+var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
 var InlineBanner_1 = require("../../Atoms/Merchandising/InlineBanner");
 var Result_1 = require("../../Molecules/Result");
 var types_1 = require("../../../types");
@@ -59,7 +62,7 @@ var CSS = {
     },
 };
 exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var globalTheme = (0, providers_1.useTheme)();
     var defaultBreakpointsProps = {
         0: {
@@ -90,21 +93,18 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
-            theme: props.theme }),
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
         inlineBanner: __assign(__assign(__assign({ 
             // default props
             className: 'ss__results__inline-banner' }, (_g = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _g === void 0 ? void 0 : _g.inlineBanner), (0, utilities_1.defined)({
             disableStyles: disableStyles,
         })), { 
             // component theme overrides
-            theme: props.theme }),
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
     };
-    var results;
-    if ((props === null || props === void 0 ? void 0 : props.columns) > 0 && (props === null || props === void 0 ? void 0 : props.rows) > 0) {
-        results = props.results.slice(0, props.columns * props.rows);
-    }
-    else {
-        results = props.results;
+    var results = props.results;
+    if ((props === null || props === void 0 ? void 0 : props.columns) && (props === null || props === void 0 ? void 0 : props.rows) && props.columns > 0 && props.rows > 0) {
+        results = (_h = props.results) === null || _h === void 0 ? void 0 : _h.slice(0, props.columns * props.rows);
     }
     var styling = {};
     if (!disableStyles) {
@@ -117,11 +117,11 @@ exports.Results = (0, mobx_react_lite_1.observer)(function (properties) {
         (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__results', "ss__results-".concat(props.layout), className) }), results.map(function (result) {
             return (function () {
                 switch (result.type) {
-                    case types_1.BannerType.BANNER:
-                        return (0, react_1.jsx)(InlineBanner_1.InlineBanner, __assign({ key: result.uid }, subProps.inlineBanner, { banner: result, layout: props.layout }));
+                    case snap_store_mobx_1.ContentType.BANNER:
+                        return (0, react_1.jsx)(InlineBanner_1.InlineBanner, __assign({}, subProps.inlineBanner, { key: result.id, banner: result, layout: props.layout }));
                     default:
-                        return (0, react_1.jsx)(Result_1.Result, __assign({ key: result.uid }, subProps.result, { result: result, layout: props.layout, controller: controller }));
+                        return ((0, react_1.jsx)(Result_1.Result, __assign({ key: result.id }, subProps.result, { result: result, layout: props.layout, controller: controller })));
                 }
             })();
-        })))) : null;
+        })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/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/cjs/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/cjs/components/Organisms/Results/Results.stories.js

@@ -157,12 +157,12 @@ exports.default = {
         } }, utilities_1.componentArgs),
 };
 var snapInstance = snapify_1.Snapify.search({ id: 'Results', globals: { siteId: '8uyt2m' } });
-var GridTemplate = function (args, _a) {
+var Grid = function (args, _a) {
     var _b;
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(Results_1.Results, __assign({}, args, { controller: controller, results: (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.results }));
 };
-exports.Grid = GridTemplate.bind({});
+exports.Grid = Grid;
 exports.Grid.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -177,12 +177,12 @@ exports.Grid.loaders = [
         });
     }); },
 ];
-var ListTemplate = function (args, _a) {
+var List = function (args, _a) {
     var _b;
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(Results_1.Results, __assign({}, args, { controller: controller, results: (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.results, layout: types_1.Layout.LIST }));
 };
-exports.List = ListTemplate.bind({});
+exports.List = List;
 exports.List.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/hooks/useDisplaySettings.js

@@ -23,10 +23,12 @@ function useDisplaySettings(breakpointsObj) {
 }
 exports.useDisplaySettings = useDisplaySettings;
 var getDisplaySettings = function (breakpoints) {
-    var _a;
     var breakpointsSettings;
     var currentScreenWidth = window.innerWidth;
-    var sortedList = (_a = Object.keys(breakpoints)) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return parseInt(a) - parseInt(b); }).map(function (vp) {
+    var sortedList = Object.keys(breakpoints)
+        .map(function (str) { return +str; })
+        .sort(function (a, b) { return a - b; })
+        .map(function (vp) {
         var _a;
         return (_a = {}, _a[vp] = breakpoints[vp], _a);
     });
@@ -52,6 +54,7 @@ var getDisplaySettings = function (breakpoints) {
         }
         return breakpointsSettings;
     }
+    return breakpointsSettings;
 };
 var debounce = function (func, timeout) {
     if (timeout === void 0) { timeout = 200; }
@@ -62,7 +65,7 @@ var debounce = function (func, timeout) {
             args[_i] = arguments[_i];
         }
         clearTimeout(timer);
-        timer = setTimeout(function () {
+        timer = window.setTimeout(function () {
             func.apply(_this, args);
         }, timeout);
     };

package/dist/cjs/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/cjs/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/cjs/mocks/searchResponse.d.ts

@@ -12,6 +12,7 @@ export declare const gridFacetMock: {
         label: string;
         type: string;
         value: string;
+        custom: string;
     }[];
 };
 export declare const listFacetMock: {
@@ -165,6 +166,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type: string;
+        custom: string;
     } | {
         id: string;
         mappings: {
@@ -219,6 +222,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -273,6 +278,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 +390,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -381,6 +446,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -435,6 +502,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -489,6 +558,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -543,6 +614,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -597,6 +670,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -651,6 +726,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -705,6 +782,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -759,6 +838,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -813,6 +894,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -867,6 +950,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -921,6 +1006,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -975,6 +1062,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1029,6 +1118,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1083,6 +1174,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1137,6 +1230,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1191,6 +1286,8 @@ export declare const searchResponse: {
             pattern?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1245,6 +1342,8 @@ export declare const searchResponse: {
             holiday_styles?: undefined;
             ss_regular_price?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     } | {
         id: string;
         mappings: {
@@ -1299,6 +1398,8 @@ export declare const searchResponse: {
             black_friday?: undefined;
             holiday_styles?: undefined;
         };
+        type?: undefined;
+        custom?: undefined;
     })[];
     facets: ({
         field: string;

package/dist/cjs/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"}