@searchspring/snap-preact-components 0.46.0 → 0.47.0

package/dist/esm/components/Atoms/Image/Image.stories.js

@@ -1,153 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Image, FALLBACK_IMAGE_URL } from './Image';
-import { componentArgs } from '../../../utilities';
-const searchResponse = {
-    product1: {
-        image: 'https://searchspring-demo-content.s3.amazonaws.com/demo/fashion/product_images_thumb_med/12_14_reddress11531_thumb_med.jpg',
-        name: 'Elevated Classic White Shirt Dress',
-    },
-    product2: {
-        image: 'https://searchspring-demo-content.s3.amazonaws.com/demo/fashion/product_images_thumb_med/110_lcp_9262_copyright_loganpotterf_2016_thumb_med.jpg',
-        name: 'Cambridge Classic White Shirt Dress',
-    },
-};
-import Readme from '../Image/readme.md';
-export default {
-    title: `Atoms/Image`,
-    component: Image,
-    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: {
-        src: {
-            description: 'Image url',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        alt: {
-            description: 'Image alt text',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        fallback: {
-            description: 'Fallback image url',
-            defaultValue: FALLBACK_IMAGE_URL,
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'string' },
-            },
-            control: { type: 'text' },
-        },
-        lazy: {
-            defaultValue: true,
-            description: 'Image lazy loading',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        },
-        hoverSrc: {
-            description: 'Image onHover url',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        onError: {
-            description: 'Image error event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onError',
-        },
-        onLoad: {
-            description: 'Image loaded event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onLoad',
-        },
-        onClick: {
-            description: 'Image click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        onMouseOver: {
-            description: 'Image mouse enter event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onMouseOver',
-        },
-        onMouseOut: {
-            description: 'Image mouse exit event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onMouseOut',
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (args) => h(Image, { ...args, style: { width: '100%' } });
-Default.args = {
-    src: searchResponse.product1.image,
-    alt: searchResponse.product1.name,
-};
-export const BrokenImg = (args) => h(Image, { ...args, style: { width: '100%' } });
-BrokenImg.args = {
-    src: 'intentionally_broken_image.jpg',
-    alt: searchResponse.product1.name,
-};
-export const ManualFallBack = (args) => h(Image, { ...args, style: { width: '100%' } });
-ManualFallBack.args = {
-    src: 'intentionally_broken_image.jpg',
-    alt: searchResponse.product1.name,
-    fallback: searchResponse.product1.image,
-};
-export const onhover = (args) => h(Image, { ...args, style: { width: '100%' } });
-onhover.args = {
-    src: searchResponse.product1.image,
-    alt: searchResponse.product1.name,
-    hoverSrc: searchResponse.product2.image,
-};

package/dist/esm/components/Atoms/Loading/LoadingBar.stories.d.ts

@@ -1,133 +0,0 @@
-import { h } from 'preact';
-import { LoadingBar, LoadingBarProps } from './LoadingBar';
-declare const _default: {
-    title: string;
-    component: typeof LoadingBar;
-    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;
-            };
-        };
-        active: {
-            defaultValue: boolean;
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        backgroundColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Active: {
-    (args: LoadingBarProps): h.JSX.Element;
-    args: {
-        active: boolean;
-    };
-};
-//# sourceMappingURL=LoadingBar.stories.d.ts.map

package/dist/esm/components/Atoms/Loading/LoadingBar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Loading/LoadingBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3D,wBA2DE;AAEF,eAAO,MAAM,MAAM;WAAU,eAAe;;;;CAA6B,CAAC"}

package/dist/esm/components/Atoms/Loading/LoadingBar.stories.js

@@ -1,66 +0,0 @@
-import { h } from 'preact';
-import { LoadingBar } from './LoadingBar';
-import { componentArgs } from '../../../utilities';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import Readme from '../Loading/readme.md';
-export default {
-    title: `Atoms/LoadingBar`,
-    component: LoadingBar,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        active: {
-            defaultValue: false,
-            description: 'LoadingBar is displayed',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        color: {
-            description: 'Bar color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.primary' },
-            },
-            control: { type: 'color' },
-        },
-        backgroundColor: {
-            description: 'Background color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.secondary' },
-            },
-            control: { type: 'color' },
-        },
-        height: {
-            defaultValue: '5px',
-            description: 'LoadingBar height',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '5px' },
-            },
-            control: { type: 'text' },
-        },
-        ...componentArgs,
-    },
-};
-export const Active = (args) => h(LoadingBar, { ...args });
-Active.args = {
-    active: true,
-};

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.stories.d.ts

@@ -1,148 +0,0 @@
-import { h } from 'preact';
-import { Banner, BannerProps } from './Banner';
-import { SearchController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: typeof Banner;
-    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;
-            };
-        };
-        content: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        type: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-    };
-};
-export default _default;
-export declare const Header: {
-    (args: BannerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        type: string;
-    };
-};
-export declare const Footer: {
-    (args: BannerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        type: string;
-    };
-};
-export declare const Secondary: {
-    (args: BannerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        type: string;
-    };
-};
-export declare const Left: {
-    (args: BannerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        type: string;
-    };
-};
-//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Atoms/Merchandising/Banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjE,wBAuCE;AAIF,eAAO,MAAM,MAAM;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE7G,CAAC;AAaF,eAAO,MAAM,MAAM;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE7G,CAAC;AAaF,eAAO,MAAM,SAAS;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAEhH,CAAC;AAaF,eAAO,MAAM,IAAI;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE3G,CAAC"}

package/dist/esm/components/Atoms/Merchandising/Banner/Banner.stories.js

@@ -1,92 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Banner } from './Banner';
-import { componentArgs } from '../../../../utilities';
-import { Snapify } from '../../../../utilities/snapify';
-import Readme from './readme.md';
-export default {
-    title: `Atoms/Banner`,
-    component: Banner,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        content: {
-            description: 'Banner content store reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'banner content store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        type: {
-            description: 'Banner position type',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: {
-                type: 'select',
-                options: ['header', 'footer', 'left', 'inline', 'banner'],
-            },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'Banner', globals: { siteId: '8uyt2m', search: { query: { string: 'glasses' } } } });
-export const Header = (args, { loaded: { controller } }) => (h(Banner, { ...args, content: controller?.store?.merchandising?.content }));
-Header.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Header.args = {
-    type: 'header',
-};
-export const Footer = (args, { loaded: { controller } }) => (h(Banner, { ...args, content: controller?.store?.merchandising?.content }));
-Footer.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Footer.args = {
-    type: 'footer',
-};
-export const Secondary = (args, { loaded: { controller } }) => (h(Banner, { ...args, content: controller?.store?.merchandising?.content }));
-Secondary.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Secondary.args = {
-    type: 'banner',
-};
-export const Left = (args, { loaded: { controller } }) => (h(Banner, { ...args, content: controller?.store?.merchandising?.content }));
-Left.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Left.args = {
-    type: 'left',
-};