@searchspring/snap-preact-components 0.27.8 → 0.30.0

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.js

@@ -66,8 +66,8 @@ exports.default = {
             action: 'onRetryClick',
         } }, utilities_1.componentArgs),
 };
-var Template = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
-exports.Warning = Template.bind({});
+var Warning = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
+exports.Warning = Warning;
 exports.Warning.args = {
     controller: {
         store: {
@@ -79,7 +79,8 @@ exports.Warning.args = {
         },
     },
 };
-exports.Error = Template.bind({});
+var Error = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
+exports.Error = Error;
 exports.Error.args = {
     controller: {
         store: {
@@ -91,7 +92,8 @@ exports.Error.args = {
         },
     },
 };
-exports.Info = Template.bind({});
+var Info = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
+exports.Info = Info;
 exports.Info.args = {
     controller: {
         store: {
@@ -103,7 +105,8 @@ exports.Info.args = {
         },
     },
 };
-exports.CustomError = Template.bind({});
+var CustomError = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
+exports.CustomError = CustomError;
 exports.CustomError.args = {
     error: {
         type: snap_store_mobx_1.ErrorType.INFO,

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ComponentProps, ValueFacetValue } from '../../../types';
+import { ComponentProps } from '../../../types';
+import { FacetValue } from '@searchspring/snap-store-mobx';
 export declare const FacetGridOptions: ((properties: FacetGridOptionsProps) => JSX.Element) & {
     displayName: string;
 };
 export interface FacetGridOptionsProps extends ComponentProps {
-    values: ValueFacetValue[];
+    values: FacetValue[];
     columns?: number;
     gapSize?: string;
     onClick?: (e: React.MouseEvent) => void;

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAiEjE,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CAoDvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAiE3D,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CAoDvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js

@@ -15,6 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FacetGridOptions = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var mobx_react_lite_1 = require("mobx-react-lite");
@@ -35,7 +37,7 @@ var CSS = {
                     justifyContent: 'center',
                     alignItems: 'center',
                     flex: '0 1 auto',
-                    border: "1px solid ".concat(((_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#333'),
+                    border: "1px solid ".concat(((_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#333'),
                     textAlign: 'center',
                     wordBreak: 'break-all',
                     boxSizing: 'border-box',
@@ -47,12 +49,12 @@ var CSS = {
                     marginRight: '0',
                 },
                 _b['&.ss__facet-grid-options__option--filtered'] = {
-                    background: ((_d = theme.colors) === null || _d === void 0 ? void 0 : _d.primary) || '#ccc',
-                    color: (_f = (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.text) === null || _f === void 0 ? void 0 : _f.secondary,
+                    background: ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) || '#ccc',
+                    color: (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.text) === null || _f === void 0 ? void 0 : _f.secondary,
                 },
                 _b['&:hover:not(.ss__facet-grid-options__option--filtered)'] = {
                     cursor: 'pointer',
-                    background: ((_g = theme.colors) === null || _g === void 0 ? void 0 : _g.hover) || '#f8f8f8',
+                    background: ((_g = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _g === void 0 ? void 0 : _g.hover) || '#f8f8f8',
                 },
                 _b['& .ss__facet-grid-options__option__value'] = {
                     '&.ss__facet-grid-options__option__value--smaller': {
@@ -97,7 +99,7 @@ exports.FacetGridOptions = (0, mobx_react_lite_1.observer)(function (properties)
     else if (style) {
         styling.css = [style];
     }
-    return ((values === null || values === void 0 ? void 0 : values.length) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+    return (values === null || values === void 0 ? void 0 : values.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-grid-options', className) }), values.map(function (value) {
             var _a, _b;
             return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-grid-options__option', { 'ss__facet-grid-options__option--filtered': value.filtered }), onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps, { href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href, onClick: function (e) {
@@ -108,5 +110,5 @@ exports.FacetGridOptions = (0, mobx_react_lite_1.observer)(function (properties)
                 (0, react_1.jsx)("span", { className: (0, classnames_1.default)('ss__facet-grid-options__option__value', {
                         'ss__facet-grid-options__option__value--smaller': value.label.length > 3,
                     }) }, value.label)));
-        })))));
+        })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { FacetGridOptionsProps } from './FacetGridOptions';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: FacetGridOptionsProps) => JSX.Element) & {
@@ -148,5 +149,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: FacetGridOptionsProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=FacetGridOptions.stories.d.ts.map

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetGridOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK7E,wBAoFE;AAcF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"FacetGridOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAoFE;AAUF,eAAO,MAAM,OAAO;WAAU,qBAAqB;;wBAAsD,gBAAgB;;;;;;CAExH,CAAC"}

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.js

@@ -136,11 +136,11 @@ var ObservableFacetGridOptions = (0, mobx_react_1.observer)(function (_a) {
     var sizeFacet = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.field == 'size_dress'; }).pop();
     return (0, preact_1.h)(FacetGridOptions_1.FacetGridOptions, __assign({}, args, { values: sizeFacet.values }));
 });
-var Template = function (args, _a) {
+var Default = function (args, _a) {
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(ObservableFacetGridOptions, { args: args, controller: controller });
 };
-exports.Default = Template.bind({});
+exports.Default = Default;
 exports.Default.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ComponentProps, HierarchyFacetValue } from '../../../types';
+import { ComponentProps } from '../../../types';
+import type { FacetHierarchyValue } from '@searchspring/snap-store-mobx';
 export declare const FacetHierarchyOptions: ((properties: FacetHierarchyOptionsProps) => JSX.Element) & {
     displayName: string;
 };
 export interface FacetHierarchyOptionsProps extends ComponentProps {
-    values: HierarchyFacetValue[];
+    values: FacetHierarchyValue[];
     hideCount?: boolean;
     onClick?: (e: React.MouseEvent) => void;
     previewOnFocus?: boolean;

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA2CrE,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,WAAW;;CAqDjG,CAAC;AACH,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IACjE,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"FacetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AA2CzE,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,WAAW;;CAqDjG,CAAC;AACH,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IACjE,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js

@@ -15,6 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FacetHierarchyOptions = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var mobx_react_lite_1 = require("mobx-react-lite");
@@ -75,7 +77,7 @@ exports.FacetHierarchyOptions = (0, mobx_react_lite_1.observer)(function (proper
     else if (style) {
         styling.css = [style];
     }
-    return ((values === null || values === void 0 ? void 0 : values.length) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+    return (values === null || values === void 0 ? void 0 : values.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-hierarchy-options', className) }), values.map(function (value) {
             var _a, _b;
             return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-hierarchy-options__option', { 'ss__facet-hierarchy-options__option--filtered': value.filtered }, { 'ss__facet-hierarchy-options__option--return': value.history && !value.filtered }), href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href, onClick: function (e) {
@@ -85,9 +87,9 @@ exports.FacetHierarchyOptions = (0, mobx_react_lite_1.observer)(function (proper
                 }, onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps),
                 (0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value" },
                     value.label,
-                    !hideCount && value.count > 0 && !value.filtered && ((0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value__count" },
+                    !hideCount && (value === null || value === void 0 ? void 0 : value.count) > 0 && !value.filtered && ((0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value__count" },
                         "(",
                         value.count,
                         ")")))));
-        })))));
+        })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { FacetHierarchyOptionsProps } from './FacetHierarchyOptions';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: FacetHierarchyOptionsProps) => JSX.Element) & {
@@ -105,5 +106,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: FacetHierarchyOptionsProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=FacetHierarchyOptions.stories.d.ts.map

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetHierarchyOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM5F,wBAqDE;AAiBF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"FacetHierarchyOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAK5F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAqDE;AAaF,eAAO,MAAM,OAAO;WAAU,0BAA0B;;wBAAsD,gBAAgB;;;;;;CAE7H,CAAC"}

package/dist/cjs/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.js

@@ -109,11 +109,11 @@ var ObservableFacetHierarchyOptions = (0, mobx_react_1.observer)(function (_a) {
     var hierarchyValues = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.display === types_1.FacetDisplay.HIERARCHY; }).shift().values.slice(0, 12);
     return (0, preact_1.h)(FacetHierarchyOptions_1.FacetHierarchyOptions, __assign({}, args, { values: hierarchyValues }));
 });
-var Template = function (args, _a) {
+var Default = function (args, _a) {
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(ObservableFacetHierarchyOptions, { args: args, controller: controller });
 };
-exports.Default = Template.bind({});
+exports.Default = Default;
 exports.Default.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ComponentProps, ValueFacetValue } from '../../../types';
+import { ComponentProps } from '../../../types';
+import type { FacetValue } from '@searchspring/snap-store-mobx';
 export declare const FacetListOptions: ((properties: FacetListOptionsProps) => JSX.Element) & {
     displayName: string;
 };
 export interface FacetListOptionsProps extends ComponentProps {
-    values: ValueFacetValue[];
+    values: FacetValue[];
     hideCheckbox?: boolean;
     hideCount?: boolean;
     onClick?: (e: React.MouseEvent) => void;

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetListOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA+BjE,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CA+DvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"FacetListOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAG5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA6BhE,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CA+DvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.js

@@ -15,6 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FacetListOptions = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var mobx_react_lite_1 = require("mobx-react-lite");
@@ -33,11 +35,11 @@ var CSS = {
                 alignItems: 'center',
                 '&:hover': {
                     cursor: 'pointer',
-                    background: (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.hover,
+                    background: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.hover,
                 },
                 '&.ss__facet-list-options__option--filtered': {
                     fontWeight: 'bold',
-                    color: (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary,
+                    color: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary,
                 },
                 '& .ss__facet-list-options__option__value': {
                     marginLeft: hideCheckbox ? '' : '8px',
@@ -63,7 +65,7 @@ exports.FacetListOptions = (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 }),
     };
     var styling = {};
     if (!disableStyles) {
@@ -72,7 +74,7 @@ exports.FacetListOptions = (0, mobx_react_lite_1.observer)(function (properties)
     else if (style) {
         styling.css = [style];
     }
-    return ((values === null || values === void 0 ? void 0 : values.length) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+    return (values === null || values === void 0 ? void 0 : values.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-list-options', className) }), values.map(function (value) {
             var _a, _b;
             return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-list-options__option', { 'ss__facet-list-options__option--filtered': value.filtered }), onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps, { href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href, onClick: function (e) {
@@ -83,9 +85,9 @@ exports.FacetListOptions = (0, mobx_react_lite_1.observer)(function (properties)
                 !hideCheckbox && (0, react_1.jsx)(Checkbox_1.Checkbox, __assign({}, subProps.checkbox, { checked: value.filtered })),
                 (0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value" },
                     value.label,
-                    !hideCount && value.count > 0 && (0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value__count" },
+                    !hideCount && (value === null || value === void 0 ? void 0 : value.count) > 0 && (0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value__count" },
                         "(",
                         value.count,
                         ")"))));
-        })))));
+        })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { FacetListOptionsProps } from './FacetListOptions';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: FacetListOptionsProps) => JSX.Element) & {
@@ -148,5 +149,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: FacetListOptionsProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=FacetListOptions.stories.d.ts.map

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetListOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK7E,wBAoFE;AAcF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"FacetListOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAI7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAoFE;AAUF,eAAO,MAAM,OAAO;WAAU,qBAAqB;;wBAAsD,gBAAgB;;;;;;CAExH,CAAC"}

package/dist/cjs/components/Molecules/FacetListOptions/FacetListOptions.stories.js

@@ -136,11 +136,11 @@ var ObservableFacetListOptions = (0, mobx_react_1.observer)(function (_a) {
     var brandFacet = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.field == 'brand'; }).pop();
     return (0, preact_1.h)(FacetListOptions_1.FacetListOptions, __assign({}, args, { values: brandFacet.values }));
 });
-var Template = function (args, _a) {
+var Default = function (args, _a) {
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(ObservableFacetListOptions, { args: args, controller: controller });
 };
-exports.Default = Template.bind({});
+exports.Default = Default;
 exports.Default.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { ValueFacetValue, ComponentProps } from '../../../types';
+import { ComponentProps } from '../../../types';
+import type { FacetValue } from '@searchspring/snap-store-mobx';
 export declare const FacetPaletteOptions: ((properties: FacetPaletteOptionsProps) => JSX.Element) & {
     displayName: string;
 };
 export interface FacetPaletteOptionsProps extends ComponentProps {
-    values: ValueFacetValue[];
+    values: FacetValue[];
     hideLabel?: boolean;
     columns?: number;
     gapSize?: string;

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAiFjE,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB,KAAG,WAAW;;CA6E7F,CAAC;AAEH,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC/D,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"FacetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAG5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA+EhE,eAAO,MAAM,mBAAmB,gBAAyB,wBAAwB,KAAG,WAAW;;CA4E7F,CAAC;AAEH,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC/D,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js

@@ -15,6 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FacetPaletteOptions = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
 var react_1 = require("@emotion/react");
 var classnames_1 = __importDefault(require("classnames"));
 var mobx_react_lite_1 = require("mobx-react-lite");
@@ -58,7 +60,7 @@ var CSS = {
                 },
                 _b['&.ss__facet-palette-options__option--filtered'] = {
                     '& .ss__facet-palette-options__option__wrapper': {
-                        borderColor: ((_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#333',
+                        borderColor: ((_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#333',
                         padding: '0px',
                         borderWidth: '4px',
                     },
@@ -106,7 +108,7 @@ exports.FacetPaletteOptions = (0, mobx_react_lite_1.observer)(function (properti
     var theme = __assign(__assign({}, globalTheme), properties.theme);
     var props = __assign(__assign(__assign({ 
         // default props
-        values: [], columns: 4, gapSize: '8px' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.facetPaletteOptions), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.facetPaletteOptions);
+        columns: 4, gapSize: '8px' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.facetPaletteOptions), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.facetPaletteOptions);
     var values = props.values, hideLabel = props.hideLabel, columns = props.columns, gapSize = props.gapSize, hideIcon = props.hideIcon, onClick = props.onClick, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, disableStyles = props.disableStyles, className = props.className, style = props.style;
     var subProps = {
         icon: __assign(__assign(__assign({ 
@@ -118,7 +120,7 @@ exports.FacetPaletteOptions = (0, mobx_react_lite_1.observer)(function (properti
             size: '40%',
         })), { 
             // component theme overrides
-            theme: props.theme }),
+            theme: props === null || props === void 0 ? void 0 : props.theme }),
     };
     var styling = {};
     if (!disableStyles) {
@@ -127,7 +129,7 @@ exports.FacetPaletteOptions = (0, mobx_react_lite_1.observer)(function (properti
     else if (style) {
         styling.css = [style];
     }
-    return ((values === null || values === void 0 ? void 0 : values.length) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+    return (values === null || values === void 0 ? void 0 : values.length) ? ((0, react_1.jsx)(providers_1.CacheProvider, null,
         (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-palette-options', className) }), values.map(function (value) {
             var _a, _b;
             return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-palette-options__option', { 'ss__facet-palette-options__option--filtered': value.filtered }), "aria-label": value.value, onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps, { href: (_b = (_a = value.url) === null || _a === void 0 ? void 0 : _a.link) === null || _b === void 0 ? void 0 : _b.href, onClick: function (e) {
@@ -138,5 +140,5 @@ exports.FacetPaletteOptions = (0, mobx_react_lite_1.observer)(function (properti
                 (0, react_1.jsx)("div", { className: "ss__facet-palette-options__option__wrapper" },
                     (0, react_1.jsx)("div", { className: (0, classnames_1.default)('ss__facet-palette-options__option__palette', "ss__facet-palette-options__option__palette--".concat(snap_toolbox_1.filters.handleize(value.value))), css: { background: value.value } }, !hideIcon && value.filtered && (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon)))),
                 !hideLabel && (0, react_1.jsx)("span", { className: "ss__facet-palette-options__option__value" }, value.label)));
-        })))));
+        })))) : ((0, react_1.jsx)(preact_1.Fragment, null));
 });

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import { FacetPaletteOptionsProps } from './FacetPaletteOptions';
+import type { SearchController } from '@searchspring/snap-controller';
 declare const _default: {
     title: string;
     component: ((properties: FacetPaletteOptionsProps) => JSX.Element) & {
@@ -176,5 +177,14 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
+export declare const Default: {
+    (args: FacetPaletteOptionsProps, { loaded: { controller } }: {
+        loaded: {
+            controller: SearchController;
+        };
+    }): h.JSX.Element;
+    loaders: (() => Promise<{
+        controller: SearchController;
+    }>)[];
+};
 //# sourceMappingURL=FacetPaletteOptions.stories.d.ts.map

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetPaletteOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKtF,wBAwGE;AAcF,eAAO,MAAM,OAAO,KAAoB,CAAC"}
+{"version":3,"file":"FacetPaletteOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAuB,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAItF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAwGE;AAUF,eAAO,MAAM,OAAO;WAAU,wBAAwB;;wBAAsD,gBAAgB;;;;;;CAE3H,CAAC"}

package/dist/cjs/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.js

@@ -154,11 +154,11 @@ var ObservableFacetPaletteOptions = (0, mobx_react_1.observer)(function (_a) {
     var sizeFacet = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.field == 'color_family'; }).pop();
     return (0, preact_1.h)(FacetPaletteOptions_1.FacetPaletteOptions, __assign({}, args, { values: sizeFacet.values }));
 });
-var Template = function (args, _a) {
+var Default = function (args, _a) {
     var controller = _a.loaded.controller;
     return (0, preact_1.h)(ObservableFacetPaletteOptions, { args: args, controller: controller });
 };
-exports.Default = Template.bind({});
+exports.Default = Default;
 exports.Default.loaders = [
     function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps, RangeFacet } from '../../../types';
+import { ComponentProps } from '../../../types';
+import type { RangeFacet } from '@searchspring/snap-store-mobx';
 export declare const FacetSlider: ((properties: FacetSliderProps) => JSX.Element) & {
     displayName: string;
 };

package/dist/cjs/components/Molecules/FacetSlider/FacetSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA+H5D,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAwJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}
+{"version":3,"file":"FacetSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAwIhE,eAAO,MAAM,WAAW,gBAAyB,gBAAgB,KAAG,WAAW;;CAoJ7E,CAAC;AAEH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC"}