@searchspring/snap-preact-components 0.46.0 → 0.48.0

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

@@ -1,175 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Result } from './Result';
-import { FALLBACK_IMAGE_URL } from '../../Atoms/Image';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import Readme from '../Result/readme.md';
-import { Layout } from '../../../types';
-export default {
-    title: `Molecules/Result`,
-    component: Result,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    decorators: [
-        (Story) => (h("div", { style: { maxWidth: '250px' } },
-            h(Story, null))),
-    ],
-    argTypes: {
-        result: {
-            description: 'Result store Product reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'result store Product object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        hideBadge: {
-            description: 'Hide badge',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        hideTitle: {
-            description: 'Hide title',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        hidePricing: {
-            description: 'Hide pricing',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        hideImage: {
-            description: 'Hide image',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        detailSlot: {
-            description: 'Slot for more product details (under price)',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        fallback: {
-            defaultValue: '',
-            description: 'Fallback image url',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: FALLBACK_IMAGE_URL },
-            },
-            control: { type: 'text' },
-        },
-        truncateTitle: {
-            defaultValue: {},
-            description: 'truncate title options object',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-            },
-            control: {
-                type: 'object',
-            },
-        },
-        layout: {
-            description: 'Results layout',
-            defaultValue: Layout.GRID,
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: {
-                type: 'select',
-                options: [Layout.GRID, Layout.LIST],
-            },
-        },
-        onClick: {
-            description: 'Custom onClick event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        controller: {
-            description: 'Controller reference',
-            table: {
-                type: {
-                    summary: 'Controller',
-                },
-            },
-            control: { type: 'none' },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'Result', globals: { siteId: '8uyt2m' } });
-export const Default = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-export const hideSections = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
-hideSections.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-hideSections.args = {
-    hideBadge: true,
-    hideTitle: true,
-    hidePricing: true,
-};
-export const truncateTitle = (args, { loaded: { controller } }) => (h(Result, { ...args, result: controller?.store?.results[0] }));
-truncateTitle.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-truncateTitle.args = {
-    truncateTitle: { limit: 5, append: '...' },
-};

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

@@ -1,109 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { SearchInputProps } from './SearchInput';
-declare const _default: {
-    title: string;
-    component: ((properties: SearchInputProps) => 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;
-            };
-        };
-        onChange: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        hideIcon: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        placeholder: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: SearchInputProps) => h.JSX.Element;
-//# sourceMappingURL=SearchInput.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;yBAkBpD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA0DE;AACF,eAAO,MAAM,OAAO,SAAU,gBAAgB,kBAA8B,CAAC"}

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

@@ -1,57 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { SearchInput } from './SearchInput';
-import { componentArgs } from '../../../utilities';
-import Readme from './readme.md';
-export default {
-    title: `Molecules/SearchInput`,
-    component: SearchInput,
-    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: {
-        onChange: {
-            description: 'Onchange Callback',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onChange',
-        },
-        hideIcon: {
-            description: 'Hides icon',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        placeholder: {
-            defaultValue: 'Search',
-            description: 'Display placeholder text',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'Search' },
-            },
-            control: { type: 'text' },
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (args) => h(SearchInput, { ...args });

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

@@ -1,341 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { SelectProps } from './Select';
-import type { SearchController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: ((properties: SelectProps) => 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;
-            };
-        };
-        options: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        selected: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        label: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        clearSelection: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hideLabelOnSelection: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        separator: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        borderColor: {
-            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;
-            };
-        };
-        iconColor: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        iconOpen: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        iconClose: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        stayOpenOnSelection: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        startOpen: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        native: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disableClickOutside: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onSelect: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: SelectProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        label: string;
-    };
-};
-export declare const Native: {
-    (args: SelectProps, { loaded: { controller } }: {
-        loaded: {
-            controller: SearchController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: SearchController;
-    }>)[];
-    args: {
-        label: string;
-        native: boolean;
-    };
-};
-//# sourceMappingURL=Select.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Select/Select.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEtE,wBA4ME;AAiBF,eAAO,MAAM,OAAO;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;CAE9G,CAAC;AAcF,eAAO,MAAM,MAAM;WAAU,WAAW;;wBAAsD,gBAAgB;;;;;;;;;;CAE7G,CAAC"}