@searchspring/snap-preact-components 0.45.1 → 0.47.0

package/dist/cjs/components/Atoms/Icon/Icon.stories.js

@@ -1,147 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gallery = exports.CustomPath = exports.Custom = exports.Default = void 0;
-var preact_1 = require("preact");
-var blocks_1 = require("@storybook/addon-docs/blocks");
-var Icon_1 = require("./Icon");
-var paths_1 = require("./paths");
-var utilities_1 = require("../../../utilities");
-var readme_md_1 = __importDefault(require("../Icon/readme.md"));
-exports.default = {
-    title: "Atoms/Icon",
-    component: Icon_1.Icon,
-    parameters: {
-        docs: {
-            page: function () { return ((0, preact_1.h)("div", null,
-                (0, preact_1.h)(readme_md_1.default, null),
-                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
-        },
-        actions: {
-            disabled: true,
-        },
-    },
-    argTypes: __assign({ icon: {
-            description: 'Icon name',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: {
-                type: 'select',
-                options: __spreadArray([], Object.keys(paths_1.iconPaths), true),
-            },
-        }, path: {
-            description: 'SVG path',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, color: {
-            description: 'Icon color',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'theme.colors.primary' },
-            },
-            control: { type: 'color' },
-        }, size: {
-            defaultValue: '16px',
-            description: 'Icon size',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '16px' },
-            },
-            control: { type: 'text' },
-        }, height: {
-            description: 'Icon height. Overwrites size.',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, width: {
-            description: 'Icon width. Overwrites size.',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, viewBox: {
-            description: 'SVG view box',
-            defaultValue: '0 0 56 56',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: '0 0 56 56' },
-            },
-            control: { type: 'text' },
-        } }, utilities_1.componentArgs),
-};
-var Default = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
-exports.Default = Default;
-exports.Default.args = {
-    icon: 'cogs',
-};
-var Custom = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
-exports.Custom = Custom;
-exports.Custom.args = {
-    color: '#00cee1',
-    icon: 'cog',
-    size: '60px',
-};
-var CustomPath = function (props) { return (0, preact_1.h)(Icon_1.Icon, __assign({}, props)); };
-exports.CustomPath = CustomPath;
-exports.CustomPath.args = {
-    path: 'M12.9,13.8C12.9,13.8,12.9,13.8,12.9,13.8c-0.1,0.1-0.3,0.2-0.5,0.2C4.5,17.9,1.9,28.8,6.6,38.5l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2C43.5,20.6,46.2,9.7,41.5,0L12.9,13.8zM8.6,42.1C8.6,42.1,8.6,42.1,8.6,42.1c-0.1,0.1-0.3,0.1-0.5,0.2C0.3,46.1-2.4,57,2.3,66.7l28.6-13.8 c0,0,0,0,0,0c0.2-0.1,0.3-0.1,0.5-0.2c7.9-3.8,10.5-14.8,5.8-24.4L8.6,42.1z',
-    size: '70px',
-    viewBox: '0 0 70 70',
-};
-var Gallery = function () {
-    return ((0, preact_1.h)("div", { style: 'display: flex; flex-wrap: wrap; font-family: "Nunito Sans",-apple-system,".SFNSText-Regular","San Francisco",BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 10px;' }, Object.keys(paths_1.iconPaths).map(function (icon, index) {
-        return ((0, preact_1.h)("div", { style: "margin-bottom: 40px;" },
-            (0, preact_1.h)(Icon_1.Icon, { icon: icon, color: (0, utilities_1.shiftColor)('#3a23ad', (index + '111').padStart(6, '1')), size: "40px", style: { padding: '20px' } }),
-            (0, preact_1.h)("div", { style: "text-align: center" }, icon)));
-    })));
-};
-exports.Gallery = Gallery;
-exports.Gallery.parameters = {
-    controls: {
-        expanded: false,
-        disabled: true,
-    },
-    options: {
-        showPanel: false,
-    },
-};

package/dist/cjs/components/Atoms/Image/Image.stories.d.ts

@@ -1,211 +0,0 @@
-import { h } from 'preact';
-import { Image, ImageProps } from './Image';
-declare const _default: {
-    title: string;
-    component: typeof Image;
-    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;
-            };
-        };
-        src: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        alt: {
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        fallback: {
-            description: string;
-            defaultValue: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        lazy: {
-            defaultValue: boolean;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        hoverSrc: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        onError: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onLoad: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onClick: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onMouseOver: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-        onMouseOut: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            action: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-    };
-};
-export declare const BrokenImg: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-    };
-};
-export declare const ManualFallBack: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-        fallback: string;
-    };
-};
-export declare const onhover: {
-    (args: ImageProps): h.JSX.Element;
-    args: {
-        src: string;
-        alt: string;
-        hoverSrc: string;
-    };
-};
-//# sourceMappingURL=Image.stories.d.ts.map

package/dist/cjs/components/Atoms/Image/Image.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,OAAO,EAAE,KAAK,EAAsB,UAAU,EAAE,MAAM,SAAS,CAAC;;;;;;;;;yBA+BtD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAdb,wBA2HE;AAEF,eAAO,MAAM,OAAO;WAAU,UAAU;;;;;CAAkD,CAAC;AAM3F,eAAO,MAAM,SAAS;WAAU,UAAU;;;;;CAAkD,CAAC;AAM7F,eAAO,MAAM,cAAc;WAAU,UAAU;;;;;;CAAkD,CAAC;AAOlG,eAAO,MAAM,OAAO;WAAU,UAAU;;;;;;CAAkD,CAAC"}

package/dist/cjs/components/Atoms/Image/Image.stories.js

@@ -1,162 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onhover = exports.ManualFallBack = exports.BrokenImg = exports.Default = void 0;
-var preact_1 = require("preact");
-var blocks_1 = require("@storybook/addon-docs/blocks");
-var Image_1 = require("./Image");
-var utilities_1 = require("../../../utilities");
-var searchResponse = {
-    product1: {
-        image: 'https://searchspring-demo-content.s3.amazonaws.com/demo/fashion/product_images_thumb_med/12_14_reddress11531_thumb_med.jpg',
-        name: 'Elevated Classic White Shirt Dress',
-    },
-    product2: {
-        image: 'https://searchspring-demo-content.s3.amazonaws.com/demo/fashion/product_images_thumb_med/110_lcp_9262_copyright_loganpotterf_2016_thumb_med.jpg',
-        name: 'Cambridge Classic White Shirt Dress',
-    },
-};
-var readme_md_1 = __importDefault(require("../Image/readme.md"));
-exports.default = {
-    title: "Atoms/Image",
-    component: Image_1.Image,
-    parameters: {
-        docs: {
-            page: function () { return ((0, preact_1.h)("div", null,
-                (0, preact_1.h)(readme_md_1.default, null),
-                (0, preact_1.h)(blocks_1.ArgsTable, { story: blocks_1.PRIMARY_STORY }))); },
-        },
-    },
-    decorators: [
-        function (Story) { return ((0, preact_1.h)("div", { style: {
-                maxWidth: '300px',
-            } },
-            (0, preact_1.h)(Story, null))); },
-    ],
-    argTypes: __assign({ src: {
-            description: 'Image url',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, alt: {
-            description: 'Image alt text',
-            type: { required: true },
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, fallback: {
-            description: 'Fallback image url',
-            defaultValue: Image_1.FALLBACK_IMAGE_URL,
-            table: {
-                type: {
-                    summary: 'string',
-                },
-                defaultValue: { summary: 'string' },
-            },
-            control: { type: 'text' },
-        }, lazy: {
-            defaultValue: true,
-            description: 'Image lazy loading',
-            table: {
-                type: {
-                    summary: 'boolean',
-                },
-                defaultValue: { summary: true },
-            },
-            control: { type: 'boolean' },
-        }, hoverSrc: {
-            description: 'Image onHover url',
-            table: {
-                type: {
-                    summary: 'string',
-                },
-            },
-            control: { type: 'text' },
-        }, onError: {
-            description: 'Image error event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onError',
-        }, onLoad: {
-            description: 'Image loaded event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onLoad',
-        }, onClick: {
-            description: 'Image click event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onClick',
-        }, onMouseOver: {
-            description: 'Image mouse enter event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onMouseOver',
-        }, onMouseOut: {
-            description: 'Image mouse exit event handler',
-            table: {
-                type: {
-                    summary: 'function',
-                },
-            },
-            action: 'onMouseOut',
-        } }, utilities_1.componentArgs),
-};
-var Default = function (args) { return (0, preact_1.h)(Image_1.Image, __assign({}, args, { style: { width: '100%' } })); };
-exports.Default = Default;
-exports.Default.args = {
-    src: searchResponse.product1.image,
-    alt: searchResponse.product1.name,
-};
-var BrokenImg = function (args) { return (0, preact_1.h)(Image_1.Image, __assign({}, args, { style: { width: '100%' } })); };
-exports.BrokenImg = BrokenImg;
-exports.BrokenImg.args = {
-    src: 'intentionally_broken_image.jpg',
-    alt: searchResponse.product1.name,
-};
-var ManualFallBack = function (args) { return (0, preact_1.h)(Image_1.Image, __assign({}, args, { style: { width: '100%' } })); };
-exports.ManualFallBack = ManualFallBack;
-exports.ManualFallBack.args = {
-    src: 'intentionally_broken_image.jpg',
-    alt: searchResponse.product1.name,
-    fallback: searchResponse.product1.image,
-};
-var onhover = function (args) { return (0, preact_1.h)(Image_1.Image, __assign({}, args, { style: { width: '100%' } })); };
-exports.onhover = onhover;
-exports.onhover.args = {
-    src: searchResponse.product1.image,
-    alt: searchResponse.product1.name,
-    hoverSrc: searchResponse.product2.image,
-};

package/dist/cjs/components/Atoms/Loading/LoadingBar.stories.d.ts

@@ -1,133 +0,0 @@
-import { h } from 'preact';
-import { LoadingBar, LoadingBarProps } from './LoadingBar';
-declare const _default: {
-    title: string;
-    component: typeof LoadingBar;
-    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: {
-            defaultValue: boolean;
-            description: string;
-            type: {
-                required: boolean;
-            };
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: boolean;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            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;
-            };
-        };
-        height: {
-            defaultValue: string;
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Active: {
-    (args: LoadingBarProps): h.JSX.Element;
-    args: {
-        active: boolean;
-    };
-};
-//# sourceMappingURL=LoadingBar.stories.d.ts.map

package/dist/cjs/components/Atoms/Loading/LoadingBar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Atoms/Loading/LoadingBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3D,wBA2DE;AAEF,eAAO,MAAM,MAAM;WAAU,eAAe;;;;CAA6B,CAAC"}