@searchspring/snap-preact-components 0.27.7 → 0.29.0

package/dist/cjs/components/Organisms/FilterSummary/FilterSummary.stories.js

@@ -195,11 +195,11 @@ var snapInstance = snapify_1.Snapify.search({
         ],
     },
 });
-var Template = function (args, _a) {
+var Regular = function (args, _a) {
     var controller = _a.loaded.controller;
-    return (0, preact_1.h)(FilterSummary_1.FilterSummary, __assign({}, args, { controller: controller }));
+    return ((0, preact_1.h)(FilterSummary_1.FilterSummary, __assign({}, args, { controller: controller })));
 };
-exports.Regular = Template.bind({});
+exports.Regular = Regular;
 exports.Regular.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -214,7 +214,11 @@ exports.Regular.loaders = [
         });
     }); },
 ];
-exports.noFacetLabel = Template.bind({});
+var noFacetLabel = function (args, _a) {
+    var controller = _a.loaded.controller;
+    return ((0, preact_1.h)(FilterSummary_1.FilterSummary, __assign({}, args, { controller: controller })));
+};
+exports.noFacetLabel = noFacetLabel;
 exports.noFacetLabel.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
@@ -232,7 +236,11 @@ exports.noFacetLabel.loaders = [
 exports.noFacetLabel.args = {
     hideFacetLabel: true,
 };
-exports.customTitle = Template.bind({});
+var customTitle = function (args, _a) {
+    var controller = _a.loaded.controller;
+    return ((0, preact_1.h)(FilterSummary_1.FilterSummary, __assign({}, args, { controller: controller })));
+};
+exports.customTitle = customTitle;
 exports.customTitle.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { ComponentChildren } from 'preact';
 import type { RecommendationController } from '@searchspring/snap-controller';
-import { ComponentProps, BreakpointsProps, Result as ResultType, InlineBannerContent } from '../../../types';
+import type { SearchResultStore } from '@searchspring/snap-store-mobx';
+import { ComponentProps, BreakpointsProps } from '../../../types';
 export declare const Recommendation: ((properties: RecommendationProps) => JSX.Element) & {
     displayName: string;
 };
@@ -11,10 +14,10 @@ export interface RecommendationProps extends ComponentProps {
     nextButton?: JSX.Element | string;
     hideButtons?: boolean;
     loop?: boolean;
-    results?: ResultType[] | InlineBannerContent[];
+    results?: SearchResultStore;
     pagination?: boolean;
     controller: RecommendationController;
-    children?: JSX.Element[];
+    children?: ComponentChildren;
     vertical?: boolean;
 }
 //# sourceMappingURL=Recommendation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAM9E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,IAAI,UAAU,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAc7G,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAuKnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Recommendation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Recommendation/Recommendation.tsx"],"names":[],"mappings":";AAAA,eAAe;AACf,OAAO,EAAe,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQxD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAW,MAAM,+BAA+B,CAAC;AAMhF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAc,MAAM,gBAAgB,CAAC;AAc9E,eAAO,MAAM,cAAc,gBAAyB,mBAAmB,KAAG,WAAW;;CAyKnF,CAAC;AAEH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IAC1D,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,wBAAwB,CAAC;IACrC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

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,
             },
         });
     },
@@ -53,7 +55,9 @@ exports.Recommendation = (0, mobx_react_lite_1.observer)(function (properties) {
     var globalTheme = (0, providers_1.useTheme)();
     var props = __assign(__assign(__assign({ 
         // default props
-        breakpoints: properties.vertical ? Carousel_1.defaultVerticalCarouselBreakpoints : Carousel_1.defaultCarouselBreakpoints, pagination: false, loop: true }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.recommendation), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.recommendation);
+        breakpoints: properties.vertical
+            ? JSON.parse(JSON.stringify(Carousel_1.defaultVerticalCarouselBreakpoints))
+            : JSON.parse(JSON.stringify(Carousel_1.defaultCarouselBreakpoints)), pagination: false, loop: true }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.recommendation), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.recommendation);
     var displaySettings = (0, useDisplaySettings_1.useDisplaySettings)(props.breakpoints);
     if (displaySettings && Object.keys(displaySettings).length) {
         var theme = (0, deepmerge_1.default)((props === null || props === void 0 ? void 0 : props.theme) || {}, (displaySettings === null || displaySettings === void 0 ? void 0 : displaySettings.theme) || {});
@@ -64,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({ 
@@ -76,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];
@@ -117,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) {
@@ -135,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,10 +1,11 @@
 import type { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
-import { ComponentProps, Result as ResultType, LayoutType, InlineBannerContent, BreakpointsProps } from '../../../types';
+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?: ResultType[] | InlineBannerContent[];
+    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;AAIxH,OAAO,EAAE,cAAc,EAAU,MAAM,IAAI,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAc,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAuC7I,eAAO,MAAM,OAAO,gBAAyB,WAAW,KAAG,WAAW;;CAmGpE,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC/C,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"}