@searchspring/snap-preact-components 0.20.0

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

@@ -0,0 +1,174 @@
+import { h } from 'preact';
+import { Slideout } from './Slideout';
+declare const _default: {
+    title: string;
+    component: typeof Slideout;
+    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: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        slideDirection: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        displayAt: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        buttonContent: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        transitionSpeed: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        overlayColor: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+//# sourceMappingURL=Slideout.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slideout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/Slideout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBA6FE;AAQF,eAAO,MAAM,OAAO,KAAuB,CAAC"}

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

@@ -0,0 +1,102 @@
+import { h } from 'preact';
+import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
+import { Slideout } from './Slideout';
+import { componentArgs } from '../../../utilities';
+import Readme from '../Slideout/readme.md';
+export default {
+    title: `Molecules/Slideout`,
+    component: Slideout,
+    parameters: {
+        docs: {
+            page: () => (h("div", null,
+                h(Readme, null),
+                h(ArgsTable, { story: PRIMARY_STORY }))),
+        },
+    },
+    argTypes: {
+        active: {
+            description: 'Slideout is active',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        },
+        slideDirection: {
+            defaultValue: 'left',
+            description: 'Slideout slide direction',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'left' },
+            },
+            control: { type: 'text' },
+        },
+        width: {
+            defaultValue: '300px',
+            description: 'Slideout width',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '300px' },
+            },
+            control: { type: 'text' },
+        },
+        displayAt: {
+            defaultValue: '',
+            description: 'Media query for when to render this component',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '' },
+            },
+            control: { type: 'text' },
+        },
+        buttonContent: {
+            defaultValue: 'click me',
+            description: 'Slideout button content (children), appended to buttonText',
+            table: {
+                type: {
+                    summary: 'string, jsx',
+                },
+                defaultValue: { summary: 'click me' },
+            },
+            control: { type: 'text' },
+        },
+        transitionSpeed: {
+            defaultValue: '0.25s',
+            description: 'Overlay opening/closing transition speed',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '0.25s' },
+            },
+            control: { type: 'text' },
+        },
+        overlayColor: {
+            defaultValue: 'rgba(0,0,0,0.8)',
+            description: 'Slideout overlay color',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: 'rgba(0,0,0,0.8)' },
+            },
+            control: { type: 'color' },
+        },
+        ...componentArgs,
+    },
+};
+const _HelloWorld = (args) => (h(Slideout, { ...args },
+    h("div", null, "props.children will be rendered here")));
+export const Default = _HelloWorld.bind({});
+Default.args = {
+    active: true,
+};

package/dist/esm/components/Molecules/Slideout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Slideout';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Molecules/Slideout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Slideout/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/esm/components/Molecules/Slideout/index.js

@@ -0,0 +1 @@
+export * from './Slideout';

package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import type { AutocompleteController } from '@searchspring/snap-controller';
+import { BreakpointsProps } from '../../Organisms/Results';
+import { ComponentProps } from '../../../types';
+export declare const Autocomplete: ((properties: AutocompleteProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface AutocompleteProps extends ComponentProps {
+    input: Element | string;
+    hideTerms?: boolean;
+    hideFacets?: boolean;
+    hideContent?: boolean;
+    hideBanners?: boolean;
+    hideLink?: boolean;
+    horizontalTerms?: boolean;
+    vertical?: boolean;
+    termsTitle?: string;
+    trendingTitle?: string;
+    facetsTitle?: string;
+    contentTitle?: string;
+    viewportMaxHeight?: boolean;
+    termsSlot?: JSX.Element;
+    facetsSlot?: JSX.Element;
+    contentSlot?: JSX.Element;
+    resultsSlot?: JSX.Element;
+    noResultsSlot?: JSX.Element;
+    linkSlot?: JSX.Element;
+    breakpoints?: BreakpointsProps;
+    controller: AutocompleteController;
+    width?: string;
+}
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/esm/components/Organisms/Autocomplete/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/Organisms/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAG5E,OAAO,EAAwB,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAKjF,OAAO,EAAc,cAAc,EAAgB,MAAM,gBAAgB,CAAC;AA2J1E,eAAO,MAAM,YAAY,gBAAyB,iBAAiB,KAAG,WAAW;;CAkX/E,CAAC;AAkCH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACxD,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}