@searchspring/snap-preact-components 0.46.0 → 0.47.0

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

@@ -1,245 +0,0 @@
-import { h } from 'preact';
-import { observer } from 'mobx-react';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Select } from './Select';
-import { componentArgs } from '../../../utilities';
-import { Snapify } from '../../../utilities/snapify';
-import { iconPaths } from '../../Atoms/Icon';
-import Readme from '../Select/readme.md';
-export default {
-    title: `Molecules/Select`,
-    component: Select,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        options: {
-            description: 'Select options from store reference',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'Array of Option objects',
-                },
-            },
-            control: { type: 'none' },
-        },
-        selected: {
-            description: 'Current selected options from store reference',
-            table: {
-                type: {
-                    summary: 'Option object',
-                },
-            },
-            control: { type: 'none' },
-        },
-        disabled: {
-            description: 'Disable select',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        label: {
-            description: 'Header label',
-            table: {
-                type: {
-                    summary: 'string, JSX',
-                },
-            },
-            control: { type: 'text' },
-        },
-        clearSelection: {
-            description: 'Unselect label',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        },
-        hideLabelOnSelection: {
-            description: 'Hide label when selection has been made (non-native only)',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        separator: {
-            defaultValue: ': ',
-            description: 'Select delimiter',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: ': ' },
-            },
-            control: { type: 'text' },
-        },
-        color: {
-            description: 'Select color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'color' },
-        },
-        borderColor: {
-            description: 'Select border color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '#333' },
-            },
-            control: { type: 'color' },
-        },
-        backgroundColor: {
-            description: 'Select background color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '#FFF' },
-            },
-            control: { type: 'color' },
-        },
-        iconColor: {
-            description: 'Select icon color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '#333' },
-            },
-            control: { type: 'color' },
-        },
-        iconOpen: {
-            defaultValue: 'angle-down',
-            description: 'Icon for when select is closed',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'angle-down' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        iconClose: {
-            defaultValue: 'angle-up',
-            description: 'Icon for when select is open',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'angle-up' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        stayOpenOnSelection: {
-            defaultValue: false,
-            description: 'Keep dropdown open when an option is selected',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        startOpen: {
-            defaultValue: false,
-            description: 'Open on initial render',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        native: {
-            defaultValue: false,
-            description: 'Use native select element',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        disableClickOutside: {
-            defaultValue: false,
-            description: 'Ignore clicks outside of element',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        onSelect: {
-            description: 'Select onSelect event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onSelect',
-        },
-        ...componentArgs,
-    },
-};
-const snapInstance = Snapify.search({ id: 'Select', globals: { siteId: '8uyt2m' } });
-const ObservableSelect = observer(({ args, controller }) => {
-    return (h(Select, { ...args, options: controller?.store?.sorting?.options, selected: controller?.store?.sorting?.current, onSelect: (e, selectedOption) => {
-            selectedOption && selectedOption.url.go();
-        } }));
-});
-export const Default = (args, { loaded: { controller } }) => {
-    return h(ObservableSelect, { args: args, controller: controller });
-};
-Default.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Default.args = {
-    label: 'Sort By',
-};
-export const Native = (args, { loaded: { controller } }) => {
-    return h(ObservableSelect, { args: args, controller: controller });
-};
-Native.loaders = [
-    async () => {
-        await snapInstance.search();
-        return {
-            controller: snapInstance,
-        };
-    },
-];
-Native.args = {
-    label: 'Sort By',
-    native: true,
-};

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

@@ -1,190 +0,0 @@
-import { h } from 'preact';
-import { Slideout, SlideoutProps } 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;
-            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;
-            };
-        };
-        noButtonWrapper: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: SlideoutProps): h.JSX.Element;
-    args: {
-        active: boolean;
-    };
-};
-//# sourceMappingURL=Slideout.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"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,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIrD,wBAsGE;AAEF,eAAO,MAAM,OAAO;WAAU,aAAa;;;;CAI1C,CAAC"}

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

@@ -1,110 +0,0 @@
-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: 'Initial state of the slideout.',
-            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' },
-        },
-        noButtonWrapper: {
-            description: 'Prevent the wrapper element from rendering (this element has the onClick handler to toggle the state)',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (args) => (h(Slideout, { ...args },
-    h("div", null, "props.children will be rendered here")));
-Default.args = {
-    active: true,
-};