@usereactify/search 4.4.1 → 5.0.0-beta.10

package/CHANGELOG.md

@@ -2,6 +2,99 @@
 
 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.10](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.9...v5.0.0-beta.10) (2022-07-27)
+
+## [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)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([4a85878](https://bitbucket.org/usereactify/reactify-search-ui/commit/4a858787ad547e87e10d3c3859ce41f87a4c3bbe))
+
+## [5.0.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.1) (2022-07-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+### Features
+
+* add support for beta deployments ([e8249c1](https://bitbucket.org/usereactify/reactify-search-ui/commit/e8249c1e68647ec45a9eb90607bfc6ae8b0f17f2))
+
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([f29d15f](https://bitbucket.org/usereactify/reactify-search-ui/commit/f29d15f8d370403fdc72dd642bc5987868db7f15))
+
+## [5.0.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.0) (2022-07-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([f29d15f](https://bitbucket.org/usereactify/reactify-search-ui/commit/f29d15f8d370403fdc72dd642bc5987868db7f15))
+
 ### [4.4.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.0...v4.4.1) (2022-07-21)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "4.4.1",
+    "version": "5.0.0-beta.9",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",
@@ -12,14 +12,15 @@
     ],
     "scripts": {
         "watch": "tsc --watch",
-        "release": "standard-version",
-        "release:patch": "standard-version --release-as patch",
-        "release:beta": "standard-version --release-as minor --prerelease beta",
-        "release:local": "yalc publish",
-        "build": "rimraf dist && tsc",
+        "release": "standard-version --prerelease rc",
+        "release:beta": "standard-version --prerelease beta",
+        "prebuild": "rimraf dist",
+        "build": "tsc",
         "prettier": "prettier --write .",
         "storybook": "start-storybook -p 6006",
-        "build-storybook": "build-storybook"
+        "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": {
@@ -33,7 +34,8 @@
         ]
     },
     "dependencies": {
-        "@sentry/react": "7.1.1",
+        "@sentry/react": "7.7.0",
+        "@sentry/tracing": "7.7.0",
         "ahooks": "2.10.11",
         "axios": "0.26.1",
         "currency.js": "2.0.4",
@@ -48,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/ExampleFilterList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FilterProps } from "../../components";
+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(react_1.default.Fragment, null,
+        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;QACE,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,CACJ,CACJ,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    <>\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    </>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleFilterRange.d.ts

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

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterRange = void 0;
+const react_1 = __importDefault(require("react"));
+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("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" },
+                ] }, props.reactiveFilterRangeProps))));
+    }
+    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;YACE,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,CACD,CACJ,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      <>\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      </>\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/Example/ExampleFilterSlider.d.ts

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

package/dist/src/components/Example/ExampleFilterSlider.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.ExampleFilterSlider = void 0;
+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("h3", { className: "rs__filter__name" }, props.filter.name),
+            react_1.default.createElement(reactivesearch_1.RangeSlider, Object.assign({ range: {
+                    start: 0,
+                    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;YACE,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,CACD,CACJ,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      <>\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      </>\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/Example/ExampleFilterStack.d.ts

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

package/dist/src/components/Example/ExampleFilterStack.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.ExampleFilterStack = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+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/ExampleResultCardCallout.d.ts

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

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultCardCallout = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultCardCallout = (props) => {
+    const styleProp = react_1.default.useMemo(() => {
+        var _a, _b;
+        return ({
+            gridRow: `span ${(_a = props.callout.displayRows) !== null && _a !== void 0 ? _a : 1}`,
+            gridColumn: `span ${(_b = props.callout.displayColumns) !== null && _b !== void 0 ? _b : 1}`,
+        });
+    }, [props.callout]);
+    return (react_1.default.createElement("div", { className: "rs__result-card-callout__wrapper", 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,kCAAkC,EAC5C,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__wrapper\"\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/ExampleResultCardProduct.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultCardProductProps } from "../../components";
+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__wrapper" },
+        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,kCAAkC;QACnE,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__wrapper\">\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/ExampleResultPaginationLoadMore.d.ts

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

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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", { 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/ExampleResultPaginationNextPrev.d.ts

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

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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", { 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/ExampleResultPaginationNumbered.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultPaginationNumberedProps } from "../../components";
+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/ExampleSortby.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SortbyProps } from "../../components";
+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/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./ExampleFilterList";
+export * from "./ExampleFilterRange";
+export * from "./ExampleFilterSlider";
+export * from "./ExampleFilterStack";
+export * from "./ExampleResultCardCallout";
+export * from "./ExampleResultCardProduct";
+export * from "./ExampleResultPaginationNumbered";
+export * from "./ExampleResultPaginationLoadMore";
+export * from "./ExampleResultPaginationNextPrev";
+export * from "./ExampleSortby";

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

@@ -0,0 +1,23 @@
+"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("./ExampleFilterList"), exports);
+__exportStar(require("./ExampleFilterRange"), exports);
+__exportStar(require("./ExampleFilterSlider"), exports);
+__exportStar(require("./ExampleFilterStack"), exports);
+__exportStar(require("./ExampleResultCardCallout"), exports);
+__exportStar(require("./ExampleResultCardProduct"), exports);
+__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.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { ConfigFilterOption } from "../../types";
+import { useFilterListProps, useReactiveFilterRangeProps, useReactiveFilterSliderProps } from "../../hooks";
+export declare type FilterProps = {
+    /** The filter option being rendered */
+    filter: ConfigFilterOption;
+    /** Render method for List filters */
+    renderFilterList?: React.FC<Omit<FilterProps, "renderFilterList"> & {
+        filterListProps: ReturnType<typeof useFilterListProps>;
+    }>;
+    /** Render method for Range filters */
+    renderFilterRange?: React.FC<Omit<FilterProps, "renderFilterRange"> & {
+        reactiveFilterRangeProps: ReturnType<typeof useReactiveFilterRangeProps>;
+    }>;
+    /** Render method for Slider filters */
+    renderFilterSlider?: React.FC<Omit<FilterProps, "renderFilterSlider"> & {
+        reactiveFilterSliderProps: ReturnType<typeof useReactiveFilterSliderProps>;
+    }>;
+};
+export declare const Filter: React.FC<FilterProps>;