@usereactify/search 5.59.1-beta.0 → 5.60.0-beta.1

package/dist/src/components/Result/ResultPaginationInfiniteScroll.d.ts

@@ -1,6 +1,6 @@
-import type React from "react";
-import { type ResultsProps } from "../../components";
-import type { ReactivesearchResultProps } from "../../types";
+import React from "react";
+import { ReactivesearchResultProps } from "../../types";
+import { ResultsProps } from "../../components";
 export type ResultPaginationInfiniteScrollProps = ReactivesearchResultProps & {
     render?: ResultsProps["renderPaginationInfiniteScroll"];
 };

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

@@ -1,14 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultPaginationInfiniteScroll = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const ResultPaginationInfiniteScroll = (props) => {
     var _a;
     const usePaginationLoadableHook = (0, hooks_1.usePaginationLoadable)(props);
     const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationInfiniteScroll;
-    return (0, jsx_runtime_1.jsx)(RenderPaginationComponent, Object.assign({}, usePaginationLoadableHook));
+    return react_1.default.createElement(RenderPaginationComponent, Object.assign({}, usePaginationLoadableHook));
 };
 exports.ResultPaginationInfiniteScroll = ResultPaginationInfiniteScroll;
 //# sourceMappingURL=ResultPaginationInfiniteScroll.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultPaginationInfiniteScroll.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationInfiniteScroll.tsx"],"names":[],"mappings":";;;;AACA,iDAA4F;AAC5F,uCAAoD;AAO7C,MAAM,8BAA8B,GAAkD,CAAC,KAAK,EAAE,EAAE;;IACrG,MAAM,yBAAyB,GAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC;IAE/D,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,kDAAqC,CAAC;IAExF,OAAO,uBAAC,yBAAyB,oBAAK,yBAAyB,EAAI,CAAC;AACtE,CAAC,CAAC;AANW,QAAA,8BAA8B,kCAMzC","sourcesContent":["import type React from \"react\";\nimport { ExampleResultPaginationInfiniteScroll, type ResultsProps } from \"../../components\";\nimport { usePaginationLoadable } from \"../../hooks\";\nimport type { ReactivesearchResultProps } from \"../../types\";\n\nexport type ResultPaginationInfiniteScrollProps = ReactivesearchResultProps & {\n  render?: ResultsProps[\"renderPaginationInfiniteScroll\"];\n};\n\nexport const ResultPaginationInfiniteScroll: React.FC<ResultPaginationInfiniteScrollProps> = (props) => {\n  const usePaginationLoadableHook = usePaginationLoadable(props);\n\n  const RenderPaginationComponent = props.render ?? ExampleResultPaginationInfiniteScroll;\n\n  return <RenderPaginationComponent {...usePaginationLoadableHook} />;\n};\n"]}
+{"version":3,"file":"ResultPaginationInfiniteScroll.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationInfiniteScroll.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAAoD;AACpD,iDAG0B;AAMnB,MAAM,8BAA8B,GACzC,CAAC,KAAK,EAAE,EAAE;;IACR,MAAM,yBAAyB,GAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC;IAE/D,MAAM,yBAAyB,GAC7B,MAAA,KAAK,CAAC,MAAM,mCAAI,kDAAqC,CAAC;IAExD,OAAO,8BAAC,yBAAyB,oBAAK,yBAAyB,EAAI,CAAC;AACtE,CAAC,CAAC;AARS,QAAA,8BAA8B,kCAQvC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../../types\";\nimport { usePaginationLoadable } from \"../../hooks\";\nimport {\n  ResultsProps,\n  ExampleResultPaginationInfiniteScroll,\n} from \"../../components\";\n\nexport type ResultPaginationInfiniteScrollProps = ReactivesearchResultProps & {\n  render?: ResultsProps[\"renderPaginationInfiniteScroll\"];\n};\n\nexport const ResultPaginationInfiniteScroll: React.FC<ResultPaginationInfiniteScrollProps> =\n  (props) => {\n    const usePaginationLoadableHook = usePaginationLoadable(props);\n\n    const RenderPaginationComponent =\n      props.render ?? ExampleResultPaginationInfiniteScroll;\n\n    return <RenderPaginationComponent {...usePaginationLoadableHook} />;\n  };\n"]}

package/dist/src/components/Result/ResultPaginationLoadMore.d.ts

@@ -1,6 +1,6 @@
-import type React from "react";
-import { type ResultsProps } from "../../components";
-import type { ReactivesearchResultProps } from "../../types";
+import React from "react";
+import { ReactivesearchResultProps } from "../../types";
+import { ResultsProps } from "../../components";
 export type ResultPaginationLoadMoreProps = ReactivesearchResultProps & {
     render?: ResultsProps["renderPaginationLoadMore"];
 };

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

@@ -1,14 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultPaginationLoadMore = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const ResultPaginationLoadMore = (props) => {
     var _a;
     const paginationLoadMoreHook = (0, hooks_1.usePaginationLoadable)(props);
     const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationLoadMore;
-    return (0, jsx_runtime_1.jsx)(RenderPaginationComponent, Object.assign({}, paginationLoadMoreHook));
+    return react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationLoadMoreHook));
 };
 exports.ResultPaginationLoadMore = ResultPaginationLoadMore;
 //# sourceMappingURL=ResultPaginationLoadMore.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;AACA,iDAAsF;AACtF,uCAAoD;AAO7C,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,sBAAsB,GAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,uBAAC,yBAAyB,oBAAK,sBAAsB,EAAI,CAAC;AACnE,CAAC,CAAC;AANW,QAAA,wBAAwB,4BAMnC","sourcesContent":["import type React from \"react\";\nimport { ExampleResultPaginationLoadMore, type ResultsProps } from \"../../components\";\nimport { usePaginationLoadable } from \"../../hooks\";\nimport type { ReactivesearchResultProps } from \"../../types\";\n\nexport type ResultPaginationLoadMoreProps = ReactivesearchResultProps & {\n  render?: ResultsProps[\"renderPaginationLoadMore\"];\n};\n\nexport const ResultPaginationLoadMore: React.FC<ResultPaginationLoadMoreProps> = (props) => {\n  const paginationLoadMoreHook = usePaginationLoadable(props);\n\n  const RenderPaginationComponent = props.render ?? ExampleResultPaginationLoadMore;\n\n  return <RenderPaginationComponent {...paginationLoadMoreHook} />;\n};\n"]}
+{"version":3,"file":"ResultPaginationLoadMore.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationLoadMore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAAoD;AACpD,iDAG0B;AAMnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;;IACR,MAAM,sBAAsB,GAAG,IAAA,6BAAqB,EAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,yBAAyB,GAC7B,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElD,OAAO,8BAAC,yBAAyB,oBAAK,sBAAsB,EAAI,CAAC;AACnE,CAAC,CAAC;AARS,QAAA,wBAAwB,4BAQjC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchResultProps } from \"../../types\";\nimport { usePaginationLoadable } from \"../../hooks\";\nimport {\n  ResultsProps,\n  ExampleResultPaginationLoadMore,\n} from \"../../components\";\n\nexport type ResultPaginationLoadMoreProps = ReactivesearchResultProps & {\n  render?: ResultsProps[\"renderPaginationLoadMore\"];\n};\n\nexport const ResultPaginationLoadMore: React.FC<ResultPaginationLoadMoreProps> =\n  (props) => {\n    const paginationLoadMoreHook = usePaginationLoadable(props);\n\n    const RenderPaginationComponent =\n      props.render ?? ExampleResultPaginationLoadMore;\n\n    return <RenderPaginationComponent {...paginationLoadMoreHook} />;\n  };\n"]}

package/dist/src/components/Result/ResultPaginationNextPrev.d.ts

@@ -1,6 +1,6 @@
-import type React from "react";
-import { type ResultsProps } from "../../components";
-import type { ReactivesearchPaginationProps } from "../../types";
+import React from "react";
+import { ReactivesearchPaginationProps } from "../../types";
+import { ResultsProps } from "../../components";
 export type ResultPaginationNextPrevProps = ReactivesearchPaginationProps & {
     render?: ResultsProps["renderPaginationNextPrev"];
 };

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

@@ -1,14 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultPaginationNextPrev = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const ResultPaginationNextPrev = (props) => {
     var _a;
     const paginationHook = (0, hooks_1.usePagination)(props);
     const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationNextPrev;
-    return (0, jsx_runtime_1.jsx)(RenderPaginationComponent, Object.assign({}, paginationHook));
+    return react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationHook));
 };
 exports.ResultPaginationNextPrev = ResultPaginationNextPrev;
 //# sourceMappingURL=ResultPaginationNextPrev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;AACA,iDAAsF;AACtF,uCAA4C;AAOrC,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,uBAAC,yBAAyB,oBAAK,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC;AANW,QAAA,wBAAwB,4BAMnC","sourcesContent":["import type React from \"react\";\nimport { ExampleResultPaginationNextPrev, type ResultsProps } from \"../../components\";\nimport { usePagination } from \"../../hooks\";\nimport type { ReactivesearchPaginationProps } from \"../../types\";\n\nexport type ResultPaginationNextPrevProps = ReactivesearchPaginationProps & {\n  render?: ResultsProps[\"renderPaginationNextPrev\"];\n};\n\nexport const ResultPaginationNextPrev: React.FC<ResultPaginationNextPrevProps> = (props) => {\n  const paginationHook = usePagination(props);\n\n  const RenderPaginationComponent = props.render ?? ExampleResultPaginationNextPrev;\n\n  return <RenderPaginationComponent {...paginationHook} />;\n};\n"]}
+{"version":3,"file":"ResultPaginationNextPrev.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNextPrev.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA4C;AAE5C,iDAG0B;AAMnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;;IACR,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAC7B,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElD,OAAO,8BAAC,yBAAyB,oBAAK,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC;AARS,QAAA,wBAAwB,4BAQjC","sourcesContent":["import React from \"react\";\n\nimport { usePagination } from \"../../hooks\";\nimport { ReactivesearchPaginationProps } from \"../../types\";\nimport {\n  ResultsProps,\n  ExampleResultPaginationNextPrev,\n} from \"../../components\";\n\nexport type ResultPaginationNextPrevProps = ReactivesearchPaginationProps & {\n  render?: ResultsProps[\"renderPaginationNextPrev\"];\n};\n\nexport const ResultPaginationNextPrev: React.FC<ResultPaginationNextPrevProps> =\n  (props) => {\n    const paginationHook = usePagination(props);\n\n    const RenderPaginationComponent =\n      props.render ?? ExampleResultPaginationNextPrev;\n\n    return <RenderPaginationComponent {...paginationHook} />;\n  };\n"]}

package/dist/src/components/Result/ResultPaginationNumbered.d.ts

@@ -1,6 +1,6 @@
-import type React from "react";
-import { type ResultsProps } from "../../components";
-import type { ReactivesearchPaginationProps } from "../../types";
+import React from "react";
+import { ReactivesearchPaginationProps } from "../../types";
+import { ResultsProps } from "../../components";
 export type ResultPaginationNumberedProps = ReactivesearchPaginationProps & {
     render?: ResultsProps["renderPaginationNumbered"];
 };

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

@@ -1,9 +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.ResultPaginationNumbered = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
 const ResultPaginationNumbered = (props) => {
     var _a;
     const paginationHook = (0, hooks_1.usePagination)(props);
@@ -11,7 +14,7 @@ const ResultPaginationNumbered = (props) => {
         return null;
     }
     const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationNumbered;
-    return (0, jsx_runtime_1.jsx)(RenderPaginationComponent, Object.assign({}, paginationHook));
+    return react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationHook));
 };
 exports.ResultPaginationNumbered = ResultPaginationNumbered;
 //# sourceMappingURL=ResultPaginationNumbered.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNumbered.tsx"],"names":[],"mappings":";;;;AACA,iDAAsF;AACtF,uCAA4C;AAOrC,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,uBAAC,yBAAyB,oBAAK,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC;AAVW,QAAA,wBAAwB,4BAUnC","sourcesContent":["import type React from \"react\";\nimport { ExampleResultPaginationNumbered, type ResultsProps } from \"../../components\";\nimport { usePagination } from \"../../hooks\";\nimport type { ReactivesearchPaginationProps } from \"../../types\";\n\nexport type ResultPaginationNumberedProps = ReactivesearchPaginationProps & {\n  render?: ResultsProps[\"renderPaginationNumbered\"];\n};\n\nexport const ResultPaginationNumbered: React.FC<ResultPaginationNumberedProps> = (props) => {\n  const paginationHook = usePagination(props);\n\n  if (!paginationHook.totalPages) {\n    return null;\n  }\n\n  const RenderPaginationComponent = props.render ?? ExampleResultPaginationNumbered;\n\n  return <RenderPaginationComponent {...paginationHook} />;\n};\n"]}
+{"version":3,"file":"ResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNumbered.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAA4C;AAC5C,iDAG0B;AAMnB,MAAM,wBAAwB,GACnC,CAAC,KAAK,EAAE,EAAE;;IACR,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,yBAAyB,GAC7B,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElD,OAAO,8BAAC,yBAAyB,oBAAK,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC;AAZS,QAAA,wBAAwB,4BAYjC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchPaginationProps } from \"../../types\";\nimport { usePagination } from \"../../hooks\";\nimport {\n  ResultsProps,\n  ExampleResultPaginationNumbered,\n} from \"../../components\";\n\nexport type ResultPaginationNumberedProps = ReactivesearchPaginationProps & {\n  render?: ResultsProps[\"renderPaginationNumbered\"];\n};\n\nexport const ResultPaginationNumbered: React.FC<ResultPaginationNumberedProps> =\n  (props) => {\n    const paginationHook = usePagination(props);\n\n    if (!paginationHook.totalPages) {\n      return null;\n    }\n\n    const RenderPaginationComponent =\n      props.render ?? ExampleResultPaginationNumbered;\n\n    return <RenderPaginationComponent {...paginationHook} />;\n  };\n"]}

package/dist/src/components/Result/ResultStateProvider.d.ts

@@ -1,5 +1,5 @@
-import type React from "react";
-import type { ReactivesearchSearchStatePage } from "../../types";
+import React from "react";
+import { ReactivesearchSearchStatePage } from "../../types";
 export type ResultStateProvidedProps = {
     render: React.FC<ReactivesearchSearchStatePage>;
 };

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

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultStateProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const StateProvider_1 = __importDefault(require("@usereactify/search-internals/lib/components/basic/StateProvider"));
-const ResultStateProvider = (props) => ((0, jsx_runtime_1.jsx)(StateProvider_1.default, { componentIds: ["page"], includeKeys: ["isLoading", "hits", "resultStats", "error"], render: (state) => {
+const ResultStateProvider = (props) => (react_1.default.createElement(StateProvider_1.default, { componentIds: ["page"], includeKeys: ["isLoading", "hits", "resultStats", "error"], render: (state) => {
         const RenderComponent = props.render;
-        return (0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({}, state.searchState.page));
+        return react_1.default.createElement(RenderComponent, Object.assign({}, state.searchState.page));
     } }));
 exports.ResultStateProvider = ResultStateProvider;
 //# sourceMappingURL=ResultStateProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResultStateProvider.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStateProvider.tsx"],"names":[],"mappings":";;;;;;;AACA,qHAA6F;AAOtF,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE,CAAC,CAChF,uBAAC,uBAAa,IACZ,YAAY,EAAE,CAAC,MAAM,CAAC,EACtB,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,EAC1D,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QAChB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;QAErC,OAAO,uBAAC,eAAe,oBAAK,KAAK,CAAC,WAAW,CAAC,IAAI,EAAI,CAAC;IACzD,CAAC,GACD,CACH,CAAC;AAVW,QAAA,mBAAmB,uBAU9B","sourcesContent":["import type React from \"react\";\nimport StateProvider from \"@usereactify/search-internals/lib/components/basic/StateProvider\";\nimport type { ReactivesearchSearchStatePage } from \"../../types\";\n\nexport type ResultStateProvidedProps = {\n  render: React.FC<ReactivesearchSearchStatePage>;\n};\n\nexport const ResultStateProvider: React.FC<ResultStateProvidedProps> = (props) => (\n  <StateProvider\n    componentIds={[\"page\"]}\n    includeKeys={[\"isLoading\", \"hits\", \"resultStats\", \"error\"]}\n    render={(state) => {\n      const RenderComponent = props.render;\n\n      return <RenderComponent {...state.searchState.page} />;\n    }}\n  />\n);\n"]}
+{"version":3,"file":"ResultStateProvider.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStateProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qHAA6F;AAQtF,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE,CAAC,CACH,8BAAC,uBAAa,IACZ,YAAY,EAAE,CAAC,MAAM,CAAC,EACtB,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,EAC1D,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QAChB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;QAErC,OAAO,8BAAC,eAAe,oBAAK,KAAK,CAAC,WAAW,CAAC,IAAI,EAAI,CAAC;IACzD,CAAC,GACD,CACH,CAAC;AAZW,QAAA,mBAAmB,uBAY9B","sourcesContent":["import React from \"react\";\nimport StateProvider from \"@usereactify/search-internals/lib/components/basic/StateProvider\";\n\nimport { ReactivesearchSearchStatePage } from \"../../types\";\n\nexport type ResultStateProvidedProps = {\n  render: React.FC<ReactivesearchSearchStatePage>;\n};\n\nexport const ResultStateProvider: React.FC<ResultStateProvidedProps> = (\n  props\n) => (\n  <StateProvider\n    componentIds={[\"page\"]}\n    includeKeys={[\"isLoading\", \"hits\", \"resultStats\", \"error\"]}\n    render={(state) => {\n      const RenderComponent = props.render;\n\n      return <RenderComponent {...state.searchState.page} />;\n    }}\n  />\n);\n"]}

package/dist/src/components/Result/Results.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactiveList from "@usereactify/search-internals/lib/components/result/ReactiveList";
-import { type usePagination, type usePaginationLoadable, type useProductPrice } from "../../hooks";
-import { type ElasticCallout, type ElasticProduct, type ReactivesearchError, type ReactivesearchResultProps, type ResultsDataListener } from "../../types";
+import { ElasticCallout, ElasticProduct, ReactivesearchError, ReactivesearchResultProps, ResultsDataListener } from "../../types";
+import { useProductPrice, usePagination, usePaginationLoadable } from "../../hooks";
 export type ResultProps = ReactivesearchResultProps & {
     callouts: ElasticCallout[];
     products: ElasticProduct[];

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

@@ -4,19 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Results = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ReactiveList_1 = __importDefault(require("@usereactify/search-internals/lib/components/result/ReactiveList"));
 const ResultCardCallout_1 = require("./ResultCardCallout");
 const ResultCardProduct_1 = require("./ResultCardProduct");
-const ResultPaginationInfiniteScroll_1 = require("./ResultPaginationInfiniteScroll");
+const ResultPaginationNumbered_1 = require("./ResultPaginationNumbered");
 const ResultPaginationLoadMore_1 = require("./ResultPaginationLoadMore");
 const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
-const ResultPaginationNumbered_1 = require("./ResultPaginationNumbered");
-const hooks_1 = require("../../hooks");
+const ResultPaginationInfiniteScroll_1 = require("./ResultPaginationInfiniteScroll");
 const types_1 = require("../../types");
-const firestore_1 = require("../../types/firestore");
+const hooks_1 = require("../../hooks");
 const props_1 = require("../../utility/props");
+const firestore_1 = require("../../types/firestore");
 const Results = (props) => {
     const reactifySearchContext = (0, hooks_1.useReactifySearchContext)();
     const filtersHook = (0, hooks_1.useFilters)();
@@ -33,27 +32,29 @@ const Results = (props) => {
     const handleData = (renderProps) => {
         var _a;
         if (renderProps.resultStats.numberOfResults === 0) {
-            const trimmedSearchTerm = searchTerm.trim();
+            let trimmedSearchTerm = searchTerm.trim();
             if (!trimmedSearchTerm || (trimmedSearchTerm && trimmedSearchTerm.length < 3))
                 return;
             track({ eventName: "zeroResults", payload: { searchTerm: trimmedSearchTerm } });
             (_a = props.onData) === null || _a === void 0 ? void 0 : _a.call(props, renderProps);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(ReactiveList_1.default, Object.assign({}, reactiveProps, { onData: handleData, render: (reactivesearchResultProps) => ((0, jsx_runtime_1.jsx)(ResultsInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => ((0, jsx_runtime_1.jsx)(ResultsPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
+    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultsInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), onData: handleData, renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultsPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
 };
 exports.Results = Results;
 const ResultsRenderErrorComponent = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: ["Error: ", props.error.statusText] }));
+    return (react_1.default.createElement("div", null,
+        "Error: ",
+        props.error.statusText));
 };
 const ResultsRenderLoadingComponent = () => {
-    return (0, jsx_runtime_1.jsx)("div", { children: "Loading" });
+    return react_1.default.createElement("div", null, "Loading");
 };
 const ResultsRenderNoResultsComponent = () => {
-    return (0, jsx_runtime_1.jsx)("div", { children: "No results" });
+    return react_1.default.createElement("div", null, "No results");
 };
 const ResultsInner = (props) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const context = (0, hooks_1.useReactifySearchContext)();
     const filtersHook = (0, hooks_1.useFilters)();
     const resultsHook = (0, hooks_1.useResults)();
@@ -75,10 +76,9 @@ const ResultsInner = (props) => {
             ((_c = (_a = props.pageSize) !== null && _a !== void 0 ? _a : (_b = filtersHook.filterStack) === null || _b === void 0 ? void 0 : _b.pageSize) !== null && _c !== void 0 ? _c : 0);
         return scrollPositionOffset + ((_d = props.infiniteScrollPosition) !== null && _d !== void 0 ? _d : 0);
     }, [
+        (_a = props.pageSize) !== null && _a !== void 0 ? _a : (_b = filtersHook.filterStack) === null || _b === void 0 ? void 0 : _b.pageSize,
         props.reactivesearchResultProps.resultStats.displayedResults,
         props.infiniteScrollPosition,
-        (_a = filtersHook.filterStack) === null || _a === void 0 ? void 0 : _a.pageSize,
-        props.pageSize,
     ]);
     // This dependency is inverted. The `useResults` hook depends on the `Results` component.
     react_1.default.useEffect(() => {
@@ -86,10 +86,7 @@ const ResultsInner = (props) => {
         resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);
     }, [
         props.reactivesearchResultProps.resultStats.numberOfResults,
-        props.reactivesearchResultProps.resultStats,
-        props.reactivesearchResultProps.data,
-        resultsHook.setResultStats,
-        resultsHook.setResults,
+        props.reactivesearchResultProps.data.map((item) => item._id).join(""),
     ]);
     const calculateGridOverflow = react_1.default.useCallback((results) => {
         if (!props.gridColumns)
@@ -98,7 +95,7 @@ const ResultsInner = (props) => {
         for (const result of results) {
             if (result.type === types_1.ElasticDocumentType.Product)
                 continue;
-            total += parseInt(result.callout.displayColumns, 10) * parseInt(result.callout.displayRows, 10) - 1;
+            total += parseInt(result.callout.displayColumns) * parseInt(result.callout.displayRows) - 1;
         }
         const overflow = props.gridColumns - (total % props.gridColumns);
         if (overflow === props.gridColumns)
@@ -110,7 +107,8 @@ const ResultsInner = (props) => {
         if (props.reactivesearchResultProps.resultStats.displayedResults ===
             props.reactivesearchResultProps.resultStats.numberOfResults) {
             // check if we should only autofill when there are more results
-            if (context.config.merchandising.calloutAutofillBehaviour === firestore_1.MerchandisingCalloutAutofillBehaviour.MoreResults) {
+            if (context.config.merchandising.calloutAutofillBehaviour ===
+                firestore_1.MerchandisingCalloutAutofillBehaviour.MoreResults) {
                 return;
             }
         }
@@ -132,47 +130,51 @@ const ResultsInner = (props) => {
         props.reactivesearchResultProps.resultStats,
         props.reactivesearchResultProps.data,
         context.config.callouts,
-        calculateGridOverflow,
-        context.config.merchandising.calloutAutofillBehaviour,
     ]);
-    const results = react_1.default.useMemo(() => [...props.reactivesearchResultProps.data, ...(gridOverflowCallout ? [gridOverflowCallout] : [])], [props.reactivesearchResultProps.data, gridOverflowCallout]);
+    const results = react_1.default.useMemo(() => [
+        ...props.reactivesearchResultProps.data,
+        ...(gridOverflowCallout ? [gridOverflowCallout] : []),
+    ], [props.reactivesearchResultProps.data, gridOverflowCallout]);
     if (props.reactivesearchResultProps.error) {
-        const RenderErrorComponent = (_b = props.renderError) !== null && _b !== void 0 ? _b : ResultsRenderErrorComponent;
-        return (0, jsx_runtime_1.jsx)(RenderErrorComponent, { error: props.reactivesearchResultProps.error });
+        const RenderErrorComponent = (_c = props.renderError) !== null && _c !== void 0 ? _c : ResultsRenderErrorComponent;
+        return react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error });
     }
     if (!initialSearchHasRun) {
-        const RenderLoadingComponent = (_c = props.renderLoading) !== null && _c !== void 0 ? _c : ResultsRenderLoadingComponent;
-        return (0, jsx_runtime_1.jsx)(RenderLoadingComponent, {});
+        const RenderLoadingComponent = (_d = props.renderLoading) !== null && _d !== void 0 ? _d : ResultsRenderLoadingComponent;
+        return react_1.default.createElement(RenderLoadingComponent, null);
     }
     if (props.showSubsequentLoadingStates === true) {
         if (props.reactivesearchResultProps.loading) {
-            const RenderLoadingComponent = (_d = props.renderLoading) !== null && _d !== void 0 ? _d : ResultsRenderLoadingComponent;
-            return (0, jsx_runtime_1.jsx)(RenderLoadingComponent, {});
+            const RenderLoadingComponent = (_e = props.renderLoading) !== null && _e !== void 0 ? _e : ResultsRenderLoadingComponent;
+            return react_1.default.createElement(RenderLoadingComponent, null);
         }
     }
-    if (!props.reactivesearchResultProps.loading && !props.reactivesearchResultProps.resultStats.numberOfResults) {
-        const RenderNoResultsComponent = (_e = props.renderNoResults) !== null && _e !== void 0 ? _e : ResultsRenderNoResultsComponent;
-        return (0, jsx_runtime_1.jsx)(RenderNoResultsComponent, {});
+    if (!props.reactivesearchResultProps.loading &&
+        !props.reactivesearchResultProps.resultStats.numberOfResults) {
+        const RenderNoResultsComponent = (_f = props.renderNoResults) !== null && _f !== void 0 ? _f : ResultsRenderNoResultsComponent;
+        return react_1.default.createElement(RenderNoResultsComponent, null);
     }
     if (["search", "instant-search"].includes(context.options.mode)) {
         if (!context.search.searchTerm) {
-            const RenderNoResultsComponent = (_f = props.renderNoResults) !== null && _f !== void 0 ? _f : ResultsRenderNoResultsComponent;
-            return (0, jsx_runtime_1.jsx)(RenderNoResultsComponent, {});
+            const RenderNoResultsComponent = (_g = props.renderNoResults) !== null && _g !== void 0 ? _g : ResultsRenderNoResultsComponent;
+            return react_1.default.createElement(RenderNoResultsComponent, null);
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("section", { className: props.listClassName, style: listStyle, children: results.map((item, key) => {
-                    if (types_1.ElasticDocumentType.Product === item.type) {
-                        return ((0, jsx_runtime_1.jsx)(ResultCardProduct_1.ResultCardProduct, Object.assign({ document: item, pagePosition: key + 1, product: item, render: props.renderResultCardProduct }, (infiniteScrollPosition === key + 1
-                            ? { onView: () => props.reactivesearchResultProps.loadMore() }
-                            : {})), item._id));
-                    }
-                    if (types_1.ElasticDocumentType.Callout === item.type) {
-                        return ((0, jsx_runtime_1.jsx)(ResultCardCallout_1.ResultCardCallout, Object.assign({ callout: item.callout, document: item, pagePosition: key + 1, render: props.renderResultCardCallout }, (infiniteScrollPosition === key + 1
-                            ? { onView: () => props.reactivesearchResultProps.loadMore() }
-                            : {})), item._id));
-                    }
-                    return null;
-                }) }), (0, jsx_runtime_1.jsx)(ResultsPaginationStackLoadable, Object.assign({}, props, props.reactivesearchResultProps))] }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("section", { style: listStyle, className: props.listClassName }, results.map((item, key) => {
+            if (types_1.ElasticDocumentType.Product === item.type) {
+                return (react_1.default.createElement(ResultCardProduct_1.ResultCardProduct, Object.assign({ key: item._id, product: item, document: item, pagePosition: key + 1, render: props.renderResultCardProduct }, (infiniteScrollPosition === key + 1
+                    ? { onView: () => props.reactivesearchResultProps.loadMore() }
+                    : {}))));
+            }
+            if (types_1.ElasticDocumentType.Callout === item.type) {
+                return (react_1.default.createElement(ResultCardCallout_1.ResultCardCallout, Object.assign({ key: item._id, document: item, pagePosition: key + 1, callout: item.callout, render: props.renderResultCardCallout }, (infiniteScrollPosition === key + 1
+                    ? { onView: () => props.reactivesearchResultProps.loadMore() }
+                    : {}))));
+            }
+            return null;
+        })),
+        react_1.default.createElement(ResultsPaginationStackLoadable, Object.assign({}, props, props.reactivesearchResultProps))));
 };
 /** Handles rendering pagination for types that use "pagination props" */
 const ResultsPaginationStack = (props) => {
@@ -182,10 +184,10 @@ const ResultsPaginationStack = (props) => {
         return null;
     }
     if ("pagination" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return (0, jsx_runtime_1.jsx)(ResultPaginationNumbered_1.ResultPaginationNumbered, Object.assign({}, props, { render: props.renderPaginationNumbered }));
+        return react_1.default.createElement(ResultPaginationNumbered_1.ResultPaginationNumbered, Object.assign({}, props, { render: props.renderPaginationNumbered }));
     }
     if ("next_prev" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return (0, jsx_runtime_1.jsx)(ResultPaginationNextPrev_1.ResultPaginationNextPrev, Object.assign({}, props, { render: props.renderPaginationNextPrev }));
+        return react_1.default.createElement(ResultPaginationNextPrev_1.ResultPaginationNextPrev, Object.assign({}, props, { render: props.renderPaginationNextPrev }));
     }
     return null;
 };
@@ -197,10 +199,10 @@ const ResultsPaginationStackLoadable = (props) => {
         return null;
     }
     if ("load_more" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return (0, jsx_runtime_1.jsx)(ResultPaginationLoadMore_1.ResultPaginationLoadMore, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationLoadMore }));
+        return (react_1.default.createElement(ResultPaginationLoadMore_1.ResultPaginationLoadMore, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationLoadMore })));
     }
     if ("infinite_scroll" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return ((0, jsx_runtime_1.jsx)(ResultPaginationInfiniteScroll_1.ResultPaginationInfiniteScroll, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationInfiniteScroll })));
+        return (react_1.default.createElement(ResultPaginationInfiniteScroll_1.ResultPaginationInfiniteScroll, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationInfiniteScroll })));
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@usereactify/search-internals/lib/components/result/ReactiveList\";\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport {\n  useAnalytics,\n  useFilters,\n  type usePagination,\n  type usePaginationLoadable,\n  type useProductPrice,\n  useReactifySearchContext,\n  useResults,\n  useSearch,\n} from \"../../hooks\";\nimport {\n  type ElasticCallout,\n  ElasticDocumentType,\n  type ElasticHit,\n  type ElasticProduct,\n  type ReactivesearchError,\n  type ReactivesearchPaginationProps,\n  type ReactivesearchResultProps,\n  type ResultsDataListener,\n} from \"../../types\";\nimport { MerchandisingCalloutAutofillBehaviour } from \"../../types/firestore\";\nimport { getPropsResults } from \"../../utility/props\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Used to determine which filler callouts to use when there is an uneven grid */\n  gridColumns?: number;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<typeof ReactiveList>[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n  /** Advanced Usage: Shows subsequent loading states after initial results are loaded */\n  showSubsequentLoadingStates?: boolean;\n  /** Advanced Usage: Provide a function to listen to when a search request is made and new results are returned. */\n  onData?: ResultsDataListener;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const reactiveProps = getPropsResults({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n    scrollTarget: props.infiniteScrollContainer,\n    pageSize: props.pageSize,\n    onData: props.onData,\n  });\n\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  const handleData: ResultsDataListener = (renderProps) => {\n    if (renderProps.resultStats.numberOfResults === 0) {\n      const trimmedSearchTerm = searchTerm.trim();\n      if (!trimmedSearchTerm || (trimmedSearchTerm && trimmedSearchTerm.length < 3)) return;\n      track({ eventName: \"zeroResults\", payload: { searchTerm: trimmedSearchTerm } });\n      props.onData?.(renderProps);\n    }\n  };\n\n  return (\n    <ReactiveList\n      {...reactiveProps}\n      onData={handleData}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner {...props} reactivesearchResultProps={reactivesearchResultProps} />\n      )}\n      renderPagination={(reactivesearchPaginationProps: ReactivesearchPaginationProps) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const resultsHook = useResults();\n  const initialSearchHasRun = React.useMemo(\n    () => props.reactivesearchResultProps.resultStats.numberOfResults !== undefined,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n    filtersHook.filterStack?.pageSize,\n    props.pageSize,\n  ]);\n\n  // This dependency is inverted. The `useResults` hook depends on the `Results` component.\n  React.useEffect(() => {\n    resultsHook.setResults(props.reactivesearchResultProps.data);\n    resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);\n  }, [\n    props.reactivesearchResultProps.resultStats.numberOfResults,\n    props.reactivesearchResultProps.resultStats,\n    props.reactivesearchResultProps.data,\n    resultsHook.setResultStats,\n    resultsHook.setResults,\n  ]);\n\n  const calculateGridOverflow = React.useCallback(\n    (results: ReactivesearchResultProps[\"data\"]) => {\n      if (!props.gridColumns) return;\n      let total = results.length;\n      for (const result of results) {\n        if (result.type === ElasticDocumentType.Product) continue;\n        total += parseInt(result.callout.displayColumns, 10) * parseInt(result.callout.displayRows, 10) - 1;\n      }\n      const overflow = props.gridColumns - (total % props.gridColumns);\n      if (overflow === props.gridColumns) return;\n      return overflow === props.gridColumns ? undefined : overflow;\n    },\n    [props.gridColumns]\n  );\n\n  const gridOverflowCallout = React.useMemo((): (Omit<ElasticHit, \"_source\"> & ElasticCallout) | undefined => {\n    // check if there are more results\n    if (\n      props.reactivesearchResultProps.resultStats.displayedResults ===\n      props.reactivesearchResultProps.resultStats.numberOfResults\n    ) {\n      // check if we should only autofill when there are more results\n      if (context.config.merchandising.calloutAutofillBehaviour === MerchandisingCalloutAutofillBehaviour.MoreResults) {\n        return;\n      }\n    }\n\n    const overflow = calculateGridOverflow(props.reactivesearchResultProps.data);\n\n    const callout = context.config.callouts.find((item) => item.displayColumns === `${overflow}`);\n    if (!callout) {\n      return;\n    }\n\n    return {\n      _id: callout.id,\n      _score: 0,\n      type: ElasticDocumentType.Callout,\n      key: callout.id,\n      callout: {\n        ...callout,\n        enabled: true,\n      },\n      published: true,\n      curations: [],\n    };\n  }, [\n    props.reactivesearchResultProps.resultStats,\n    props.reactivesearchResultProps.data,\n    context.config.callouts,\n    calculateGridOverflow,\n    context.config.merchandising.calloutAutofillBehaviour,\n  ]);\n\n  const results = React.useMemo(\n    () => [...props.reactivesearchResultProps.data, ...(gridOverflowCallout ? [gridOverflowCallout] : [])],\n    [props.reactivesearchResultProps.data, gridOverflowCallout]\n  );\n\n  if (props.reactivesearchResultProps.error) {\n    const RenderErrorComponent = props.renderError ?? ResultsRenderErrorComponent;\n\n    return <RenderErrorComponent error={props.reactivesearchResultProps.error} />;\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent = props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (props.showSubsequentLoadingStates === true) {\n    if (props.reactivesearchResultProps.loading) {\n      const RenderLoadingComponent = props.renderLoading ?? ResultsRenderLoadingComponent;\n      return <RenderLoadingComponent />;\n    }\n  }\n\n  if (!props.reactivesearchResultProps.loading && !props.reactivesearchResultProps.resultStats.numberOfResults) {\n    const RenderNoResultsComponent = props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  if ([\"search\", \"instant-search\"].includes(context.options.mode)) {\n    if (!context.search.searchTerm) {\n      const RenderNoResultsComponent = props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n      return <RenderNoResultsComponent />;\n    }\n  }\n\n  return (\n    <>\n      <section className={props.listClassName} style={listStyle}>\n        {results.map((item, key) => {\n          if (ElasticDocumentType.Product === item.type) {\n            return (\n              <ResultCardProduct\n                document={item}\n                key={item._id}\n                pagePosition={key + 1}\n                product={item}\n                render={props.renderResultCardProduct}\n                {...(infiniteScrollPosition === key + 1\n                  ? { onView: () => props.reactivesearchResultProps.loadMore() }\n                  : {})}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                callout={item.callout}\n                document={item}\n                key={item._id}\n                pagePosition={key + 1}\n                render={props.renderResultCardCallout}\n                {...(infiniteScrollPosition === key + 1\n                  ? { onView: () => props.reactivesearchResultProps.loadMore() }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable {...props} {...props.reactivesearchResultProps} />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<ResultsProps & ReactivesearchPaginationProps> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return <ResultPaginationNumbered {...props} render={props.renderPaginationNumbered} />;\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return <ResultPaginationNextPrev {...props} render={props.renderPaginationNextPrev} />;\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return <ResultPaginationLoadMore {...props.reactivesearchResultProps} render={props.renderPaginationLoadMore} />;\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}
+{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@usereactify/search-internals/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n  ElasticHit,\n  ElasticDocument,\n  ResultsDataListener,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useProductPrice,\n  usePagination,\n  usePaginationLoadable,\n  useResults,\n} from \"../../hooks\";\nimport { getPropsResults } from \"../../utility/props\";\nimport { MerchandisingCalloutAutofillBehaviour } from \"../../types/firestore\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Used to determine which filler callouts to use when there is an uneven grid */\n  gridColumns?: number;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<typeof ReactiveList>[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n  /** Advanced Usage: Shows subsequent loading states after initial results are loaded */\n  showSubsequentLoadingStates?: boolean;\n  /** Advanced Usage: Provide a function to listen to when a search request is made and new results are returned. */\n  onData?: ResultsDataListener;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactifySearchContext = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const reactiveProps = getPropsResults({\n    provider: reactifySearchContext.options,\n    config: reactifySearchContext.config,\n    filterGroup: filtersHook.filterStack,\n    scrollTarget: props.infiniteScrollContainer,\n    pageSize: props.pageSize,\n    onData: props.onData,\n  });\n\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  const handleData: ResultsDataListener = (renderProps) => {\n    if (renderProps.resultStats.numberOfResults === 0) {\n      let trimmedSearchTerm = searchTerm.trim();\n      if (!trimmedSearchTerm || (trimmedSearchTerm && trimmedSearchTerm.length < 3)) return;\n      track({ eventName: \"zeroResults\", payload: { searchTerm: trimmedSearchTerm } });\n      props.onData?.(renderProps);\n    }\n  };\n\n  return (\n    <ReactiveList\n      {...reactiveProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner {...props} reactivesearchResultProps={reactivesearchResultProps} />\n      )}\n      onData={handleData}\n      renderPagination={(reactivesearchPaginationProps: ReactivesearchPaginationProps) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const resultsHook = useResults();\n  const initialSearchHasRun = React.useMemo(\n    () => props.reactivesearchResultProps.resultStats.numberOfResults !== undefined,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.pageSize ?? filtersHook.filterStack?.pageSize,\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n  ]);\n\n  // This dependency is inverted. The `useResults` hook depends on the `Results` component.\n  React.useEffect(() => {\n    resultsHook.setResults(props.reactivesearchResultProps.data);\n    resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);\n  }, [\n    props.reactivesearchResultProps.resultStats.numberOfResults,\n    props.reactivesearchResultProps.data.map((item) => item._id).join(\"\"),\n  ]);\n\n  const calculateGridOverflow = React.useCallback(\n    (results: ReactivesearchResultProps[\"data\"]) => {\n      if (!props.gridColumns) return;\n      let total = results.length;\n      for (const result of results) {\n        if (result.type === ElasticDocumentType.Product) continue;\n        total += parseInt(result.callout.displayColumns) * parseInt(result.callout.displayRows) - 1;\n      }\n      const overflow = props.gridColumns - (total % props.gridColumns);\n      if (overflow === props.gridColumns) return;\n      return overflow === props.gridColumns ? undefined : overflow;\n    },\n    [props.gridColumns]\n  );\n\n  const gridOverflowCallout = React.useMemo(():\n    | (Omit<ElasticHit, \"_source\"> & ElasticCallout)\n    | undefined => {\n    // check if there are more results\n    if (\n      props.reactivesearchResultProps.resultStats.displayedResults ===\n      props.reactivesearchResultProps.resultStats.numberOfResults\n    ) {\n      // check if we should only autofill when there are more results\n      if (\n        context.config.merchandising.calloutAutofillBehaviour ===\n        MerchandisingCalloutAutofillBehaviour.MoreResults\n      ) {\n        return;\n      }\n    }\n\n    const overflow = calculateGridOverflow(props.reactivesearchResultProps.data);\n\n    const callout = context.config.callouts.find((item) => item.displayColumns === `${overflow}`);\n    if (!callout) {\n      return;\n    }\n\n    return {\n      _id: callout.id,\n      _score: 0,\n      type: ElasticDocumentType.Callout,\n      key: callout.id,\n      callout: {\n        ...callout,\n        enabled: true,\n      },\n      published: true,\n      curations: [],\n    };\n  }, [\n    props.reactivesearchResultProps.resultStats,\n    props.reactivesearchResultProps.data,\n    context.config.callouts,\n  ]);\n\n  const results = React.useMemo(\n    () => [\n      ...props.reactivesearchResultProps.data,\n      ...(gridOverflowCallout ? [gridOverflowCallout] : []),\n    ],\n    [props.reactivesearchResultProps.data, gridOverflowCallout]\n  );\n\n  if (props.reactivesearchResultProps.error) {\n    const RenderErrorComponent = props.renderError ?? ResultsRenderErrorComponent;\n\n    return <RenderErrorComponent error={props.reactivesearchResultProps.error} />;\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent = props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (props.showSubsequentLoadingStates === true) {\n    if (props.reactivesearchResultProps.loading) {\n      const RenderLoadingComponent = props.renderLoading ?? ResultsRenderLoadingComponent;\n      return <RenderLoadingComponent />;\n    }\n  }\n\n  if (\n    !props.reactivesearchResultProps.loading &&\n    !props.reactivesearchResultProps.resultStats.numberOfResults\n  ) {\n    const RenderNoResultsComponent = props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  if ([\"search\", \"instant-search\"].includes(context.options.mode)) {\n    if (!context.search.searchTerm) {\n      const RenderNoResultsComponent = props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n      return <RenderNoResultsComponent />;\n    }\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {results.map((item, key) => {\n          if (ElasticDocumentType.Product === item.type) {\n            return (\n              <ResultCardProduct\n                key={item._id}\n                product={item}\n                document={item}\n                pagePosition={key + 1}\n                render={props.renderResultCardProduct}\n                {...(infiniteScrollPosition === key + 1\n                  ? { onView: () => props.reactivesearchResultProps.loadMore() }\n                  : {})}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                key={item._id}\n                document={item}\n                pagePosition={key + 1}\n                callout={item.callout}\n                render={props.renderResultCardCallout}\n                {...(infiniteScrollPosition === key + 1\n                  ? { onView: () => props.reactivesearchResultProps.loadMore() }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable {...props} {...props.reactivesearchResultProps} />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<ResultsProps & ReactivesearchPaginationProps> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return <ResultPaginationNumbered {...props} render={props.renderPaginationNumbered} />;\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return <ResultPaginationNextPrev {...props} render={props.renderPaginationNextPrev} />;\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}

package/dist/src/components/Result/index.d.ts

@@ -1,8 +1,8 @@
+export * from "./Results";
 export * from "./ResultCardCallout";
 export * from "./ResultCardProduct";
-export * from "./ResultPaginationInfiniteScroll";
+export * from "./ResultStateProvider";
+export * from "./ResultPaginationNumbered";
 export * from "./ResultPaginationLoadMore";
+export * from "./ResultPaginationInfiniteScroll";
 export * from "./ResultPaginationNextPrev";
-export * from "./ResultPaginationNumbered";
-export * from "./ResultStateProvider";
-export * from "./Results";

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

@@ -14,12 +14,12 @@ 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("./Results"), exports);
 __exportStar(require("./ResultCardCallout"), exports);
 __exportStar(require("./ResultCardProduct"), exports);
-__exportStar(require("./ResultPaginationInfiniteScroll"), exports);
+__exportStar(require("./ResultStateProvider"), exports);
+__exportStar(require("./ResultPaginationNumbered"), exports);
 __exportStar(require("./ResultPaginationLoadMore"), exports);
+__exportStar(require("./ResultPaginationInfiniteScroll"), exports);
 __exportStar(require("./ResultPaginationNextPrev"), exports);
-__exportStar(require("./ResultPaginationNumbered"), exports);
-__exportStar(require("./ResultStateProvider"), exports);
-__exportStar(require("./Results"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Result/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,sDAAoC;AACpC,mEAAiD;AACjD,6DAA2C;AAC3C,6DAA2C;AAC3C,6DAA2C;AAC3C,wDAAsC;AACtC,4CAA0B","sourcesContent":["export * from \"./ResultCardCallout\";\nexport * from \"./ResultCardProduct\";\nexport * from \"./ResultPaginationInfiniteScroll\";\nexport * from \"./ResultPaginationLoadMore\";\nexport * from \"./ResultPaginationNextPrev\";\nexport * from \"./ResultPaginationNumbered\";\nexport * from \"./ResultStateProvider\";\nexport * from \"./Results\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Result/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC;AACtC,6DAA2C;AAC3C,6DAA2C;AAC3C,mEAAiD;AACjD,6DAA2C","sourcesContent":["export * from \"./Results\";\nexport * from \"./ResultCardCallout\";\nexport * from \"./ResultCardProduct\";\nexport * from \"./ResultStateProvider\";\nexport * from \"./ResultPaginationNumbered\";\nexport * from \"./ResultPaginationLoadMore\";\nexport * from \"./ResultPaginationInfiniteScroll\";\nexport * from \"./ResultPaginationNextPrev\";\n"]}

package/dist/src/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
-import type React from "react";
+import React from "react";
 import { useSearch } from "../../hooks";
 export type SearchProps = {
     /** Render method */