@usereactify/search 5.0.0-beta.0 → 5.0.0-beta.11

package/CHANGELOG.md

@@ -2,6 +2,73 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.0.0-beta.11](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.10...v5.0.0-beta.11) (2022-07-27)
+
+## [5.0.0-beta.10](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.9...v5.0.0-beta.10) (2022-07-27)
+
+
+### Features
+
+* improve classnames ([19fcfa1](https://bitbucket.org/usereactify/reactify-search-ui/commit/19fcfa152c555cb2e78ec62371f1758e2d244557))
+
+
+### Bug Fixes
+
+* check that window is defined before accessing ([e1ec0aa](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1ec0aae22cab7eb86363ed09d47e422d08ff5c1))
+
+## [5.0.0-beta.9](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.8...v5.0.0-beta.9) (2022-07-27)
+
+
+### Features
+
+* add classnames for styling to default components ([75997e2](https://bitbucket.org/usereactify/reactify-search-ui/commit/75997e25756595401401de42e9aa29b235581645))
+
+## [5.0.0-beta.8](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.7...v5.0.0-beta.8) (2022-07-27)
+
+
+### Features
+
+* improve default components ([81bb427](https://bitbucket.org/usereactify/reactify-search-ui/commit/81bb427367987125eeea352189dd9f411cb4850f))
+
+## [5.0.0-beta.7](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.6...v5.0.0-beta.7) (2022-07-27)
+
+
+### Features
+
+* improve sentry stacktraces and logging ([7f34b30](https://bitbucket.org/usereactify/reactify-search-ui/commit/7f34b3064f41ad9a0e5a3ddc3fa071e5981d0141))
+
+## [5.0.0-beta.6](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.5...v5.0.0-beta.6) (2022-07-26)
+
+
+### Bug Fixes
+
+* enable typescript inlinesources ([6998e8e](https://bitbucket.org/usereactify/reactify-search-ui/commit/6998e8e3e884d62cf08b08c43ae7dbc73db7f471))
+
+## [5.0.0-beta.5](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.4...v5.0.0-beta.5) (2022-07-26)
+
+
+### Bug Fixes
+
+* switch to reactify sentry org dsn ([cae3cf0](https://bitbucket.org/usereactify/reactify-search-ui/commit/cae3cf02721ee8b40ddf13854e7aa3cea88034f4))
+
+## [5.0.0-beta.4](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.3...v5.0.0-beta.4) (2022-07-26)
+
+## [5.0.0-beta.3](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.2...v5.0.0-beta.3) (2022-07-26)
+
+
+### Features
+
+* improve sentry release process ([4237771](https://bitbucket.org/usereactify/reactify-search-ui/commit/423777120041228dcb6f819f71a00abd08d43987))
+
+## [5.0.0-beta.2](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.1...v5.0.0-beta.2) (2022-07-26)
+
+
+### Bug Fixes
+
+* use correct glob pattern for artifacts ([9f35c7c](https://bitbucket.org/usereactify/reactify-search-ui/commit/9f35c7ccea4f957a94b172fe7ac62b53faf73b32))
+
+## [5.0.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2022-07-26)
+
 ## [5.0.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.0) (2022-07-25)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.0.0-beta.0",
+    "version": "5.0.0-beta.11",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",
@@ -14,9 +14,13 @@
         "watch": "tsc --watch",
         "release": "standard-version --prerelease rc",
         "release:beta": "standard-version --prerelease beta",
-        "build": "rimraf dist && tsc",
+        "prebuild": "rimraf dist",
+        "build": "tsc",
         "prettier": "prettier --write .",
-        "storybook": "start-storybook -p 6006"
+        "storybook": "start-storybook -p 6006",
+        "sentry:release:new": "sentry-cli releases new $npm_package_version",
+        "sentry:release:upload": "sentry-cli releases files $npm_package_version upload-sourcemaps dist",
+        "sentry:release:finalize": "sentry-cli releases finalize $npm_package_version"
     },
     "husky": {
         "hooks": {
@@ -46,6 +50,7 @@
         "@appbaseio/reactivesearch": "^3.14.0",
         "@commitlint/cli": "13.2.0",
         "@commitlint/config-conventional": "13.2.0",
+        "@sentry/cli": "2.5.0",
         "@storybook/addon-actions": "6.3.10",
         "@storybook/addon-essentials": "6.3.10",
         "@storybook/addon-links": "6.3.10",

package/dist/src/components/{example → Example}/ExampleFilterList.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FilterProps } from "../../components";
-export declare type ExampleFilterListProps = Parameters<Required<FilterProps>["renderFilterList"]>[0];
+export declare type ExampleFilterListProps = React.ComponentProps<NonNullable<FilterProps["renderFilterList"]>>;
 export declare const ExampleFilterList: React.FC<ExampleFilterListProps>;

package/dist/src/components/Example/ExampleFilterList.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterList = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleFilterList = (props) => {
+    return (react_1.default.createElement("div", { className: "rs__filter" },
+        react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
+        react_1.default.createElement("ul", { className: "rs__filter__list" }, props.filterListProps.options.map((option) => (react_1.default.createElement("li", { key: option.key, className: "rs__filter__list-item" },
+            react_1.default.createElement("label", { className: "rs__filter__list-item-label" },
+                react_1.default.createElement("input", { className: "rs__filter__list-item-input", value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
+                react_1.default.createElement("span", { className: "rs__filter__list-item-key" }, option.key),
+                react_1.default.createElement("span", { className: "rs__filter__list-item-count" },
+                    "(",
+                    option.doc_count,
+                    ")"))))))));
+};
+exports.ExampleFilterList = ExampleFilterList;
+//# sourceMappingURL=ExampleFilterList.js.map

package/dist/src/components/Example/ExampleFilterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFilterList.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;QACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QACzD,sCAAI,SAAS,EAAC,kBAAkB,IAC7B,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAC,uBAAuB;YACpD,yCAAO,SAAS,EAAC,6BAA6B;gBAC5C,yCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAClC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,GAE3C;gBACF,wCAAM,SAAS,EAAC,2BAA2B,IAAE,MAAM,CAAC,GAAG,CAAQ;gBAC/D,wCAAM,SAAS,EAAC,6BAA6B;;oBACzC,MAAM,CAAC,SAAS;wBACb,CACD,CACL,CACN,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,iBAAiB,qBA2B5B","sourcesContent":["import React from \"react\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterListProps = React.ComponentProps<\n  NonNullable<FilterProps[\"renderFilterList\"]>\n>;\n\nexport const ExampleFilterList: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <div className=\"rs__filter\">\n      <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n      <ul className=\"rs__filter__list\">\n        {props.filterListProps.options.map((option) => (\n          <li key={option.key} className=\"rs__filter__list-item\">\n            <label className=\"rs__filter__list-item-label\">\n              <input\n                className=\"rs__filter__list-item-input\"\n                value={option.key}\n                type=\"checkbox\"\n                checked={option.checked}\n                onChange={({ target: { value } }) =>\n                  props.filterListProps.handleChange(value)\n                }\n              />\n              <span className=\"rs__filter__list-item-key\">{option.key}</span>\n              <span className=\"rs__filter__list-item-count\">\n                ({option.doc_count})\n              </span>\n            </label>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"]}

package/dist/src/components/{example → Example}/ExampleFilterRange.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FilterProps } from "../../components";
-export declare type ExampleFilterRangeProps = Parameters<Required<FilterProps>["renderFilterRange"]>[0];
+export declare type ExampleFilterRangeProps = React.ComponentProps<NonNullable<FilterProps["renderFilterRange"]>>;
 export declare const ExampleFilterRange: React.FC<ExampleFilterRangeProps>;

package/dist/src/components/{example → Example}/ExampleFilterRange.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleFilterRange = void 0;
 const react_1 = __importDefault(require("react"));
-const reactivesearch_1 = require("@appbaseio/reactivesearch");
+const SingleRange_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/range/SingleRange"));
 const ExampleFilterRange = (props) => {
     if (props.filter.handle === "price") {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("h1", null, props.filter.name),
-            react_1.default.createElement(reactivesearch_1.SingleRange, Object.assign({ data: [
+        return (react_1.default.createElement("div", { className: "rs__filter" },
+            react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
+            react_1.default.createElement(SingleRange_1.default, Object.assign({ data: [
                     { start: "0", label: "All prices" },
                     { start: "0", end: "99", label: "Under $100" },
                     { start: "0", end: "49", label: "Under $50" },
@@ -19,3 +19,4 @@ const ExampleFilterRange = (props) => {
     return null;
 };
 exports.ExampleFilterRange = ExampleFilterRange;
+//# sourceMappingURL=ExampleFilterRange.js.map

package/dist/src/components/Example/ExampleFilterRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6GAAqF;AAQ9E,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;YACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YACzD,8BAAC,qBAAW,kBACV,IAAI,EAAE;oBACJ,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;oBACnC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;oBAC9C,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;iBAC9C,IACG,KAAK,CAAC,wBAAwB,EAClC,CACE,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AApBW,QAAA,kBAAkB,sBAoB7B","sourcesContent":["import React from \"react\";\nimport SingleRange from \"@appbaseio/reactivesearch/lib/components/range/SingleRange\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = React.ComponentProps<\n  NonNullable<FilterProps[\"renderFilterRange\"]>\n>;\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (\n  props\n) => {\n  if (props.filter.handle === \"price\") {\n    return (\n      <div className=\"rs__filter\">\n        <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n        <SingleRange\n          data={[\n            { start: \"0\", label: \"All prices\" },\n            { start: \"0\", end: \"99\", label: \"Under $100\" },\n            { start: \"0\", end: \"49\", label: \"Under $50\" },\n          ]}\n          {...props.reactiveFilterRangeProps}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/{example → Example}/ExampleFilterSlider.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FilterProps } from "../../components";
-export declare type ExampleFilterSliderProps = Parameters<Required<FilterProps>["renderFilterSlider"]>[0];
+export declare type ExampleFilterSliderProps = React.ComponentProps<NonNullable<FilterProps["renderFilterSlider"]>>;
 export declare const ExampleFilterSlider: React.FC<ExampleFilterSliderProps>;

package/dist/src/components/{example → Example}/ExampleFilterSlider.js

@@ -8,13 +8,14 @@ const react_1 = __importDefault(require("react"));
 const reactivesearch_1 = require("@appbaseio/reactivesearch");
 const ExampleFilterSlider = (props) => {
     if (props.filter.handle === "price") {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("h1", null, props.filter.name),
+        return (react_1.default.createElement("div", { className: "rs__filter" },
+            react_1.default.createElement("h3", { className: "rs__filter__name" }, props.filter.name),
             react_1.default.createElement(reactivesearch_1.RangeSlider, Object.assign({ range: {
                     start: 0,
-                    end: 500
+                    end: 500,
                 } }, props.reactiveFilterSliderProps))));
     }
     return null;
 };
 exports.ExampleFilterSlider = ExampleFilterSlider;
+//# sourceMappingURL=ExampleFilterSlider.js.map

package/dist/src/components/Example/ExampleFilterSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AAQjD,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE;IACF,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY;YACzB,sCAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YACzD,8BAAC,4BAAW,kBACV,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,GAAG,EAAE,GAAG;iBACT,IACG,KAAK,CAAC,yBAAyB,EACnC,CACE,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAnBW,QAAA,mBAAmB,uBAmB9B","sourcesContent":["import React from \"react\";\nimport { RangeSlider } from \"@appbaseio/reactivesearch\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterSliderProps = React.ComponentProps<\n  NonNullable<FilterProps[\"renderFilterSlider\"]>\n>;\n\nexport const ExampleFilterSlider: React.FC<ExampleFilterSliderProps> = (\n  props\n) => {\n  if (props.filter.handle === \"price\") {\n    return (\n      <div className=\"rs__filter\">\n        <h3 className=\"rs__filter__name\">{props.filter.name}</h3>\n        <RangeSlider\n          range={{\n            start: 0,\n            end: 500,\n          }}\n          {...props.reactiveFilterSliderProps}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/{example → Example}/ExampleFilterStack.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { FilterStackProps } from "../../components";
-export declare type ExampleFilterStackProps = Parameters<Required<FilterStackProps>["renderFilters"]>[0];
+export declare type ExampleFilterStackProps = React.ComponentProps<NonNullable<FilterStackProps["renderFilters"]>>;
 export declare const ExampleFilterStack: React.FC<ExampleFilterStackProps>;

package/dist/src/components/{example → Example}/ExampleFilterStack.js

@@ -10,3 +10,4 @@ const ExampleFilterStack = (props) => {
     return (react_1.default.createElement(react_1.default.Fragment, null, props.filters.map((filter) => (react_1.default.createElement(components_1.Filter, Object.assign({ key: filter.id, filter: filter }, props))))));
 };
 exports.ExampleFilterStack = ExampleFilterStack;
+//# sourceMappingURL=ExampleFilterStack.js.map

package/dist/src/components/Example/ExampleFilterStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFilterStack.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4D;AAMrD,MAAM,kBAAkB,GAAsC,CACnE,KAAK,EACL,EAAE;IACF,OAAO,CACL,8DACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,8BAAC,mBAAM,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACtD,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B","sourcesContent":["import React from \"react\";\n\nimport { Filter, FilterStackProps } from \"../../components\";\n\nexport type ExampleFilterStackProps = React.ComponentProps<\n  NonNullable<FilterStackProps[\"renderFilters\"]>\n>;\n\nexport const ExampleFilterStack: React.FC<ExampleFilterStackProps> = (\n  props\n) => {\n  return (\n    <>\n      {props.filters.map((filter) => (\n        <Filter key={filter.id} filter={filter} {...props} />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/src/components/{example → Example}/ExampleResultCardCallout.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ResultCardCalloutProps } from "../../components";
-export declare type ExampleResultCardCalloutProps = Parameters<Required<ResultCardCalloutProps>["render"]>[0];
+export declare type ExampleResultCardCalloutProps = React.ComponentProps<NonNullable<ResultCardCalloutProps["render"]>>;
 export declare const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps>;

package/dist/src/components/{example → Example}/ExampleResultCardCallout.js

@@ -13,9 +13,10 @@ const ExampleResultCardCallout = (props) => {
             gridColumn: `span ${(_b = props.callout.displayColumns) !== null && _b !== void 0 ? _b : 1}`,
         });
     }, [props.callout]);
-    return (react_1.default.createElement("article", { ref: props.itemRef, style: styleProp },
-        react_1.default.createElement("a", { href: props.callout.link, onClick: props.handleClick },
-            props.callout.desktopImage && (react_1.default.createElement("img", { src: props.callout.desktopImage, width: "100%" })),
-            props.callout.title)));
+    return (react_1.default.createElement("div", { className: "rs__result-card-callout", ref: props.itemRef, style: styleProp },
+        react_1.default.createElement("a", { className: "rs__result-card-callout__link", href: props.callout.link, onClick: props.handleClick },
+            props.callout.desktopImage && (react_1.default.createElement("img", { className: "rs__result-card-callout__image", src: props.callout.desktopImage, width: "100%" })),
+            react_1.default.createElement("span", { className: "rs__result-card-callout__title" }, props.callout.title))));
 };
 exports.ExampleResultCardCallout = ExampleResultCardCallout;
+//# sourceMappingURL=ExampleResultCardCallout.js.map

package/dist/src/components/Example/ExampleResultCardCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE;;QAAC,OAAA,CAAC;YACL,OAAO,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,WAAW,mCAAI,CAAC,EAAE;YACjD,UAAU,EAAE,QAAQ,MAAA,KAAK,CAAC,OAAO,CAAC,cAAc,mCAAI,CAAC,EAAE;SACxD,CAAC,CAAA;KAAA,EACF,CAAC,KAAK,CAAC,OAAO,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,yBAAyB,EACnC,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,SAAS;QAEhB,qCACE,SAAS,EAAC,+BAA+B,EACzC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,WAAW;YAEzB,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,CAC7B,uCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAC/B,KAAK,EAAC,MAAM,GACZ,CACH;YACD,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,OAAO,CAAC,KAAK,CACf,CACL,CACA,CACP,CAAC;AACJ,CAAC,CAAC;AAlCS,QAAA,wBAAwB,4BAkCjC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardCalloutProps } from \"../../components\";\n\nexport type ExampleResultCardCalloutProps = React.ComponentProps<\n  NonNullable<ResultCardCalloutProps[\"render\"]>\n>;\n\nexport const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps> =\n  (props) => {\n    const styleProp = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n      () => ({\n        gridRow: `span ${props.callout.displayRows ?? 1}`,\n        gridColumn: `span ${props.callout.displayColumns ?? 1}`,\n      }),\n      [props.callout]\n    );\n\n    return (\n      <div\n        className=\"rs__result-card-callout\"\n        ref={props.itemRef}\n        style={styleProp}\n      >\n        <a\n          className=\"rs__result-card-callout__link\"\n          href={props.callout.link}\n          onClick={props.handleClick}\n        >\n          {props.callout.desktopImage && (\n            <img\n              className=\"rs__result-card-callout__image\"\n              src={props.callout.desktopImage}\n              width=\"100%\"\n            />\n          )}\n          <span className=\"rs__result-card-callout__title\">\n            {props.callout.title}\n          </span>\n        </a>\n      </div>\n    );\n  };\n"]}

package/dist/src/components/{example → Example}/ExampleResultCardProduct.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ResultCardProductProps } from "../../components";
-export declare type ExampleResultCardProductProps = Parameters<Required<ResultCardProductProps>["render"]>[0];
+export declare type ExampleResultCardProductProps = React.ComponentProps<NonNullable<ResultCardProductProps["render"]>>;
 export declare const ExampleResultCardProduct: React.FC<ExampleResultCardProductProps>;

package/dist/src/components/Example/ExampleResultCardProduct.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultCardProduct = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultCardProduct = (props) => {
+    return (react_1.default.createElement("div", { ref: props.itemRef, className: "rs__result-card-product" },
+        react_1.default.createElement("a", { className: "rs__result-card-product__link", onClick: props.handleClick, href: `/products/${props.product.handle}` },
+            props.product.image && (react_1.default.createElement("img", { className: "rs__result-card-product__image", src: props.product.image, width: "100%" })),
+            react_1.default.createElement("span", { className: "rs__result-card-product__title" }, props.product.title)),
+        react_1.default.createElement("span", { className: "rs__result-card-product__price" }, props.formattedPrice),
+        props.onSale && (react_1.default.createElement("span", { className: "rs__result-card-product__price-sale", style: {
+                textDecoration: "line-through",
+            } }, props.formattedCompareAtPrice))));
+};
+exports.ExampleResultCardProduct = ExampleResultCardProduct;
+//# sourceMappingURL=ExampleResultCardProduct.js.map

package/dist/src/components/Example/ExampleResultCardProduct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAC,yBAAyB;QAC1D,qCACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,IAAI,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;YAExC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CACtB,uCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EACxB,KAAK,EAAC,MAAM,GACZ,CACH;YACD,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,OAAO,CAAC,KAAK,CACf,CACL;QACJ,wCAAM,SAAS,EAAC,gCAAgC,IAC7C,KAAK,CAAC,cAAc,CAChB;QACN,KAAK,CAAC,MAAM,IAAI,CACf,wCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;gBACL,cAAc,EAAE,cAAc;aAC/B,IAEA,KAAK,CAAC,uBAAuB,CACzB,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnCS,QAAA,wBAAwB,4BAmCjC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardProductProps } from \"../../components\";\n\nexport type ExampleResultCardProductProps = React.ComponentProps<\n  NonNullable<ResultCardProductProps[\"render\"]>\n>;\n\nexport const ExampleResultCardProduct: React.FC<ExampleResultCardProductProps> =\n  (props) => {\n    return (\n      <div ref={props.itemRef} className=\"rs__result-card-product\">\n        <a\n          className=\"rs__result-card-product__link\"\n          onClick={props.handleClick}\n          href={`/products/${props.product.handle}`}\n        >\n          {props.product.image && (\n            <img\n              className=\"rs__result-card-product__image\"\n              src={props.product.image}\n              width=\"100%\"\n            />\n          )}\n          <span className=\"rs__result-card-product__title\">\n            {props.product.title}\n          </span>\n        </a>\n        <span className=\"rs__result-card-product__price\">\n          {props.formattedPrice}\n        </span>\n        {props.onSale && (\n          <span\n            className=\"rs__result-card-product__price-sale\"\n            style={{\n              textDecoration: \"line-through\",\n            }}\n          >\n            {props.formattedCompareAtPrice}\n          </span>\n        )}\n      </div>\n    );\n  };\n"]}

package/dist/src/components/{example → Example}/ExampleResultPaginationLoadMore.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ResultPaginationLoadMoreProps } from "../../components";
-export declare type ExampleResultPaginationLoadMoreProps = Parameters<Required<ResultPaginationLoadMoreProps>["render"]>[0];
+export declare type ExampleResultPaginationLoadMoreProps = React.ComponentProps<NonNullable<ResultPaginationLoadMoreProps["render"]>>;
 export declare const ExampleResultPaginationLoadMore: React.FC<ExampleResultPaginationLoadMoreProps>;

package/dist/src/components/{example → Example}/ExampleResultPaginationLoadMore.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleResultPaginationLoadMore = void 0;
 const react_1 = __importDefault(require("react"));
 const ExampleResultPaginationLoadMore = (props) => {
-    return (react_1.default.createElement("button", { onClick: () => props.handleLoadMore() }, "Load more"));
+    return (react_1.default.createElement("button", { className: "rs__pagination__loadmore-button", onClick: () => props.handleLoadMore() }, "Load more"));
 };
 exports.ExampleResultPaginationLoadMore = ExampleResultPaginationLoadMore;
+//# sourceMappingURL=ExampleResultPaginationLoadMore.js.map

package/dist/src/components/Example/ExampleResultPaginationLoadMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,0CACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAEpC,WAAW,CACL,CACV,CAAC;AACJ,CAAC,CAAC;AAVS,QAAA,+BAA+B,mCAUxC","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationLoadMoreProps } from \"../../components\";\n\nexport type ExampleResultPaginationLoadMoreProps = React.ComponentProps<\n  NonNullable<ResultPaginationLoadMoreProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationLoadMore: React.FC<ExampleResultPaginationLoadMoreProps> =\n  (props) => {\n    return (\n      <button\n        className=\"rs__pagination__loadmore-button\"\n        onClick={() => props.handleLoadMore()}\n      >\n        {\"Load more\"}\n      </button>\n    );\n  };\n"]}

package/dist/src/components/{example → Example}/ExampleResultPaginationNextPrev.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ResultPaginationNextPrevProps } from "../../components";
-export declare type ExampleResultPaginationNextPrevProps = Parameters<Required<ResultPaginationNextPrevProps>["render"]>[0];
+export declare type ExampleResultPaginationNextPrevProps = React.ComponentProps<NonNullable<ResultPaginationNextPrevProps["render"]>>;
 export declare const ExampleResultPaginationNextPrev: React.FC<ExampleResultPaginationNextPrevProps>;

package/dist/src/components/{example → Example}/ExampleResultPaginationNextPrev.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleResultPaginationNextPrev = void 0;
 const react_1 = __importDefault(require("react"));
 const ExampleResultPaginationNextPrev = (props) => {
-    return (react_1.default.createElement("nav", null,
-        props.hasPreviousPage && (react_1.default.createElement("a", { rel: "prev", onClick: props.handlePreviousPage, href: props.buildPagePath(props.actualCurrentPage - 1) }, "Prev")),
-        props.hasNextPage && (react_1.default.createElement("a", { rel: "next", onClick: props.handleNextPage, href: props.buildPagePath(props.actualCurrentPage + 1) }, "Next"))));
+    return (react_1.default.createElement("nav", { className: "rs__pagination__nav" },
+        props.hasPreviousPage && (react_1.default.createElement("a", { className: "rs__pagination__prev-link", rel: "prev", onClick: props.handlePreviousPage, href: props.buildPagePath(props.actualCurrentPage - 1) }, "Prev")),
+        props.hasNextPage && (react_1.default.createElement("a", { className: "rs__pagination__next-link", rel: "next", onClick: props.handleNextPage, href: props.buildPagePath(props.actualCurrentPage + 1) }, "Next"))));
 };
 exports.ExampleResultPaginationNextPrev = ExampleResultPaginationNextPrev;
+//# sourceMappingURL=ExampleResultPaginationNextPrev.js.map

package/dist/src/components/Example/ExampleResultPaginationNextPrev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,+BAA+B,GAC1C,CAAC,KAAK,EAAE,EAAE;IACR,OAAO,CACL,uCAAK,SAAS,EAAC,qBAAqB;QACjC,KAAK,CAAC,eAAe,IAAI,CACxB,qCACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,kBAAkB,EACjC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAErD,MAAM,CACL,CACL;QACA,KAAK,CAAC,WAAW,IAAI,CACpB,qCACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,KAAK,CAAC,cAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAErD,MAAM,CACL,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA1BS,QAAA,+BAA+B,mCA0BxC","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationNextPrevProps } from \"../../components\";\n\nexport type ExampleResultPaginationNextPrevProps = React.ComponentProps<\n  NonNullable<ResultPaginationNextPrevProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationNextPrev: React.FC<ExampleResultPaginationNextPrevProps> =\n  (props) => {\n    return (\n      <nav className=\"rs__pagination__nav\">\n        {props.hasPreviousPage && (\n          <a\n            className=\"rs__pagination__prev-link\"\n            rel=\"prev\"\n            onClick={props.handlePreviousPage}\n            href={props.buildPagePath(props.actualCurrentPage - 1)}\n          >\n            {\"Prev\"}\n          </a>\n        )}\n        {props.hasNextPage && (\n          <a\n            className=\"rs__pagination__next-link\"\n            rel=\"next\"\n            onClick={props.handleNextPage}\n            href={props.buildPagePath(props.actualCurrentPage + 1)}\n          >\n            {\"Next\"}\n          </a>\n        )}\n      </nav>\n    );\n  };\n"]}

package/dist/src/components/{example → Example}/ExampleResultPaginationNumbered.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ResultPaginationNumberedProps } from "../../components";
-export declare type ExampleResultPaginationNumberedProps = Parameters<Required<ResultPaginationNumberedProps>["render"]>[0];
+export declare type ExampleResultPaginationNumberedProps = React.ComponentProps<NonNullable<ResultPaginationNumberedProps["render"]>>;
 export declare const ExampleResultPaginationNumbered: React.FC<ExampleResultPaginationNumberedProps>;

package/dist/src/components/Example/ExampleResultPaginationNumbered.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultPaginationNumbered = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultPaginationNumbered = (props) => {
+    return (react_1.default.createElement("nav", { className: "rs__pagination__nav" },
+        props.currentPage > 0 && (react_1.default.createElement("a", { className: "rs__pagination__prev-link", rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePreviousPage(event) }, "Prev")),
+        !props.pagesToShow.includes(0) && (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", href: props.buildPagePath(1), onClick: (event) => props.handlePageChange(0, event), rel: 0 === props.currentPage - 1 ? `prev` : undefined }, "1")),
+        !props.pagesToShow.includes(1) && react_1.default.createElement("span", null, "..."),
+        props.pagesToShow.map((page) => page === props.currentPage ? (react_1.default.createElement("span", { className: "rs__pagination__pagenumber-active", key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", key: page + 1, href: props.buildPagePath(page + 1), onClick: (event) => props.handlePageChange(page, event), rel: page === props.currentPage + 1
+                ? `next`
+                : page === props.currentPage - 1
+                    ? `prev`
+                    : undefined }, page + 1))),
+        !props.pagesToShow.includes(props.totalPages - 2) && react_1.default.createElement("span", null, "..."),
+        !props.pagesToShow.includes(props.totalPages - 1) && (react_1.default.createElement("a", { className: "rs__pagination__pagenumber-link", href: props.buildPagePath(props.totalPages), onClick: (event) => props.handlePageChange(props.totalPages - 1, event), rel: props.totalPages - 1 === props.currentPage + 1
+                ? `next`
+                : props.totalPages - 1 === props.currentPage - 1
+                    ? `prev`
+                    : undefined }, props.totalPages)),
+        props.currentPage + 1 < props.totalPages && (react_1.default.createElement("a", { className: "rs__pagination__next-link", rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handleNextPage(event) }, "Next"))));
+};
+exports.ExampleResultPaginationNumbered = ExampleResultPaginationNumbered;
+//# sourceMappingURL=ExampleResultPaginationNumbered.js.map

package/dist/src/components/Example/ExampleResultPaginationNumbered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNumbered.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationNumberedProps } from \"../../components\";\n\nexport type ExampleResultPaginationNumberedProps = React.ComponentProps<\n  NonNullable<ResultPaginationNumberedProps[\"render\"]>\n>;\n\nexport const ExampleResultPaginationNumbered: React.FC<ExampleResultPaginationNumberedProps> =\n  (props) => {\n    return (\n      <nav className=\"rs__pagination__nav\">\n        {props.currentPage > 0 && (\n          <a\n            className=\"rs__pagination__prev-link\"\n            rel=\"prev\"\n            href={props.buildPagePath(props.currentPage)}\n            onClick={(event) => props.handlePreviousPage(event)}\n          >\n            {\"Prev\"}\n          </a>\n        )}\n        {!props.pagesToShow.includes(0) && (\n          <a\n            className=\"rs__pagination__pagenumber-link\"\n            href={props.buildPagePath(1)}\n            onClick={(event) => props.handlePageChange(0, event)}\n            rel={0 === props.currentPage - 1 ? `prev` : undefined}\n          >\n            {\"1\"}\n          </a>\n        )}\n        {!props.pagesToShow.includes(1) && <span>...</span>}\n        {props.pagesToShow.map((page) =>\n          page === props.currentPage ? (\n            <span className=\"rs__pagination__pagenumber-active\" key={page + 1}>\n              {page + 1}\n            </span>\n          ) : (\n            <a\n              className=\"rs__pagination__pagenumber-link\"\n              key={page + 1}\n              href={props.buildPagePath(page + 1)}\n              onClick={(event) => props.handlePageChange(page, event)}\n              rel={\n                page === props.currentPage + 1\n                  ? `next`\n                  : page === props.currentPage - 1\n                  ? `prev`\n                  : undefined\n              }\n            >\n              {page + 1}\n            </a>\n          )\n        )}\n        {!props.pagesToShow.includes(props.totalPages - 2) && <span>...</span>}\n        {!props.pagesToShow.includes(props.totalPages - 1) && (\n          <a\n            className=\"rs__pagination__pagenumber-link\"\n            href={props.buildPagePath(props.totalPages)}\n            onClick={(event) =>\n              props.handlePageChange(props.totalPages - 1, event)\n            }\n            rel={\n              props.totalPages - 1 === props.currentPage + 1\n                ? `next`\n                : props.totalPages - 1 === props.currentPage - 1\n                ? `prev`\n                : undefined\n            }\n          >\n            {props.totalPages}\n          </a>\n        )}\n        {props.currentPage + 1 < props.totalPages && (\n          <a\n            className=\"rs__pagination__next-link\"\n            rel=\"next\"\n            href={props.buildPagePath(props.currentPage + 2)}\n            onClick={(event) => props.handleNextPage(event)}\n          >\n            {\"Next\"}\n          </a>\n        )}\n      </nav>\n    );\n  };\n"]}

package/dist/src/components/{example → Example}/ExampleSortby.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { SortbyProps } from "../../components";
-export declare type ExampleSortbyProps = Parameters<Required<SortbyProps>["renderSortOptions"]>[0];
+export declare type ExampleSortbyProps = React.ComponentProps<NonNullable<SortbyProps["renderSortOptions"]>>;
 export declare const ExampleSortby: React.FC<ExampleSortbyProps>;

package/dist/src/components/Example/ExampleSortby.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleSortby = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleSortby = (props) => {
+    var _a;
+    return (react_1.default.createElement("select", { className: "rs__sortby__select", value: (_a = props.sortOption) === null || _a === void 0 ? void 0 : _a.handle, onChange: (event) => props.setSortOption(event.target.value) }, props.sortOptions.map((sortOption) => (react_1.default.createElement("option", { key: sortOption.handle, className: "rs__sortby__option", value: sortOption.handle }, sortOption.name)))));
+};
+exports.ExampleSortby = ExampleSortby;
+//# sourceMappingURL=ExampleSortby.js.map

package/dist/src/components/Example/ExampleSortby.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleSortby.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAE3D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,0CACE,GAAG,EAAE,UAAU,CAAC,MAAM,EACtB,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,UAAU,CAAC,MAAM,IAEvB,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB","sourcesContent":["import React from \"react\";\n\nimport { SortbyProps } from \"../../components\";\n\nexport type ExampleSortbyProps = React.ComponentProps<\n  NonNullable<SortbyProps[\"renderSortOptions\"]>\n>;\n\nexport const ExampleSortby: React.FC<ExampleSortbyProps> = (props) => {\n  return (\n    <select\n      className=\"rs__sortby__select\"\n      value={props.sortOption?.handle}\n      onChange={(event) => props.setSortOption(event.target.value)}\n    >\n      {props.sortOptions.map((sortOption) => (\n        <option\n          key={sortOption.handle}\n          className=\"rs__sortby__option\"\n          value={sortOption.handle}\n        >\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};\n"]}

package/dist/src/components/{example → Example}/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./ExampleResultPaginationNumbered"), exports);
 __exportStar(require("./ExampleResultPaginationLoadMore"), exports);
 __exportStar(require("./ExampleResultPaginationNextPrev"), exports);
 __exportStar(require("./ExampleSortby"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/components/Example/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,uDAAqC;AACrC,6DAA0C;AAC1C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC","sourcesContent":["export * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilterStack\";\nexport * from \"./ExampleResultCardCallout\"\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSortby\";"]}

package/dist/src/components/{filter → Filter}/Filter.js

@@ -22,16 +22,16 @@ const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const Filter = (props) => {
     if ("single" === props.filter.displayType) {
-        return (react_1.default.createElement(FilterSingleList, Object.assign({}, props)));
+        return react_1.default.createElement(FilterSingleList, Object.assign({}, props));
     }
     if ("multi" === props.filter.displayType) {
-        return (react_1.default.createElement(FilterMultiList, Object.assign({}, props)));
+        return react_1.default.createElement(FilterMultiList, Object.assign({}, props));
     }
     if ("range" === props.filter.displayType) {
-        return (react_1.default.createElement(FilterRange, Object.assign({}, props)));
+        return react_1.default.createElement(FilterRange, Object.assign({}, props));
     }
     if ("slider" === props.filter.displayType) {
-        return (react_1.default.createElement(FilterSlider, Object.assign({}, props)));
+        return react_1.default.createElement(FilterSlider, Object.assign({}, props));
     }
     console.log(`filter with display type "${props.filter.displayType}" not yet supported`);
     return null;
@@ -64,26 +64,15 @@ const FilterSlider = (props) => {
 // inner component exists only so we can use memos in reactivesearch render functions
 const FilterListInner = (props) => {
     const { filter, renderFilterList, reactivesearchFilterProps } = props, otherProps = __rest(props, ["filter", "renderFilterList", "reactivesearchFilterProps"]);
-    const { track } = (0, hooks_1.useAnalytics)();
-    const _a = (0, hooks_1.useFilterListProps)(filter, reactivesearchFilterProps), { handleChange } = _a, filterListProps = __rest(_a, ["handleChange"]);
-    const handleFilterChange = react_1.default.useCallback((value) => {
-        handleChange(value);
-        track({
-            eventName: "filterChange",
-            payload: {
-                name: filter.name,
-                value: value,
-            },
-        });
-    }, [filterListProps]);
-    const updatedFilterListProps = Object.assign(Object.assign({}, filterListProps), { handleChange: handleFilterChange });
+    const filterListProps = (0, hooks_1.useFilterListProps)(filter, reactivesearchFilterProps);
     // hide entire filter when no options available
     if (0 === filterListProps.options.length) {
         return null;
     }
     if (renderFilterList) {
         const Component = renderFilterList;
-        return (react_1.default.createElement(Component, Object.assign({ filterListProps: updatedFilterListProps, filter: filter }, otherProps)));
+        return (react_1.default.createElement(Component, Object.assign({ filterListProps: filterListProps, filter: filter }, otherProps)));
     }
-    return (react_1.default.createElement(components_1.ExampleFilterList, Object.assign({ filterListProps: updatedFilterListProps, filter: filter }, otherProps)));
+    return (react_1.default.createElement(components_1.ExampleFilterList, Object.assign({ filterListProps: filterListProps, filter: filter }, otherProps)));
 };
+//# sourceMappingURL=Filter.js.map

package/dist/src/components/Filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wGAAgF;AAChF,0GAAkF;AAMlF,uCAMqB;AACrB,iDAAqD;AA4B9C,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IACrD,IAAI,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;QACzC,OAAO,8BAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAC;KACxC;IAED,IAAI,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;QACxC,OAAO,8BAAC,eAAe,oBAAK,KAAK,EAAI,CAAC;KACvC;IAED,IAAI,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;QACxC,OAAO,8BAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;KACnC;IAED,IAAI,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;QACzC,OAAO,8BAAC,YAAY,oBAAK,KAAK,EAAI,CAAC;KACpC;IAED,OAAO,CAAC,GAAG,CACT,6BAA6B,KAAK,CAAC,MAAM,CAAC,WAAW,qBAAqB,CAC3E,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAtBW,QAAA,MAAM,UAsBjB;AAEF,MAAM,gBAAgB,GAA0B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,uBAAuB,GAAG,IAAA,kCAA0B,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzE,OAAO,CACL,8BAAC,oBAAU,oBACL,uBAAuB,IAC3B,MAAM,EAAE,CAAC,yBAAoD,EAAE,EAAE,CAAC,CAChE,8BAAC,eAAe,oBACV,KAAK,IACT,yBAAyB,EAAE,yBAAyB,IACpD,CACH,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAA0B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,uBAAuB,GAAG,IAAA,kCAA0B,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzE,OAAO,CACL,8BAAC,mBAAS,oBACJ,uBAAuB,IAC3B,MAAM,EAAE,CAAC,yBAAoD,EAAE,EAAE,CAAC,CAChE,8BAAC,eAAe,oBACV,KAAK,IACT,yBAAyB,EAAE,yBAAyB,IACpD,CACH,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,wBAAwB,GAAG,IAAA,mCAA2B,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE3E,IAAI,KAAK,CAAC,iBAAiB,EAAE;QAC3B,MAAM,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC;QAE1C,OAAO,CACL,8BAAC,SAAS,oBACJ,KAAK,IACT,wBAAwB,EAAE,wBAAwB,IAClD,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,yBAAyB,GAAG,IAAA,oCAA4B,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7E,IAAI,KAAK,CAAC,kBAAkB,EAAE;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC;QAE3C,OAAO,CACL,8BAAC,SAAS,oBACJ,KAAK,IACT,yBAAyB,EAAE,yBAAyB,IACpD,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,qFAAqF;AACrF,MAAM,eAAe,GAEjB,CAAC,KAAK,EAAE,EAAE;IACZ,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,yBAAyB,KACzD,KAAK,EADyD,UAAU,UACxE,KAAK,EADD,2DAAsE,CACrE,CAAC;IAER,MAAM,eAAe,GAAG,IAAA,0BAAkB,EAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;IAE9E,+CAA+C;IAC/C,IAAI,CAAC,KAAK,eAAe,CAAC,OAAO,CAAC,MAAM,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,gBAAgB,EAAE;QACpB,MAAM,SAAS,GAAG,gBAAgB,CAAC;QACnC,OAAO,CACL,8BAAC,SAAS,kBACR,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,IACV,UAAU,EACd,CACH,CAAC;KACH;IAED,OAAO,CACL,8BAAC,8BAAiB,kBAChB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,IACV,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport MultiList from \"@appbaseio/reactivesearch/lib/components/list/MultiList\";\nimport SingleList from \"@appbaseio/reactivesearch/lib/components/list/SingleList\";\n\nimport type {\n  ConfigFilterOption,\n  ReactivesearchFilterProps,\n} from \"../../types\";\nimport {\n  useAnalytics,\n  useFilterListProps,\n  useReactiveFilterListProps,\n  useReactiveFilterRangeProps,\n  useReactiveFilterSliderProps,\n} from \"../../hooks\";\nimport { ExampleFilterList } from \"../../components\";\nimport { debug } from \"../../utility\";\n\nexport type FilterProps = {\n  /** The filter option being rendered */\n  filter: ConfigFilterOption;\n  /** Render method for List filters */\n  renderFilterList?: React.FC<\n    Omit<FilterProps, \"renderFilterList\"> & {\n      filterListProps: ReturnType<typeof useFilterListProps>;\n    }\n  >;\n  /** Render method for Range filters */\n  renderFilterRange?: React.FC<\n    Omit<FilterProps, \"renderFilterRange\"> & {\n      reactiveFilterRangeProps: ReturnType<typeof useReactiveFilterRangeProps>;\n    }\n  >;\n  /** Render method for Slider filters */\n  renderFilterSlider?: React.FC<\n    Omit<FilterProps, \"renderFilterSlider\"> & {\n      reactiveFilterSliderProps: ReturnType<\n        typeof useReactiveFilterSliderProps\n      >;\n    }\n  >;\n};\n\nexport const Filter: React.FC<FilterProps> = (props) => {\n  if (\"single\" === props.filter.displayType) {\n    return <FilterSingleList {...props} />;\n  }\n\n  if (\"multi\" === props.filter.displayType) {\n    return <FilterMultiList {...props} />;\n  }\n\n  if (\"range\" === props.filter.displayType) {\n    return <FilterRange {...props} />;\n  }\n\n  if (\"slider\" === props.filter.displayType) {\n    return <FilterSlider {...props} />;\n  }\n\n  console.log(\n    `filter with display type \"${props.filter.displayType}\" not yet supported`\n  );\n\n  return null;\n};\n\nconst FilterSingleList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <SingleList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterMultiList: React.FC<FilterProps> = (props) => {\n  const reactiveFilterListProps = useReactiveFilterListProps(props.filter);\n\n  return (\n    <MultiList\n      {...reactiveFilterListProps}\n      render={(reactivesearchFilterProps: ReactivesearchFilterProps) => (\n        <FilterListInner\n          {...props}\n          reactivesearchFilterProps={reactivesearchFilterProps}\n        />\n      )}\n    />\n  );\n};\n\nconst FilterRange: React.FC<FilterProps> = (props) => {\n  const reactiveFilterRangeProps = useReactiveFilterRangeProps(props.filter);\n\n  if (props.renderFilterRange) {\n    const Component = props.renderFilterRange;\n\n    return (\n      <Component\n        {...props}\n        reactiveFilterRangeProps={reactiveFilterRangeProps}\n      />\n    );\n  }\n\n  return null;\n};\n\nconst FilterSlider: React.FC<FilterProps> = (props) => {\n  const reactiveFilterSliderProps = useReactiveFilterSliderProps(props.filter);\n\n  if (props.renderFilterSlider) {\n    const Component = props.renderFilterSlider;\n\n    return (\n      <Component\n        {...props}\n        reactiveFilterSliderProps={reactiveFilterSliderProps}\n      />\n    );\n  }\n\n  return null;\n};\n\n// inner component exists only so we can use memos in reactivesearch render functions\nconst FilterListInner: React.FC<\n  FilterProps & { reactivesearchFilterProps: ReactivesearchFilterProps }\n> = (props) => {\n  const { filter, renderFilterList, reactivesearchFilterProps, ...otherProps } =\n    props;\n\n  const filterListProps = useFilterListProps(filter, reactivesearchFilterProps);\n\n  // hide entire filter when no options available\n  if (0 === filterListProps.options.length) {\n    return null;\n  }\n\n  if (renderFilterList) {\n    const Component = renderFilterList;\n    return (\n      <Component\n        filterListProps={filterListProps}\n        filter={filter}\n        {...otherProps}\n      />\n    );\n  }\n\n  return (\n    <ExampleFilterList\n      filterListProps={filterListProps}\n      filter={filter}\n      {...otherProps}\n    />\n  );\n};\n"]}

package/dist/src/components/{filter → Filter}/FilterStack.js

@@ -14,3 +14,4 @@ const FilterStack = (props) => {
     return (react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filtersHook)));
 };
 exports.FilterStack = FilterStack;
+//# sourceMappingURL=FilterStack.js.map

package/dist/src/components/Filter/FilterStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterStack.js","sourceRoot":"","sources":["../../../../src/components/Filter/FilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAsD;AAO/C,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;;IAC/D,MAAM,WAAW,GAAG,IAAA,kBAAU,GAAE,CAAC;IAEjC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,+BAAkB,CAAC;IAEzE,OAAO,CACL,8BAAC,sBAAsB,oBACjB,WAAW,EACf,CACH,CAAA;AACH,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilterStack } from \"../../components\";\n\nexport type FilterStackProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilters>>\n};\n\nexport const FilterStack: React.FC<FilterStackProps> = (props) => {\n  const filtersHook = useFilters();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilterStack;\n\n  return (\n    <RenderFiltersComponent\n      {...filtersHook}\n    />\n  )\n};\n"]}

package/dist/src/components/{filter → Filter}/index.js

@@ -12,3 +12,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Filter"), exports);
 __exportStar(require("./FilterStack"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/components/Filter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B","sourcesContent":["export * from \"./Filter\";\nexport * from \"./FilterStack\";\n"]}