@searchspring/snap-preact-components 0.46.0 → 0.48.0

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

@@ -1,97 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { ErrorType } from '@searchspring/snap-store-mobx';
-import { ErrorHandler } from './ErrorHandler';
-import { componentArgs } from '../../../utilities';
-import Readme from './readme.md';
-export default {
-    title: `Molecules/ErrorHandler`,
-    component: ErrorHandler,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    decorators: [
-        (Story) => (h("div", { style: {
-                maxWidth: '900px',
-                height: '300px',
-            } },
-            h(Story, null))),
-    ],
-    argTypes: {
-        controller: {
-            description: 'Controller reference',
-            table: {
-                type: {
-                    summary: 'Controller object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        error: {
-            description: 'Error object containing message and type',
-            table: {
-                type: {
-                    summary: 'Error object',
-                },
-            },
-            control: { type: 'object' },
-        },
-        onRetryClick: {
-            description: 'Retry button click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onRetryClick',
-        },
-        ...componentArgs,
-    },
-};
-export const Warning = (args) => h(ErrorHandler, { ...args });
-Warning.args = {
-    controller: {
-        store: {
-            error: {
-                code: 429,
-                type: ErrorType.WARNING,
-                message: 'Too many requests try again later',
-            },
-        },
-    },
-};
-export const Error = (args) => h(ErrorHandler, { ...args });
-Error.args = {
-    controller: {
-        store: {
-            error: {
-                code: 500,
-                type: ErrorType.ERROR,
-                message: 'Invalid Search Request or Service Unavailable',
-            },
-        },
-    },
-};
-export const Info = (args) => h(ErrorHandler, { ...args });
-Info.args = {
-    controller: {
-        store: {
-            error: {
-                code: 200,
-                type: ErrorType.INFO,
-                message: 'Something important happened',
-            },
-        },
-    },
-};
-export const CustomError = (args) => h(ErrorHandler, { ...args });
-CustomError.args = {
-    error: {
-        type: ErrorType.INFO,
-        message: 'Custom error using info type',
-    },
-};

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

@@ -1,176 +0,0 @@
-/// <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) & {
-        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;
-            };
-        };
-        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: 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 +0,0 @@
-{"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,wBA8FE;AAUF,eAAO,MAAM,OAAO;WAAU,qBAAqB;;wBAAsD,gBAAgB;;;;;;CAExH,CAAC"}

package/dist/esm/components/Molecules/FacetGridOptions/FacetGridOptions.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 { FacetGridOptions } from './FacetGridOptions';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import Readme from '../FacetGridOptions/readme.md';
-export default {
-    title: `Molecules/FacetGridOptions`,
-    component: FacetGridOptions,
-    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 grid',
-            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' },
-        },
-        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: 'FacetGridOptions', globals: { siteId: '8uyt2m' } });
-const ObservableFacetGridOptions = observer(({ args, controller }) => {
-    const sizeFacet = controller?.store?.facets.filter((facet) => facet.field == 'size_dress').pop();
-    return h(FacetGridOptions, { ...args, values: sizeFacet.values });
-});
-export const Default = (args, { loaded: { controller } }) => {
-    return h(ObservableFacetGridOptions, { args: args, controller: controller });
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];

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

@@ -1,161 +0,0 @@
-/// <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) & {
-        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;
-            };
-        };
-        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: 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 +0,0 @@
-{"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,wBAmFE;AAaF,eAAO,MAAM,OAAO;WAAU,0BAA0B;;wBAAsD,gBAAgB;;;;;;CAE7H,CAAC"}

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

@@ -1,105 +0,0 @@
-import { h } from 'preact';
-import { observer } from 'mobx-react';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { FacetHierarchyOptions } from './FacetHierarchyOptions';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import { FacetDisplay } from '../../../types';
-import Readme from '../FacetHierarchyOptions/readme.md';
-export default {
-    title: `Molecules/FacetHierarchyOptions`,
-    component: FacetHierarchyOptions,
-    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: 'object',
-                },
-            },
-            control: { type: 'object' },
-        },
-        facet: {
-            description: 'Facet store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'facet store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        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: 'FacetHierarchyOptions', globals: { siteId: '8uyt2m' } });
-const ObservableFacetHierarchyOptions = observer(({ args, controller }) => {
-    const hierarchyValues = controller?.store?.facets
-        .filter((facet) => facet.display === FacetDisplay.HIERARCHY)
-        .shift()
-        .values.slice(0, 12);
-    return h(FacetHierarchyOptions, { ...args, values: hierarchyValues });
-});
-export const Default = (args, { loaded: { controller } }) => {
-    return h(ObservableFacetHierarchyOptions, { args: args, controller: controller });
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];