@searchspring/snap-preact-components 0.20.0

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.js

@@ -0,0 +1,145 @@
+"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.ErrorHandler = void 0;
+/** @jsx jsx */
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var Icon_1 = require("../../Atoms/Icon/Icon");
+var Button_1 = require("../../Atoms/Button/Button");
+var utilities_1 = require("../../../utilities");
+var providers_1 = require("../../../providers");
+var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
+var CSS = {
+    errorHandler: function (_a) {
+        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        var theme = _a.theme;
+        return (0, react_1.css)({
+            borderRadius: '2px',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            borderLeft: '4px solid',
+            '.ss__error-handler__message': {
+                padding: '10px',
+                display: 'flex',
+                alignItems: 'center',
+                '.ss__icon': {
+                    marginRight: '5px',
+                },
+            },
+            '& .ss__error-handler__button': {
+                backgroundColor: 'white',
+                color: 'inherit',
+                borderColor: (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.primary,
+                width: ['150px', 'fit-content'],
+                margin: '5px 10px',
+                '.ss__icon': {
+                    marginRight: '5px',
+                },
+            },
+            '&.ss__error-handler--error': {
+                backgroundColor: (0, utilities_1.LightenDarkenColor)(((_d = (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.error) || 'red', 180),
+                borderLeftColor: ((_f = (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.message) === null || _f === void 0 ? void 0 : _f.error) || '#ff0000',
+                '.ss__error-handler__message': {
+                    '.ss__icon': {
+                        fill: ((_h = (_g = theme.colors) === null || _g === void 0 ? void 0 : _g.message) === null || _h === void 0 ? void 0 : _h.error) || '#ff0000',
+                    },
+                },
+            },
+            '&.ss__error-handler--warning': {
+                backgroundColor: (0, utilities_1.LightenDarkenColor)(((_k = (_j = theme.colors) === null || _j === void 0 ? void 0 : _j.message) === null || _k === void 0 ? void 0 : _k.warning) || 'yellow', 180),
+                borderLeftColor: ((_m = (_l = theme.colors) === null || _l === void 0 ? void 0 : _l.message) === null || _m === void 0 ? void 0 : _m.warning) || '#ffff00',
+                '.ss__icon': {
+                    fill: ((_p = (_o = theme.colors) === null || _o === void 0 ? void 0 : _o.message) === null || _p === void 0 ? void 0 : _p.warning) || '#ffff00',
+                },
+                '.ss__error-handler__button': {
+                    borderColor: ((_r = (_q = theme.colors) === null || _q === void 0 ? void 0 : _q.message) === null || _r === void 0 ? void 0 : _r.warning) || '#ffff00',
+                },
+            },
+            '&.ss__error-handler--info': {
+                backgroundColor: (0, utilities_1.LightenDarkenColor)(((_t = (_s = theme.colors) === null || _s === void 0 ? void 0 : _s.message) === null || _t === void 0 ? void 0 : _t.info) || 'blue', 180),
+                borderLeftColor: ((_v = (_u = theme.colors) === null || _u === void 0 ? void 0 : _u.message) === null || _v === void 0 ? void 0 : _v.info) || '#0000ff',
+                '.ss__error-handler__message': {
+                    '.ss__icon': {
+                        fill: ((_x = (_w = theme.colors) === null || _w === void 0 ? void 0 : _w.message) === null || _x === void 0 ? void 0 : _x.info) || '#0000ff',
+                    },
+                },
+            },
+        });
+    },
+};
+exports.ErrorHandler = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d, _e, _f;
+    var globalTheme = (0, providers_1.useTheme)();
+    var theme = __assign(__assign({}, globalTheme), properties.theme);
+    var props = __assign(__assign(__assign({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.carousel), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.carousel);
+    var controller = props.controller, error = props.error, disableStyles = props.disableStyles, style = props.style, onRetryClick = props.onRetryClick, className = props.className;
+    var subProps = {
+        icon: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__error-handler__icon' }, (_d = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _d === void 0 ? void 0 : _d.icon), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+        button: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__error-handler__button' }, (_e = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _e === void 0 ? void 0 : _e.button), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+    };
+    var errorObject = ((_f = controller === null || controller === void 0 ? void 0 : controller.store) === null || _f === void 0 ? void 0 : _f.error) || error;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.errorHandler({ theme: theme }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return (Object.values(snap_store_mobx_1.ErrorType).includes(errorObject === null || errorObject === void 0 ? void 0 : errorObject.type) &&
+        (errorObject === null || errorObject === void 0 ? void 0 : errorObject.message) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__error-handler', "ss__error-handler--".concat(errorObject.type), className) }, styling), (function () {
+            switch (errorObject.type) {
+                case snap_store_mobx_1.ErrorType.WARNING:
+                    return ((0, react_1.jsx)(preact_1.Fragment, null,
+                        (0, react_1.jsx)("div", { className: "ss__error-handler__message" },
+                            (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'warn' })),
+                            (0, react_1.jsx)("b", null, "Warning:\u00A0"),
+                            errorObject.message),
+                        (errorObject === null || errorObject === void 0 ? void 0 : errorObject.code) == 429 ? ((0, react_1.jsx)(Button_1.Button, __assign({}, subProps.button, { onClick: function (e) {
+                                onRetryClick ? onRetryClick(e) : controller === null || controller === void 0 ? void 0 : controller.search();
+                            } }),
+                            (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'rotate-right' })),
+                            "Reload")) : null));
+                case snap_store_mobx_1.ErrorType.ERROR:
+                    return ((0, react_1.jsx)("div", { className: "ss__error-handler__message" },
+                        (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'error' })),
+                        (0, react_1.jsx)("b", null, "Error:\u00A0"),
+                        errorObject.message));
+                case snap_store_mobx_1.ErrorType.INFO:
+                    return ((0, react_1.jsx)("div", { className: "ss__error-handler__message" },
+                        (0, react_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, { icon: 'info' })),
+                        (0, react_1.jsx)("b", null, "Info:\u00A0"),
+                        errorObject.message));
+            }
+        })()))));
+});

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

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+import { h } from 'preact';
+declare const _default: {
+    title: string;
+    component: ((properties: import("./ErrorHandler").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;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        onRetryClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Warning: any;
+export declare const Error: any;
+export declare const Info: any;
+export declare const CustomError: any;
+//# sourceMappingURL=ErrorHandler.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorHandler.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/ErrorHandler/ErrorHandler.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,CAAC,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASrC,wBAyDE;AAIF,eAAO,MAAM,OAAO,KAAoB,CAAC;AAazC,eAAO,MAAM,KAAK,KAAoB,CAAC;AAavC,eAAO,MAAM,IAAI,KAAoB,CAAC;AAatC,eAAO,MAAM,WAAW,KAAoB,CAAC"}

package/dist/cjs/components/Molecules/ErrorHandler/ErrorHandler.stories.js

@@ -0,0 +1,112 @@
+"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.CustomError = exports.Info = exports.Error = exports.Warning = void 0;
+var preact_1 = require("preact");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var snap_store_mobx_1 = require("@searchspring/snap-store-mobx");
+var ErrorHandler_1 = require("./ErrorHandler");
+var utilities_1 = require("../../../utilities");
+var readme_md_1 = __importDefault(require("./readme.md"));
+exports.default = {
+    title: "Molecules/ErrorHandler",
+    component: ErrorHandler_1.ErrorHandler,
+    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: '900px',
+                height: '300px',
+            } },
+            (0, preact_1.h)(Story, null))); },
+    ],
+    argTypes: __assign({ controller: {
+            description: 'Controller reference',
+            type: { required: false },
+            table: {
+                type: {
+                    summary: 'Controller object',
+                },
+            },
+            control: { type: 'none' },
+        }, error: {
+            description: 'Error object containing message and type',
+            type: { required: false },
+            table: {
+                type: {
+                    summary: 'Error object',
+                },
+            },
+            control: { type: 'object' },
+        }, onRetryClick: {
+            description: 'Retry button click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onRetryClick',
+        } }, utilities_1.componentArgs),
+};
+var Template = function (args) { return (0, preact_1.h)(ErrorHandler_1.ErrorHandler, __assign({}, args)); };
+exports.Warning = Template.bind({});
+exports.Warning.args = {
+    controller: {
+        store: {
+            error: {
+                code: 429,
+                type: snap_store_mobx_1.ErrorType.WARNING,
+                message: 'Too many requests try again later',
+            },
+        },
+    },
+};
+exports.Error = Template.bind({});
+exports.Error.args = {
+    controller: {
+        store: {
+            error: {
+                code: 500,
+                type: snap_store_mobx_1.ErrorType.ERROR,
+                message: 'Invalid Search Request or Service Unavailable',
+            },
+        },
+    },
+};
+exports.Info = Template.bind({});
+exports.Info.args = {
+    controller: {
+        store: {
+            error: {
+                code: 200,
+                type: snap_store_mobx_1.ErrorType.INFO,
+                message: 'Something important happened',
+            },
+        },
+    },
+};
+exports.CustomError = Template.bind({});
+exports.CustomError.args = {
+    error: {
+        type: snap_store_mobx_1.ErrorType.INFO,
+        message: 'Custom error using info type',
+    },
+};

package/dist/cjs/components/Molecules/ErrorHandler/index.d.ts

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

package/dist/cjs/components/Molecules/ErrorHandler/index.d.ts.map

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

package/dist/cjs/components/Molecules/ErrorHandler/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ErrorHandler"), exports);

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps, ValueFacetValue } from '../../../types';
+export declare const FacetGridOptions: ((properties: FacetGridOptionsProps) => JSX.Element) & {
+    displayName: string;
+};
+export interface FacetGridOptionsProps extends ComponentProps {
+    values: ValueFacetValue[];
+    columns?: number;
+    gapSize?: string;
+    onClick?: (e: Event) => void;
+    previewOnFocus?: boolean;
+    valueProps?: any;
+}
+//# sourceMappingURL=FacetGridOptions.d.ts.map

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAiEjE,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CAiDvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.js

@@ -0,0 +1,108 @@
+"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.FacetGridOptions = void 0;
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var mobx_react_lite_1 = require("mobx-react-lite");
+var providers_1 = require("../../../providers");
+var CSS = {
+    grid: function (_a) {
+        var _b;
+        var _c, _d, _e, _f, _g;
+        var columns = _a.columns, gapSize = _a.gapSize, theme = _a.theme;
+        return (0, react_1.css)({
+            display: 'flex',
+            flexFlow: 'row wrap',
+            gridTemplateColumns: "repeat(".concat(columns, ", 1fr)"),
+            gap: gapSize,
+            gridAutoRows: "1fr",
+            '& .ss__facet-grid-options__option': (_b = {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    flex: '0 1 auto',
+                    border: "1px solid ".concat(((_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary) || '#333'),
+                    textAlign: 'center',
+                    wordBreak: 'break-all',
+                    boxSizing: 'border-box',
+                    padding: '1em 0',
+                    width: "calc(100% / ".concat(columns, " - ").concat(2 * Math.round((columns + 2) / 2), "px)"),
+                    margin: "0 ".concat(gapSize, " ").concat(gapSize, " 0")
+                },
+                _b[":nth-of-type(".concat(columns, "n)")] = {
+                    marginRight: '0',
+                },
+                _b['&.ss__facet-grid-options__option--filtered'] = {
+                    background: ((_d = theme.colors) === null || _d === void 0 ? void 0 : _d.primary) || '#ccc',
+                    color: (_f = (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.text) === null || _f === void 0 ? void 0 : _f.secondary,
+                },
+                _b['&:hover:not(.ss__facet-grid-options__option--filtered)'] = {
+                    cursor: 'pointer',
+                    background: ((_g = theme.colors) === null || _g === void 0 ? void 0 : _g.hover) || '#f8f8f8',
+                },
+                _b['& .ss__facet-grid-options__option__value'] = {
+                    '&.ss__facet-grid-options__option__value--smaller': {
+                        fontSize: '70%',
+                    },
+                },
+                _b),
+            '@supports (display: grid)': {
+                display: 'grid',
+                '& .ss__facet-grid-options__option': {
+                    padding: '0',
+                    margin: '0',
+                    width: 'initial',
+                },
+                '&::before': {
+                    content: '""',
+                    width: 0,
+                    paddingBottom: '100%',
+                    gridRow: '1 / 1',
+                    gridColumn: '1 / 1',
+                },
+                '&> *:first-of-type': {
+                    gridRow: '1 / 1',
+                    gridColumn: '1 / 1',
+                },
+            },
+        });
+    },
+};
+exports.FacetGridOptions = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c;
+    var globalTheme = (0, providers_1.useTheme)();
+    var theme = __assign(__assign({}, globalTheme), properties.theme);
+    var props = __assign(__assign(__assign({ 
+        // default props
+        columns: 4, gapSize: '8px' }, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.facetGridOptions), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.facetGridOptions);
+    var values = props.values, columns = props.columns, gapSize = props.gapSize, onClick = props.onClick, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.grid({ columns: columns, gapSize: gapSize, theme: theme }), style];
+    }
+    else if (style) {
+        styling.css = [style];
+    }
+    return ((values === null || values === void 0 ? void 0 : values.length) && ((0, react_1.jsx)(providers_1.CacheProvider, null,
+        (0, react_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__facet-grid-options', className) }), values.map(function (value) {
+            var _a;
+            return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-grid-options__option', { 'ss__facet-grid-options__option--filtered': value.filtered }), onClick: onClick, onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps, (_a = value.url) === null || _a === void 0 ? void 0 : _a.link),
+                (0, react_1.jsx)("span", { className: (0, classnames_1.default)('ss__facet-grid-options__option__value', {
+                        'ss__facet-grid-options__option__value--smaller': value.label.length > 3,
+                    }) }, value.label)));
+        })))));
+});

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts

@@ -0,0 +1,152 @@
+/// <reference types="react" />
+import { h } from 'preact';
+import { FacetGridOptionsProps } from './FacetGridOptions';
+declare const _default: {
+    title: string;
+    component: ((properties: FacetGridOptionsProps) => 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;
+            };
+        };
+        values: {
+            description: string;
+            type: {
+                required: boolean;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        columns: {
+            defaultValue: number;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: number;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        gapSize: {
+            defaultValue: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        previewOnFocus: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        valueProps: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: {
+                type: string;
+            };
+        };
+        onClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            action: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+//# sourceMappingURL=FacetGridOptions.stories.d.ts.map

package/dist/cjs/components/Molecules/FacetGridOptions/FacetGridOptions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetGridOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetGridOptions/FacetGridOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAoB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK7E,wBAoFE;AAcF,eAAO,MAAM,OAAO,KAAoB,CAAC"}