@searchspring/snap-preact-components 0.45.1 → 0.47.0

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

@@ -1,172 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Carousel } from './Carousel';
-import { Icon, iconPaths } from '../../Atoms/Icon';
-import { componentArgs, shiftColor } from '../../../utilities';
-import Readme from './readme.md';
-export default {
-    title: `Molecules/Carousel`,
-    component: Carousel,
-    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: {
-        loop: {
-            defaultValue: true,
-            description: 'Carousel slides loop',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        },
-        pagination: {
-            defaultValue: false,
-            description: 'Configuration for pagination dots',
-            table: {
-                type: {
-                    summary: 'boolean | SwiperOptions.pagination',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean | SwiperOptions.pagination' },
-        },
-        vertical: {
-            defaultValue: false,
-            description: 'Carousel vertical slide direction',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        modules: {
-            description: 'Additional Swiper modules',
-            table: {
-                type: {
-                    summary: 'SwiperModule[]',
-                },
-                defaultValue: { summary: '[Navigation, Pagination]' },
-            },
-        },
-        hideButtons: {
-            defaultValue: false,
-            description: 'Hide prev/next buttons',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        prevButton: {
-            description: 'Previous button',
-            table: {
-                type: {
-                    summary: 'string | JSX Element',
-                },
-            },
-            control: { type: 'text' },
-        },
-        nextButton: {
-            description: 'Next button',
-            table: {
-                type: {
-                    summary: 'string | JSX Element',
-                },
-            },
-            control: { type: 'text' },
-        },
-        breakpoints: {
-            defaultValue: undefined,
-            description: 'Carousel breakpoints',
-            table: {
-                type: {
-                    summary: 'object',
-                },
-                defaultValue: { summary: 'Breakpoint object' },
-            },
-            control: { type: 'object' },
-        },
-        autoAdjustSlides: {
-            defaultValue: true,
-            description: 'If true and children length is less than the current breakpoint slidesPerView value, slidesPerView and slidesPerGroup will be set to the children length and loop to false',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        },
-        onNextButtonClick: {
-            description: 'Carousel next button click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onNextButtonClick',
-        },
-        onPrevButtonClick: {
-            description: 'Carousel prev button click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onPrevButtonClick',
-        },
-        onClick: {
-            description: 'Carousel onClick event handler (Swiper)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        onInit: {
-            description: 'Carousel onInit event handler (Swiper)',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onInit',
-        },
-        ...componentArgs,
-    },
-};
-const colors = Array.from(Array(9).keys());
-export const Colors = (props) => {
-    return (h(Carousel, { ...props }, colors.map((number, index) => (h("div", { style: { height: '100px', width: '100px', background: shiftColor('#3a23ad', (index + `111`).padStart(6, '0')), margin: '0 auto' } })))));
-};
-Colors.args = {
-    pagination: true,
-    hideButtons: true,
-    loop: false,
-};
-export const Icons = (props) => {
-    return (h(Carousel, { ...props }, Object.keys(iconPaths).map((icon, index) => {
-        return (h("div", { style: { margin: '0 auto', textAlign: 'center' } },
-            h(Icon, { icon: icon, color: shiftColor('#3a23ad', (index + '111').padStart(6, '1')), size: "80px", style: { padding: '20px' } }),
-            h("div", { style: "text-align: center" }, icon)));
-    })));
-};

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

@@ -1,221 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { CheckboxProps } from './Checkbox';
-declare const _default: {
-    title: string;
-    component: ((properties: CheckboxProps) => 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;
-            };
-        };
-        checked: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        disabled: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        icon: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        color: {
-            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;
-            };
-        };
-        startChecked: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        native: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        disableA11y: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: CheckboxProps) => h.JSX.Element;
-export declare const Disabled: {
-    (args: CheckboxProps): h.JSX.Element;
-    args: {
-        checked: boolean;
-        disabled: boolean;
-    };
-};
-export declare const Native: {
-    (args: CheckboxProps): h.JSX.Element;
-    args: {
-        native: boolean;
-    };
-};
-//# sourceMappingURL=Checkbox.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKrD,wBAwHE;AAEF,eAAO,MAAM,OAAO,SAAU,aAAa,kBAA2B,CAAC;AAEvE,eAAO,MAAM,QAAQ;WAAU,aAAa;;;;;CAA2B,CAAC;AAMxE,eAAO,MAAM,MAAM;WAAU,aAAa;;;;CAA2B,CAAC"}

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

@@ -1,134 +0,0 @@
-import { h } from 'preact';
-import { ArgsTable, PRIMARY_STORY } from '@storybook/addon-docs/blocks';
-import { Checkbox } from './Checkbox';
-import { iconPaths } from '../../Atoms/Icon';
-import { componentArgs } from '../../../utilities';
-import Readme from '../Checkbox/readme.md';
-export default {
-    title: `Molecules/Checkbox`,
-    component: Checkbox,
-    parameters: {
-        docs: {
-            page: () => (h("div", null,
-                h(Readme, null),
-                h(ArgsTable, { story: PRIMARY_STORY }))),
-        },
-    },
-    argTypes: {
-        checked: {
-            description: 'Checkbox is checked (externally managed state)',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        disabled: {
-            description: 'Checkbox is disabled',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        size: {
-            defaultValue: '12px',
-            description: 'Checkbox size',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '12px' },
-            },
-            control: { type: 'text' },
-        },
-        icon: {
-            defaultValue: 'check-thin',
-            description: 'Icon name',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'check-thin' },
-            },
-            control: {
-                type: 'select',
-                options: [...Object.keys(iconPaths)],
-            },
-        },
-        color: {
-            description: 'Checkbox color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.primary' },
-            },
-            control: { type: 'color' },
-        },
-        iconColor: {
-            description: 'Checkbox icon color. Overwrites color.',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.primary' },
-            },
-            control: { type: 'color' },
-        },
-        startChecked: {
-            description: 'Checkbox is checked initially (internally managed state)',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        native: {
-            description: 'Render as unstyled native checkbox',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        onClick: {
-            description: 'Checkbox click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        },
-        disableA11y: {
-            description: 'boolean to disable autoset ally properties',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: false },
-            },
-            control: { type: 'boolean' },
-        },
-        ...componentArgs,
-    },
-};
-export const Default = (args) => h(Checkbox, { ...args });
-export const Disabled = (args) => h(Checkbox, { ...args });
-Disabled.args = {
-    checked: true,
-    disabled: true,
-};
-export const Native = (args) => h(Checkbox, { ...args });
-Native.args = {
-    native: true,
-};

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

@@ -1,153 +0,0 @@
-/// <reference types="react" />
-import { h } from 'preact';
-import { ErrorType } from '@searchspring/snap-store-mobx';
-import { ErrorHandlerProps } from './ErrorHandler';
-declare const _default: {
-    title: string;
-    component: ((properties: ErrorHandlerProps) => 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;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        error: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onRetryClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Warning: {
-    (args: ErrorHandlerProps): h.JSX.Element;
-    args: {
-        controller: {
-            store: {
-                error: {
-                    code: number;
-                    type: ErrorType;
-                    message: string;
-                };
-            };
-        };
-    };
-};
-export declare const Error: {
-    (args: ErrorHandlerProps): h.JSX.Element;
-    args: {
-        controller: {
-            store: {
-                error: {
-                    code: number;
-                    type: ErrorType;
-                    message: string;
-                };
-            };
-        };
-    };
-};
-export declare const Info: {
-    (args: ErrorHandlerProps): h.JSX.Element;
-    args: {
-        controller: {
-            store: {
-                error: {
-                    code: number;
-                    type: ErrorType;
-                    message: string;
-                };
-            };
-        };
-    };
-};
-export declare const CustomError: {
-    (args: ErrorHandlerProps): h.JSX.Element;
-    args: {
-        error: {
-            type: ErrorType;
-            message: string;
-        };
-    };
-};
-//# sourceMappingURL=ErrorHandler.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAG3B,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;;;;;;;;;;;yBAkBvD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBAuDE;AAEF,eAAO,MAAM,OAAO;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa/E,eAAO,MAAM,KAAK;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa7E,eAAO,MAAM,IAAI;WAAU,iBAAiB;;;;;;;;;;;;CAA+B,CAAC;AAa5E,eAAO,MAAM,WAAW;WAAU,iBAAiB;;;;;;;CAA+B,CAAC"}