@searchspring/snap-preact-components 0.45.1 → 0.47.0

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

@@ -1,176 +0,0 @@
-/// <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) & {
-        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;
-            };
-        };
-        values: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        facet: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideCheckbox: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideCount: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        previewOnFocus: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        valueProps: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-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 +0,0 @@
-{"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,wBA+FE;AAUF,eAAO,MAAM,OAAO;WAAU,qBAAqB;;wBAAsD,gBAAgB;;;;;;CAExH,CAAC"}

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

@@ -1,112 +0,0 @@
-import { h } from 'preact';
-import { observer } from 'mobx-react';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { FacetListOptions } from './FacetListOptions';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import Readme from '../FacetListOptions/readme.md';
-export default {
-    title: `Molecules/FacetListOptions`,
-    component: FacetListOptions,
-    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: {
-        values: {
-            description: 'Facet.values store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'facet values store array',
-                },
-            },
-            control: { type: 'none' },
-        },
-        facet: {
-            description: 'Facet store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'facet store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        hideCheckbox: {
-            defaultValue: false,
-            description: 'Hide facet option checkbox',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        hideCount: {
-            defaultValue: false,
-            description: 'Hide facet option count',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        previewOnFocus: {
-            description: 'Invoke facet value preview upon focus',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        valueProps: {
-            description: 'Object of facet value props',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-                defaultValue: { summary: '{}' },
-            },
-            control: { type: 'object' },
-        },
-        onClick: {
-            description: 'Facet option click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'FacetListOptions', globals: { siteId: '8uyt2m' } });
-const ObservableFacetListOptions = observer(({ args, controller }) => {
-    const brandFacet = controller?.store?.facets.filter((facet) => facet.field == 'brand').pop();
-    return h(FacetListOptions, { ...args, values: brandFacet.values });
-});
-export const Default = (args, { loaded: { controller } }) => {
-    return h(ObservableFacetListOptions, { args: args, controller: controller });
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];

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

@@ -1,204 +0,0 @@
-/// <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) & {
-        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;
-            };
-        };
-        values: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        facet: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        columns: {
-            defaultValue: number;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        gapSize: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideLabel: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideIcon: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        previewOnFocus: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        valueProps: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-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 +0,0 @@
-{"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,wBAkHE;AAUF,eAAO,MAAM,OAAO;WAAU,wBAAwB;;wBAAsD,gBAAgB;;;;;;CAE3H,CAAC"}

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

@@ -1,132 +0,0 @@
-import { h } from 'preact';
-import { observer } from 'mobx-react';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { FacetPaletteOptions } from './FacetPaletteOptions';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import Readme from '../FacetPaletteOptions/readme.md';
-export default {
-    title: `Molecules/FacetPaletteOptions`,
-    component: FacetPaletteOptions,
-    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: {
-        values: {
-            description: 'Facet.values store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'facet values store array',
-                },
-            },
-            control: { type: 'none' },
-        },
-        facet: {
-            description: 'Facet store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'facet store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        columns: {
-            defaultValue: 4,
-            description: 'Number of columns in palette',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-                defaultValue: { summary: 4 },
-            },
-            control: { type: 'number' },
-        },
-        gapSize: {
-            defaultValue: '8px',
-            description: 'Gap size between rows and columns',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '8px' },
-            },
-            control: { type: 'text' },
-        },
-        hideLabel: {
-            description: 'Hide facet option label',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        hideIcon: {
-            description: 'Hide facet option icon',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        previewOnFocus: {
-            description: 'Invoke facet value preview upon focus',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        valueProps: {
-            description: 'Object of facet value props',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-                defaultValue: { summary: '{}' },
-            },
-            control: { type: 'object' },
-        },
-        onClick: {
-            description: 'Facet option click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'FacetPaletteOptions', globals: { siteId: '8uyt2m' } });
-const ObservableFacetPaletteOptions = observer(({ args, controller }) => {
-    const sizeFacet = controller?.store?.facets.filter((facet) => facet.field == 'color_family').pop();
-    return h(FacetPaletteOptions, { ...args, values: sizeFacet.values });
-});
-export const Default = (args, { loaded: { controller } }) => {
-    return h(ObservableFacetPaletteOptions, { args: args, controller: controller });
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];