@searchspring/snap-preact-components 0.20.0

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

@@ -0,0 +1,157 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var preact_1 = require("preact");
+var mobx_react_1 = require("mobx-react");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var FacetGridOptions_1 = require("./FacetGridOptions");
+var utilities_1 = require("../../../utilities");
+var snapify_1 = require("../../../utilities/snapify");
+var readme_md_1 = __importDefault(require("../FacetGridOptions/readme.md"));
+exports.default = {
+    title: "Molecules/FacetGridOptions",
+    component: FacetGridOptions_1.FacetGridOptions,
+    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({ values: {
+            description: 'Facet.values store reference',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'facet values store array',
+                },
+            },
+            control: { type: 'none' },
+        }, columns: {
+            defaultValue: 4,
+            description: 'Number of columns in grid',
+            table: {
+                type: {
+                    summary: 'number',
+                },
+                defaultValue: { summary: 4 },
+            },
+            control: { type: 'number' },
+        }, gapSize: {
+            defaultValue: '8px',
+            description: 'Gap size between rows and columns',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                defaultValue: { summary: '8px' },
+            },
+            control: { type: 'text' },
+        }, previewOnFocus: {
+            description: 'Invoke facet value preview upon focus',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, valueProps: {
+            description: 'Object of facet value props',
+            table: {
+                type: {
+                    summary: 'object',
+                },
+                defaultValue: { summary: '{}' },
+            },
+            control: { type: 'object' },
+        }, onClick: {
+            description: 'Facet option click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onClick',
+        } }, utilities_1.componentArgs),
+};
+var snapInstance = snapify_1.Snapify.search({ id: 'FacetGridOptions', globals: { siteId: '8uyt2m' } });
+var ObservableFacetGridOptions = (0, mobx_react_1.observer)(function (_a) {
+    var _b;
+    var args = _a.args, controller = _a.controller;
+    var sizeFacet = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.field == 'size_dress'; }).pop();
+    return (0, preact_1.h)(FacetGridOptions_1.FacetGridOptions, __assign({}, args, { values: sizeFacet.values }));
+});
+var Template = function (args, _a) {
+    var controller = _a.loaded.controller;
+    return (0, preact_1.h)(ObservableFacetGridOptions, { args: args, controller: controller });
+};
+exports.Default = Template.bind({});
+exports.Default.loaders = [
+    function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, snapInstance.search()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, {
+                            controller: snapInstance,
+                        }];
+            }
+        });
+    }); },
+];

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

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

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

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

package/dist/cjs/components/Molecules/FacetGridOptions/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("./FacetGridOptions"), exports);

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA2CrE,eAAO,MAAM,qBAAqB,gBAAyB,0BAA0B,KAAG,WAAW;;CAkDjG,CAAC;AACH,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IACjE,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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/FacetHierarchyOptions/FacetHierarchyOptions.js

@@ -0,0 +1,89 @@
+"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.FacetHierarchyOptions = 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 = {
+    hierarchy: function (_a) {
+        var _b, _c, _d;
+        var theme = _a.theme;
+        return (0, react_1.css)({
+            '& .ss__facet-hierarchy-options__option': {
+                display: 'flex',
+                padding: '6px 0',
+                textDecoration: 'none',
+                alignItems: 'center',
+                '&:hover': {
+                    cursor: 'pointer',
+                    background: (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.hover,
+                },
+                '&.ss__facet-hierarchy-options__option--filtered': {
+                    fontWeight: 'bold',
+                    color: (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary,
+                    '&:hover': {
+                        cursor: 'default',
+                        background: 'unset',
+                    },
+                    '& ~ .ss__facet-hierarchy-options__option:not(.ss__facet-hierarchy-options__option--filtered)': {
+                        paddingLeft: '16px',
+                    },
+                },
+                '&.ss__facet-hierarchy-options__option--return': {
+                    '&:before': {
+                        content: "'\\0000ab'",
+                        padding: '0 2px 0 0',
+                        color: (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                    },
+                },
+                '& .ss__facet-hierarchy-options__option__value': {
+                    marginLeft: '8px',
+                    '& .ss__facet-hierarchy-options__option__value__count': {
+                        fontSize: '0.8em',
+                        marginLeft: '6px',
+                    },
+                },
+            },
+        });
+    },
+};
+exports.FacetHierarchyOptions = (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({}, (_a = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _a === void 0 ? void 0 : _a.facetHierarchyOptions), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.facetHierarchyOptions);
+    var values = props.values, hideCount = props.hideCount, onClick = props.onClick, disableStyles = props.disableStyles, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, className = props.className, style = props.style;
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.hierarchy({ 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-hierarchy-options', className) }), values.map(function (value) {
+            var _a;
+            return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-hierarchy-options__option', { 'ss__facet-hierarchy-options__option--filtered': value.filtered }, { 'ss__facet-hierarchy-options__option--return': value.history && !value.filtered }), onClick: onClick }, (_a = value.url) === null || _a === void 0 ? void 0 : _a.link, { onFocus: function () { return previewOnFocus && value.preview && value.preview(); } }, valueProps),
+                (0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value" },
+                    value.label,
+                    !hideCount && value.count > 0 && !value.filtered && ((0, react_1.jsx)("span", { className: "ss__facet-hierarchy-options__option__value__count" },
+                        "(",
+                        value.count,
+                        ")")))));
+        })))));
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetHierarchyOptions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetHierarchyOptions/FacetHierarchyOptions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAK3B,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM5F,wBAqDE;AAiBF,eAAO,MAAM,OAAO,KAAoB,CAAC"}

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

@@ -0,0 +1,130 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var preact_1 = require("preact");
+var mobx_react_1 = require("mobx-react");
+var blocks_1 = require("@storybook/addon-docs/blocks");
+var FacetHierarchyOptions_1 = require("./FacetHierarchyOptions");
+var utilities_1 = require("../../../utilities");
+var snapify_1 = require("../../../utilities/snapify");
+var types_1 = require("../../../types");
+var readme_md_1 = __importDefault(require("../FacetHierarchyOptions/readme.md"));
+exports.default = {
+    title: "Molecules/FacetHierarchyOptions",
+    component: FacetHierarchyOptions_1.FacetHierarchyOptions,
+    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({ values: {
+            description: 'Facet.values store reference',
+            type: { required: true },
+            table: {
+                type: {
+                    summary: 'object',
+                },
+            },
+            control: { type: 'object' },
+        }, hideCount: {
+            defaultValue: false,
+            description: 'Hide facet option count',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+            },
+            control: { type: 'boolean' },
+        }, onClick: {
+            description: 'Facet option click event handler',
+            table: {
+                type: {
+                    summary: 'function',
+                },
+            },
+            action: 'onClick',
+        } }, utilities_1.componentArgs),
+};
+var snapInstance = snapify_1.Snapify.search({ id: 'FacetHierarchyOptions', globals: { siteId: '8uyt2m' } });
+var ObservableFacetHierarchyOptions = (0, mobx_react_1.observer)(function (_a) {
+    var _b;
+    var args = _a.args, controller = _a.controller;
+    var hierarchyValues = (_b = controller === null || controller === void 0 ? void 0 : controller.store) === null || _b === void 0 ? void 0 : _b.facets.filter(function (facet) { return facet.display === types_1.FacetDisplay.HIERARCHY; }).shift().values.slice(0, 12);
+    return (0, preact_1.h)(FacetHierarchyOptions_1.FacetHierarchyOptions, __assign({}, args, { values: hierarchyValues }));
+});
+var Template = function (args, _a) {
+    var controller = _a.loaded.controller;
+    return (0, preact_1.h)(ObservableFacetHierarchyOptions, { args: args, controller: controller });
+};
+exports.Default = Template.bind({});
+exports.Default.loaders = [
+    function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, snapInstance.search()];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, {
+                            controller: snapInstance,
+                        }];
+            }
+        });
+    }); },
+];

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

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

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

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

package/dist/cjs/components/Molecules/FacetHierarchyOptions/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("./FacetHierarchyOptions"), exports);

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetListOptions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Molecules/FacetListOptions/FacetListOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA+BjE,eAAO,MAAM,gBAAgB,gBAAyB,qBAAqB,KAAG,WAAW;;CA2DvF,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC5D,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

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

@@ -0,0 +1,87 @@
+"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.FacetListOptions = 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 utilities_1 = require("../../../utilities");
+var Checkbox_1 = require("../../Molecules/Checkbox/Checkbox");
+var CSS = {
+    list: function (_a) {
+        var _b, _c;
+        var theme = _a.theme, hideCheckbox = _a.hideCheckbox;
+        return (0, react_1.css)({
+            '& .ss__facet-list-options__option': {
+                display: 'flex',
+                padding: '6px',
+                textDecoration: 'none',
+                alignItems: 'center',
+                '&:hover': {
+                    cursor: 'pointer',
+                    background: (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.hover,
+                },
+                '&.ss__facet-list-options__option--filtered': {
+                    fontWeight: 'bold',
+                    color: (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.primary,
+                },
+                '& .ss__facet-list-options__option__value': {
+                    marginLeft: hideCheckbox ? '' : '8px',
+                    '& .ss__facet-list-options__option__value__count': {
+                        fontSize: '0.8em',
+                        marginLeft: '6px',
+                    },
+                },
+            },
+        });
+    },
+};
+exports.FacetListOptions = (0, mobx_react_lite_1.observer)(function (properties) {
+    var _a, _b, _c, _d;
+    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.facetListOptions), properties), (_c = (_b = properties.theme) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.facetListOptions);
+    var values = props.values, hideCheckbox = props.hideCheckbox, hideCount = props.hideCount, onClick = props.onClick, previewOnFocus = props.previewOnFocus, valueProps = props.valueProps, disableStyles = props.disableStyles, className = props.className, style = props.style;
+    var subProps = {
+        checkbox: __assign(__assign(__assign({ 
+            // default props
+            className: 'ss__facet-list-options__checkbox' }, (_d = globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.components) === null || _d === void 0 ? void 0 : _d.checkbox), (0, utilities_1.defined)({
+            disableStyles: disableStyles,
+        })), { 
+            // component theme overrides
+            theme: props.theme }),
+    };
+    var styling = {};
+    if (!disableStyles) {
+        styling.css = [CSS.list({ theme: theme, hideCheckbox: hideCheckbox }), 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-list-options', className) }), values.map(function (value) {
+            var _a;
+            return ((0, react_1.jsx)("a", __assign({ className: (0, classnames_1.default)('ss__facet-list-options__option', { 'ss__facet-list-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),
+                !hideCheckbox && (0, react_1.jsx)(Checkbox_1.Checkbox, __assign({}, subProps.checkbox, { checked: value.filtered })),
+                (0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value" },
+                    value.label,
+                    !hideCount && value.count > 0 && (0, react_1.jsx)("span", { className: "ss__facet-list-options__option__value__count" },
+                        "(",
+                        value.count,
+                        ")"))));
+        })))));
+});