@searchspring/snap-preact-components 0.27.7 → 0.29.0

package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { ErrorType } from '@searchspring/snap-store-mobx';
+import { ErrorHandlerProps } from './ErrorHandler';
 declare const _default: {
     title: string;
-    component: ((properties: import("./ErrorHandler").ErrorHandlerProps) => JSX.Element) & {
+    component: ((properties: ErrorHandlerProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -103,8 +105,55 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Warning: any;
-export declare const Error: any;
-export declare const Info: any;
-export declare const CustomError: any;
+export declare const Warning: {
+    (args: ErrorHandlerProps): h.JSX.Element;
+    args: {
+        controller: {
+            store: {
+                error: {
+                    code: number;
+                    type: ErrorType;
+                    message: string;
+                };
+            };
+        };
+    };
+};
+export declare const Error: {
+    (args: ErrorHandlerProps): h.JSX.Element;
+    args: {
+        controller: {
+            store: {
+                error: {
+                    code: number;
+                    type: ErrorType;
+                    message: string;
+                };
+            };
+        };
+    };
+};
+export declare const Info: {
+    (args: ErrorHandlerProps): h.JSX.Element;
+    args: {
+        controller: {
+            store: {
+                error: {
+                    code: number;
+                    type: ErrorType;
+                    message: string;
+                };
+            };
+        };
+    };
+};
+export declare const CustomError: {
+    (args: ErrorHandlerProps): h.JSX.Element;
+    args: {
+        error: {
+            type: ErrorType;
+            message: string;
+        };
+    };
+};
 //# sourceMappingURL=ErrorHandler.stories.d.ts.map

package/dist/esm/components/Molecules/ErrorHandler/ErrorHandler.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASrC,wBAyDE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAazC,eAAO,MAAM,KAAK,KAAoB,CAAC;AAavC,eAAO,MAAM,IAAI,KAAoB,CAAC;AAatC,eAAO,MAAM,WAAW,KAAoB,CAAC"}
+{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;yBAkBvD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAyDE;AAEF,eAAO,MAAM,OAAO;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa/E,eAAO,MAAM,KAAK;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa7E,eAAO,MAAM,IAAI;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa5E,eAAO,MAAM,WAAW;WAAU,iBAAiB;;;;;;;CAA+B,CAAC"}

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

@@ -54,8 +54,7 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(ErrorHandler, { ...args });
-export const Warning = Template.bind({});
+export const Warning = (args) => h(ErrorHandler, { ...args });
 Warning.args = {
     controller: {
         store: {
@@ -67,7 +66,7 @@ Warning.args = {
         },
     },
 };
-export const Error = Template.bind({});
+export const Error = (args) => h(ErrorHandler, { ...args });
 Error.args = {
     controller: {
         store: {
@@ -79,7 +78,7 @@ Error.args = {
         },
     },
 };
-export const Info = Template.bind({});
+export const Info = (args) => h(ErrorHandler, { ...args });
 Info.args = {
     controller: {
         store: {
@@ -91,7 +90,7 @@ Info.args = {
         },
     },
 };
-export const CustomError = Template.bind({});
+export const CustomError = (args) => h(ErrorHandler, { ...args });
 CustomError.args = {
     error: {
         type: ErrorType.INFO,

package/dist/esm/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/esm/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/esm/components/Molecules/FacetGridOptions/FacetGridOptions.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -14,7 +16,7 @@ const CSS = {
             justifyContent: 'center',
             alignItems: 'center',
             flex: '0 1 auto',
-            border: `1px solid ${theme.colors?.primary || '#333'}`,
+            border: `1px solid ${theme?.colors?.primary || '#333'}`,
             textAlign: 'center',
             wordBreak: 'break-all',
             boxSizing: 'border-box',
@@ -25,12 +27,12 @@ const CSS = {
                 marginRight: '0',
             },
             '&.ss__facet-grid-options__option--filtered': {
-                background: theme.colors?.primary || '#ccc',
-                color: theme.colors?.text?.secondary,
+                background: theme?.colors?.primary || '#ccc',
+                color: theme?.colors?.text?.secondary,
             },
             '&:hover:not(.ss__facet-grid-options__option--filtered)': {
                 cursor: 'pointer',
-                background: theme.colors?.hover || '#f8f8f8',
+                background: theme?.colors?.hover || '#f8f8f8',
             },
             '& .ss__facet-grid-options__option__value': {
                 '&.ss__facet-grid-options__option__value--smaller': {
@@ -80,12 +82,12 @@ export const FacetGridOptions = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (values?.length && (jsx(CacheProvider, null,
+    return values?.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__facet-grid-options', className) }, values.map((value) => (jsx("a", { className: classnames('ss__facet-grid-options__option', { 'ss__facet-grid-options__option--filtered': value.filtered }), onFocus: () => previewOnFocus && value.preview && value.preview(), ...valueProps, href: value.url?.link?.href, onClick: (e) => {
                 value.url?.link?.onClick(e);
                 onClick && onClick(e);
             } },
             jsx("span", { className: classnames('ss__facet-grid-options__option__value', {
                     'ss__facet-grid-options__option__value--smaller': value.label.length > 3,
-                }) }, value.label))))))));
+                }) }, value.label))))))) : (jsx(Fragment, null));
 });

package/dist/esm/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/esm/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/esm/components/Molecules/FacetGridOptions/FacetGridOptions.stories.js

@@ -89,10 +89,9 @@ const ObservableFacetGridOptions = observer(({ args, controller }) => {
     const sizeFacet = controller?.store?.facets.filter((facet) => facet.field == 'size_dress').pop();
     return h(FacetGridOptions, { ...args, values: sizeFacet.values });
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservableFacetGridOptions, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();

package/dist/esm/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/esm/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/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -60,15 +62,15 @@ export const FacetHierarchyOptions = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (values?.length && (jsx(CacheProvider, null,
+    return values?.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__facet-hierarchy-options', className) }, values.map((value) => (jsx("a", { className: classnames('ss__facet-hierarchy-options__option', { 'ss__facet-hierarchy-options__option--filtered': value.filtered }, { 'ss__facet-hierarchy-options__option--return': value.history && !value.filtered }), href: value.url?.link?.href, onClick: (e) => {
                 value.url?.link?.onClick(e);
                 onClick && onClick(e);
             }, onFocus: () => previewOnFocus && value.preview && value.preview(), ...valueProps },
             jsx("span", { className: "ss__facet-hierarchy-options__option__value" },
                 value.label,
-                !hideCount && value.count > 0 && !value.filtered && (jsx("span", { className: "ss__facet-hierarchy-options__option__value__count" },
+                !hideCount && value?.count > 0 && !value.filtered && (jsx("span", { className: "ss__facet-hierarchy-options__option__value__count" },
                     "(",
                     value.count,
-                    ")"))))))))));
+                    ")"))))))))) : (jsx(Fragment, null));
 });

package/dist/esm/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/esm/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/esm/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.js

@@ -62,10 +62,9 @@ const ObservableFacetHierarchyOptions = observer(({ args, controller }) => {
         .values.slice(0, 12);
     return h(FacetHierarchyOptions, { ...args, values: hierarchyValues });
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservableFacetHierarchyOptions, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();

package/dist/esm/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/esm/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/esm/components/Molecules/FacetListOptions/FacetListOptions.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -13,11 +15,11 @@ const CSS = {
             alignItems: 'center',
             '&:hover': {
                 cursor: 'pointer',
-                background: theme.colors?.hover,
+                background: theme?.colors?.hover,
             },
             '&.ss__facet-list-options__option--filtered': {
                 fontWeight: 'bold',
-                color: theme.colors?.primary,
+                color: theme?.colors?.primary,
             },
             '& .ss__facet-list-options__option__value': {
                 marginLeft: hideCheckbox ? '' : '8px',
@@ -52,7 +54,7 @@ export const FacetListOptions = observer((properties) => {
                 disableStyles,
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     const styling = {};
@@ -62,7 +64,7 @@ export const FacetListOptions = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (values?.length && (jsx(CacheProvider, null,
+    return values?.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__facet-list-options', className) }, values.map((value) => (jsx("a", { className: classnames('ss__facet-list-options__option', { 'ss__facet-list-options__option--filtered': value.filtered }), onFocus: () => previewOnFocus && value.preview && value.preview(), ...valueProps, href: value.url?.link?.href, onClick: (e) => {
                 value.url?.link?.onClick(e);
                 onClick && onClick(e);
@@ -70,8 +72,8 @@ export const FacetListOptions = observer((properties) => {
             !hideCheckbox && jsx(Checkbox, { ...subProps.checkbox, checked: value.filtered }),
             jsx("span", { className: "ss__facet-list-options__option__value" },
                 value.label,
-                !hideCount && value.count > 0 && jsx("span", { className: "ss__facet-list-options__option__value__count" },
+                !hideCount && value?.count > 0 && jsx("span", { className: "ss__facet-list-options__option__value__count" },
                     "(",
                     value.count,
-                    ")")))))))));
+                    ")")))))))) : (jsx(Fragment, null));
 });

package/dist/esm/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/esm/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/esm/components/Molecules/FacetListOptions/FacetListOptions.stories.js

@@ -89,10 +89,9 @@ const ObservableFacetListOptions = observer(({ args, controller }) => {
     const brandFacet = controller?.store?.facets.filter((facet) => facet.field == 'brand').pop();
     return h(FacetListOptions, { ...args, values: brandFacet.values });
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservableFacetListOptions, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();

package/dist/esm/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/esm/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/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
@@ -36,7 +38,7 @@ const CSS = {
             },
             '&.ss__facet-palette-options__option--filtered': {
                 '& .ss__facet-palette-options__option__wrapper': {
-                    borderColor: theme.colors?.primary || '#333',
+                    borderColor: theme?.colors?.primary || '#333',
                     padding: '0px',
                     borderWidth: '4px',
                 },
@@ -82,7 +84,6 @@ export const FacetPaletteOptions = observer((properties) => {
     const theme = { ...globalTheme, ...properties.theme };
     const props = {
         // default props
-        values: [],
         columns: 4,
         gapSize: '8px',
         // global theme
@@ -106,7 +107,7 @@ export const FacetPaletteOptions = observer((properties) => {
                 size: '40%',
             }),
             // component theme overrides
-            theme: props.theme,
+            theme: props?.theme,
         },
     };
     const styling = {};
@@ -116,12 +117,12 @@ export const FacetPaletteOptions = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (values?.length && (jsx(CacheProvider, null,
+    return values?.length ? (jsx(CacheProvider, null,
         jsx("div", { ...styling, className: classnames('ss__facet-palette-options', className) }, values.map((value) => (jsx("a", { className: classnames('ss__facet-palette-options__option', { 'ss__facet-palette-options__option--filtered': value.filtered }), "aria-label": value.value, onFocus: () => previewOnFocus && value.preview && value.preview(), ...valueProps, href: value.url?.link?.href, onClick: (e) => {
                 value.url?.link?.onClick(e);
                 onClick && onClick(e);
             } },
             jsx("div", { className: "ss__facet-palette-options__option__wrapper" },
                 jsx("div", { className: classnames('ss__facet-palette-options__option__palette', `ss__facet-palette-options__option__palette--${filters.handleize(value.value)}`), css: { background: value.value } }, !hideIcon && value.filtered && jsx(Icon, { ...subProps.icon }))),
-            !hideLabel && jsx("span", { className: "ss__facet-palette-options__option__value" }, value.label))))))));
+            !hideLabel && jsx("span", { className: "ss__facet-palette-options__option__value" }, value.label))))))) : (jsx(Fragment, null));
 });

package/dist/esm/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/esm/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/esm/components/Molecules/FacetPaletteOptions/FacetPaletteOptions.stories.js

@@ -109,10 +109,9 @@ const ObservableFacetPaletteOptions = observer(({ args, controller }) => {
     const sizeFacet = controller?.store?.facets.filter((facet) => facet.field == 'color_family').pop();
     return h(FacetPaletteOptions, { ...args, values: sizeFacet.values });
 });
-const Template = (args, { loaded: { controller } }) => {
+export const Default = (args, { loaded: { controller } }) => {
     return h(ObservableFacetPaletteOptions, { args: args, controller: controller });
 };
-export const Default = Template.bind({});
 Default.loaders = [
     async () => {
         await snapInstance.search();

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