@searchspring/snap-preact-components 0.45.1 → 0.47.0

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

@@ -1,212 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { FacetSliderProps } from './FacetSlider';
-declare const _default: {
-    title: string;
-    component: ((properties: FacetSliderProps) => JSX.Element) & {
-        displayName: string;
-    };
-    parameters: {
-        docs: {
-            page: () => h.JSX.Element;
-        };
-    };
-    decorators: ((Story: any) => h.JSX.Element)[];
-    argTypes: {
-        className: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableStyles: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        style: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        theme: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        facet: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        showTicks: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        tickSize: {
-            defaultValue: number;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        tickTextColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        trackColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        railColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        valueTextColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        handleColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        stickyHandleLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        handleDraggingColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onDrag: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onChange: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Price: (args: FacetSliderProps) => h.JSX.Element;
-//# sourceMappingURL=FacetSlider.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FacetSlider.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetSlider/FacetSlider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;yBAwCpD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAwIE;AAEF,eAAO,MAAM,KAAK,SAAU,gBAAgB,kBAAoE,CAAC"}

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

@@ -1,157 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { FacetSlider } from './FacetSlider';
-import { componentArgs } from '../../../utilities';
-import Readme from '../FacetSlider/readme.md';
-// unfortunatley we have to hardcode the searchresponse data here rather than use the Snap-Shared
-// mockdata due to issues with storybook being unable to bundle MockData due to it using fs
-const sliderFacetMock = {
-    field: 'price',
-    label: 'Price',
-    type: 'range',
-    display: 'slider',
-    filtered: false,
-    collapsed: false,
-    range: {
-        low: 0,
-        high: 120,
-    },
-    active: {
-        low: 0,
-        high: 120,
-    },
-    step: 1,
-    formatValue: '$%01.2f',
-};
-export default {
-    title: `Molecules/FacetSlider`,
-    component: FacetSlider,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    decorators: [
-        (Story) => (h("div", { style: { maxWidth: '300px' } },
-            h(Story, null))),
-    ],
-    argTypes: {
-        facet: {
-            description: 'Facet store reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'facet store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        showTicks: {
-            description: 'enables/disables ticks',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        tickSize: {
-            defaultValue: 20,
-            description: 'distance between ticks',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-                defaultValue: { summary: 20 },
-            },
-            control: { type: 'number' },
-        },
-        tickTextColor: {
-            description: 'ticks color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        trackColor: {
-            description: 'Slider track color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        railColor: {
-            description: 'Slider rail Color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        valueTextColor: {
-            description: 'Slider value Text Color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        handleColor: {
-            description: 'Slider handle color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        stickyHandleLabel: {
-            description: 'enables/disables sticky handle labels',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        handleDraggingColor: {
-            description: 'Slider handle color when dragging',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        onDrag: {
-            description: 'Slider onDrag event handler - fires as the slider is dragged (should not be used to trigger searches)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onDrag',
-        },
-        onChange: {
-            description: 'Slider onChange event handler - fires after touchEnd (used to trigger search)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onChange',
-        },
-        ...componentArgs,
-    },
-};
-export const Price = (args) => h(FacetSlider, { ...args, facet: sliderFacetMock });

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

@@ -1,185 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { FilterProps } from './Filter';
-import type { SearchController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: ((properties: FilterProps) => JSX.Element) & {
-        displayName: string;
-    };
-    parameters: {
-        docs: {
-            page: () => h.JSX.Element;
-        };
-    };
-    argTypes: {
-        className: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableStyles: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        style: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        theme: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        filter: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        facetLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        valueLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        url: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideFacetLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: string;
-        };
-        separator: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        icon: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: FilterProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-export declare const NoFacetLabel: {
-    (args: FilterProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        hideFacetLabel: boolean;
-    };
-};
-//# sourceMappingURL=Filter.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Filter.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Filter/Filter.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA8FE;AAgBF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;CAW9G,CAAC;AAWF,eAAO,MAAM,YAAY;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAWnH,CAAC"}

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

@@ -1,140 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Filter } from './Filter';
-import { iconPaths } from '../../Atoms/Icon/paths';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import { FacetType } from '../../../types';
-import Readme from '../Filter/readme.md';
-export default {
-    title: `Molecules/Filter`,
-    component: Filter,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        filter: {
-            description: 'Filter store object',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-            },
-            control: { type: 'object' },
-        },
-        facetLabel: {
-            description: 'Filter field',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        valueLabel: {
-            description: 'Filter value',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        url: {
-            description: 'URL manager object',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-            },
-            control: { type: 'object' },
-        },
-        hideFacetLabel: {
-            description: 'Hide facet label',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: 'boolean',
-        },
-        separator: {
-            description: 'Filter delimiter',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        icon: {
-            defaultValue: 'close-thin',
-            description: 'Icon name',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'close-thin' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        onClick: {
-            description: 'Facet option click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({
-    id: 'Filter',
-    globals: {
-        siteId: '8uyt2m',
-        filters: [
-            {
-                type: 'value',
-                field: 'color_family',
-                value: 'Blue',
-            },
-        ],
-    },
-});
-export const Default = (args, { loaded: { controller } }) => (h(Filter, { ...args, facetLabel: controller?.store?.facets.filter((facet) => facet.type === FacetType.VALUE).shift().label, valueLabel: controller?.store?.facets
-        .filter((facet) => facet.type === FacetType.VALUE)
-        .shift()
-        .values.shift().value }));
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-export const NoFacetLabel = (args, { loaded: { controller } }) => (h(Filter, { ...args, facetLabel: controller?.store?.facets.filter((facet) => facet.type === FacetType.VALUE).shift().label, valueLabel: controller?.store?.facets
-        .filter((facet) => facet.type === FacetType.VALUE)
-        .shift()
-        .values.shift().value }));
-NoFacetLabel.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-NoFacetLabel.args = {
-    hideFacetLabel: true,
-};