@searchspring/snap-preact-components 0.28.0 → 0.29.0

package/dist/esm/components/Molecules/Carousel/Carousel.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
 import { useRef } from 'preact/hooks';
 import { jsx, css } from '@emotion/react';
 import classnames from 'classnames';
@@ -13,7 +15,7 @@ const CSS = {
     carousel: ({ theme, vertical }) => css({
         display: 'flex',
         maxWidth: '100%',
-        maxHeight: vertical ? '100%' : null,
+        maxHeight: vertical ? '100%' : undefined,
         margin: 0,
         padding: 0,
         overflow: 'hidden',
@@ -68,7 +70,7 @@ const CSS = {
             overflow: 'hidden',
             listStyle: 'none',
             padding: 0,
-            zIndex: 1,
+            zIndex: '1',
         },
         '.swiper-container-vertical': {
             '.swiper-wrapper': {
@@ -80,7 +82,7 @@ const CSS = {
             position: 'relative',
             width: '100%',
             height: '100%',
-            zIndex: 1,
+            zIndex: '1',
             display: 'flex',
             transitionProperty: 'transform',
             boxSizing: 'content-box',
@@ -216,7 +218,7 @@ export const Carousel = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (children && (jsx(CacheProvider, null,
+    return children?.length ? (jsx(CacheProvider, null,
         jsx("div", { ref: rootComponentRef, ...styling, className: classnames('ss__carousel', vertical ? 'ss__carousel-vertical' : '', className) },
             jsx("div", { className: classnames('ss__carousel__prev-wrapper', { 'ss__carousel__prev-wrapper--hidden': hideButtons }) },
                 jsx("div", { className: "ss__carousel__prev", ref: navigationPrevRef, onClick: onPrevButtonClick && ((e) => onPrevButtonClick(e)) }, prevButton || jsx(Icon, { icon: vertical ? 'angle-up' : 'angle-left', ...subProps.icon }))),
@@ -238,5 +240,5 @@ export const Carousel = observer((properties) => {
                 return jsx(SwiperSlide, null, child);
             })),
             jsx("div", { className: classnames('ss__carousel__next-wrapper', { 'ss__carousel__next-wrapper--hidden': hideButtons }) },
-                jsx("div", { className: "ss__carousel__next", ref: navigationNextRef, onClick: onNextButtonClick && ((e) => onNextButtonClick(e)) }, nextButton || jsx(Icon, { icon: vertical ? 'angle-down' : 'angle-right', ...subProps.icon })))))));
+                jsx("div", { className: "ss__carousel__next", ref: navigationNextRef, onClick: onNextButtonClick && ((e) => onNextButtonClick(e)) }, nextButton || jsx(Icon, { icon: vertical ? 'angle-down' : 'angle-right', ...subProps.icon })))))) : (jsx(Fragment, null));
 });

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { h } from 'preact';
+import { CarouselProps } from './Carousel';
 declare const _default: {
     title: string;
-    component: ((properties: import("./Carousel").CarouselProps) => JSX.Element) & {
+    component: ((properties: CarouselProps) => JSX.Element) & {
         displayName: string;
     };
     parameters: {
@@ -146,7 +147,7 @@ declare const _default: {
             };
         };
         breakpoints: {
-            defaultValue: any;
+            defaultValue: undefined;
             description: string;
             table: {
                 type: {
@@ -215,12 +216,12 @@ declare const _default: {
 };
 export default _default;
 export declare const Colors: {
-    (props: any): h.JSX.Element;
+    (props: CarouselProps): h.JSX.Element;
     args: {
         pagination: boolean;
         hideButtons: boolean;
         loop: boolean;
     };
 };
-export declare const Icons: (props: any) => h.JSX.Element;
+export declare const Icons: (props: CarouselProps) => h.JSX.Element;
 //# sourceMappingURL=Carousel.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASrC,wBAqJE;AAGF,eAAO,MAAM,MAAM;;;;;;;CAQlB,CAAC;AAOF,eAAO,MAAM,KAAK,+BAajB,CAAC"}
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Carousel/Carousel.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;AAIrC,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;yBAmB3C,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAqJE;AAIF,eAAO,MAAM,MAAM;YAAW,aAAa;;;;;;CAQ1C,CAAC;AAOF,eAAO,MAAM,KAAK,UAAW,aAAa,kBAazC,CAAC"}

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

@@ -2,7 +2,7 @@ import { h } from 'preact';
 import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
 import { Carousel } from './Carousel';
 import { Icon, iconPaths } from '../../Atoms/Icon';
-import { componentArgs } from '../../../utilities';
+import { componentArgs, shiftColor } from '../../../utilities';
 import Readme from './readme.md';
 export default {
     title: `Molecules/Carousel`,
@@ -161,27 +161,3 @@ export const Icons = (props) => {
             h("div", { style: "text-align: center" }, icon)));
     })));
 };
-function shiftColor(base, change) {
-    const colorRegEx = /^\#?[A-Fa-f0-9]{6}$/;
-    if (!base || !change) {
-        return '#000000';
-    }
-    if (!base.match(colorRegEx) || !change.match(colorRegEx)) {
-        return '#000000';
-    }
-    // remove '#'s
-    base = base.replace(/\#/g, '');
-    change = change.replace(/\#/g, '');
-    let newColor = '';
-    for (let i = 0; i < 3; i++) {
-        const basePiece = parseInt(base.substring(i * 2, i * 2 + 2), 16);
-        const changePiece = parseInt(change.substring(i * 2, i * 2 + 2), 16);
-        let newPiece;
-        newPiece = basePiece + changePiece;
-        newPiece = newPiece > 255 ? 255 : newPiece;
-        newPiece = newPiece.toString(16);
-        newPiece = newPiece.length < 2 ? '0' + newPiece : newPiece;
-        newColor += newPiece;
-    }
-    return `#${newColor}`;
-}

package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentProps } from '../../../types';
 export declare const Checkbox: ((properties: CheckboxProps) => JSX.Element) & {
     displayName: string;
@@ -8,7 +9,7 @@ export interface CheckboxProps extends ComponentProps {
     disabled?: boolean;
     icon?: string;
     iconColor?: string;
-    onClick?: (e: Event) => void;
+    onClick?: (e: React.MouseEvent<HTMLInputElement | HTMLSpanElement, MouseEvent>) => void;
     size?: string;
     startChecked?: boolean;
     native?: boolean;

package/dist/esm/components/Molecules/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AA0BhD,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAqFvE,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AA0B5D,eAAO,MAAM,QAAQ,gBAAyB,aAAa,KAAG,WAAW;;CAuFvE,CAAC;AAKH,MAAM,WAAW,aAAc,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,eAAe,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/esm/components/Molecules/Checkbox/Checkbox.js

@@ -12,7 +12,7 @@ const CSS = {
         justifyContent: 'center',
         height: size,
         width: size,
-        border: `1px solid ${color || theme.colors?.primary || '#333'}`,
+        border: `1px solid ${color || theme?.colors?.primary || '#333'}`,
         '&.ss__checkbox--disabled': {
             opacity: 0.7,
         },
@@ -47,7 +47,7 @@ export const Checkbox = observer((properties) => {
             ...globalTheme?.components?.icon,
             // inherited props
             ...defined({
-                color: iconColor || color || theme.colors?.primary,
+                color: iconColor || color || theme?.colors?.primary,
                 disableStyles,
                 icon,
                 size: size && `calc(${size} - 30%)`,
@@ -67,9 +67,10 @@ export const Checkbox = observer((properties) => {
     const clickFunc = (e) => {
         if (!disabled) {
             if (stateful) {
-                setCheckedState((prev) => {
-                    return !prev;
-                });
+                setCheckedState &&
+                    setCheckedState((prev) => {
+                        return !prev;
+                    });
             }
             onClick && onClick(e);
         }

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

@@ -190,7 +190,18 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Disabled: any;
-export declare const Native: any;
+export declare const Default: (args: CheckboxProps) => h.JSX.Element;
+export declare const Disabled: {
+    (args: CheckboxProps): h.JSX.Element;
+    args: {
+        checked: boolean;
+        disabled: boolean;
+    };
+};
+export declare const Native: {
+    (args: CheckboxProps): h.JSX.Element;
+    args: {
+        native: boolean;
+    };
+};
 //# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrD,wBA8GE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAEzC,eAAO,MAAM,QAAQ,KAAoB,CAAC;AAM1C,eAAO,MAAM,MAAM,KAAoB,CAAC"}
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrD,wBA8GE;AAEF,eAAO,MAAM,OAAO,SAAU,aAAa,kBAA2B,CAAC;AAEvE,eAAO,MAAM,QAAQ;WAAU,aAAa;;;;;CAA2B,CAAC;AAMxE,eAAO,MAAM,MAAM;WAAU,aAAa;;;;CAA2B,CAAC"}

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

@@ -112,14 +112,13 @@ export default {
         ...componentArgs,
     },
 };
-const Template = (args) => h(Checkbox, { ...args });
-export const Default = Template.bind({});
-export const Disabled = Template.bind({});
+export const Default = (args) => h(Checkbox, { ...args });
+export const Disabled = (args) => h(Checkbox, { ...args });
 Disabled.args = {
     checked: true,
     disabled: true,
 };
-export const Native = Template.bind({});
+export const Native = (args) => h(Checkbox, { ...args });
 Native.args = {
     native: true,
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentProps } from '../../../types';
 import { ErrorType } from '@searchspring/snap-store-mobx';
 import type { AbstractController } from '@searchspring/snap-controller';
@@ -6,11 +7,11 @@ export declare const ErrorHandler: ((properties: ErrorHandlerProps) => JSX.Eleme
 };
 export interface ErrorHandlerProps extends ComponentProps {
     controller?: AbstractController;
-    error?: {
+    error: {
         code?: number;
         type: ErrorType;
         message: string;
     };
-    onRetryClick?: (e: Event) => void;
+    onRetryClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 //# sourceMappingURL=ErrorHandler.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAgExE,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAmG/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,KAAK,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC"}
+{"version":3,"file":"ErrorHandler.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAc,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAgExE,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAkG/E,CAAC;AAEH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,KAAK,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACtE"}

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

@@ -27,7 +27,7 @@ const CSS = {
         '& .ss__error-handler__button': {
             backgroundColor: 'white',
             color: 'inherit',
-            borderColor: theme.colors?.primary,
+            borderColor: theme?.colors?.primary,
             width: ['150px', 'fit-content'],
             margin: '5px 10px',
             '.ss__icon': {
@@ -35,30 +35,30 @@ const CSS = {
             },
         },
         '&.ss__error-handler--error': {
-            backgroundColor: LightenDarkenColor(theme.colors?.message?.error || 'red', 180),
-            borderLeftColor: theme.colors?.message?.error || '#ff0000',
+            backgroundColor: LightenDarkenColor(theme?.colors?.message?.error || 'red', 180),
+            borderLeftColor: theme?.colors?.message?.error || '#ff0000',
             '.ss__error-handler__message': {
                 '.ss__icon': {
-                    fill: theme.colors?.message?.error || '#ff0000',
+                    fill: theme?.colors?.message?.error || '#ff0000',
                 },
             },
         },
         '&.ss__error-handler--warning': {
-            backgroundColor: LightenDarkenColor(theme.colors?.message?.warning || 'yellow', 180),
-            borderLeftColor: theme.colors?.message?.warning || '#ffff00',
+            backgroundColor: LightenDarkenColor(theme?.colors?.message?.warning || 'yellow', 180),
+            borderLeftColor: theme?.colors?.message?.warning || '#ffff00',
             '.ss__icon': {
-                fill: theme.colors?.message?.warning || '#ffff00',
+                fill: theme?.colors?.message?.warning || '#ffff00',
             },
             '.ss__error-handler__button': {
-                borderColor: theme.colors?.message?.warning || '#ffff00',
+                borderColor: theme?.colors?.message?.warning || '#ffff00',
             },
         },
         '&.ss__error-handler--info': {
-            backgroundColor: LightenDarkenColor(theme.colors?.message?.info || 'blue', 180),
-            borderLeftColor: theme.colors?.message?.info || '#0000ff',
+            backgroundColor: LightenDarkenColor(theme?.colors?.message?.info || 'blue', 180),
+            borderLeftColor: theme?.colors?.message?.info || '#0000ff',
             '.ss__error-handler__message': {
                 '.ss__icon': {
-                    fill: theme.colors?.message?.info || '#0000ff',
+                    fill: theme?.colors?.message?.info || '#0000ff',
                 },
             },
         },
@@ -109,8 +109,7 @@ export const ErrorHandler = observer((properties) => {
     else if (style) {
         styling.css = [style];
     }
-    return (Object.values(ErrorType).includes(errorObject?.type) &&
-        errorObject?.message && (jsx(CacheProvider, null,
+    return Object.values(ErrorType).includes(errorObject?.type) && errorObject?.message ? (jsx(CacheProvider, null,
         jsx("div", { className: classnames('ss__error-handler', `ss__error-handler--${errorObject.type}`, className), ...styling }, (() => {
             switch (errorObject.type) {
                 case ErrorType.WARNING:
@@ -135,5 +134,5 @@ export const ErrorHandler = observer((properties) => {
                         jsx("b", null, "Info:\u00A0"),
                         errorObject.message));
             }
-        })()))));
+        })()))) : (jsx(Fragment, null));
 });

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();