@usereactify/search 5.0.0-beta.6 → 5.0.0-beta.9

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.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)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.0.0-beta.6",
+    "version": "5.0.0-beta.9",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

package/dist/src/components/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

@@ -7,14 +7,15 @@ 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("h1", null, props.filter.name),
-        react_1.default.createElement("ul", null, props.filterListProps.options.map((option) => (react_1.default.createElement("li", { key: option.key },
-            react_1.default.createElement("label", null,
-                react_1.default.createElement("input", { value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
-                option.key,
-                " (",
-                option.doc_count,
-                ")")))))));
+        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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterList.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterList.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,OAAO,CACL;QACE,0CAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;QAC5B,0CACG,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7C,sCAAI,GAAG,EAAE,MAAM,CAAC,GAAG;YACjB;gBACE,yCACE,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,CAAC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,GAC9E;gBACD,MAAM,CAAC,GAAG;;gBAAI,MAAM,CAAC,SAAS;oBACzB,CACL,CACN,CAAC,CACC,CACJ,CACJ,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,iBAAiB,qBAqB5B","sourcesContent":["import React from \"react\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterListProps = Parameters<Required<FilterProps>[\"renderFilterList\"]>[0];\n\nexport const ExampleFilterList: React.FC<ExampleFilterListProps> = (props) => {\n  return (\n    <>\n      <h1>{props.filter.name}</h1>\n      <ul>\n        {props.filterListProps.options.map((option) => (\n          <li key={option.key}>\n            <label>\n              <input\n                value={option.key}\n                type=\"checkbox\"\n                checked={option.checked}\n                onChange={({ target: { value } }) => props.filterListProps.handleChange(value)}\n              />\n              {option.key} ({option.doc_count})\n            </label>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n};"]}
+{"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

@@ -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/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: [
+            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" },

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterRange.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterRange.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AAMjD,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,0CAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YAC5B,8BAAC,4BAAW,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;AAlBW,QAAA,kBAAkB,sBAkB7B","sourcesContent":["import React from \"react\";\nimport { SingleRange } from \"@appbaseio/reactivesearch\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterRangeProps = Parameters<Required<FilterProps>[\"renderFilterRange\"]>[0];\n\nexport const ExampleFilterRange: React.FC<ExampleFilterRangeProps> = (props) => {\n  if (props.filter.handle === \"price\") {\n    return (\n      <>\n        <h1>{props.filter.name}</h1>\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"]}
+{"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

@@ -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/ExampleFilterSlider.js

@@ -9,10 +9,10 @@ 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),
+            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;

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterSlider.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterSlider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAAwD;AAMjD,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE;IAC/E,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE;QACnC,OAAO,CACL;YACE,0CAAK,KAAK,CAAC,MAAM,CAAC,IAAI,CAAM;YAC5B,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;AAjBW,QAAA,mBAAmB,uBAiB9B","sourcesContent":["import React from \"react\";\nimport { RangeSlider } from \"@appbaseio/reactivesearch\";\n\nimport { FilterProps } from \"../../components\";\n\nexport type ExampleFilterSliderProps = Parameters<Required<FilterProps>[\"renderFilterSlider\"]>[0];\n\nexport const ExampleFilterSlider: React.FC<ExampleFilterSliderProps> = (props) => {\n  if (props.filter.handle === \"price\") {\n    return (\n      <>\n        <h1>{props.filter.name}</h1>\n        <RangeSlider\n          range={{\n            start: 0,\n            end: 500\n          }}\n          {...props.reactiveFilterSliderProps}\n        />\n      </>\n    );\n  }\n\n  return null;\n};\n"]}
+{"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

@@ -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/ExampleFilterStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleFilterStack.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilterStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4D;AAIrD,MAAM,kBAAkB,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC7E,OAAO,CACL,8DACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,8BAAC,mBAAM,kBACL,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,IACV,KAAK,EACT,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,kBAAkB,sBAY7B","sourcesContent":["import React from \"react\";\n\nimport { Filter, FilterStackProps } from \"../../components\";\n\nexport type ExampleFilterStackProps = Parameters<Required<FilterStackProps>[\"renderFilters\"]>[0];\n\nexport const ExampleFilterStack: React.FC<ExampleFilterStackProps> = (props) => {\n  return (\n    <>\n      {props.filters.map((filter) => (\n        <Filter\n          key={filter.id}\n          filter={filter}\n          {...props}\n        />\n      ))}\n    </>\n  );\n};"]}
+{"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

@@ -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/ExampleResultCardCallout.js

@@ -13,10 +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__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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACzF,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,2CACE,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,SAAS;QAEhB,qCACE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,WAAW;YAEzB,KAAK,CAAC,OAAO,CAAC,YAAY,IAAI,CAC7B,uCACE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAC/B,KAAK,EAAC,MAAM,GACZ,CACH;YACA,KAAK,CAAC,OAAO,CAAC,KAAK,CAClB,CACI,CACX,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,wBAAwB,4BA4BnC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardCalloutProps } from \"../../components\";\n\nexport type ExampleResultCardCalloutProps = Parameters<Required<ResultCardCalloutProps>[\"render\"]>[0];\n\nexport const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps> = (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    <article\n      ref={props.itemRef}\n      style={styleProp}\n    >\n      <a\n        href={props.callout.link}\n        onClick={props.handleClick}\n      >\n        {props.callout.desktopImage && (\n          <img\n            src={props.callout.desktopImage}\n            width=\"100%\"\n          />\n        )}\n        {props.callout.title}\n      </a>\n    </article>\n  );\n};"]}
+{"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

@@ -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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExampleResultCardProduct = void 0;
 const react_1 = __importDefault(require("react"));
 const ExampleResultCardProduct = (props) => {
-    return (react_1.default.createElement("article", { ref: props.itemRef },
-        react_1.default.createElement("a", { onClick: props.handleClick, href: `/products/${props.product.handle}` },
-            props.product.image && (react_1.default.createElement("img", { src: props.product.image, width: "100%" })),
-            props.product.title),
-        react_1.default.createElement("span", null, props.formattedPrice),
-        props.onSale && (react_1.default.createElement("span", { style: {
-                textDecoration: "line-through"
+    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;

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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResultCardProduct.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultCardProduct.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;IACzF,OAAO,CACL,2CACE,GAAG,EAAE,KAAK,CAAC,OAAO;QAElB,qCACE,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,IAAI,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;YAExC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,CACtB,uCACE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EACxB,KAAK,EAAC,MAAM,GACZ,CACH;YACA,KAAK,CAAC,OAAO,CAAC,KAAK,CAClB;QACJ,4CACG,KAAK,CAAC,cAAc,CAChB;QACN,KAAK,CAAC,MAAM,IAAI,CACf,wCACE,KAAK,EAAE;gBACL,cAAc,EAAE,cAAc;aAC/B,IAEA,KAAK,CAAC,uBAAuB,CACzB,CACR,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,wBAAwB,4BA+BnC","sourcesContent":["import React from \"react\";\n\nimport { ResultCardProductProps } from \"../../components\";\n\nexport type ExampleResultCardProductProps = Parameters<Required<ResultCardProductProps>[\"render\"]>[0];\n\nexport const ExampleResultCardProduct: React.FC<ExampleResultCardProductProps> = (props) => {\n  return (\n    <article\n      ref={props.itemRef}\n    >\n      <a\n        onClick={props.handleClick}\n        href={`/products/${props.product.handle}`}\n      >\n        {props.product.image && (\n          <img\n            src={props.product.image}\n            width=\"100%\"\n          />\n        )}\n        {props.product.title}\n      </a>\n      <span>\n        {props.formattedPrice}\n      </span>\n      {props.onSale && (\n        <span\n          style={{\n            textDecoration: \"line-through\"\n          }}\n        >\n          {props.formattedCompareAtPrice}\n        </span>\n      )}\n    </article>\n  );\n};"]}
+{"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

@@ -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/ExampleResultPaginationLoadMore.js

@@ -6,7 +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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,+BAA+B,GAAmD,CAAC,KAAK,EAAE,EAAE;IACvG,OAAO,CACL,0CACE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAEpC,WAAW,CACL,CACV,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,+BAA+B,mCAQ1C","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationLoadMoreProps } from \"../../components\";\n\nexport type ExampleResultPaginationLoadMoreProps = Parameters<Required<ResultPaginationLoadMoreProps>[\"render\"]>[0];\n\nexport const ExampleResultPaginationLoadMore: React.FC<ExampleResultPaginationLoadMoreProps> = (props) => {\n  return (\n    <button\n      onClick={() => props.handleLoadMore()}\n    >\n      {\"Load more\"}\n    </button>\n  );\n};"]}
+{"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

@@ -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/ExampleResultPaginationNextPrev.js

@@ -6,9 +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

@@ -1 +1 @@
-{"version":3,"file":"ExampleResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,+BAA+B,GAAmD,CAAC,KAAK,EAAE,EAAE;IACvG,OAAO,CACL;QACG,KAAK,CAAC,eAAe,IAAI,CACxB,qCACE,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,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;AAvBW,QAAA,+BAA+B,mCAuB1C","sourcesContent":["import React from \"react\";\n\nimport { ResultPaginationNextPrevProps } from \"../../components\";\n\nexport type ExampleResultPaginationNextPrevProps = Parameters<Required<ResultPaginationNextPrevProps>[\"render\"]>[0];\n\nexport const ExampleResultPaginationNextPrev: React.FC<ExampleResultPaginationNextPrevProps> = (props) => {\n  return (\n    <nav>\n      {props.hasPreviousPage && (\n        <a\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          rel=\"next\"\n          onClick={props.handleNextPage}\n          href={props.buildPagePath(props.actualCurrentPage + 1)}\n        >\n          {\"Next\"}\n        </a>\n      )}\n    </nav>\n  );\n};"]}
+{"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

@@ -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

@@ -6,22 +6,22 @@ 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", null,
-        props.currentPage > 0 && (react_1.default.createElement("a", { rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePageChange(props.currentPage - 1, event) }, "Prev")),
-        !props.pagesToShow.includes(0) && (react_1.default.createElement("a", { href: props.buildPagePath(1), onClick: (event) => props.handlePageChange(0, event), rel: 0 === props.currentPage - 1 ? `prev` : undefined }, "1")),
+    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", { key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { key: page + 1, href: props.buildPagePath(page + 1), onClick: (event) => props.handlePageChange(page, event), rel: page === props.currentPage + 1
+        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", { href: props.buildPagePath(props.totalPages), onClick: (event) => props.handlePageChange(props.totalPages - 1, event), rel: props.totalPages - 1 === props.currentPage + 1
+        !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", { rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handlePageChange(props.currentPage + 1, event) }, "Next"))));
+        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

@@ -1 +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 = Parameters<Required<ResultPaginationNumberedProps>[\"render\"]>[0];\n\nexport const ExampleResultPaginationNumbered: React.FC<ExampleResultPaginationNumberedProps> = (props) => {\n  return (\n    <nav>\n      {props.currentPage > 0 && (\n        <a\n          rel=\"prev\"\n          href={props.buildPagePath(props.currentPage)}\n          onClick={(event) => props.handlePageChange(props.currentPage - 1, event)}\n        >\n          {\"Prev\"}\n        </a>\n      )}\n      {!props.pagesToShow.includes(0) && (\n        <a\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 key={page + 1}>{page + 1}</span>\n        ) : (\n          <a\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          href={props.buildPagePath(props.totalPages)}\n          onClick={(event) => props.handlePageChange(props.totalPages - 1, event)}\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          rel=\"next\"\n          href={props.buildPagePath(props.currentPage + 2)}\n          onClick={(event) => props.handlePageChange(props.currentPage + 1, event)}\n        >\n          {\"Next\"}\n        </a>\n      )}\n    </nav>\n  );\n};"]}
+{"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

@@ -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

@@ -7,7 +7,7 @@ exports.ExampleSortby = void 0;
 const react_1 = __importDefault(require("react"));
 const ExampleSortby = (props) => {
     var _a;
-    return (react_1.default.createElement("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, value: sortOption.handle }, sortOption.name)))));
+    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

@@ -1 +1 @@
-{"version":3,"file":"ExampleSortby.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,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,KAAK,EAAE,UAAU,CAAC,MAAM,IAEvB,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,aAAa,iBAgBxB","sourcesContent":["import React from \"react\";\n\nimport { SortbyProps } from \"../../components\";\n\nexport type ExampleSortbyProps = Parameters<Required<SortbyProps>[\"renderSortOptions\"]>[0];\n\nexport const ExampleSortby: React.FC<ExampleSortbyProps> = (props) => {\n  return (\n    <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          value={sortOption.handle}\n        >\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};"]}
+{"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/ReactifySearchBase/ReactifySearchBase.js

@@ -25,20 +25,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactifySearchBase = void 0;
 const react_1 = __importDefault(require("react"));
 const Sentry = __importStar(require("@sentry/react"));
-const tracing_1 = require("@sentry/tracing");
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
-const package_json_1 = require("../../../package.json");
-const debug = require("debug")("reactify-search:ReactifySearchBase");
-Sentry.init({
-    dsn: "https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743",
-    integrations: [new tracing_1.BrowserTracing()],
-    tracesSampleRate: 1.0,
-    release: package_json_1.version,
-});
+const utility_1 = require("../../utility");
 const ReactifySearchBase = (props) => {
     react_1.default.useEffect(() => {
-        debug("variable[props]", props);
+        utility_1.debug.log("ReactifySearchBase", "props", props);
         Sentry.setTags({
             "reactifysearch.index": props.index,
             "reactifysearch.shop": props.shopifyPermanentDomain,
@@ -102,8 +94,7 @@ const ReactifySearchInner = (props) => {
         if (!config) {
             return;
         }
-        ;
-        return {
+        const memoValue = {
             config: config,
             options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filterStackHandle: props.filterStackHandle, credentials: credentials, theme: theme }),
             search: {
@@ -115,15 +106,11 @@ const ReactifySearchInner = (props) => {
             sortby: {
                 sortOption: sortOption,
                 setSortOption: setSortOption,
-            }
+            },
         };
-    }, [
-        config,
-        props,
-        searchQuery,
-        instantSearchVisible,
-        sortOption,
-    ]);
+        utility_1.debug.log("ReactifySearchBase", "context", memoValue);
+        return memoValue;
+    }, [config, props, searchQuery, instantSearchVisible, sortOption]);
     if (!contextValue) {
         if (props.renderBooting) {
             return props.renderBooting();

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

@@ -1 +1 @@
-{"version":3,"file":"ReactifySearchBase.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/ReactifySearchBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\nimport { BrowserTracing } from \"@sentry/tracing\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\n\nimport { version } from \"../../../package.json\";\n\nconst debug = require(\"debug\")(\"reactify-search:ReactifySearchBase\");\n\nSentry.init({\n  dsn: \"https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743\",\n  integrations: [new BrowserTracing()],\n  tracesSampleRate: 1.0,\n  release: version,\n});\n\nexport type ReactifySearchBaseProps = {\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Specific filter group handle, used to override automated logic */\n  filterStackHandle?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentHandles?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: {\n    username: string;\n    password: string;\n    endpoint: string;\n  };\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n} & ({\n  mode: \"search\";\n} | {\n  mode: \"collection\";\n  /** Collection object that includes the handle, used to find curations */\n  collection: {\n    id: number;\n    title: string;\n    handle: string;\n  };\n} | {\n  mode: \"instant-search\";\n});\n\nexport const ReactifySearchBase: React.FC<ReactifySearchBaseProps> = (props) => {  \n  React.useEffect(() => {\n    debug(\"variable[props]\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\": props.mode === \"collection\" ? props.collection.handle : undefined,\n      \"reactifysearch.filter\": props.filterStackHandle,\n    });\n  }, [props]);\n  \n  return (\n    <Sentry.ErrorBoundary\n      fallback={<p>An error has occurred</p>}\n    >\n      <ReactifySearchInner\n        {...props}\n      />\n    </Sentry.ErrorBoundary>\n  )\n}\n\nconst ReactifySearchInner: React.FC<ReactifySearchBaseProps> = (props) => {\n  const { config } = useConfig(\n    props.shopifyPermanentDomain,\n    props.configId\n  );\n\n  const [searchQuery, setSearchQuery] = React.useState<string>(\"\");\n  const [instantSearchVisible, setInstantSearchVisible] = React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\"\");\n\n  const credentials = props.credentials ?? {\n    username: \"guest\",\n    password: \"password\",\n    endpoint: \"https://api.search.reactify.app\",\n  };\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchQueryFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [window.location.search]);\n\n  React.useEffect(() => {\n    if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {\n      setSearchQuery(searchQueryFromURL);\n    }\n  }, [searchQueryFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  React.useEffect(() => {\n    if (window.location.search === \"\" && sortOption) {\n      setSortOption(sortOption);\n    }\n  }, [window.location.href]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return\n    };\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filterStackHandle: props.filterStackHandle,\n        credentials: credentials,\n        theme: theme,\n      },\n      search: {\n        searchQuery: searchQuery,\n        setSearchQuery: setSearchQuery,\n        instantSearchVisible: instantSearchVisible,\n        setInstantSearchVisible: setInstantSearchVisible,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      }\n    }\n}, [\n    config,\n    props,\n    searchQuery,\n    instantSearchVisible,\n    sortOption,\n  ]);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider\n        value={contextValue}\n      >\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider\n      value={contextValue}\n    >\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"ReactifySearchBase.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchBase/ReactifySearchBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\n\nexport type ReactifySearchBaseProps = {\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Specific filter group handle, used to override automated logic */\n  filterStackHandle?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentHandles?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: {\n    username: string;\n    password: string;\n    endpoint: string;\n  };\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collection: {\n        id: number;\n        title: string;\n        handle: string;\n      };\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchBase: React.FC<ReactifySearchBaseProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchBase\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collection.handle : undefined,\n      \"reactifysearch.filter\": props.filterStackHandle,\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchBaseProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const [searchQuery, setSearchQuery] = React.useState<string>(\"\");\n  const [instantSearchVisible, setInstantSearchVisible] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\"\");\n\n  const credentials = props.credentials ?? {\n    username: \"guest\",\n    password: \"password\",\n    endpoint: \"https://api.search.reactify.app\",\n  };\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchQueryFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") return undefined;\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [window.location.search]);\n\n  React.useEffect(() => {\n    if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {\n      setSearchQuery(searchQueryFromURL);\n    }\n  }, [searchQueryFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  React.useEffect(() => {\n    if (window.location.search === \"\" && sortOption) {\n      setSortOption(sortOption);\n    }\n  }, [window.location.href]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    const memoValue = {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filterStackHandle: props.filterStackHandle,\n        credentials: credentials,\n        theme: theme,\n      },\n      search: {\n        searchQuery: searchQuery,\n        setSearchQuery: setSearchQuery,\n        instantSearchVisible: instantSearchVisible,\n        setInstantSearchVisible: setInstantSearchVisible,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n    };\n\n    debug.log(\"ReactifySearchBase\", \"context\", memoValue);\n\n    return memoValue;\n  }, [config, props, searchQuery, instantSearchVisible, sortOption]);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider value={contextValue}>\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}

package/dist/src/components/Result/ResultCardCallout.js

@@ -9,6 +9,7 @@ const react_intersection_observer_1 = require("react-intersection-observer");
 const hooks_1 = require("../../hooks");
 const __1 = require("..");
 const ResultCardCallout = (props) => {
+    var _a;
     const { track } = (0, hooks_1.useAnalytics)();
     const { ref, inView } = (0, react_intersection_observer_1.useInView)({
         threshold: 0.5,
@@ -37,11 +38,8 @@ const ResultCardCallout = (props) => {
             handleView();
         }
     }, [inView]);
-    if (props.render) {
-        const Component = props.render;
-        return (react_1.default.createElement(Component, Object.assign({}, props, { itemRef: ref, handleClick: handleClick })));
-    }
-    return (react_1.default.createElement(__1.ExampleResultCardCallout, Object.assign({}, props, { itemRef: ref, handleClick: handleClick })));
+    const RenderComponent = (_a = props.render) !== null && _a !== void 0 ? _a : __1.ExampleResultCardCallout;
+    return react_1.default.createElement(RenderComponent, Object.assign({}, props, { itemRef: ref, handleClick: handleClick }));
 };
 exports.ResultCardCallout = ResultCardCallout;
 //# sourceMappingURL=ResultCardCallout.js.map

package/dist/src/components/Result/ResultCardCallout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA2C;AAC3C,0BAA8C;AAYvC,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAGb,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,OAAO,CACL,8BAAC,SAAS,oBACJ,KAAK,IACT,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAC;KACH;IAED,OAAO,CACL,8BAAC,4BAAwB,oBACnB,KAAK,IACT,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,WAAW,IACxB,CACH,CAAA;AACH,CAAC,CAAC;AApDW,QAAA,iBAAiB,qBAoD5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { ElasticCallout } from \"../../types\";\nimport { useAnalytics } from \"../../hooks\";\nimport { ExampleResultCardCallout } from \"..\";\n\nexport type ResultCardCalloutProps = {\n  pagePosition: number;\n  document: ElasticCallout;\n  callout: ElasticCallout[\"callout\"];\n  render?: React.FC<Omit<ResultCardCalloutProps, \"render\"> & {\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n};\n\nexport const ResultCardCallout: React.FC<ResultCardCalloutProps> = (props) => {\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  React.useEffect(() => {\n    if (inView) {\n      handleView();\n    }\n  }, [inView]);\n\n\n  if (props.render) {\n    const Component = props.render;\n    return (\n      <Component\n        {...props}\n        itemRef={ref}\n        handleClick={handleClick}\n      />\n    );\n  }\n\n  return (\n    <ExampleResultCardCallout\n      {...props}\n      itemRef={ref}\n      handleClick={handleClick}\n    />\n  )\n};\n"]}
+{"version":3,"file":"ResultCardCallout.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultCardCallout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,6EAAwD;AAGxD,uCAA2C;AAC3C,0BAA8C;AAcvC,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;;IAC3E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,uCAAS,EAAC;QAChC,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC;YACJ,SAAS,EAAE,gBAAgB;YAC3B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,KAAK,CAAC;YACJ,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE;gBACP,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;gBACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;aAC3B;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,EAAE;YACV,UAAU,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4BAAwB,CAAC;IAEjE,OAAO,8BAAC,eAAe,oBAAK,KAAK,IAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,IAAI,CAAC;AAChF,CAAC,CAAC;AApCW,QAAA,iBAAiB,qBAoC5B","sourcesContent":["import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\n\nimport { ElasticCallout } from \"../../types\";\nimport { useAnalytics } from \"../../hooks\";\nimport { ExampleResultCardCallout } from \"..\";\n\nexport type ResultCardCalloutProps = {\n  pagePosition: number;\n  document: ElasticCallout;\n  callout: ElasticCallout[\"callout\"];\n  render?: React.FC<\n    Omit<ResultCardCalloutProps, \"render\"> & {\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n};\n\nexport const ResultCardCallout: React.FC<ResultCardCalloutProps> = (props) => {\n  const { track } = useAnalytics();\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  const handleClick = React.useCallback(() => {\n    track({\n      eventName: \"clickPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  const handleView = React.useCallback(() => {\n    track({\n      eventName: \"viewPromotion\",\n      payload: {\n        link: props.callout.link,\n        title: props.callout.title,\n      },\n    });\n  }, [track, props.callout]);\n\n  React.useEffect(() => {\n    if (inView) {\n      handleView();\n    }\n  }, [inView]);\n\n  const RenderComponent = props.render ?? ExampleResultCardCallout;\n\n  return <RenderComponent {...props} itemRef={ref} handleClick={handleClick} />;\n};\n"]}