@searchspring/snap-preact-components 0.55.0 → 0.56.0

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

@@ -0,0 +1,167 @@
+/** @jsx jsx */
+import { Fragment } from 'preact';
+import { observer } from 'mobx-react';
+import { jsx, css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider } from '../../../providers';
+import { defined } from '../../../utilities';
+import { List } from '../List';
+import { Swatches } from '../Swatches';
+import { Dropdown } from '../../Atoms/Dropdown';
+import { Icon } from '../../Atoms/Icon';
+const CSS = {
+    variantSelection: () => css({
+        '.ss__variant-selection__dropdown': {
+            '.ss__dropdown__button': {
+                width: '100%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                '.ss__dropdown__button-wrapper': {
+                    display: 'flex',
+                    gap: '5px',
+                },
+            },
+            '.ss__dropdown__content': {
+                minWidth: 'auto',
+                left: '0',
+                right: '0',
+                '.ss__variant-selection__option': {
+                    cursor: 'pointer',
+                    position: 'relative',
+                },
+                '.ss__variant-selection__option:hover': {
+                    fontWeight: 'bold',
+                },
+                '.ss__variant-selection__option--selected': {
+                    fontWeight: 'bold',
+                },
+                '.ss__variant-selection__option--disabled': {
+                    pointerEvents: 'none',
+                    cursor: 'initial',
+                },
+                '.ss__variant-selection__option--disabled, .ss__variant-selection__option--unavailable': {
+                    textDecoration: 'line-through',
+                    opacity: 0.5,
+                },
+            },
+        },
+    }),
+};
+export const VariantSelection = observer((properties) => {
+    const globalTheme = useTheme();
+    const props = {
+        // default props
+        type: 'dropdown',
+        // global theme
+        ...globalTheme?.components?.variantSelection,
+        // props
+        ...properties,
+        ...properties.theme?.components?.variantSelection,
+    };
+    const { type, selection, disableStyles, className, style } = props;
+    const subProps = {
+        dropdown: {
+            name: `ss__variant-selection__dropdown--${selection.field}`,
+            className: 'ss__variant-selection__dropdown',
+            label: selection.label || selection.field,
+            // global theme
+            ...globalTheme?.components?.dropdown,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+        },
+        icon: {
+            // default props
+            name: `ss__variant-selection__icon--${selection.field}`,
+            className: 'ss__variant-selection__icon',
+            size: '12px',
+            // global theme
+            ...globalTheme?.components?.icon,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+        },
+        list: {
+            name: `ss__variant-selection__list--${selection.field}`,
+            titleText: selection.field,
+            className: 'ss__variant-selection__list',
+            multiSelect: false,
+            hideOptionCheckboxes: true,
+            onSelect: (e, option) => selection.select(option.value),
+            selected: selection.selected,
+            // global theme
+            ...globalTheme?.components?.list,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+        },
+        swatches: {
+            name: `ss__variant-selection__swatches--${selection.field}`,
+            className: 'ss__variant-selection__swatches',
+            onSelect: (e, option) => selection.select(option.value),
+            selected: selection.selected,
+            // global theme
+            ...globalTheme?.components?.swatches,
+            // inherited props
+            ...defined({
+                disableStyles,
+            }),
+            // component theme overrides
+            theme: props?.theme,
+        },
+    };
+    const styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.variantSelection(), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return selection.values.length ? (jsx(CacheProvider, null,
+        jsx("div", { ...styling, className: classnames('ss__variant-selection', `ss__variant-selection--${type}`, `ss__variant-selection--${selection.field}`, className) }, (() => {
+            switch (type) {
+                case 'dropdown':
+                    return (jsx(Fragment, null, (() => {
+                        //todo prettify the button
+                        const Button = (props) => {
+                            const { open } = props;
+                            return (jsx(Fragment, null,
+                                jsx("div", { className: "ss__dropdown__button-wrapper" },
+                                    jsx("span", { className: "ss__dropdown__button-wrapper__label" }, selection.label),
+                                    selection.selected ? (jsx("span", { className: "ss__dropdown__button-wrapper__selection" },
+                                        "(",
+                                        selection.selected.value,
+                                        ")")) : (jsx(Fragment, null))),
+                                jsx(Icon, { icon: open ? 'angle-up' : 'angle-down', ...subProps.icon })));
+                        };
+                        return (jsx(Dropdown, { button: jsx(Button, null), ...subProps.dropdown },
+                            jsx("div", { className: "ss__variant-selection__options" }, selection.values.map((val) => {
+                                const selected = selection.selected?.value == val.value;
+                                return (jsx("div", { className: classnames(`ss__variant-selection__option`, {
+                                        'ss__variant-selection__option--selected': selected,
+                                        'ss__variant-selection__option--disabled': val.disabled,
+                                        'ss__variant-selection__option--unavailable': val.available === false,
+                                    }), onClick: () => !val.disabled && selection.select(val.value) }, val.label));
+                            }))));
+                    })()));
+                case 'list':
+                    return (jsx(Fragment, null, (() => {
+                        return jsx(List, { ...subProps.list, options: selection.values });
+                    })()));
+                case 'swatches':
+                    return (jsx(Fragment, null, (() => {
+                        return jsx(Swatches, { ...subProps.swatches, options: selection.values });
+                    })()));
+            }
+        })()))) : (jsx(Fragment, null));
+});

package/dist/esm/components/Molecules/VariantSelection/index.d.ts

@@ -0,0 +1,2 @@
+export * from './VariantSelection';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Molecules/VariantSelection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/VariantSelection/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/Molecules/VariantSelection/index.js

@@ -0,0 +1 @@
+export * from './VariantSelection';

package/dist/esm/index.d.ts

@@ -23,13 +23,17 @@ export * from './components/Molecules/FacetGridOptions';
 export * from './components/Molecules/FacetHierarchyOptions';
 export * from './components/Molecules/FacetListOptions';
 export * from './components/Molecules/FacetPaletteOptions';
+export * from './components/Molecules/FacetSlider';
 export * from './components/Molecules/Filter';
+export * from './components/Molecules/Grid';
+export * from './components/Molecules/List';
 export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/Result';
 export * from './components/Molecules/Select';
 export * from './components/Molecules/Slideout';
-export * from './components/Molecules/FacetSlider';
+export * from './components/Molecules/Swatches';
+export * from './components/Molecules/VariantSelection';
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/BranchOverride';
 export * from './components/Organisms/Facet';

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oDAAoD,CAAC;AACnE,cAAc,qDAAqD,CAAC;AAGpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AAGxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAG/C,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,WAAW,CAAC"}

package/dist/esm/index.js

@@ -25,13 +25,17 @@ export * from './components/Molecules/FacetGridOptions';
 export * from './components/Molecules/FacetHierarchyOptions';
 export * from './components/Molecules/FacetListOptions';
 export * from './components/Molecules/FacetPaletteOptions';
+export * from './components/Molecules/FacetSlider';
 export * from './components/Molecules/Filter';
+export * from './components/Molecules/Grid';
+export * from './components/Molecules/List';
 export * from './components/Molecules/OverlayBadge';
 export * from './components/Molecules/Pagination';
 export * from './components/Molecules/Result';
 export * from './components/Molecules/Select';
 export * from './components/Molecules/Slideout';
-export * from './components/Molecules/FacetSlider';
+export * from './components/Molecules/Swatches';
+export * from './components/Molecules/VariantSelection';
 // ORGANISMS
 export * from './components/Organisms/Autocomplete';
 export * from './components/Organisms/BranchOverride';

package/dist/esm/types.d.ts

@@ -2,12 +2,27 @@
 import { FunctionalComponent, RenderableProps } from 'preact';
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from './providers/theme';
+import { IconProps } from './components/Atoms/Icon';
+import type { UrlManager } from '@searchspring/snap-url-manager';
 export interface ComponentProps extends RenderableProps<any> {
     className?: string;
     disableStyles?: boolean;
     style?: string | Record<string, any>;
     theme?: Theme;
 }
+export type ListOption = {
+    value: string | number;
+    label?: string;
+    disabled?: boolean;
+    available?: boolean;
+    default?: boolean;
+    icon?: string | Partial<IconProps>;
+    url?: UrlManager;
+};
+export type SwatchOption = ListOption & {
+    backgroundImageUrl?: string;
+    background?: string;
+};
 export type ComponentMap = {
     [key: string]: (args?: any) => FunctionalComponent<RenderableProps<any>> | Promise<(args?: any) => React.ReactElement>;
 };

package/dist/esm/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;CACvH,CAAC;AAEF,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,GAAG,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,mBAAmB,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;CACvH,CAAC;AAEF,oBAAY,MAAM;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;CACb;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;AAGnD,oBAAY,SAAS;IACpB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,aAAa,kBAAkB;CAC/B;AAGD,oBAAY,YAAY;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC"}

package/dist/esm/utilities/snapify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAUnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAkB1I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}
+{"version":3,"file":"snapify.d.ts","sourceRoot":"","sources":["../../../src/utilities/snapify.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAUnH,OAAO,KAAK,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,MAAM,+BAA+B,CAAC;AAqB1I,qBAAa,OAAO;IACnB,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,8BAA8B,GAAG,wBAAwB;IAkBvF,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,4BAA4B,GAAG,sBAAsB;IAmBjF,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,GAAG,gBAAgB;CAkB/D"}

package/dist/esm/utilities/snapify.js

@@ -1,3 +1,4 @@
+import { configure as configureMobx } from 'mobx';
 import { SearchController, AutocompleteController, RecommendationController } from '@searchspring/snap-controller';
 import { Client } from '@searchspring/snap-client';
 import { SearchStore, AutocompleteStore, RecommendationStore } from '@searchspring/snap-store-mobx';
@@ -6,6 +7,8 @@ import { EventManager } from '@searchspring/snap-event-manager';
 import { Profiler } from '@searchspring/snap-profiler';
 import { Logger } from '@searchspring/snap-logger';
 import { Tracker } from '@searchspring/snap-tracker';
+// configure MobX
+configureMobx({ useProxies: 'never', isolateGlobalState: true, enforceActions: 'never' });
 const controllers = {};
 const client = {
     globals: { siteId: '8uyt2m' },

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@searchspring/snap-preact-components",
-	"version": "0.55.0",
+	"version": "0.56.0",
 	"description": "Snap Preact Component Library",
 	"author": "Searchspring",
 	"license": "MIT",
@@ -29,7 +29,7 @@
 	"dependencies": {
 		"@cypress/react": "^8.0.0",
 		"@emotion/react": "11.9.0",
-		"@searchspring/snap-toolbox": "^0.55.0",
+		"@searchspring/snap-toolbox": "^0.56.0",
 		"classnames": "^2.3.2",
 		"cypress": "^12.15.0",
 		"cypress-wait-until": "^1.7.2",
@@ -52,14 +52,14 @@
 		"@babel/preset-env": "^7.21.4",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/runtime": "^7.21.0",
-		"@searchspring/snap-client": "^0.55.0",
-		"@searchspring/snap-controller": "^0.55.0",
-		"@searchspring/snap-event-manager": "^0.55.0",
-		"@searchspring/snap-logger": "^0.55.0",
-		"@searchspring/snap-profiler": "^0.55.0",
-		"@searchspring/snap-store-mobx": "^0.55.0",
-		"@searchspring/snap-tracker": "^0.55.0",
-		"@searchspring/snap-url-manager": "^0.55.0",
+		"@searchspring/snap-client": "^0.56.0",
+		"@searchspring/snap-controller": "^0.56.0",
+		"@searchspring/snap-event-manager": "^0.56.0",
+		"@searchspring/snap-logger": "^0.56.0",
+		"@searchspring/snap-profiler": "^0.56.0",
+		"@searchspring/snap-store-mobx": "^0.56.0",
+		"@searchspring/snap-tracker": "^0.56.0",
+		"@searchspring/snap-url-manager": "^0.56.0",
 		"@storybook/addon-actions": "6.4.22",
 		"@storybook/addon-controls": "6.4.22",
 		"@storybook/addon-docs": "6.4.22",
@@ -73,6 +73,7 @@
 		"@testing-library/user-event": "13.5.0",
 		"@types/react": "16.14.28",
 		"@types/react-ranger": "2.0.1",
+		"@types/scheduler": "0.16.8",
 		"babel-jest": "^29.7.0",
 		"preact": "10.9.0",
 		"react": "16.14.0",
@@ -83,5 +84,5 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"sideEffects": false,
-	"gitHead": "ad413e17c9756a28e1972173b3b25f0a4dcb127c"
+	"gitHead": "3326303c739fd3bbb23e6477b275b89f7df3bb74"
 }