@searchspring/snap-preact-components 0.45.1 → 0.47.0

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

@@ -1,137 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Results } from './Results';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import { Layout } from '../../../types';
-import Readme from './readme.md';
-export default {
-    title: `Organisms/Results`,
-    component: Results,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    decorators: [
-        (Story) => (h("div", { style: {
-                maxWidth: '900px',
-            } },
-            h(Story, null))),
-    ],
-    argTypes: {
-        results: {
-            description: 'Results store reference',
-            type: { required: false },
-            table: {
-                type: {
-                    summary: 'Results store object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        layout: {
-            description: 'Results layout',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: {
-                type: 'select',
-                options: [Layout.GRID, Layout.LIST],
-            },
-        },
-        columns: {
-            defaultValue: 4,
-            description: 'Number of columns in results grid',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-                defaultValue: { summary: 4 },
-            },
-            control: { type: 'number' },
-        },
-        rows: {
-            description: 'Number of rows in results grid - adding this will put a hard limit on the results',
-            table: {
-                type: {
-                    summary: 'number',
-                },
-            },
-            control: { type: 'number' },
-        },
-        gapSize: {
-            defaultValue: '20px',
-            description: 'Gap size between rows and columns',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '20px' },
-            },
-            control: { type: 'text' },
-        },
-        breakpoints: {
-            defaultValue: {
-                0: {
-                    columns: 1,
-                },
-                540: {
-                    columns: 2,
-                },
-                768: {
-                    columns: 3,
-                },
-                991: {
-                    columns: 4,
-                },
-            },
-            description: 'Breakpoints options object',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-            },
-            control: {
-                type: 'object',
-            },
-        },
-        controller: {
-            description: 'Controller reference',
-            table: {
-                type: {
-                    summary: 'Controller',
-                },
-            },
-            control: { type: 'none' },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'Results', globals: { siteId: '8uyt2m' } });
-export const Grid = (args, { loaded: { controller } }) => {
-    return h(Results, { ...args, controller: controller, results: controller?.store?.results });
-};
-Grid.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-export const List = (args, { loaded: { controller } }) => {
-    return h(Results, { ...args, controller: controller, results: controller?.store?.results, layout: Layout.LIST });
-};
-List.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];

package/dist/esm/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.stories.d.ts

@@ -1,94 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { RecommendationProfileTrackerProps } from './RecommendationProfileTracker';
-import type { RecommendationController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: ((properties: RecommendationProfileTrackerProps) => 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;
-            };
-        };
-        controller: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (props: RecommendationProfileTrackerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: RecommendationController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: RecommendationController;
-    }>)[];
-};
-//# sourceMappingURL=RecommendationProfileTracker.stories.d.ts.map

package/dist/esm/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecommendationProfileTracker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAgC,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAIjH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI9E,wBA2BE;AAIF,eAAO,MAAM,OAAO;YACZ,iCAAiC;;wBACY,wBAAwB;;;;;;CAY5E,CAAC"}

package/dist/esm/components/Trackers/Recommendation/ProfileTracker/RecommendationProfileTracker.stories.js

@@ -1,48 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { RecommendationProfileTracker } from './RecommendationProfileTracker';
-import { componentArgs } from '../../../../utilities';
-import Readme from '../ProfileTracker/readme.md';
-import { Snapify } from '../../../../utilities/snapify';
-import { Carousel } from '../../../Molecules/Carousel';
-import { Result } from '../../../Molecules/Result';
-export default {
-    title: `Trackers/Recommendation/Profile`,
-    component: RecommendationProfileTracker,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        controller: {
-            description: 'Recommendation Controller reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'Controller',
-                },
-            },
-            control: { type: 'none' },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.recommendation({ id: 'Recommendation', tag: 'trending', globals: { siteId: '8uyt2m' } });
-export const Default = (props, { loaded: { controller } }) => {
-    return (h(RecommendationProfileTracker, { ...props, controller: controller },
-        h("h2", null, "Recommended for You"),
-        h(Carousel, null, controller.store.results.map((result, idx) => {
-            return h(Result, { result: result, key: idx });
-        }))));
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.stories.d.ts

@@ -1,109 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { RecommendationResultTrackerProps } from './RecommendationResultTracker';
-import type { RecommendationController } from '@searchspring/snap-controller';
-declare const _default: {
-    title: string;
-    component: ((properties: RecommendationResultTrackerProps) => 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;
-            };
-        };
-        controller: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        result: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (props: RecommendationResultTrackerProps, { loaded: { controller } }: {
-        loaded: {
-            controller: RecommendationController;
-        };
-    }): h.JSX.Element;
-    loaders: (() => Promise<{
-        controller: RecommendationController;
-    }>)[];
-};
-//# sourceMappingURL=RecommendationResultTracker.stories.d.ts.map

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecommendationResultTracker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAA+B,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAI9G,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;;;;;yBAiBpE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA4CE;AAIF,eAAO,MAAM,OAAO;YACZ,gCAAgC;;wBACa,wBAAwB;;;;;;CAO5E,CAAC"}

package/dist/esm/components/Trackers/Recommendation/ResultTracker/RecommendationResultTracker.stories.js

@@ -1,58 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { RecommendationResultTracker } from './RecommendationResultTracker';
-import { componentArgs } from '../../../../utilities';
-import Readme from '../ResultTracker/readme.md';
-import { Snapify } from '../../../../utilities/snapify';
-import { Result } from '../../../Molecules/Result';
-export default {
-    title: `Trackers/Recommendation/Result`,
-    component: RecommendationResultTracker,
-    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: {
-        controller: {
-            description: 'Recommendation Controller reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'Controller',
-                },
-            },
-            control: { type: 'none' },
-        },
-        result: {
-            description: 'Result store Product reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'result store Product object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.recommendation({ id: 'Recommendation', tag: 'trending', globals: { siteId: '8uyt2m' } });
-export const Default = (props, { loaded: { controller } }) => {
-    return (h(RecommendationResultTracker, { ...props, controller: controller, result: controller?.store?.results[0] },
-        h(Result, { result: controller?.store?.results[0] })));
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];