@searchspring/snap-preact-components 0.46.0 → 0.47.0

package/dist/esm/components/Organisms/Facet/Facet.stories.d.ts

@@ -1,369 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { FacetProps } from './Facet';
-import type { SearchController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: ((properties: FacetProps) => 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;
-            };
-        };
-        limit: {
-            defaultValue: number;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: number;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableOverflow: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        searchable: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        iconColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableCollapse: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        iconExpand: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        iconCollapse: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        showMoreText: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        showLessText: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        iconOverflowMore: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        iconOverflowLess: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        overflowSlot: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        optionsSlot: {
-            description: string;
-            table: {
-                type: {
-                    summary: 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;
-            };
-        };
-        fields: {
-            defaultValue: {};
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const List: {
-    (args: FacetProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-export declare const Slider: {
-    (args: FacetProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-export declare const Palette: {
-    (args: FacetProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-export declare const Grid: {
-    (args: FacetProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-export declare const Hierarchy: {
-    (args: FacetProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-};
-//# sourceMappingURL=Facet.stories.d.ts.map

package/dist/esm/components/Organisms/Facet/Facet.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Facet.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Facet/Facet.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAM5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAgB5D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA6NE;AAUF,eAAO,MAAM,IAAI;WAAU,UAAU;;wBAAsD,gBAAgB;;;;;;CAE1G,CAAC;AAiBF,eAAO,MAAM,MAAM;WAAU,UAAU;;wBAAsD,gBAAgB;;;;;;CAE5G,CAAC;AAiBF,eAAO,MAAM,OAAO;WAAU,UAAU;;wBAAsD,gBAAgB;;;;;;CAE7G,CAAC;AAiBF,eAAO,MAAM,IAAI;WAAU,UAAU;;wBAAsD,gBAAgB;;;;;;CAE1G,CAAC;AAiBF,eAAO,MAAM,SAAS;WAAU,UAAU;;wBAAsD,gBAAgB;;;;;;CAE/G,CAAC"}

package/dist/esm/components/Organisms/Facet/Facet.stories.js

@@ -1,292 +0,0 @@
-import { h } from 'preact';
-import { observer } from 'mobx-react';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Facet } from './Facet';
-import { iconPaths } from '../../Atoms/Icon';
-import { FacetDisplay } from '../../../types';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import Readme from '../Facet/readme.md';
-export default {
-    title: `Organisms/Facet`,
-    component: Facet,
-    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' },
-        },
-        limit: {
-            defaultValue: 12,
-            description: 'Number of facet options to display',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-                defaultValue: { summary: 12 },
-            },
-            control: { type: 'number' },
-        },
-        disableOverflow: {
-            defaultValue: false,
-            description: 'Enable the use of an overflow (show more/less)',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        searchable: {
-            defaultValue: false,
-            description: 'Enables facet search within functionality',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        color: {
-            description: 'Select color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        iconColor: {
-            description: 'Select icon color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '#333' },
-            },
-            control: { type: 'color' },
-        },
-        disableCollapse: {
-            description: 'Disable collapse - used with internal state only',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        iconExpand: {
-            defaultValue: 'angle-down',
-            description: 'Icon for when facet is collapsed',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'angle-down' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        iconCollapse: {
-            defaultValue: 'angle-up',
-            description: 'Icon for when facet is expanded',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'angle-up' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        showMoreText: {
-            defaultValue: 'Show More',
-            description: "Change 'Show More' button text",
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'Show More' },
-            },
-            control: { type: 'text' },
-        },
-        showLessText: {
-            defaultValue: 'Show Less',
-            description: "Change 'Show Less' button text",
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'Show Less' },
-            },
-            control: { type: 'text' },
-        },
-        iconOverflowMore: {
-            defaultValue: 'plus',
-            description: 'Icon for when facet can show more',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'plus' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        iconOverflowLess: {
-            defaultValue: 'minus',
-            description: 'Icon for when facet can show less',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'minus' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        overflowSlot: {
-            description: 'Slot for custom overflow (show more/less) button',
-            table: {
-                type: {
-                    summary: 'component',
-                },
-            },
-        },
-        optionsSlot: {
-            description: 'Slot for custom facet option components',
-            table: {
-                type: {
-                    summary: 'component',
-                },
-            },
-        },
-        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' },
-        },
-        fields: {
-            defaultValue: {},
-            description: 'Change props per facet',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-            },
-            control: {
-                type: 'object',
-            },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'Facet', globals: { siteId: '8uyt2m' } });
-// List Facet
-const ObservableListFacet = observer(({ args, controller }) => {
-    return h(Facet, { ...args, facet: controller?.store?.facets.filter((facet) => facet.display === FacetDisplay.LIST).shift() });
-});
-export const List = (args, { loaded: { controller } }) => (h(ObservableListFacet, { args: args, controller: controller }));
-List.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-// Slider Facet
-const ObservableSliderFacet = observer(({ args, controller }) => {
-    return h(Facet, { ...args, facet: controller?.store?.facets.filter((facet) => facet.display === FacetDisplay.SLIDER).shift() });
-});
-export const Slider = (args, { loaded: { controller } }) => (h(ObservableSliderFacet, { args: args, controller: controller }));
-Slider.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-// Palette Facet
-const ObservablePaletteFacet = observer(({ args, controller }) => {
-    return h(Facet, { ...args, facet: controller?.store?.facets.filter((facet) => facet.display === FacetDisplay.PALETTE).shift() });
-});
-export const Palette = (args, { loaded: { controller } }) => (h(ObservablePaletteFacet, { args: args, controller: controller }));
-Palette.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-// Grid Facet
-const ObservableGridFacet = observer(({ args, controller }) => {
-    return h(Facet, { ...args, facet: controller?.store?.facets.filter((facet) => facet.field === 'size_dress').pop() });
-});
-export const Grid = (args, { loaded: { controller } }) => (h(ObservableGridFacet, { args: args, controller: controller }));
-Grid.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-// HIERARCHY Facet
-const ObservableHierarchyFacet = observer(({ args, controller }) => {
-    const facet = controller?.store?.facets.filter((facet) => facet.display === FacetDisplay.HIERARCHY).shift();
-    return h(Facet, { ...args, facet: facet });
-});
-export const Hierarchy = (args, { loaded: { controller } }) => (h(ObservableHierarchyFacet, { args: args, controller: controller }));
-Hierarchy.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];